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

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>