{"version":3,"sources":["webpack:///./src/components/List.js","webpack:///./src/components/PageNumber.js","webpack:///./src/components/DropDownMenu.js","webpack:///./src/images/icon-license.svg","webpack:///./src/images/icon-manual.svg","webpack:///./src/templates/PageTypeI.js","webpack:///./src/pages/simcrest-apps/time-and-billing.js","webpack:///./src/images/simcrest-apps-time-and-billing.png","webpack:///./src/images/icon-privacy.svg","webpack:///./src/images/icon-caret.svg"],"names":["_ref","items","flex","className","React","createElement","map","item","index","key","title","text","number","props","_objectWithoutPropertiesLoose","_excluded","Object","assign","active","options","firstTime","setFirstTime","useRecoilState","firstTimeAction","isOpen","setIsOpen","useState","useEffect","setTimeout","currentIndex","findIndex","x","Fragment","undefined","onClick","toggleOpen","class","src","IconCaret","toString","padStart","style","maxHeight","length","option","Link","to","module","exports","linkSubPageGroupID","description","subTitle","summaryInfo","titleImg","videos","documents","subPageGroup","useRecoilValue","linkedSubPagesState","Layout","headerTheme","DropDowmMenu","alt","PageNumber","vid","embedCode","doc","href","link","target","icon","List","TitleImg","PageTypeI","IconManual","IconLicense","IconPrivacy"],"mappings":"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","file":"component---src-pages-simcrest-apps-time-and-billing-js-a62d905effb48f79118c.js","sourcesContent":["/***************************************************\n  Imports\n***************************************************/\n\nimport React from \"react\"\n\n/***************************************************\n  Component\n***************************************************/\n\nexport default ({ items, flex, className }) => {\n  return (\n    <ul className={`list ${flex && \"flex\"} ${className && className}`}>\n      {items.map((item, index) => {\n        return (\n          <li key={index}>\n            {item.title && <h3>{item.title}</h3>}\n            <p>{item.text}</p>\n          </li>\n        )\n      })}\n    </ul>\n  )\n}\n","/***************************************************\n  Imports\n***************************************************/\n\nimport React from \"react\"\n\n/***************************************************\n  Component\n***************************************************/\n\nexport default ({ number, text, className, ...props }) => {\n  return (\n    <div {...props} className={`page-number ${className}`}>\n      <span>{number}</span>\n      <div></div>\n      <span>{text}</span>\n    </div>\n  )\n}\n","/***************************************************\n  Imports\n***************************************************/\n\nimport React, { useState, useEffect } from \"react\"\n\nimport { useRecoilState } from \"recoil\"\nimport { firstTimeAction } from \"../state\"\n\nimport { Link } from \"gatsby\"\n\nimport IconCaret from \"../images/icon-caret.svg\"\n\n/***************************************************\n  Component\n***************************************************/\n\nexport default ({ title, active, options }) => {\n  const [firstTime, setFirstTime] = useRecoilState(\n    firstTimeAction(\"dropDownMenu\")\n  )\n\n  const [isOpen, setIsOpen] = useState(firstTime)\n\n  useEffect(() => {\n    if (firstTime) {\n      setTimeout(() => {\n        setFirstTime(false)\n        setIsOpen(false)\n      }, 500)\n    }\n  }, [])\n\n  const toggleOpen = () => {\n    setIsOpen(!isOpen)\n  }\n\n  let currentIndex = 0\n  if (active) {\n    currentIndex = options.findIndex(x => x.title == active)\n  }\n\n  return (\n    <>\n      <h4 className=\"drop-down-menu-title\">{title}</h4>\n      <div className={`drop-down-menu ${isOpen ? \"open\" : undefined}`}>\n        <div onClick={toggleOpen}>\n          <div>\n            <img class=\"caret\" src={IconCaret} />\n            <h1 class=\"selected-number\">\n              {(currentIndex + 1).toString().padStart(2, \"0\")}\n            </h1>\n          </div>\n          <h1>{options[currentIndex].title}</h1>\n        </div>\n        <div style={{ maxHeight: options.length * 5 + \"rem\" }}>\n          {options.map((option, index) => {\n            return (\n              <Link\n                key={option.title}\n                className={index === currentIndex && \"active\"}\n                to={option.to}\n              >\n                <h4 class=\"option-number\">\n                  {(index + 1).toString().padStart(2, \"0\")}\n                </h4>\n                <h4>{option.title}</h4>\n              </Link>\n            )\n          })}\n        </div>\n      </div>\n    </>\n  )\n}\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI2LjE0IiBoZWlnaHQ9IjgxLjIzOCIgdmlld0JveD0iMCAwIDEyNi4xNCA4MS4yMzgiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOnVybCgjYSk7fS5ie2ZpbGw6IzMwNWNhODt9LmN7ZmlsbDojM2JjMWYyO30uZHtmaWxsOnVybCgjYyk7fS5le2ZpbGw6IzMxNjRhZTt9LmZ7ZmlsdGVyOnVybCgjZCk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB5MT0iLTAuMDk2IiB4Mj0iMS4xMzkiIHkyPSIxLjA4NiIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzMwNWNhOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzNiYzFmMiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMS4xNzIiIHkxPSItMC4xNDEiIHgyPSItMC4xNDIiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjY4MmQwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA2ZmI0Ii8+PHN0b3Agb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJkIiB4PSI0Ny42NCIgeT0iNTIuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPjxmZU9mZnNldCBkeT0iMSIgaW5wdXQ9IlNvdXJjZUFscGhhIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41IiByZXN1bHQ9ImUiLz48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0iZSIvPjxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmlsdGVyPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY5IC0wLjExMSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2OSAtMC4xNzYpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTYuODUzLDAsOS4xMzcsMy44NjYsNi44NTMsNy43MzJIMi4yODRMMCwzLjg2NiwyLjI4NCwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy44NjYgOC40Nikgcm90YXRlKDMwKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMy4wNTgsMCw2LjExNiw1LjYyM0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMjA1IDczLjU5Nykgcm90YXRlKDMwKSIvPjxlbGxpcHNlIGNsYXNzPSJiIiBjeD0iMiIgY3k9IjIuNSIgcng9IjIiIHJ5PSIyLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMi4xNCAxNy4yODcpIi8+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4xNCAwLjI4NykiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTMsMCw0LDEuNSwzLDNIMUwwLDEuNSwxLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTMuMTQgNzUuMjg3KSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjkgMy44MjMpIj48cmVjdCBjbGFzcz0iZCIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjYxIiByeD0iNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUuMTQgMTIuMjg3KSIvPjxyZWN0IGNsYXNzPSJlIiB3aWR0aD0iMzQiIGhlaWdodD0iNCIgcng9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5LjE0IDIzLjI4NykiLz48cmVjdCBjbGFzcz0iZSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjQiIHJ4PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OS4xNCAzMS4yODcpIi8+PHJlY3QgY2xhc3M9ImUiIHdpZHRoPSIyMiIgaGVpZ2h0PSI0IiByeD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuMTQgMzkuMjg3KSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNMCwwSDEwVjE1TDUuMTcyLDExLjU3NywwLDE1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMuMTQgNjIuMjg3KSIvPjxnIGNsYXNzPSJmIiB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAwLCAtMy43MSkiPjxwYXRoIGNsYXNzPSJlIiBkPSJNOS45NjIsMS4xNzhhMS43NywxLjc3LDAsMCwxLDIuNjEuODRsLjA1LjEyN2ExLjc3LDEuNzcsMCwwLDAsMS41MDYsMS4xMTlsLjExMS4wMDlhMS43NywxLjc3LDAsMCwxLDEuNTgzLDIuMTYybC0uMDc0LjMyMWExLjc3LDEuNzcsMCwwLDAsLjU0NSwxLjcxN2wuMjMzLjIwOGExLjc3LDEuNzcsMCwwLDEsMCwyLjYzOWwtLjIzMy4yMDhhMS43NywxLjc3LDAsMCwwLS41NDUsMS43MTdsLjA3NC4zMjFhMS43NywxLjc3LDAsMCwxLTEuNTgzLDIuMTYybC0uMTExLjAwOWExLjc3LDEuNzcsMCwwLDAtMS41MDYsMS4xMTlsLS4wNS4xMjdhMS43NywxLjc3LDAsMCwxLTIuNjEuODRoMGExLjc3LDEuNzcsMCwwLDAtMS45MjQsMGgwYTEuNzcsMS43NywwLDAsMS0yLjYxLS44NGwtLjA1LS4xMjdhMS43NywxLjc3LDAsMCwwLTEuNTA2LTEuMTE5bC0uMTExLS4wMDlhMS43NywxLjc3LDAsMCwxLTEuNTgzLTIuMTYybC4wNzQtLjMyMWExLjc3LDEuNzcsMCwwLDAtLjU0NS0xLjcxN2wtLjIzMy0uMjA4YTEuNzcsMS43NywwLDAsMSwwLTIuNjM5bC4yMzMtLjIwOGExLjc3LDEuNzcsMCwwLDAsLjU0NS0xLjcxN2wtLjA3NC0uMzIxQTEuNzcsMS43NywwLDAsMSwzLjc2MSwzLjI3M2wuMTExLS4wMDlBMS43NywxLjc3LDAsMCwwLDUuMzc4LDIuMTQ1bC4wNS0uMTI3YTEuNzcsMS43NywwLDAsMSwyLjYxLS44NGgwYTEuNzcsMS43NywwLDAsMCwxLjkyNCwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuMTQgNTMpIi8+PC9nPjwvZz48L2c+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI2LjE0IiBoZWlnaHQ9IjgxLjIzOCIgdmlld0JveD0iMCAwIDEyNi4xNCA4MS4yMzgiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOnVybCgjYSk7fS5ie2ZpbGw6IzMwNWNhODt9LmN7ZmlsbDojM2JjMWYyO30uZHtmaWxsOnVybCgjYyk7fS5le2ZpbGw6IzMxNjRhZTt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHkxPSItMC4wOTYiIHgyPSIxLjEzOSIgeTI9IjEuMDg2IiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMzA1Y2E4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM2JjMWYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSIxLjE3MiIgeTE9Ii0wLjE0MSIgeDI9Ii0wLjE0MiIgeTI9IjEiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyNjgyZDAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1MDZmYjQiLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY5IC0wLjExMSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2OSAtMC4xNzYpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTYuODUzLDAsOS4xMzcsMy44NjYsNi44NTMsNy43MzJIMi4yODRMMCwzLjg2NiwyLjI4NCwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy44NjYgOC40Nikgcm90YXRlKDMwKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMy4wNTgsMCw2LjExNiw1LjYyM0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMjA1IDczLjU5Nykgcm90YXRlKDMwKSIvPjxlbGxpcHNlIGNsYXNzPSJiIiBjeD0iMiIgY3k9IjIuNSIgcng9IjIiIHJ5PSIyLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMi4xNCAxNy4yODcpIi8+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4xNCAwLjI4NykiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTMsMCw0LDEuNSwzLDNIMUwwLDEuNSwxLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTMuMTQgNzUuMjg3KSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNCkiPjxyZWN0IGNsYXNzPSJkIiB3aWR0aD0iNDgiIGhlaWdodD0iNjEiIHJ4PSI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NS4xNCAxMi4yODcpIi8+PHJlY3QgY2xhc3M9ImUiIHdpZHRoPSIzNCIgaGVpZ2h0PSI0IiByeD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuMTQgNDEuMjg3KSIvPjxyZWN0IGNsYXNzPSJlIiB3aWR0aD0iMzQiIGhlaWdodD0iNCIgcng9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5LjE0IDM0LjI4NykiLz48cmVjdCBjbGFzcz0iZSIgd2lkdGg9IjM0IiBoZWlnaHQ9IjQiIHJ4PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OS4xNCAyNy4yODcpIi8+PHJlY3QgY2xhc3M9ImUiIHdpZHRoPSIyNyIgaGVpZ2h0PSI0IiByeD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuMTQgNDkuMjg3KSIvPjxyZWN0IGNsYXNzPSJlIiB3aWR0aD0iMjIiIGhlaWdodD0iNCIgcng9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5LjE0IDU3LjI4NykiLz48L2c+PC9nPjwvZz48L3N2Zz4=\"","\n/***************************************************\n  Imports\n***************************************************/\n\nimport React from \"react\"\n\nimport { useRecoilValue } from \"recoil\"\nimport { linkedSubPagesState } from \"../state\"\n\nimport Layout from \"../components/Layout\"\nimport PageNumber from \"../components/PageNumber\"\nimport DropDowmMenu from \"../components/DropDownMenu\"\n\n/***************************************************\n  Component\n***************************************************/\n\nexport default ({\n  linkSubPageGroupID,\n  title,\n  description,\n  subTitle,\n  summaryInfo,\n  titleImg,\n  videos,\n  documents,\n}) => {\n  const subPageGroup = useRecoilValue(linkedSubPagesState(linkSubPageGroupID))\n\n  const documentsUI = () => {\n    return (\n      <section className=\"section-documents\">\n        <PageNumber\n          className=\"col-3 span-11 dark\"\n          number={videos ? \"02\" : \"01\"}\n          text=\"DOCUMENTS\"\n        />\n        <div className=\"col-5 span-6 icons\">\n          {documents.map((doc, index) => {\n            return (\n              <a href={doc.link} target=\"_blank\">\n                <div key={index}>\n                  <img src={doc.icon} alt={doc.title} />\n                  <span>{doc.title}</span>\n                </div>\n              </a>\n            )\n          })}\n        </div>\n      </section>\n    )\n  }\n\n  const videosUI = () => {\n    return (\n      <section className=\"section-videos\">\n        <PageNumber className=\"col-3 span-11 dark\" number=\"01\" text=\"VIDEOS\" />\n        {videos.map((vid, index) => {\n          return (\n            <div\n              className={`${\n                index % 2 == 0 ? \"col-4\" : \"col-9 second-column\"\n              } span-4`}\n              key={index}\n            >\n              <h2>{vid.title}</h2>\n              <div className=\"video-container\">{vid.embedCode}</div>\n            </div>\n          )\n        })}\n      </section>\n    )\n  }\n\n  return (\n    <Layout\n      headerTheme=\"dark\"\n      className=\"page-type-i\"\n      title={title}\n      description={description}\n    >\n      <section className=\"section-hero\">\n        <div className=\"col-4 span-6\">\n          {!subPageGroup ? (\n            <h1>{title}</h1>\n          ) : (\n            <DropDowmMenu\n              title={subPageGroup.title}\n              options={subPageGroup.options}\n              active={title}\n            />\n          )}\n          {subTitle && <h2>{subTitle}</h2>}\n        </div>\n      </section>\n\n      {summaryInfo && (\n        <section className=\"section-hero-summary\">\n          <div className=\"col-4 span-10\">{summaryInfo()}</div>\n        </section>\n      )}\n\n      {titleImg && (\n        <section className=\"section-hero-image\">\n          <img className=\"col-4 span-8\" src={titleImg} alt={title} />\n        </section>\n      )}\n\n      {videos && videosUI()}\n\n      {documents && documentsUI()}\n    </Layout>\n  )\n}\n","/***************************************************\n  Imports\n***************************************************/\n\nimport React from \"react\"\nimport PageTypeI from \"../../templates/PageTypeI\"\nimport List from \"../../components/List\"\n\nimport TitleImg from \"../../images/simcrest-apps-time-and-billing.png\"\n\nimport IconManual from \"../../images/icon-manual.svg\"\nimport IconLicense from \"../../images/icon-license.svg\"\nimport IconPrivacy from \"../../images/icon-privacy.svg\"\n\n/***************************************************\n  Page Data\n***************************************************/\n\nconst summaryInfo = () => {\n  return (\n    <div className=\"simcrest-apps summary-info\">\n      <p className=\"spread\">\n        Register time and bill customers with this easy-to-use app that also\n        includes resource scheduling.\n        <br />\n        <br />\n        <i>\n          Do you lack control of time registration for your billable resources?\n          Are you billing less due to late or lacking time registration? Is your\n          billing to customers complex and error-prone? Would you like to take\n          control of your capacity planning of billable resources?\n        </i>\n        <br />\n        <br />\n        Making sure all billable time is entered in a timely manner is critical\n        to cashflow and customer satisfaction. Catching issues with time entry\n        early is crucial so corrections can be made before billing is taking\n        place. Scheduling of resources can help you with capacity planning and\n        resource availability.\n        <br />\n        <br />\n        Our Time and Billing App makes time entry and billing customers\n        effortless. Time registration is a controlled process that reduce\n        mistakes and errors. Both time entry and billing follow predefined rules\n        to avoid faulty billing of your customers. Resource time overviews allow\n        control of billing and missing time entry is easily discovered and\n        corrected. Billing is a one-click process that creates invoices to your\n        customers based on their individual requirements. On top of all this we\n        also provide an easy-to-use resource scheduling system that is closely\n        linked to the time entry system.\n      </p>\n      <h5>Features and Benefits</h5>\n      <List\n        flex\n        className=\"concise dark\"\n        items={[\n          {\n            text: `Save time registering time and billing clients.`,\n          },\n          {\n            text: `Time entry that makes sure work is entered quickly and correctly.`,\n          },\n          {\n            text: `One-click billing of all jobs to customers using predefined rules.`,\n          },\n          {\n            text: `Handle project prepayments with ease.`,\n          },\n          {\n            text: `Overview of resource time entry catches missing time and potential issues quickly.`,\n          },\n          {\n            text: `Resource scheduling helps you plan and control resource availability.`,\n          },\n        ]}\n      />\n      <div>\n        <img src={TitleImg} />\n        <div>\n          <p>\n            SimCrest Time and Billing is easy to use and saves you a lot of\n            time!\n            <br />\n            <br />\n            Time and Billing can be acquired as an App for Dynamics 365 Business\n            Central On Premise only (no online version available).\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/***************************************************\n  Component\n***************************************************/\n\nexport default () => {\n  return (\n    <PageTypeI\n      title=\"Time and Billing\"\n      description=\"Register time and bill customers with this easy-to-use app that also includes resource scheduling.\"\n      linkSubPageGroupID=\"SimCrestAppsGroup\"\n      subTitle=\"Time and Billing for Microsoft Dynamics 365 Business Central\"\n      summaryInfo={summaryInfo}\n      documents={[\n        {\n          title: \"Manual\",\n          link: \"/docs/manual-time-and-billing.pdf\",\n          icon: IconManual,\n        },\n        {\n          title: \"License\",\n          link: \"/docs/license-time-and-billing.pdf\",\n          icon: IconLicense,\n        },\n        {\n          title: \"Privacy\",\n          link: \"/docs/privacy-time-and-billing.pdf\",\n          icon: IconPrivacy,\n        },\n      ]}\n    />\n  )\n}\n","module.exports = __webpack_public_path__ + \"static/simcrest-apps-time-and-billing-1eaa1818c44b4a2d7e18a528cbfc4cd3.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI2LjE0IiBoZWlnaHQ9IjgyLjU4NiIgdmlld0JveD0iMCAwIDEyNi4xNCA4Mi41ODYiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHkxPSItMC4wOTYiIHgyPSIxLjEzOSIgeTI9IjEuMDg2IiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzMwNWNhOCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzYmMxZjIiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0zIiB4MT0iMS4xNzIiIHkxPSItMC4xNDEiIHgyPSItMC4xNDIiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzI2ODJkMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1MDZmYjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGZpbHRlciBpZD0iUGF0aF80MTQiIHg9IjgxLjA2OSIgeT0iNTQuNzU2IiB3aWR0aD0iMjEuODk0IiBoZWlnaHQ9IjI3LjgzIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8ZmVPZmZzZXQgZHk9IjEiIGlucHV0PSJTb3VyY2VBbHBoYSIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiIHJlc3VsdD0iYmx1ciIvPgogICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPgogICAgICA8ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImluIiBpbjI9ImJsdXIiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluPSJTb3VyY2VHcmFwaGljIi8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPGcgaWQ9Ikljb25fLV9Qcml2YWN5IiBkYXRhLW5hbWU9Ikljb24gLSBQcml2YWN5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY5IC0wLjExMSkiPgogICAgPGcgaWQ9Ikdyb3VwXzY4IiBkYXRhLW5hbWU9Ikdyb3VwIDY4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjkgLTAuMTc2KSI+CiAgICAgIDxwYXRoIGlkPSJQb2x5Z29uXzEiIGRhdGEtbmFtZT0iUG9seWdvbiAxIiBkPSJNNi44NTMsMCw5LjEzNywzLjg2Niw2Ljg1Myw3LjczMkgyLjI4NEwwLDMuODY2LDIuMjg0LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjg2NiA4LjQ2KSByb3RhdGUoMzApIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4KICAgICAgPHBhdGggaWQ9IlBvbHlnb25fMiIgZGF0YS1uYW1lPSJQb2x5Z29uIDIiIGQ9Ik0zLjA1OCwwLDYuMTE2LDUuNjIzSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOC4yMDUgNzMuNTk3KSByb3RhdGUoMzApIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4KICAgICAgPGVsbGlwc2UgaWQ9IkVsbGlwc2VfNSIgZGF0YS1uYW1lPSJFbGxpcHNlIDUiIGN4PSIyIiBjeT0iMi41IiByeD0iMiIgcnk9IjIuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIyLjE0IDE3LjI4NykiIGZpbGw9IiMzMDVjYTgiLz4KICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV82IiBkYXRhLW5hbWU9IkVsbGlwc2UgNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4xNCAwLjI4NykiIGZpbGw9IiMzYmMxZjIiLz4KICAgICAgPHBhdGggaWQ9IlBvbHlnb25fMyIgZGF0YS1uYW1lPSJQb2x5Z29uIDMiIGQ9Ik0zLDAsNCwxLjUsMywzSDFMMCwxLjUsMSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEzLjE0IDc1LjI4NykiIGZpbGw9IiMzMDVjYTgiLz4KICAgICAgPGcgaWQ9Ikdyb3VwXzU2MSIgZGF0YS1uYW1lPSJHcm91cCA1NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIDQpIj4KICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEwOCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTA4IiB3aWR0aD0iNDgiIGhlaWdodD0iNjEiIHJ4PSI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NS4xNCAxMi4yODcpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC0zKSIvPgogICAgICAgIDxwYXRoIGlkPSJQYXRoXzQxMyIgZGF0YS1uYW1lPSJQYXRoIDQxMyIgZD0iTTIsMEgyNi4xODlhMiwyLDAsMCwxLDAsNEgyQTIsMiwwLDAsMSwyLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OS4xNCAzOS4yODcpIiBmaWxsPSIjMzE2NGFlIi8+CiAgICAgICAgPHBhdGggaWQ9IlBhdGhfNDE4IiBkYXRhLW5hbWU9IlBhdGggNDE4IiBkPSJNMiwwSDI2LjE4OWEyLDIsMCwwLDEsMCw0SDJBMiwyLDAsMCwxLDIsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5LjE0IDUzLjI4NykiIGZpbGw9IiMzMTY0YWUiLz4KICAgICAgICA8cGF0aCBpZD0iUGF0aF80MTYiIGRhdGEtbmFtZT0iUGF0aCA0MTYiIGQ9Ik0xLjY1NCwwSDIxLjY2MmExLjg1MiwxLjg1MiwwLDAsMSwxLjY1NCwyLDEuODUyLDEuODUyLDAsMCwxLTEuNjU0LDJIMS42NTRBMS44NTIsMS44NTIsMCwwLDEsMCwyLDEuODUyLDEuODUyLDAsMCwxLDEuNjU0LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OS4xNCA0Ni4yODcpIiBmaWxsPSIjMzE2NGFlIi8+CiAgICAgICAgPHBhdGggaWQ9IlBhdGhfNDE3IiBkYXRhLW5hbWU9IlBhdGggNDE3IiBkPSJNMS42NTQsMEgyMS42NjJhMS44NTIsMS44NTIsMCwwLDEsMS42NTQsMiwxLjg1MiwxLjg1MiwwLDAsMS0xLjY1NCwySDEuNjU0QTEuODUyLDEuODUyLDAsMCwxLDAsMiwxLjg1MiwxLjg1MiwwLDAsMSwxLjY1NCwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuMTQgNjAuMjg3KSIgZmlsbD0iIzMxNjRhZSIvPgogICAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMTkiIGRhdGEtbmFtZT0iRWxsaXBzZSAxOSIgY3g9IjciIGN5PSI3IiByPSI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OS4xNCAyMi4yODcpIiBmaWxsPSIjMzE2NGFlIi8+CiAgICAgIDwvZz4KICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgMCwgMC4yOSkiIGZpbHRlcj0idXJsKCNQYXRoXzQxNCkiPgogICAgICAgIDxwYXRoIGlkPSJQYXRoXzQxNC0yIiBkYXRhLW5hbWU9IlBhdGggNDE0IiBkPSJNMTE2LjIsNzIuNjg2Yy0uMTI5LDAtLjE1NS0uMDEzLS42MDgtLjIzNC0uMjI4LS4xMTEtLjU5My0uMjk0LTEuMDM1LS41MzJhMjguODE1LDI4LjgxNSwwLDAsMS0zLjEzOS0xLjk1NywxNS44MjIsMTUuODIyLDAsMCwxLTMuMTg1LTIuOTQ5LDYuMjE1LDYuMjE1LDAsMCwxLTEuNTA4LTMuOFY1Mi4yMjFsOS40NDYtNC4zNjUsOS40NDgsNC4zNjVWNjMuMjY3YTYuMTc0LDYuMTc0LDAsMCwxLTEuNSwzLjc3NiwxNS42NzgsMTUuNjc4LDAsMCwxLTMuMTU4LDIuOTI4LDI4LjQ0MiwyOC40NDIsMCwwLDEtNC41NTYsMi42NjlsLS4xLjA0NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNC4xNiA3LjQpIiBmaWxsPSIjMzE2NGFlIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NyIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQ3IDQwIj4KICA8ZyBpZD0iSWNvbi5DYXJldF9Eb3duXyIgZGF0YS1uYW1lPSJJY29uLkNhcmV0W0Rvd25dIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NyA0MCkgcm90YXRlKDE4MCkiPgogICAgPHBhdGggaWQ9Ikljb24uQ2FyZXRfRG93bl8yIiBkYXRhLW5hbWU9Ikljb24uQ2FyZXRbRG93bl0iIGQ9Ik0yMy41LDAsNDcsNDBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3IDQwKSByb3RhdGUoMTgwKSIgZmlsbD0iIzI2YzVkMCIvPgogIDwvZz4KPC9zdmc+Cg==\""],"sourceRoot":""}