{"version":3,"file":"component---src-templates-devis-car-location-devis-car-location-tsx-c54d5914dfeaeec8e615.js","mappings":"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","sources":["webpack://portail-tourisme-keolis-web/./src/components/common/links-group-side/link/other-link.tsx","webpack://portail-tourisme-keolis-web/./src/components/common/links-group-side/link/other-link.module.scss","webpack://portail-tourisme-keolis-web/./src/components/common/links-group-side/links-group-side.tsx","webpack://portail-tourisme-keolis-web/./src/components/common/links-group-side/links-group-side.module.scss","webpack://portail-tourisme-keolis-web/./src/components/common/page-cover/page-cover.tsx","webpack://portail-tourisme-keolis-web/./src/components/common/page-cover/page-cover.module.scss","webpack://portail-tourisme-keolis-web/./src/assets/images/logoforheader.png","webpack://portail-tourisme-keolis-web/./src/templates/devis-car-location/devis-car-location.tsx","webpack://portail-tourisme-keolis-web/./src/templates/devis-car-location/devis-car-location.module.scss"],"sourcesContent":["import React from \"react\";\nimport * as styles from \"./other-link.module.scss\";\nimport {useHover} from \"../../../../hooks/useHover\";\nimport {displayImage} from \"../../../../global/functions/functions\";\n\ntype ReactProps = {\n    data: any\n}\n\nconst OtherLink: React.FC<ReactProps> = ({data}) => {\n\n    const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n\n    return (\n        <li\n            ref={hoverRef}\n            className={styles.linkBox}\n            style={{ backgroundColor: isHovered ? data.mainColor.hex : \"rgba(244, 244, 244, 255)\" }}\n        >\n            <a title={data.titleAttribute || \" \"} aria-label={`Link to ${data.title}`} className={styles.link} href={data.slug[0] === '/' ? data.slug : `/${data.slug}`}>\n                <div className={styles.linkBackgroundLogo}>\n                    {displayImage(isHovered ? data.backgroundIconHover : data.backgroundIcon, styles.bgLogo)}\n                </div>\n                <div className={styles.linkIcon}>\n                    {displayImage(isHovered ? data.iconHover : data.icon, styles.icon)}\n                </div>\n                <p\n                    className={styles.linkTitle}\n                    style={{color: data.mainColor.hex}}\n                >{data.title}</p>\n            </a>\n        </li>\n    )\n\n}\n\nexport default OtherLink;","// extracted by mini-css-extract-plugin\nexport var linkBox = \"other-link-module--linkBox--L01MJ\";\nexport var linkTitle = \"other-link-module--linkTitle--DYWde\";\nexport var link = \"other-link-module--link--p6HLm\";\nexport var linkBackgroundLogo = \"other-link-module--linkBackgroundLogo--8+YVL\";\nexport var linkIcon = \"other-link-module--linkIcon--38YvF\";\nexport var bgLogo = \"other-link-module--bgLogo--K5+Sf\";\nexport var icon = \"other-link-module--icon--HIFgT\";","import React from \"react\";\nimport * as styles from \"./links-group-side.module.scss\";\nimport OtherLink from \"./link/other-link\";\n\ntype RenderProps = {\n    data: any\n}\n\nconst LinksGroupSide:React.FC<RenderProps> = ({data}) => {\n\n    return (\n        <ul className={styles.sideColumn}>\n            {data && data.map(item => {\n                return <OtherLink key={item.id} data={item} />\n            })}\n        </ul>\n    )\n\n}\n\nexport default LinksGroupSide;","// extracted by mini-css-extract-plugin\nexport var sideColumn = \"links-group-side-module--sideColumn--oqZC8\";","import React from \"react\";\nimport * as styles from \"./page-cover.module.scss\";\nimport keolis from \"../../../assets/images/keolis.png\";\nimport {displayImage} from \"../../../global/functions/functions\";\nimport keolisLogo from '../../../assets/images/logoforheader.png';\n\n\ntype RenderProps = {\n    title: any,\n    image: any\n}\n\nconst PageCover:React.FC<RenderProps> = ({title, image}) => {\n\n    return (\n        <section className={styles.container}>\n            <div className={styles.imageContainer}>\n                {displayImage(image, styles.coverImage, \"cover\")}\n            </div>\n            <a aria-label={\"retour a la page d'acceuil\"} href={`/`}>\n                <img src={keolisLogo} className={styles.logoContent} alt=\"\"/>\n            </a>\n            <div className={styles.titleContent}>\n                <h2 className={styles.title}>\n                    {title}\n                </h2>\n                </div>\n            {/* <div className={styles.titleContainer}>\n                <img className={styles.backgroundImage} src={keolis} alt=\"\"/>\n                <div className={styles.titleContent}>\n                    <h2 className={styles.title}>\n                        {title}\n                    </h2>\n                </div>\n            </div> */}\n        </section>\n    )\n\n}\n\nexport default PageCover;","// extracted by mini-css-extract-plugin\nexport var container = \"page-cover-module--container--2490L\";\nexport var imageContainer = \"page-cover-module--imageContainer--zT2wR\";\nexport var coverImage = \"page-cover-module--coverImage--vkyGq\";\nexport var logoContent = \"page-cover-module--logoContent--y15UO\";\nexport var titleContainer = \"page-cover-module--titleContainer--rG32h\";\nexport var backgroundImage = \"page-cover-module--backgroundImage--m7qwR\";\nexport var titleContent = \"page-cover-module--titleContent--eTGJz\";\nexport var title = \"page-cover-module--title--vnpXs\";\nexport var subtitle = \"page-cover-module--subtitle--UVUs5\";\nexport var coverTextContainer = \"page-cover-module--coverTextContainer--sc0QH\";","export default \"data:image/png;base64,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\"","import React, {useRef, useState, useEffect} from \"react\";\nimport * as styles from \"./devis-car-location.module.scss\";\nimport Layout from \"../../components/layout/layout\";\nimport {graphql} from \"gatsby\";\nimport {DevisLocationCarQuery} from \"../../../graphql-types\";\nimport PageCover from \"../../components/common/page-cover/page-cover\";\nimport LinksGroupSide from \"../../components/common/links-group-side/links-group-side\";\nimport useWindowWidth from \"../../hooks/use-window-width\";\n\ntype ReactProps = {\n    data: DevisLocationCarQuery\n}\n\nconst DevisLocationCarPage:React.FC<ReactProps> = ({data}) => {\n    const isMobile = useWindowWidth() <= 400;\n    const isTablet = useWindowWidth() > 400 && useWindowWidth() < 1200\n    const [displayLinks, setDisplayLinks] = useState(true);\n\n    useEffect(() => {\n        const recevoirMessage = (event) => {\n          // Vérifie que le message vient bien de ton iframe Flutter\n          if (event.data === \"supprimer_fenetres\") {\n            setDisplayLinks(false);\n          } else if (event.data == 'afficher_fenetres') {\n              setDisplayLinks(true);\n          }\n        };\n    \n        // Ajoute un écouteur d'événements pour recevoir les messages\n        window.addEventListener(\"message\", recevoirMessage);\n    \n        // Nettoie l'écouteur quand le composant est démonté\n        return () => window.removeEventListener(\"message\", recevoirMessage);\n      }, []);\n\n    // change flutter source from devis location in preprod (qualif)\n    const flutterEmbed = (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ?\n    \"https://pksakoccazewstatwebv2.z6.web.core.windows.net/\" :\n    \"https://pksakoccazewstatwebv2.z6.web.core.windows.net/\";\n    const iframe = useRef(null);\n\n    return (\n        <Layout data={data.datoCmsFooter} stickyButtonsData={data.datoCmsWebStickyButton} chatbotData={data.datoCmsChatbot} seo={data.datoCmsWebDevisGratuit.seo} pageTemplate=\"demande de devis\">\n            <PageCover\n                title={data.datoCmsWebDevisGratuit.cover[0] && data.datoCmsWebDevisGratuit.cover[0].title}\n                image={isTablet ? data.datoCmsWebDevisGratuit.cover[0] && data.datoCmsWebDevisGratuit.cover[0].backgroundImageDevis : isMobile ? data.datoCmsWebDevisGratuit.cover[0] && data.datoCmsWebDevisGratuit.cover[0].mobileImage : data.datoCmsWebDevisGratuit.cover[0] && data.datoCmsWebDevisGratuit.cover[0].backgroundImageDevis}\n            />\n            <section className={styles.pageContainer}>\n                <div className={displayLinks ? styles.pageContent : styles.pageContentResult }>\n                    {/* {!isMobile && displayLinks && <LinksGroupSide data={data.datoCmsWebDevisGratuit.linksGroup} />} */}\n                    <div className={styles.content}>\n                        <iframe\n                            ref={iframe}\n                            id=\"devisIframe\"\n                            className={styles.iframe}\n                            scrolling=\"yes\"\n                            src={flutterEmbed}\n                            frameBorder=\"0\"\n                            allowFullScreen\n                            sandbox=\"allow-same-origin allow-scripts allow-downloads allow-popups allow-forms allow-presentation\"\n                        />\n                    </div>\n                    {isMobile && <LinksGroupSide data={data.datoCmsWebDevisGratuit.linksGroup} />}\n                </div>\n            </section>\n        </Layout>\n    )\n\n}\n\nexport const fragment = graphql`\n    fragment DevisGratuitWebFields on DatoCmsWebDevisGratuit {\n        seo {\n          description\n          title\n        }\n        cover {\n            title\n            backgroundImageDevis {\n                alt\n                title\n                format\n                url\n                gatsbyImageData(layout: FIXED)\n            }\n            mobileImage {\n                alt\n                title\n                format\n                url\n                gatsbyImageData(layout: FIXED)\n            }\n        }\n        linksGroup {\n            id\n            title\n            titleAttribute\n            slug\n            mainColor {\n                hex\n            }       \n            icon {\n                alt\n                title\n                format\n                url\n                gatsbyImageData(layout: FIXED)\n            }\n            iconHover {\n                alt\n                title\n                format\n                url\n                gatsbyImageData(layout: FIXED)\n            }\n            backgroundIcon {\n                alt\n                title\n                format\n                url\n                gatsbyImageData(layout: FIXED)\n            }\n            backgroundIconHover {\n                alt\n                title\n                format\n                url\n                gatsbyImageData(layout: FIXED)\n            }\n        }\n    }\n`\n\nexport const pageQuery = graphql`\n    query DevisLocationCar($locale: String!) {  \n        datoCmsFooter(locale: {  eq: $locale }) {\n            ...FooterFields\n        }   \n        datoCmsWebStickyButton(locale: {  eq: $locale }) {\n            ...StickyButtonsFields\n        }\n        datoCmsChatbot(locale: { eq: $locale }) {\n            ...ChatbotFields\n        }\n        datoCmsWebDevisGratuit(locale: {  eq: $locale }) {\n            ...DevisGratuitWebFields\n        }\n    }\n`\n\nexport default DevisLocationCarPage;","// extracted by mini-css-extract-plugin\nexport var pageContainer = \"devis-car-location-module--pageContainer--pC4wH\";\nexport var pageContent = \"devis-car-location-module--pageContent--RDm4Y\";\nexport var pageContentResult = \"devis-car-location-module--pageContentResult--rLrbb\";\nexport var content = \"devis-car-location-module--content--7FcQe\";\nexport var iframe = \"devis-car-location-module--iframe--yiRMy\";"],"names":["data","useHover","hoverRef","isHovered","ref","className","style","backgroundColor","mainColor","hex","title","titleAttribute","href","slug","displayImage","backgroundIconHover","backgroundIcon","iconHover","icon","color","map","item","key","id","image","src","alt","isMobile","useWindowWidth","isTablet","useState","displayLinks","setDisplayLinks","useEffect","recevoirMessage","event","window","addEventListener","removeEventListener","iframe","useRef","datoCmsFooter","stickyButtonsData","datoCmsWebStickyButton","chatbotData","datoCmsChatbot","seo","datoCmsWebDevisGratuit","pageTemplate","cover","backgroundImageDevis","mobileImage","scrolling","frameBorder","allowFullScreen","sandbox","linksGroup"],"sourceRoot":""}