Your session has expired, please log in.
\r\n ) : null}\r\n {status ? (\r\n {status}
\r\n ) : null}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default LoginBox","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \"\\r\\n\\t\\t\\t.cls-1 {\\r\\n\\t\\t\\tfill: #fff;\\r\\n\\t\\t\\tstroke-width: 0px;\\r\\n\\t\\t\\t}\\r\\n\\t\\t\"));\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m1881.98,161.16c-12.46,0-22.58-10.13-22.58-22.58,0-4.56,1.35-8.95,3.9-12.69,2.53-3.71,12.13-20.58,18.7-32.21,6.73,11.88,16.61,29.21,18.66,32.21,2.55,3.74,3.91,8.13,3.91,12.69,0,12.45-10.13,22.58-22.58,22.58m9.99,24.28c0,33.74-27.46,61.2-61.2,61.2s-61.19-27.46-61.19-61.2c0-12.35,3.66-24.25,10.59-34.42,6.72-9.86,37.29-63.98,50.63-87.7,6.3,11.15,16.46,29.09,26,45.77-2.51,4.33-4.45,7.57-5.26,8.77-4.17,6.12-6.37,13.28-6.37,20.71,0,20.3,16.51,36.82,36.81,36.82,3.09,0,6.09-.39,8.97-1.11.67,3.66,1.03,7.39,1.03,11.15m26.82-46.86c0-7.43-2.2-14.59-6.38-20.71-1.99-2.92-15.92-27.43-24.24-42.18l-6.21-11.04-6.19,11.05c-3.16,5.64-7.03,12.51-10.76,19.08-13.96-24.49-27.87-49.17-28.03-49.46l-6.22-11.03-6.19,11.05c-.48.86-48.03,85.75-56.16,97.66-8.54,12.54-13.06,27.21-13.06,42.43,0,41.59,33.83,75.43,75.42,75.43s75.43-33.83,75.43-75.43c0-5.93-.69-11.79-2.04-17.5,8.89-6.73,14.64-17.38,14.64-29.36\"\n}), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2033.85,54.12c0-2.77,2.35-5.11,5.11-5.11h45.68c2.78,0,5.12,2.35,5.12,5.11v15.48h-55.91v-15.48Zm-43.62,30.2h142.67c4.07,0,7.36-3.3,7.36-7.36s-3.29-7.36-7.36-7.36h-28.42v-15.48c0-10.93-8.89-19.83-19.83-19.83h-45.68c-10.93,0-19.83,8.9-19.83,19.83v15.48h-28.91c-4.06,0-7.36,3.3-7.36,7.36s3.3,7.36,7.36,7.36\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2061.81,225.56c4.06,0,7.36-3.3,7.36-7.36v-70.62c0-4.06-3.3-7.35-7.36-7.35s-7.36,3.29-7.36,7.35v70.62c0,4.06,3.3,7.36,7.36,7.36\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2097.12,225.56c4.06,0,7.36-3.3,7.36-7.36v-70.62c0-4.06-3.3-7.35-7.36-7.35s-7.36,3.29-7.36,7.35v70.62c0,4.06,3.3,7.36,7.36,7.36\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2026.5,225.56c4.06,0,7.36-3.3,7.36-7.36v-70.62c0-4.06-3.3-7.35-7.36-7.35s-7.36,3.29-7.36,7.35v70.62c0,4.06,3.3,7.36,7.36,7.36\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2125.54,217.94c0,15.55-12.65,28.21-28.21,28.21h-71.78c-15.25,0-27.65-12.4-27.65-27.65v-98.88h127.65v98.32Zm7.36-113.03h-142.37c-4.06,0-7.36,3.3-7.36,7.36v106.23c0,23.36,19.01,42.36,42.37,42.36h71.78c23.67,0,42.93-19.25,42.93-42.92v-105.67c0-4.06-3.3-7.36-7.36-7.36\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2307.38,245.06c-25.79,0-50.03-10.04-68.27-28.28-7.69-7.69-14.06-16.71-18.78-26.48h67.6c6.64,0,12.25,4.62,12.25,10.09s-5.61,10.09-12.25,10.09h-15.33c-3.98,0-7.21,3.22-7.21,7.21s3.23,7.21,7.21,7.21h2.6c.73.02,2.62.04,8.61.04,4.38,0,10.97-.01,20.9-.03,1.47,0,2.44,0,2.67,0,.96,0,1.91-.03,2.87-.06.29.03.58.06.89.06.58,0,1.13-.07,1.67-.2,22.12-1.59,42.68-12.81,55.97-30.76.07-.07.14-.14.2-.21,1.92-2.17,4.68-3.42,7.57-3.42,5.56,0,10.09,4.53,10.09,10.09,0,2.46-.89,4.83-2.52,6.67-.26.29-.48.61-.69.93-18.45,23.56-46.12,37.07-76.05,37.07m-30.83-105.63c-15.1,0-27.38-12.28-27.38-27.38s12.28-27.38,27.38-27.38c3.98,0,7.21-3.23,7.21-7.21,0-15.1,12.29-27.38,27.38-27.38,12.88,0,23.71,8.94,26.61,20.95-7.39,1.44-14.3,4.84-19.98,9.96-2.96,2.66-3.19,7.22-.53,10.17,2.66,2.96,7.22,3.2,10.17.54,5.03-4.53,11.54-7.03,18.31-7.03,15.1,0,27.38,12.28,27.38,27.38s-12.28,27.38-27.38,27.38-27.38-12.28-27.38-27.38c0-3.98-3.23-7.21-7.21-7.21s-7.21,3.22-7.21,7.21c0,15.1-12.28,27.38-27.38,27.38m124.5,60.96c0-13.51-10.99-24.5-24.5-24.5-6.6,0-12.91,2.67-17.51,7.37-.48.39-.93.84-1.31,1.38-9.47,13.17-23.69,22.02-39.39,24.86v-65.89c7.34,6.38,16.91,10.24,27.38,10.24,23.05,0,41.79-18.74,41.79-41.79,0-20.78-15.24-38.05-35.12-41.25-3.21-19.89-20.48-35.12-41.25-35.12s-38.05,15.24-41.25,35.12c-19.89,3.2-35.12,20.48-35.12,41.25,0,23.04,18.74,41.79,41.79,41.79,10.46,0,20.04-3.86,27.38-10.24v37.21c-4.46-3.08-10-4.92-16-4.92h-78.4s-.06,0-.1,0c-.15,0-.31.01-.46.02-.1.01-.19.02-.28.03-.13.01-.25.03-.39.06-.12.02-.24.04-.36.07-.1.02-.2.05-.29.07-.14.04-.28.08-.42.13-.03.01-.07.02-.1.03-.06.02-.1.04-.15.06-.14.05-.28.11-.41.17-.1.04-.18.08-.27.13-.12.06-.23.12-.34.18-.11.06-.21.12-.31.19-.09.06-.18.11-.27.18-.11.08-.22.16-.32.24-.07.06-.15.12-.22.18-.11.1-.22.19-.32.29-.06.06-.12.12-.19.19-.1.1-.19.2-.28.31-.07.07-.13.15-.19.23-.08.1-.16.2-.23.3-.07.1-.13.19-.19.28-.06.1-.12.19-.17.29-.06.11-.12.22-.18.33-.05.09-.09.19-.13.28-.06.12-.11.24-.15.36-.04.1-.07.2-.11.29-.04.12-.07.24-.11.36-.03.11-.06.23-.09.34-.02.11-.05.22-.07.32-.02.14-.05.27-.06.41-.01.09-.02.18-.03.27-.02.16-.02.32-.02.48,0,.05-.01.1-.01.15,0,.03,0,.06,0,.1,0,.15.01.31.02.47.01.09.02.18.03.27.01.13.03.26.06.39.02.12.04.24.07.35.02.1.05.2.08.3.03.14.07.28.12.42.01.03.02.07.03.1,5.47,15.47,14.52,29.81,26.19,41.47,20.96,20.96,48.82,32.5,78.46,32.5,17.49,0,34.23-3.96,49.76-11.76,14.8-7.43,27.98-18.31,38.13-31.45.1-.13.19-.27.28-.4,3.56-4.37,5.51-9.82,5.51-15.47\"\n}), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"circle\", {\n className: \"cls-1\",\n cx: 2585.89,\n cy: 148.78,\n r: 10.19\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2635.15,148.44c0-17.55-9.45-33.9-24.66-42.68-4.06-2.35-9.26-.95-11.6,3.11-2.35,4.06-.95,9.26,3.11,11.6,9.97,5.76,16.17,16.48,16.17,27.97s-6.28,22.37-16.39,28.1c-4.08,2.31-5.51,7.5-3.2,11.58,1.56,2.76,4.44,4.31,7.4,4.31,1.42,0,2.86-.36,4.18-1.11,15.42-8.74,25-25.17,25-42.88Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2569.79,177.1c-9.97-5.76-16.17-16.48-16.17-27.98s6.18-22.18,16.12-27.95c4.06-2.35,5.44-7.55,3.09-11.61s-7.55-5.44-11.61-3.09c-15.17,8.79-24.59,25.13-24.59,42.64s9.45,33.9,24.66,42.69c1.34.77,2.8,1.14,4.24,1.14,2.94,0,5.79-1.52,7.36-4.25,2.34-4.06.95-9.26-3.11-11.6Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2543.38,208.51c-.05-.04-.1-.09-.16-.12-19.35-13.72-30.9-36.05-30.9-59.74s12.06-47.03,32.27-60.68l.35-.24.33-.27c6.57-5.47,10.33-13.5,10.33-22.04,0-15.81-12.87-28.68-28.68-28.68-5.88,0-11.54,1.77-16.35,5.12-.02.01-.03.03-.05.04h0c-34.69,24.5-55.41,64.46-55.41,106.89,0,21.25,5.22,42.36,15.08,61.03,9.53,18.04,23.38,33.83,40.05,45.67.02.01.03.03.05.04,4.9,3.5,10.67,5.35,16.7,5.35,15.85,0,28.75-12.9,28.75-28.75,0-9.43-4.61-18.22-12.35-23.6Zm-16.4,35.37c-2.47,0-4.83-.75-6.83-2.18,0,0-.02-.01-.03-.02h0c-30.09-21.34-48.05-56.07-48.05-92.9s17.99-71.62,48.13-92.95c.01,0,.03-.02.04-.03,1.96-1.36,4.26-2.08,6.66-2.08,6.45,0,11.7,5.25,11.7,11.69,0,3.36-1.43,6.53-3.94,8.76-24.64,16.84-39.33,44.64-39.33,74.47s14.23,56.69,38.07,73.59c0,0,.02.01.03.02.04.03.08.06.12.09,3.25,2.2,5.19,5.85,5.19,9.76,0,6.49-5.28,11.76-11.76,11.76Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m2660.93,41.89h0s-.03-.02-.05-.03c-4.82-3.35-10.47-5.12-16.35-5.12-15.81,0-28.68,12.87-28.68,28.68,0,8.54,3.77,16.57,10.33,22.04l.33.27.35.24c20.2,13.65,32.27,36.33,32.27,60.68s-11.55,46.02-30.9,59.74c-.06.04-.11.09-.16.13-7.74,5.38-12.35,14.17-12.35,23.6,0,15.85,12.9,28.75,28.75,28.75,6.03,0,11.8-1.85,16.7-5.35.02-.01.03-.02.04-.04,16.67-11.84,30.52-27.63,40.06-45.67,9.87-18.67,15.08-39.78,15.08-61.03,0-42.42-20.71-82.39-55.41-106.89Zm-9.63,199.79h0s-.02.01-.02.02c-2,1.43-4.36,2.18-6.83,2.18-6.49,0-11.76-5.28-11.76-11.76,0-3.91,1.94-7.56,5.19-9.76.04-.03.08-.06.12-.09.01,0,.02-.01.04-.02,23.84-16.9,38.07-44.41,38.07-73.59s-14.69-57.63-39.33-74.47c-2.51-2.22-3.94-5.4-3.94-8.76,0-6.45,5.25-11.69,11.69-11.69,2.4,0,4.7.72,6.66,2.08.01,0,.03.02.04.03,30.14,21.34,48.13,56.08,48.13,92.95s-17.96,71.56-48.05,92.9Z\"\n})));\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_6\",\n \"data-name\": \"Layer 6\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_6-2\",\n \"data-name\": \"Layer 6-2\"\n}, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m184.81,177.46H54.01c4.78,27.56,23.15,42.62,51.07,42.62,19.47,0,37.47-6.62,51.81-19.84l23.15,33.07c-19.84,18.01-47.02,27.56-77.89,27.56C40.05,260.86,0,223.39,0,165.7c0-54.38,38.21-94.79,95.16-94.79s90.02,36.37,90.02,92.22c0,6.62,0,10.29-.37,14.33h0Zm-51.81-31.96c-1.47-22.04-15.43-35.63-37.47-35.63s-35.63,13.6-40.78,35.63h78.26,0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m259.04,257.18l-66.5-182.6h56.58l38.95,117.57c1.83,5.14,2.94,9.18,4.78,14.69,1.47-5.51,2.94-9.55,4.42-14.69l36.74-117.57h55.48l-66.5,182.6h-63.93Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m580.89,177.46h-130.8c4.78,27.56,23.15,42.62,51.07,42.62,19.47,0,37.47-6.62,51.81-19.84l23.15,33.07c-19.84,18.01-47.02,27.56-77.89,27.56-62.09,0-102.14-37.47-102.14-95.16,0-54.38,38.21-94.79,95.16-94.79s90.02,36.37,90.02,92.22c0,6.62,0,10.29-.37,14.33h0Zm-51.81-31.96c-1.47-22.04-15.43-35.63-37.47-35.63s-35.63,13.6-40.78,35.63h78.26,0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m613.94,257.18V74.59h49.23v34.17c8.45-21.31,24.98-36.01,51.43-36.01,7.35,0,12.86.74,17.27,1.47v48.86c-6.98-2.94-15.06-3.67-23.15-3.67-28.29,0-41.51,18.01-41.51,39.67v98.1h-53.27Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m775.98,257.18V116.47h-26.82v-41.88h14.33c9.56,0,12.49-3.31,12.49-13.97v-4.41c0-32.7,24.98-56.22,69.07-56.22,14.33,0,24.61,2.2,36.37,6.62l-11.02,39.31c-5.51-3.67-13.22-5.88-20.2-5.88-15.43,0-24.25,8.08-24.25,23.52v11.02h48.5v41.88h-45.56v140.71h-52.91,0Zm119.78,0V3.67h53.27v253.51h-53.27Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m981.73,165.7c0-53.64,41.51-94.79,98.83-94.79s99.2,41.15,99.2,94.79-41.51,95.16-99.2,95.16-98.83-41.15-98.83-95.16Zm144.76,0c0-29.76-19.11-50.7-45.92-50.7s-45.56,20.95-45.56,50.7,19.11,51.07,45.56,51.07,45.92-20.95,45.92-51.07Z\"\n}), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m1188.58,74.59h54.74l27.56,117.57c1.1,5.14,1.83,9.55,3.31,14.69,1.1-5.14,1.83-9.55,3.3-14.69l30.87-117.57h57.69l31.6,117.57c1.47,5.14,2.58,9.55,3.67,14.69l2.94-14.69,26.82-117.57h54.74l-52.54,182.6h-63.56l-29.03-112.05c-1.47-5.14-2.21-9.18-3.31-14.33l-3.31,14.33-29.03,112.05h-63.56l-52.91-182.6h.02Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"m1507.86,62.46c0-35.63,27.92-62.46,63.93-62.46s63.56,27.19,63.56,62.82-27.56,62.46-63.56,62.46-63.93-27.19-63.93-62.83h0Zm111.33.38c0-27.56-19.47-47.4-47.39-47.4s-47.76,19.85-47.76,47.4,20.2,47.4,47.76,47.4,47.39-20.2,47.39-47.4Zm-73.48,29.76V29.03h28.66c15.81,0,25.35,8.45,25.35,20.95,0,8.45-5.51,15.43-14.69,18.01,1.47.74,2.58,2.58,3.67,4.42l12.86,20.2h-18.01l-11.39-18.37c-1.47-2.21-2.2-2.21-4.41-2.21h-6.25v20.57h-15.8Zm15.81-34.17h11.76c6.61,0,10.29-2.58,10.29-8.08,0-5.14-4.04-7.72-10.29-7.72h-11.76v15.8Z\"\n})))));\nvar SvgLogo = function SvgLogo(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 2716.34 260.87\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLogo, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/logo.f5e51fde.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport {ReactComponent as Logo} from '../svgs/logo.svg'\r\n\r\nconst LoginWrapper = ({noLink, children}) => (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {section === 'create' ? (\r\n
\r\n \r\n
\r\n ) : (\r\n Register for the
\r\nEverflow Customer Portal
\r\n\r\n
\r\n )\r\n }\r\n Welcome to the
\r\nEverflow Customer Portal
\r\n\r\n {tab == 'login' ? (\r\n
\r\n \r\n {section === 'create' ? (\r\n
\r\n \r\n Return to Login\r\n
\r\n ) : (\r\n \r\n Forgotten your password?
\r\n Not registered? Create your account here\r\n
\r\n )\r\n }\r\n \r\n Not registered? Create your account here\r\n
\r\n This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service\r\n
\r\n\r\n {noLink ?
\r\n {children}\r\n
\r\n \r\n
\r\n \r\n)\r\n\r\nexport default LoginWrapper;","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n transform: \"matrix(1,0,0,1,4,10)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-4\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"bars-light\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Shape\",\n d: \"M13.813,1.5L0.188,1.5C0.084,1.5 0,1.388 0,1.25L0,0.25C-0,0.112 0.084,0 0.188,0L13.813,0C13.916,0 14,0.112 14,0.25L14,1.25C14,1.388 13.916,1.5 13.813,1.5Z\"\n}))));\nvar SvgDashPass = function SvgDashPass(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"100%\",\n height: \"100%\",\n viewBox: \"0 0 22 22\",\n style: {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n strokeLinejoin: \"round\",\n strokeMiterlimit: 2\n },\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgDashPass, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/dash-pass.6fd5d5bd.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useCallback, useState } from 'react';\r\nimport InputButton from '../../../Shared/FormComponents/InputButton';\r\nimport InputText from '../../../Shared/FormComponents/InputText';\r\nimport {ReactComponent as Cross} from '../../../Shared/svgs/cross.svg'\r\nimport {ReactComponent as Tick} from '../../../Shared/svgs/tick.svg'\r\nimport {ReactComponent as Dash} from '../../../Shared/svgs/dash-pass.svg'\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\nimport queryString from 'query-string';\r\nimport { confirmAccount } from '../../../../lib/api/user';\r\n\r\n\r\n\r\nconst CreatePass = () => {\r\n\r\n const location = useLocation()\r\n const history = useHistory();\r\n\r\n\r\n const [password, setPassword] = useState();\r\n const [password2, setPassword2] = useState();\r\n const [passTouch, setPassTouch] = useState(false);\r\n const [pass2Touch, setPass2Touch] = useState(false);\r\n const [formStatus, setFormStatus] = useState();\r\n const [loading, setLoading] = useState();\r\n\r\n const searchParams = location.search ? (function(){\r\n // compensate for base64 being url encoded, and expected back as url encoded\r\n // all broswer functions to get query params url decode by default\r\n\r\n var temp = location.search.indexOf('?') == 0 ? location.search.substring(1) : location.search;\r\n temp = temp.split('&');\r\n const data = {};\r\n temp.map(i => {\r\n if(i.indexOf('accountNumber') == 0) data.accountNumber = i.replace('accountNumber=', '');\r\n if(i.indexOf('confirmToken') == 0) data.confirmToken = i.replace('confirmToken=', '');\r\n })\r\n\r\n return data;\r\n\r\n })() : {};\r\n\r\n const {accountNumber, confirmToken} = searchParams;\r\n\r\n console.log('confirm password params', searchParams)\r\n\r\n const check = (() => {\r\n\r\n const pass = password ? password : ''\r\n const checks = {\r\n minLength: pass.length >= 8,\r\n digit: !!pass.match(/\\d+/),\r\n upper: !!pass.match(/[A-Z]+/),\r\n lower: !!pass.match(/[a-z]+/),\r\n special: !!pass.match(/[!\"£$%^&*\\(\\)_\\-=+'@\\#]+/)\r\n };\r\n\r\n checks.all = !Object.keys(checks).find(i => !checks[i])\r\n\r\n return checks;\r\n })()\r\n\r\n const doConfirm = () => {\r\n setPassTouch(true)\r\n setPass2Touch(true)\r\n\r\n if(!check.all) return;\r\n const data = {\r\n password: password,\r\n accountNumber,\r\n confirmToken\r\n }\r\n\r\n if(!password || !password2 || password !== password2) return;\r\n\r\n if(!accountNumber || !confirmToken) return setFormStatus('Invalid confirmation link.');\r\n\r\n setLoading(true);\r\n\r\n confirmAccount(data)\r\n .then(resp => {\r\n setLoading(false)\r\n setFormStatus('Account Setup Complete')\r\n setTimeout(()=>{\r\n history.push('/login');\r\n }, 2000)\r\n })\r\n .catch(err => {\r\n setLoading(false)\r\n setFormStatus(err.message)\r\n })\r\n }\r\n \r\n return (\r\n \r\n Terms & Conditions | Privacy Policy\r\n
\r\n \r\n © Everflow 2023\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst TickWrapper = () => {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n Create your password
\r\n \r\n \r\n\r\n\r\n
\r\n )\r\n}\r\n\r\nconst TickWrapper = () => {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n Reset your password
\r\n \r\n \r\n\r\n\r\n
\r\n )\r\n}\r\n\r\nconst forgotSchema = Yup.object().shape({\r\n account: Yup.string().required('Please enter your account number')\r\n})\r\n\r\nexport default LoginBox","import React from 'react';\r\nimport InputButton from '../../Shared/FormComponents/InputButton';\r\nimport {ReactComponent as Cross} from '../../Shared/svgs/cross.svg'\r\nimport { Link, useHistory } from 'react-router-dom';\r\n\r\n\r\nconst CheckContactEmail = ({crossLink, title, buttonText, buttonLink, children}) => {\r\n const history = useHistory();\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {({values, handleChange, setFieldValue, errors, touched, handleBlur, handleSubmit}) => {\r\n return(\r\n <>\r\n stripUsernameChars(ev.target.value, val => setFieldValue('account', val))}\r\n onBlur={handleBlur}\r\n tick={success}\r\n />\r\n
\r\n Forgotten your password?
\r\nNo worries! Simply submit your account number to reset it
\r\n\r\n
\r\n \r\n Return to Login\r\n
\r\n \r\n {crossLink ? (\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default CheckContactEmail;","import React, {useEffect} from 'react';\r\nimport { Switch, useHistory, useRouteMatch } from \"react-router-dom\";\r\n\r\nfunction NotFoundPage({ CustomNotFoundPage }) {\r\n const history = useHistory();\r\n useEffect(() => {\r\n history.push(\"/404\");\r\n }, []);\r\n return null;\r\n}\r\n\r\n\r\n\r\n\r\nfunction CustomSwitch({location, key, children}) {\r\n return (\r\n \r\n
\r\n ) : null}\r\n {title}
\r\n{children}
\r\n {buttonLink ? (\r\n\r\n history.push(buttonLink)}\r\n label={buttonText}\r\n fitWidth\r\n className=\"m-auto\"\r\n />\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n We’ve sent you an email with a link to reset your password.
Please check the inbox of the contact email linked to your account. \r\n \r\n
\r\n Please check the inbox of the contact email linked to your account. \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n We’ve sent you an email with a link to set your password.
Please check the inbox of the contact email linked to your account.\r\n\r\n \r\n
\r\n Please check the inbox of the contact email linked to your account.\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default DashboardWrapper\r\n","import React, { useState, useEffect } from 'react'\r\nimport { getCrossSellMessage } from '../../lib/api/cross-sell'\r\n\r\nconst CrossSellBanner = ({ dismissed, setDismissed }) => {\r\n const [message, setMessage] = useState()\r\n const html = window.document.getElementsByTagName(\"html\")[0]\r\n\r\n const onDismiss = () => {\r\n html.classList.remove('overflow-y-hidden')\r\n window.sessionStorage.setItem('CrossSellBannerDismissed', true)\r\n setDismissed(true)\r\n }\r\n\r\n useEffect(() => {\r\n const dismissedSession = window.sessionStorage.getItem('CrossSellBannerDismissed')\r\n if (dismissedSession) {\r\n onDismiss()\r\n } else {\r\n try {\r\n getCrossSellMessage().then((res) => {\r\n const message = res.data.message\r\n\r\n if (message && message !== null && message !== \"null\") {\r\n html.classList.add('overflow-y-hidden')\r\n setMessage({ __html: message })\r\n } else {\r\n onDismiss()\r\n }\r\n })\r\n } catch (err) {\r\n console.log(err)\r\n onDismiss()\r\n }\r\n \r\n }\r\n }, [])\r\n\r\n if (dismissed || (!message || message == null || message == \"null\")) {\r\n return null\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
setMobileExpanded(!mobileExpanded)} />\r\n
\r\n \r\n
\r\n \r\n \r\n {children}\r\n
\r\n 
\r\n Important message
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CrossSellBanner\r\n","import WebAPI from \"./api-calls\";\r\nimport { rateHandler } from './rate-handler';\r\n\r\nexport const getCrossSellMessage = () => {\r\n const task = async (res, rej) => {\r\n\r\n const webApi = new WebAPI();\r\n await webApi.getFromWebApiWithAccessTokenAsync('/api/messaging/customer-portal-message')\r\n .then(resp => {\r\n console.log(resp)\r\n if (!resp) {\r\n return res({ success: false });\r\n }\r\n return res({ success: true, data: resp.data })\r\n })\r\n .catch(err => {\r\n console.log('listener:', err.response.status, err);\r\n rej(err);\r\n });\r\n }\r\n return rateHandler(task);\r\n}","import React from 'react';\r\n\r\nconst WhiteButton = ({ id, children, selected, onClick }) =>\r\n{\r\n return (\r\n\r\n {children}\r\n
\r\n )\r\n}\r\n\r\nexport default WhiteButton","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null);\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_1-2\",\n \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M124.47,45.36c-.33-5.72-8.32-6.59-7.06.07,1.55,5.47-.85,11-3,16a3.71,3.71,0,0,0,.81,4.92C122.36,69.8,126,50,124.47,45.36Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M134.35,51.82a3.38,3.38,0,0,0-3.83-3.31c-2.92.19-2.73,3.87-3,6.12,1,5.53-8.51,13.39-2.22,14.17C133.5,68.59,134.36,58.73,134.35,51.82Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M101.05,35.85c-.53.19-1,.42-1.55.63,5.43-7-3.88-17.37-10.76-10.82,2.13-5.29-3.86-10.39-9-8.61-4.49,1.16-7.38,5.31-10.26,8.68-3.91-10-15.64-2.72-19.3,3.61C44.42,36.87,40.7,46.86,36.37,54.9,29.92,67.57,18.25,83.81,24,98.46,15.78,112.17,7.08,125.71.48,140.57c-2.08,3.74,3.12,7.09,5.69,4.07,6.77-14.18,15.1-28,23.11-41.51,6.67-3.15-3.16-8.26,1-18.66,3.06-11.3,9.82-21.25,15-31.9C49.3,45,54.44,30.24,62.75,27.74c.57.48,0,1-.3,1.68-1,1.71-1.92,3.46-2.84,5.2C56.09,41,52.54,47.48,49,53.81A3.84,3.84,0,0,0,54.43,59c6.72-6.73,10.88-15.63,16.43-23.28,3.28-4.53,5.9-10,11.34-12.31C77.83,34.12,69.37,43.6,63.67,53.91c-2.11,3-7.51,9.7-.57,10.87,4.87-.76,5-5.5,8-8.39,8.1-8.39,13.61-18.78,22.63-25.9,1.64,3.1-7.18,11.92-8.82,15.39-4.18,6.29-9.63,13.29-13.65,20.2-1.52,3.65,3.61,6.79,6.23,3.7,8.88-8.73,15.61-19.33,25-27.31.84,4.8-4.64,8-6.85,11.78-6.33,8.4-14,15.85-19.8,24.63-4.08-8.44-14.14-13.07-22.11-15.95-2.75-.85-7.34-5-9.17-.89-1.67,5.18,5.68,6.65,9.07,8.14,4.32,1.5,8.55,4.49,12.43,7-7.22-2.46-11.31,5.47-3.91,6.35-4.48,2-18.52,10.3-11.37,15.75,7.12-.53,8.51-11.65,23.28-10.63,6.74,1.24,15.3-6.21,20.68-.11-1.7,3.37-7.6,1-10.42,3.35-8,5.27-13.77,11.1-22.87,15.42a9.19,9.19,0,0,1-6.68.53c-3.39-1.1-7.38.73-6.32,4.48-6.95,14-14.2,28-19.08,42.89-.54,3.38,4.77,5.3,6.37,2.15C41.71,142.91,48.1,128.9,54.94,115,68.5,116.59,77.86,102.76,89,97.58c22-.79,12.4-23.56-5.63-17.47C89,72.24,95.73,65.77,101.43,58c3.11-4.3,7.86-8.13,8.14-13.92C110,39.82,106,33.75,101.05,35.85ZM74.48,81.57l-.12.21h0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M33.51,17.35c4.73-3.46,8.76-9.74,15-10.79,1.48-.27,2.77-1.37,4-1.92C55.1,2.82,51.65,1.09,50,.54c-4.44-1.49-6.29.4-9.72,2.07-3.09,2.24-9.2,6-9.9,10.7C29.9,15.53,30.47,19.08,33.51,17.35Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M50.11,10c-2.52.48-11.47,6.47-7.58,9.22,1.72.73,3.45,1.44,5.22-.06C50,16.85,54,17,55.7,14.63c.62-1,2.27-2.83.57-3.65C54.62,9.78,51.08,9.3,50.11,10Z\"\n})));\nvar SvgWaveEfWhite = function SvgWaveEfWhite(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 134.35 158.94\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgWaveEfWhite, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/wave-ef-white.662d6275.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null);\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_1-2\",\n \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M124.47,45.36c-.33-5.72-8.32-6.59-7.06.07,1.55,5.47-.85,11-3,16a3.71,3.71,0,0,0,.81,4.92C122.36,69.8,126,50,124.47,45.36Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M134.35,51.82a3.38,3.38,0,0,0-3.83-3.31c-2.92.19-2.73,3.87-3,6.12,1,5.53-8.51,13.39-2.22,14.17C133.5,68.59,134.36,58.73,134.35,51.82Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M101.05,35.85c-.53.19-1,.42-1.55.63,5.43-7-3.88-17.37-10.76-10.82,2.13-5.29-3.86-10.39-9-8.61-4.49,1.16-7.38,5.31-10.26,8.68-3.91-10-15.64-2.72-19.3,3.61C44.42,36.87,40.7,46.86,36.37,54.9,29.92,67.57,18.25,83.81,24,98.46,15.78,112.17,7.08,125.71.48,140.57c-2.08,3.74,3.12,7.09,5.69,4.07,6.77-14.18,15.1-28,23.11-41.51,6.67-3.15-3.16-8.26,1-18.66,3.06-11.3,9.82-21.25,15-31.9C49.3,45,54.44,30.24,62.75,27.74c.57.48,0,1-.3,1.68-1,1.71-1.92,3.46-2.84,5.2C56.09,41,52.54,47.48,49,53.81A3.84,3.84,0,0,0,54.43,59c6.72-6.73,10.88-15.63,16.43-23.28,3.28-4.53,5.9-10,11.34-12.31C77.83,34.12,69.37,43.6,63.67,53.91c-2.11,3-7.51,9.7-.57,10.87,4.87-.76,5-5.5,8-8.39,8.1-8.39,13.61-18.78,22.63-25.9,1.64,3.1-7.18,11.92-8.82,15.39-4.18,6.29-9.63,13.29-13.65,20.2-1.52,3.65,3.61,6.79,6.23,3.7,8.88-8.73,15.61-19.33,25-27.31.84,4.8-4.64,8-6.85,11.78-6.33,8.4-14,15.85-19.8,24.63-4.08-8.44-14.14-13.07-22.11-15.95-2.75-.85-7.34-5-9.17-.89-1.67,5.18,5.68,6.65,9.07,8.14,4.32,1.5,8.55,4.49,12.43,7-7.22-2.46-11.31,5.47-3.91,6.35-4.48,2-18.52,10.3-11.37,15.75,7.12-.53,8.51-11.65,23.28-10.63,6.74,1.24,15.3-6.21,20.68-.11-1.7,3.37-7.6,1-10.42,3.35-8,5.27-13.77,11.1-22.87,15.42a9.19,9.19,0,0,1-6.68.53c-3.39-1.1-7.38.73-6.32,4.48-6.95,14-14.2,28-19.08,42.89-.54,3.38,4.77,5.3,6.37,2.15C41.71,142.91,48.1,128.9,54.94,115,68.5,116.59,77.86,102.76,89,97.58c22-.79,12.4-23.56-5.63-17.47C89,72.24,95.73,65.77,101.43,58c3.11-4.3,7.86-8.13,8.14-13.92C110,39.82,106,33.75,101.05,35.85ZM74.48,81.57l-.12.21h0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M33.51,17.35c4.73-3.46,8.76-9.74,15-10.79,1.48-.27,2.77-1.37,4-1.92C55.1,2.82,51.65,1.09,50,.54c-4.44-1.49-6.29.4-9.72,2.07-3.09,2.24-9.2,6-9.9,10.7C29.9,15.53,30.47,19.08,33.51,17.35Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M50.11,10c-2.52.48-11.47,6.47-7.58,9.22,1.72.73,3.45,1.44,5.22-.06C50,16.85,54,17,55.7,14.63c.62-1,2.27-2.83.57-3.65C54.62,9.78,51.08,9.3,50.11,10Z\"\n})));\nvar SvgWaveEfMagenta = function SvgWaveEfMagenta(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 134.35 158.94\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgWaveEfMagenta, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/wave-ef-magenta.bfe84312.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null);\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_1-2\",\n \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M121.64,12.91a63.77,63.77,0,0,0-42,23.85,67.61,67.61,0,0,0-13.8,37.56,66.4,66.4,0,0,0,9.33,38.5c7.08,11.49,18,20,30.37,25.16a69.64,69.64,0,0,0,39,4.08,61.28,61.28,0,0,0,33.83-18.84,70.24,70.24,0,0,0,17.27-34.95,63.34,63.34,0,0,0-5.12-39.06,69.46,69.46,0,0,0-64.62-37.46A61.91,61.91,0,0,0,116,13.13a3,3,0,0,0,1.6,5.78,56.13,56.13,0,0,1,17.89-1,59.6,59.6,0,0,1,8.61,1.58,65.77,65.77,0,0,1,8.77,2.91,67.47,67.47,0,0,1,15.23,8.9,63.84,63.84,0,0,1,12.43,13,55.36,55.36,0,0,1,10.07,33.79,61.91,61.91,0,0,1-3.16,17.73,64.67,64.67,0,0,1-8,16.22A57,57,0,0,1,152,133.85a61.45,61.45,0,0,1-35.41,1.46,60.83,60.83,0,0,1-30.7-18.09c-8.06-9-12.84-21-13.9-32.92a63.46,63.46,0,0,1,7-35.72A58.49,58.49,0,0,1,110.28,21.7a51.13,51.13,0,0,1,11.36-2.79,3.09,3.09,0,0,0,3-3c0-1.47-1.38-3.19-3-3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M56.16,65.24c-3.62,19.15,1.27,40.2,12.6,56a79.42,79.42,0,0,0,36,27.47,78.45,78.45,0,0,0,44.79,3.77c15.11-3.3,28.78-11.88,39-23.43a82,82,0,0,0,19.65-41.26,72.43,72.43,0,0,0-7.74-45.65A82.12,82.12,0,0,0,167.58,9.37,74.4,74.4,0,0,0,121.76.68c-15.46,2.16-30,9.6-41.48,20A79.64,79.64,0,0,0,56.37,59.93a71.62,71.62,0,0,0-1.88,11.56,3,3,0,0,0,3,3,3.07,3.07,0,0,0,3-3c1.17-14.07,7.4-27.95,16.56-38.79A76.19,76.19,0,0,1,112.58,8.85a66,66,0,0,1,42.71,1.46,76.71,76.71,0,0,1,34,25.52,67.39,67.39,0,0,1,13.86,40.45,74,74,0,0,1-12.53,40.28c-7.76,11.79-19.2,21.79-32.27,27a64.86,64.86,0,0,1-10.22,3.13A59.65,59.65,0,0,1,138,148.1,71.41,71.41,0,0,1,117,146.27a75.38,75.38,0,0,1-36.39-20.16A69.65,69.65,0,0,1,61.06,81.18,60,60,0,0,1,62,66.83a3.09,3.09,0,0,0-2.1-3.69,3,3,0,0,0-3.69,2.1Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M109.15,37.08A8.64,8.64,0,0,0,108,41.16c0,.24,0,.47,0,.7a6.19,6.19,0,0,0,.36,1.76,2.94,2.94,0,0,0,.92,1.2l.39.29a1.71,1.71,0,0,0,.23.13,5.05,5.05,0,0,0,1.17.45,5.46,5.46,0,0,0,2.54-.06,5.13,5.13,0,0,0,1.66-.77,6.28,6.28,0,0,0,1.75-1.77,6.42,6.42,0,0,0,.55-1.19,3.74,3.74,0,0,0,.23-.74,8.8,8.8,0,0,0,.19-2.29,15.88,15.88,0,0,0-.35-2.38l-.3-.72a2.23,2.23,0,0,0-.77-.84,3,3,0,0,0-1.82-.64l-1.75,0a3,3,0,0,0-2.12.87,3.1,3.1,0,0,0-.88,2.13,3,3,0,0,0,.88,2.12,3.2,3.2,0,0,0,2.12.88l1.75,0-2.89-2.21c.07.32.13.64.17,1l-.11-.8A7,7,0,0,1,112,40l.11-.8a4.08,4.08,0,0,1-.29,1.09l.31-.72a2.77,2.77,0,0,1-.38.64l.47-.61a2.53,2.53,0,0,1-.49.49l.61-.47a3.3,3.3,0,0,1-.65.39l.72-.31a3,3,0,0,1-.65.19l.8-.11a2.25,2.25,0,0,1-.58,0l.79.11a2.09,2.09,0,0,1-.43-.11l.71.3a2.3,2.3,0,0,1-.4-.23L114,41.66c0-.14,0-.28-.07-.42l.1.79a6,6,0,0,1,0-1.47l-.1.8a5.73,5.73,0,0,1,.36-1.35l-.3.72a5.12,5.12,0,0,1,.31-.62,3.11,3.11,0,0,0,.3-2.31,3,3,0,0,0-3.69-2.1,3.13,3.13,0,0,0-1.79,1.38Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M132.18,34.75a5.48,5.48,0,0,0-2.49,1.56,5.88,5.88,0,0,0-1.4,2.58,10.6,10.6,0,0,0-.16,1.11,2.41,2.41,0,0,0,0,.38,8.07,8.07,0,0,0,.14,1.1,2.59,2.59,0,0,0,.11.37,5.48,5.48,0,0,0,1.08,1.87,5.17,5.17,0,0,0,1.08.9l.29.17a8.8,8.8,0,0,0,1,.42,5.57,5.57,0,0,0,1.46.24,5.69,5.69,0,0,0,1.43-.13,5.11,5.11,0,0,0,1.32-.49,2.61,2.61,0,0,0,.28-.17,6.94,6.94,0,0,0,.86-.68,6.61,6.61,0,0,0,.65-.83,1.69,1.69,0,0,0,.17-.29,6.9,6.9,0,0,0,.39-1,5.63,5.63,0,0,0,.16-1.08,5.33,5.33,0,0,0-.12-1.44,5.39,5.39,0,0,0-.52-1.37,2.33,2.33,0,0,0-.2-.34,7.82,7.82,0,0,0-.67-.85,5.65,5.65,0,0,0-.86-.69,1.53,1.53,0,0,0-.3-.19,5.11,5.11,0,0,0-2.17-.57,2.17,2.17,0,0,0-1.15.26,2.13,2.13,0,0,0-1,.62,2.25,2.25,0,0,0-.62,1,2.32,2.32,0,0,0-.26,1.16,3.06,3.06,0,0,0,.88,2.12l.61.47a3,3,0,0,0,1.51.41h.14l-.8-.11a1.69,1.69,0,0,1,.44.12l-.72-.31a2.22,2.22,0,0,1,.42.25l-.61-.47a2.38,2.38,0,0,1,.35.36l-.47-.61a2.77,2.77,0,0,1,.33.55l-.31-.71a2.19,2.19,0,0,1,.17.62l-.1-.8a2.91,2.91,0,0,1,0,.59l.1-.8a1.55,1.55,0,0,1-.13.48l.31-.71a2,2,0,0,1-.24.39l.47-.61a2.13,2.13,0,0,1-.3.3l.61-.47a2.89,2.89,0,0,1-.44.27l.71-.31a2.28,2.28,0,0,1-.58.17l.8-.11a2.89,2.89,0,0,1-.72,0l.8.11a2.73,2.73,0,0,1-.69-.2l.72.31a2.58,2.58,0,0,1-.53-.32l.6.47a2.53,2.53,0,0,1-.36-.37l.47.61a2,2,0,0,1-.27-.47l.3.72a2.15,2.15,0,0,1-.14-.54l.1.8a3,3,0,0,1,0-.67l-.11.8a2.72,2.72,0,0,1,.19-.69l-.3.71a3,3,0,0,1,.39-.67l-.47.61a3.05,3.05,0,0,1,.47-.48l-.61.47a2.87,2.87,0,0,1,.53-.32l-.71.31a1.17,1.17,0,0,1,.24-.09,3.18,3.18,0,0,0,1.79-1.38,2.28,2.28,0,0,0,.36-1.12,2.29,2.29,0,0,0,0-1.19,3.08,3.08,0,0,0-1.38-1.8,3,3,0,0,0-2.31-.3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M156.46,37A5.1,5.1,0,0,0,153,35.62a5.67,5.67,0,0,0-3,.8,6.18,6.18,0,0,0-2.16,2.12,5.38,5.38,0,0,0-.58,1.4,5.51,5.51,0,0,0,1.43,5.12,6.65,6.65,0,0,0,2.65,1.64A5.67,5.67,0,0,0,154,47a6.51,6.51,0,0,0,1.58-.31,6.7,6.7,0,0,0,2.05-1.2,4.73,4.73,0,0,0,1.56-4.77,4.52,4.52,0,0,0-1.89-2.54,4.14,4.14,0,0,0-3.15-.5,3,3,0,0,0-1.79,1.38,3,3,0,0,0,1.07,4.1,3.33,3.33,0,0,0,2.32.31l.08,0-.8.11h.24l-.8-.1a1.11,1.11,0,0,1,.31.09l-.72-.31.21.13-.61-.47a1.59,1.59,0,0,1,.29.29l-.47-.6a1.69,1.69,0,0,1,.17.29l-.3-.72a2,2,0,0,1,.09.33l-.11-.8a1.29,1.29,0,0,1,0,.34l.1-.8a1.6,1.6,0,0,1-.11.43l.31-.71a2.4,2.4,0,0,1-.27.46l.47-.61a3.26,3.26,0,0,1-.45.46l.61-.47a3.54,3.54,0,0,1-.73.42l.72-.3a3.6,3.6,0,0,1-.78.21L154,41a3.86,3.86,0,0,1-1,0l.8.11a4.28,4.28,0,0,1-.93-.26l.72.3a3.71,3.71,0,0,1-.82-.47l.61.47a3.3,3.3,0,0,1-.56-.56l.47.61a2.91,2.91,0,0,1-.35-.62l.3.72a2.66,2.66,0,0,1-.17-.63l.11.8a2,2,0,0,1,0-.55l-.11.8a2.38,2.38,0,0,1,.16-.58l-.3.72a2.63,2.63,0,0,1,.35-.58l-.47.61a3,3,0,0,1,.54-.53l-.61.46a3.85,3.85,0,0,1,.71-.41l-.71.3a2.86,2.86,0,0,1,.71-.19l-.8.11a2.25,2.25,0,0,1,.58,0l-.79-.11a2.72,2.72,0,0,1,.49.13l-.72-.3a2.13,2.13,0,0,1,.46.27l-.61-.47.15.13a3.12,3.12,0,0,0,2.12.88,3,3,0,0,0,2.13-.88,3,3,0,0,0,.87-2.12,3.07,3.07,0,0,0-.87-2.12Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M88.26,59.87l-.77,13.88a3,3,0,0,0,2.2,2.9c21.33,3,42.88,3.27,64.38,2.75,6.05-.14,12.1-.34,18.15-.54a3,3,0,0,0,2.89-2.2,68.68,68.68,0,0,0,.64-16.7,3.1,3.1,0,0,0-3-3Q141,54.32,109.17,53.62q-9-.19-18.08-.24c-3.86,0-3.86,6,0,6q31.83.15,63.62,2.23,9,.6,18,1.35l-3-3a63.07,63.07,0,0,1-.42,15.1l2.89-2.2c-21.15.69-42.35,1.39-63.48-.16-5.83-.42-11.66-1-17.46-1.84l2.21,2.89.77-13.88a3,3,0,1,0-6,0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M131.46,92.12A41.06,41.06,0,0,0,120.29,111a7.33,7.33,0,0,0-.12,4.44c.77,2,3,3.52,5.17,4.86a14.61,14.61,0,0,0,4.88,2.24,9.72,9.72,0,0,0,8.77-3.07,11.54,11.54,0,0,0,2.45-7.57c.12-7.18-2.93-14.37-8.54-20.11\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M129.34,90a46.92,46.92,0,0,0-10.28,15.2c-1.11,2.7-2.37,5.92-2.17,8.88.22,3.48,2.53,5.8,5.25,7.67,2.43,1.68,5.09,3.34,8.06,3.76a12.59,12.59,0,0,0,8.45-1.89c5.59-3.62,6.32-10.39,5.44-16.47A32.47,32.47,0,0,0,135,89.62c-2.69-2.78-6.93,1.47-4.24,4.24a27.32,27.32,0,0,1,6.89,11.79c.94,3.5,1.7,8.75-.92,11.78a6.73,6.73,0,0,1-4.6,2.2c-2.1.1-3.87-1.07-5.63-2.19-1.46-.92-3.48-2.06-3.64-3.59a8.74,8.74,0,0,1,.62-3.26,34.76,34.76,0,0,1,1.19-3.43,40.27,40.27,0,0,1,8.89-12.92c2.74-2.73-1.5-7-4.24-4.25Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M204.17,55.74q14.75-1.07,29.51-1.47l-3-3q-.74,27.46-1.07,54.94l3-3q-16.26.08-32.47,1.2a3.07,3.07,0,0,0-3,3,3,3,0,0,0,3,3q16.22-1.12,32.47-1.2a3.06,3.06,0,0,0,3-3q.34-27.48,1.07-54.94a3,3,0,0,0-3-3q-14.76.4-29.51,1.47a3.06,3.06,0,0,0-3,3,3,3,0,0,0,3,3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M236.27,55.87l-.62-28-2.2,2.89a109.47,109.47,0,0,1,25.75-1.7l-3-3a646.9,646.9,0,0,0-2.72,81.4q.35,11.61,1.11,23.19l3-3-25.91,1.6,3,3A100.22,100.22,0,0,1,236,105.94a3.07,3.07,0,0,0-2.09-3.69,3,3,0,0,0-3.69,2.1,106.33,106.33,0,0,0-1.51,27.93,3,3,0,0,0,3,3l25.91-1.6a3,3,0,0,0,3-3,645.2,645.2,0,0,1-.21-81.44q.71-11.6,1.82-23.15c.16-1.67-1.51-2.92-3-3A116.13,116.13,0,0,0,231.85,25a3,3,0,0,0-2.2,2.89l.62,28c.09,3.85,6.09,3.87,6,0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M58,48.86Q43.31,47.8,28.53,47.39a3,3,0,0,0-3,3q.73,27.47,1.07,55a3.06,3.06,0,0,0,3,3q16.26.07,32.47,1.19a3,3,0,0,0,3-3,3.06,3.06,0,0,0-3-3q-16.2-1.11-32.47-1.19l3,3q-.33-27.48-1.07-54.95l-3,3q14.78.4,29.51,1.47a3,3,0,0,0,3-3,3.06,3.06,0,0,0-3-3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M31.94,55l.62-28a3,3,0,0,0-2.2-2.89A116.13,116.13,0,0,0,3,22.22c-1.5.07-3.16,1.32-3,3a646.77,646.77,0,0,1,2.72,81.4q-.35,11.59-1.11,23.19a3.06,3.06,0,0,0,3,3l25.91,1.59a3.06,3.06,0,0,0,3-3A106.33,106.33,0,0,0,32,103.47a3,3,0,0,0-3.69-2.09,3.06,3.06,0,0,0-2.09,3.69,100.17,100.17,0,0,1,1.29,26.33l3-3L4.62,126.81l3,3a645.36,645.36,0,0,0,.21-81.45Q7.14,36.78,6,25.22l-3,3a109,109,0,0,1,25.76,1.7L26.56,27l-.62,28c-.09,3.87,5.91,3.86,6,0Z\"\n})));\nvar SvgMeterEfWhite = function SvgMeterEfWhite(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 262.21 154.21\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgMeterEfWhite, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/meter-ef-white.ded79d6b.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null);\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_1-2\",\n \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M121.64,12.91a63.77,63.77,0,0,0-42,23.85,67.61,67.61,0,0,0-13.8,37.56,66.4,66.4,0,0,0,9.33,38.5c7.08,11.49,18,20,30.37,25.16a69.64,69.64,0,0,0,39,4.08,61.28,61.28,0,0,0,33.83-18.84,70.24,70.24,0,0,0,17.27-34.95,63.34,63.34,0,0,0-5.12-39.06,69.46,69.46,0,0,0-64.62-37.46A61.91,61.91,0,0,0,116,13.13a3,3,0,0,0,1.6,5.78,56.13,56.13,0,0,1,17.89-1,59.6,59.6,0,0,1,8.61,1.58,65.77,65.77,0,0,1,8.77,2.91,67.47,67.47,0,0,1,15.23,8.9,63.84,63.84,0,0,1,12.43,13,55.36,55.36,0,0,1,10.07,33.79,61.91,61.91,0,0,1-3.16,17.73,64.67,64.67,0,0,1-8,16.22A57,57,0,0,1,152,133.85a61.45,61.45,0,0,1-35.41,1.46,60.83,60.83,0,0,1-30.7-18.09c-8.06-9-12.84-21-13.9-32.92a63.46,63.46,0,0,1,7-35.72A58.49,58.49,0,0,1,110.28,21.7a51.13,51.13,0,0,1,11.36-2.79,3.09,3.09,0,0,0,3-3c0-1.47-1.38-3.19-3-3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M56.16,65.24c-3.62,19.15,1.27,40.2,12.6,56a79.42,79.42,0,0,0,36,27.47,78.45,78.45,0,0,0,44.79,3.77c15.11-3.3,28.78-11.88,39-23.43a82,82,0,0,0,19.65-41.26,72.43,72.43,0,0,0-7.74-45.65A82.12,82.12,0,0,0,167.58,9.37,74.4,74.4,0,0,0,121.76.68c-15.46,2.16-30,9.6-41.48,20A79.64,79.64,0,0,0,56.37,59.93a71.62,71.62,0,0,0-1.88,11.56,3,3,0,0,0,3,3,3.07,3.07,0,0,0,3-3c1.17-14.07,7.4-27.95,16.56-38.79A76.19,76.19,0,0,1,112.58,8.85a66,66,0,0,1,42.71,1.46,76.71,76.71,0,0,1,34,25.52,67.39,67.39,0,0,1,13.86,40.45,74,74,0,0,1-12.53,40.28c-7.76,11.79-19.2,21.79-32.27,27a64.86,64.86,0,0,1-10.22,3.13A59.65,59.65,0,0,1,138,148.1,71.41,71.41,0,0,1,117,146.27a75.38,75.38,0,0,1-36.39-20.16A69.65,69.65,0,0,1,61.06,81.18,60,60,0,0,1,62,66.83a3.09,3.09,0,0,0-2.1-3.69,3,3,0,0,0-3.69,2.1Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M109.15,37.08A8.64,8.64,0,0,0,108,41.16c0,.24,0,.47,0,.7a6.19,6.19,0,0,0,.36,1.76,2.94,2.94,0,0,0,.92,1.2l.39.29a1.71,1.71,0,0,0,.23.13,5.05,5.05,0,0,0,1.17.45,5.46,5.46,0,0,0,2.54-.06,5.13,5.13,0,0,0,1.66-.77,6.28,6.28,0,0,0,1.75-1.77,6.42,6.42,0,0,0,.55-1.19,3.74,3.74,0,0,0,.23-.74,8.8,8.8,0,0,0,.19-2.29,15.88,15.88,0,0,0-.35-2.38l-.3-.72a2.23,2.23,0,0,0-.77-.84,3,3,0,0,0-1.82-.64l-1.75,0a3,3,0,0,0-2.12.87,3.1,3.1,0,0,0-.88,2.13,3,3,0,0,0,.88,2.12,3.2,3.2,0,0,0,2.12.88l1.75,0-2.89-2.21c.07.32.13.64.17,1l-.11-.8A7,7,0,0,1,112,40l.11-.8a4.08,4.08,0,0,1-.29,1.09l.31-.72a2.77,2.77,0,0,1-.38.64l.47-.61a2.53,2.53,0,0,1-.49.49l.61-.47a3.3,3.3,0,0,1-.65.39l.72-.31a3,3,0,0,1-.65.19l.8-.11a2.25,2.25,0,0,1-.58,0l.79.11a2.09,2.09,0,0,1-.43-.11l.71.3a2.3,2.3,0,0,1-.4-.23L114,41.66c0-.14,0-.28-.07-.42l.1.79a6,6,0,0,1,0-1.47l-.1.8a5.73,5.73,0,0,1,.36-1.35l-.3.72a5.12,5.12,0,0,1,.31-.62,3.11,3.11,0,0,0,.3-2.31,3,3,0,0,0-3.69-2.1,3.13,3.13,0,0,0-1.79,1.38Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M132.18,34.75a5.48,5.48,0,0,0-2.49,1.56,5.88,5.88,0,0,0-1.4,2.58,10.6,10.6,0,0,0-.16,1.11,2.41,2.41,0,0,0,0,.38,8.07,8.07,0,0,0,.14,1.1,2.59,2.59,0,0,0,.11.37,5.48,5.48,0,0,0,1.08,1.87,5.17,5.17,0,0,0,1.08.9l.29.17a8.8,8.8,0,0,0,1,.42,5.57,5.57,0,0,0,1.46.24,5.69,5.69,0,0,0,1.43-.13,5.11,5.11,0,0,0,1.32-.49,2.61,2.61,0,0,0,.28-.17,6.94,6.94,0,0,0,.86-.68,6.61,6.61,0,0,0,.65-.83,1.69,1.69,0,0,0,.17-.29,6.9,6.9,0,0,0,.39-1,5.63,5.63,0,0,0,.16-1.08,5.33,5.33,0,0,0-.12-1.44,5.39,5.39,0,0,0-.52-1.37,2.33,2.33,0,0,0-.2-.34,7.82,7.82,0,0,0-.67-.85,5.65,5.65,0,0,0-.86-.69,1.53,1.53,0,0,0-.3-.19,5.11,5.11,0,0,0-2.17-.57,2.17,2.17,0,0,0-1.15.26,2.13,2.13,0,0,0-1,.62,2.25,2.25,0,0,0-.62,1,2.32,2.32,0,0,0-.26,1.16,3.06,3.06,0,0,0,.88,2.12l.61.47a3,3,0,0,0,1.51.41h.14l-.8-.11a1.69,1.69,0,0,1,.44.12l-.72-.31a2.22,2.22,0,0,1,.42.25l-.61-.47a2.38,2.38,0,0,1,.35.36l-.47-.61a2.77,2.77,0,0,1,.33.55l-.31-.71a2.19,2.19,0,0,1,.17.62l-.1-.8a2.91,2.91,0,0,1,0,.59l.1-.8a1.55,1.55,0,0,1-.13.48l.31-.71a2,2,0,0,1-.24.39l.47-.61a2.13,2.13,0,0,1-.3.3l.61-.47a2.89,2.89,0,0,1-.44.27l.71-.31a2.28,2.28,0,0,1-.58.17l.8-.11a2.89,2.89,0,0,1-.72,0l.8.11a2.73,2.73,0,0,1-.69-.2l.72.31a2.58,2.58,0,0,1-.53-.32l.6.47a2.53,2.53,0,0,1-.36-.37l.47.61a2,2,0,0,1-.27-.47l.3.72a2.15,2.15,0,0,1-.14-.54l.1.8a3,3,0,0,1,0-.67l-.11.8a2.72,2.72,0,0,1,.19-.69l-.3.71a3,3,0,0,1,.39-.67l-.47.61a3.05,3.05,0,0,1,.47-.48l-.61.47a2.87,2.87,0,0,1,.53-.32l-.71.31a1.17,1.17,0,0,1,.24-.09,3.18,3.18,0,0,0,1.79-1.38,2.28,2.28,0,0,0,.36-1.12,2.29,2.29,0,0,0,0-1.19,3.08,3.08,0,0,0-1.38-1.8,3,3,0,0,0-2.31-.3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M156.46,37A5.1,5.1,0,0,0,153,35.62a5.67,5.67,0,0,0-3,.8,6.18,6.18,0,0,0-2.16,2.12,5.38,5.38,0,0,0-.58,1.4,5.51,5.51,0,0,0,1.43,5.12,6.65,6.65,0,0,0,2.65,1.64A5.67,5.67,0,0,0,154,47a6.51,6.51,0,0,0,1.58-.31,6.7,6.7,0,0,0,2.05-1.2,4.73,4.73,0,0,0,1.56-4.77,4.52,4.52,0,0,0-1.89-2.54,4.14,4.14,0,0,0-3.15-.5,3,3,0,0,0-1.79,1.38,3,3,0,0,0,1.07,4.1,3.33,3.33,0,0,0,2.32.31l.08,0-.8.11h.24l-.8-.1a1.11,1.11,0,0,1,.31.09l-.72-.31.21.13-.61-.47a1.59,1.59,0,0,1,.29.29l-.47-.6a1.69,1.69,0,0,1,.17.29l-.3-.72a2,2,0,0,1,.09.33l-.11-.8a1.29,1.29,0,0,1,0,.34l.1-.8a1.6,1.6,0,0,1-.11.43l.31-.71a2.4,2.4,0,0,1-.27.46l.47-.61a3.26,3.26,0,0,1-.45.46l.61-.47a3.54,3.54,0,0,1-.73.42l.72-.3a3.6,3.6,0,0,1-.78.21L154,41a3.86,3.86,0,0,1-1,0l.8.11a4.28,4.28,0,0,1-.93-.26l.72.3a3.71,3.71,0,0,1-.82-.47l.61.47a3.3,3.3,0,0,1-.56-.56l.47.61a2.91,2.91,0,0,1-.35-.62l.3.72a2.66,2.66,0,0,1-.17-.63l.11.8a2,2,0,0,1,0-.55l-.11.8a2.38,2.38,0,0,1,.16-.58l-.3.72a2.63,2.63,0,0,1,.35-.58l-.47.61a3,3,0,0,1,.54-.53l-.61.46a3.85,3.85,0,0,1,.71-.41l-.71.3a2.86,2.86,0,0,1,.71-.19l-.8.11a2.25,2.25,0,0,1,.58,0l-.79-.11a2.72,2.72,0,0,1,.49.13l-.72-.3a2.13,2.13,0,0,1,.46.27l-.61-.47.15.13a3.12,3.12,0,0,0,2.12.88,3,3,0,0,0,2.13-.88,3,3,0,0,0,.87-2.12,3.07,3.07,0,0,0-.87-2.12Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M88.26,59.87l-.77,13.88a3,3,0,0,0,2.2,2.9c21.33,3,42.88,3.27,64.38,2.75,6.05-.14,12.1-.34,18.15-.54a3,3,0,0,0,2.89-2.2,68.68,68.68,0,0,0,.64-16.7,3.1,3.1,0,0,0-3-3Q141,54.32,109.17,53.62q-9-.19-18.08-.24c-3.86,0-3.86,6,0,6q31.83.15,63.62,2.23,9,.6,18,1.35l-3-3a63.07,63.07,0,0,1-.42,15.1l2.89-2.2c-21.15.69-42.35,1.39-63.48-.16-5.83-.42-11.66-1-17.46-1.84l2.21,2.89.77-13.88a3,3,0,1,0-6,0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M131.46,92.12A41.06,41.06,0,0,0,120.29,111a7.33,7.33,0,0,0-.12,4.44c.77,2,3,3.52,5.17,4.86a14.61,14.61,0,0,0,4.88,2.24,9.72,9.72,0,0,0,8.77-3.07,11.54,11.54,0,0,0,2.45-7.57c.12-7.18-2.93-14.37-8.54-20.11\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M129.34,90a46.92,46.92,0,0,0-10.28,15.2c-1.11,2.7-2.37,5.92-2.17,8.88.22,3.48,2.53,5.8,5.25,7.67,2.43,1.68,5.09,3.34,8.06,3.76a12.59,12.59,0,0,0,8.45-1.89c5.59-3.62,6.32-10.39,5.44-16.47A32.47,32.47,0,0,0,135,89.62c-2.69-2.78-6.93,1.47-4.24,4.24a27.32,27.32,0,0,1,6.89,11.79c.94,3.5,1.7,8.75-.92,11.78a6.73,6.73,0,0,1-4.6,2.2c-2.1.1-3.87-1.07-5.63-2.19-1.46-.92-3.48-2.06-3.64-3.59a8.74,8.74,0,0,1,.62-3.26,34.76,34.76,0,0,1,1.19-3.43,40.27,40.27,0,0,1,8.89-12.92c2.74-2.73-1.5-7-4.24-4.25Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M204.17,55.74q14.75-1.07,29.51-1.47l-3-3q-.74,27.46-1.07,54.94l3-3q-16.26.08-32.47,1.2a3.07,3.07,0,0,0-3,3,3,3,0,0,0,3,3q16.22-1.12,32.47-1.2a3.06,3.06,0,0,0,3-3q.34-27.48,1.07-54.94a3,3,0,0,0-3-3q-14.76.4-29.51,1.47a3.06,3.06,0,0,0-3,3,3,3,0,0,0,3,3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M236.27,55.87l-.62-28-2.2,2.89a109.47,109.47,0,0,1,25.75-1.7l-3-3a646.9,646.9,0,0,0-2.72,81.4q.35,11.61,1.11,23.19l3-3-25.91,1.6,3,3A100.22,100.22,0,0,1,236,105.94a3.07,3.07,0,0,0-2.09-3.69,3,3,0,0,0-3.69,2.1,106.33,106.33,0,0,0-1.51,27.93,3,3,0,0,0,3,3l25.91-1.6a3,3,0,0,0,3-3,645.2,645.2,0,0,1-.21-81.44q.71-11.6,1.82-23.15c.16-1.67-1.51-2.92-3-3A116.13,116.13,0,0,0,231.85,25a3,3,0,0,0-2.2,2.89l.62,28c.09,3.85,6.09,3.87,6,0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M58,48.86Q43.31,47.8,28.53,47.39a3,3,0,0,0-3,3q.73,27.47,1.07,55a3.06,3.06,0,0,0,3,3q16.26.07,32.47,1.19a3,3,0,0,0,3-3,3.06,3.06,0,0,0-3-3q-16.2-1.11-32.47-1.19l3,3q-.33-27.48-1.07-54.95l-3,3q14.78.4,29.51,1.47a3,3,0,0,0,3-3,3.06,3.06,0,0,0-3-3Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M31.94,55l.62-28a3,3,0,0,0-2.2-2.89A116.13,116.13,0,0,0,3,22.22c-1.5.07-3.16,1.32-3,3a646.77,646.77,0,0,1,2.72,81.4q-.35,11.59-1.11,23.19a3.06,3.06,0,0,0,3,3l25.91,1.59a3.06,3.06,0,0,0,3-3A106.33,106.33,0,0,0,32,103.47a3,3,0,0,0-3.69-2.09,3.06,3.06,0,0,0-2.09,3.69,100.17,100.17,0,0,1,1.29,26.33l3-3L4.62,126.81l3,3a645.36,645.36,0,0,0,.21-81.45Q7.14,36.78,6,25.22l-3,3a109,109,0,0,1,25.76,1.7L26.56,27l-.62,28c-.09,3.87,5.91,3.86,6,0Z\"\n})));\nvar SvgMeterEfMagenta = function SvgMeterEfMagenta(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 262.21 154.21\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgMeterEfMagenta, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/meter-ef-magenta.5558c61f.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null);\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_1-2\",\n \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M132.31,25.42c-.17-6.38-.37-13.61-4.82-18.86A17.23,17.23,0,0,0,114.84.36c-.73,0-1.44.06-2,.12C105,.16,97.16,0,89.44,0,78.57,0,67.61.32,56.85,1c-8.31.48-18.15,1.12-28,2.2l-.6.07c-4.76.51-10.15,1.09-13.44,5.21-3.82,4.79-3.4,11.69-3.06,17.24a230.78,230.78,0,0,0,2.91,23.56c.73,4.37,1.53,8.77,2.3,13,2.35,12.95,4.78,26.32,5.34,39.67L18,102c-.82,0-1.92-.09-3.13-.18-1.49-.12-3.19-.25-4.85-.25-4.64,0-7.41,1.08-8.69,3.39C-1,109.15.14,117.83,2,122c4,9.05,13.85,10.22,22,10.22,2.19,0,4.33-.09,6.46-.18h.13c1.7-.07,3.3-.14,4.77-.15l5.47,0c16.12-.05,32.79-.11,49.16-1.69a2.55,2.55,0,0,0,1-.32,26.23,26.23,0,0,0,3.18-.2c8.42-1,13.85-4.45,16.13-10.13,3-7.43,1.52-16.1.22-23.75l-.37-2.23c-.74-4.52-1.59-9.11-2.4-13.55-2.88-15.62-5.85-31.76-5-47.41l3.65,0h.45c2.35,0,4.69.07,7,.07a118.26,118.26,0,0,0,16.38-1A2.75,2.75,0,0,0,132.44,29c-.07-1.14-.1-2.32-.13-3.52ZM26.41,127.7l-.24-1.23c-1.29,0-2.62.08-4,.08-3.92,0-8.38-.32-11.7-2.68-2.81-2-4.25-5-4.54-9.56s.87-6,5-6.64a60,60,0,0,1,8.92-.53c1.55,0,3.11,0,4.66.06h.42c2.36,0,4.71.09,7,0l40.73-.83c.24,5.24,2.44,11.48,6,17a16.59,16.59,0,0,0,1.51,2c-8.8.58-18.4.87-30.61.94-2.81,0-5.62,0-8.44,0h-1q-5.33,0-10.63.06c-1,0-2,0-3.09.07Zm50.2-26.61a2.89,2.89,0,0,0-1.17-.25h0l-47.65,1c-.58-13.75-3.06-27.44-5.46-40.69l-.13-.71C20.82,52.83,19.4,45,18.39,37.18c-.15-1.16-.36-2.47-.58-3.86-1-6.36-2.24-14.28,0-19,2.69-5.66,10.76-6,17.25-6.3,1.39-.06,2.72-.12,3.93-.22C47.52,7,55.34,6.51,62.93,6.14c13.21-.64,27.05-.78,41.18-.4-3.58,4.43-5,10.75-5.94,17-1.35,9-1.29,18.89.22,31.25.92,7.57,2.17,15.2,3.38,22.58L103,84.19c.34,2.16.73,4.33,1.13,6.5,1.13,6.24,2.3,12.7,2.21,19-.1,7.25-2.22,11.15-7.1,13.05a25,25,0,0,1-8.48,1.77A10.12,10.12,0,0,1,87,123.9c-5.64-2.23-9.47-14.13-8.81-20.13h0A2.49,2.49,0,0,0,76.61,101.09Zm48.28-74.21h0a21.21,21.21,0,0,1-4.77.39h-2.39l-2.55,0c-2.71,0-5.47-.07-7.9-.13h-.56l-3.55-.08c.21-2,.47-3.78.77-5.44Q107.2,3.8,116.87,6.06c5.9,1.37,9.08,6.45,9.72,15.53,0,.66.12,1.26.19,1.85C127.1,26,127.15,26.34,124.89,26.88Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M83.7,24.31h0A2.56,2.56,0,0,0,81,21.82h-.14c-16.75,1.64-33.77,2.48-50.57,2.49a2.76,2.76,0,0,0,0,5.51c16.9,0,34-.85,50.86-2.49A2.84,2.84,0,0,0,83.7,24.31Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M33.42,50.05l.37,0A284.68,284.68,0,0,1,80.1,46.6a2.67,2.67,0,0,0,2.71-2.76h0a2.67,2.67,0,0,0-2.71-2.75,291.09,291.09,0,0,0-47.47,3.54,2.51,2.51,0,0,0-2.15,2.75,2.92,2.92,0,0,0,2.94,2.67Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M35.51,68.76h0l.32,0c8.28-1,16.87-2.1,25.43-1.82,2.08.07,4.24.29,6.27.49,2.46.24,5,.49,7.54.49a27.06,27.06,0,0,0,8.34-1.18,2.74,2.74,0,0,0,1.88-3.08,2.66,2.66,0,0,0-3.46-2.21,23.94,23.94,0,0,1-7.32,1,77.78,77.78,0,0,1-7.78-.53c-2.53-.26-5.14-.53-7.74-.55h-.67A185.61,185.61,0,0,0,35.5,63.25,2.88,2.88,0,0,0,33,66.33,2.49,2.49,0,0,0,35.51,68.76Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M86.26,83.74a2.63,2.63,0,0,0-2.72-2.64h-.05c-5.23.23-10.57.32-15.84.42-10.47.19-21.29.39-31.92,1.66a2.87,2.87,0,0,0-2.51,3.08,2.52,2.52,0,0,0,2.59,2.44h0l.27,0C46.61,87.42,57.39,87.22,67.8,87H68c5.13-.09,10.43-.19,15.65-.41A2.74,2.74,0,0,0,86.26,83.74Z\"\n})));\nvar SvgBillEfWhite = function SvgBillEfWhite(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 132.44 132.19\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgBillEfWhite, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/bill-ef-white.e15f6d11.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_1-2\",\n \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M132.31,25.42c-.17-6.38-.37-13.61-4.82-18.86A17.23,17.23,0,0,0,114.84.36c-.73,0-1.44.06-2,.12C105,.16,97.16,0,89.44,0,78.57,0,67.61.32,56.85,1c-8.31.48-18.15,1.12-28,2.2l-.6.07c-4.76.51-10.15,1.09-13.44,5.21-3.82,4.79-3.4,11.69-3.06,17.24a230.78,230.78,0,0,0,2.91,23.56c.73,4.37,1.53,8.77,2.3,13,2.35,12.95,4.78,26.32,5.34,39.67L18,102c-.82,0-1.92-.09-3.13-.18-1.49-.12-3.19-.25-4.85-.25-4.64,0-7.41,1.08-8.69,3.39C-1,109.15.14,117.83,2,122c4,9.05,13.85,10.22,22,10.22,2.19,0,4.33-.09,6.46-.18h.13c1.7-.07,3.3-.14,4.77-.15l5.47,0c16.12-.05,32.79-.11,49.16-1.69a2.55,2.55,0,0,0,1-.32,26.23,26.23,0,0,0,3.18-.2c8.42-1,13.85-4.45,16.13-10.13,3-7.43,1.52-16.1.22-23.75l-.37-2.23c-.74-4.52-1.59-9.11-2.4-13.55-2.88-15.62-5.85-31.76-5-47.41l3.65,0h.45c2.35,0,4.69.07,7,.07a118.26,118.26,0,0,0,16.38-1A2.75,2.75,0,0,0,132.44,29c-.07-1.14-.1-2.32-.13-3.52ZM26.41,127.7l-.24-1.23c-1.29,0-2.62.08-4,.08-3.92,0-8.38-.32-11.7-2.68-2.81-2-4.25-5-4.54-9.56s.87-6,5-6.64a60,60,0,0,1,8.92-.53c1.55,0,3.11,0,4.66.06h.42c2.36,0,4.71.09,7,0l40.73-.83c.24,5.24,2.44,11.48,6,17a16.59,16.59,0,0,0,1.51,2c-8.8.58-18.4.87-30.61.94-2.81,0-5.62,0-8.44,0h-1q-5.33,0-10.63.06c-1,0-2,0-3.09.07Zm50.2-26.61a2.89,2.89,0,0,0-1.17-.25h0l-47.65,1c-.58-13.75-3.06-27.44-5.46-40.69l-.13-.71C20.82,52.83,19.4,45,18.39,37.18c-.15-1.16-.36-2.47-.58-3.86-1-6.36-2.24-14.28,0-19,2.69-5.66,10.76-6,17.25-6.3,1.39-.06,2.72-.12,3.93-.22C47.52,7,55.34,6.51,62.93,6.14c13.21-.64,27.05-.78,41.18-.4-3.58,4.43-5,10.75-5.94,17-1.35,9-1.29,18.89.22,31.25.92,7.57,2.17,15.2,3.38,22.58L103,84.19c.34,2.16.73,4.33,1.13,6.5,1.13,6.24,2.3,12.7,2.21,19-.1,7.25-2.22,11.15-7.1,13.05a25,25,0,0,1-8.48,1.77A10.12,10.12,0,0,1,87,123.9c-5.64-2.23-9.47-14.13-8.81-20.13h0A2.49,2.49,0,0,0,76.61,101.09Zm48.28-74.21h0a21.21,21.21,0,0,1-4.77.39h-2.39l-2.55,0c-2.71,0-5.47-.07-7.9-.13h-.56l-3.55-.08c.21-2,.47-3.78.77-5.44Q107.2,3.8,116.87,6.06c5.9,1.37,9.08,6.45,9.72,15.53,0,.66.12,1.26.19,1.85C127.1,26,127.15,26.34,124.89,26.88Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M83.7,24.31h0A2.56,2.56,0,0,0,81,21.82h-.14c-16.75,1.64-33.77,2.48-50.57,2.49a2.76,2.76,0,0,0,0,5.51c16.9,0,34-.85,50.86-2.49A2.84,2.84,0,0,0,83.7,24.31Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M33.42,50.05l.37,0A284.68,284.68,0,0,1,80.1,46.6a2.67,2.67,0,0,0,2.71-2.76h0a2.67,2.67,0,0,0-2.71-2.75,291.09,291.09,0,0,0-47.47,3.54,2.51,2.51,0,0,0-2.15,2.75,2.92,2.92,0,0,0,2.94,2.67Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M35.51,68.76h0l.32,0c8.28-1,16.87-2.1,25.43-1.82,2.08.07,4.24.29,6.27.49,2.46.24,5,.49,7.54.49a27.06,27.06,0,0,0,8.34-1.18,2.74,2.74,0,0,0,1.88-3.08,2.66,2.66,0,0,0-3.46-2.21,23.94,23.94,0,0,1-7.32,1,77.78,77.78,0,0,1-7.78-.53c-2.53-.26-5.14-.53-7.74-.55h-.67A185.61,185.61,0,0,0,35.5,63.25,2.88,2.88,0,0,0,33,66.33,2.49,2.49,0,0,0,35.51,68.76Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ff0086\",\n d: \"M86.26,83.74a2.63,2.63,0,0,0-2.72-2.64h-.05c-5.23.23-10.57.32-15.84.42-10.47.19-21.29.39-31.92,1.66a2.87,2.87,0,0,0-2.51,3.08,2.52,2.52,0,0,0,2.59,2.44h0l.27,0C46.61,87.42,57.39,87.22,67.8,87H68c5.13-.09,10.43-.19,15.65-.41A2.74,2.74,0,0,0,86.26,83.74Z\"\n})));\nvar SvgBillEfMagenta = function SvgBillEfMagenta(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 132.44 132.19\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgBillEfMagenta, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/bill-ef-magenta.d3740d55.svg\";\nexport { ForwardRef as ReactComponent };","import { InformationLog, WarningLog } from '../../components/Shared/ServerLogging';\r\nimport { useEffect, useState } from 'react';\r\n\r\nexport const useConfig = (path) => {\r\n const [config, setConfig] = useState();\r\n\r\n const fetchData = async (path, signal) => {\r\n const response = await fetch(`/api/Configuration/${path}`, { signal: signal });\r\n return response.json();\r\n };\r\n\r\n useEffect(() => {\r\n const controller = new AbortController();\r\n const signal = controller.signal;\r\n\r\n fetchData(path, signal)\r\n .then(data => {\r\n setConfig(data);\r\n InformationLog(`Completed Action: Reading server configuration, [${path}]`);\r\n })\r\n .catch(err => {\r\n if (err.name === 'AbortError') {\r\n WarningLog(`Aborted Action: Reading server configuration, [${path}]`);\r\n }\r\n else {\r\n WarningLog(`Error reading server configuration, [${path}]:`, err);\r\n }\r\n });\r\n\r\n return () => {\r\n controller.abort();\r\n }\r\n\r\n }, [path]);\r\n\r\n return config;\r\n};\r\n\r\nexport default useConfig;","import React, { useEffect } from 'react';\r\nimport WhiteButton from '../../../Shared/WhiteButton';\r\nimport { ReactComponent as HomeOn } from '../../../Shared/svgs/wave-ef-white.svg';\r\nimport { ReactComponent as HomeOff } from '../../../Shared/svgs/wave-ef-magenta.svg';\r\nimport { ReactComponent as MetersOn } from '../../../Shared/svgs/meter-ef-white.svg';\r\nimport { ReactComponent as MetersOff } from '../../../Shared/svgs/meter-ef-magenta.svg';\r\nimport { ReactComponent as BillsOn } from '../../../Shared/svgs/bill-ef-white.svg';\r\nimport { ReactComponent as BillsOff } from '../../../Shared/svgs/bill-ef-magenta.svg';\r\nimport { useHistory, useRouteMatch } from \"react-router-dom\";\r\nimport useConfig from '../../../../lib/hooks/useConfig';\r\n\r\nconst DashboardContent = ({ children, helpLink }) => {\r\n const match = useRouteMatch('/dashboard/:section');\r\n const history = useHistory();\r\n const tab = match && match.params && match.params.section;\r\n const ccConfig = useConfig('card-payment-config');\r\n\r\n useEffect(() => {\r\n if (tab && ['home', 'meters', 'billing', 'customer'].indexOf(tab) === -1) history.push('/404');\r\n }, [tab, ccConfig])\r\n\r\n return (\r\n <>\r\n \r\n history.push('/dashboard/home')}\r\n >\r\n {tab === 'home' ? history.push('/dashboard/meters')}\r\n >\r\n {tab === 'meters' ? history.push('/dashboard/billing')}\r\n >\r\n {tab === 'billing' ?
\r\n \r\n {children({ tab, helpLink })}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default DashboardContent\r\n","import React, { useState } from 'react';\r\n\r\nconst PaymentButton = ({ enabled = false, togglePaymentAmountChoice }) => {\r\n\r\n const [paymentButtonOpen, setPaymentButtonOpen] = useState(false);\r\n\r\n return (\r\n <>\r\n \r\n {paymentButtonOpen}\r\n \r\n )\r\n}\r\n\r\nexport default PaymentButton","import React from 'react';\r\n\r\nexport function PoundSymbol()\r\n{\r\n var formattedValue = `£`;\r\n return ;\r\n};\r\n\r\nexport function PoundCurrency(value)\r\n{\r\n var formattedValue;\r\n var floatVal = parseFloat(value);\r\n\r\n if (floatVal < 0)\r\n {\r\n formattedValue = `-£${Math.abs(floatVal).toFixed(2)}`\r\n }\r\n else\r\n {\r\n formattedValue = value ? `£${floatVal.toFixed(2)}` : `£0.00`;\r\n }\r\n\r\n return ;\r\n};\r\n\r\nexport default PoundSymbol","import WebAPI from './api-calls';\r\nimport { rateHandler } from './rate-handler';\r\n\r\nexport const paymentUrl = async ({ payAmount }) => {\r\n\r\n const task = async (res, rej) => {\r\n console.log('ratelimit paymentUrl', payAmount)\r\n\r\n if (!payAmount) return rej(new Error('Missing data from request'))\r\n\r\n const webApi = new WebAPI();\r\n await webApi.postToWebApiWithAccessTokenAsync(`/api/card-payment-url`, JSON.stringify({ \"Amount\": parseFloat(payAmount) }))\r\n .then(resp => {\r\n if (!resp) {\r\n return res({ success: true });\r\n }\r\n\r\n return res({ success: true, data: resp.data });\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n rej(err);\r\n })\r\n }\r\n return rateHandler(task);\r\n}","import React, { useState } from 'react';\r\nimport { useHistory, useLocation } from \"react-router\";\r\nimport InputButton from '../FormComponents/InputButton/index';\r\nimport { PoundCurrency } from '../EncodingManipulation';\r\nimport { paymentUrl } from '../../../lib/api/payments';\r\n\r\nconst PaymentAmountChoice = ({ accountBalance }) => {\r\n const [otherAmount, setOtherAmount] = useState(\"5.00\")\r\n const [option, setOption] = useState(\"account-balance\")\r\n const [submitting, setSubmitting] = useState(false)\r\n const [amountValidationError, setAmountValidationError] = useState()\r\n const history = useHistory()\r\n const location = useLocation()\r\n\r\n const onCustomAmountSelected = () => {\r\n if (window?.mixpanel?.track) {\r\n window.mixpanel.track(\"Pay Now Custom Amount Selected\")\r\n }\r\n setOption(\"other-amount\")\r\n }\r\n\r\n const onAccountBalanceSelected = () => {\r\n if (window?.mixpanel?.track) {\r\n window.mixpanel.track(\"Pay Now Account Balance Selected\")\r\n }\r\n setOption(\"account-balance\")\r\n }\r\n\r\n const submitChoice = async (event) => {\r\n event.preventDefault();\r\n if (submitting) {\r\n console.warn(\"submit clicked again while already submitting\")\r\n return\r\n }\r\n\r\n const minAmount = 5.00;\r\n let payAmount = 0;\r\n if (option == \"account-balance\") {\r\n payAmount = accountBalance.toString();\r\n } else {\r\n payAmount = otherAmount\r\n }\r\n if (!(parseFloat(payAmount) >= minAmount)) {\r\n console.error(`pay amount must be greater than ${minAmount}`);\r\n setAmountValidationError(`Payment must be greater than £${minAmount}`);\r\n return null;\r\n } else if (payAmount > accountBalance) {\r\n console.error(`pay amount must be less than ${accountBalance}`);\r\n setAmountValidationError(`Payments must not be greater than the account balance`);\r\n return null;\r\n } else {\r\n if (amountValidationError) setAmountValidationError(null);\r\n }\r\n\r\n setSubmitting(true);\r\n\r\n await paymentUrl({ payAmount })\r\n .then(res => {\r\n if (!res.data.data.redirectUrl) {\r\n throw new Error(\"redirectUrl is not present in the returned json\")\r\n }\r\n let forwardTo = res.data.data.redirectUrl;\r\n history.push('/cardpayment', { targetUrl: forwardTo, from: location.pathname })\r\n })\r\n .catch(err => {\r\n console.log(err)\r\n setSubmitting(false)\r\n })\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default PaymentAmountChoice","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\r\\n\\t.st0{fill:#FF0082;}\\r\\n\");\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n className: \"st0\",\n d: \"M456.1,264.3c0-15.7-4.6-30.8-13.4-43.7c-4.2-6.2-33.6-57.8-51.1-88.9l-13.1-23.3l-13,23.3 c-6.7,11.9-14.8,26.4-22.7,40.2C313.3,120.4,284,68.3,283.7,67.8l-13.1-23.3l-13,23.3c-1,1.8-101.3,180.8-118.4,205.9 c-18,26.4-27.5,57.4-27.5,89.4c0,87.7,71.3,159,159,159s159-71.3,159-159c0-12.5-1.5-24.9-4.3-36.9C444,312,456.1,289.6,456.1,264.3 z M399.6,363.1c0,71.1-57.9,129-129,129s-129-57.9-129-129c0-26,7.7-51.1,22.3-72.6c14.2-20.8,78.6-134.9,106.7-184.9 c13.3,23.5,34.7,61.3,54.8,96.5c-5.3,9.1-9.4,16-11.1,18.5c-8.8,12.9-13.4,28-13.4,43.7c0,42.8,34.8,77.6,77.6,77.6 c6.5,0,12.8-0.8,18.9-2.3C398.9,347.3,399.6,355.2,399.6,363.1z M378.5,311.9c-26.2,0-47.6-21.4-47.6-47.6c0-9.6,2.8-18.9,8.2-26.8 c5.3-7.8,25.6-43.4,39.4-67.9c14.2,25,35,61.6,39.3,67.9c5.4,7.9,8.2,17.2,8.2,26.8C426.1,290.6,404.8,311.9,378.5,311.9z\"\n});\nvar SvgWaterEfMagenta = function SvgWaterEfMagenta(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 566.9 566.9\",\n style: {\n enableBackground: \"new 0 0 566.9 566.9\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgWaterEfMagenta, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/water-ef-magenta.e8bead99.svg\";\nexport { ForwardRef as ReactComponent };","import WebAPI from './api-calls';\r\nimport moment from 'moment'\r\nimport { rateHandler } from './rate-handler';\r\n\r\nexport const searchSPIDs = async (search, page, perPage) => {\r\n const task = async (res, rej) => {\r\n if (!perPage) perPage = 10;\r\n\r\n const request = {\r\n page,\r\n perPage,\r\n search\r\n }\r\n\r\n const webApi = new WebAPI();\r\n const url = webApi.getEndpointWithQuerystringPayload('/api/account-search-meterswithcount', request);\r\n await webApi.getFromWebApiWithAccessTokenAsync(url)\r\n .then(resp => {\r\n if (!resp) {\r\n return res({ success: true, request });\r\n }\r\n\r\n return res({ success: true, data: resp.data, request: request })\r\n })\r\n .catch(err => {\r\n console.log('listener:', err.response.status, err);\r\n rej(err);\r\n })\r\n }\r\n return rateHandler(task);\r\n}\r\n\r\nexport const fetchMeterData = (spid) => {\r\n const task = async (res, rej) => {\r\n try {\r\n const meters = listMeters(spid);\r\n const locations = listPremises(spid);\r\n\r\n const [meterResp, locationResp] = await Promise.all([meters, locations]);\r\n\r\n const response = {\r\n meters: meterResp.data.data,\r\n location: locationResp.data\r\n }\r\n\r\n return res(response);\r\n\r\n } catch (err) {\r\n return rej(err);\r\n }\r\n }\r\n return rateHandler(task);\r\n}\r\n\r\nexport const listPremises = async (spid) => {\r\n const task = async (res, rej) => {\r\n if (!spid) rej();\r\n\r\n console.log('editmeters call list premises');\r\n\r\n const webApi = new WebAPI();\r\n const url = webApi.getEndpointWithQuerystringPayload('/api/account-premises-data', { spid })\r\n await webApi.getFromWebApiWithAccessTokenAsync(url)\r\n .then(resp => {\r\n if (!resp) {\r\n return res({ success: true });\r\n }\r\n\r\n return res({ success: true, data: resp.data })\r\n })\r\n .catch(err => {\r\n console.log('listener:', err.response.status, err);\r\n rej(err);\r\n })\r\n }\r\n return rateHandler(task);\r\n}\r\n\r\nexport const listMeters = async (spid) => {\r\n const task = async (res, rej) => {\r\n if (!spid) rej();\r\n\r\n console.log('editmeters call listmeters call');\r\n\r\n const webApi = new WebAPI();\r\n const url = webApi.getEndpointWithQuerystringPayload('/api/account-list-meters', { generalSpid: spid })\r\n await webApi.getFromWebApiWithAccessTokenAsync(url)\r\n .then(resp => {\r\n if (!resp) {\r\n res({ success: true });\r\n }\r\n\r\n return res({ success: true, data: resp.data })\r\n })\r\n .catch(err => {\r\n console.log('listener:', err.response.status, err);\r\n rej(err);\r\n })\r\n }\r\n return rateHandler(task);\r\n}\r\n\r\nexport const submitReading = async ({ generalSpid, spidMeterId, meterSerial, reading, date, validationPassed, failureReasons }) => {\r\n date = date ? moment(date, 'DD.MM.YYYY').toISOString() : null;\r\n\r\n const task = async (res, rej) => {\r\n console.log('ratelimit submitreading', generalSpid, spidMeterId, meterSerial, reading, date, validationPassed, failureReasons)\r\n\r\n if (!generalSpid) return rej(new Error('Missing generalSpid from request'));\r\n if (!spidMeterId) return rej(new Error('Missing spidMeterId from request'));\r\n if (!meterSerial) return rej(new Error('Missing meterSerial from request'));\r\n if (!reading) return rej(new Error('Missing reading from request'));\r\n if (!date) return rej(new Error('Missing date from request'));\r\n if (validationPassed == null || validationPassed == \"null\") return rej(new Error('Missing validationPassed from request'));\r\n if (!failureReasons) return rej(new Error('Missing failureReasons from request'));\r\n\r\n const readDate = new moment(date).format('YYYY-MM-DD');\r\n const webApi = new WebAPI();\r\n\r\n await webApi.postToWebApiWithAccessTokenAsync(`/api/account-submit-reading`, JSON.stringify({ generalSpid, spidMeterId, meterSerial, readDate, reading, validationPassed, failureReasons }))\r\n .then(resp => {\r\n if (!resp) {\r\n return res({ success: true });\r\n }\r\n\r\n return res({ success: true, data: resp.data });\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n rej(err);\r\n })\r\n\r\n }\r\n return rateHandler(task);\r\n}\r\n\r\nexport const validateReading = async ({ spidMeterId, meterSerial, reading, date }) => {\r\n date = date ? moment(date, 'DD.MM.YYYY').toISOString() : null;\r\n\r\n const task = async (res, rej) => {\r\n console.log('ratelimit validatereading', spidMeterId, meterSerial, reading, date)\r\n\r\n if (!spidMeterId || !meterSerial || !reading || !date) return rej(new Error('Missing data from request'));\r\n\r\n const readDate = new moment(date).format('YYYY-MM-DD');\r\n const webApi = new WebAPI();\r\n\r\n await webApi.postToWebApiWithAccessTokenAsync(`/api/account-validate-reading`, JSON.stringify({ spidMeterId, meterSerial, readDate, reading}))\r\n .then(resp => {\r\n if (!resp) {\r\n return res({ success: true });\r\n }\r\n\r\n return res({ success: true, data: resp.data });\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n rej(err);\r\n })\r\n\r\n }\r\n return rateHandler(task);\r\n}","import React, { useCallback, useEffect, useState } from 'react';\r\nimport PaymentButton from '../../../Shared/PaymentButton';\r\nimport PaymentAmountChoice from '../../../Shared/Payment/AmountChoice';\r\nimport { PoundCurrency } from '../../../Shared/EncodingManipulation';\r\nimport { useRouteMatch } from \"react-router-dom\";\r\nimport { ReactComponent as WaterIcon } from '../../../Shared/svgs/water-ef-magenta.svg';\r\nimport { fetchCustomerDetails } from '../../../../lib/api/customer-details';\r\nimport { searchSPIDs } from '../../../../lib/api/premises';\r\nimport useConfig from '../../../../lib/hooks/useConfig';\r\nimport moment from 'moment';\r\n\r\nconst Home = () => {\r\n\r\n const [loadError, setLoadError] = useState();\r\n const [customerData, setCustomerData] = useState();\r\n const [meterData, setMeterData] = useState();\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [paymentEnabled, setPaymentEnabled] = useState(false);\r\n const [showPaymentAmountChoice, setShowPaymentAmountChoice] = useState(false);\r\n const match = useRouteMatch('/dashboard/:section');\r\n const tab = match && match.params && match.params.section;\r\n const ccConfig = useConfig('card-payment-config');\r\n\r\n const loadCustomerDetails = useCallback(async () => {\r\n await fetchCustomerDetails()\r\n .then((resp) => {\r\n setCustomerData(resp);\r\n })\r\n .catch(err => {\r\n console.log('Error loading customer data', err);\r\n });\r\n }, [setCustomerData, setLoadError, loadError]);\r\n\r\n const loadMeterDetails = useCallback(async () => {\r\n await searchSPIDs('', 1, 10000)\r\n .then((resp) => {\r\n setMeterData(resp);\r\n })\r\n .catch(err => {\r\n console.log('Error loading meter data', err);\r\n })\r\n }, [setMeterData, setLoadError, loadError]);\r\n\r\n const togglePaymentAmountChoice = () => {\r\n console.log(\"Toggle function called\");\r\n setShowPaymentAmountChoice(!showPaymentAmountChoice);\r\n };\r\n\r\n useEffect(() => {\r\n loadCustomerDetails().then(r => r);\r\n loadMeterDetails().then(r => r);\r\n }, [loadCustomerDetails, loadMeterDetails]);\r\n\r\n useEffect(() => {\r\n if (ccConfig) {\r\n setPaymentEnabled(ccConfig.cardPaymentEnabled);\r\n setIsLoading(false);\r\n }\r\n }, [ccConfig]);\r\n\r\n if (loadError) return (\r\n \r\n There was an error loading this page, please click here to try again.\r\n
\r\n );\r\n\r\n if (!customerData || !meterData || !ccConfig) return null;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Home","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\r\\n\\t.loading-search-1{fill:#26FF9D;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}\\r\\n\\t.loading-search-2{fill:none;}\\r\\n #loading-search-check{opacity: 0}\\r\\n\");\nvar _ref3 = /*#__PURE__*/React.createElement(\"circle\", {\n className: \"loading-search-1\",\n cx: 26.2,\n cy: 26.2,\n r: 24.8,\n transform: \"rotate(-180 26.25 26.25)\"\n});\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Large-DesktopFormValid\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"loading-search-check\",\n transform: \"translate(3 5)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path\",\n d: \"M33.8,12.2L18.3,27.7l-5.5-5.5c-0.3-0.3-0.7-0.3-0.9,0l-0.6,0.6c-0.3,0.3-0.3,0.7,0,0.9l6.6,6.5 c0.3,0.3,0.7,0.3,0.9,0l16.6-16.5c0.3-0.3,0.3-0.7,0-0.9l-0.6-0.6C34.4,12,34,12,33.8,12.2z\"\n})));\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-Copy\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Rectangle\",\n className: \"loading-search-2\",\n d: \"M8.2,9h35.1v35.1H8.2V9z\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n id: \"loading-search-glass\",\n transform: \"translate(3 3)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Shape\",\n d: \"M35.4,34.8l-6.4-6.4c-0.1-0.1-0.3-0.2-0.4-0.2H28c1.7-1.9,2.8-4.3,2.8-7c0-5.7-4.6-10.4-10.4-10.4 c-5.7,0-10.4,4.6-10.4,10.4c0,5.7,4.6,10.4,10.4,10.4c2.7,0,5.2-1,7-2.8v0.5c0,0.2,0.1,0.3,0.2,0.4l6.4,6.4c0.2,0.2,0.6,0.2,0.8,0 l0.5-0.5C35.6,35.4,35.6,35,35.4,34.8z M20.4,29.9c-4.9,0-8.8-3.9-8.8-8.8c0-4.9,3.9-8.8,8.8-8.8c4.9,0,8.8,3.9,8.8,8.8 C29.1,26,25.2,29.9,20.4,29.9z\"\n})));\nvar SvgLoadingSearchIcon = function SvgLoadingSearchIcon(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 53 53\",\n style: {\n enableBackground: \"new 0 0 53 53\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLoadingSearchIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/loading-search-icon.c54db52e.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useRef, useEffect } from 'react';\r\nimport {ReactComponent as LoadingSearchIcon} from '../../../../../Shared/svgs/loading-search-icon.svg'\r\n\r\nconst SearchBox = ({onChange, searchLoader, value, label, password, className, readOnly, req, error, id, onBlur}) => {\r\n\r\n const [active, setActive] = useState();\r\n const [length, setLength] = useState();\r\n const [inc, setInc] = useState();\r\n\r\n const timer = useRef()\r\n const glassTo = useRef();\r\n const checkTo = useRef();\r\n\r\n const timerVal = useRef()\r\n const loaderEl = useRef()\r\n\r\n const showLoader = () => {\r\n loaderEl.current.style.opacity = 1;\r\n }\r\n\r\n const hideLoader = () => {\r\n loaderEl.current.style.opacity = 0;\r\n }\r\n\r\n const startTimer = () => {\r\n\r\n clearInterval(timer.current);\r\n clearTimeout(glassTo.current);\r\n clearTimeout(checkTo.current);\r\n\r\n timerVal.current = length;\r\n\r\n const circle = loaderEl.current.querySelector('circle');\r\n circle.style.transitionDuration = '0s';\r\n circle.style.strokeDashoffset = timerVal.current;\r\n circle.style.strokeOpacity = 1;\r\n\r\n const search = loaderEl.current.querySelector('#loading-search-glass');\r\n search.style.opacity = 0;\r\n\r\n timer.current = setInterval(()=>{\r\n timerVal.current -= (inc * 20);\r\n\r\n if(timerVal.current <= 0){\r\n timerVal.current = 0;\r\n clearInterval(timer.current);\r\n }\r\n\r\n const circle = loaderEl.current.querySelector('circle');\r\n circle.style.transitionDuration = '.5s';\r\n circle.style.strokeDashoffset = timerVal.current;\r\n }, 500)\r\n }\r\n\r\n const endTimer = () => {\r\n timerVal.current = 0;\r\n if(!loaderEl.current) return;\r\n const circle = loaderEl.current.querySelector('circle');\r\n circle.style.transitionDuration = '.1s';\r\n circle.style.strokeDashoffset = timerVal.current;\r\n const search = loaderEl.current.querySelector('#loading-search-check');\r\n search.style.opacity = 1;\r\n clearInterval(timer.current);\r\n checkTo.current = setTimeout(()=> {\r\n circle.style.transitionDuration = '.5s';\r\n circle.style.strokeOpacity = '0';\r\n const check = loaderEl.current.querySelector('#loading-search-check');\r\n check.style.opacity = 0;\r\n }, 500)\r\n glassTo.current = setTimeout(()=> {\r\n const search = loaderEl.current.querySelector('#loading-search-glass');\r\n search.style.opacity = 1;\r\n },1000)\r\n }\r\n\r\n useEffect(()=>{\r\n const circle = loaderEl.current.querySelector('circle');\r\n const initLength = circle.getTotalLength()\r\n setLength(initLength);\r\n setInc(initLength / 100)\r\n circle.style.strokeDasharray = initLength;\r\n circle.style.transitionProperty= 'all';\r\n circle.style.transitionTimingFunction = 'linear';\r\n circle.style.transitionDuration = '0';\r\n circle.style.strokeOpacity = 0;\r\n\r\n const tick = loaderEl.current.querySelector('#loading-search-check');\r\n tick.style.opacity = 0;\r\n tick.style.transitionProperty= 'all';\r\n tick.style.transitionTimingFunction = 'linear';\r\n tick.style.transitionDuration = '.5s';\r\n\r\n const search = loaderEl.current.querySelector('#loading-search-glass');\r\n search.style.transitionProperty= 'all';\r\n search.style.transitionTimingFunction = 'linear';\r\n search.style.transitionDuration = '.5s';\r\n\r\n return () => {\r\n clearInterval(timer.current)\r\n clearTimeout(glassTo.current);\r\n clearTimeout(checkTo.current);\r\n }\r\n },[])\r\n\r\n if(searchLoader) searchLoader.current = {\r\n showLoader,\r\n hideLoader,\r\n startTimer,\r\n endTimer\r\n }\r\n\r\n const focus = active || !!value;\r\n\r\n const classes = [\r\n 'input-text',\r\n 'grid',\r\n 'grid-cols-1',\r\n 'md:grid-cols-9'\r\n ]\r\n\r\n if(className) classes.push(className);\r\n if(focus) classes.push('focus');\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n Hello, {customerData.overview.contactName}
\r\nWithin the portal, you can access and update your account details, manage your premises and meters, view your usage and download your invoices.
\r\n\r\n
\r\n\r\n \r\n
\r\n {showPaymentAmountChoice && \r\n
\r\n Account
\r\n{customerData.overview.accountNumber}
\r\n\r\n
\r\n No. of locations
\r\n{meterData.data.data.totalResults}
\r\n\r\n
\r\n No. of meters
\r\n{meterData.data.data.results.reduce((sum, current) => {\r\n return sum + current.metersOnSPID;\r\n }, 0)}
\r\n\r\n
\r\n Account balance
\r\n\r\n \r\n \r\n {PoundCurrency(customerData.accountBalance.accountBalance)}\r\n \r\n \r\n {!isLoading && (tab === 'home' && paymentEnabled) && (\r\n 0} togglePaymentAmountChoice={togglePaymentAmountChoice} amount={customerData.accountBalance.accountBalance} />\r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Contract end date
\r\n{moment(customerData.payment.contractEnd).subtract(1, 'days').format('DD.MM.YYYY')}
\r\n\r\n
\r\n Expected billing date
\r\n{customerData.accountBalance.expectedBilling ? `${moment().date(customerData.accountBalance.expectedBilling).format('Do')} of Month` : ''}
\r\n\r\n
\r\n Payment method
\r\n{customerData.accountBalance.paymentMethod == 'DD' ? 'Direct Debit' : 'Manual Payment'}
\r\n\r\n
\r\n Billing term
\r\n{customerData.accountBalance.billingTerms}
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default SearchBox","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"angle-down-light\",\n transform: \"matrix(1.1924881E-08 1 -1 1.1924881E-08 8.144775 0)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.53525 7.95138L0.192736 1.51045C-0.0642453 1.25347 -0.0642453 0.837922 0.192736 0.580941L0.580941 0.192736C0.837922 -0.0642453 1.25347 -0.0642453 1.51045 0.192736L7 5.78617L12.4896 0.198203C12.7465 -0.0587776 13.1621 -0.0587776 13.4191 0.198203L13.8073 0.586409C14.0642 0.84339 14.0642 1.25893 13.8073 1.51591L7.46475 7.95684C7.20777 8.20836 6.79223 8.20836 6.53525 7.95138Z\",\n id: \"Path\",\n stroke: \"none\"\n}));\nvar SvgChevronLeft = function SvgChevronLeft(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"9px\",\n height: \"14px\",\n viewBox: \"0 0 9 14\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgChevronLeft, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/chevron-left.c5cb7f91.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\r\nimport {ReactComponent as Chevron} from '../../Shared/svgs/chevron-left.svg'\r\n\r\nconst Pagination = ({pages, selected, callback, className}) => {\r\n\r\n if(!pages || pages === 1) return null;\r\n \r\n if(!selected) selected = 1;\r\n\r\n // build array or all pages\r\n var buttons = []\r\n for(var i = 1; i <= pages; i++) buttons.push(i);\r\n\r\n // check which pages to display, if more than 5\r\n buttons = (() => {\r\n\r\n if(pages <= 5) return buttons;\r\n \r\n // if selected in first 3\r\n if(selected < 4) return [...buttons.slice(0, 5), '...']\r\n\r\n // if selected in last 3\r\n if((pages - selected) < 3) return ['...', ...buttons.slice(pages - 5, pages)]\r\n\r\n return ['...', ...buttons.slice(selected - 3, selected + 2), '...']\r\n })()\r\n \r\n \r\n return (\r\n \r\n {label ? (\r\n \r\n ) : null}\r\n setActive(true)}\r\n onBlur={ev=>{setActive(false); onBlur && onBlur(ev)}}\r\n readOnly={!!readOnly}\r\n className=\"rounded-lg\"\r\n />\r\n
\r\n {error ? (\r\n \r\n
\r\n {error}
\r\n ) : null}\r\n \r\n \r\n {buttons.map((i, index) => {\r\n\r\n // if selected\r\n if(i == selected) return {i}\r\n \r\n // if first dots\r\n if(i == '...' && index == 0) return callback(1)}className=\"w-50px h-50px border border-transparent rounded-25px flex flex-col items-center justify-center hover:underline cursor-pointer\">{i}\r\n // if last dots\r\n if(i == '...' && index == buttons.length - 1) return callback(pages)}className=\"w-50px h-50px border border-transparent rounded-25px flex flex-col items-center justify-center hover:underline cursor-pointer\">{i}\r\n\r\n // default\r\n return callback(i)}className=\"w-50px h-50px border border-transparent rounded-25px flex flex-col items-center justify-center hover:underline cursor-pointer\">{i}\r\n })}\r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Pagination;","import React from \"react\";\r\nimport {ReactComponent as Chevron} from '../../Shared/svgs/chevron-left.svg'\r\n\r\nexport const SkeletonText = ({className, spacing, inheritFontSize, noPulse}) => {\r\n if(!spacing) spacing = '6px';\r\n const fontSize = inheritFontSize ? '1em' : '12px';\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport const SkeletonBlock = ({rows}) => {\r\n if(!rows) rows = 1;\r\n\r\n const rowBlock = [];\r\n for(var i = 1; i < rows; i++) rowBlock.push(\r\n {rowBlock}\r\n
\r\n )\r\n}\r\n\r\nexport const SkeletonInput = ({noPulse, className}) => (\r\n \r\n)\r\n\r\n\r\n\r\nexport const SideSkeleton = () => (\r\n \r\n
\r\n)\r\n\r\nexport const SkeletonPagination = ({pages, selected, className}) => {\r\n\r\n console.log('skeleton selected', selected)\r\n console.log('skeleton pages', pages)\r\n\r\n\r\n if(!pages || pages === 1) return null;\r\n \r\n // build array or all pages\r\n var buttons = []\r\n for(var i = 1; i <= pages; i++) buttons.push(i);\r\n\r\n // check which pages to display, if more than 5\r\n buttons = (() => {\r\n\r\n if(pages <= 5) return buttons;\r\n \r\n // if selected in first 3\r\n if(selected < 4) return [...buttons.slice(0, 5), '...']\r\n\r\n // if selected in last 3\r\n if((pages - selected) < 3) return ['...', ...buttons.slice(pages - 5, pages)]\r\n\r\n return ['...', ...buttons.slice(selected - 3, selected + 2), '...']\r\n })()\r\n \r\n \r\n return (\r\n \r\n \r\n {buttons.map((i, index) => {\r\n\r\n // if selected\r\n if(i == selected) return \r\n \r\n // if first dots\r\n if(i == '...' && index == 0) return
\r\n )\r\n}","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\r\\n\\t.plus0{fill:#FF0082;}\\r\\n\");\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path\",\n className: \"plus0\",\n d: \"M6.56,6.56h4.12h0.85c0.13,0,0.23-0.1,0.23-0.23V5.43c0-0.13-0.1-0.23-0.23-0.23l-4.97,0l0-4.97 C6.56,0.1,6.46,0,6.33,0L5.43,0C5.3,0,5.2,0.1,5.2,0.23V5.2l-4.97,0C0.1,5.2,0,5.3,0,5.43v0.91c0,0.13,0.1,0.23,0.23,0.23l4.97,0 v4.12v0.85c0,0.13,0.1,0.23,0.23,0.23h0.91c0.13,0,0.23-0.1,0.23-0.23V6.56z\"\n});\nvar SvgPlus = function SvgPlus(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 11.76 11.76\",\n style: {\n enableBackground: \"new 0 0 11.76 11.76\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgPlus, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/plus.b086c5ef.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport SearchBox from './SearchBox';\r\nimport Pagination from '../../../../Shared/Pagination';\r\nimport { searchSPIDs } from '../../../../../lib/api/premises';\r\nimport { SkeletonText } from '../../../../Shared/Skeletons';\r\nimport { useDebounce } from '../../../../../lib/hooks/useDebounce';\r\nimport { Link } from \"react-router-dom\";\r\nimport { ReactComponent as Plus } from '../../../../Shared/svgs/plus.svg'\r\n\r\nconst SearchMeters = ({ search, setSearch, page, setPage, results, setResults, helpLink }) => {\r\n const [startSearch, setStartSearch] = useDebounce(300, '');\r\n const [loadError, setLoadError] = useState();\r\n const [loading, setLoading] = useState();\r\n\r\n const searchLoader = useRef();\r\n\r\n const searchRef = useRef();\r\n searchRef.current = {startSearch, page}\r\n\r\n const doSearch = useCallback(()=>{\r\n if(results &&\r\n results.request.search === search &&\r\n results.request.page === page\r\n ) return;\r\n\r\n if(!results || results.request.search !== searchRef.current.startSearch){\r\n searchLoader.current && searchLoader.current.startTimer();\r\n }\r\n\r\n setLoading(1);\r\n\r\n searchSPIDs(startSearch, page)\r\n .then(resp => {\r\n if(resp.request.search === searchRef.current.startSearch && resp.request.page === searchRef.current.page){\r\n setLoading(false)\r\n if(!results || results.request.search !== searchRef.current.startSearch) searchLoader.current.endTimer();\r\n setResults(resp);\r\n if(loadError) setLoadError(false);\r\n\r\n }else{\r\n setLoading(false)\r\n if(loadError) setLoadError(false);\r\n }\r\n })\r\n .catch(err => {\r\n searchLoader.current.endTimer();\r\n setLoading(false)\r\n setLoadError(true);\r\n })\r\n\r\n }, [results, search, page, startSearch, setLoading, searchSPIDs, setResults, setLoadError, loadError])\r\n\r\n useEffect(doSearch, [startSearch, page])\r\n\r\n useEffect(() =>\r\n {\r\n setStartSearch(search)\r\n }, [search])\r\n\r\n const skeletonHelper = results && results.data && results.data.data && results.data.data.results && results.data.data.results.length ? results.data.data.results : [1];\r\n\r\n return (\r\n <>\r\n \r\n { setPage(1); setSearch(ev.target.value) }}\r\n label=\"Enter SPID or Postcode\"\r\n req\r\n />\r\n
\r\n Search for your location
\r\nEnter your SPID (this is your Supply Point number, which can be found on your water bills), or postcode below. As long as the premises is not 'Unmetered', you will find out where your meter is located.
\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SearchMeters;","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Shape\",\n d: \"M13.1,0H1.5c-1.3,0-1.9,1.6-1,2.5l5.8,5.8c0.6,0.6,1.5,0.6,2.1,0l5.8-5.8C15,1.6,14.4,0,13.1,0z M7.3,7.3L1.5,1.5h11.6L7.3,7.3z\"\n});\nvar SvgDropdown = function SvgDropdown(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 14.6 8.7\",\n style: {\n enableBackground: \"new 0 0 14.6 8.7\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgDropdown, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/dropdown.3348b9bb.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_1-2\",\n \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m54.95,3.83C42.02-2.53,26.04-.89,14.76,8.14,3.03,17.53-2.64,33.24,1.18,47.92c2.15,8.26,6.96,15.46,13.71,20.67,3.34,2.58,7.12,4.49,11.12,5.82.91.3,1.84.56,2.77.79.54.13,1.08.26,1.62.35.31.05.63.06.94.1-.04.01.32.11.42.13,2.46.47,5.09.51,7.58.4,8.87-.39,17.3-4.04,23.88-9.96,6.42-5.78,10.61-13.73,12.08-22.21.35-2.03.52-4.08.53-6.14-.07-14.26-7.98-27.7-20.89-34.04Zm4.74,23.5c-.95,1.16-1.9,2.32-2.85,3.47-6.72,8.18-13.43,16.35-20.15,24.53-.97,1.19-3.49,2.1-4.85,1.02l-15-12c-1.88-1.51-2.2-3.66-1.06-5.81.5-.95,1.54-1.84,2.56-2.2.82-.29,2.26-.38,3,.21,4.19,3.35,8.39,6.71,12.58,10.06.14-.17.29-.35.43-.52,6.72-8.18,13.43-16.35,20.15-24.53,1.41-1.72,4.08-1.92,5.65-.37,1.72,1.71.87,4.51-.45,6.13Z\"\n}));\nvar SvgTickEfBlack = function SvgTickEfBlack(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\",\n viewBox: \"0 0 75.84 76.23\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgTickEfBlack, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/tick-ef-black.9482270e.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useCallback, useEffect, useRef } from 'react'\r\nimport {ReactComponent as Chevron} from '../../../svgs/chevron-left.svg';\r\nimport moment from 'moment';\r\nimport _ from 'lodash'\r\nimport {motion, AnimatePresence } from 'framer-motion';\r\nimport { useDebounce } from '../../../../../lib/hooks/useDebounce';\r\n\r\nconst variantsLeft = {\r\n hidden: { opacity: 0, x: 100, y: 0, position: 'absolute', width: '100%' },\r\n enter: { opacity: 1, x: 0, y: 0, position: 'relative', width: '100%' },\r\n exit: { opacity: 0, x: -100, y: 0, position: 'absolute', width: '100%' },\r\n}\r\n\r\n\r\nconst variantsRight = {\r\n hidden: { opacity: 0, x: -100, y: 0, position: 'absolute', width: '100%' },\r\n enter: { opacity: 1, x: 0, y: 0, position: 'relative', width: '100%' },\r\n exit: { opacity: 0, x: 100, y: 0, position: 'absolute', width: '100%' },\r\n }\r\nconst months = [\r\n 'Jan',\r\n 'Feb',\r\n 'Mar',\r\n 'Apr',\r\n 'May',\r\n 'Jun',\r\n 'Jul',\r\n 'Aug',\r\n 'Sep',\r\n 'Oct',\r\n 'Nov',\r\n 'Dec'\r\n]\r\n\r\nconst YearPicker = ({active, close, show, setShow, blockFuture, blockPast}) => {\r\n\r\n const ref = useRef();\r\n\r\n const [left, setLeft] = useState();\r\n\r\n const checkClick = ev => {\r\n if(!ref || !ref.current) return;\r\n if(!ref.current.contains(ev.target)) close();\r\n }\r\n\r\n useEffect(()=>{\r\n if(!active) return;\r\n window.addEventListener('click', checkClick);\r\n return () => {\r\n window.removeEventListener('click', checkClick);\r\n }\r\n }, [active])\r\n\r\n const [year, setYear] = useDebounce(1);\r\n\r\n const backYear = () => {\r\n setLeft(true);\r\n setYear(parseInt(year) - 1);\r\n }\r\n\r\n const forwardYear = () => {\r\n setLeft(false);\r\n setYear(parseInt(year) + 1);\r\n }\r\n\r\n const setMonth = useCallback(toSet => {\r\n console.log('setting', year, toSet)\r\n const newShow = _.cloneDeep(show)\r\n setShow(newShow.year(year).month(toSet))\r\n close();\r\n }, [year, setShow])\r\n\r\n useEffect(()=>{\r\n setYear(moment(show).format('YYYY'))\r\n }, [])\r\n\r\n console.log('yearpick', year)\r\n\r\n return (\r\n \r\n
\r\n {loadError ? (\r\n Your locations
\r\nNeed help, click here
\r\nThere was an error loading this page, please click here to try again.
\r\n ) : (\r\n <>\r\n {results && results.data && results.data.data ? (\r\n <>\r\n {loading ? (\r\n - \r\n {skeletonHelper.map((i, index) => {\r\n const width = index % 2 == 0 ? 'w-200px' : 'w-300px';\r\n return(\r\n
No results to show.
\r\n ) : (\r\n - \r\n {results.data.data.results.map((i, index) => {\r\n var address = [];\r\n if(i.premisesAddressLineOne) address.push(i.premisesAddressLineOne)\r\n if(i.premisesAddressLineTwo) address.push(i.premisesAddressLineTwo)\r\n if(i.premisesAddressLineThree) address.push(i.premisesAddressLineThree)\r\n if(i.premisesAddressLineFour) address.push(i.premisesAddressLineFour)\r\n if(i.premisesAddressLineFive) address.push(i.premisesAddressLineFive)\r\n if (i.premisesPostcode) address.push(i.premisesPostcode)\r\n const hasMeters = (i.metersOnSPID > 0);\r\n const label = hasMeters ? 'View meter' : 'Unmetered';\r\n const linkUri = hasMeters ? `/dashboard/meters/${i.spid}` : `#`;\r\n const linkId = `your-meters-button-view-meter-${i.spid}`\r\n if (hasMeters)\r\n {\r\n return (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n\r\n
SPID
\r\n\r\n\r\n{i.spid}
\r\n\r\n\r\n\r\n\r\nAddress
\r\n\r\n\r\n{address.join(', ')}
\r\n\r\n \r\n \r\n {label}\r\n\r\n\r\n \r\n \r\n \r\n )\r\n }\r\n else\r\n {\r\n return (\r\n - \r\n \r\n\r\n\r\n\r\n\r\n\r\n
SPID
\r\n\r\n\r\n{i.spid}
\r\n\r\n\r\n\r\n\r\nAddress
\r\n\r\n\r\n{address.join(', ')}
\r\n\r\n\r\n\r\n\r\n\r\n {label}\r\n
\r\n \r\n )\r\n }\r\n })}\r\n
\r\n
\r\n \r\n ) : null}\r\n\r\n \r\n )}\r\n \r\n
\r\n )\r\n}\r\nexport default YearPicker","import React, { useState } from 'react';\r\nimport { useDebounce } from '../../../../../lib/hooks/useDebounce';\r\nimport {ReactComponent as Tick} from '../../../../Shared/svgs/tick.svg'\r\nimport TickAnim from '../../../../Shared/TickAnim';\r\n\r\nconst InputText = React.forwardRef(({onChange, value, label, password, onClick, className, readOnly, tick, cross, req, error, id, onBlur, onFocus, loadingTick, thin}, ref) => {\r\n\r\n const [active, setActive] = useDebounce(100);\r\n \r\n const focus = active || !!value;\r\n\r\n const classes = [\r\n 'input-text'\r\n ]\r\n \r\n if(className) classes.push(className);\r\n if(focus) classes.push('focus');\r\n\r\n\r\n if (tick) classes.push('tick');\r\n if (error || cross) classes.push('cross');\r\n\r\n console.log('error input', error)\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {year}\r\n \r\n
\r\n \r\n \r\n \r\n {months.map((month, i) => {\r\n const blocked = blockFuture && (moment(`${year}-${i + 1}`).format('YYYYMM') > moment().format('YYYYMM'));\r\n\r\n return (\r\n \r\n setMonth(i)}>\r\n {month}\r\n \r\n \r\n )\r\n })}\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n})\r\n\r\n\r\n\r\nexport default InputText","import React, { useRef, useEffect, useState } from 'react';\r\nimport moment from 'moment';\r\nimport {ReactComponent as Chevron} from '../../svgs/chevron-left.svg';\r\nimport YearPicker from './YearPicker';\r\nimport {motion, AnimatePresence } from 'framer-motion';\r\nimport { useDebounce } from '../../../../lib/hooks/useDebounce';\r\nimport TextBox from './TextBox';\r\nimport ReactDOM from 'react-dom';\r\n\r\nconst variantsLeft = {\r\n hidden: { opacity: 0, x: 100, y: 0, position: 'absolute', width: '100%' },\r\n enter: { opacity: 1, x: 0, y: 0, position: 'relative', width: '100%' },\r\n exit: { opacity: 0, x: -100, y: 0, position: 'absolute', width: '100%' },\r\n}\r\n\r\nconst variantsRight = {\r\n hidden: { opacity: 0, x: -100, y: 0, position: 'absolute', width: '100%' },\r\n enter: { opacity: 1, x: 0, y: 0, position: 'relative', width: '100%' },\r\n exit: { opacity: 0, x: 100, y: 0, position: 'absolute', width: '100%' },\r\n }\r\n\r\nconst DatePicker = ({label, onChange, format, thin, error, onBlur, id, tick, className}) => {\r\n\r\n const [selected, setSelected] = useState(moment());\r\n const [showPicker, setShowPicker] = useState();\r\n\r\n const [height, setHeight] = useState(0);\r\n const [show, setShow] = useDebounce(1);\r\n\r\n const [position, setPosition] = useState({top: 0, left: 0})\r\n\r\n console.log('picker', showPicker);\r\n\r\n const ref = useRef();\r\n \r\n const inputRef = useRef();\r\n\r\n const resetHeight = () => {\r\n setHeight(showPicker ? ref.current.clientHeight : 0)\r\n }\r\n\r\n useEffect(()=>{\r\n resetHeight()\r\n }, [showPicker])\r\n\r\n const checkClick = ev => {\r\n if(!showPicker) return; \r\n if(ref.current.contains(ev.target)) return;\r\n setShowPicker(false);\r\n }\r\n\r\n useEffect(()=>{\r\n if(showPicker){\r\n\r\n const position = inputRef.current.getBoundingClientRect()\r\n\r\n const top = position.top + window.scrollY\r\n const left = position.left + window.scrollX\r\n\r\n setPosition({top, left});\r\n\r\n\r\n window.addEventListener('click', checkClick);\r\n return () => {\r\n window.removeEventListener('click', checkClick);\r\n\r\n }\r\n }else{\r\n setPosition({top: 0, left: 0});\r\n }\r\n }, [showPicker])\r\n\r\n useEffect(()=>{\r\n setShowPicker(false);\r\n\r\n var returnVal = selected;\r\n\r\n if(returnVal){\r\n returnVal = format ? returnVal.format(format) : returnVal.toISOString();\r\n\r\n }\r\n\r\n onChange && onChange(returnVal);\r\n\r\n }, [selected])\r\n\r\n const hideOnResize = () => {\r\n setShowPicker(false);\r\n }\r\n\r\n useEffect(()=>{\r\n window.addEventListener('resize', hideOnResize)\r\n return () =>{\r\n window.removeEventListener('resize', hideOnResize)\r\n }\r\n }, [hideOnResize])\r\n\r\n const positionStyle = {top: position.top + 76, left: position.left}\r\n if(window.innerWidth < 950) {\r\n positionStyle.left = '50%';\r\n positionStyle.transform = 'translateX(-50%)';\r\n }\r\n\r\n return(\r\n \r\n {label ? (\r\n \r\n ) : null}\r\n {tick ? (\r\n onBlur && onBlur(ev)}\r\n className={className}\r\n />\r\n
\r\n {error ? (\r\n \r\n \r\n
\r\n ) : null}\r\n {loadingTick ? (\r\n \r\n \r\n
\r\n ) : null}\r\n {error}
\r\n ) : null}\r\n \r\n setShowPicker(true)}\r\n ref={inputRef}\r\n error={error}\r\n onBlur={onBlur}\r\n tick={tick}\r\n className={className}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n )\r\n}\r\n\r\n\r\nconst DateDisplay = React.forwardRef(({show, setShow, selected, onSelect, blockFuture, blockPast, resetHeight}, ref) => {\r\n if(!show) show = moment()\r\n\r\n const [left, setLeft] = useState();\r\n\r\n const [yearPicker, setYearPicker] = useState();\r\n\r\n const month = show.format('MM');\r\n const year = show.format('YYYY');\r\n\r\n const daysInMonth = show.daysInMonth();\r\n const firstDay = moment(show).date(1).format('d');\r\n const lastDay = moment(show).date(daysInMonth).format('d');\r\n\r\n var cells = [];\r\n for(var i = 1; i <= daysInMonth; i++) cells.push(i);\r\n\r\n const startExtra = [];\r\n for(var i = 0; i < firstDay; i++) startExtra.push('');\r\n\r\n const endExtra = [];\r\n for(var i = 0; i < (6 - lastDay); i++) endExtra.push('')\r\n\r\n cells = [...startExtra, ...cells, ...endExtra];\r\n\r\n const showSelected = (function(){\r\n if(!(selected && (moment(show).format('YYYY-MM') == moment(selected).format('YYYY-MM')))) return false;\r\n return moment(selected).format('D')\r\n })()\r\n\r\n const selectDate = day => {\r\n if(!day) return;\r\n onSelect && onSelect(moment(show).date(day));\r\n }\r\n\r\n const backMonth = () => {\r\n setLeft(true);\r\n const newMonth = moment(show).subtract(1, 'month');\r\n setShow(newMonth);\r\n }\r\n\r\n const forwardMonth = () => {\r\n setLeft(false);\r\n const newMonth = moment(show).add(1, 'month');\r\n setShow(newMonth);\r\n }\r\n\r\n useEffect(()=>{\r\n const to = setTimeout(resetHeight, 100);\r\n return () => clearTimeout(to);\r\n }, [show])\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n setYearPicker(false)}\r\n show={show}\r\n setShow={setShow}\r\n blockFuture={blockFuture}\r\n />\r\n
\r\n )\r\n})\r\n\r\nconst Portal = ({children, divId}) => {\r\n\r\n const alertRoot = document.getElementById(divId);\r\n return ReactDOM.createPortal(\r\n children,\r\n alertRoot\r\n );\r\n}\r\n\r\nexport default DatePicker;","import React, { useRef, useState } from 'react';\r\nimport InputText from '../../../../../Shared/FormComponents/InputText'\r\nimport InputButton from '../../../../../Shared/FormComponents/InputButton';\r\nimport { ReactComponent as DropDown } from '../../../../../Shared/svgs/dropdown.svg'\r\nimport { ReactComponent as BlackInverseTick } from '../../../../../Shared/svgs/tick-ef-black.svg'\r\nimport moment from 'moment';\r\nimport { Formik } from 'formik'\r\nimport * as Yup from 'yup';\r\nimport { submitReading, validateReading } from '../../../../../../lib/api/premises';\r\nimport DatePicker from '../../../../../Shared/FormComponents/DatePicker';\r\n\r\nconst ModalBackground = () => {\r\n return \r\n}\r\n\r\nconst ConfirmModal = ({ date, reading, serial, doReading, setShowConfirmModal, setSubmitting, submitting }) => {\r\n if (!date || !reading || !serial) {\r\n return null\r\n }\r\n\r\n const ukDate = moment(date, \"DD.MM.YYYY\").format(\"DD/MM/YYYY\")\r\n const text = `You have submitted a read of ${Number(reading)}m3 for ${ukDate} for meter: ${serial}. Is this correct?`\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n S \r\n M \r\n T \r\n W \r\n T \r\n F \r\n S \r\n {cells.map((day, i) => {\r\n var blocked = false;\r\n const currentDay = moment(`${year}-${month}`).date(day);\r\n if(blockFuture && currentDay.format('YYYYMMDD') > moment().format('YYYYMMDD')) blocked = true;\r\n if(blockPast && currentDay.format('YYYYMMDD') < moment().format('YYYYMMDD')) blocked = true;\r\n \r\n const classes = [];\r\n if(showSelected && (showSelected == day)) classes.push('selected');\r\n if(day) classes.push('day');\r\n if(blocked) classes.push('blocked');\r\n\r\n if(day && currentDay.format('YYYYMMDD') == moment().format('YYYYMMDD')) classes.push('today')\r\n\r\n return(\r\n !blocked && selectDate(day)}>\r\n {day} \r\n )\r\n })}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nconst SoftValidationModal = ({ date, reading, serial, doReading, setShowSoftValidateModal, errors, setSubmitting, submitting }) => {\r\n if (!date || !reading || !serial || !errors) {\r\n return null\r\n }\r\n\r\n const ukDate = moment(date, \"DD.MM.YYYY\").format(\"DD/MM/YYYY\")\r\n const text = `You have submitted a read of ${Number(reading)}m3 for ${ukDate} for meter: ${serial}. This read is not in line with what we were expecting.`\r\n\r\n return (\r\n <>\r\n {text}
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nconst MeterEntry = ({ item, expanded, setExpanded }) => {\r\n const [loading, setLoading] = useState();\r\n const [submitting, setSubmitting] = useState(false);\r\n const [success, setSuccess] = useState();\r\n const [showConfirmModal, setShowConfirmModal] = useState(false);\r\n const [showSoftValidateModal, setShowSoftValidateModal] = useState(false);\r\n const [error, setError] = useState()\r\n const [failureReasons, setFailureReasons] = useState()\r\n const [readingObject, setReadingObject] = useState()\r\n const [expand] = useState(0);\r\n const ref = useRef();\r\n\r\n const display = expanded ? 'flex' : 'none';\r\n\r\n const showElementById = (elementId) => {\r\n const element = document.getElementById(elementId);\r\n if (element) {\r\n element.classList.remove('hidden');\r\n }\r\n }\r\n\r\n const hideElementById = (elementId) => {\r\n const element = document.getElementById(elementId);\r\n if (element) {\r\n element.classList.add('hidden');\r\n }\r\n }\r\n\r\n const confirmReading = () => {\r\n setShowConfirmModal(true);\r\n }\r\n\r\n const softFailReading = () => {\r\n setShowSoftValidateModal(true);\r\n }\r\n\r\n const processReading = ({ reading, date }) => {\r\n hideElementById('yourmeters-submitreading-success-' + item.meterSerial);\r\n setSubmitting(\"validating\")\r\n\r\n validateReading({\r\n spidMeterId: item.spidMeterId,\r\n meterSerial: item.meterSerial,\r\n reading,\r\n date\r\n }).then(res => {\r\n const firstError = res.data.data.failureReasons[0]\r\n setFailureReasons(res.data.data.failureReasons)\r\n setSubmitting(\"modal\")\r\n\r\n if (firstError.description === \"Success\") {\r\n setReadingObject({\r\n validationPassed: true,\r\n generalSpid: item.generalSpid,\r\n reading: parseInt(reading),\r\n date,\r\n spidMeterId: item.spidMeterId,\r\n meterSerial: item.meterSerial,\r\n failureReasons: res.data.data.failureReasons.map(i => i.id)\r\n })\r\n confirmReading()\r\n } else {\r\n setReadingObject({\r\n validationPassed: false,\r\n generalSpid: item.generalSpid,\r\n reading: parseInt(reading),\r\n date,\r\n spidMeterId: item.spidMeterId,\r\n meterSerial: item.meterSerial,\r\n failureReasons: res.data.data.failureReasons.map(i => i.id)\r\n })\r\n softFailReading()\r\n }\r\n })\r\n }\r\n\r\n const doReading = async () => {\r\n setLoading(true);\r\n setShowSoftValidateModal(false)\r\n setShowConfirmModal(false)\r\n\r\n await submitReading(readingObject)\r\n .then(resp => {\r\n if (error) setError(false);\r\n if (window?.mixpanel?.track) {\r\n window.mixpanel.track(\"Meter Reading Submitted\");\r\n }\r\n setLoading(false);\r\n showElementById('yourmeters-submitreading-success-' + item.meterSerial);\r\n })\r\n .catch(err => {\r\n console.log('submitreading err', err)\r\n setLoading(false)\r\n setError(err && err.response && err.response.data || \"Unexpected error, please try again later.\")\r\n });\r\n }\r\n\r\n return (\r\n {text}
\r\n {errors.length > 0 && (\r\n- \r\n {errors.map(err =>
- {err.description} )}\r\n
Here are some things to check before confirming the read:
\r\n- \r\n
- Make sure the meter serial number is correct. \r\n
- Make sure you have only entered the correct numbers. These may be in black and white only for an analogue meter, or on a digital meter this could be the numbers before the comma. \r\n
- Your meter may have rolled over (gone from 9999 then to 0). \r\n
If you have completed the above checks and the reading is right, please confirm the read.
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Meter ID
\r\n {item.meterSerial}
\r\n \r\n
\r\n Meter Location
\r\n {item.meterLocationDescription}
\r\n \r\n
\r\n Last Read Date
\r\n {moment(item.meterReadDate).format('DD.MM.YYYY')}
\r\n \r\n
\r\n\r\n Last Read Value
\r\n {item.meterReadValue}
\r\n \r\n {item.meterReadType !== \"F\" ?\r\n () : (
\r\n Reads cannot be added to inactive meters
)}\r\n\r\n
\r\n \r\n )\r\n }}\r\n \r\n\r\n \r\n
\r\n Enter your reading
\r\nNeed help with your meter reading? View our guide
\r\n\r\n \r\n
\r\n \r\n
\r\n Thank you, your meter reading has been added
\r\n\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default Skeleton;","import React, { useCallback, useEffect, useState } from 'react';\r\nimport MeterEntry from './MeterEntry';\r\nimport { useHistory, } from \"react-router-dom\";\r\nimport { fetchMeterData } from '../../../../../lib/api/premises';\r\nimport SkeletonPage from './Skeleton'\r\nimport moment from 'moment';\r\nimport { ReactComponent as WaterIcon } from '../../../../Shared/svgs/water-ef-magenta.svg'\r\n\r\nconst EditMeter = ({ spid }) => {\r\n\r\n const [pageData, setPageData] = useState();\r\n const [loadError, setLoadError] = useState();\r\n const [loading, setLoading] = useState(true);\r\n const [expanded, setExpanded] = useState();\r\n const history = useHistory();\r\n\r\n const loadData = useCallback(async () => {\r\n setLoading(true)\r\n await fetchMeterData(spid).then((resp) => {\r\n if (loadError) setLoadError(false);\r\n setPageData(resp);\r\n setLoading(false);\r\n })\r\n .catch(err => {\r\n setLoading(false);\r\n setLoadError(true);\r\n });\r\n }, [setPageData, setLoading, setLoadError, loadError])\r\n\r\n useEffect(() => {\r\n loadData().then(r => r)\r\n }, [loadData])\r\n\r\n if (loadError) return (\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n
\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n
\r\n There was an error loading this page, please click here to try again.\r\n
\r\n )\r\n\r\n if (loading) return \r\n
\r\n )\r\n}\r\n\r\nexport default EditMeter","import React, { useState } from 'react';\r\nimport SearchMeters from './SearchMeters';\r\nimport EditMeter from './EditMeter';\r\nimport { useRouteMatch } from \"react-router-dom\";\r\nimport { PoundSymbol } from '../../../Shared/EncodingManipulation/index';\r\n\r\nconst Meters = ({ helpLink }) => {\r\n\r\n const [search, setSearch] = useState('');\r\n const [page, setPage] = useState(1);\r\n const [results, setResults] = useState();\r\n\r\n const match = useRouteMatch('/dashboard/meters/:spid')\r\n\r\n const spid = match && match.params && match.params.spid;\r\n\r\n return (\r\n <>\r\n \r\n history.push('/dashboard/meters')}\r\n className=\"h-50px text-everflow-magenta\"\r\n href=\"/dashboard/meters\">\r\n
\r\n\r\n < Back to locations
\r\n \r\nYour meters
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n SPID
\r\n {location.data.spid}
\r\n \r\n
\r\n SPID Address
\r\n {address}
\r\n \r\n
\r\n Switch Date
\r\n {goLive}
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n Meter ID\r\nMeter Location\r\nLast Read Date\r\nLast Read Value\r\n \r\n \r\n {meters.map((item, index) => (\r\n
- No meters to show. \r\n ) : null}\r\n
\r\n {!spid ? (\r\n <>\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Meters;","import React, { useState, useRef, useEffect } from 'react';\r\nimport {ReactComponent as DropDown} from '../../svgs/dropdown.svg';\r\n\r\nconst InputSelect = ({placeholder, options, onChange, disabled, className, value, id}) => {\r\n const [open, setOpen] = useState();\r\n const ref = useRef();\r\n const listRef = useRef();\r\n const contRef = useRef();\r\n\r\n useEffect(()=>{\r\n const clickOff = e => {\r\n if(!open) return;\r\n if(!ref.current.contains(e.target)){\r\n console.log('click off')\r\n setOpen(false)\r\n }\r\n }\r\n window.addEventListener('click', clickOff);\r\n return () => {\r\n window.removeEventListener('click', clickOff);\r\n }\r\n }, [ref, open])\r\n \r\n useEffect(()=>{\r\n if(!listRef && listRef.current) return;\r\n if(!contRef && contRef.current) return;\r\n \r\n var height = 0;\r\n if(open) height = listRef.current.clientHeight;\r\n\r\n contRef.current.style.height = (height + 4) + 'px'\r\n\r\n\r\n\r\n }, [open])\r\n\r\n const setSelected = val => {\r\n setOpen(false);\r\n onChange(val);\r\n }\r\n\r\n const selected = value && options && options.find(i => i.value == value);\r\n\r\n console.log('input disabled', disabled)\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n Your locations
\r\nThe best thing you can do to manage your bills is to send us regular meter readings. If you send us monthly reads, we can include these in your next invoice. We will still send our team out to read your meters twice a year.
\r\n\r\n
\r\n Win {PoundSymbol()}100 off your bill!
\r\nAs well as keeping your bills as accurate as possible, you will be entered into a prize draw, where one lucky winner each month will win {PoundSymbol()}100 off their bills!
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default InputSelect;","import {rateHandler} from './rate-handler';\r\nimport WebAPI from \"./api-calls\";\r\n\r\nrequire('query-string');\r\n\r\nexport const getTransactions = (page, year, perPage) => {\r\n const task = async (res, rej) => {\r\n if (!page) page = 1;\r\n if (!perPage) perPage = 20;\r\n\r\n const request = {\r\n page,\r\n perPage,\r\n year\r\n };\r\n\r\n if (year) request.year = year;\r\n\r\n const webApi = new WebAPI();\r\n const url = webApi.getEndpointWithQuerystringPayload('/api/account-transactions', request);\r\n await webApi.getFromWebApiWithAccessTokenAsync(url)\r\n .then(resp => {\r\n if (!resp) {\r\n return res({\r\n success: false,\r\n request,\r\n response: ''\r\n });\r\n }\r\n return res({success: true, data: resp.data});\r\n })\r\n .catch(err => {\r\n console.log('listener:', err.response?.status, err);\r\n rej(err);\r\n });\r\n };\r\n\r\n return rateHandler(task);\r\n}\r\n\r\n\r\nexport const getBills = (page, year, perPage) => {\r\n const task = async (res, rej) => {\r\n if (!page) page = 1;\r\n if (!perPage) perPage = 20;\r\n\r\n const request = {\r\n page,\r\n perPage,\r\n year\r\n }\r\n\r\n if (year) request.year = year;\r\n\r\n let webApi = new WebAPI();\r\n\r\n const url = webApi.getEndpointWithQuerystringPayload('/api/account-bills', request);\r\n await webApi.getFromWebApiWithAccessTokenAsync(url)\r\n .then(resp => {\r\n if (!resp) {\r\n return res({\r\n success: false,\r\n request,\r\n response: ''\r\n });\r\n }\r\n return res({success: true, data: resp.data});\r\n })\r\n .catch(err => {\r\n console.log('listener:', err.response?.status, err);\r\n rej(err);\r\n });\r\n }\r\n return rateHandler(task);\r\n}\r\n","import React from 'react';\r\nimport {SkeletonPagination, SkeletonText} from '../../../Shared/Skeletons';\r\n\r\nconst BillsSkeleton = ({rows, selected, pages}) => {\r\n\r\n console.log('skeleton overview pages', pages)\r\n if(!rows) rows = 5;\r\n return (\r\n !disabled && setOpen(!open)}>\r\n {selected ? selected.label : placeholder}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n {options && options.map((i, index) => (\r\n
- setSelected(i.value)}>{i.label} \r\n ))}\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default BillsSkeleton","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Shape\",\n d: \"M17.3,4.6l-3.9-3.9C13,0.2,12.4,0,11.8,0H2.2C1,0,0,1,0,2.3v19.5C0,23,1,24,2.2,24h13.5c1.2,0,2.2-1,2.2-2.2V6.2 C18,5.6,17.8,5,17.3,4.6z M12,1.5c0.1,0,0.2,0.1,0.3,0.2l3.9,3.9c0.1,0.1,0.2,0.2,0.2,0.3H12V1.5L12,1.5z M16.5,21.8 c0,0.4-0.3,0.8-0.8,0.8H2.2c-0.4,0-0.8-0.3-0.8-0.8V2.3c0-0.4,0.3-0.8,0.8-0.8h8.3v4.9c0,0.6,0.5,1.1,1.1,1.1h4.9V21.8z M9.8,10.1 c0-0.2-0.2-0.4-0.4-0.4H8.6c-0.2,0-0.4,0.2-0.4,0.4v4.1H5.8c-0.5,0-1,0.3-1.2,0.8c-0.2,0.5-0.1,1.1,0.3,1.4l3.2,3.4 c0.3,0.3,0.6,0.4,0.9,0.4s0.7-0.1,0.9-0.4l3.2-3.4c0.4-0.4,0.5-1,0.3-1.4c-0.2-0.5-0.7-0.8-1.2-0.8H9.8V10.1z M11.8,15.8L9,18.7 l-2.8-2.9H11.8z\"\n});\nvar SvgDownload = function SvgDownload(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 18 24\",\n style: {\n enableBackground: \"new 0 0 18 24\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgDownload, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/download.bffe06f0.svg\";\nexport { ForwardRef as ReactComponent };","\r\nclass DeviceAndBrowserDetector {\r\n\r\n userAgent = \"\";\r\n productName = \"\";\r\n operatingSystem = \"\";\r\n\r\n constructor() {\r\n this.userAgent = navigator.userAgent;\r\n this.productName = this.#getBrowserProduct();\r\n this.operatingSystem = this.#getOperatingSystem();\r\n }\r\n\r\n #getOperatingSystem = () => {\r\n if ('userAgentData' in navigator) {\r\n const uaData = navigator.userAgentData;\r\n const platform = uaData.platform;\r\n if (platform.includes('Windows')) {\r\n return \"Windows\";\r\n }\r\n if (platform.includes('macOS')) {\r\n return \"macOS\";\r\n }\r\n if (platform.includes('Android')) {\r\n return \"Android\";\r\n }\r\n if (platform.includes('iOS')) {\r\n return \"iOS\";\r\n }\r\n if (platform.includes('Linux')) {\r\n return \"Linux\";\r\n }\r\n }\r\n return this.#getOperatingSystemByOtherMeans();\r\n }\r\n\r\n #getOperatingSystemByOtherMeans = () => {\r\n\r\n if (/Windows/.test(this.userAgent)) {\r\n return \"Windows\";\r\n }\r\n else if (/iPad|iPhone|iPod|Macintosh|Mac OS|iOS/.test(this.userAgent) && !window.MSStream) {\r\n return \"Apple\";\r\n }\r\n else if (/Linux/.test(this.userAgent)) {\r\n return \"Linux\";\r\n }\r\n else if (/Android/.test(this.userAgent)) {\r\n return \"Android\";\r\n }\r\n return \"Unknown\";\r\n }\r\n\r\n #getBrowserProduct = () => {\r\n if (/Chrome/.test(this.userAgent) && !/Edg/.test(this.userAgent) && !/OPR/.test(this.userAgent)) {\r\n return \"Chrome\";\r\n }\r\n if (/Firefox/.test(this.userAgent)) {\r\n return \"Firefox\";\r\n }\r\n if (/Safari/.test(this.userAgent) && !/Chrome/.test(this.userAgent) && !/Edg/.test(this.userAgent)) {\r\n return \"Safari\";\r\n }\r\n if (/Edg/.test(this.userAgent)) {\r\n return \"Edge\";\r\n }\r\n if (/MSIE|Trident/.test(this.userAgent)) {\r\n return \"Internet Explorer\";\r\n }\r\n if (/OPR/.test(this.userAgent)) {\r\n return \"Opera\";\r\n }\r\n return \"Unknown\";\r\n }\r\n}\r\n\r\nexport default DeviceAndBrowserDetector","import DeviceAndBrowserDetector from './deviceandbrowserdetector';\r\nimport { rateHandler } from './rate-handler';\r\nimport WebAPI from \"./api-calls\";\r\n\r\nclass DocumentDownloader {\r\n\r\n downloadDocumentUsingBase64 = async (webDocument, id) => {\r\n if (!webDocument || !id) {\r\n return null;\r\n }\r\n\r\n // need some defensive stuff in here so if no access token, the logout event occurs.\r\n await this.#getDocumentFromAPI(id)\r\n .then(resp => {\r\n if (!resp) {\r\n return null;\r\n }\r\n\r\n const docDetails = this.#getDocDetails(resp.headers);\r\n if (!docDetails) {\r\n return null;\r\n }\r\n\r\n const link = webDocument.createElement('a');\r\n link.setAttribute('id', 'downloadableDoc');\r\n this.#downloadForBrowserType(link, docDetails, resp.data);\r\n link.click();\r\n })\r\n .catch(err => {\r\n alert('Unable to find document.');\r\n });\r\n }\r\n\r\n\r\n #downloadForBrowserType = (link, docDetails, docDataBase64) => {\r\n\r\n const browserAndDevice = new DeviceAndBrowserDetector();\r\n if (browserAndDevice.productName.toLowerCase() === \"safari\") {\r\n this.#createLinkForSafari(link, docDetails.fileName, docDetails.contentType, docDataBase64);\r\n }\r\n else {\r\n this.#createLinkForOtherBrowsers(link, docDetails.contentType, docDataBase64, docDetails.fileName);\r\n }\r\n }\r\n\r\n #createLinkForOtherBrowsers = (link, docContentType, docDataBase64, docFileName) => {\r\n link.href = 'data:' + docContentType + ';base64,' + docDataBase64;\r\n link.setAttribute(\r\n 'download',\r\n docFileName,\r\n );\r\n }\r\n\r\n #createLinkForSafari = (link, docFileName, docContentType, docDataBase64) => {\r\n const bytArys = this.#getByteArraysForDocBlob(docDataBase64);\r\n const blob = this.#getDocAsBlob(bytArys, docContentType);\r\n const url = URL.createObjectURL(blob);\r\n\r\n link.href = url\r\n link.setAttribute(\r\n 'download',\r\n docFileName,\r\n );\r\n }\r\n\r\n #getDocAsBlob = (bytArys, docContentType) => {\r\n\r\n return new Blob(bytArys, { type: (docContentType.toLowerCase() === \"application/pdf\") ? \"application/octet-stream\" : docContentType });\r\n }\r\n\r\n #getByteArraysForDocBlob = (docDataBase64) => {\r\n const byts = atob(docDataBase64);\r\n const byteArrays = [];\r\n\r\n for (let offset = 0; offset < byts.length; offset += 512) {\r\n const slice = byts.slice(offset, offset + 512);\r\n const byteNumbers = new Array(slice.length);\r\n\r\n for (let i = 0; i < slice.length; i++) {\r\n byteNumbers[i] = slice.charCodeAt(i);\r\n }\r\n\r\n const byteArray = new Uint8Array(byteNumbers);\r\n byteArrays.push(byteArray);\r\n }\r\n return byteArrays;\r\n }\r\n\r\n #getDocumentFromAPI = (id) => {\r\n const task = async (res, rej) => {\r\n\r\n const webApi = new WebAPI();\r\n const url = webApi.getEndpointWithQuerystringPayload('/api/account-download', { docId:id })\r\n await webApi.getFromWebApiWithAccessTokenAsync(url)\r\n .then(resp => {\r\n if (!resp) {\r\n return res({ success: false });\r\n }\r\n return res(resp);\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n return rej(err);\r\n })\r\n }\r\n return rateHandler(task);\r\n }\r\n\r\n #getDocDetails = (hdrs) => {\r\n if (!hdrs) {\r\n return null;\r\n }\r\n\r\n const fileName = this.#getFileNameFromHeader(hdrs['content-disposition']);\r\n if (!fileName) {\r\n return null;\r\n }\r\n\r\n const contentType = hdrs['content-type'];\r\n if (!contentType) {\r\n return null;\r\n }\r\n\r\n return { contentType, fileName }\r\n }\r\n\r\n #getFileNameFromHeader = (disposition) => {\r\n\r\n if (!disposition) {\r\n return null;\r\n }\r\n if (!disposition.startsWith('attachment')) {\r\n return null;\r\n }\r\n\r\n return disposition.split(';')[1].split('=')[1];\r\n }\r\n}\r\n\r\nexport default DocumentDownloader;","import React, {useEffect, useState} from \"react\";\r\nimport InputSelect2 from \"../../../../Shared/FormComponents/InputSelect2\";\r\nimport Pagination from \"../../../../Shared/Pagination\";\r\nimport {getTransactions} from \"../../../../../lib/api/billing\";\r\nimport BillsSkeleton from '../Skeleton';\r\nimport {ReactComponent as Dl} from '../../../../Shared/svgs/download.svg'\r\nimport moment from 'moment';\r\nimport ReactTooltip from 'react-tooltip';\r\nimport DocumentDownloader from \"../../../../../lib/api/documentdownloader\";\r\nimport { PoundCurrency } from '../../../../Shared/EncodingManipulation/index';\r\nimport { ErrorLog } from '../../../../Shared/ServerLogging';\r\n\r\nconst amountPerPage = 10;\r\n\r\nconst Transactions = ({ helpLink }) => {\r\n const [loading, setLoading] = useState(true);\r\n const [transactions, setTransactions] = useState(null);\r\n const [year, setYear] = useState(new Date().getFullYear());\r\n const [page, setPage] = useState(1);\r\n const [loadError, setLoadError] = useState(false);\r\n\r\n const loadTransactions = () => {\r\n setLoading(true);\r\n getTransactions(page, year, amountPerPage)\r\n .then(response => {\r\n if (response && response.data && response.data.data) {\r\n setTransactions(response.data.data);\r\n setLoadError(false);\r\n } else {\r\n setLoadError(true);\r\n }\r\n })\r\n .catch(error => {\r\n ErrorLog('An error occurred while loading transactions:', error);\r\n setLoadError(true);\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n loadTransactions();\r\n }, [page, year]);\r\n\r\n const yearRange = (() => {\r\n const dates = [];\r\n for (let i = new Date().getFullYear(); i >= 2021; i--) dates.push(i)\r\n return dates.map(i => ({label: i, value: i}));\r\n })()\r\n\r\n\r\n return (\r\n <>\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n {Array.from({length: rows}, (v, i) => i).map((item, index) => {\r\n if(item % 2 == 0) return (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n )\r\n\r\n\r\n\r\n return (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n )\r\n })}\r\n
\r\n
\r\n \r\n
\r\n {loading ? (\r\n If you have any questions on your bill. Check out our Help and FAQs section
\r\n\r\n There was an error loading this page, please click here to try again.\r\n
\r\n ) : (\r\n No transaction data to show.
\r\n )\r\n\r\n return (\r\n <>\r\n \r\n
\r\n - \r\n
- \r\n Type\r\nDate\r\nAmount\r\nReference\r\nDownload\r\n \r\n {transactions.results.map((item, index) => {\r\n\r\n const strike = item.rebilled || item.removed;\r\n\r\n return (\r\n
- \r\n {item.transactionType}\r\n{moment(item.effectiveDate).format('DD.MM.YYYY')}\r\n{PoundCurrency(item.total)}\r\n{item.transactionReference}\r\n\r\n\r\n
\r\n \r\n )\r\n })}\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nconst Documents = ({item, index}) => {\r\n const strike = item.rebilled || item.removed;\r\n\r\n const getDocument = async (id) => {\r\n const downloader = new DocumentDownloader();\r\n await downloader.downloadDocumentUsingBase64(document, id);\r\n };\r\n\r\n switch (item.transactionType) {\r\n case 'Payment':\r\n return null;\r\n break;\r\n case 'Bill':\r\n return (\r\n \r\n
\r\n );\r\n break;\r\n\r\n default:\r\n return (\r\n \r\n {item.pdfId ? (\r\n await getDocument(item.pdfId)}\r\n className={`inline-flex flex-col items-center cursor-pointer`}>\r\n
\r\n \r\n
\r\n );\r\n break;\r\n }\r\n}\r\n\r\n\r\nexport default Transactions;","import React, {useEffect, useState} from \"react\";\r\nimport Pagination from '../../../../Shared/Pagination';\r\nimport {getBills} from \"../../../../../lib/api/billing\";\r\nimport moment from 'moment';\r\nimport BillsSkeleton from \"../Skeleton\";\r\nimport {ReactComponent as Dl} from '../../../../Shared/svgs/download.svg'\r\nimport ReactTooltip from 'react-tooltip';\r\nimport DocumentDownloader from \"../../../../../lib/api/documentdownloader\";\r\nimport InputSelect2 from \"../../../../Shared/FormComponents/InputSelect2\";\r\nimport { PoundCurrency } from '../../../../Shared/EncodingManipulation/index';\r\nimport { ErrorLog } from '../../../../Shared/ServerLogging';\r\n\r\nconst amountPerPage = 10;\r\n\r\nconst Bills = ({ helpLink }) => {\r\n const [loadError, setLoadError] = useState(false);\r\n const [loading, setLoading] = useState(true);\r\n const [bills, setBills] = useState(null);\r\n const [page, setPage] = useState(1);\r\n const [year, setYear] = useState(new Date().getFullYear());\r\n\r\n const loadBills = () => {\r\n setLoading(true);\r\n getBills(page, year, amountPerPage)\r\n .then(response => {\r\n if (response && response.data && response.data.data) {\r\n setBills(response.data.data);\r\n setLoadError(false);\r\n } else {\r\n setLoadError(true);\r\n }\r\n })\r\n .catch(error =>\r\n {\r\n ErrorLog('An error occurred while loading bills:', error);\r\n setLoadError(true);\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n loadBills();\r\n }, [page, year]);\r\n\r\n const yearRange = (() => {\r\n const dates = [];\r\n for (let i = new Date().getFullYear(); i >= 2021; i--) dates.push(i)\r\n return dates.map(i => ({label: i, value: i}));\r\n })()\r\n\r\n return (\r\n <>\r\n \r\n {item.pdfId ? (\r\n await getDocument(item.pdfId)}\r\n className={`bill-tooltip-wrapper inline-flex flex-col items-center cursor-pointer ${strike ? 'text-grayText-default-300' : ''}`}>\r\n
\r\n \r\n
\r\n {loading ? (\r\n If you have any questions on your bill. Check out our Help and FAQs section
\r\n\r\n There was an error loading this page, please click here to try again.\r\n
\r\n ) : (\r\n No billing data to show.
\r\n )\r\n\r\n const getDocument = async (id) => { \r\n const downloader = new DocumentDownloader();\r\n await downloader.downloadDocumentUsingBase64(document, id);\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n {bills.maxPage > 1 ? (\r\n - \r\n
- \r\n Invoice No.\r\nDate\r\nBill Period\r\nTotal Charge\r\nDownload\r\n \r\n {bills.results.map((item, index) => {\r\n const strike = item.rebilled || item.removed;\r\n return (\r\n
- \r\n {item.invoiceNumber}\r\n{moment(item.dateGenerated).format('DD.MM.YYYY')}\r\n{moment(item.dateFrom).format('DD.MM.YYYY')} - {moment(item.dateTo).subtract(1, 'days').format('DD.MM.YYYY')}\r\n{PoundCurrency(item.total)}\r\n\r\n\r\n\r\n\r\n\r\n {item.pdfId ? (\r\n await getDocument(item.pdfId)}\r\n className={`inline-flex flex-col items-center cursor-pointer`}>\r\n\r\n \r\n )\r\n })}\r\n
\r\n
\r\n ) : null}\r\n \r\n )\r\n}\r\nexport default Bills;","import React from 'react';\r\nconst DirectDebitMandate = () => {\r\n\r\n return (\r\n \r\n { if (window?.mixpanel?.track) { window.mixpanel.track(\"Direct Debit Mandate Viewed\") } }}\r\n className=\"sm:w-1/3 mt-20px h-50px bg-everflow-blue text-everflow-black font-bold rounded-25px flex justify-center items-center ml-auto\"\r\n >\r\n Download Direct Debit form\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default DirectDebitMandate","import React, {useState, useEffect, useCallback} from 'react';\r\nimport Transactions from './Transactions';\r\nimport Bills from './Bills';\r\nimport DirectDebitMandate from \"../../../Shared/DirectDebitMandate\";\r\nimport { fetchCustomerDetails } from \"../../../../lib/api/customer-details\";\r\n\r\nconst Billing = ({ helpLink }) => {\r\n const [tab, setTab] = useState('billing');\r\n const [loadError, setLoadError] = useState(false);\r\n const [pageData, setPageData] = useState();\r\n\r\n const loadData = useCallback(async () => {\r\n await fetchCustomerDetails().then((resp) => {\r\n if (loadError) setLoadError(false);\r\n setPageData(resp)\r\n })\r\n .catch(err => {\r\n console.log('setting load err', err);\r\n setLoadError(true);\r\n })\r\n\r\n }, [setPageData, setLoadError, loadError])\r\n\r\n useEffect(() => {\r\n loadData().then(r => r);\r\n }, [loadData]);\r\n\r\n const buttonClasses = \"px-5 text-everflow-black bg-everflow-white border-everflow-magenta border-2 mr-10px min-h-50px rounded-2xl font-bold\";\r\n const activeButtonClasses = \"px-5 text-everflow-white bg-everflow-magenta border-everflow-magenta border-2 mr-10px min-h-50px rounded-2xl\";\r\n\r\n return (\r\n You are currently on our manual payment method. Why not move to Direct Debit?
\r\nUh oh! You're not on Direct Debit, which means you could miss payments and be charged!\r\n Please click the button below to download our Direct Debit mandate and email the completed form to customer.services@everflowutilities.com
\r\n\r\n : null}\r\n {tab === 'billing' ? : null}\r\n
\r\n );\r\n};\r\n\r\nexport default Billing;\r\n","import React from \"react\";\r\n\r\nimport { SideSkeleton } from \"../../../Shared/Skeletons\";\r\n\r\nconst SkeletonText = ({className, spacing, inheritFontSize, noPulse}) => {\r\n if(!spacing) spacing = '6px';\r\n const fontSize = inheritFontSize ? '1em' : '12px';\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nconst SkeletonBlock = ({rows}) => {\r\n if(!rows) rows = 1;\r\n\r\n const rowBlock = [];\r\n for(var i = 1; i < rows; i++) rowBlock.push(\r\n {\r\n pageData && pageData.accountBalance.paymentMethod !== 'DD' &&
\r\n\r\n Your Bills and Transactions
\r\n\r\n setTab('billing')}\r\n className={tab === 'billing' ? activeButtonClasses : buttonClasses}\r\n >\r\n Your Bills\r\n \r\n setTab('transactions')}\r\n className={tab === 'transactions' ? activeButtonClasses : buttonClasses}\r\n >\r\n Your Transactions\r\n \r\n
\r\n\r\n {tab === 'transactions' ? \r\n {rowBlock}\r\n
\r\n )\r\n}\r\n\r\nconst SkeletonInput = ({noPulse, className}) => (\r\n \r\n)\r\n\r\nconst SkeletonCustomer = () => {\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default SkeletonCustomer","import React, { useCallback, useEffect, useState, useRef } from 'react';\r\nimport { PoundCurrency } from '../../../Shared/EncodingManipulation';\r\nimport { fetchCustomerDetails, updateCustomerDetails } from '../../../../lib/api/customer-details';\r\nimport { ReactComponent as BlackInverseTick } from '../../../Shared/svgs/tick-ef-black.svg'\r\nimport SkeletonCustomer from './Skeleton';\r\nimport moment from 'moment';\r\nimport DirectDebitMandate from '../../../Shared/DirectDebitMandate';\r\nimport DeviceAndBrowserDetector from '../../../../lib/api/deviceandbrowserdetector';\r\n\r\nconst EditableInput = ({ editing, value, name, required, maxlength }) => {\r\n const editingInputClasses = \"p-1 border-2 text-everflow-black border-everflow-magenta rounded\"\r\n const notEditingInputClasses = \"break-all font-bold\"\r\n const [empty, setEmpty] = useState(false)\r\n\r\n return <>\r\n {editing && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n There was an error loading this page, please click here to try again.\r\n
\r\n )\r\n\r\n if (!pageData) return null;\r\n\r\n const billingEmailsArray = pageData.contact.billingEmail.split('|')\r\n\r\n const onCancelEdit = () => {\r\n const inputs = document.getElementsByTagName(\"input\")\r\n for (var inp of inputs) {\r\n if (inp.dataset && inp.dataset.originalValue) {\r\n inp.value = inp.dataset.originalValue\r\n }\r\n }\r\n const textareas = document.getElementsByTagName(\"textarea\")\r\n for (var inp of textareas) {\r\n if (inp.dataset && inp.dataset.originalValue) {\r\n inp.value = inp.dataset.originalValue\r\n }\r\n }\r\n setEditing(false)\r\n }\r\n\r\n const onSave = async () => {\r\n setSaving(true)\r\n \r\n const fields = ['ContactName', 'ContactEmail', 'BillingEmail', 'ContactNumber', 'MobileNumber', 'OtherMobileNumber', 'BillingAddressLine1', 'BillingAddressLine2', 'BillingAddressLine3', 'BillingTownOrCity', 'BillingCounty', 'BillingPostcode']\r\n let data = {}\r\n\r\n fields.forEach(fName => {\r\n const domEl = document.getElementById(`CustomerDashboard-${fName}`)\r\n if (domEl && domEl.value) {\r\n data[fName] = domEl.value;\r\n }\r\n })\r\n\r\n if (formRef.current.checkValidity() == false) {\r\n setSaving(false)\r\n return\r\n }\r\n\r\n const CombinedBillingEmail = getEmailsFromDom();\r\n\r\n if (CombinedBillingEmail.length >= billingEmailMaxLength) {\r\n setSaving(false)\r\n alert(`Combined billing email addresses length must be under ${billingEmailMaxLength} characters.`)\r\n return\r\n }\r\n\r\n data.BillingEmail = CombinedBillingEmail\r\n\r\n\r\n try {\r\n const res = await updateCustomerDetails(data)\r\n setSuccess(true);\r\n setEditing(false)\r\n setSaving(false)\r\n loadData()\r\n } catch (err) {\r\n console.warn(err)\r\n }\r\n }\r\n\r\n const onBillingEmailChange = () => {\r\n const fullEmail = getEmailsFromDom()\r\n if (fullEmail.length > billingEmailMaxLength) {\r\n setErrors([...errors, 'billingEmailLength'])\r\n } else {\r\n const newErrors = [...errors].filter((e) => { return e !== 'billingEmailLength' })\r\n setErrors(newErrors)\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default Customer;","import React, { useEffect, useState } from 'react';\r\nimport { useHistory } from \"react-router\";\r\n\r\nimport { useLogin } from '../../../lib/hooks/useLogin';\r\nimport DashboardWrapper from '../../Shared/DashboardWrapper';\r\nimport CrossSellBanner from '../../Shared/CrossSellBanner';\r\n\r\nimport DashboardContent from './DashboardContent';\r\nimport DashboardHome from './Home';\r\nimport Meters from './Meters';\r\nimport Billing from './Billing';\r\nimport Customer from './Customer';\r\nimport { getExternalLink } from '../../../lib/api/external-link';\r\n\r\n\r\nconst Dashboard = ({ account }) => {\r\n const loggedIn = useLogin();\r\n const history = useHistory()\r\n const [dismissed, setDismissed] = useState()\r\n const [helpLink, sethelpLink] = useState('');\r\n \r\n useEffect(() => {\r\n if ((loggedIn && !loggedIn.loading) && (!loggedIn.account.token)) history.push('/login');\r\n\r\n getExternalLink().then((resp) => {\r\n sethelpLink(resp.data.faqLink);\r\n })\r\n\r\n }, [loggedIn, history])\r\n\r\n return (\r\n \r\n
\r\n 404
\r\nPage not found
\r\n\r\n \r\n The Customer Portal is under maintenance between the hours of {start} and {end}.\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n return ReactDOM.createPortal(\r\n Box,\r\n modal\r\n )\r\n\r\n\r\n}\r\n\r\nexport const useCountdown = (secs) => {\r\n const [timer, setTimer] = useState(secs);\r\n \r\n useEffect(() => {\r\n if(!timer) return;\r\n var timeout = setTimeout(()=> {\r\n setTimer(timer - 1);\r\n }, 1000)\r\n return () => {\r\n clearTimeout(timeout)\r\n }\r\n }, [timer])\r\n \r\n return [timer, setTimer];\r\n }\r\n \r\n\r\n\r\nconst LoadingCircle = () => {\r\n const ref = useRef();\r\n\r\n const [length, setLength] = useState();\r\n\r\n\r\n useEffect(()=>{\r\n\r\n const circle = ref.current;\r\n const initLength = circle.getTotalLength()\r\n\r\n circle.style.strokeDasharray = initLength;\r\n circle.style.strokeDashoffset = initLength;\r\n circle.style.transform = 'rotate(-180 26.25 26.25)';\r\n\r\n setTimeout(()=>{\r\n circle.style.transition = 'all 3s linear';\r\n circle.style.strokeDashoffset = 0;\r\n\r\n }, 500)\r\n\r\n }, [])\r\n\r\n\r\n console.log('circledebug', length)\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\n\r\n\r\n\r\nexport default PopUp","// utils/GoogleAnalytics.js\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactGA from 'react-ga';\r\nimport { Route } from 'react-router-dom';\r\n\r\nclass GoogleAnalytics extends Component {\r\n componentDidMount () {\r\n this.logPageChange(\r\n this.props.location.pathname,\r\n this.props.location.search\r\n );\r\n }\r\n\r\n componentDidUpdate ({ location: prevLocation }) {\r\n const { location: { pathname, search } } = this.props;\r\n const isDifferentPathname = pathname !== prevLocation.pathname;\r\n const isDifferentSearch = search !== prevLocation.search;\r\n\r\n if (isDifferentPathname || isDifferentSearch) {\r\n this.logPageChange(pathname, search);\r\n }\r\n }\r\n\r\n logPageChange (pathname, search = '') {\r\n const page = pathname + search;\r\n const { location } = window;\r\n ReactGA.set({\r\n page,\r\n location: `${location.origin}${page}`,\r\n ...this.props.options\r\n });\r\n ReactGA.pageview(page);\r\n }\r\n\r\n render () {\r\n return null;\r\n }\r\n}\r\n\r\nGoogleAnalytics.propTypes = {\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string\r\n }).isRequired,\r\n options: PropTypes.object\r\n};\r\n\r\nconst RouteTracker = () => \r\n {!failed ? (\r\n
\r\n \r\n We are currently experiencing a high volume of users, please wait.
\r\n
\r\n\r\n ) : (\r\n We are currently experiencing a high volume of users, please wait.
Thank You!
\r\n \r\n {countdown ? (\r\n
\r\n \r\n Attempting to reconnect in {countdown} second{countdown !== 1 ? 's' : ''}\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n Attempting to reconnect, try {attempt.try} of {attempt.of}\r\n
\r\n \r\n
\r\n )}\r\n\r\n We are currently experiencing a high volume of users, please check back soon to complete your request.
\r\n\r\n
\r\n \r\n setActive(false)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n Please do not refresh this page during your transaction and be sure to click the payment button just once.
\r\n\r\n \r\n
\r\n \r\n
\r\n }\r\n );\r\n}\r\n\r\nexport default ThankYou","import React, { useEffect } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { InformationLog } from '../../../Shared/ServerLogging';\r\n\r\nconst Cancel = () => {\r\n\r\n const location = useLocation();\r\n const searchParams = new URLSearchParams(location.search);\r\n const merchantReference = searchParams.get('id');\r\n\r\n InformationLog(`Cancel page hit for merchantReference: ${merchantReference}`);\r\n\r\n useEffect(() => {\r\n window.top.scrollTo(0, 0)\r\n }, [])\r\n\r\n return (\r\n <>{\r\n \r\n
\r\n Thank you for submitting your details for payment.
\r\nIf your payment was successful, you will receive a confirmation email shortly and your payment will be applied to your account by close of business the following working day. Please do not attempt to process the payment again during this time as you may be charged twice.
\r\n\r\n \r\n
\r\n
\r\n }\r\n );\r\n}\r\n\r\nexport default Cancel","import React, { useEffect, useState } from 'react';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { Redirect, Route } from 'react-router';\r\n\r\nimport Login from './components/Pages/Login';\r\nimport Dashboard from './components/Pages/Dashboard';\r\nimport { useLogin } from './lib/hooks/useLogin';\r\nimport NotFound from './components/Pages/NotFound';\r\nimport Switch from './components/Shared/RouteSwitch';\r\nimport Maintenance from './components/Pages/Maintenance';\r\nimport { checkMaintenance } from './lib/maintenance/es6';\r\nimport PopUp from './components/Shared/PopUp';\r\nimport Analytics from './components/Shared/Analytics';\r\nimport LiveChatLoader from \"./liveChatLoader\";\r\nimport CardPayment from './components/Pages/CardPayment/index';\r\nimport ThankYou from './components/Pages/CardPayment/ThankYou/index';\r\nimport Cancel from './components/Pages/CardPayment/Cancel/index';\r\n\r\nconst App = () => {\r\n const {loading, account} = useLogin();\r\n const history = useHistory();\r\n const location = useLocation();\r\n\r\n const [analyticsCookiesAccepted, setAnalyticsCookiesAccepted] = useState(localStorage.getItem('analyticsCookieControlIndexJS') === 'true');\r\n\r\n const isFramePage = location.pathname.startsWith('/thanks') || location.pathname.startsWith('/cancel')\r\n\r\n useEffect(() => {\r\n if (analyticsCookiesAccepted) {\r\n fetch('/api/Configuration/analytics-config')\r\n .then(response => {\r\n if (!response.ok) {\r\n throw new Error(\"Failed to fetch live chat configuration\");\r\n }\r\n return response.json();\r\n })\r\n .then(data => {\r\n if (window && window.mixpanel && data.enabled) {\r\n console.log(\"Initializing MixPanel\")\r\n window.mixpanel.init(data.licenseKey, { debug: data.debugMode, track_pageview: true, persistence: 'localStorage' });\r\n if (account && account.accountNumber) {\r\n window.mixpanel.identify(account.accountNumber);\r\n }\r\n }\r\n })\r\n .catch(err => console.warn(err));\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n if(checkMaintenance() && history && history.location && history.location.pathname !== '/maintenance') {\r\n history.push('/maintenance');\r\n }\r\n }, [history]);\r\n\r\n useEffect(() => {\r\n if (analyticsCookiesAccepted) {\r\n if (window && window.mixpanel && window.mixpanel.track) {\r\n window.mixpanel.track('React Page View', {\r\n 'page': location.pathname\r\n })\r\n }\r\n }\r\n }, [location]);\r\n\r\n useEffect(() => {\r\n const handleAccept = () => {\r\n localStorage.setItem('analyticsCookieControlIndexJS', 'true');\r\n setAnalyticsCookiesAccepted(true);\r\n };\r\n const handleRevoke = () => {\r\n localStorage.setItem('analyticsCookieControlIndexJS', 'false');\r\n setAnalyticsCookiesAccepted(false);\r\n };\r\n\r\n window.addEventListener('analyticsCookieAccepted', handleAccept);\r\n window.addEventListener('analyticsCookieRevoked', handleRevoke);\r\n\r\n return () => {\r\n window.removeEventListener('analyticsCookieAccepted', handleAccept);\r\n window.removeEventListener('analyticsCookieRevoked', handleRevoke);\r\n };\r\n }, []);\r\n\r\n if (loading) return null;\r\n\r\n return (\r\n <>\r\n {analyticsCookiesAccepted && !isFramePage && \r\n
\r\n Payment Cancelled
\r\n\r\n \r\n