@kando-env/kando-ui 1.2.383 → 1.2.385-alpha.0

package/lib/pages/PollutionRiskAssessment/FactoryDetails.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FactoryDetails = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireWildcard(require("react"));
+var _urls = require("../../utilities/urls");
+var _reactRedux = require("react-redux");
+var _Sector = _interopRequireDefault(require("../../components/Sector/Sector"));
+var _SeverityBadge = require("pages/DashboardMap/SeverityBadge");
+var _PointUtils = require("Widgets/Map/points/PointUtils");
+var _Icon = require("../../Widgets/PotentialImpactSummary/Icon");
+var _reactI18next = require("react-i18next");
+var _use_cases = _interopRequireDefault(require("./use_cases.json"));
+var _contact_us = require("@svgr/webpack?-svgo!./contact_us.svg");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var FactoryDetails = function FactoryDetails(_ref) {
+  var _data$find;
+  var point_id = _ref.point_id;
+  var _React$useState = _react.default.useState(),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    pointData = _React$useState2[0],
+    setPointData = _React$useState2[1];
+  var waterAuthorityId = (0, _reactRedux.useSelector)(function (state) {
+    return state.global_data.waterAuthorityId;
+  });
+  var fetchData = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url, setData) {
+      var response, result;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return fetch(url);
+            case 3:
+              response = _context.sent;
+              _context.next = 6;
+              return response.json();
+            case 6:
+              result = _context.sent;
+              setData(result);
+              _context.next = 13;
+              break;
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](0);
+              console.error("Failed to fetch data from ".concat(url, ":"), _context.t0);
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 10]]);
+    }));
+    return function fetchData(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    var geoPointUrl = (0, _urls.urls)({
+      id: point_id,
+      waterAuthorityId: waterAuthorityId
+    }).PollutionRiskAssessment.geoPoint;
+    fetchData(geoPointUrl, setPointData);
+  }, [point_id]);
+  var useCaseIcon = _use_cases.default && pointData && ((_data$find = _use_cases.default.find(function (useCase) {
+    return useCase.id === (pointData === null || pointData === void 0 ? void 0 : pointData.potential_impact_name);
+  })) === null || _data$find === void 0 ? void 0 : _data$find.icon);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "name"
+  }, pointData === null || pointData === void 0 ? void 0 : pointData.name), /*#__PURE__*/_react.default.createElement(_Sector.default, {
+    sectorName: pointData === null || pointData === void 0 ? void 0 : pointData.sector_name,
+    sectorIconName: pointData === null || pointData === void 0 ? void 0 : pointData.sector_icon_name,
+    width: "20px",
+    height: "20px",
+    iconFillColor: "#6d6a6b",
+    showLabel: false
+  })), /*#__PURE__*/_react.default.createElement(_SeverityBadge.SeverityBadge, {
+    props: {
+      score: pointData === null || pointData === void 0 ? void 0 : pointData.total_score
+    },
+    className: "severity-badge"
+  })), /*#__PURE__*/_react.default.createElement(Delimiter, null), /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    use_case: "water_reuse",
+    className: "use-case-icon"
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, "".concat((0, _PointUtils.getFlowRate)(pointData === null || pointData === void 0 ? void 0 : pointData.water_discharge, 'gd_us'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "subtitle"
+  }, 'Estimated water discharge'))), /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    use_case: useCaseIcon,
+    className: "use-case-icon"
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+    i18nKey: "pollution_risk_assessment.use_cases.".concat(pointData === null || pointData === void 0 ? void 0 : pointData.potential_impact_name)
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "subtitle"
+  }, 'Potential Impact'))), /*#__PURE__*/_react.default.createElement(Container, {
+    className: "green"
+  }, /*#__PURE__*/_react.default.createElement("div", null, "\u2191"), /*#__PURE__*/_react.default.createElement("div", null, "Saving of $".concat(pointData === null || pointData === void 0 ? void 0 : pointData.potential_impact_cost)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "subtitle"
+  }, '/Per year'), /*#__PURE__*/_react.default.createElement(_contact_us.ReactComponent, {
+    className: "contact-us"
+  })));
+};
+exports.FactoryDetails = FactoryDetails;
+var Header = _styledComponents.default.div.withConfig({
+  displayName: "FactoryDetails__Header",
+  componentId: "sc-1i7qyli-0"
+})(["display:flex;flex-direction:row;align-items:center;padding:10px 0 10px 20px;.name{font-size:18px;font-weight:600;padding-right:10px;}.sector{margin:0 0 0 -5px;.sector__icon:{padding-left:-5px;img svg{fill:#6d6a6b;}}.sector__text{font-size:16px;line-height:18px;color:#6d6a6b;font-weight:400;}}.severity-badge{max-width:fit-content;}"]);
+var Delimiter = _styledComponents.default.div.withConfig({
+  displayName: "FactoryDetails__Delimiter",
+  componentId: "sc-1i7qyli-1"
+})(["height:1px;background-color:var(--Neutral-Borders-Default,#e8e4e6);margin:0 0 16px 0;"]);
+var Container = _styledComponents.default.div.withConfig({
+  displayName: "FactoryDetails__Container",
+  componentId: "sc-1i7qyli-2"
+})(["display:flex;flex-direction:row;align-items:center;gap:10px;padding:20px;border:1px solid var(--Neutral-Borders-Default,#e8e4e6);border-radius:12px;margin:0 20px 16px 16px;svg path{fill:black !important;}&.green{border-width:1px 1px 1px 3px;border-color:#e8e4e6 #e8e4e6 #e8e4e6 #22c55e;display:flex;flex-direction:row;font-size:18px;font-weight:600;line-height:28px;color:#16a34a;.subtitle{font-size:14px;font-weight:400;color:#6d6a6b;}.contact-us{width:32px;height:32px;}svg{path{fill:#ffffff !important;}rect{fill:#16a34a;}}}.use-case-icon{width:32px;height:32px;}.title{font-size:20px;font-weight:600;line-height:30px;color:#0a043f;}.subtitle{font-size:16px;font-weight:400;line-height:30px;color:#5e5b70;}"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfdXJscyIsIl9yZWFjdFJlZHV4IiwiX1NlY3RvciIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfU2V2ZXJpdHlCYWRnZSIsIl9Qb2ludFV0aWxzIiwiX0ljb24iLCJfcmVhY3RJMThuZXh0IiwiX3VzZV9jYXNlcyIsIl9jb250YWN0X3VzIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJGYWN0b3J5RGV0YWlscyIsIl9yZWYiLCJfZGF0YSRmaW5kIiwicG9pbnRfaWQiLCJfUmVhY3QkdXNlU3RhdGUiLCJSZWFjdCIsInVzZVN0YXRlIiwiX1JlYWN0JHVzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInBvaW50RGF0YSIsInNldFBvaW50RGF0YSIsIndhdGVyQXV0aG9yaXR5SWQiLCJ1c2VTZWxlY3RvciIsInN0YXRlIiwiZ2xvYmFsX2RhdGEiLCJmZXRjaERhdGEiLCJfcmVmMiIsIl9hc3luY1RvR2VuZXJhdG9yMiIsIl9yZWdlbmVyYXRvciIsIm1hcmsiLCJfY2FsbGVlIiwidXJsIiwic2V0RGF0YSIsInJlc3BvbnNlIiwicmVzdWx0Iiwid3JhcCIsIl9jYWxsZWUkIiwiX2NvbnRleHQiLCJwcmV2IiwibmV4dCIsImZldGNoIiwic2VudCIsImpzb24iLCJ0MCIsImNvbnNvbGUiLCJlcnJvciIsImNvbmNhdCIsInN0b3AiLCJfeCIsIl94MiIsImFwcGx5IiwiYXJndW1lbnRzIiwidXNlRWZmZWN0IiwiZ2VvUG9pbnRVcmwiLCJ1cmxzIiwiaWQiLCJQb2xsdXRpb25SaXNrQXNzZXNzbWVudCIsImdlb1BvaW50IiwidXNlQ2FzZUljb24iLCJkYXRhIiwiZmluZCIsInVzZUNhc2UiLCJwb3RlbnRpYWxfaW1wYWN0X25hbWUiLCJpY29uIiwiY3JlYXRlRWxlbWVudCIsIkhlYWRlciIsImNsYXNzTmFtZSIsIm5hbWUiLCJzZWN0b3JOYW1lIiwic2VjdG9yX25hbWUiLCJzZWN0b3JJY29uTmFtZSIsInNlY3Rvcl9pY29uX25hbWUiLCJ3aWR0aCIsImhlaWdodCIsImljb25GaWxsQ29sb3IiLCJzaG93TGFiZWwiLCJTZXZlcml0eUJhZGdlIiwicHJvcHMiLCJzY29yZSIsInRvdGFsX3Njb3JlIiwiRGVsaW1pdGVyIiwiQ29udGFpbmVyIiwiSWNvbiIsInVzZV9jYXNlIiwiZ2V0Rmxvd1JhdGUiLCJ3YXRlcl9kaXNjaGFyZ2UiLCJUcmFucyIsImkxOG5LZXkiLCJwb3RlbnRpYWxfaW1wYWN0X2Nvc3QiLCJSZWFjdENvbXBvbmVudCIsImV4cG9ydHMiLCJzdHlsZWQiLCJkaXYiLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Qb2xsdXRpb25SaXNrQXNzZXNzbWVudC9GYWN0b3J5RGV0YWlscy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVybHMgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvdXJscyc7XG5pbXBvcnQgeyB1c2VTZWxlY3RvciB9IGZyb20gJ3JlYWN0LXJlZHV4JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMvbWFjcm8nO1xuaW1wb3J0IFNlY3RvciBmcm9tICcuLi8uLi9jb21wb25lbnRzL1NlY3Rvci9TZWN0b3InO1xuaW1wb3J0IHsgU2V2ZXJpdHlCYWRnZSB9IGZyb20gJ3NyYy9wYWdlcy9EYXNoYm9hcmRNYXAvU2V2ZXJpdHlCYWRnZSc7XG5pbXBvcnQgeyBnZXRGbG93UmF0ZSB9IGZyb20gJ3NyYy9XaWRnZXRzL01hcC9wb2ludHMvUG9pbnRVdGlscyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vV2lkZ2V0cy9Qb3RlbnRpYWxJbXBhY3RTdW1tYXJ5L0ljb24nO1xuaW1wb3J0IHsgVHJhbnMgfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBkYXRhIGZyb20gJy4vdXNlX2Nhc2VzLmpzb24nO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgQ29udGFjdFVzSWNvbiB9IGZyb20gJy4vY29udGFjdF91cy5zdmcnO1xuXG5pbnRlcmZhY2UgRmFjdG9yeURldGFpbHNQcm9wcyB7XG4gIHBvaW50X2lkOiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBGYWN0b3J5RGV0YWlsczogUmVhY3QuRkM8RmFjdG9yeURldGFpbHNQcm9wcz4gPSAoeyBwb2ludF9pZCB9KSA9PiB7XG4gIGNvbnN0IFtwb2ludERhdGEsIHNldFBvaW50RGF0YV0gPSBSZWFjdC51c2VTdGF0ZTxhbnk+KCk7XG4gIGNvbnN0IHdhdGVyQXV0aG9yaXR5SWQgPSB1c2VTZWxlY3RvcihcbiAgICAoc3RhdGUpID0+IHN0YXRlLmdsb2JhbF9kYXRhLndhdGVyQXV0aG9yaXR5SWQsXG4gICk7XG5cbiAgY29uc3QgZmV0Y2hEYXRhID0gYXN5bmMgPFQsPihcbiAgICB1cmw6IHN0cmluZyxcbiAgICBzZXREYXRhOiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxUPj4sXG4gICkgPT4ge1xuICAgIHRyeSB7XG4gICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGZldGNoKHVybCk7XG4gICAgICBjb25zdCByZXN1bHQgPSBhd2FpdCByZXNwb25zZS5qc29uKCk7XG4gICAgICBzZXREYXRhKHJlc3VsdCk7XG4gICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgIGNvbnNvbGUuZXJyb3IoYEZhaWxlZCB0byBmZXRjaCBkYXRhIGZyb20gJHt1cmx9OmAsIGVycm9yKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBnZW9Qb2ludFVybCA9IHVybHMoeyBpZDogcG9pbnRfaWQsIHdhdGVyQXV0aG9yaXR5SWQgfSlcbiAgICAgIC5Qb2xsdXRpb25SaXNrQXNzZXNzbWVudC5nZW9Qb2ludDtcbiAgICBmZXRjaERhdGEoZ2VvUG9pbnRVcmwsIHNldFBvaW50RGF0YSk7XG4gIH0sIFtwb2ludF9pZF0pO1xuXG4gIGNvbnN0IHVzZUNhc2VJY29uID1cbiAgICBkYXRhICYmXG4gICAgcG9pbnREYXRhICYmXG4gICAgZGF0YS5maW5kKCh1c2VDYXNlKSA9PiB1c2VDYXNlLmlkID09PSBwb2ludERhdGE/LnBvdGVudGlhbF9pbXBhY3RfbmFtZSlcbiAgICAgID8uaWNvbjtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8SGVhZGVyPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibmFtZVwiPntwb2ludERhdGE/Lm5hbWV9PC9kaXY+XG4gICAgICAgICAgPFNlY3RvclxuICAgICAgICAgICAgc2VjdG9yTmFtZT17cG9pbnREYXRhPy5zZWN0b3JfbmFtZX1cbiAgICAgICAgICAgIHNlY3Rvckljb25OYW1lPXtwb2ludERhdGE/LnNlY3Rvcl9pY29uX25hbWV9XG4gICAgICAgICAgICB3aWR0aD1cIjIwcHhcIlxuICAgICAgICAgICAgaGVpZ2h0PVwiMjBweFwiXG4gICAgICAgICAgICBpY29uRmlsbENvbG9yPVwiIzZkNmE2YlwiXG4gICAgICAgICAgICBzaG93TGFiZWw9e2ZhbHNlfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8U2V2ZXJpdHlCYWRnZVxuICAgICAgICAgIHByb3BzPXt7IHNjb3JlOiBwb2ludERhdGE/LnRvdGFsX3Njb3JlIH19XG4gICAgICAgICAgY2xhc3NOYW1lPVwic2V2ZXJpdHktYmFkZ2VcIlxuICAgICAgICAvPlxuICAgICAgPC9IZWFkZXI+XG4gICAgICA8RGVsaW1pdGVyIC8+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8SWNvbiB1c2VfY2FzZT1cIndhdGVyX3JldXNlXCIgY2xhc3NOYW1lPVwidXNlLWNhc2UtaWNvblwiIC8+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0aXRsZVwiPntgJHtnZXRGbG93UmF0ZShcbiAgICAgICAgICAgIHBvaW50RGF0YT8ud2F0ZXJfZGlzY2hhcmdlLFxuICAgICAgICAgICAgJ2dkX3VzJyxcbiAgICAgICAgICApfWB9PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzdWJ0aXRsZVwiPnsnRXN0aW1hdGVkIHdhdGVyIGRpc2NoYXJnZSd9PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Db250YWluZXI+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8SWNvbiB1c2VfY2FzZT17dXNlQ2FzZUljb259IGNsYXNzTmFtZT1cInVzZS1jYXNlLWljb25cIiAvPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwidGl0bGVcIj5cbiAgICAgICAgICAgIDxUcmFuc1xuICAgICAgICAgICAgICBpMThuS2V5PXtgcG9sbHV0aW9uX3Jpc2tfYXNzZXNzbWVudC51c2VfY2FzZXMuJHtwb2ludERhdGE/LnBvdGVudGlhbF9pbXBhY3RfbmFtZX1gfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInN1YnRpdGxlXCI+eydQb3RlbnRpYWwgSW1wYWN0J308L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDxDb250YWluZXIgY2xhc3NOYW1lPVwiZ3JlZW5cIj5cbiAgICAgICAgPGRpdj4mdWFycjs8L2Rpdj5cbiAgICAgICAgPGRpdj57YFNhdmluZyBvZiAkJHtwb2ludERhdGE/LnBvdGVudGlhbF9pbXBhY3RfY29zdH1gfTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInN1YnRpdGxlXCI+eycvUGVyIHllYXInfTwvZGl2PlxuICAgICAgICA8Q29udGFjdFVzSWNvbiBjbGFzc05hbWU9XCJjb250YWN0LXVzXCIgLz5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuY29uc3QgSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMTBweCAwIDEwcHggMjBweDtcblxuICAubmFtZSB7XG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgcGFkZGluZy1yaWdodDogMTBweDtcbiAgfVxuXG4gIC5zZWN0b3Ige1xuICAgIG1hcmdpbjogMCAwIDAgLTVweDtcblxuICAgIC5zZWN0b3JfX2ljb246IHtcbiAgICAgIHBhZGRpbmctbGVmdDogLTVweDtcbiAgICAgIGltZyBzdmcge1xuICAgICAgICBmaWxsOiAjNmQ2YTZiO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5zZWN0b3JfX3RleHQge1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICBjb2xvcjogIzZkNmE2YjtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuICB9XG5cbiAgLnNldmVyaXR5LWJhZGdlIHtcbiAgICBtYXgtd2lkdGg6IGZpdC1jb250ZW50O1xuICB9XG5gO1xuXG5jb25zdCBEZWxpbWl0ZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tTmV1dHJhbC1Cb3JkZXJzLURlZmF1bHQsICNlOGU0ZTYpO1xuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDEwcHg7XG4gIHBhZGRpbmc6IDIwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLU5ldXRyYWwtQm9yZGVycy1EZWZhdWx0LCAjZThlNGU2KTtcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgbWFyZ2luOiAwIDIwcHggMTZweCAxNnB4O1xuXG4gIHN2ZyBwYXRoIHtcbiAgICBmaWxsOiBibGFjayAhaW1wb3J0YW50O1xuICB9XG5cbiAgJi5ncmVlbiB7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHggMXB4IDFweCAzcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjZThlNGU2ICNlOGU0ZTYgI2U4ZTRlNiAjMjJjNTVlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICBsaW5lLWhlaWdodDogMjhweDtcbiAgICBjb2xvcjogIzE2YTM0YTtcblxuICAgIC5zdWJ0aXRsZSB7XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgY29sb3I6ICM2ZDZhNmI7XG4gICAgfVxuXG4gICAgLmNvbnRhY3QtdXMge1xuICAgICAgd2lkdGg6IDMycHg7XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgfVxuXG4gICAgc3ZnIHtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgICByZWN0IHtcbiAgICAgICAgZmlsbDogIzE2YTM0YTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAudXNlLWNhc2UtaWNvbiB7XG4gICAgd2lkdGg6IDMycHg7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICBsaW5lLWhlaWdodDogMzBweDtcbiAgICBjb2xvcjogIzBhMDQzZjtcbiAgfVxuXG4gIC5zdWJ0aXRsZSB7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgY29sb3I6ICM1ZTViNzA7XG4gIH1cbmA7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLEtBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUYsT0FBQTtBQUVBLElBQUFHLE9BQUEsR0FBQUMsc0JBQUEsQ0FBQUosT0FBQTtBQUNBLElBQUFLLGNBQUEsR0FBQUwsT0FBQTtBQUNBLElBQUFNLFdBQUEsR0FBQU4sT0FBQTtBQUNBLElBQUFPLEtBQUEsR0FBQVAsT0FBQTtBQUNBLElBQUFRLGFBQUEsR0FBQVIsT0FBQTtBQUNBLElBQUFTLFVBQUEsR0FBQUwsc0JBQUEsQ0FBQUosT0FBQTtBQUFvQyxJQUFBVSxXQUFBLEdBQUFWLE9BQUE7QUFBQSxTQUFBVyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQWIsd0JBQUFpQixHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsYUFBQUUsT0FBQSxDQUFBRixHQUFBLHlCQUFBQSxHQUFBLDRCQUFB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

package/lib/pages/PollutionRiskAssessment/FilterBehaviors.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterBehaviors = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _RadioButtonGroup = _interopRequireDefault(require("../../ui-kit/RadioButtons/RadioButtonGroup"));
+var _use_cases = _interopRequireDefault(require("./use_cases.json"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Icon = require("../../Widgets/PotentialImpactSummary/Icon");
+var _reactI18next = require("react-i18next");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var FilterBehaviors = function FilterBehaviors(_ref) {
+  var handleChange = _ref.handleChange,
+    selectedItem = _ref.selectedItem;
+  var _useState = (0, _react.useState)(selectedItem),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedOption = _useState2[0],
+    setSelectedOption = _useState2[1];
+  var getLabel = function getLabel(item) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      use_case: item.icon,
+      className: "use-case-icon"
+    }), ' ', /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+      i18nKey: "pollution_risk_assessment.use_cases.".concat(item.name)
+    }));
+  };
+  var options = _use_cases.default.map(function (item) {
+    return {
+      value: item.id,
+      name: item.name,
+      label: getLabel(item)
+    };
+  });
+  var handleFilterChange = function handleFilterChange(event) {
+    var newSelection = event.target.value === selectedOption ? '' : event.target.value;
+    setSelectedOption(newSelection);
+    handleChange(newSelection);
+  };
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+    i18nKey: "pollution_risk_assessment.filter_behaviors"
+  })), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, {
+    className: 'form-check-input',
+    options: options,
+    type: 'checkbox',
+    handleChange: handleFilterChange,
+    checked: selectedOption
+  }));
+};
+exports.FilterBehaviors = FilterBehaviors;
+var Header = _styledComponents.default.div.withConfig({
+  displayName: "FilterBehaviors__Header",
+  componentId: "sc-nux9rp-0"
+})(["font-size:20px;font-weight:bold;color:#000;margin-bottom:20px;align-self:flex-start;"]);
+var Container = _styledComponents.default.div.withConfig({
+  displayName: "FilterBehaviors__Container",
+  componentId: "sc-nux9rp-1"
+})(["display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:14px;.form-check{border:none;max-width:100%;}.form-check-label{display:flex;flex-direction:row;align-items:center;gap:8px;color:#000;width:100%;height:100%;border:1px solid #ccc9cb;border-radius:12px;padding:8px;.use-case-icon{width:24px;height:24px;}svg path{fill:black !important;}}input{opacity:1;width:24px;height:24px;}input[type='checkbox'],input[type='radio']{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all 0.2s ease;border:1.5px solid #ccc9cb;border-radius:50%;position:relative;left:90%;}input[type='checkbox']:checked,input[type='radio']:checked{border-color:#e31b62;}input[type='checkbox']:checked::before,input[type='radio']:checked::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#e31b62;border-radius:50%;border-color:#ccc9cb;}"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfUmFkaW9CdXR0b25Hcm91cCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXNlX2Nhc2VzIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfSWNvbiIsIl9yZWFjdEkxOG5leHQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsImdldCIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiZGVzYyIsInNldCIsIkZpbHRlckJlaGF2aW9ycyIsIl9yZWYiLCJoYW5kbGVDaGFuZ2UiLCJzZWxlY3RlZEl0ZW0iLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJzZWxlY3RlZE9wdGlvbiIsInNldFNlbGVjdGVkT3B0aW9uIiwiZ2V0TGFiZWwiLCJpdGVtIiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiSWNvbiIsInVzZV9jYXNlIiwiaWNvbiIsImNsYXNzTmFtZSIsIlRyYW5zIiwiaTE4bktleSIsImNvbmNhdCIsIm5hbWUiLCJvcHRpb25zIiwiZGF0YSIsIm1hcCIsInZhbHVlIiwiaWQiLCJsYWJlbCIsImhhbmRsZUZpbHRlckNoYW5nZSIsImV2ZW50IiwibmV3U2VsZWN0aW9uIiwidGFyZ2V0IiwiQ29udGFpbmVyIiwiSGVhZGVyIiwidHlwZSIsImNoZWNrZWQiLCJleHBvcnRzIiwic3R5bGVkIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvUG9sbHV0aW9uUmlza0Fzc2Vzc21lbnQvRmlsdGVyQmVoYXZpb3JzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmFkaW9CdXR0b25Hcm91cCBmcm9tICcuLi8uLi91aS1raXQvUmFkaW9CdXR0b25zL1JhZGlvQnV0dG9uR3JvdXAnO1xuaW1wb3J0IGRhdGEgZnJvbSAnLi91c2VfY2FzZXMuanNvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi8uLi9XaWRnZXRzL1BvdGVudGlhbEltcGFjdFN1bW1hcnkvSWNvbic7XG5pbXBvcnQgeyBUcmFucyB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbnRlcmZhY2UgRmlsdGVyQmVoYXZpb3JzUHJvcHMge1xuICBoYW5kbGVDaGFuZ2U6IChzdHJpbmcpID0+IHZvaWQ7XG4gIHNlbGVjdGVkSXRlbTogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgRmlsdGVyQmVoYXZpb3JzOiBSZWFjdC5GQzxGaWx0ZXJCZWhhdmlvcnNQcm9wcz4gPSAoe1xuICBoYW5kbGVDaGFuZ2UsXG4gIHNlbGVjdGVkSXRlbSxcbn0pID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9uLCBzZXRTZWxlY3RlZE9wdGlvbl0gPSB1c2VTdGF0ZShzZWxlY3RlZEl0ZW0pO1xuXG4gIGNvbnN0IGdldExhYmVsID0gKGl0ZW06IGFueSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8SWNvbiB1c2VfY2FzZT17aXRlbS5pY29ufSBjbGFzc05hbWU9XCJ1c2UtY2FzZS1pY29uXCIgLz57JyAnfVxuICAgICAgICA8VHJhbnMgaTE4bktleT17YHBvbGx1dGlvbl9yaXNrX2Fzc2Vzc21lbnQudXNlX2Nhc2VzLiR7aXRlbS5uYW1lfWB9IC8+XG4gICAgICA8Lz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IG9wdGlvbnMgPSBkYXRhLm1hcCgoaXRlbTogYW55KSA9PiAoe1xuICAgIHZhbHVlOiBpdGVtLmlkLFxuICAgIG5hbWU6IGl0ZW0ubmFtZSxcbiAgICBsYWJlbDogZ2V0TGFiZWwoaXRlbSksXG4gIH0pKTtcblxuICBjb25zdCBoYW5kbGVGaWx0ZXJDaGFuZ2UgPSAoZXZlbnQ6IGFueSkgPT4ge1xuICAgIGNvbnN0IG5ld1NlbGVjdGlvbiA9XG4gICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IHNlbGVjdGVkT3B0aW9uID8gJycgOiBldmVudC50YXJnZXQudmFsdWU7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb24obmV3U2VsZWN0aW9uKTtcbiAgICBoYW5kbGVDaGFuZ2UobmV3U2VsZWN0aW9uKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8SGVhZGVyPlxuICAgICAgICA8VHJhbnMgaTE4bktleT17YHBvbGx1dGlvbl9yaXNrX2Fzc2Vzc21lbnQuZmlsdGVyX2JlaGF2aW9yc2B9IC8+XG4gICAgICA8L0hlYWRlcj5cbiAgICAgIDxSYWRpb0J1dHRvbkdyb3VwXG4gICAgICAgIGNsYXNzTmFtZT17J2Zvcm0tY2hlY2staW5wdXQnfVxuICAgICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgICB0eXBlPXsnY2hlY2tib3gnfVxuICAgICAgICBoYW5kbGVDaGFuZ2U9e2hhbmRsZUZpbHRlckNoYW5nZX1cbiAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWRPcHRpb259XG4gICAgICAvPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuY29uc3QgSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZm9udC1zaXplOiAyMHB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6ICMwMDA7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDEwcHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAxNHB4O1xuXG4gIC5mb3JtLWNoZWNrIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG5cbiAgLmZvcm0tY2hlY2stbGFiZWwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogOHB4O1xuICAgIGNvbG9yOiAjMDAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOWNiO1xuICAgIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gICAgcGFkZGluZzogOHB4O1xuXG4gICAgLnVzZS1jYXNlLWljb24ge1xuICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgfVxuXG4gICAgc3ZnIHBhdGgge1xuICAgICAgZmlsbDogYmxhY2sgIWltcG9ydGFudDtcbiAgICB9XG4gIH1cblxuICBpbnB1dCB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB3aWR0aDogMjRweDtcbiAgICBoZWlnaHQ6IDI0cHg7XG4gIH1cblxuICBpbnB1dFt0eXBlPSdjaGVja2JveCddLFxuICBpbnB1dFt0eXBlPSdyYWRpbyddIHtcbiAgICBhcHBlYXJhbmNlOiBub25lOyAvKiBSZW1vdmUgZGVmYXVsdCBzdHlsZXMgKi9cbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IC8qIEZvciBTYWZhcmkgKi9cbiAgICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7IC8qIEZvciBGaXJlZm94ICovXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7IC8qIFNtb290aCBhbmltYXRpb25zICovXG4gICAgYm9yZGVyOiAxLjVweCBzb2xpZCAjY2NjOWNiO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbGVmdDogOTAlO1xuICB9XG5cbiAgaW5wdXRbdHlwZT0nY2hlY2tib3gnXTpjaGVja2VkLFxuICBpbnB1dFt0eXBlPSdyYWRpbyddOmNoZWNrZWQge1xuICAgIGJvcmRlci1jb2xvcjogI2UzMWI2MjtcbiAgfVxuXG4gIGlucHV0W3R5cGU9J2NoZWNrYm94J106Y2hlY2tlZDo6YmVmb3JlLFxuICBpbnB1dFt0eXBlPSdyYWRpbyddOmNoZWNrZWQ6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgICB3aWR0aDogMTJweDsgLyogU21hbGxlciB0aGFuIHRoZSBvdXRlciBjaXJjbGUgKi9cbiAgICBoZWlnaHQ6IDEycHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2UzMWI2MjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyLWNvbG9yOiAjY2NjOWNiO1xuICB9XG5gO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsVUFBQSxHQUFBRCxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUksaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFLLEtBQUEsR0FBQUwsT0FBQTtBQUNBLElBQUFNLGFBQUEsR0FBQU4sT0FBQTtBQUFzQyxTQUFBTyx5QkFBQUMsV0FBQSxl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

package/lib/pages/PollutionRiskAssessment/FilterButton.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireDefault(require("react"));
+var _filter_button = require("@svgr/webpack?-svgo!./filter_button.svg");
+var FilterButton = function FilterButton(_ref) {
+  var onClick = _ref.onClick,
+    buttonState = _ref.buttonState;
+  var handleClick = function handleClick() {
+    onClick();
+  };
+  var renderButtonContent = function renderButtonContent() {
+    if (buttonState === '') {
+      return /*#__PURE__*/_react.default.createElement(_filter_button.ReactComponent, null);
+    } else {
+      return /*#__PURE__*/_react.default.createElement(_filter_button.ReactComponent, {
+        className: buttonState
+      });
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(Button, {
+    onClick: handleClick
+  }, renderButtonContent());
+};
+var Button = _styledComponents.default.button.withConfig({
+  displayName: "FilterButton__Button",
+  componentId: "sc-gqfnjk-0"
+})(["position:relative;top:2vh;left:97vw;width:48px;height:48px;background-color:#fff;border-radius:50%;cursor:pointer;@media (max-width:768px){top:8vh;left:86vw;}.filled{path{fill:#000;}}.filled-red{path{fill:#000;}circle{fill:#ff0000;}}"]);
+var _default = FilterButton;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9maWx0ZXJfYnV0dG9uIiwiRmlsdGVyQnV0dG9uIiwiX3JlZiIsIm9uQ2xpY2siLCJidXR0b25TdGF0ZSIsImhhbmRsZUNsaWNrIiwicmVuZGVyQnV0dG9uQ29udGVudCIsImRlZmF1bHQiLCJjcmVhdGVFbGVtZW50IiwiUmVhY3RDb21wb25lbnQiLCJjbGFzc05hbWUiLCJCdXR0b24iLCJzdHlsZWQiLCJidXR0b24iLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Qb2xsdXRpb25SaXNrQXNzZXNzbWVudC9GaWx0ZXJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uIH0gZnJvbSAnLi9maWx0ZXJfYnV0dG9uLnN2Zyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzL21hY3JvJztcblxuaW50ZXJmYWNlIEZpbHRlckJ1dHRvblByb3BzIHtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgYnV0dG9uU3RhdGU6IHN0cmluZztcbn1cblxuY29uc3QgRmlsdGVyQnV0dG9uOiBSZWFjdC5GQzxGaWx0ZXJCdXR0b25Qcm9wcz4gPSAoe1xuICBvbkNsaWNrLFxuICBidXR0b25TdGF0ZSxcbn0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiB7XG4gICAgb25DbGljaygpO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlckJ1dHRvbkNvbnRlbnQgPSAoKSA9PiB7XG4gICAgaWYgKGJ1dHRvblN0YXRlID09PSAnJykge1xuICAgICAgcmV0dXJuIDxJY29uIC8+O1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gPEljb24gY2xhc3NOYW1lPXtidXR0b25TdGF0ZX0gLz47XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiA8QnV0dG9uIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfT57cmVuZGVyQnV0dG9uQ29udGVudCgpfTwvQnV0dG9uPjtcbn07XG5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAydmg7XG4gIGxlZnQ6IDk3dnc7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIHRvcDogOHZoO1xuICAgIGxlZnQ6IDg2dnc7XG4gIH1cblxuICAuZmlsbGVkIHtcbiAgICBwYXRoIHtcbiAgICAgIGZpbGw6ICMwMDA7XG4gICAgfVxuICB9XG5cbiAgLmZpbGxlZC1yZWQge1xuICAgIHBhdGgge1xuICAgICAgZmlsbDogIzAwMDtcbiAgICB9XG4gICAgY2lyY2xlIHtcbiAgICAgIGZpbGw6ICNmZjAwMDA7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBGaWx0ZXJCdXR0b247XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQTBCLElBQUFDLGNBQUEsR0FBQUQsT0FBQTtBQVMxQixJQUFNRSxZQUF5QyxHQUFHLFNBQTVDQSxZQUF5Q0EsQ0FBQUMsSUFBQSxFQUd6QztFQUFBLElBRkpDLE9BQU8sR0FBQUQsSUFBQSxDQUFQQyxPQUFPO0lBQ1BDLFdBQVcsR0FBQUYsSUFBQSxDQUFYRSxXQUFXO0VBRVgsSUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQVdBLENBQUEsRUFBUztJQUN4QkYsT0FBTyxDQUFDLENBQUM7RUFDWCxDQUFDO0VBRUQsSUFBTUcsbUJBQW1CLEdBQUcsU0FBdEJBLG1CQUFtQkEsQ0FBQSxFQUFTO0lBQ2hDLElBQUlGLFdBQVcsS0FBSyxFQUFFLEVBQUU7TUFDdEIsb0JBQU9QLE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBLENBQUNSLGNBQUEsQ0FBQVMsY0FBSSxNQUFFLENBQUM7SUFDakIsQ0FBQyxNQUFNO01BQ0wsb0JBQU9aLE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBLENBQUNSLGNBQUEsQ0FBQVMsY0FBSTtRQUFDQyxTQUFTLEVBQUVOO01BQVksQ0FBRSxDQUFDO0lBQ3pDO0VBQ0YsQ0FBQztFQUVELG9CQUFPUCxNQUFBLENBQUFVLE9BQUEsQ0FBQUMsYUFBQSxDQUFDRyxNQUFNO0lBQUNSLE9BQU8sRUFBRUU7RUFBWSxHQUFFQyxtQkFBbUIsQ0FBQyxDQUFVLENBQUM7QUFDdkUsQ0FBQztBQUVELElBQU1LLE1BQU0sR0FBR0MseUJBQU0sQ0FBQ0MsTUFBTSxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLGlQQTZCM0I7QUFBQyxJQUFBQyxRQUFBLEdBRWFoQixZQUFZO0FBQUFpQixPQUFBLENBQUFYLE9BQUEsR0FBQVUsUUFBQSJ9

package/lib/pages/PollutionRiskAssessment/Map.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Map = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useMap = require("./useMap");
+var _ErrorBoundary = _interopRequireDefault(require("utilities/ErrorBoundary"));
+require("./Map.scss");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Map = function Map(_ref) {
+  var filteredUseCaseCode = _ref.filteredUseCaseCode,
+    points = _ref.points,
+    polygon = _ref.polygon,
+    onBoundsChange = _ref.onBoundsChange,
+    onMarkerClick = _ref.onMarkerClick;
+  var mapRef = (0, _react.useRef)(null);
+  var map = (0, _useMap.useMap)(mapRef, points, filteredUseCaseCode, polygon, onMarkerClick);
+  (0, _react.useEffect)(function () {
+    if (map && mapRef.current) {
+      // TBD - investigate and fix this when there is no data on the map
+      if (onBoundsChange) {
+        onBoundsChange(map.getBounds());
+      }
+      var handleMapEnd = function handleMapEnd() {
+        if (onBoundsChange) {
+          onBoundsChange(map.getBounds());
+        }
+      };
+      map.on('moveend', handleMapEnd);
+      return function () {
+        map.off('moveend', handleMapEnd);
+      };
+    }
+    return;
+  }, [map, onBoundsChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "map-container"
+  }, /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: mapRef,
+    className: "map-heights"
+  })));
+};
+exports.Map = Map;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfdXNlTWFwIiwiX0Vycm9yQm91bmRhcnkiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJNYXAiLCJfcmVmIiwiZmlsdGVyZWRVc2VDYXNlQ29kZSIsInBvaW50cyIsInBvbHlnb24iLCJvbkJvdW5kc0NoYW5nZSIsIm9uTWFya2VyQ2xpY2siLCJtYXBSZWYiLCJ1c2VSZWYiLCJtYXAiLCJ1c2VNYXAiLCJ1c2VFZmZlY3QiLCJjdXJyZW50IiwiZ2V0Qm91bmRzIiwiaGFuZGxlTWFwRW5kIiwib24iLCJvZmYiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwicmVmIiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Qb2xsdXRpb25SaXNrQXNzZXNzbWVudC9NYXAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZU1hcCB9IGZyb20gJy4vdXNlTWFwJztcbmltcG9ydCBFcnJvckJvdW5kYXJ5IGZyb20gJ3NyYy91dGlsaXRpZXMvRXJyb3JCb3VuZGFyeSc7XG5pbXBvcnQgJy4vTWFwLnNjc3MnO1xuaW1wb3J0IHsgSUdlb1BvaW50IH0gZnJvbSAnc3JjL3N0b3JlL3BvaW50cy9tb2RlbHMvSUdlb1BvaW50JztcbmltcG9ydCB7IEdlb0pTT04sIExhdExuZ0JvdW5kcyB9IGZyb20gJ2xlYWZsZXQnO1xuXG5pbnRlcmZhY2UgTWFwUHJvcHMge1xuICBmaWx0ZXJlZFVzZUNhc2VDb2RlOiBzdHJpbmc7XG4gIHBvaW50czogSUdlb1BvaW50W107XG4gIHBvbHlnb246IEdlb0pTT047XG4gIG9uQm91bmRzQ2hhbmdlPzogKGJvdW5kczogTGF0TG5nQm91bmRzKSA9PiB2b2lkO1xuICBvbk1hcmtlckNsaWNrPzogKGlkOiBudW1iZXIpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBNYXA6IFJlYWN0LkZDPE1hcFByb3BzPiA9ICh7XG4gIGZpbHRlcmVkVXNlQ2FzZUNvZGUsXG4gIHBvaW50cyxcbiAgcG9seWdvbixcbiAgb25Cb3VuZHNDaGFuZ2UsXG4gIG9uTWFya2VyQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IG1hcFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG1hcCA9IHVzZU1hcChcbiAgICBtYXBSZWYsXG4gICAgcG9pbnRzLFxuICAgIGZpbHRlcmVkVXNlQ2FzZUNvZGUsXG4gICAgcG9seWdvbixcbiAgICBvbk1hcmtlckNsaWNrLFxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1hcCAmJiBtYXBSZWYuY3VycmVudCkge1xuICAgICAgLy8gVEJEIC0gaW52ZXN0aWdhdGUgYW5kIGZpeCB0aGlzIHdoZW4gdGhlcmUgaXMgbm8gZGF0YSBvbiB0aGUgbWFwXG4gICAgICBpZiAob25Cb3VuZHNDaGFuZ2UpIHtcbiAgICAgICAgb25Cb3VuZHNDaGFuZ2UobWFwLmdldEJvdW5kcygpKTtcbiAgICAgIH1cblxuICAgICAgY29uc3QgaGFuZGxlTWFwRW5kID0gKCkgPT4ge1xuICAgICAgICBpZiAob25Cb3VuZHNDaGFuZ2UpIHtcbiAgICAgICAgICBvbkJvdW5kc0NoYW5nZShtYXAuZ2V0Qm91bmRzKCkpO1xuICAgICAgICB9XG4gICAgICB9O1xuXG4gICAgICBtYXAub24oJ21vdmVlbmQnLCBoYW5kbGVNYXBFbmQpO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBtYXAub2ZmKCdtb3ZlZW5kJywgaGFuZGxlTWFwRW5kKTtcbiAgICAgIH07XG4gICAgfVxuICAgIHJldHVybjtcbiAgfSwgW21hcCwgb25Cb3VuZHNDaGFuZ2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwibWFwLWNvbnRhaW5lclwiPlxuICAgICAgPEVycm9yQm91bmRhcnk+XG4gICAgICAgIDxkaXYgcmVmPXttYXBSZWZ9IGNsYXNzTmFtZT1cIm1hcC1oZWlnaHRzXCIgLz5cbiAgICAgIDwvRXJyb3JCb3VuZGFyeT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsT0FBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsY0FBQSxHQUFBQyxzQkFBQSxDQUFBSCxPQUFBO0FBQ0FBLE9BQUE7QUFBb0IsU0FBQUkseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFOLHdCQUFBVSxHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsYUFBQUUsT0FBQSxDQUFBRixHQUFBLHlCQUFBQSxHQUFBLDRCQUFBRyxPQUFBLEVBQUFILEdBQUEsVUFBQUksS0FBQSxHQUFBVCx3QkFBQSxDQUFBQyxXQUFBLE9BQUFRLEtBQUEsSUFBQUEsS0FBQSxD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

package/lib/pages/PollutionRiskAssessment/Map.scss

@@ -0,0 +1,59 @@
+.map-holder {
+  width: 100%;
+  border: 1px solid #ececec;
+}
+.kd-front {
+  width: 100%;
+  height: 100%;
+}
+.map-container {
+  height: 100%;
+  width: 100%;
+  position: relative;
+
+  > .map-heights {
+    width: 100%;
+    height: 100%;
+  }
+
+  .show-map-btn {
+    position: absolute;
+    z-index: 999;
+    cursor: pointer;
+    top: 10px;
+    right: 10px;
+    padding: 4px 12px;
+    border: 1px solid #d0d0d0;
+    border-radius: 20px;
+    background: white;
+    color: #1d1d1d;
+    font-size: 13px;
+
+    &__text {
+      margin: 0 0 0 4px;
+    }
+  }
+}
+
+.link-arrow {
+  font-size: 9px;
+  color: #1d1d1d;
+  margin: 0 0 0 4px;
+  position: relative;
+  top: -1px;
+  text-decoration: none;
+}
+
+/* Override the default layers control styles */
+.leaflet-control-layers {
+  border-radius: 50%;
+  border-color: #fff !important;
+}
+
+.leaflet-right {
+  padding-top: 60px;
+}
+
+.leaflet-control-layers-expanded {
+  border-radius: 10px;
+}

package/lib/pages/PollutionRiskAssessment/TotalSavings.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TotalSavings = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _pig = _interopRequireDefault(require("./pig.svg"));
+var _UseCases = require("./UseCases");
+var _contact_us = require("@svgr/webpack?-svgo!./contact_us.svg");
+var TotalSavings = function TotalSavings(_ref) {
+  var points = _ref.points,
+    filteredUseCase = _ref.filteredUseCase;
+  var code = filteredUseCase ? filteredUseCase.code + 'c' : 'toc';
+  var totalNumber = points === null || points === void 0 ? void 0 : points.reduce(function (sum, point) {
+    return sum + point[code];
+  }, 0);
+  var useCases = function useCases() {
+    return /*#__PURE__*/_react.default.createElement(_UseCases.UseCases, {
+      points: points,
+      filteredUseCase: filteredUseCase
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(Summary, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: _pig.default,
+    alt: "pig icon"
+  }), /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+    i18nKey: "pollution_risk_assessment.total_savings_1"
+  }), /*#__PURE__*/_react.default.createElement(Number, null, "+ $", totalNumber, 'M'), /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+    i18nKey: "pollution_risk_assessment.total_savings_2"
+  })), useCases(), /*#__PURE__*/_react.default.createElement(_contact_us.ReactComponent, {
+    className: "contact-us"
+  }));
+};
+exports.TotalSavings = TotalSavings;
+var Content = _styledComponents.default.div.withConfig({
+  displayName: "TotalSavings__Content",
+  componentId: "sc-1te3ryq-0"
+})(["color:#fff;padding:20px;font-size:18px;font-weight:600;.contact-us{width:80px;height:80px;position:absolute;bottom:20px;right:20px;}"]);
+var Summary = _styledComponents.default.div.withConfig({
+  displayName: "TotalSavings__Summary",
+  componentId: "sc-1te3ryq-1"
+})(["display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:10px;line-height:20px;"]);
+var Number = _styledComponents.default.div.withConfig({
+  displayName: "TotalSavings__Number",
+  componentId: "sc-1te3ryq-2"
+})(["color:#000;background:hsla(142,71%,45%,1);padding:0 10px;border-radius:4px;"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdEkxOG5leHQiLCJfcGlnIiwiX1VzZUNhc2VzIiwiX2NvbnRhY3RfdXMiLCJUb3RhbFNhdmluZ3MiLCJfcmVmIiwicG9pbnRzIiwiZmlsdGVyZWRVc2VDYXNlIiwiY29kZSIsInRvdGFsTnVtYmVyIiwicmVkdWNlIiwic3VtIiwicG9pbnQiLCJ1c2VDYXNlcyIsImRlZmF1bHQiLCJjcmVhdGVFbGVtZW50IiwiVXNlQ2FzZXMiLCJDb250ZW50IiwiU3VtbWFyeSIsInNyYyIsInBpZ0ljb24iLCJhbHQiLCJUcmFucyIsImkxOG5LZXkiLCJOdW1iZXIiLCJSZWFjdENvbXBvbmVudCIsImNsYXNzTmFtZSIsImV4cG9ydHMiLCJzdHlsZWQiLCJkaXYiLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Qb2xsdXRpb25SaXNrQXNzZXNzbWVudC9Ub3RhbFNhdmluZ3MudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFucyB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cy9tYWNybyc7XG5pbXBvcnQgcGlnSWNvbiBmcm9tICcuL3BpZy5zdmcnO1xuaW1wb3J0IHsgVXNlQ2FzZXMgfSBmcm9tICcuL1VzZUNhc2VzJztcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIENvbnRhY3RVc0ljb24gfSBmcm9tICcuL2NvbnRhY3RfdXMuc3ZnJztcbmltcG9ydCB7IElHZW9Qb2ludCB9IGZyb20gJ3NyYy9zdG9yZS9wb2ludHMvbW9kZWxzL0lHZW9Qb2ludCc7XG5cbmludGVyZmFjZSBUb3RhbFNhdmluZ3NQcm9wcyB7XG4gIHBvaW50czogSUdlb1BvaW50W107XG4gIGZpbHRlcmVkVXNlQ2FzZTogYW55O1xufVxuXG5leHBvcnQgY29uc3QgVG90YWxTYXZpbmdzOiBSZWFjdC5GQzxUb3RhbFNhdmluZ3NQcm9wcz4gPSAoe1xuICBwb2ludHMsXG4gIGZpbHRlcmVkVXNlQ2FzZSxcbn0pID0+IHtcbiAgY29uc3QgY29kZSA9IGZpbHRlcmVkVXNlQ2FzZSA/IGZpbHRlcmVkVXNlQ2FzZS5jb2RlICsgJ2MnIDogJ3RvYyc7XG4gIGNvbnN0IHRvdGFsTnVtYmVyID0gcG9pbnRzPy5yZWR1Y2UoKHN1bSwgcG9pbnQpID0+IHN1bSArIHBvaW50W2NvZGVdLCAwKTtcblxuICBjb25zdCB1c2VDYXNlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gPFVzZUNhc2VzIHBvaW50cz17cG9pbnRzfSBmaWx0ZXJlZFVzZUNhc2U9e2ZpbHRlcmVkVXNlQ2FzZX0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGVudD5cbiAgICAgIDxTdW1tYXJ5PlxuICAgICAgICA8aW1nIHNyYz17cGlnSWNvbn0gYWx0PVwicGlnIGljb25cIiAvPlxuICAgICAgICA8VHJhbnMgaTE4bktleT17YHBvbGx1dGlvbl9yaXNrX2Fzc2Vzc21lbnQudG90YWxfc2F2aW5nc18xYH0gLz5cbiAgICAgICAgPE51bWJlcj5cbiAgICAgICAgICArICR7dG90YWxOdW1iZXJ9XG4gICAgICAgICAgeydNJ31cbiAgICAgICAgPC9OdW1iZXI+XG4gICAgICAgIDxUcmFucyBpMThuS2V5PXtgcG9sbHV0aW9uX3Jpc2tfYXNzZXNzbWVudC50b3RhbF9zYXZpbmdzXzJgfSAvPlxuICAgICAgPC9TdW1tYXJ5PlxuICAgICAge3VzZUNhc2VzKCl9XG4gICAgICA8Q29udGFjdFVzSWNvbiBjbGFzc05hbWU9XCJjb250YWN0LXVzXCIgLz5cbiAgICA8L0NvbnRlbnQ+XG4gICk7XG59O1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICNmZmY7XG4gIHBhZGRpbmc6IDIwcHg7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcblxuICAuY29udGFjdC11cyB7XG4gICAgd2lkdGg6IDgwcHg7XG4gICAgaGVpZ2h0OiA4MHB4O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDIwcHg7XG4gICAgcmlnaHQ6IDIwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN1bW1hcnkgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgZ2FwOiAxMHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbmA7XG5cbmNvbnN0IE51bWJlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAjMDAwO1xuICBiYWNrZ3JvdW5kOiBoc2xhKDE0MiwgNzElLCA0NSUsIDEpO1xuICBwYWRkaW5nOiAwIDEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsYUFBQSxHQUFBRCxPQUFBO0FBQXNDLElBQUFFLElBQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUd0QyxJQUFBRyxTQUFBLEdBQUFILE9BQUE7QUFBc0MsSUFBQUksV0FBQSxHQUFBSixPQUFBO0FBUy9CLElBQU1LLFlBQXlDLEdBQUcsU0FBNUNBLFlBQXlDQSxDQUFBQyxJQUFBLEVBR2hEO0VBQUEsSUFGSkMsTUFBTSxHQUFBRCxJQUFBLENBQU5DLE1BQU07SUFDTkMsZUFBZSxHQUFBRixJQUFBLENBQWZFLGVBQWU7RUFFZixJQUFNQyxJQUFJLEdBQUdELGVBQWUsR0FBR0EsZUFBZSxDQUFDQyxJQUFJLEdBQUcsR0FBRyxHQUFHLEtBQUs7RUFDakUsSUFBTUMsV0FBVyxHQUFHSCxNQUFNLGFBQU5BLE1BQU0sdUJBQU5BLE1BQU0sQ0FBRUksTUFBTSxDQUFDLFVBQUNDLEdBQUcsRUFBRUMsS0FBSztJQUFBLE9BQUtELEdBQUcsR0FBR0MsS0FBSyxDQUFDSixJQUFJLENBQUM7RUFBQSxHQUFFLENBQUMsQ0FBQztFQUV4RSxJQUFNSyxRQUFRLEdBQUcsU0FBWEEsUUFBUUEsQ0FBQSxFQUFTO0lBQ3JCLG9CQUFPaEIsTUFBQSxDQUFBaUIsT0FBQSxDQUFBQyxhQUFBLENBQUNiLFNBQUEsQ0FBQWMsUUFBUTtNQUFDVixNQUFNLEVBQUVBLE1BQU87TUFBQ0MsZUFBZSxFQUFFQTtJQUFnQixDQUFFLENBQUM7RUFDdkUsQ0FBQztFQUVELG9CQUNFVixNQUFBLENBQUFpQixPQUFBLENBQUFDLGFBQUEsQ0FBQ0UsT0FBTyxxQkFDTnBCLE1BQUEsQ0FBQWlCLE9BQUEsQ0FBQUMsYUFBQSxDQUFDRyxPQUFPLHFCQUNOckIsTUFBQSxDQUFBaUIsT0FBQSxDQUFBQyxhQUFBO0lBQUtJLEdBQUcsRUFBRUMsWUFBUTtJQUFDQyxHQUFHLEVBQUM7RUFBVSxDQUFFLENBQUMsZUFDcEN4QixNQUFBLENBQUFpQixPQUFBLENBQUFDLGFBQUEsQ0FBQ2YsYUFBQSxDQUFBc0IsS0FBSztJQUFDQyxPQUFPO0VBQThDLENBQUUsQ0FBQyxlQUMvRDFCLE1BQUEsQ0FBQWlCLE9BQUEsQ0FBQUMsYUFBQSxDQUFDUyxNQUFNLFFBQUMsS0FDSCxFQUFDZixXQUFXLEVBQ2QsR0FDSyxDQUFDLGVBQ1RaLE1BQUEsQ0FBQWlCLE9BQUEsQ0FBQUMsYUFBQSxDQUFDZixhQUFBLENBQUFzQixLQUFLO0lBQUNDLE9BQU87RUFBOEMsQ0FBRSxDQUN2RCxDQUFDLEVBQ1RWLFFBQVEsQ0FBQyxDQUFDLGVBQ1hoQixNQUFBLENBQUFpQixPQUFBLENBQUFDLGFBQUEsQ0FBQ1osV0FBQSxDQUFBc0IsY0FBYTtJQUFDQyxTQUFTLEVBQUM7RUFBWSxDQUFFLENBQ2hDLENBQUM7QUFFZCxDQUFDO0FBQUNDLE9BQUEsQ0FBQXZCLFlBQUEsR0FBQUEsWUFBQTtBQUVGLElBQU1hLE9BQU8sR0FBR1cseUJBQU0sQ0FBQ0MsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLDRJQWF6QjtBQUVELElBQU1kLE9BQU8sR0FBR1UseUJBQU0sQ0FBQ0MsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLDRHQU96QjtBQUVELElBQU1SLE1BQU0sR0FBR0kseUJBQU0sQ0FBQ0MsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLG1GQUt4QiJ9

package/lib/pages/PollutionRiskAssessment/UseCases.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UseCases = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireDefault(require("react"));
+var _Icon = require("../../Widgets/PotentialImpactSummary/Icon");
+var _use_cases = _interopRequireDefault(require("./use_cases.json"));
+var _reactI18next = require("react-i18next");
+var UseCases = function UseCases(_ref) {
+  var points = _ref.points,
+    filteredUseCase = _ref.filteredUseCase;
+  // TBD: consider replacing the id with the code and remove it alltogether
+  var useCases = _use_cases.default;
+  var displayedUseCases = filteredUseCase ? [filteredUseCase] : useCases;
+
+  // TBD: the calculation of the cost is not final and should be updated once the data is available
+  // it should also support K and M
+  var calcCost = function calcCost(useCase) {
+    var acronym = useCase.code + 'c';
+    var total = points.reduce(function (sum, point) {
+      return sum + point[acronym];
+    }, 0);
+    return total.toFixed(2);
+  };
+  return /*#__PURE__*/_react.default.createElement(List, null, displayedUseCases.map(function (useCase, index) {
+    return /*#__PURE__*/_react.default.createElement(UseCase, {
+      key: "use_case_".concat(index)
+    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      use_case: useCase.icon,
+      className: "use-case-icon"
+    }), /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+      i18nKey: "pollution_risk_assessment.use_cases.".concat(useCase.name)
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "cost"
+    }, /*#__PURE__*/_react.default.createElement("span", null, "+ ", calcCost(useCase)), /*#__PURE__*/_react.default.createElement("span", {
+      className: "per-year"
+    }, '/Per year')));
+  }));
+};
+exports.UseCases = UseCases;
+var List = _styledComponents.default.div.withConfig({
+  displayName: "UseCases__List",
+  componentId: "sc-1fufeq1-0"
+})(["display:flex;gap:15px;align-items:strech;flex-direction:column;"]);
+var UseCase = _styledComponents.default.div.withConfig({
+  displayName: "UseCases__UseCase",
+  componentId: "sc-1fufeq1-1"
+})(["display:flex;gap:6px;padding:16px;border-radius:12px;border:1px solid #6D6A6B;width:100%;line-height:27px;flex-direction:column;overflow:scroll;.use-case-icon{width:24px;height:24px;}svg path{fill:white !important;}.per-year{font-size:14px;font-weight:400;}.cost{background:#22C55E33;max-width:fit-content;border-radius:4px;padding 0 4px;}"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9JY29uIiwiX3VzZV9jYXNlcyIsIl9yZWFjdEkxOG5leHQiLCJVc2VDYXNlcyIsIl9yZWYiLCJwb2ludHMiLCJmaWx0ZXJlZFVzZUNhc2UiLCJ1c2VDYXNlcyIsImRhdGEiLCJkaXNwbGF5ZWRVc2VDYXNlcyIsImNhbGNDb3N0IiwidXNlQ2FzZSIsImFjcm9ueW0iLCJjb2RlIiwidG90YWwiLCJyZWR1Y2UiLCJzdW0iLCJwb2ludCIsInRvRml4ZWQiLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsIkxpc3QiLCJtYXAiLCJpbmRleCIsIlVzZUNhc2UiLCJrZXkiLCJjb25jYXQiLCJJY29uIiwidXNlX2Nhc2UiLCJpY29uIiwiY2xhc3NOYW1lIiwiVHJhbnMiLCJpMThuS2V5IiwibmFtZSIsImV4cG9ydHMiLCJzdHlsZWQiLCJkaXYiLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Qb2xsdXRpb25SaXNrQXNzZXNzbWVudC9Vc2VDYXNlcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMvbWFjcm8nO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uLy4uL1dpZGdldHMvUG90ZW50aWFsSW1wYWN0U3VtbWFyeS9JY29uJztcbmltcG9ydCB7IElHZW9Qb2ludCB9IGZyb20gJ3NyYy9zdG9yZS9wb2ludHMvbW9kZWxzL0lHZW9Qb2ludCc7XG5pbXBvcnQgZGF0YSBmcm9tICcuL3VzZV9jYXNlcy5qc29uJztcbmltcG9ydCB7IFRyYW5zIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmludGVyZmFjZSBVc2VDYXNlc1Byb3BzIHtcbiAgcG9pbnRzOiBJR2VvUG9pbnRbXTtcbiAgZmlsdGVyZWRVc2VDYXNlOiBhbnk7XG59XG5cbmV4cG9ydCBjb25zdCBVc2VDYXNlczogUmVhY3QuRkM8VXNlQ2FzZXNQcm9wcz4gPSAoe1xuICBwb2ludHMsXG4gIGZpbHRlcmVkVXNlQ2FzZSxcbn0pID0+IHtcbiAgLy8gVEJEOiBjb25zaWRlciByZXBsYWNpbmcgdGhlIGlkIHdpdGggdGhlIGNvZGUgYW5kIHJlbW92ZSBpdCBhbGx0b2dldGhlclxuICBjb25zdCB1c2VDYXNlcyA9IGRhdGE7XG4gIGNvbnN0IGRpc3BsYXllZFVzZUNhc2VzID0gZmlsdGVyZWRVc2VDYXNlID8gW2ZpbHRlcmVkVXNlQ2FzZV0gOiB1c2VDYXNlcztcblxuICAvLyBUQkQ6IHRoZSBjYWxjdWxhdGlvbiBvZiB0aGUgY29zdCBpcyBub3QgZmluYWwgYW5kIHNob3VsZCBiZSB1cGRhdGVkIG9uY2UgdGhlIGRhdGEgaXMgYXZhaWxhYmxlXG4gIC8vIGl0IHNob3VsZCBhbHNvIHN1cHBvcnQgSyBhbmQgTVxuICBjb25zdCBjYWxjQ29zdCA9ICh1c2VDYXNlKSA9PiB7XG4gICAgY29uc3QgYWNyb255bSA9IHVzZUNhc2UuY29kZSArICdjJztcbiAgICBjb25zdCB0b3RhbCA9IHBvaW50cy5yZWR1Y2UoKHN1bSwgcG9pbnQpID0+IHN1bSArIHBvaW50W2Fjcm9ueW1dLCAwKTtcbiAgICByZXR1cm4gdG90YWwudG9GaXhlZCgyKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxMaXN0PlxuICAgICAge2Rpc3BsYXllZFVzZUNhc2VzLm1hcCgodXNlQ2FzZSwgaW5kZXgpID0+IChcbiAgICAgICAgPFVzZUNhc2Uga2V5PXtgdXNlX2Nhc2VfJHtpbmRleH1gfT5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPEljb24gdXNlX2Nhc2U9e3VzZUNhc2UuaWNvbn0gY2xhc3NOYW1lPVwidXNlLWNhc2UtaWNvblwiIC8+XG4gICAgICAgICAgICA8VHJhbnNcbiAgICAgICAgICAgICAgaTE4bktleT17YHBvbGx1dGlvbl9yaXNrX2Fzc2Vzc21lbnQudXNlX2Nhc2VzLiR7dXNlQ2FzZS5uYW1lfWB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29zdFwiPlxuICAgICAgICAgICAgPHNwYW4+KyB7Y2FsY0Nvc3QodXNlQ2FzZSl9PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwicGVyLXllYXJcIj57Jy9QZXIgeWVhcid9PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1VzZUNhc2U+XG4gICAgICApKX1cbiAgICA8L0xpc3Q+XG4gICk7XG59O1xuXG5jb25zdCBMaXN0ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAxNXB4O1xuICBhbGlnbi1pdGVtczogc3RyZWNoO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgVXNlQ2FzZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogNnB4O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjNkQ2QTZCO1xuICB3aWR0aDogMTAwJTtcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93OiBzY3JvbGw7XG5cbiAgLnVzZS1jYXNlLWljb24ge1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGhlaWdodDogMjRweDtcbiAgfVxuXG4gIHN2ZyBwYXRoIHtcbiAgICBmaWxsOiB3aGl0ZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLnBlci15ZWFyIHtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgfVxuXG4gIC5jb3N0IHtcbiAgICBiYWNrZ3JvdW5kOiAjMjJDNTVFMzM7XG4gICAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4g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

package/lib/pages/PollutionRiskAssessment/contact_us.svg

@@ -0,0 +1,18 @@
+<svg width="187" height="180" viewBox="0 0 187 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_6145_6222)">
+<rect x="91" y="84" width="80" height="80" rx="40" fill="white" shape-rendering="crispEdges"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M123.97 109.403C123.663 109.139 123.271 108.996 122.866 109L122.85 109V109H117.639C117.442 109.025 117.252 109.085 117.076 109.178C116.882 109.28 116.71 109.419 116.57 109.588C116.429 109.757 116.324 109.952 116.259 110.161C116.196 110.368 116.173 110.584 116.192 110.8C116.729 115.702 118.415 120.409 121.112 124.538L121.123 124.555L121.123 124.556C123.552 128.376 126.791 131.615 130.611 134.043L130.624 134.051L130.623 134.051C134.708 136.7 139.354 138.36 144.191 138.9H144.417C144.859 138.9 145.283 138.724 145.595 138.412C145.908 138.099 146.083 137.675 146.083 137.233V132.72C146.025 132.543 145.996 132.353 146.001 132.158C146.011 131.75 145.87 131.352 145.606 131.04C145.343 130.729 144.975 130.526 144.572 130.467C142.852 130.238 141.163 129.817 139.536 129.212L139.53 129.21C139.232 129.098 138.908 129.073 138.596 129.14C138.286 129.206 138.001 129.36 137.775 129.582L135.662 131.695C135.131 132.225 134.312 132.336 133.66 131.965C129.226 129.444 125.555 125.774 123.035 121.34C122.664 120.688 122.774 119.868 123.305 119.338L125.418 117.225C125.64 116.999 125.794 116.714 125.86 116.404C125.926 116.092 125.902 115.768 125.79 115.47L125.788 115.464L125.788 115.464C125.183 113.837 124.762 112.148 124.532 110.428C124.475 110.029 124.275 109.665 123.97 109.403ZM122.843 105.666C124.053 105.657 125.225 106.086 126.143 106.875C127.063 107.666 127.664 108.765 127.834 109.967L127.835 109.98L127.835 109.98C128.032 111.455 128.393 112.905 128.911 114.3C129.247 115.194 129.319 116.165 129.12 117.099C128.92 118.034 128.457 118.892 127.785 119.572L127.779 119.578L127.779 119.578L126.583 120.773C128.543 123.848 131.152 126.457 134.226 128.416L135.421 127.221L135.428 127.215C136.108 126.543 136.966 126.079 137.901 125.88C138.835 125.681 139.806 125.753 140.7 126.088C142.095 126.607 143.545 126.968 145.02 127.164L145.033 127.166L145.033 127.166C146.247 127.337 147.356 127.949 148.149 128.885C148.815 129.67 149.218 130.638 149.313 131.654C149.38 131.836 149.417 132.032 149.417 132.233V137.233C149.417 138.559 148.89 139.831 147.952 140.769C147.015 141.706 145.743 142.233 144.417 142.233H144.1C144.04 142.233 143.98 142.23 143.92 142.223C138.535 141.638 133.362 139.799 128.816 136.852C124.589 134.164 121.005 130.579 118.316 126.353C115.332 121.782 113.469 116.573 112.876 111.147L112.874 111.123C112.812 110.468 112.88 109.807 113.074 109.178C113.268 108.549 113.585 107.965 114.005 107.459C114.425 106.952 114.942 106.534 115.524 106.228C116.106 105.921 116.744 105.733 117.399 105.673C117.449 105.669 117.5 105.666 117.55 105.666H122.843ZM132.759 107.158C132.856 106.243 133.676 105.579 134.591 105.676C138.366 106.073 141.892 107.747 144.586 110.421C147.279 113.095 148.98 116.608 149.406 120.379C149.509 121.294 148.852 122.119 147.937 122.223C147.022 122.326 146.197 121.668 146.094 120.754C145.753 117.736 144.392 114.926 142.237 112.787C140.082 110.648 137.262 109.309 134.242 108.991C133.327 108.894 132.663 108.074 132.759 107.158ZM132.781 113.677C132.96 112.774 133.836 112.186 134.739 112.365C136.706 112.752 138.511 113.723 139.92 115.149C141.329 116.576 142.276 118.393 142.639 120.365C142.806 121.27 142.207 122.139 141.302 122.306C140.397 122.472 139.528 121.874 139.361 120.968C139.119 119.654 138.487 118.442 137.548 117.491C136.609 116.54 135.406 115.894 134.094 115.635C133.191 115.457 132.603 114.58 132.781 113.677Z" fill="#1A1919"/>
+</g>
+<defs>
+<filter id="filter0_d_6145_6222" x="0.0909042" y="0.363632" width="261.818" height="261.818" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="7.27273"/>
+<feGaussianBlur stdDeviation="45.4545"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.0196078 0 0 0 0 0.403922 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6145_6222"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6145_6222" result="shape"/>
+</filter>
+</defs>
+</svg>

package/lib/pages/PollutionRiskAssessment/filter_button.svg

@@ -0,0 +1,5 @@
+<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.848389" width="48" height="48" rx="24" fill="white"/>
+<path d="M17.0984 17.61C19.1184 20.2 22.8484 25 22.8484 25V31C22.8484 31.55 23.2984 32 23.8484 32H25.8484C26.3984 32 26.8484 31.55 26.8484 31V25C26.8484 25 30.5684 20.2 32.5884 17.61C33.0984 16.95 32.6284 16 31.7984 16H17.8884C17.0584 16 16.5884 16.95 17.0984 17.61Z" fill="" stroke="black" stroke-width="1.5"/>
+<circle cx="7" cy="7" r="6" fill="" />
+</svg>