{"version":3,"file":"js/AdditionalInfo-TemplateSpecs-TemplateSpecs-bc632097bdfa4981f6aa.chunk.js","mappings":"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","sources":["webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/TextBlock/TextBlock.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/TextBlock/TextBlock.scss?3a51","webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/TemplateSpecs/TemplateSpecs.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/TemplateSpecs/TemplateSpecs.scss?1a38"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as css from './TextBlock.scss';\nimport { H6 } from 'styleguide/components/Heading';\n\ninterface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {\n  title: string;\n  contentTextBlock: React.ReactNode;\n  noMargin?: boolean;\n  className?: string;\n}\n\nconst TextBlock = ({ title, contentTextBlock, noMargin, ...props }: Props) => (\n  <div className={props.className}>\n    <H6 className={cn(css.title, { [css[`title--noMargin`]]: !!noMargin })}>{title}</H6>\n    <div className=\"contentWrapper\">{contentTextBlock}</div>\n  </div>\n);\n\nexport default TextBlock;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"TextBlock__title__oCUb_\";\nvar _2 = \"TextBlock__title--noMargin__Pdqto\";\nexport { _1 as \"title\", _2 as \"title--noMargin\" }\n","import * as React from 'react';\nimport * as css from './TemplateSpecs.scss';\nimport Grid from 'styleguide/components/Grid/Grid';\nimport TextBlock from '../TextBlock/TextBlock';\nimport Span from 'styleguide/components/Span/Span';\nimport { A } from 'styleguide/components';\nimport HtmlContent from 'styleguide/components/HtmlContent/HtmlContent';\nimport { trackClickedTemplateLink } from 'api/CmsPages';\nimport { CmsProductPage, Download } from 'contexts/AppContext/types';\nimport Link from 'styleguide/components/Links/Link';\nimport { servicePath } from 'bundles/App/routes';\nimport { clickTemplate, clickGraphicDesignLink } from 'api/gtm';\n\ninterface Props {\n  downloads: Download[] | null;\n  specs: string | null;\n  cmsPage?: CmsProductPage;\n}\n\nconst TemplateSpecs = ({ downloads, specs, cmsPage }: Props) => (\n  <Grid.Container>\n    <Grid noPadding>\n      <Grid.Row>\n        <Grid.Col sm={12} md={5}>\n          <TextBlock\n            title=\"Helpful templates\"\n            contentTextBlock={\n              <Span>\n                Download a template, drop some artwork on it, and add some text. <br /> Our templates have all\n                the necessary information to make you a rockstar designer.\n              </Span>\n            }\n            className=\"mb-8\"\n            noMargin\n          />\n          {!!specs && (\n            <TextBlock\n              title=\"Quick specs\"\n              contentTextBlock={\n                <>\n                  <Span>Familiar with document design? Here are the basic requirements:</Span>\n                  <HtmlContent content={specs} />\n                </>\n              }\n            />\n          )}\n          <br />\n          <Span>\n            {` Need help designing your file? Our design team is here to help! Get a `}\n            <Link\n              to={servicePath.designServices}\n              color=\"black\"\n              underline=\"always\"\n              onClick={() => clickGraphicDesignLink({ location: 'pdp_template_section' })}\n            >\n              graphic design quote\n            </Link>{' '}\n            {` now! `}.\n          </Span>\n        </Grid.Col>\n        <Grid.Col sm={12} md={7} className={css.downloadsBlockWrapper}>\n          {!!downloads && (\n            <TextBlock\n              title=\"Downloads\"\n              contentTextBlock={downloads.map((elem, i) => (\n                <div\n                  className=\"flex flex-wrap justify-between border-b border-solid border-gray-50 py-4\"\n                  key={i}\n                >\n                  <div className=\"font-hvThin text-base\">{elem.text}</div>\n                  <div className=\"flex\">\n                    {elem.pdfUrl && (\n                      <A\n                        className=\"mr-7 block\"\n                        href={elem.pdfUrl}\n                        color=\"blue\"\n                        underline=\"none\"\n                        noFollow\n                        onClick={() => {\n                          const ElementInterval = setInterval(() => {\n                            trackClickedTemplateLink(cmsPage.id, elem.pdfUrl);\n                            clickTemplate({ file: elem.text });\n                            clearInterval(ElementInterval);\n                          }, 10);\n                        }}\n                      >\n                        PDF\n                      </A>\n                    )}\n                    {elem.psdUrl && (\n                      <A\n                        className=\"mr-7 block\"\n                        href={elem.psdUrl}\n                        color=\"blue\"\n                        underline=\"none\"\n                        noFollow\n                        onClick={() => {\n                          const ElementInterval = setInterval(() => {\n                            trackClickedTemplateLink(cmsPage.id, elem.psdUrl);\n                            clickTemplate({ file: elem.text });\n                            clearInterval(ElementInterval);\n                          }, 10);\n                        }}\n                      >\n                        PSD\n                      </A>\n                    )}\n                    {elem.inddUrl && (\n                      <A\n                        className=\"mr-7 block\"\n                        href={elem.inddUrl}\n                        color=\"blue\"\n                        underline=\"none\"\n                        noFollow\n                        onClick={() => {\n                          const ElementInterval = setInterval(() => {\n                            trackClickedTemplateLink(cmsPage.id, elem.inddUrl);\n                            clickTemplate({ file: elem.text });\n                            clearInterval(ElementInterval);\n                          }, 10);\n                        }}\n                      >\n                        INDD\n                      </A>\n                    )}\n                    {elem.jpgUrl && (\n                      <A\n                        className=\"mr-7 block\"\n                        href={elem.jpgUrl}\n                        color=\"blue\"\n                        underline=\"none\"\n                        noFollow\n                        onClick={() => {\n                          const ElementInterval = setInterval(() => {\n                            trackClickedTemplateLink(cmsPage.id, elem.jpgUrl);\n                            clickTemplate({ file: elem.text });\n                            clearInterval(ElementInterval);\n                          }, 10);\n                        }}\n                      >\n                        JPG\n                      </A>\n                    )}\n                    {elem.allUrl && (\n                      <A\n                        className=\"block\"\n                        href={elem.allUrl}\n                        color=\"blue\"\n                        underline=\"none\"\n                        noFollow\n                        onClick={() => {\n                          const ElementInterval = setInterval(() => {\n                            trackClickedTemplateLink(cmsPage.id, elem.allUrl);\n                            clickTemplate({ file: elem.text });\n                            clearInterval(ElementInterval);\n                          }, 10);\n                        }}\n                      >\n                        ALL\n                      </A>\n                    )}\n                  </div>\n                </div>\n              ))}\n              noMargin\n            />\n          )}\n        </Grid.Col>\n      </Grid.Row>\n    </Grid>\n  </Grid.Container>\n);\n\nexport default TemplateSpecs;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"TemplateSpecs__downloadsBlockWrapper__wXAZN\";\nvar _2 = \"TemplateSpecs__quickSpecsList__q5hhE\";\nexport { _1 as \"downloadsBlockWrapper\", _2 as \"quickSpecsList\" }\n"],"names":["_ref","title","contentTextBlock","noMargin","props","_objectWithoutProperties","_excluded","React","className","H6","cn","_defineProperty","downloads","specs","cmsPage","Grid","Container","noPadding","Row","Col","sm","md","TextBlock","Span","HtmlContent","content","Link","to","servicePath","designServices","color","underline","onClick","clickGraphicDesignLink","location","map","elem","i","key","text","pdfUrl","A","href","noFollow","ElementInterval","setInterval","trackClickedTemplateLink","id","clickTemplate","file","clearInterval","psdUrl","inddUrl","jpgUrl","allUrl"],"sourceRoot":""}