{"version":3,"sources":["webpack:///./src/components/List.js","webpack:///./src/images/industries-distribution.png","webpack:///./src/components/PageNumber.js","webpack:///./src/components/DropDownMenu.js","webpack:///./src/pages/industries/distribution.js","webpack:///./src/templates/PageTypeE.js","webpack:///./src/images/icon-caret.svg"],"names":["_ref","items","flex","className","React","createElement","map","item","index","key","title","text","module","exports","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","summaryInfo","PageTypeE","description","linkSubPageGroupID","subTitle","titleImg","TitleImg","infoList","List","features","footerImgs","subPageGroup","useRecoilValue","linkedSubPagesState","Layout","headerTheme","DropDowmMenu","alt","PageNumber","info","spread","dangerouslySetInnerHTML","__html","image"],"mappings":"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","file":"component---src-pages-industries-distribution-js-705032c4e5251efd41f8.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","module.exports = __webpack_public_path__ + \"static/industries-distribution-6cf6ddf834ccc8fc66a4f1cec1813ac8.png\";","/***************************************************\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","/***************************************************\n  Imports\n***************************************************/\n\nimport React from \"react\"\n\nimport PageTypeE from \"../../templates/PageTypeE\"\nimport List from \"../../components/List\"\n\nimport TitleImg from \"../../images/industries-distribution.png\"\n\n/***************************************************\n  Page Data\n***************************************************/\n\nconst summaryInfo = () => {\n  return (\n    <div className=\"industries-and-finance\">\n      <p>\n        Wholesale distributors occupy a middle position in the supply chain\n        between manufacturers and secondary distributors or retailers for a wide\n        range of durable and non-durable goods, industrial goods, and consumer\n        products. This positioning presents unique challenges to profitability.\n        In today's competitive global marketplace- where supply networks are\n        becoming increasingly complex and customers demand more choices, faster\n        fulfillment, and lower prices- wholesale distributors often find\n        themselves squeezed from both sides.\n        <br />\n        <br />\n        Increasingly, satisfying diverse customers means providing custom\n        products and packaging. A growing number of items and SKUs (stock\n        keeping units) can add complexity and cost to inventory management. At\n        the same time, global competition means that retailers can, and do,\n        demand faster service, lower prices, and compliance with requirements\n        such as radio frequency identification (RFID). Finally, companies of all\n        sizes conduct business across international borders, which adds the\n        complexity of dealing with multiple currencies, languages, market\n        expectations, and regulatory requirements. As a result, many wholesale\n        distributors struggle to meet customer needs while still turning a\n        profit.\n        <br />\n        <br />\n        To survive and thrive in this pressured supply chain position, a\n        wholesale distribution company needs to control already tight margins by\n        increasing efficiency and eliminating waste. Yet many distributors find\n        themselves hindered by manual or disconnected processes, information\n        delays, excess inventory, and purchasing information that's locked in\n        the minds of individual employees. The good news is that technology can\n        help by integrating processes, streamlining information flows, and\n        providing easy access to the information required for confident\n        decision-making and operational improvement.\n      </p>\n    </div>\n  )\n}\n\n/***************************************************\n  Component\n***************************************************/\n\nexport default () => {\n  return (\n    <PageTypeE\n      title=\"Distribution\"\n      description=\"Deliver integrated functionality to support all your order entry, inventory, warehouse operation, fulfillment, shipping, and financial management needs.\"\n      linkSubPageGroupID=\"IndustriesGroup\"\n      subTitle=\"Creating Greatest Value in Tough Times\"\n      titleImg={TitleImg}\n      summaryInfo={summaryInfo}\n      infoList={[\n        {\n          title:\n            \"Optimize Efficiency and Profitability with Microsoft Dynamics Business Central\",\n          text: (\n            <p>\n              Microsoft Dynamics Business Central delivers integrated\n              functionality to support all your order entry, inventory,\n              warehouse operation, fulfillment, shipping, and financial\n              management needs so you can get goods to customers quickly and\n              profitably. Microsoft Dynamics Business Central offers wholesale\n              distributors the ability to:\n              <List\n                className=\"concise dark\"\n                items={[\n                  {\n                    text: `automate manual procedures`,\n                  },\n                  {\n                    text: `improve replenishment decisions`,\n                  },\n                  {\n                    text: `process orders quickly`,\n                  },\n                  {\n                    text: `improve fill rates and customer satisfaction`,\n                  },\n                  {\n                    text: `access quick feedback on business performance`,\n                  },\n                  {\n                    text: `get strong returns on inventory investment`,\n                  },\n                ]}\n              />\n            </p>\n          ),\n        },\n      ]}\n    />\n  )\n}\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 List from \"../components/List\"\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  infoList,\n  features,\n  footerImgs,\n}) => {\n  const subPageGroup = useRecoilValue(linkedSubPagesState(linkSubPageGroupID))\n\n  const infoListUI = () => {\n    return (\n      <section className=\"section-info-list\">\n        {infoList.map((info, index) => {\n          return (\n            <div\n              className={`${\n                index % 2 == 0 ? \"col-4\" : info.spread ? \"col-4\" : \"col-9\"\n              } ${info.spread ? \"span-9\" : \"span-4\"}`}\n              key={info.title}\n            >\n              <h2>{info.title}</h2>\n              {typeof info.text === \"string\" ? (\n                <p dangerouslySetInnerHTML={{ __html: info.text }}></p>\n              ) : (\n                info.text\n              )}\n            </div>\n          )\n        })}\n      </section>\n    )\n  }\n\n  const featuresUI = () => {\n    return (\n      <section className=\"section-features\">\n        <PageNumber className=\"col-3 span-11\" number=\"01\" text=\"FEATURES\" />\n        <div className=\"col-4 span-11\">\n          <h2 className=\"color-white\">{features.title}</h2>\n          <List className=\"no-style\" items={features.items} flex />\n        </div>\n      </section>\n    )\n  }\n\n  const footerImgUI = () => {\n    return (\n      <section className=\"section-footer-images\">\n        {footerImgs.map((image, index) => (\n          <img\n            className={`${index % 2 == 0 ? \"col-4\" : \"col-9\"} span-4`}\n            src={image}\n          />\n        ))}\n      </section>\n    )\n  }\n\n  return (\n    <Layout\n      headerTheme=\"dark\"\n      className=\"page-type-e\"\n      title={title}\n      description={description}\n    >\n      <section className=\"section-hero\">\n        <div className=\"col-4 span-9\">\n          {!subPageGroup ? (\n            <h1>{title}</h1>\n          ) : (\n            <DropDowmMenu\n              title={subPageGroup.title}\n              options={subPageGroup.options}\n              active={title}\n            />\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-9\">{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      {features && featuresUI()}\n\n      {infoList && infoListUI()}\n\n      {footerImgs && footerImgUI()}\n    </Layout>\n  )\n}\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NyIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQ3IDQwIj4KICA8ZyBpZD0iSWNvbi5DYXJldF9Eb3duXyIgZGF0YS1uYW1lPSJJY29uLkNhcmV0W0Rvd25dIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NyA0MCkgcm90YXRlKDE4MCkiPgogICAgPHBhdGggaWQ9Ikljb24uQ2FyZXRfRG93bl8yIiBkYXRhLW5hbWU9Ikljb24uQ2FyZXRbRG93bl0iIGQ9Ik0yMy41LDAsNDcsNDBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3IDQwKSByb3RhdGUoMTgwKSIgZmlsbD0iIzI2YzVkMCIvPgogIDwvZz4KPC9zdmc+Cg==\""],"sourceRoot":""}