{
  "version": 3,
  "sources": ["../../../../frontend/components/components/leads/LeadResponseNotice.jsx"],
  "sourcesContent": ["import React,  { useState, useEffect } from 'react';\nimport styles from '../../../stylesheets/theme/bootstrap_scope.module.scss';\nimport ConditionalWrapper from \"../../utils/ConditionalWrapper\";\nimport {isMobile,  isTablet } from \"react-device-detect\";\nimport ReportThumbnail from \"./ReportThumbnail\";\nimport {autoDownload, parameterize} from \"../../../javascripts/utils\";\n\n// import thumb from '../../../images/reports/thumbnail_bg.png';\n// import triple_thumb from '../../../images/reports/triple_thumbnail_bg.webp';\n\n/** This components accepts an array of reports, containing title, formatted date and url to the pdf. **/\n\nfunction LeadResponseNotice({reports, theme_enabled, user_confirmed, peer_analyst}) {\n\n    const backgroundStyle = {\n        background: \"url('https://images.peerspot.com/image/upload/v1742454294/site-images/home-page-hero-background-left.svg') no-repeat center top\"\n    }\n\n    const peerAnalystStyle = {\n        maxHeight: (isMobile || isTablet) ? 'auto' : '230px', overflow: 'hidden'\n    }\n\n    const titleSizingClass = () => {\n        if(reports.some((report) => report.title.length >= 80)) return styles['report-title-sm'];\n        if(reports.some((report) => report.title.length > 50 && report.title.length < 80)) return styles['report-title-md'];\n    }\n\n    const BANNER_WIDTH = theme_enabled ? {} : { maxWidth: 'min(100%, 980px)'}\n    const REPORT_COUNT = reports.length;\n    const MAX_REPORT_THUMBS = 3;\n    const TITLE_SIZE_CLASS = titleSizingClass();\n\n    useEffect(() => {\n        if(user_confirmed && peer_analyst) {\n            reports.forEach( (report) => { autoDownload(report.url, `${parameterize(report.title)}.pdf`) });\n        }\n    }, []);\n\n    // These are now preloaded on the page...\n    // // preload thumb image\n    // const thumbImages = [thumb, triple_thumb];\n    // for (const image of thumbImages) {\n    //     const imageElement = new Image();\n    //     imageElement.src = image;\n    // }\n\n    const renderResponse = () => {\n        if(user_confirmed) {\n            return (\n                <>\n                    {renderHeader(`Thank you for downloading the report${REPORT_COUNT > 1 ? ' bundle' : ''}!`)}\n                    {renderReportLinks()}\n                </>\n            )\n        } else {\n            return (\n                <>\n                    {renderHeader('Thank you!')}\n                    {renderSubHeader(`A link to your ${ REPORT_COUNT > 1 ? 'free research bundle' : 'report'} will be sent to your email shortly.`)}\n                </>\n            )\n        }\n    }\n\n    const renderHeader = (txt) => {\n        return (\n            <h3 className={`${styles['fs-2']}`}>{txt}</h3>\n        )\n    }\n\n    const renderSubHeader = (txt) => {\n        return (\n            <div className={`${styles['content-styling']} ${styles['gray-800']} ${styles['font-family-secondary']}`}>{txt}</div>\n        )\n    }\n\n    const renderReportLinks = () => {\n        let linkClasses = `${styles['text-blue-link']} ${styles['hover-blue-hover']} ${styles['font-family-secondary']} ${styles['text-decoration-underline']}`;\n        return (\n            <ConditionalWrapper condition={REPORT_COUNT > 1} wrapper={children => <ul style={{ paddingLeft: '1rem' }}>{children}</ul>}>\n                { reports.map( (report, i) => {\n                    return (\n                        <ConditionalWrapper condition={REPORT_COUNT > 1} key={`report_${i}`} wrapper={children => <li className={`${styles['text-top']}`}>{children}</li>}>\n                            <div className={`${styles['py-1']}`}>\n                                <a href={report.url} className={linkClasses} target=\"_blank\">{ REPORT_COUNT > 1 ? report.title : 'Download PDF' }</a>\n                            </div>\n                        </ConditionalWrapper>\n                    ) }\n                ) }\n            </ConditionalWrapper>\n        )\n    }\n\n    return (\n        <div className={'bootstrap'}>\n            <div className={`${styles['container-fluid']} ${styles['border-bottom']}`} style={ peer_analyst ? peerAnalystStyle : backgroundStyle}>\n                <div className={`${styles['container-lg']} ${!peer_analyst && styles['py-3']} ${!peer_analyst && styles['py-md-5']}`} style={BANNER_WIDTH}>\n                    <div className={`${styles['row']} ${ peer_analyst ? styles['align-items-start'] : styles['align-items-center']}`}>\n                        <div className={`${styles['col-md-6']} ${styles['col-lg-5']} ${peer_analyst && styles['col-xl-4']} ${styles['px-0']}`}>\n                            <ReportThumbnail reports={reports[0] ? [reports[0]] : []} tripleThumb={true} />\n                        </div>\n                        <div className={`${styles['pt-3']} ${styles['pt-md-0']} ${styles['col-md-6']} ${styles['col-lg-7']} ${peer_analyst && styles['col-xl-8']} ${peer_analyst && 'mt-md-5'}`}>\n                            {renderResponse()}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nLeadResponseNotice.displayName = 'LeadResponseNotice';\n\nexport default LeadResponseNotice;"],
  "mappings": "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",
  "names": ["import_react", "import_react_device_detect", "LeadResponseNotice", "reports", "theme_enabled", "user_confirmed", "peer_analyst", "backgroundStyle", "peerAnalystStyle", "titleSizingClass", "report", "bootstrap_scope_module_default", "BANNER_WIDTH", "REPORT_COUNT", "MAX_REPORT_THUMBS", "TITLE_SIZE_CLASS", "autoDownload", "parameterize", "renderResponse", "React", "renderHeader", "renderReportLinks", "renderSubHeader", "txt", "linkClasses", "ConditionalWrapper", "children", "i", "ReportThumbnail", "LeadResponseNotice_default"]
}