{"version":3,"file":"component---src-pages-ru-news-signal-inspection-promo-30-tsx-fe0e86488ba085781f56.js","mappings":"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","sources":["webpack://sgnl-site/./src/components/promo/warm-construction.module.sass","webpack://sgnl-site/./src/components/promo/warm-construction.tsx","webpack://sgnl-site/./src/pages-ru/news/signal-inspection-promo30.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var wrap = \"warm-construction-module--wrap--zCxys\";\nexport var bg = \"warm-construction-module--bg--vmzud\";\nexport var bg__img = \"warm-construction-module--bg__img--9kVUD\";\nexport var box = \"warm-construction-module--box--6zggv\";\nexport var heading = \"warm-construction-module--heading--3dT+f\";\nexport var content = \"warm-construction-module--content--i-1TK\";\nexport var big = \"warm-construction-module--big--aBQf3\";\nexport var leadLine = \"warm-construction-module--leadLine--kAKUe\";\nexport var lead = \"warm-construction-module--lead--AYwi5\";\nexport var device = \"warm-construction-module--device--7SnRi\";\nexport var text = \"warm-construction-module--text--2iLWG\";\nexport var product = \"warm-construction-module--product--dL+QU\";\nexport var product__tag = \"warm-construction-module--product__tag--lGtF2\";\nexport var product__oldPrice = \"warm-construction-module--product__oldPrice--u88Zf\";","import { graphql, Link, useStaticQuery } from 'gatsby'\nimport { GatsbyImage } from 'gatsby-plugin-image'\nimport React, { useState } from 'react'\nimport cn from 'classnames'\n\nimport { useTranslations } from '../../hooks/use-translations'\nimport * as s from './warm-construction.module.sass'\nimport ContactForm from '../contact-form'\n\nexport const WARM_CONSTRUCTION_PROMO_ID = 'warm_construction_30'\n\ntype ComponentType = 'banner' | 'page'\ntype ModalType = 'buy' | 'demo'\n\nconst title: Record<string, string> = {\n  ru: 'Громкий Signal потеплений на\\u00A0стройке',\n  en: 'Loud Signal Warming at\\u00A0Construction\\u00A0Site',\n}\n\nconst lead: Record<ComponentType, Record<string, JSX.Element>> = {\n  banner: {\n    ru: (\n      <>\n        Получи <span className=\"has-text-white\">30% скидку</span>\n        <br />\n        на Signal Inspection\n        <br />\n        только до конца 2020 года\n      </>\n    ),\n    en: (\n      <>\n        Get <span className=\"has-text-white\">30% discount</span>\n        <br />\n        at Signal Inspection\n        <br />\n        only until the end of 2020\n      </>\n    ),\n  },\n  page: {\n    ru: (\n      <>\n        Сократи затраты на&nbsp;строительный контроль!\n        <br />\n        Получи скидку 30% на Signal Inspection\n        <br />\n        для Autodesk BIM&nbsp;360\n      </>\n    ),\n    en: (\n      <>\n        Reduce construction control costs!\n        <br />\n        Get 30% Off Signal Inspection\n        <br />\n        for Autodesk BIM&nbsp;360\n      </>\n    ),\n  },\n}\n\nconst getText = (\n  type: ComponentType,\n  lang: string,\n  getPath: (url: string) => string,\n  onOpenModal?: (modalType: ModalType) => void\n): JSX.Element => {\n  if (type === 'page') {\n    switch (lang) {\n      case 'en':\n        return (\n          <>\n            <p>\n              Nothing is as expensive in construction as lost time. Signal\n              products can help you reduce your management decision time.\n            </p>\n            <p>\n              <strong>\n                Only until December 30, 2020, get a 30% discount on the Signal\n                Inspection module!\n              </strong>\n            </p>\n            <p>\n              <Link to={getPath('/')} className=\"has-text-primary\">\n                Signal Inspection\n              </Link>{' '}\n              is an application for remote visual monitoring and analysis of the\n              real situation on the construction site. The plugin works as an\n              add-on for Autodesk BIM 360 and displays 360 photos linked to\n              plans.\n            </p>\n            <p>Detailed terms of the promotion:</p>\n            <ol>\n              <li>\n                Purchase any number of Signal Inspection licenses (either\n                separately or as part of the Powerpack) and receive a{' '}\n                <strong>30% discount.</strong>\n              </li>\n              <li>\n                For a single purchase of more than 10 BIM 360 slots, the Signal\n                Inspection discount (separately or in the Powerpack) will be\n                <strong> 35%</strong>.\n              </li>\n              <li>\n                To receive a discount when placing an order, it is enough{' '}\n                <span\n                  className=\"has-text-primary cursor-pointer\"\n                  onClick={() => onOpenModal?.('buy')}\n                >\n                  to leave a request\n                </span>{' '}\n                or inform your supplier of the code “Warm construction with\n                Signal” when placing an order by phone.\n              </li>\n              <li>\n                <strong>The promotion is valid until December 30, 2020.</strong>\n              </li>\n            </ol>\n            <p>\n              <Link to={getPath('/#modules')} className=\"has-text-primary\">\n                Learn more\n              </Link>{' '}\n              about other Signal apps.\n            </p>\n            <p>\n              If you are not yet familiar with the Signal Inspection module, we\n              suggest that you install{' '}\n              <span\n                className=\"has-text-primary cursor-pointer\"\n                onClick={() => onOpenModal?.('demo')}\n              >\n                the demo version\n              </span>\n              .\n            </p>\n          </>\n        )\n      default:\n        return (\n          <>\n            <p>\n              Ничего не обходится так дорого в строительстве, как упущенное\n              время. Продукты Signal помогут вам сократить время для принятия\n              управленческого решения.\n            </p>\n            <p>\n              <strong>\n                Только до 30 декабря 2020 года получи скидку 30% на модуль\n                Signal Inspection!\n              </strong>\n            </p>\n            <p>\n              <Link to={getPath('/')} className=\"has-text-primary\">\n                Signal Inspection\n              </Link>{' '}\n              – приложение для удаленного визуального мониторинга и анализа\n              реальной ситуации на стройплощадке. Плагин работает в качестве\n              дополнительного модуля Autodesk BIM 360 и отображает фото 360 с\n              привязкой к планам.\n            </p>\n            <p>Подробные условия промо-акции:</p>\n            <ol>\n              <li>\n                При приобретении любого количества лицензий модуля Signal\n                Inspection (отдельно или в комплекте Powerpack) вы получите{' '}\n                <strong>скидку 30%</strong>.\n              </li>\n              <li>\n                При единовременном приобретении более 10 мест BIM 360 скидка на\n                Signal Inspection (отдельно или в комплекте Powerpack) составит\n                <strong> 35%</strong>.\n              </li>\n              <li>\n                Для получения скидки при оформлении заказа достаточно{' '}\n                <span\n                  className=\"has-text-primary cursor-pointer\"\n                  onClick={() => onOpenModal?.('buy')}\n                >\n                  оставить заявку\n                </span>{' '}\n                или сообщить вашему поставщику код «Теплая стройка с Signal» при\n                оформлении заказа по телефону.\n              </li>\n              <li>\n                <strong>Акция действует до 30 декабря 2020 года.</strong>\n              </li>\n            </ol>\n            <p>\n              <Link to={getPath('/#modules')} className=\"has-text-primary\">\n                Подробнее\n              </Link>{' '}\n              о других приложениях Signal.\n            </p>\n            <p>\n              Если вы еще не знакомы с модулем Signal Inspection, то предлагаем\n              вам установить{' '}\n              <span\n                className=\"has-text-primary cursor-pointer\"\n                onClick={() => onOpenModal?.('demo')}\n              >\n                демо-версию\n              </span>\n              .\n            </p>\n          </>\n        )\n    }\n  }\n  switch (lang) {\n    case 'en':\n      return (\n        <>\n          <p>\n            Winter is coming, it's getting colder and colder to work\n            at&nbsp;the&nbsp;facility, and in Signal we have a new warming offer\n            -<strong> 30% discount on the Inspection module</strong> for remote\n            visual monitoring and analysis of the real situation on the\n            construction site.\n          </p>\n          <p>\n            When purchasing the Signal Inspection module separately or included\n            in Powerpack (any quantity) from December 1st to December 30th you\n            get\n            <strong> a 30% discount</strong>. To get a discount, just remember\n            the code: <strong>\"Warm construction with Signal\"</strong> and\n            inform your supplier.\n          </p>\n        </>\n      )\n    default:\n      return (\n        <>\n          <p>\n            Наступает зима, все холоднее становится работать на&nbsp;объекте, а\n            у нас в&nbsp;Signal новое согревающее предложение –\n            <strong> 30% скидки на модуль Inspection </strong>\n            для&nbsp;удаленного визуального мониторинга и анализа реальной\n            ситуации на&nbsp;стройплощадке.\n          </p>\n          <p>\n            При приобретении модуля Signal Inspection отдельно или в комплекте\n            Powerpack (любое количество) с&nbsp;1&nbsp;по&nbsp;30&nbsp;декабря\n            вы получаете\n            <strong> скидку 30%</strong>. Для&nbsp;получения скидки достаточно\n            запомнить код: <strong>«Теплая стройка с Signal» </strong>\n            и&nbsp;сообщить вашему поставщику.\n          </p>\n        </>\n      )\n  }\n}\n\nconst items = [\n  {\n    title: 'Inspection',\n    count: 10,\n    price: '84\\u00A0000',\n    oldPrice: '120\\u00A0000',\n  },\n  {\n    title: 'Powerpack',\n    count: 5,\n    price: '227\\u00A0500',\n    oldPrice: '325\\u00A0000',\n  },\n]\n\nexport const WarmConstruction: React.FC<{ type?: ComponentType }> = ({\n  type = 'banner',\n}) => {\n  const images = useStaticQuery(graphql`\n    query {\n      bg: file(relativePath: { eq: \"warm_construction.jpg\" }) {\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n        }\n      }\n      device: file(relativePath: { eq: \"ipad_with_photo360.png\" }) {\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n        }\n      }\n    }\n  `)\n\n  const { locale, getPath, t } = useTranslations()\n\n  const [modal, setModal] = useState<ModalType>()\n\n  const renderModal = () => {\n    if (!modal || type !== 'page') return null\n    return (\n      <ContactForm\n        onClose={() => setModal(undefined)}\n        title={\n          modal === 'demo'\n            ? t('Application demo request')\n            : `${t('Buy')} Signal`\n        }\n        requestType={modal === 'demo' ? 'Demo' : 'Buy'}\n      />\n    )\n  }\n\n  return (\n    <>\n      <div className={s.wrap}>\n        <div className={s.bg}>\n          <GatsbyImage\n            image={images.bg.childImageSharp.gatsbyImageData}\n            className={s.bg__img}\n            alt=\"Snow\"\n          />\n        </div>\n        <div className={s.box}>\n          <div className=\"container\">\n            <h4 className={`title is-uppercase ${s.heading}`}>\n              {title[locale] || title.ru}\n            </h4>\n            <div className={cn(s.content, type === 'page' && s.big)}>\n              <div className={`relative w-100 flex ${s.leadLine}`}>\n                <h6 className={`title mb-0 has-text-primary ${s.lead}`}>\n                  {lead[type]?.[locale] || lead[type]?.ru}\n                </h6>\n                <div className={s.device}>\n                  <GatsbyImage\n                    image={images.device.childImageSharp.gatsbyImageData}\n                    className=\"w-100\"\n                    alt=\"Device\"\n                  />\n                </div>\n              </div>\n              <div className=\"columns\">\n                <div className=\"column\">\n                  <article className={`content has-text-white ${s.text}`}>\n                    {getText(type, locale, getPath, setModal)}\n                  </article>\n                </div>\n                <div className=\"column\">\n                  <div className=\"relative w-100 flex flex-wrap justify-end\">\n                    {items.map(({ title, count, price, oldPrice }) =>\n                      renderPriceItem(title, count, price, oldPrice, locale)\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      {renderModal()}\n    </>\n  )\n}\n\nfunction renderPriceItem(\n  title: string,\n  count: number,\n  price: string,\n  oldPrice: string,\n  lang: string\n) {\n  return (\n    <div className={s.product}>\n      <span className={s.product__tag}>\n        {lang === 'en' ? 'Example' : 'Пример'}\n      </span>\n      <div className=\"mt-1 mb-5\">\n        <h6 className=\"is-size-4 has-text-weight-bold\">Signal {title}</h6>\n        <span className=\"is-size-4 has-text-weight-light\">\n          ({count} {lang === 'en' ? 'pcs' : 'шт'})\n        </span>\n      </div>\n      <div className=\"has-text-primary has-text-weight-bold is-size-2 leading-none\">\n        {price}&nbsp;₽\n      </div>\n      <div className={s.product__oldPrice}>{oldPrice}&nbsp;₽</div>\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { useTranslations } from '../../hooks/use-translations'\nimport { WarmConstruction } from '../../components/promo/warm-construction'\nimport SEO from '../../components/seo'\nimport Button from '../../components/button/button'\nimport ContactForm from '../../components/contact-form'\n\nconst WarmConstructionPage: React.FC = () => {\n  const { locale, t } = useTranslations()\n  const [modal, setModal] = useState(false)\n  return (\n    <>\n      <SEO\n        title=\"Signal Inspection Promo 30\"\n        description={\n          locale === 'en'\n            ? 'Warm construction with SIGNAL'\n            : 'Теплая стройка с SIGNAL'\n        }\n      />\n      <section className=\"is-relative has-background-dark\">\n        <WarmConstruction type=\"page\" />\n        <div className=\"container\">\n          <div className=\"columns\">\n            <div className=\"column is-10-touch is-offset-1-touch is-6-desktop\">\n              <Button\n                size=\"medium\"\n                className=\"is-fullwidth py-4 my-3\"\n                onClick={() => setModal(true)}\n              >\n                <span className=\"my-1\">{t('Want to buy')}</span>\n              </Button>\n            </div>\n          </div>\n        </div>\n      </section>\n      {modal && (\n        <ContactForm\n          onClose={() => setModal(false)}\n          title={t(`${t('Buy')} Signal`)}\n          requestType=\"Buy\"\n        />\n      )}\n    </>\n  )\n}\n\nexport default WarmConstructionPage\n"],"names":["product","product__tag","product__oldPrice","title","ru","en","lead","banner","className","page","items","count","price","oldPrice","WarmConstruction","type","images","useStaticQuery","useTranslations","locale","getPath","t","useState","modal","setModal","G","image","bg","childImageSharp","gatsbyImageData","alt","cn","device","lang","onOpenModal","Link","to","onClick","getText","map","s","renderPriceItem","onClose","undefined","requestType","description","size"],"sourceRoot":""}