{"version":3,"file":"static/js/607.28ab9c5c.chunk.js","mappings":"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","sources":["shared/support-panel/support-panel-item.jsx","shared/support-panel/support-panel-component.jsx"],"sourcesContent":["import React, { Fragment } from \"react\"\nimport PropTypes from \"prop-types\"\nimport Svg from \"../_svgs/svg\"\nimport { BrowserView, MobileView, isAndroid, isIOS } from \"react-device-detect\"\n\nconst SupportPanelItem = ({\n  isMapsLink,\n  linkTarget,\n  fontColor,\n  listBulletIcon,\n  isUrl,\n  listLinkTitle,\n  listItemText,\n  listItemUrl,\n  latitude,\n  longitude,\n}) => {\n  const svgColor = fontColor == \"cph-white\" ? \"cph-white\" : \"cph-corp-blue\"\n  const svgBullet = <Svg isDecorative={true} iconClass={`icon ${svgColor}`} fillColor=\"transparent\" iconName={listBulletIcon}></Svg>\n\n  return (\n    <Fragment>\n      {isMapsLink ? (\n        <li className=\"panel-item list-item-container\">\n          <BrowserView>\n            <a\n              target={linkTarget}\n              className={`${fontColor} list-maps-link`}\n              title={listLinkTitle}\n              href={`https://www.google.com/maps/search/?api=1&query=${latitude},${longitude}`}\n            >\n              {svgBullet}\n              {listItemText}\n            </a>\n          </BrowserView>\n          <MobileView>\n            <a\n              target={linkTarget}\n              className={`${fontColor} list-maps-link`}\n              title={listLinkTitle}\n              href={\n                isIOS\n                  ? `maps://?q=${latitude},${longitude}`\n                  : isAndroid\n                    ? //Android with google maps installed know to open maps.google links in Google Maps.\n                      `https://maps.google.com/?q=${latitude},${longitude}`\n                    : `https://www.google.com/maps/search/?api=1&query=${latitude},${longitude}`\n              }\n            >\n              {svgBullet}\n              {listItemText}\n            </a>\n          </MobileView>\n        </li>\n      ) : isUrl ? (\n        <li className=\"panel-item list-item-container\">\n          <a target={linkTarget} className={`${fontColor} list-link`} title={listLinkTitle} href={listItemUrl}>\n            {svgBullet}\n            {listItemText}\n          </a>\n        </li>\n      ) : (\n        <li className=\"panel-item list-item-container-no-svg\">\n          <p className={`${fontColor} list-text`}>{listItemText}</p>\n        </li>\n      )}\n    </Fragment>\n  )\n}\n\nSupportPanelItem.propTypes = {\n  isMapsLink: PropTypes.bool,\n  linkTarget: PropTypes.string,\n  fontColor: PropTypes.string,\n  listLinkTitle: PropTypes.string,\n  listItemText: PropTypes.array.isRequired,\n  listItemUrl: PropTypes.string,\n  latitude: PropTypes.string,\n  longitude: PropTypes.string,\n}\n\nSupportPanelItem.defaultProps = {\n  isMapsLink: false,\n  linkTarget: \"_blank\",\n  fontColor: \"cph-white\",\n  listLinkTitle: \"\",\n  listItemUrl: \"\",\n  latitude: \"\",\n  longitude: \"\",\n}\n\nexport default SupportPanelItem\n","import React from \"react\"\nimport SupportPanelItem from \"./support-panel-item\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\nimport PropTypes from \"prop-types\"\nimport ReactHtmlParser from \"react-html-parser\"\n\nexport default function SupportPanel({ fontColor, header, headerLabel, listItems, desktopImage, desktopImageAltText, richTextContent }) {\n  const selectedFontColor = SelectionFactoryHelper.getFromSelectionFactory(fontColor)\n\n  const htmlPanelItems =\n    listItems && listItems.length > 0\n      ? listItems.map((card, index) => {\n          return (\n            <SupportPanelItem\n              key={(card.listItemUrl || header) + \"-\" + index}\n              isMapsLink={card.isMapsLink}\n              listBulletIcon={SelectionFactoryHelper.getFromSelectionFactory(card.listBulletIcon)}\n              listItemText={ReactHtmlParser(card.listItemText)}\n              listItemUrl={card.listItemUrl}\n              listLinkTitle={card.listLinkTitle}\n              latitude={card.latitude}\n              longitude={card.longitude}\n              fontColor={selectedFontColor}\n              linkTarget={SelectionFactoryHelper.getFromSelectionFactory(card.linkTarget)}\n              isUrl={!!card.listItemUrl}\n            />\n          )\n        })\n      : undefined\n\n  return (\n    <section className={`support-panel-section ${richTextContent ? \"w--narrow\" : \"w--wider\"}`}>\n      <div className={`support-panel-content-section ${richTextContent ? \"text-version\" : \"image-version\"}`}>\n        <p className=\"support-panel-label\">{headerLabel}</p>\n        <div className={`support-panel-container ${desktopImage ? \"\" : \"full-width-panel\"} ${selectedFontColor}`}>\n          <h2 className=\"support-panel-heading\">{ReactHtmlParser(header)}</h2>\n          <ul className=\"support-panel-items\">{htmlPanelItems}</ul>\n        </div>\n      </div>\n      <div className={`outer-image-container ${richTextContent ? \"no-image\" : \"\"}`}>\n        {!richTextContent && desktopImage ? (\n          <div className=\"image-container\">\n            <img alt={desktopImageAltText} src={desktopImage}></img>\n          </div>\n        ) : richTextContent ? (\n          <div className=\"wrapping-text-container rich-text\">{ReactHtmlParser(richTextContent)}</div>\n        ) : undefined}\n      </div>\n    </section>\n  )\n}\n\nSupportPanel.propTypes = {\n  backgroundColor: PropTypes.arrayOf(PropTypes.object),\n  fontColor: PropTypes.arrayOf(PropTypes.object),\n  header: PropTypes.string,\n  listItems: PropTypes.arrayOf(PropTypes.object),\n  desktopImage: PropTypes.string,\n  richTextContent: PropTypes.string,\n  desktopImageAltText: PropTypes.string,\n}\n\nSupportPanel.defaultProps = {\n  backgroundColor: [{}],\n  fontColor: [{}],\n  header: \"\",\n  listItems: [{}],\n  desktopImage: \"\",\n  richTextContent: \"\",\n  desktopImageAltText: \"\",\n}\n"],"names":["SupportPanelItem","_ref","isMapsLink","linkTarget","fontColor","listBulletIcon","isUrl","listLinkTitle","listItemText","listItemUrl","latitude","longitude","svgColor","svgBullet","_jsx","Svg","isDecorative","iconClass","concat","fillColor","iconName","Fragment","children","_jsxs","className","BrowserView","target","title","href","MobileView","isIOS","isAndroid","defaultProps","SupportPanel","header","headerLabel","listItems","desktopImage","desktopImageAltText","richTextContent","selectedFontColor","SelectionFactoryHelper","htmlPanelItems","length","map","card","index","ReactHtmlParser","undefined","alt","src","backgroundColor"],"sourceRoot":""}