{"version":3,"file":"js/contracts-page-bundle-a59f3550c5e661dfa1f3.js","mappings":"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","sources":["webpack://app/./app/javascript/bundles/ContractsPage/data.js","webpack://app/./app/javascript/bundles/SharedComponents/Benefits/index.jsx","webpack://app/./app/javascript/bundles/SharedComponents/FAQ/index.jsx","webpack://app/./app/javascript/bundles/ContractsPage/ContractBox/index.jsx","webpack://app/./app/javascript/bundles/ContractsPage/ContractsList/index.jsx","webpack://app/./app/javascript/bundles/ContractsPage/index.jsx","webpack://app/./app/javascript/packs/contracts-page-bundle.js"],"sourcesContent":["export const contractsData = {\n  free: {\n    accountType: 'gratis',\n    name: 'Gratis',\n    price: '0 kr. / mdr.',\n    features: [\n      'Eksponering overfor 50% af vores besøgende',\n      'Få henvendelser via e-mail  & SMS',\n      'Ingen binding. Du kan altid skifte afregningsmodel',\n    ]\n  },\n  basic: {\n    accountType: 'basic',\n    inquiriesIncrease: '100',\n    name: 'Basic',\n    price: '99 kr. / mdr.',\n    features: [\n      'Eksponering overfor 100% af vores besøgende',\n      'Få henvendelser via e-mail & SMS',\n      'Ingen binding. Du kan altid skifte afregningsmodel',\n      '<strong>Synlig e-mail & telefonnummer,</strong> så lejer kan skrive eller ringe direkte (giver ca. 100% flere henvendelser)',\n      '<strong>Link til egen hjemmeside.</strong> Få mere trafik og henvendelser',\n      'Fremhævet annonce med label',\n      'Upload video til din annonce',\n      'Mulighed for at blive udvalgt til <strong>30 dages gratis Facebook kampagne</strong>',\n    ]\n  },\n  premium: {\n    accountType: 'premium',\n    inquiriesIncrease: '150',\n    name: 'Premium',\n    price: '995 kr. / mdr.',\n    features: [\n      'Eksponering overfor 100% af vores besøgende',\n      'Få henvendelser via e-mail  & SMS',\n      'Ingen binding. Du kan altid skifte afregningsmodel',\n      '<strong>Synlig e-mail & telefonnummer,</strong> så lejer kan skrive eller ringe direkte (giver ca. 100% flere henvendelser)',\n      '<strong>Link til egen hjemmeside.</strong> Få mere trafik og henvendelser',\n      'Fremhævet annonce med label',\n      'Upload video til din annonce',\n      'Løbende <strong>Facebook kampagner</strong> (Normalpris: 695 kr.)',\n      'Fremhævet annonce. Vises <strong>i toppen af søgeresultaterne og oplyses</strong>',\n      'Fremvises på forsiden som stort baggrundsbillede',\n      'Fremvises på forsiden sammen med de \"Populære steder\"',\n    ]\n  },\n};\n","import React from 'react';\n\nimport SvgIcon from \"../Icons\";\n\nimport './index.sass'\n\n\nconst Benefits = ({ shortened }) => {\n\n  return (\n    <div className=\"benefits\">\n\n      <div className=\"slider-container\">\n        <div className=\"slider-wrapper\">\n\n          { !shortened &&\n            <div className=\"benefits__item-wrapper\">\n              <div className=\"benefits__item\">\n                <SvgIcon name=\"users\" size={32} />\n                <p>40.000 besøgende om måneden</p>\n              </div>\n            </div>\n          }\n\n          <div className=\"benefits__item-wrapper\">\n            <div className=\"benefits__item\">\n              <SvgIcon name=\"globe\" size={32} />\n              <p>Danmarks største udvalg</p>\n            </div>\n          </div>\n\n          <div className=\"benefits__item-wrapper\">\n            <div className=\"benefits__item\">\n              <SvgIcon name=\"houses\" size={32} />\n              <p>Find lokale til alle lejligheder</p>\n            </div>\n          </div>\n\n          <div className=\"benefits__item-wrapper\">\n            <div className=\"benefits__item\">\n              <SvgIcon name=\"verified\" size={32} />\n              <p>100% gratis og uforpligtende</p>\n            </div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Benefits;\n","import React, { useState } from 'react';\n\nimport SvgIcon from \"../Icons\";\n\nimport './index.sass';\n\n\nconst FAQ = ({ data }) => {\n\n  const [activeTabId, setActiveTabId] = useState(null);\n\n  const toggleDropdown = (newActiveTabId) => {\n    const activeTab = activeTabId && document.getElementById(activeTabId);\n    const newActiveTab = document.getElementById(newActiveTabId);\n\n    !activeTabId && newActiveTab.classList.add('open');\n\n    if (activeTabId) {\n\n      if (activeTabId === newActiveTabId) {\n        activeTab.classList.toggle('open');\n        activeTab.classList.toggle('close');\n      } else {\n        activeTab.classList.remove('open');\n        activeTab.classList.add('close');\n        newActiveTab.classList.remove('close');\n        newActiveTab.classList.add('open');\n      }\n    }\n\n    setActiveTabId(newActiveTabId);\n  };\n\n  if (data && data.length) {\n    return (\n      <div className=\"faq\">\n        <div className=\"faq__headline\">\n          FAQ\n        </div>\n        <div className=\"faq__list\">\n          { data.map((faq, index) =>\n            <div key={`faq${index}`} className=\"faq__list-item\" id={`faqTrigger${index}`} onClick={() => toggleDropdown(`faqTrigger${index}`)}>\n              <h3>\n                { faq.question }\n                <SvgIcon name=\"expand_more\" size={16} />\n              </h3>\n              <p className=\"faq__list-item-body\">\n                { faq.answer }\n              </p>\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  } else {\n    return null;\n  }\n};\n\nexport default FAQ;\n","import React from 'react';\n\nimport SvgIcon from \"../../SharedComponents/Icons\";\n\nimport './index.sass';\n\n\nconst ContractBox = ({ contract, link }) => {\n\n  const {\n    accountType,\n    features,\n    inquiriesIncrease,\n    name,\n    price,\n  } = contract;\n\n  return (\n    <div className={`contract-box ${inquiriesIncrease ? 'bordered' : ''}`}>\n\n      <div className=\"contract-box__inquiries-increase-box\">\n        { inquiriesIncrease && `+${inquiriesIncrease}% flere henvendelser` }\n      </div>\n\n      <div className=\"contract-box__main-content\">\n        <div className=\"contract-box__contract-name\">\n          { name }\n        </div>\n\n        <div className=\"contract-box__contract-img\">\n          <SvgIcon name={`contract_${accountType}`} width={1000} height={1000} />\n        </div>\n\n        <div className=\"contract-box__price-block\">\n          <div className=\"contract-box__price\">\n            { price }\n          </div>\n\n          <a href={link} target=\"_blank\" className=\"contract-box__link-button cta-button become-advertiser-btn\">\n            Vælg { name }\n          </a>\n        </div>\n\n        <div className=\"contract-box__features\">\n          { features.map((feature, index) =>\n            <div className=\"contract-box__feature\" key={`feature${accountType}${index}`}>\n              <SvgIcon name=\"check\" width={22} height={22} />\n              <p dangerouslySetInnerHTML={{__html: feature}}></p>\n            </div>\n          )}\n        </div>\n      </div>\n\n    </div>\n  )\n}\n\nexport default ContractBox;\n","import React from 'react';\nimport Slider from 'react-slick';\n\nimport SvgIcon from \"../../SharedComponents/Icons\";\nimport { contractsData } from '../data';\nimport ContractBox from \"../ContractBox\";\n\nimport './index.sass';\n\n\nconst ContractsList = ({ contractsLinks }) => {\n\n  const settings = {\n    dots: true,\n    arrows: true,\n    infinite: true,\n    adaptiveHeight: true,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    prevArrow: <div className=\"testimonials__prev-btn\"><SvgIcon name=\"keyboard-arrow-left-rounded-ios\" size={32} /></div>,\n    nextArrow: <div className=\"testimonials__next-btn\"><SvgIcon name=\"keyboard-arrow-right-rounded-ios\" size={32} /></div>,\n  };\n\n  const contracts = Object.keys(contractsData).map(contract =>\n    <ContractBox\n      contract={contractsData[contract]}\n      key={contractsData[contract].accountType}\n      link={contractsLinks[contractsData[contract].accountType]}\n    />\n  );\n\n  return (\n    <div className=\"contracts-list\">\n      <Slider {...settings}>\n        { contracts }\n      </Slider>\n\n      <div className=\"contracts-list__contracts-desktop\">\n        { contracts }\n      </div>\n    </div>\n  )\n}\n\nexport default ContractsList;\n","import React from 'react';\n\nimport { prepareOptionsForLocationSearch } from \"../../src/js/helpers\";\nimport TopMenu from \"../SharedComponents/TopMenu\";\nimport Footer from \"../SharedComponents/Footer\";\nimport SvgIcon from \"../SharedComponents/Icons\";\nimport Benefits from \"../SharedComponents/Benefits\";\nimport FAQ from \"../SharedComponents/FAQ\";\nimport ContractsList from \"./ContractsList\";\n\nimport './index.sass';\n\n\nconst ContractsPage = ({ categories, contractsLinks, faq, footer, regions, topMenu }) => {\n\n  const regionsOptions = prepareOptionsForLocationSearch(regions);\n\n  return (\n    <div className=\"contracts-page\">\n      <TopMenu\n        {...topMenu}\n        categories={categories}\n        regionsOptions={regionsOptions}\n        withSearch={true}\n      />\n\n      <div className=\"container\">\n        <section className=\"contracts-page__top-info\">\n          <div className=\"row\">\n            <div className=\"col-12 col-lg-7\">\n              <h1>Lej dine lokaler ud på Selskabslokaler.dk</h1>\n\n              <ul>\n                <li>\n                  <SvgIcon name=\"check\" width={24} height={24} />\n                  Annoncering målrettet potentielle lejere i hele Danmark\n                </li>\n                <li>\n                  <SvgIcon name=\"check\" width={24} height={24} />\n                  Markedsføring via Google og sociale medier\n                </li>\n                <li>\n                  <SvgIcon name=\"check\" width={24} height={24} />\n                  40.000 besøgende om måneden\n                </li>\n                <li>\n                  <SvgIcon name=\"check\" width={24} height={24} />\n                  Formidling af over 5.000 kontaktoplysninger om måneden\n                </li>\n              </ul>\n\n              <p>Selskabslokaler.dk stiller et bredt udvalg af fest-, event og konference lokaler til rådighed. Derfor besøges hjemmesiden af tusindvis af potentielle kunder.</p>\n              <p>Vi har over 40.000 månedlige besøgende, og mere end 1100 selskabslokaler i hele landet annonceres på hjemmesiden.</p>\n            </div>\n\n            <div className=\"col-lg-5 mobile-hidden\">\n              <SvgIcon name=\"map_dk\" width={1000} height={1000} className=\"contracts-page__map-img\"/>\n            </div>\n          </div>\n        </section>\n\n        <section>\n          <Benefits />\n        </section>\n\n        <section className=\"contracts-page__contracts-section\">\n          <div className=\"contracts-page__contracts-section-header\">\n            <h2>Vælg din betalingsmodel</h2>\n            <div className=\"contracts-page__pay-per-place\">\n              Betal pr. annonce\n            </div>\n          </div>\n\n          <ContractsList contractsLinks={contractsLinks} />\n\n          <div className=\"contracts-page__vat-info\">\n            <p>Alle priser er i DKK ekskl. moms</p>\n            <p>Vi følger de gældende GDPR-retningslinjer.</p>\n          </div>\n        </section>\n\n        <section>\n          <FAQ data={faq} />\n        </section>\n      </div>\n\n      <Footer { ...footer } />\n    </div>\n  )\n}\n\nexport default ContractsPage;\n","import ReactOnRails from 'react-on-rails';\nimport '../src/styles/contracts-page.sass';\nimport ContractsPage from \"../bundles/ContractsPage\";\n\n// This is how react_on_rails can see the HelloWorld in the browser.\nReactOnRails.register({ ContractsPage });\n"],"names":["contractsData","free","accountType","name","price","features","basic","inquiriesIncrease","premium","Benefits","shortened","React","className","SvgIcon","size","FAQ","data","activeTabId","setActiveTabId","useState","length","map","faq","index","key","id","onClick","newActiveTabId","activeTab","document","getElementById","newActiveTab","classList","add","toggle","remove","toggleDropdown","question","answer","ContractBox","contract","link","width","height","href","target","feature","dangerouslySetInnerHTML","__html","ContractsList","contractsLinks","settings","dots","arrows","infinite","adaptiveHeight","slidesToShow","slidesToScroll","prevArrow","nextArrow","contracts","Object","keys","Slider","ContractsPage","categories","footer","regions","topMenu","regionsOptions","prepareOptionsForLocationSearch","TopMenu","assign","withSearch","Footer","ReactOnRails"],"sourceRoot":""}