{"version":3,"sources":["webpack:///./app/javascript/assets/icons/email-blue.svg","webpack:///./app/javascript/styles/components/elements/Table.tsx","webpack:///./app/javascript/components/elements/ProgressBarPanel/index.tsx","webpack:///./app/javascript/components/elements/StyledTitle/index.tsx","webpack:///./app/javascript/assets/icons/alert-info.svg","webpack:///./app/javascript/images/Anthony-B.png","webpack:///./app/javascript/components/elements/StyledTitle/StyledTitle.sc.tsx","webpack:///./app/javascript/components/elements/ProgressBarPanelGroup/index.tsx","webpack:///./app/javascript/components/elements/QuotesPanel/index.tsx","webpack:///./app/javascript/components/elements/QuotesPanelGroup/index.tsx","webpack:///./app/javascript/components/elements/ProgressBar/index.tsx","webpack:///./app/javascript/components/myreports/Prospect/MetricsOverview.tsx","webpack:///./app/javascript/components/elements/ProgressBarPanel/ProgressBarPanel.sc.tsx","webpack:///./app/javascript/styles/components/myreports/Dashboard.tsx","webpack:///./app/javascript/components/elements/ProgressBarPanelGroup/ProgressBarPanelGroup.sc.tsx","webpack:///./app/javascript/components/myreports/Prospect/BusinessDetails.tsx","webpack:///./app/javascript/components/myreports/Prospect/CTA.tsx","webpack:///./app/javascript/components/myreports/Prospect/CTAGradeus.tsx","webpack:///./app/javascript/components/myreports/Prospect/CTAStartFreeTrial.tsx","webpack:///./app/javascript/components/myreports/Prospect/CTAScheduleADemo.tsx","webpack:///./app/javascript/components/myreports/Prospect/CTAWhitelabel.tsx","webpack:///./app/javascript/components/myreports/Prospect/MainHeader.tsx","webpack:///./app/javascript/styles/components/elements/CompetitorTablePanel.tsx","webpack:///./app/javascript/components/myreports/Prospect/CompetitorTable.tsx","webpack:///./app/javascript/styles/components/myreports/Prospect.tsx","webpack:///./app/javascript/components/elements/ProgressBar/ProgressBar.sc.tsx","webpack:///./app/javascript/components/myreports/Prospect/CTAWhitelabelButton.tsx","webpack:///./app/javascript/components/myreports/Prospect/Main.tsx","webpack:///./app/javascript/components/myreports/Prospect/WhitelabelWidget.tsx","webpack:///./app/javascript/components/base/modals/ModalWithCTA.tsx","webpack:///./app/javascript/components/base/modals/PopupModal.tsx","webpack:///./app/javascript/assets/icons/circle-plus-blue.svg","webpack:///./app/javascript/assets/gradeus-logo-transparent.png"],"names":["module","exports","Table","styled","table","colors","baseCopy","catalinaBlue","props","noStripe","grayBorder","condensed","ProgressBarPanel","percentageUnit","progressBarColorsPalette","progressBarColors","colorThresholds","length","carnationRed","carnationRedFaded","appleGreen","appleGreenFaded","treePoppy","treePoppyFaded","twoProgressColors","threshold","progress","threeProgressColors","href","url","target","style","cursor","styleContentUp","fontSize","contentUp","showStar","styleContentDown","contentDown","isProgressDecimal","toFixed","value","max","min","color","backgroundColor","height","borderRadius","backgroundBorderRadius","StyledTitle","prefixColor","prefixFontSize","prefix","wordColor","word","suffixColor","suffixFontSize","suffix","$StyledTitleContainer","div","$StyleTitleBase","$StyledTitlePrefix","$StyledTitleWord","$StyledTitleSuffix","$StyledTitleSuffixImg","img","ProgressBarPanelGroup","title","panelsData","map","badgeData","index","key","contentUpStyle","fontWeight","lineHeight","marginTop","width","maxWidth","tealBlue","contentDownStyle","QuotesPanel","quotePanelColor","QuotesPanelGroup","panelData","ProgressBar","textColor","text","MetricsOverview","styledTitleProps","progressBarProps","dangerouslySetInnerHTML","__html","description","progressBarPanelGroup","quotesPanelGroup","listPanel","$ProgressBarContainer","$ProgressBarPanelContainer","a","grayBackground","$ProgressBarPanelContent","$ProgressBarPanelContentUp","$ProgressBarPanelContentDown","$ProgressBarPanelContentDownContainer","$ProgressBarPanelStar","span","ReportWrapper","HeaderSpacer","FilterHeadWrapper","FilterSelectionWrapper","Panel","PanelHeadline","h2","PanelTopRightButtonWrapper","PanelHeadlineInline","TextInlineHeadline","AlertInfo","alertInfoIcon","AlertInfoAdd","circlePlusBlue","PanelHr","hr","ArrowIndicatorWrapper","StyledChartLegendContainer","$PanelsGroupContainer","$PanelsGroupTitle","BusinessDetails","name","address","type","phoneNumber","website","src","latitude","longitude","process","alt","CTA","factorsForImprovements","businessLink","className","businessName","whitelabelTitle","CTAGradeus","gradeusLogo","CTAStartFreeTrial","maxHeight","id","CTAScheduleADemo","CTAWhitelabel","whitelabelLogoUrl","whitelabelContactPhone","whitelabelContactEmail","MainHeader","created","whitelabelCTALink","fS","marginBottom","$CompetitorTablePanel","$Header","p","$HeaderSuffix","$SubHeader","$MainTable","primaryBase","CompetitorTable","titleSuffix","headers","list","clear","header","row","highlight","undefined","$ProspectReportHeaderContainer","$ProspectReportWhiteLabelLogo","$ProspectReportHeaderTitle","h1","$ProspectReportCreationDate","BusinessDetailsContainer","BusinessDetailsRow","BusinessName","td","BusinessDetailsData","paleSky","BusinessDetailsMapContainer","BusinessDetailsMap","$MetricsOverviewContainer","$MetricsOverviewDescription","CTAWrapper","CTAStartFreeTrialWrapper","CTAScheduleADemoWrapper","blueSky","CTAWhitelabelButtonWrapper","FreeTrialCopyHeader","CTACopyContent","FreeTrialCopyContent","lightGray3","BookADemoImage","bookADemoImage","ScheduleADemoCopyContent","white","CTAButton","FreeTrialButton","ScheduleADemoButton","WhitelabelActionButton","ContactContainer","ContactTitleWrapper","ContactTitle","ContactTitleImg","ContactInfo","$ProgressBarWrapper","$ProgressBarWrapperInside","CTAWhitelabelButton","ProspectReport","ctaProps","businessDetails","overallScore","volume","rating","recency","sentiment","errorFields","message","WhitelabelWidget","site_uuid","callToAction","useCaptcha","captchaSiteKey","sitePhoneNumber","withModalCTA","useState","modalErrorMessage","setModalErrorMessage","recaptchaRef","useRef","useForm","mode","handleSubmit","register","errors","googleLocation","setGoogleLocation","openSuccessModal","setOpenSuccessModal","onSubmit","googleMapsUrl","googlePlaceObject","contactName","contactPhone","contactEmail","formData","google_maps_url","google_place_object","phone","email","current","getValue","captchaToken","reset","axios","post","Accept","getCSRFToken","then","error","response","data","refreshPageError","modalBody","margin","googleData","placeholderText","ref","required","JSON","stringify","placeholder","errorMessage","pattern","sitekey","onExpired","onErrored","headerIcon","mailIcon","ctaLabel","ctaURL","openInNewTab","isOpen","onAfterOpen","document","body","overflow","onRequestClose","errorText","Modal","setAppElement","ModalWithCTA","children","modalStyles","content","padding","top","left","right","bottom","transform","background","baseWhite","overlay","overlayBackground","zIndex","textAlign","PopupModal"],"mappings":"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","file":"js/default~application~p~c9321c83-d8420209a2b99f61794d.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"media/assets/icons/email-blue-31b6cf63e075608ac5685f9d21a5b88c.svg\";","import styled from \"styled-components\";\n\nimport { colors } from \"@styles/colors\";\n\ninterface TableProps {\n  condensed?: boolean;\n  noStripe?: boolean;\n}\n\nexport const Table = styled.table<TableProps>`\n  width: 100%;\n  font-size: 16px;\n  margin-bottom: 20px;\n  background-color: transparent;\n  border-collapse: collapse;\n  border-spacing: 0;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  color: ${colors.baseCopy};\n\n  th {\n    font-weight: bold;\n    color: ${colors.catalinaBlue};\n  }\n\n  tr {\n    border-bottom: ${(props) =>\n      props.noStripe ? \"none\" : `2px solid ${colors.grayBorder}`};\n  }\n\n  td {\n    color: ${colors.baseCopy};\n  }\n\n  td,\n  th {\n    padding: ${(props) => (props.condensed ? \"5px 5px\" : \"14px 16px\")};\n    font-size: 16px;\n    line-height: 24px;\n  }\n`;\n","import React, { FunctionComponent } from \"react\";\n\nimport ProgressBar from \"../ProgressBar\";\nimport { colors } from \"@styles/colors\";\nimport {\n  $ProgressBarContainer,\n  $ProgressBarPanelContainer,\n  $ProgressBarPanelContentDown,\n  $ProgressBarPanelContentDownContainer,\n  $ProgressBarPanelContentUp,\n  $ProgressBarPanelStar,\n  ProgressBarPanelContentStyle,\n} from \"./ProgressBarPanel.sc\";\n\nexport interface IProgressBarPanelProps {\n  contentUp: string;\n  contentDown?: string;\n  progress?: number;\n  min?: number;\n  max?: number;\n  colorThresholds?: Array<number>;\n  showStar?: boolean;\n  // provide custom colors with this parameter\n  progressBarColors?: Array<Array<string>>;\n  styleContentUp?: ProgressBarPanelContentStyle;\n  styleContentDown?: ProgressBarPanelContentStyle;\n  isProgressDecimal?: boolean;\n  url?: string;\n}\n\nconst ProgressBarPanel: FunctionComponent<IProgressBarPanelProps> = (\n  props: IProgressBarPanelProps\n) => {\n  const progress = () => {\n    const delta = props.max - props.min;\n    const percentageUnit = 100.0 / delta;\n    // in case min is > 0 subtract min from value\n    const value = props.progress < props.min ? props.min : props.progress;\n    return (value - props.min) * percentageUnit;\n  };\n\n  const progressBarColorsPalette = () => {\n    if (props.progressBarColors) {\n      return props.progressBarColors;\n    } else if (props.colorThresholds.length == 1) {\n      return [\n        [colors.carnationRed, colors.carnationRedFaded],\n        [colors.appleGreen, colors.appleGreenFaded],\n      ];\n    } else {\n      return [\n        [colors.carnationRed, colors.carnationRedFaded],\n        [colors.treePoppy, colors.treePoppyFaded],\n        [colors.appleGreen, colors.appleGreenFaded],\n      ];\n    }\n  };\n\n  const progressColors = () => {\n    if (props.colorThresholds.length == 1)\n      return twoProgressColors(progressBarColorsPalette());\n\n    return threeProgressColors(progressBarColorsPalette());\n  };\n\n  const twoProgressColors = (colors: Array<Array<string>>) => {\n    const threshold = props.colorThresholds[0];\n    if (props.progress < threshold) return colors[0];\n    else return colors[1];\n  };\n\n  const threeProgressColors = (colors: Array<Array<string>>) => {\n    if (props.progress < props.colorThresholds[0]) return colors[0];\n    else if (\n      props.progress >= props.colorThresholds[0] &&\n      props.progress <= props.colorThresholds[1]\n    )\n      return colors[1];\n    else return colors[2];\n  };\n\n  const contentDown = () => {\n    if (props.contentDown) return props.contentDown;\n    else if (props.isProgressDecimal) return props.progress.toFixed(1);\n    else return props.progress;\n  };\n\n  const progressBarColors = props.colorThresholds ? progressColors() : null;\n\n  const styleContentUp = () => {\n    return {\n      ...props.styleContentUp,\n      ...{ fontSize: props.contentUp.length > 24 ? \"18px\" : null },\n    };\n  };\n\n  return (\n    <$ProgressBarPanelContainer\n      href={props.url ? props.url : \"#\"}\n      target={props.url ? \"_blank\" : \"_self\"}\n      style={{ cursor: props.url ? \"pointer\" : \"default\" }}\n    >\n      <$ProgressBarPanelContentUp {...styleContentUp()}>\n        {props.contentUp}\n      </$ProgressBarPanelContentUp>\n      <$ProgressBarPanelContentDownContainer showStar={props.showStar}>\n        <$ProgressBarPanelContentDown {...props.styleContentDown}>\n          {contentDown()}\n        </$ProgressBarPanelContentDown>\n        {props.showStar ? <$ProgressBarPanelStar /> : null}\n      </$ProgressBarPanelContentDownContainer>\n      {props.colorThresholds && (\n        <$ProgressBarContainer>\n          <ProgressBar\n            value={progress()}\n            color={progressBarColors[0]}\n            backgroundColor={progressBarColors[1]}\n            height={\"16px\"}\n            borderRadius={\"0px\"}\n            backgroundBorderRadius={\"0px 0px 10px 10px\"}\n          />\n        </$ProgressBarContainer>\n      )}\n    </$ProgressBarPanelContainer>\n  );\n};\n\nexport default ProgressBarPanel;\n","import React, { FunctionComponent as FC } from \"react\";\nimport {\n  $StyledTitleContainer,\n  $StyledTitlePrefix,\n  $StyledTitleWord,\n  $StyledTitleSuffix,\n} from \"./StyledTitle.sc\";\nexport interface IStyledTitleProps {\n  prefix?: string;\n  word?: string;\n  suffix?: string;\n  prefixColor?: string;\n  prefixFontSize?: string;\n  wordColor?: string;\n  fontSize?: string;\n  suffixColor?: string;\n  suffixFontSize?: string;\n}\n\nconst StyledTitle: FC<IStyledTitleProps> = (props) => {\n  return (\n    <$StyledTitleContainer>\n      <$StyledTitlePrefix\n        color={props.prefixColor}\n        fontSize={props.prefixFontSize}\n      >\n        {props.prefix}\n      </$StyledTitlePrefix>\n      <$StyledTitleWord color={props.wordColor} fontSize={props.fontSize}>\n        {props.word}\n      </$StyledTitleWord>\n      <$StyledTitleSuffix\n        color={props.suffixColor}\n        fontSize={props.suffixFontSize}\n      >\n        {props.suffix}\n      </$StyledTitleSuffix>\n    </$StyledTitleContainer>\n  );\n};\n\nexport default StyledTitle;\n","module.exports = __webpack_public_path__ + \"media/assets/icons/alert-info-f5217c25c2682e4eb2a73afe50608ee6.svg\";","module.exports = __webpack_public_path__ + \"media/images/Anthony-B-33f48777307da3067d5a15069a0c4209.png\";","import styled from \"styled-components\";\nimport { colors } from \"@styles/colors\";\n\nexport const $StyledTitleContainer = styled.div`\n  text-align: center;\n  margin-bottom: 18px;\n`;\n\nexport type StyledTitleProps = {\n  color?: string;\n  fontSize?: string;\n};\n\nexport const $StyleTitleBase = styled.div<StyledTitleProps>`\n  display: inline-block;\n  font-weight: 700;\n  line-height: 60px;\n  letter-spacing: -0.5px;\n  font-family: Open Sans;\n  font-size: ${(props) => (props.fontSize ? props.fontSize : \"48px\")};\n  color: ${(props) => (props.color ? props.color : colors.catalinaBlue)};\n`;\n\nexport const $StyledTitlePrefix = styled($StyleTitleBase)``;\n\nexport const $StyledTitleWord = styled($StyleTitleBase)`\n  margin-left: 10px;\n`;\n\nexport const $StyledTitleSuffix = styled($StyleTitleBase)``;\n\nexport const $StyledTitleSuffixImg = styled.img`\n  max-height: 40px;\n`;\n","import React, { FunctionComponent as FC } from \"react\";\nimport ProgressBarPanel, { IProgressBarPanelProps } from \"../ProgressBarPanel\";\nimport {\n  $PanelsGroupContainer,\n  $PanelsGroupTitle,\n} from \"./ProgressBarPanelGroup.sc\";\n\nexport interface IProgressBarPanelGroupProps {\n  title?: string;\n  panelsData: Array<IProgressBarPanelProps>;\n}\n\nconst ProgressBarPanelGroup: FC<IProgressBarPanelGroupProps> = (props) => {\n  return (\n    <>\n      {props.title && <$PanelsGroupTitle>{props.title}</$PanelsGroupTitle>}\n      <$PanelsGroupContainer>\n        {props.panelsData.map((badgeData, index) => {\n          return <ProgressBarPanel key={index} {...badgeData} />;\n        })}\n      </$PanelsGroupContainer>\n    </>\n  );\n};\n\nexport default ProgressBarPanelGroup;\n","import React, { FunctionComponent } from \"react\";\nimport ProgressBarPanel, { IProgressBarPanelProps } from \"../ProgressBarPanel\";\nimport { colors } from \"@styles/colors\";\nimport { ProgressBarPanelContentStyle } from \"../ProgressBarPanel/ProgressBarPanel.sc\";\n\nconst contentUpStyle: ProgressBarPanelContentStyle = {\n  fontSize: \"18px\",\n  fontWeight: \"400\",\n  lineHeight: \"24px\",\n  marginTop: \"40px\",\n  width: \"80%\",\n  maxWidth: \"80%\",\n  color: colors.tealBlue,\n};\n\nconst contentDownStyle: ProgressBarPanelContentStyle = {\n  fontSize: \"14px\",\n  fontWeight: \"400\",\n  lineHeight: \"36px\",\n  marginTop: \"80px\",\n  color: colors.baseCopy,\n};\n\nexport type QuotesPanelProps = IProgressBarPanelProps & {\n  quotePanelColor?: string;\n};\n\nexport const QuotesPanel: FunctionComponent<QuotesPanelProps> = (props) => {\n  return (\n    <ProgressBarPanel\n      min={0}\n      max={100}\n      progress={100}\n      progressBarColors={[\n        [props.quotePanelColor, props.quotePanelColor],\n        [props.quotePanelColor, props.quotePanelColor],\n      ]}\n      contentUp={props.contentUp}\n      contentDown={props.contentDown}\n      colorThresholds={props.quotePanelColor ? [100] : null}\n      styleContentUp={contentUpStyle}\n      styleContentDown={contentDownStyle}\n    />\n  );\n};\n\nexport default QuotesPanel;\n","import React, { FunctionComponent as FC } from \"react\";\nimport { $PanelsGroupContainer } from \"../ProgressBarPanelGroup/ProgressBarPanelGroup.sc\";\nimport { QuotesPanel, QuotesPanelProps } from \"../QuotesPanel\";\n\nexport interface QuotesPanelGroupProps {\n  panelsData: Array<QuotesPanelProps>;\n}\n\nconst QuotesPanelGroup: FC<QuotesPanelGroupProps> = ({ panelsData }) => {\n  return (\n    <$PanelsGroupContainer>\n      {panelsData.map((panelData, index) => {\n        return <QuotesPanel key={index} {...panelData} />;\n      })}\n    </$PanelsGroupContainer>\n  );\n};\n\nexport default QuotesPanelGroup;\n","import React, { FunctionComponent as FC } from \"react\";\n\nimport {\n  $ProgressBarWrapper,\n  $ProgressBarWrapperInside,\n} from \"./ProgressBar.sc\";\n\nexport interface IProgressBarProps {\n  backgroundColor?: string;\n  textColor?: string;\n  color?: string;\n  text?: string;\n  value: number;\n  height?: string;\n  borderRadius?: string;\n  backgroundBorderRadius?: string;\n}\n\nconst ProgressBar: FC<IProgressBarProps> = (props: IProgressBarProps) => {\n  return (\n    <$ProgressBarWrapper\n      height={props.height}\n      backgroundColor={props.backgroundColor}\n      borderRadius={props.backgroundBorderRadius}\n    >\n      <$ProgressBarWrapperInside\n        value={props.value}\n        color={props.color}\n        textColor={props.textColor}\n        borderRadius={props.borderRadius}\n      >\n        {props.text}\n      </$ProgressBarWrapperInside>\n    </$ProgressBarWrapper>\n  );\n};\n\nexport default ProgressBar;\n","import React, { FunctionComponent } from \"react\";\nimport StyledTitle, { IStyledTitleProps } from \"../../elements/StyledTitle\";\nimport ProgressBar, { IProgressBarProps } from \"../../elements/ProgressBar\";\nimport ProgressBarPanelGroup, {\n  IProgressBarPanelGroupProps,\n} from \"../../elements/ProgressBarPanelGroup\";\nimport CompetitorTable, { ICompetitorTable } from \"./CompetitorTable\";\nimport {\n  $MetricsOverviewContainer,\n  $MetricsOverviewDescription,\n} from \"@styles/components/myreports/Prospect\";\nimport QuotesPanelGroup, {\n  QuotesPanelGroupProps,\n} from \"../../elements/QuotesPanelGroup\";\n\nexport type MetricsOverviewProps = {\n  styledTitleProps: IStyledTitleProps;\n  progressBarProps?: IProgressBarProps;\n  description: string;\n  progressBarPanelGroup?: IProgressBarPanelGroupProps;\n  quotesPanelGroup?: QuotesPanelGroupProps;\n  listPanel?: ICompetitorTable;\n};\n\nconst MetricsOverview: FunctionComponent<MetricsOverviewProps> = (props) => {\n  return (\n    <$MetricsOverviewContainer>\n      <StyledTitle {...props.styledTitleProps} />\n      {props.progressBarProps && <ProgressBar {...props.progressBarProps} />}\n      <$MetricsOverviewDescription\n        dangerouslySetInnerHTML={{ __html: props.description }}\n      />\n      {props.progressBarPanelGroup && (\n        <ProgressBarPanelGroup {...props.progressBarPanelGroup} />\n      )}\n      {props.quotesPanelGroup && (\n        <QuotesPanelGroup {...props.quotesPanelGroup} />\n      )}\n      {props.listPanel && <CompetitorTable {...props.listPanel} />}\n    </$MetricsOverviewContainer>\n  );\n};\n\nexport default MetricsOverview;\n","import styled from \"styled-components\";\nimport { colors } from \"@styles/colors\";\n\nexport const $ProgressBarContainer = styled.div`\n  bottom: 0px;\n  width: 100%;\n`;\n\nexport const $ProgressBarPanelContainer = styled.a`\n  display: block;\n  position: relative;\n  height: 200px;\n  width: 100%;\n  min-width: 200px;\n  max-width: 33%;\n\n  border-radius: 10px;\n  border: 2px solid #e6ecf1;\n  background-color: ${colors.grayBackground};\n\n  > div {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n`;\n\nexport type ProgressBarPanelContentStyle = {\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n  marginTop: string;\n  color: string;\n  width?: string;\n  maxWidth?: string;\n};\n\nexport const $ProgressBarPanelContent = styled.div<ProgressBarPanelContentStyle>`\n  font-family: Open Sans;\n  font-size: ${(props) => (props.fontSize ? props.fontSize : \"24px\")};\n  line-height: ${(props) => (props.lineHeight ? props.lineHeight : \"36px\")};\n  color: ${(props) => (props.color ? props.color : colors.catalinaBlue)};\n  text-align: center;\n`;\n\nexport const $ProgressBarPanelContentUp = styled($ProgressBarPanelContent)`\n  font-weight: ${(props) => (props.fontWeight ? props.fontWeight : \"700\")};\n  margin-top: ${(props) => (props.marginTop ? props.marginTop : \"24px\")};\n  overflow: hidden;\n  width: ${(props) => (props.width ? props.width : \"1000px\")};\n  max-width: ${(props) => (props.maxWidth ? props.maxWidth : \"90%\")};\n\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n`;\n\nexport const $ProgressBarPanelContentDown = styled($ProgressBarPanelContent)`\n  font-weight: ${(props) => (props.fontWeight ? props.fontWeight : \"400\")};\n  margin-top: ${(props) => (props.marginTop ? props.marginTop : \"48px\")};\n`;\n\nexport const $ProgressBarPanelContentDownContainer = styled.div<{\n  showStar?: boolean;\n}>`\n  margin-top: 48px;\n  transform: translateX(\n    ${(props) => (props.showStar ? \"-25px\" : \"-50%\")}\n  ) !important;\n`;\n\nexport const $ProgressBarPanelStar = styled.span<{\n  styling?: any;\n  size?: string;\n}>`\n  &::after {\n    content: \"\\\\f005\";\n  }\n\n  position: absolute;\n  font-weight: 900;\n  font-size: 20px;\n  font-family: \"Font Awesome 5 Pro\";\n  font-style: normal;\n  text-decoration: none;\n  color: ${colors.treePoppy};\n  margin-left: 40px;\n  bottom: 5px;\n  width: 100%;\n`;\n","import styled from \"styled-components\";\n\nimport alertInfoIcon from \"../../../assets/icons/alert-info.svg\";\nimport circlePlusBlue from \"../../../assets/icons/circle-plus-blue.svg\";\n\nimport { colors } from \"../../colors\";\n\nexport const ReportWrapper = styled.div`\n  font-family: \"Open Sans\";\n  margin-top: 21px;\n  // margin-bottom: 70px;\n`;\n\nexport const HeaderSpacer = styled.div`\n  height: 56px;\n`;\n\nexport const FilterHeadWrapper = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-content: center;\n`;\n\nexport const FilterSelectionWrapper = styled.div`\n  width: 21%;\n  float: left;\n  margin-right: 16px;\n`;\n\nexport const Panel = styled.div`\n  background-color: ${colors.grayBackground};\n  border: 2px solid ${colors.grayBorder};\n  border-radius: 10px;\n  width: 100%;\n  padding: 42px;\n`;\n\nexport const PanelHeadline = styled.h2`\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 24px;\n  line-height: 36px;\n  color: ${colors.catalinaBlue};\n  padding: 0px;\n  margin: 0px;\n`;\n\nexport const PanelTopRightButtonWrapper = styled.div`\n  position: absolute;\n  right: 42px;\n  float: right;\n  top: 42px;\n`;\n\nexport const PanelHeadlineInline = styled(PanelHeadline)`\n  display: inline-block;\n`;\n\nexport const TextInlineHeadline = styled.span`\n  font-size: 24px;\n  line-height: 36px;\n  color: ${colors.baseCopy};\n`;\n\nexport const AlertInfo = styled(Panel)`\n  background-image: url(${alertInfoIcon});\n  background-size: 40px 40px;\n  background-position: 42px 42px;\n  background-repeat: no-repeat;\n  padding: 42px 42px 42px 124px;\n`;\n\nexport const AlertInfoAdd = styled(Panel)`\n  background-image: url(${circlePlusBlue});\n  background-size: 40px 40px;\n  background-position: 42px 42px;\n  background-repeat: no-repeat;\n  padding: 42px 42px 42px 124px;\n  height: 128px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  @media only screen and (max-width: 600px) {\n    img {\n      height: 50px;\n    }\n  }\n`;\n\nexport const PanelHr = styled.hr`\n  border-top: 2px solid ${colors.grayBorder};\n  margin: 64px 0px;\n`;\n\nexport const ArrowIndicatorWrapper = styled.span`\n  margin-left: 5px;\n  vertical-align: text-bottom;\n  line-height: inherit;\n`;\n\nexport const StyledChartLegendContainer = styled.div`\n  .highcharts-legend-item > span {\n    top: 0 !important;\n  }\n`;\n","import styled from \"styled-components\";\nimport { colors } from \"@styles/colors\";\n\nexport const $PanelsGroupContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  > a {\n    margin-top: 10px;\n  }\n\n  > a:not(:last-child) {\n    margin-right: 10px;\n  }\n`;\n\nexport const $PanelsGroupTitle = styled.div`\n  font-family: \"Open Sans\";\n  font-size: 24px;\n  text-align: center;\n  line-height: 36px;\n  font-weight: 700;\n  font-style: normal;\n  color: ${colors.catalinaBlue};\n  margin-bottom: 24px;\n`;\n","import React, { FunctionComponent } from \"react\";\nimport {\n  BusinessDetailsContainer,\n  BusinessDetailsRow,\n  BusinessDetailsData,\n  BusinessDetailsMapContainer,\n  BusinessDetailsMap,\n  BusinessName,\n} from \"@styles/components/myreports/Prospect\";\n\nexport type BusinessDetailsProps = {\n  name: string;\n  address: string;\n  type: string;\n  phoneNumber: string;\n  website: string;\n  latitude: string;\n  longitude: string;\n};\n\nconst BusinessDetails: FunctionComponent<BusinessDetailsProps> = (\n  props: BusinessDetailsProps\n) => {\n  const googleMapStaticImageURL = () => {\n    const mapUrl = `https://maps.googleapis.com/maps/api/staticmap?center=${props.latitude},${props.longitude}&zoom=15&size=228x228&maptype=roadmap&markers=color:red%7C${props.latitude},${props.longitude}&key=${process.env.GPLACES_API_KEY}`;\n\n    return process.env.NODE_ENV == \"test\" ? null : mapUrl;\n  };\n\n  return (\n    <BusinessDetailsContainer>\n      <BusinessDetailsRow>\n        <BusinessDetailsData>\n          <tbody>\n            <tr>\n              <th>Name:</th>\n              <BusinessName>{props.name}</BusinessName>\n            </tr>\n            <tr>\n              <th>Address:</th>\n              <td>{props.address}</td>\n            </tr>\n            <tr>\n              <th>Type:</th>\n              <td>{props.type}</td>\n            </tr>\n            <tr>\n              <th>Phone Number:</th>\n              <td>{props.phoneNumber}</td>\n            </tr>\n            <tr>\n              <th>Website:</th>\n              <td>\n                <a href={props.website}>{props.website}</a>\n              </td>\n            </tr>\n          </tbody>\n        </BusinessDetailsData>\n        <BusinessDetailsMapContainer>\n          <BusinessDetailsMap\n            src={googleMapStaticImageURL()}\n            alt={props.name}\n          />\n        </BusinessDetailsMapContainer>\n      </BusinessDetailsRow>\n    </BusinessDetailsContainer>\n  );\n};\n\nexport default BusinessDetails;\n","import React, { FunctionComponent } from \"react\";\nimport StyledTitle from \"../../elements/StyledTitle\";\nimport CTAGradeus from \"./CTAGradeus\";\nimport CTAWhitelabel from \"./CTAWhitelabel\";\nimport {\n  $MetricsOverviewContainer,\n  $MetricsOverviewDescription,\n} from \"@styles/components/myreports/Prospect\";\n\nexport type CTAProps = {\n  businessName: string;\n  businessLink: string;\n  factorsForImprovements: string;\n  whitelabelTitle?: string;\n  whitelabelLogoUrl?: string;\n  whitelabelCTALink?: string;\n  whitelabelContactPhone?: string;\n  whitelabelContactEmail?: string;\n};\n\nconst CTA: FunctionComponent<CTAProps> = (props) => {\n  return (\n    <$MetricsOverviewContainer>\n      <StyledTitle word=\"What should I do next?\" />\n      <$MetricsOverviewDescription>\n        {props.factorsForImprovements !== \"\" && (\n          <>\n            <a href={props.businessLink} className=\"highlight\" target=\"_blank\">\n              {props.businessName}\n            </a>{\" \"}\n            is losing money because of the {props.factorsForImprovements}.{\" \"}\n          </>\n        )}\n        {props.whitelabelTitle ?? \"Grade.us\"} is a simple and effective\n        reputation management tool that specializes in getting reviews quickly\n        and increasing your ratings.\n      </$MetricsOverviewDescription>\n      {props.whitelabelTitle ? <CTAWhitelabel {...props} /> : <CTAGradeus />}\n    </$MetricsOverviewContainer>\n  );\n};\n\nexport default CTA;\n","import React, { FunctionComponent } from \"react\";\nimport {\n  $StyledTitleContainer,\n  $StyledTitleWord,\n  $StyledTitleSuffix,\n  $StyledTitleSuffixImg,\n} from \"@components/elements/StyledTitle/StyledTitle.sc\";\nimport CTAStartFreeTrial from \"./CTAStartFreeTrial\";\nimport CTAScheduleADemo from \"./CTAScheduleADemo\";\nimport gradeusLogo from \"../../../assets/gradeus-logo-transparent.png\";\n\nconst CTAGradeus: FunctionComponent = (props) => {\n  return (\n    <>\n      <$StyledTitleContainer>\n        <$StyledTitleWord fontSize=\"24px\">\n          Take Control of your Reputation with\n        </$StyledTitleWord>\n        &nbsp; &nbsp;\n        <$StyledTitleSuffix fontSize=\"24px\">\n          <$StyledTitleSuffixImg\n            data-testid=\"pr-cta-suffix-image\"\n            src={gradeusLogo}\n          />\n        </$StyledTitleSuffix>\n      </$StyledTitleContainer>\n      <CTAStartFreeTrial />\n      <CTAScheduleADemo />\n    </>\n  );\n};\n\nexport default CTAGradeus;\n","import React, { FunctionComponent } from \"react\";\nimport {\n  CTAStartFreeTrialWrapper,\n  FreeTrialCopyHeader,\n  FreeTrialCopyContent,\n  FreeTrialButton,\n} from \"@styles/components/myreports/Prospect\";\nimport gradeusLogo from \"../../../assets/gradeus-logo-transparent.png\";\n\nconst CTAStartFreeTrial: FunctionComponent = (props: any) => {\n  return (\n    <CTAStartFreeTrialWrapper data-testid=\"pr-gradeus-cta-free-trial\">\n      <FreeTrialCopyHeader>\n        <img src={gradeusLogo} style={{ maxHeight: \"40px\" }} />\n      </FreeTrialCopyHeader>\n      <FreeTrialCopyContent>\n        <p>2 week free trial</p>\n        <p>No Commitments</p>\n      </FreeTrialCopyContent>\n      <FreeTrialButton\n        id=\"prospect-report-cta-start-free-trial\"\n        href=\"/signup\"\n        target=\"_blank\"\n      >\n        Start a Free Trial Today\n      </FreeTrialButton>\n    </CTAStartFreeTrialWrapper>\n  );\n};\n\nexport default CTAStartFreeTrial;\n","import React, { FunctionComponent } from \"react\";\nimport {\n  CTAScheduleADemoWrapper,\n  BookADemoImage,\n  ScheduleADemoCopyContent,\n  ScheduleADemoButton,\n} from \"@styles/components/myreports/Prospect\";\n\nconst CTAScheduleADemo: FunctionComponent = (props: any) => {\n  return (\n    <CTAScheduleADemoWrapper data-testid=\"pr-gradeus-cta-schedule-a-demo\">\n      <BookADemoImage />\n      <ScheduleADemoCopyContent>\n        <p>Get 50% for first three months</p>\n        <p>by scheduling time with an</p>\n        <p>onboarding specialist.</p>\n      </ScheduleADemoCopyContent>\n      <ScheduleADemoButton\n        id=\"prospect-report-cta-schedule-a-demo\"\n        href=\"https://calendly.com/grade-us-sales-team/grade-us-multi-location-demo\"\n        target=\"_blank\"\n      >\n        Schedule a Demo Today\n      </ScheduleADemoButton>\n    </CTAScheduleADemoWrapper>\n  );\n};\n\nexport default CTAScheduleADemo;\n","import React, { FunctionComponent } from \"react\";\nimport {\n  ContactContainer,\n  ContactInfo,\n  ContactTitle,\n  ContactTitleImg,\n  ContactTitleWrapper,\n} from \"@styles/components/myreports/Prospect\";\n\nexport type CTAWhitelabelProps = {\n  whitelabelTitle?: string;\n  whitelabelLogoUrl?: string;\n  whitelabelContactPhone?: string;\n  whitelabelContactEmail?: string;\n};\n\nconst CTAWhitelabel: FunctionComponent<CTAWhitelabelProps> = (props) => {\n  return (\n    <ContactContainer>\n      <ContactTitleWrapper>\n        <ContactTitle>Take Control of your Reputation with</ContactTitle>\n        {props.whitelabelLogoUrl ? (\n          <ContactTitleImg src={props.whitelabelLogoUrl} />\n        ) : (\n          <ContactTitle data-testid=\"site-title\">\n            {props.whitelabelTitle}\n          </ContactTitle>\n        )}\n      </ContactTitleWrapper>\n\n      {props.whitelabelContactPhone !== null && (\n        <ContactInfo href={`tel:${props.whitelabelContactPhone}`}>\n          {props.whitelabelContactPhone}\n        </ContactInfo>\n      )}\n      {props.whitelabelContactEmail !== null && (\n        <ContactInfo href={`mailto:${props.whitelabelContactEmail}`}>\n          {props.whitelabelContactEmail}\n        </ContactInfo>\n      )}\n    </ContactContainer>\n  );\n};\n\nexport default CTAWhitelabel;\n","import React from \"react\";\nimport {\n  $ProspectReportHeaderTitle,\n  $ProspectReportCreationDate,\n  $ProspectReportHeaderContainer,\n  $ProspectReportWhiteLabelLogo,\n} from \"@styles/components/myreports/Prospect\";\nimport { BodyCopy } from \"@styles/components/elements/Paragraphs\";\nimport { colors } from \"@styles/colors\";\n\nexport interface IMainHeader {\n  created: string;\n  businessName?: string;\n  businessLink?: string;\n  factorsForImprovements?: string;\n  whitelabelCTALink?: string;\n  whitelabelLogoUrl?: string;\n  whitelabelTitle?: string;\n}\n\nconst MainHeader: React.FC<IMainHeader> = ({\n  created,\n  whitelabelCTALink,\n  whitelabelLogoUrl,\n  whitelabelTitle,\n}) => {\n  return (\n    <$ProspectReportHeaderContainer>\n      <div>\n        <$ProspectReportHeaderTitle>\n          Reputation Scorecard\n        </$ProspectReportHeaderTitle>\n        {whitelabelTitle && (\n          <BodyCopy\n            fS=\"24px\"\n            color={colors.baseCopy}\n            style={{ marginBottom: \"12px\" }}\n          >\n            Powered by {whitelabelTitle}\n          </BodyCopy>\n        )}\n        <$ProspectReportCreationDate>\n          Created: {created}\n        </$ProspectReportCreationDate>\n      </div>\n\n      {whitelabelLogoUrl && (\n        <a href={whitelabelCTALink} target=\"blank\">\n          <$ProspectReportWhiteLabelLogo src={whitelabelLogoUrl} />\n        </a>\n      )}\n    </$ProspectReportHeaderContainer>\n  );\n};\n\nexport default MainHeader;\n","import styled from \"styled-components\";\nimport { colors } from \"../../colors\";\nimport { Panel } from \"../myreports/Dashboard\";\nimport { Table } from \"../elements/Table\";\n\nexport const $CompetitorTablePanel = styled(Panel)`\n  margin-top: 54px;\n`;\n\nexport const $Header = styled.p`\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 24px;\n  line-height: 36px;\n  color: ${colors.catalinaBlue};\n  float: left;\n`;\n\nexport const $HeaderSuffix = styled.div`\n  float: left;\n  height: 36px;\n  margin-left: 20px;\n\n  * {\n    line-height: 36px;\n  }\n`;\n\nexport const $SubHeader = styled.p`\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 21px;\n  margin-top: 16px;\n  color: ${colors.baseCopy};\n`;\n\nexport const $MainTable = styled(Table)`\n  margin-top: 54px;\n\n  thead > tr {\n    border-bottom: none;\n  }\n\n  thead > tr > th:nth-child(1) {\n    width: 75%;\n  }\n\n  thead > tr > th:nth-child(2) {\n    width: 25%;\n  }\n\n  th,\n  td {\n    padding-left: 0px;\n    padding-right: 0px;\n    text-align: left;\n  }\n\n  th {\n    font-family: Open Sans;\n    font-style: normal;\n    font-weight: bold;\n    font-size: 16px;\n    line-height: 24px;\n    color: ${colors.catalinaBlue};\n  }\n\n  td {\n    font-family: Open Sans;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 24px;\n    line-height: 24px;\n    color: ${colors.baseCopy};\n    padding-top: 22px;\n    padding-bottom: 22px;\n  }\n\n  td > a {\n    display: block;\n    text-decoration: none;\n    color: ${colors.baseCopy};\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:visited {\n      text-decoration: none;\n    }\n  }\n\n  td > span {\n    font-family: Open Sans;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 14px;\n    color: ${colors.baseCopy};\n  }\n\n  tbody > tr:last-child {\n    border-bottom: none;\n  }\n\n  tbody > tr.highlighted > td {\n    font-weight: bold;\n  }\n\n  tbody > tr.highlighted > td:nth-child(1) > a {\n    color: ${colors.primaryBase};\n  }\n\n  td.show-star::after {\n    content: \"\\\\f005\";\n    font-weight: 900;\n    font-size: 20px;\n    font-family: \"Font Awesome 5 Pro\";\n    font-style: normal;\n    text-decoration: none;\n    color: ${colors.treePoppy};\n    margin-left: 8px;\n    vertical-align: bottom;\n  }\n`;\n","import React from \"react\";\nimport {\n  $CompetitorTablePanel,\n  $Header,\n  $HeaderSuffix,\n  $SubHeader,\n  $MainTable,\n} from \"@styles/components/elements/CompetitorTablePanel\";\n\nexport interface ICompetitorTable {\n  title: string;\n  titleSuffix?: string;\n  description: string;\n  headers: Array<string>;\n  list: Array<any>;\n}\n\nconst CompetitorTable: React.FC<ICompetitorTable> = ({\n  title,\n  titleSuffix,\n  description,\n  headers,\n  list,\n}) => {\n  return (\n    <$CompetitorTablePanel>\n      <$Header>{title}</$Header>\n      {titleSuffix && (\n        <$HeaderSuffix>\n          <div dangerouslySetInnerHTML={{ __html: titleSuffix }} />\n        </$HeaderSuffix>\n      )}\n      <div style={{ clear: \"both\" }} />\n      <$SubHeader>{description}</$SubHeader>\n      <$MainTable>\n        <thead>\n          <tr>\n            {headers.map((header, index) => {\n              return <th key={`pr-competitor-table-${index}`}>{header}</th>;\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {list.map((row, index) => {\n            return (\n              <tr\n                key={`pr-competitor-table-row-${index}`}\n                className={row.highlight ? \"highlighted\" : undefined}\n              >\n                <td>\n                  <a href={row.url} target=\"_blank\">\n                    {row.title}\n                  </a>\n                  <span>{row.address}</span>\n                </td>\n                <td className={row.showStar ? \"show-star\" : undefined}>\n                  {row.value}\n                </td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </$MainTable>\n    </$CompetitorTablePanel>\n  );\n};\n\nexport default CompetitorTable;\n","import styled from \"styled-components\";\nimport { colors } from \"../../colors\";\nimport bookADemoImage from \"../../../images/Anthony-B.png\";\n\nexport const $ProspectReportHeaderContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 20px;\n`;\n\nexport const $ProspectReportWhiteLabelLogo = styled.img`\n  max-height: 135px;\n  max-width: 250px;\n`;\n\nexport const $ProspectReportHeaderTitle = styled.h1`\n  color: ${colors.catalinaBlue};\n  font-family: \"Open Sans\";\n  font-size: 48px;\n  font-weight: bold;\n  line-height: 60px;\n  margin-bottom: 9px;\n  margin: 0;\n`;\n\nexport const $ProspectReportCreationDate = styled.p`\n  font-family: \"Open Sans\";\n  font-size: 14px;\n  line-height: 21px;\n  color: ${colors.baseCopy};\n`;\n\nexport const BusinessDetailsContainer = styled.div`\n  background-color: ${colors.grayBackground};\n  border-radius: 10px;\n  border: 2px solid ${colors.grayBorder};\n  width: 100%;\n  min-width: 850px;\n  min-height: 230px;\n  margin-top: 80px;\n  display: table;\n`;\n\nexport const BusinessDetailsRow = styled.div`\n  display: table-row;\n`;\n\nexport const BusinessName = styled.td`\n  font-family: \"Open Sans\";\n  color: ${colors.catalinaBlue} !important;\n  font-weight: 700 !important;\n  font-size: 18px;\n  line-height: 36px;\n`;\n\nexport const BusinessDetailsData = styled.table`\n  td {\n    padding-left: 30px;\n    font-family: \"Open Sans\";\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 36px;\n    color: ${colors.paleSky};\n  }\n\n  th {\n    text-align: left;\n    font-family: \"Open Sans\";\n    color: ${colors.catalinaBlue};\n    font-weight: 700;\n    font-size: 18px;\n    line-height: 36px;\n  }\n\n  a,\n  a:hover,\n  a:focus {\n    color: ${colors.primaryBase};\n  }\n\n  padding: 24px 40px;\n  display: table-cell;\n  width: 100%;\n`;\n\nexport const BusinessDetailsMapContainer = styled.div`\n  display: table-cell;\n  vertical-align: top;\n`;\n\nexport const BusinessDetailsMap = styled.img`\n  height: 228px;\n  width: 228px;\n  display: block;\n  border-radius: 10px;\n`;\n\nexport const $MetricsOverviewContainer = styled.div`\n  width: 100%;\n  min-width: 850px;\n  page-break-inside: avoid;\n  margin-top: 160px;\n`;\n\nexport const $MetricsOverviewDescription = styled.div`\n  margin: 24px 0px 40px 0px;\n  font-family: Open Sans;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n  color: ${colors.baseCopy};\n  margin-top: 48px;\n\n  .highlight {\n    color: ${colors.primaryBase};\n  }\n`;\n\nexport const ProgressBarContainer = styled.div`\n  margin-top: 92%;\n`;\n\nexport const Star = styled.span`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  margin-left: 15px;\n  margin-top: 2px;\n\n  &::after {\n    color: ${colors.treePoppy};\n  }\n`;\n\nexport type ValueTitleContainerProps = {\n  showStar?: boolean;\n};\n\nexport const ValueTitleContainer = styled.div<ValueTitleContainerProps>`\n  position: relative;\n  margin-top: 48px;\n  margin-right: ${(props) => (props.showStar ? \"20px\" : \"0px\")};\n`;\n\nexport const CTAWrapper = styled.div`\n  display: inline-block;\n  text-align: center;\n  border-radius: 10px;\n  height: 311px;\n  border: 2px solid ${colors.grayBorder};\n  background-color: ${colors.grayBackground};\n`;\n\nexport const CTAStartFreeTrialWrapper = styled(CTAWrapper)`\n  border: 2px solid ${colors.grayBorder};\n  background-color: ${colors.grayBackground};\n  width: 40%;\n  margin-right: 2%;\n`;\n\nexport const CTAScheduleADemoWrapper = styled(CTAWrapper)`\n  border: 2px solid ${colors.blueSky};\n  background-color: ${colors.blueSky};\n  width: 58%;\n`;\n\nexport const CTAWhitelabelButtonWrapper = styled.div`\n  margin-top: 46px;\n  text-align: center;\n`;\n\nexport const FreeTrialCopyHeader = styled.div`\n  font-family: Open Sans;\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 36px;\n  margin-top: 24px;\n  color: ${colors.catalinaBlue};\n`;\n\nexport const CTACopyContent = styled.div`\n  font-family: Open Sans;\n  font-size: 24px;\n  font-weight: normal;\n  line-height: 36px;\n\n  p {\n    margin: 0px;\n  }\n`;\n\nexport const FreeTrialCopyContent = styled(CTACopyContent)`\n  margin-top: 48px;\n  color: ${colors.lightGray3};\n`;\n\nexport const BookADemoImage = styled.div`\n  height: 96px;\n  width: 96px;\n  background-image: ${(props) => `url(${bookADemoImage})`};\n  background-size: 96px;\n  background-repeat: no-repeat;\n  margin-top: -24px;\n  margin-right: auto;\n  margin-left: auto;\n  border: 2px solid #fff;\n  border-radius: 96px;\n`;\n\nexport const ScheduleADemoCopyContent = styled(CTACopyContent)`\n  margin-top: 18px;\n  color: ${colors.white};\n`;\n\nexport const CTAButton = styled.a`\n  display: inline-block;\n  border: solid;\n  border-radius: 24px;\n  font-family: Open Sans;\n  font-size: 16px;\n  font-weight: bold;\n  line-height: 22px;\n  text-decoration: none;\n  border-width: 2px;\n  padding: 8px 20px;\n  color: ${colors.white};\n\n  &:hover {\n    text-decoration: none;\n    color: ${colors.white};\n  }\n\n  &:focus {\n    text-decoration: none;\n    color: ${colors.white};\n  }\n`;\n\nexport const FreeTrialButton = styled(CTAButton)`\n  margin-top: 49px;\n  background-color: ${colors.blueSky};\n  border-color: ${colors.blueSky};\n`;\n\nexport const ScheduleADemoButton = styled(CTAButton)`\n  margin-top: 30px;\n  background-color: ${colors.blueSky};\n  border-color: ${colors.white};\n`;\n\nexport const WhitelabelActionButton = styled(CTAButton)`\n  background-color: ${colors.blueSky};\n  border-color: ${colors.blueSky};\n`;\n\nexport const ContactContainer = styled.div`\n  padding: 48px;\n  background: ${colors.grayBackground};\n  border: 2px solid ${colors.grayBorder};\n  border-radius: 10px;\n`;\n\nexport const ContactTitleWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 40px;\n`;\n\nexport const ContactTitle = styled.p`\n  font-size: 24px;\n  line-height: 36px;\n  font-weight: bold;\n  color: ${colors.catalinaBlue};\n  margin: 0 8px 0 0;\n`;\n\nexport const ContactTitleImg = styled.img`\n  height: 53px;\n`;\n\nexport const ContactInfo = styled.a`\n  color: ${colors.baseCopy};\n  font-size: 28px;\n  line-height: 1.2;\n  margin-bottom: 8px;\n  text-align: center;\n  display: block;\n`;\n","import styled from \"styled-components\";\nimport { colors } from \"@styles/colors\";\n\ninterface ProgressBarWrapperProps {\n  backgroundColor?: string;\n  borderRadius?: string;\n  height?: string;\n}\n\nexport const $ProgressBarWrapper = styled.div<ProgressBarWrapperProps>`\n  height: ${(props) => props.height || \"20px\"};\n  overflow: hidden;\n  background-color: ${(props) => props.backgroundColor || \"#E2E6FF\"};\n  border-radius: ${(props) => props.borderRadius || \"10px\"};\n`;\n\ninterface ProgressBarProps {\n  value?: number;\n  color?: string;\n  textColor?: string;\n  borderRadius?: string;\n}\n\nexport const $ProgressBarWrapperInside = styled.div<ProgressBarProps>`\n  width: ${(props) => props.value || 0}%;\n  border-radius: ${(props) => props.borderRadius || \"10px\"};\n  float: left;\n  height: 100%;\n  font-size: 12px;\n  line-height: 20px;\n  color: ${(props) => props.textColor || colors.baseCopy};\n  text-align: center;\n  background-color: ${(props) => props.color || \"#3751FF\"};\n  transition: width 0.6s ease;\n`;\n","import React, { FunctionComponent } from \"react\";\nimport {\n  CTAWhitelabelButtonWrapper,\n  WhitelabelActionButton,\n} from \"@styles/components/myreports/Prospect\";\n\nexport type CTAWhitelabelButtonProps = {\n  href: string;\n};\n\nconst CTAWhitelabelButton: FunctionComponent<CTAWhitelabelButtonProps> = (\n  props\n) => {\n  return (\n    <CTAWhitelabelButtonWrapper data-testid=\"pr-whitelabel-cta\">\n      <WhitelabelActionButton\n        id=\"prospect-report-cta-contact-whitelabeler\"\n        href={props.href}\n        target=\"_blank\"\n      >\n        Contact Us Today\n      </WhitelabelActionButton>\n    </CTAWhitelabelButtonWrapper>\n  );\n};\n\nexport default CTAWhitelabelButton;\n","import React, { FunctionComponent } from \"react\";\nimport MainHeader from \"./MainHeader\";\nimport CTA, { CTAProps } from \"./CTA\";\nimport BusinessDetails, { BusinessDetailsProps } from \"./BusinessDetails\";\nimport MetricsOverview, { MetricsOverviewProps } from \"./MetricsOverview\";\n\nexport type ProspectReportProps = {\n  created: string;\n  businessDetails: BusinessDetailsProps;\n  volume: MetricsOverviewProps;\n  rating: MetricsOverviewProps;\n  recency: MetricsOverviewProps;\n  sentiment: MetricsOverviewProps;\n  overallScore: MetricsOverviewProps;\n  ctaProps: CTAProps;\n};\n\nconst ProspectReport: FunctionComponent<ProspectReportProps> = (\n  props: ProspectReportProps\n) => {\n  return (\n    <div className=\"row\">\n      <div className=\"col-md-12\">\n        <MainHeader created={props.created} {...props.ctaProps} />\n        <BusinessDetails {...props.businessDetails} />\n        <MetricsOverview {...props.overallScore} />\n        <MetricsOverview {...props.volume} />\n        <MetricsOverview {...props.rating} />\n        <MetricsOverview {...props.recency} />\n        <MetricsOverview {...props.sentiment} />\n        <CTA {...props.ctaProps} />\n      </div>\n    </div>\n  );\n};\n\nexport default ProspectReport;\n","import React, { useState, useRef } from \"react\";\nimport PlacesWithStandaloneSearchBox from \"@components/builder/sites/Wizard/FindMyBusinessSearchBar\";\nimport { BaseInput, BaseLabel } from \"@styles/components/elements/Inputs\";\nimport ModalWithCTA from \"@components/base/modals/ModalWithCTA\";\nimport PopupModal from \"@components/base/modals/PopupModal\";\nimport { ErrorFields } from \"@styles/components/elements/Paragraphs\";\nimport { PillButton } from \"@styles/components/elements/Buttons\";\nimport { $RecaptchaStyle } from \"@styles/components/elements/Captcha\";\nimport { GrayBodyCopy } from \"@styles/components/elements/Paragraphs\";\nimport { SimpleLink } from \"@styles/components/elements/Links\";\nimport ServerErrorModal from \"@components/base/modals/ServerErrorModal\";\nimport { useForm } from \"react-hook-form\";\nimport axios from \"axios\";\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport { getCSRFToken } from \"@utils/utils\";\nimport mailIcon from \"../../../assets/icons/email-blue.svg\";\n\nexport interface IWhitelabelWidget {\n  site_uuid: string;\n  callToAction?: string;\n  useCaptcha?: boolean;\n  captchaSiteKey?: string;\n  sitePhoneNumber?: string;\n  withModalCTA?: boolean;\n}\n\ninterface WhitelabelWidgetData {\n  googleMapsUrl: string;\n  googlePlaceObject: string;\n  contactName: string;\n  contactPhone: string;\n  contactEmail: string;\n}\n\nconst errorFields = (value) => {\n  return <ErrorFields>{value && value.message}</ErrorFields>;\n};\n\nconst WhitelabelWidget: React.FC<IWhitelabelWidget> = ({\n  site_uuid,\n  callToAction = undefined,\n  useCaptcha = false,\n  captchaSiteKey = undefined,\n  sitePhoneNumber = undefined,\n  withModalCTA = false,\n}) => {\n  const [modalErrorMessage, setModalErrorMessage] = useState(null);\n  const recaptchaRef = useRef();\n  const { handleSubmit, register, errors } = useForm<WhitelabelWidgetData>({\n    mode: \"onChange\",\n  });\n  const [googleLocation, setGoogleLocation] = useState(null);\n  const [openSuccessModal, setOpenSuccessModal] = useState<boolean>(false);\n\n  const onSubmit = async ({\n    googleMapsUrl,\n    googlePlaceObject,\n    contactName,\n    contactPhone,\n    contactEmail,\n  }) => {\n    let formData = {\n      site_uuid: site_uuid,\n      google_maps_url: googleMapsUrl,\n      google_place_object: googlePlaceObject,\n      name: contactName,\n      phone: contactPhone,\n      email: contactEmail,\n    };\n\n    if (useCaptcha) {\n      // @ts-ignore\n      const captchaToken = await recaptchaRef.current.getValue();\n      formData[\"g-recaptcha-response\"] = captchaToken;\n      // @ts-ignore\n      recaptchaRef.current.reset();\n    }\n\n    axios\n      .post(\"/agency/prospect_reports\", formData, {\n        headers: {\n          Accept: \"application/json\",\n          \"X-CSRF-TOKEN\": getCSRFToken(),\n        },\n      })\n      .then(() => {\n        setOpenSuccessModal(true);\n      })\n      .catch((error) => {\n        setModalErrorMessage(error.response.data.error);\n      });\n  };\n\n  const renderReCaptcha = () => {\n    return (\n      <$RecaptchaStyle>\n        <ReCAPTCHA\n          ref={recaptchaRef}\n          sitekey={captchaSiteKey}\n          onExpired={refreshPageError}\n          onErrored={refreshPageError}\n        />\n      </$RecaptchaStyle>\n    );\n  };\n\n  const refreshPageError = () =>\n    setModalErrorMessage(\"Please refresh page and try again!\");\n  const closeErrorsModal = () => setModalErrorMessage(null);\n  const afterServerErrorModal = () => (document.body.style.overflow = \"hidden\");\n\n  const modalBody = () => {\n    if (withModalCTA) {\n      return (\n        <GrayBodyCopy>\n          It will take a few minutes to prepare your report,\n          so we'll email it to you as soon as it's ready.\n          If you're ready to learn how to improve your reputation,\n          schedule a call with one of our experts.\n        </GrayBodyCopy>\n      );\n    } else {\n      if (sitePhoneNumber === null || sitePhoneNumber === undefined) {\n        return (\n          <GrayBodyCopy>\n            It will take a few minutes to prepare your report,\n            so we'll email it to you as soon as it's ready.\n            Contact us if you're ready to learn how to improve your reputation.\n          </GrayBodyCopy>\n        );\n      } else {\n        return (\n          <GrayBodyCopy>\n            It will take a few minutes to prepare your report,\n            so we'll email it to you as soon as it's ready.\n            If you're ready to learn how to improve your reputation, call one of our experts at &nbsp;\n            <SimpleLink href={`tel:${sitePhoneNumber}`} target=\"_blank\">\n              {sitePhoneNumber}\n            </SimpleLink>\n            .\n          </GrayBodyCopy>\n        );\n      }\n    }\n  };\n\n  return (\n    <div style={{ margin: \"10px\" }}>\n      <form onSubmit={handleSubmit(onSubmit)}>\n        <div>\n          <BaseLabel>Business Name*</BaseLabel>\n          <PlacesWithStandaloneSearchBox\n            googleData={setGoogleLocation}\n            placeholderText=\"Type name here\"\n          />\n          <input\n            ref={register({\n              required: \"Please enter your business name.\",\n            })}\n            type=\"hidden\"\n            name=\"googleMapsUrl\"\n            value={googleLocation == null ? \"\" : googleLocation[0].url}\n          />\n          <input\n            ref={register}\n            type=\"hidden\"\n            name=\"googlePlaceObject\"\n            value={\n              googleLocation == null ? \"\" : JSON.stringify(googleLocation[0])\n            }\n          />\n          {errorFields(errors.googleMapsUrl)}\n        </div>\n        <div>\n          <BaseLabel>Name*</BaseLabel>\n          <BaseInput\n            name=\"contactName\"\n            placeholder=\"Type name here\"\n            errorMessage={!!errors.contactName}\n            ref={register({\n              required: \"Please enter your full name.\",\n            })}\n          />\n          {errorFields(errors.contactName)}\n        </div>\n        <div>\n          <BaseLabel>Email*</BaseLabel>\n          <BaseInput\n            name=\"contactEmail\"\n            placeholder=\"Email\"\n            errorMessage={!!errors.contactEmail}\n            ref={register({\n              required: \"Required.\",\n              pattern: {\n                value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n                message:\n                  \"There was an error with your email address. Please re-enter.\",\n              },\n            })}\n          />\n          {errorFields(errors.contactEmail)}\n        </div>\n        <div>\n          <BaseLabel>Phone*</BaseLabel>\n          <BaseInput\n            name=\"contactPhone\"\n            placeholder=\"Phone\"\n            errorMessage={!!errors.contactPhone}\n            ref={register({\n              required: \"Required.\",\n              pattern: {\n                value:\n                  /^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im,\n                message:\n                  \"There was an error with your phone number. Please re-enter.\",\n              },\n            })}\n          />\n          {errorFields(errors.contactPhone)}\n        </div>\n        {useCaptcha && (\n          <div style={{ marginTop: \"15px\" }}>{renderReCaptcha()}</div>\n        )}\n        <div style={{ marginTop: \"48px\" }}>\n          <PillButton>\n            {callToAction === undefined ? \"Get My Scorecard\" : callToAction}\n          </PillButton>\n        </div>\n        {openSuccessModal &&\n          (withModalCTA ? (\n            <ModalWithCTA\n              width=\"402px\"\n              headerIcon={mailIcon}\n              header=\"Your Report is on its way!\"\n              ctaLabel=\"Schedule a Call\"\n              ctaURL=\"https://www.grade.us/home/request-a-demo/\"\n              openInNewTab={true}\n            >\n              {modalBody()}\n            </ModalWithCTA>\n          ) : (\n            <PopupModal\n              width=\"402px\"\n              headerIcon={mailIcon}\n              header=\"Your Report is on its way!\"\n            >\n              {modalBody()}\n            </PopupModal>\n          ))}\n      </form>\n      <ServerErrorModal\n        isOpen={!!modalErrorMessage}\n        onAfterOpen={afterServerErrorModal}\n        onRequestClose={closeErrorsModal}\n        errorText={modalErrorMessage}\n      />\n    </div>\n  );\n};\n\nexport default WhitelabelWidget;\n","import React from \"react\";\nimport { $ModalHeader } from \"@styles/components/elements/Headers\";\nimport { PillLink } from \"@styles/components/elements/Buttons\";\nimport Modal from \"react-modal\";\nimport { colors } from \"@styles/colors\";\nimport { overlayBackground } from \"@styles/components/base/modals/modals\";\n\nexport interface IModalWithCTA {\n  header: string;\n  headerIcon?: any;\n  children: React.ReactNode;\n  ctaLabel: string;\n  ctaURL: string;\n  openInNewTab?: boolean;\n  width?: string;\n}\n\nModal.setAppElement(\"body\");\n\nconst ModalWithCTA: React.FC<IModalWithCTA> = ({\n  header,\n  headerIcon,\n  children,\n  ctaLabel,\n  ctaURL,\n  openInNewTab = false,\n  width = undefined,\n}) => {\n  const modalStyles = {\n    content: {\n      padding: \"32px\",\n      top: \"50%\",\n      left: \"50%\",\n      right: \"auto\",\n      bottom: \"auto\",\n      transform: \"translate(-50%, -50%)\",\n      width: width === undefined ? \"fit-content\" : width,\n      maxWidth: width === undefined ? \"650px\" : width,\n      height: \"fit-content\",\n      overflow: \"hidden\",\n      borderRadius: \"20px\",\n      background: colors.baseWhite,\n    },\n    overlay: {\n      background: overlayBackground,\n      zIndex: 99,\n    },\n  };\n\n  return (\n    <Modal isOpen={true} style={modalStyles}>\n      {headerIcon && (\n        <div style={{ textAlign: \"center\", marginBottom: \"32px\" }}>\n          <img src={headerIcon} style={{ height: \"32px\" }} />\n        </div>\n      )}\n      <$ModalHeader>{header}</$ModalHeader>\n      <br />\n      {children}\n      <div style={{ textAlign: \"center\", marginTop: \"24px\" }}>\n        <PillLink\n          href={ctaURL}\n          target={openInNewTab && \"_blank\"}\n          width=\"auto\"\n          backgroundColor={colors.primaryBase}\n        >\n          {ctaLabel}\n        </PillLink>\n      </div>\n    </Modal>\n  );\n};\n\nexport default ModalWithCTA;\n","import React from \"react\";\nimport { $ModalHeader } from \"@styles/components/elements/Headers\";\nimport Modal from \"react-modal\";\nimport { colors } from \"@styles/colors\";\nimport { overlayBackground } from \"@molecules/Modal\";\n\nexport interface IPopupModal {\n  header: string;\n  headerIcon?: any;\n  children: React.ReactNode;\n  width?: string;\n}\n\nModal.setAppElement(\"body\");\n\nconst PopupModal: React.FC<IPopupModal> = ({\n  header,\n  headerIcon = undefined,\n  children,\n  width = undefined,\n}) => {\n  const modalStyles = {\n    content: {\n      padding: \"32px\",\n      top: \"50%\",\n      left: \"50%\",\n      right: \"auto\",\n      bottom: \"auto\",\n      transform: \"translate(-50%, -50%)\",\n      width: width === undefined ? \"fit-content\" : width,\n      maxWidth: width === undefined ? \"650px\" : width,\n      height: \"fit-content\",\n      overflow: \"hidden\",\n      borderRadius: \"20px\",\n      background: colors.baseWhite,\n    },\n    overlay: {\n      background: overlayBackground,\n      zIndex: 99,\n    },\n  };\n\n  return (\n    <Modal isOpen={true} style={modalStyles}>\n      {headerIcon && (\n        <div style={{ textAlign: \"center\", marginBottom: \"32px\" }}>\n          <img src={headerIcon} style={{ height: \"32px\" }} />\n        </div>\n      )}\n      <$ModalHeader>{header}</$ModalHeader>\n      <br />\n      {children}\n    </Modal>\n  );\n};\n\nexport default PopupModal;\n","module.exports = __webpack_public_path__ + \"media/assets/icons/circle-plus-blue-a8f1582bdec450115005ac095fc3b467.svg\";","module.exports = __webpack_public_path__ + \"media/assets/gradeus-logo-transparent-56b6a5f9e4048a0f1ac4090a004b1a85.png\";"],"sourceRoot":""}