{"version":3,"file":"component---src-pages-us-september-digest-2024-tsx-4ce53b054355a36437fb.js","mappings":"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","sources":["webpack://sgnl-site/./src/components/Common/ModalIframe/index.tsx","webpack://sgnl-site/./src/components/Common/ModalIframe/ModalYoutubeVideo.module.scss","webpack://sgnl-site/./src/components/Common/ModalImage/index.tsx","webpack://sgnl-site/./src/components/Common/ModalImage/modal.module.scss","webpack://sgnl-site/./src/components/Common/Section/Section.module.scss","webpack://sgnl-site/./src/components/Common/Section/index.tsx","webpack://sgnl-site/./src/components/NewsSectionBlock/index.tsx","webpack://sgnl-site/./src/components/NewsSectionBlock/NewsSectionBlock.module.scss","webpack://sgnl-site/./src/pages-us/september-digest-2024.tsx","webpack://sgnl-site/./src/svg/youtube-play-icon.tsx","webpack://sgnl-site/./src/pages/news.module.scss"],"sourcesContent":["import React from 'react'\nimport Modal from '../Modal'\n\nimport * as s from './ModalYoutubeVideo.module.scss'\n\ninterface ModalIframeProps {\n  onClose: () => void\n  title: string\n  src: string\n  srcTitle: string\n}\n\nconst ModalIframe: React.FC<ModalIframeProps> = ({\n  onClose,\n  title,\n  src,\n  srcTitle,\n}) => {\n  return (\n    <Modal\n      onClose={onClose}\n      title={title}\n      className={s.modal}\n      contentClassName={s.modal_content}\n    >\n      <iframe\n        title={srcTitle}\n        className=\"w-100 h-100\"\n        src={src}\n        allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n      />\n    </Modal>\n  )\n}\n\nexport default ModalIframe\n","// extracted by mini-css-extract-plugin\nexport var modal = \"ModalYoutubeVideo-module--modal--LXjLF\";\nexport var modal_content = \"ModalYoutubeVideo-module--modal_content--UFiur\";","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport cn from 'classnames'\nimport CloseIcon from '../../../svg/close-icon'\n\nimport * as s from './modal.module.scss'\n\ninterface ModalProps {\n  onClose: () => void\n  title?: string\n  className?: string\n  contentClassName?: string\n  closeIconClassName?: string\n}\n\nconst Modal: React.FC<ModalProps> = ({\n  title,\n  onClose,\n  className,\n  contentClassName,\n  closeIconClassName,\n  children,\n}) => {\n  React.useEffect(() => {\n    document.getElementsByTagName('html')[0].style.overflowY = 'hidden'\n    return () => {\n      document.getElementsByTagName('html')[0].style.overflowY = 'scroll'\n    }\n  }, [])\n\n  return ReactDOM.createPortal(\n    <div className={cn(s.modal, className)}>\n      <div className={s.overlay} onClick={onClose} />\n      <div className={cn(s.modal_content, contentClassName)}>\n        <div className={s.modal_top}>\n          <span className={s.title}></span>\n          <CloseIcon\n            onClick={onClose}\n            className={cn(s.close_icon, closeIconClassName)}\n          />\n        </div>\n        <div className=\"w-100 h-100\">{children}</div>\n      </div>\n    </div>,\n    document.body\n  )\n}\n\nexport default Modal\n","// extracted by mini-css-extract-plugin\nexport var modal = \"modal-module--modal--Sm+V6\";\nexport var modal_content = \"modal-module--modal_content--GFKTm\";\nexport var modal_top = \"modal-module--modal_top--slO4H\";\nexport var title = \"modal-module--title--aQqhL\";\nexport var overlay = \"modal-module--overlay--iEc3x\";\nexport var close_icon = \"modal-module--close_icon--cS1u-\";","// extracted by mini-css-extract-plugin\nexport var section = \"Section-module--section--t2Kke\";\nexport var bg_white = \"Section-module--bg_white--K-nBF\";\nexport var bg_light = \"Section-module--bg_light--kwwQL\";\nexport var bg_dark = \"Section-module--bg_dark--vZSrp\";","import React from 'react'\nimport cn from 'classnames'\n\nimport * as s from './Section.module.scss'\n\ninterface SectionProps {\n  className?: string\n  bgColor?: 'white' | 'light' | 'dark'\n  id?: string\n}\n\nconst Section: React.FC<SectionProps> = ({\n  className,\n  id,\n  bgColor,\n  children,\n}) => {\n  return (\n    <section\n      className={cn(s.section, bgColor && s[`bg_${bgColor}`], className)}\n      id={id}\n    >\n      {children}\n    </section>\n  )\n}\n\nexport default Section\n","import React from 'react'\nimport Section from '../Common/Section'\nimport Container from '../Common/Container'\n\nimport * as s from './NewsSectionBlock.module.scss'\n\ninterface NewsSectionBlockProps {\n  date?: string\n}\n\nconst NewsSectionBlock: React.FC<NewsSectionBlockProps> = ({\n  date,\n  children,\n}) => {\n  return (\n    <Section className={s.section}>\n      <Container>\n        {date && <div className={s.date}>{date}</div>}\n        {children}\n      </Container>\n    </Section>\n  )\n}\n\nexport default NewsSectionBlock\n","// extracted by mini-css-extract-plugin\nexport var section = \"NewsSectionBlock-module--section--TD9zu\";\nexport var date = \"NewsSectionBlock-module--date--P8Mos\";","import React from 'react'\nimport { graphql, navigate, useStaticQuery } from 'gatsby'\nimport cn from 'classnames'\nimport { GatsbyImage } from 'gatsby-plugin-image'\n\nimport SEO from '../components/seo'\nimport NewsSectionBlock from '../components/NewsSectionBlock'\nimport Typography from '../components/Common/Typography'\nimport { Button } from '../components/Common/Button'\nimport ModalIframe from '../components/Common/ModalIframe'\nimport { useTranslations } from '../hooks/use-translations'\n\nimport * as s from '../pages/news.module.scss'\n\nimport ModalImage from '../components/Common/ModalImage'\nimport YoutubePlayIcon from '../svg/youtube-play-icon'\n\nconst SeptemberDigest2024 = () => {\n  const { getPath } = useTranslations()\n  const images = useStaticQuery(imagesQuery)\n  const [imageData, setImageData] = React.useState<{\n    title: string\n    image: string\n  }>()\n  const [modalVideoData, setModalVideoData] = React.useState<{\n    title: string\n    src: string\n  }>()\n  return (\n    <>\n      <SEO\n        title=\"Digest of the September updates on SIGNAX products\"\n        description=\"SIGNAX September 2024 Digest of updates and product materials, including SIGNAX DOCS CDE, INSPECTION - remote construction control service, DASHBOARD project management software and TOOLS solution for BIM management automation.\"\n      />\n      <NewsSectionBlock date=\"September 20, 2024\">\n        <Typography variant=\"h1\" color=\"blue\">\n          September Digest SIGNAX\n        </Typography>\n        <Typography variant=\"h2\" size={24}>\n          Product Updates\n        </Typography>\n        <Typography variant=\"body1\">\n          September brought a wave of fresh{' '}\n          <span style={{ fontWeight: 500 }}>content</span> and{' '}\n          <span style={{ fontWeight: 500 }}>product updates</span>! We unveiled\n          four new product videos on our social media, along with two engaging\n          #DevNews posts that spotlight our{' '}\n          <span style={{ fontWeight: 500 }}>latest improvements</span>. A major\n          milestone that we achieved -{' '}\n          <span style={{ fontWeight: 500 }}>launch of our new desktop app</span>{' '}\n          for DOCS CDE. In addition, we published an{' '}\n          <span style={{ fontWeight: 500 }}>insightful article</span> outlining\n          our vision for the industry's future and who’s best positioned to meet\n          its evolving needs.\n        </Typography>\n        <Typography variant=\"body1\">\n          Catch all the details in this month’s digest and be sure to check out\n          our latest article below:\n        </Typography>\n        <div className={cn(s.contentWrap)}>\n          <div className={s.textWrap}>\n            <Typography variant=\"body1\" size={18}>\n              In today's fast-paced construction world, every company needs a\n              digital transformation — and that’s where the{' '}\n              <span style={{ fontWeight: 500 }}>Digital Engineer</span> steps\n              in! This{' '}\n              <span style={{ fontWeight: 500 }}>indispensable role</span> is\n              streamlining data management, optimizing and improving workflows,\n              and uniting teams. By implementing{' '}\n              <span style={{ fontWeight: 500 }}>BIM on site</span> and driving\n              technological innovation, they are changing the way construction\n              projects are managed and executed.\n            </Typography>\n            <Typography variant=\"body1\" size={18}>\n              Learn more about Digital engineers and how they are shaping the{' '}\n              <span style={{ fontWeight: 500 }}>future of construction</span>:\n            </Typography>\n            <Button\n              size=\"small\"\n              onClick={() => navigate(getPath('/digital-engineer/'))}\n            >\n              Open Article\n            </Button>\n          </div>\n          <div\n            className={s.imageClickable}\n            onClick={() =>\n              setImageData({\n                title: 'Digital engineer Article',\n                image: 'image1',\n              })\n            }\n          >\n            <GatsbyImage\n              image={images.image1Preview.childImageSharp.gatsbyImageData}\n              alt=\"Learn more about Digital engineers\"\n            />\n          </div>\n        </div>\n        <Typography variant=\"h3\" size={18}>\n          SIGNAX HUB\n        </Typography>\n        <Typography variant=\"body1\">\n          <span style={{ fontWeight: 500 }}>Project management</span> starts\n          with HUB. From setting up projects to managing licenses and roles,\n          we’ve made project administration smoother than ever. Our team is\n          happy to show the ease of use and{' '}\n          <span style={{ fontWeight: 500 }}>\n            flexibility of SIGNAX license management\n          </span>{' '}\n          in our new product video.\n        </Typography>\n        <Typography variant=\"body1\">\n          Watch our new video and contact us if you want to{' '}\n          <span style={{ fontWeight: 500 }}>streamline your projects</span>.\n        </Typography>\n        <div\n          className={s.youtubeVideo}\n          onClick={() =>\n            setModalVideoData({\n              title: 'SIGNAX HUB. Project administration',\n              src: 'https://youtube.com/embed/aOhSbimWmas?si=sDEvcpydNt9zEsjs',\n            })\n          }\n        >\n          <GatsbyImage\n            image={images.videoPreview1.childImageSharp.gatsbyImageData}\n            alt=\"SIGNAX HUB. Project administration\"\n          />\n          <YoutubePlayIcon />\n        </div>\n        <Typography variant=\"h3\" size={18}>\n          SIGNAX DOCS\n        </Typography>\n        <Typography variant=\"body1\">\n          We’ve hit a major milestone — SIGNAX DOCS is now available as a\n          desktop app!{' '}\n          <span style={{ fontWeight: 500 }}>\n            Install DOCS Disk on your computer\n          </span>{' '}\n          to connect your desktop environment with a SIGNAX account and have all\n          of your{' '}\n          <span style={{ fontWeight: 500 }}>\n            project data just a click away\n          </span>\n          . This solution is designed for working from your computer using\n          native applications with opening file formats, including office\n          documents, schedules, CAD and BIM Files. This way, users can work\n          through familiar interfaces while files{' '}\n          <span style={{ fontWeight: 500 }}>automatically sync</span> in SIGNAX\n          DOCS.\n        </Typography>\n        <Typography variant=\"body1\">\n          Don’t miss our latest product video to see how DOCS Disk can{' '}\n          <span style={{ fontWeight: 500 }}>transform your workflow</span>:\n        </Typography>\n        <div\n          className={s.youtubeVideo}\n          onClick={() =>\n            setModalVideoData({\n              title: 'SIGNAL DOCS Disk. Desktop solution',\n              src: 'https://youtube.com/embed/FG2iMtOSE8E?si=2eB2oussT6RF_ndY',\n            })\n          }\n        >\n          <GatsbyImage\n            image={images.videoPreview2.childImageSharp.gatsbyImageData}\n            alt=\"SIGNAL DOCS Disk. Desktop solution\"\n          />\n          <YoutubePlayIcon />\n        </div>\n        <Typography variant=\"body1\">\n          In another video we highlight valuable use cases from our portfolio of\n          using <span style={{ fontWeight: 500 }}>Point Clouds</span> in DOCS.\n          Our customer optimized{' '}\n          <span style={{ fontWeight: 500 }}>material management</span> by\n          utilizing point clouds. Additionally, point clouds were used as proof\n          of work during meetings.\n        </Typography>\n        <Typography variant=\"body1\">\n          Discover more about this and other{' '}\n          <span style={{ fontWeight: 500 }}>use cases</span> in the video:\n        </Typography>\n        <div\n          className={s.youtubeVideo}\n          onClick={() =>\n            setModalVideoData({\n              title: 'SIGNAL DOCS. Point cloud use cases',\n              src: 'https://youtube.com/embed/VOEhGladE2g?si=_UuSnttAMBvAXnmG',\n            })\n          }\n        >\n          <GatsbyImage\n            image={images.videoPreview3.childImageSharp.gatsbyImageData}\n            alt=\"SIGNAL DOCS. Point cloud use cases\"\n          />\n          <YoutubePlayIcon />\n        </div>\n        <Typography variant=\"h3\" size={18}>\n          SIGNAX DASHBOARD\n        </Typography>\n        <div className={cn(s.contentWrap)}>\n          <div className={s.textWrap}>\n            <Typography variant=\"body1\" size={18}>\n              We’ve made some updates to{' '}\n              <span style={{ fontWeight: 500 }}>DASHBOARD</span> by{' '}\n              <span style={{ fontWeight: 500 }}>\n                renaming and reorganizing the card types!\n              </span>{' '}\n              Here’s the new structure:\n            </Typography>\n            <Typography variant=\"body1\" size={18}>\n              <ul>\n                <li>\n                  <span style={{ fontWeight: 500 }}>10 Group</span> - General,\n                  manually filled\n                </li>\n                <li>\n                  <span style={{ fontWeight: 500 }}>20 Group</span> - Budget\n                </li>\n                <li>\n                  <span style={{ fontWeight: 500 }}>30 Group</span> - Deadlines\n                </li>\n                <li>\n                  <span style={{ fontWeight: 500 }}>40 Group</span> - Scope\n                </li>\n                <li>\n                  <span style={{ fontWeight: 500 }}>50 Group</span> - BIM\n                </li>\n                <li>\n                  <span style={{ fontWeight: 500 }}>60 Group</span> - Internal\n                  SIGNAX integrations\n                </li>\n                <li>\n                  <span style={{ fontWeight: 500 }}>90 Group</span> - Other\n                  integrations\n                </li>\n              </ul>\n            </Typography>\n            <Typography variant=\"body1\" size={18}>\n              We also plan to hide unused cards and re-sort the list. Don’t\n              worry — your dashboards will stay the same, just with updated card\n              type names!\n            </Typography>\n          </div>\n          <div\n            className={s.imageClickable}\n            onClick={() =>\n              setImageData({\n                title: 'DevNews DASHBOARD',\n                image: 'image2',\n              })\n            }\n          >\n            <GatsbyImage\n              image={images.image2Preview.childImageSharp.gatsbyImageData}\n              alt=\"DevNews DASHBOARD\"\n            />\n          </div>\n        </div>\n        <Typography variant=\"h3\" size={18}>\n          SIGNAX INSPECTION\n        </Typography>\n        <Typography variant=\"body1\">\n          The video{' '}\n          <span style={{ fontWeight: 500 }}>\n            highlights the QA/QC functions\n          </span>{' '}\n          of SIGNAX INSPECTION. We also showcased a new Inquiry function that\n          would be valuable for{' '}\n          <span style={{ fontWeight: 500 }}>tracking contractors' tasks.</span>{' '}\n          We are proud that this product video has become popular, so don't miss\n          it!\n        </Typography>\n        <div\n          className={s.youtubeVideo}\n          onClick={() =>\n            setModalVideoData({\n              title: 'SIGNAX INSPECTION. QA/QC and Inquiries workflow',\n              src: 'https://youtube.com/embed/Wgcu1JgSAN4?si=RCZ_tTIxxIefdWTU',\n            })\n          }\n        >\n          <GatsbyImage\n            image={images.videoPreview4.childImageSharp.gatsbyImageData}\n            alt=\"SIGNAX INSPECTION. QA/QC and Inquiries workflow\"\n          />\n          <YoutubePlayIcon />\n        </div>\n      </NewsSectionBlock>\n      {modalVideoData && (\n        <ModalIframe\n          title={modalVideoData.title}\n          src={modalVideoData.src}\n          srcTitle={modalVideoData.title}\n          onClose={() => setModalVideoData(undefined)}\n        />\n      )}\n      {imageData && (\n        <ModalImage\n          title={imageData.title}\n          onClose={() => setImageData(undefined)}\n        >\n          <GatsbyImage\n            image={images[imageData.image].childImageSharp.gatsbyImageData}\n            alt={imageData.title}\n            imgStyle={{\n              objectFit: 'contain',\n              objectPosition: '50% 50%',\n              maxHeight: ' calc(100vh - 100px)',\n            }}\n          />\n        </ModalImage>\n      )}\n    </>\n  )\n}\n\nconst imagesQuery = graphql`\n  query {\n    image1Preview: file(\n      relativePath: { eq: \"news/september-digest-2024/image-1.jpg\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(width: 564, placeholder: BLURRED)\n      }\n    }\n    image1: file(\n      relativePath: { eq: \"news/september-digest-2024/image-1.jpg\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(placeholder: BLURRED)\n      }\n    }\n    image2Preview: file(\n      relativePath: { eq: \"news/september-digest-2024/image-2.jpg\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(width: 564, placeholder: BLURRED)\n      }\n    }\n    image2: file(\n      relativePath: { eq: \"news/september-digest-2024/image-2.jpg\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(placeholder: BLURRED)\n      }\n    }\n    videoPreview1: file(\n      relativePath: { eq: \"news/september-digest-2024/video-preview-1.png\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(width: 680, placeholder: BLURRED)\n      }\n    }\n    videoPreview2: file(\n      relativePath: { eq: \"news/september-digest-2024/video-preview-2.png\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(width: 680, placeholder: BLURRED)\n      }\n    }\n    videoPreview3: file(\n      relativePath: { eq: \"news/september-digest-2024/video-preview-3.png\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(width: 680, placeholder: BLURRED)\n      }\n    }\n    videoPreview4: file(\n      relativePath: { eq: \"news/september-digest-2024/video-preview-4.png\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(width: 680, placeholder: BLURRED)\n      }\n    }\n  }\n`\n\nexport default SeptemberDigest2024\n","import React from 'react'\n\nconst YoutubePlayIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => {\n  return (\n    <svg\n      width=\"49\"\n      height=\"48\"\n      viewBox=\"0 0 49 48\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <rect x=\"0.666687\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#0695D7\" />\n      <path\n        d=\"M32.6667 24.0004L20.6667 30.9286L20.6667 17.0722L32.6667 24.0004Z\"\n        fill=\"white\"\n        stroke=\"white\"\n        strokeWidth=\"1.33333\"\n      />\n    </svg>\n  )\n}\n\nexport default YoutubePlayIcon\n","// extracted by mini-css-extract-plugin\nexport var section = \"news-module--section--g5uoe\";\nexport var maxContent = \"news-module--maxContent--mpYRW\";\nexport var content = \"news-module--content--v60SD\";\nexport var textTitle = \"news-module--textTitle--nitTa\";\nexport var textLists = \"news-module--textLists--IMoga\";\nexport var disc = \"news-module--disc--AqJ0s\";\nexport var auto = \"news-module--auto--u9wuf\";\nexport var decimal = \"news-module--decimal--+OTUr\";\nexport var check_mark = \"news-module--check_mark--P6DHG\";\nexport var imageBlock = \"news-module--imageBlock--TmnyQ\";\nexport var imageText = \"news-module--imageText--DgNcO\";\nexport var imageFullWidth = \"news-module--imageFullWidth--Rg4vs\";\nexport var imageEvent = \"news-module--imageEvent--y9m8O\";\nexport var imageClickable = \"news-module--imageClickable--wN1YK\";\nexport var imageClickable_bottom = \"news-module--imageClickable_bottom--6ol01\";\nexport var brandButtons = \"news-module--brandButtons--Alw1o\";\nexport var text = \"news-module--text--5E1Q6\";\nexport var video = \"news-module--video--6ohKO\";\nexport var videoSize = \"news-module--videoSize--WLsUN\";\nexport var authorWrapper = \"news-module--authorWrapper--pKcye\";\nexport var author = \"news-module--author--F1DUO\";\nexport var special_offer_image = \"news-module--special_offer_image--2F8hV\";\nexport var columnWrapper = \"news-module--columnWrapper--805HQ\";\nexport var boxShadow = \"news-module--boxShadow--zn30v\";\nexport var youtubeVideo = \"news-module--youtubeVideo---NENF\";\nexport var imageWrap = \"news-module--imageWrap--wN+Es\";\nexport var textWrap = \"news-module--textWrap--sagCF\";\nexport var textWrapCentered = \"news-module--textWrapCentered--Gc1WE\";\nexport var margin_top_48 = \"news-module--margin_top_48--icjNV\";\nexport var contentWrap = \"news-module--contentWrap--+JWDB\";\nexport var productLinksWrapper = \"news-module--productLinksWrapper--s8uye\";"],"names":["onClose","title","src","srcTitle","Modal","className","contentClassName","allow","allowFullScreen","closeIconClassName","children","React","document","getElementsByTagName","style","overflowY","ReactDOM","cn","onClick","body","section","bg_white","bg_light","bg_dark","id","bgColor","s","date","Section","Container","imagesQuery","getPath","useTranslations","images","useStaticQuery","imageData","setImageData","modalVideoData","setModalVideoData","description","variant","color","size","fontWeight","navigate","image","G","image1Preview","childImageSharp","gatsbyImageData","alt","videoPreview1","videoPreview2","videoPreview3","image2Preview","videoPreview4","undefined","imgStyle","objectFit","objectPosition","maxHeight","props","width","height","viewBox","fill","xmlns","x","rx","d","stroke","strokeWidth","textLists","decimal","check_mark","imageBlock","imageClickable","text","authorWrapper","columnWrapper","youtubeVideo","imageWrap","textWrap","textWrapCentered","margin_top_48","contentWrap","productLinksWrapper"],"sourceRoot":""}