Skip to content
Snippets Groups Projects
ecolyo.b99f6862feeb715a9d3f.js 29.8 KiB
Newer Older
  • Learn to ignore specific revisions
  • (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
    
    
    /***/ "GwQd":
    /***/ (function(module, exports, __webpack_require__) {
    
    "use strict";
    
    
    var _interopRequireDefault = __webpack_require__("TqRt");
    
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    exports.default = void 0;
    
    var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));
    
    var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
    
    var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));
    
    var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
    
    var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
    
    __webpack_require__("KO7X");
    
    var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
    
    var _I18n = __webpack_require__("buk/");
    
    var _reactRedux = __webpack_require__("/MKj");
    
    var _useExploration3 = _interopRequireDefault(__webpack_require__("sU2c"));
    
    var _utils = __webpack_require__("c+yx");
    
    var _ecogesture = _interopRequireDefault(__webpack_require__("w4u3"));
    
    var _IconButton = _interopRequireDefault(__webpack_require__("o6Jd"));
    
    var _Icon = _interopRequireDefault(__webpack_require__("y6ex"));
    
    var _StyledIcon = _interopRequireDefault(__webpack_require__("I07j"));
    
    var _EfficientyRating = _interopRequireDefault(__webpack_require__("v88h"));
    
    
    var _default2 = _interopRequireDefault(__webpack_require__("v9Ot"));
    
    
    var _doingEnabled = _interopRequireDefault(__webpack_require__("eirt"));
    
    var _doingDisabled = _interopRequireDefault(__webpack_require__("O5T3"));
    
    var _objectiveEnabled = _interopRequireDefault(__webpack_require__("XtK8"));
    
    var _objectiveDisabled = _interopRequireDefault(__webpack_require__("a3OY"));
    
    var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
    
    var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
    
    var _Header = _interopRequireDefault(__webpack_require__("frrP"));
    
    var _cozyClient = __webpack_require__("SH7X");
    
    var _ErrorPage = _interopRequireDefault(__webpack_require__("u/N1"));
    
    var _StyledSpinner = _interopRequireDefault(__webpack_require__("HTwM"));
    
    var _fluid = __webpack_require__("5Wkc");
    
    
    var _reactRouterDom = __webpack_require__("55Ip");
    
    
    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; }
    
    
    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
    
    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
    
    var SingleEcogesture = function SingleEcogesture(_ref) {
    
      var match = _ref.match;
    
      var _useI18n = (0, _I18n.useI18n)(),
          t = _useI18n.t;
    
      var client = (0, _cozyClient.useClient)();
    
      var location = (0, _reactRouterDom.useLocation)();
    
    
      var _useState = (0, _react.useState)(),
          _useState2 = (0, _slicedToArray2.default)(_useState, 2),
          ecogesture = _useState2[0],
          setEcogesture = _useState2[1];
    
      var _useState3 = (0, _react.useState)(''),
          _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
          ecogestureIcon = _useState4[0],
          setEcogestureIcon = _useState4[1];
    
      var _useState5 = (0, _react.useState)(false),
          _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
          isMoreDetail = _useState6[0],
          setIsMoreDetail = _useState6[1];
    
      var _useState7 = (0, _react.useState)(false),
          _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
          isDoing = _useState8[0],
          setIsDoing = _useState8[1];
    
      var _useState9 = (0, _react.useState)(false),
          _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
          isObjective = _useState10[0],
          setIsObjective = _useState10[1];
    
      var _useState11 = (0, _react.useState)(true),
          _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
          isLoading = _useState12[0],
          setIsLoading = _useState12[1];
    
      var ecogestureID = match.params.id;
    
      var selectionCompleted = location === null || location === void 0 ? void 0 : (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.selectionCompleted;
    
      var ecogestureService = (0, _react.useMemo)(function () {
        return new _ecogesture.default(client);
      }, [client]);
    
      var _useSelector = (0, _reactRedux.useSelector)(function (state) {
        return state.ecolyo.challenge;
      }),
          currentChallenge = _useSelector.currentChallenge;
    
      var _useState13 = (0, _react.useState)(0),
          _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
          headerHeight = _useState14[0],
          setHeaderHeight = _useState14[1];
    
      var defineHeaderHeight = function defineHeaderHeight(height) {
        setHeaderHeight(height);
      };
    
      var _useExploration = (0, _useExploration3.default)(),
          _useExploration2 = (0, _slicedToArray2.default)(_useExploration, 2),
          setValidExploration = _useExploration2[1];
    
      var toggleMoreDetail = function toggleMoreDetail() {
        setIsMoreDetail(function (prev) {
          return !prev;
        });
      };
    
      var toggleObjective = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
        var toUpdate, updatedEcogesture;
        return _regenerator.default.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                if (!ecogesture) {
                  _context.next = 6;
                  break;
                }
    
    
                toUpdate = _objectSpread(_objectSpread({}, ecogesture), {}, {
    
                  objective: !isObjective
                });
                _context.next = 4;
                return ecogestureService.updateEcogesture(toUpdate);
    
              case 4:
                updatedEcogesture = _context.sent;
    
                if (updatedEcogesture) {
                  setIsObjective(function (prev) {
                    return !prev;
                  });
                  setEcogesture(updatedEcogesture);
                }
    
              case 6:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      })), [ecogesture, ecogestureService, isObjective]);
      var toggleDoing = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
        var toUpdate, updatedEcogesture;
        return _regenerator.default.wrap(function _callee2$(_context2) {
          while (1) {
            switch (_context2.prev = _context2.next) {
              case 0:
                if (!ecogesture) {
                  _context2.next = 6;
                  break;
                }
    
    
                toUpdate = _objectSpread(_objectSpread({}, ecogesture), {}, {
    
                  doing: !isDoing
                });
                _context2.next = 4;
                return ecogestureService.updateEcogesture(toUpdate);
    
              case 4:
                updatedEcogesture = _context2.sent;
    
                if (updatedEcogesture) {
                  setIsDoing(function (prev) {
                    return !prev;
                  });
                  setEcogesture(updatedEcogesture);
                }
    
              case 6:
              case "end":
                return _context2.stop();
            }
          }
        }, _callee2);
      })), [ecogesture, ecogestureService, isDoing]);
      (0, _react.useEffect)(function () {
        var subscribed = true;
    
        function getSingleEcogesture() {
          return _getSingleEcogesture.apply(this, arguments);
        }
    
        function _getSingleEcogesture() {
          _getSingleEcogesture = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
            var data, icon;
            return _regenerator.default.wrap(function _callee3$(_context3) {
              while (1) {
                switch (_context3.prev = _context3.next) {
                  case 0:
                    _context3.next = 2;
                    return ecogestureService.getEcogesturesByIds([ecogestureID]);
    
                  case 2:
                    data = _context3.sent;
    
                    if (!subscribed) {
                      _context3.next = 13;
                      break;
                    }
    
                    if (!(data && data[0])) {
                      _context3.next = 12;
                      break;
                    }
    
                    setEcogesture(data[0]); //Prevent case this key doesn't exist in doctype
    
                    setIsObjective(data[0].objective ? true : false);
                    setIsDoing(data[0].doing ? true : false);
                    _context3.next = 10;
                    return (0, _utils.importIconbyId)(data[0].id, 'ecogesture');
    
                  case 10:
                    icon = _context3.sent;
    
                    if (subscribed) {
                      if (icon) {
                        setEcogestureIcon(icon);
                      } else {
    
                        setEcogestureIcon(_default2.default);
    
                      }
    
                      if (currentChallenge && currentChallenge.exploration.ecogesture_id === data[0]._id) {
                        setValidExploration(currentChallenge.exploration.id);
                      }
                    }
    
                  case 12:
                    setIsLoading(false);
    
                  case 13:
                  case "end":
                    return _context3.stop();
                }
              }
            }, _callee3);
          }));
          return _getSingleEcogesture.apply(this, arguments);
        }
    
        getSingleEcogesture();
        return function () {
          subscribed = false;
        };
      }, [client, currentChallenge, ecogestureID, ecogestureService, setValidExploration]);
    
    
      if (isLoading) {
        return /*#__PURE__*/_react.default.createElement(_Content.default, {
          height: headerHeight
        }, /*#__PURE__*/_react.default.createElement("div", {
          className: "se-loader-container"
        }, /*#__PURE__*/_react.default.createElement(_StyledSpinner.default, {
          size: "5em",
          fluidType: _fluid.FluidType.MULTIFLUID
        })));
      }
    
      return ecogesture ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
    
        titleKey: t('common.title_ecogesture'),
    
        isNotKey: true,
        displayBackArrow: true
      }), /*#__PURE__*/_react.default.createElement(_Header.default, {
        setHeaderHeight: defineHeaderHeight,
    
        desktopTitleKey: t('common.title_ecogesture'),
    
        displayBackArrow: true,
        isNotKey: true
      }), /*#__PURE__*/_react.default.createElement(_Content.default, {
        height: headerHeight
      }, /*#__PURE__*/_react.default.createElement("div", {
        className: "single-ecogesture"
      }, /*#__PURE__*/_react.default.createElement("div", {
        className: "icon-container"
      }, ecogestureIcon && /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
        className: "icon-big",
        icon: ecogestureIcon,
        size: 220
      })), /*#__PURE__*/_react.default.createElement("div", {
        className: "details"
      }, /*#__PURE__*/_react.default.createElement("div", {
    
        className: "text-22 title"
      }, ecogesture.shortName), /*#__PURE__*/_react.default.createElement("div", {
    
        className: "efficiency"
      }, /*#__PURE__*/_react.default.createElement("span", {
        className: "text text-14-normal"
      }, t('ecogesture_modal.efficiency')), /*#__PURE__*/_react.default.createElement(_EfficientyRating.default, {
        result: Math.round(ecogesture.efficiency)
      }))), /*#__PURE__*/_react.default.createElement("div", {
        className: "styled-container"
      }, /*#__PURE__*/_react.default.createElement("div", {
    
        className: "long-name text-18-bold"
    
      }, ecogesture.longName), /*#__PURE__*/_react.default.createElement("div", {
    
        className: (0, _classnames.default)('description text-18-normal-150', (0, _defineProperty2.default)({}, 'block', isMoreDetail === true))
    
      }, ecogesture.longDescription), /*#__PURE__*/_react.default.createElement("div", {
        className: "toggle-text text-15-normal",
        onClick: toggleMoreDetail
    
      }, isMoreDetail ? t('ecogesture_modal.show_less') : t('ecogesture_modal.show_more'))), selectionCompleted && /*#__PURE__*/_react.default.createElement("div", {
    
        className: "buttons-selection"
      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
        "aria-label": t('ecogesture.objective'),
        onClick: toggleObjective,
        classes: {
          root: "btn-secondary-negative objective-btn ".concat(isObjective && 'active'),
          label: 'text-15-normal'
        }
      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
        className: "status-icon",
        icon: isObjective ? _objectiveEnabled.default : _objectiveDisabled.default,
        size: 40
      }), /*#__PURE__*/_react.default.createElement("span", null, t('ecogesture.objective'))), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
        "aria-label": t('ecogesture.doing'),
        onClick: toggleDoing,
        classes: {
          root: "btn-secondary-negative doing-btn ".concat(isDoing && 'active'),
          label: 'text-15-normal'
        }
      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
        className: "status-icon",
        icon: isDoing ? _doingEnabled.default : _doingDisabled.default,
        size: 40
      }), /*#__PURE__*/_react.default.createElement("span", null, t('ecogesture.doing'))))))) : /*#__PURE__*/_react.default.createElement(_ErrorPage.default, {
        text: t('error_page.no_ecogesture'),
        returnPage: 'ecogestures'
      });
    };
    
    var _default = SingleEcogesture;
    
    
    /***/ }),
    
    /***/ "KO7X":
    /***/ (function(module, exports, __webpack_require__) {
    
    
    var content = __webpack_require__("T7sD");
    
    if(typeof content === 'string') content = [[module.i, content, '']];
    
    var transform;
    var insertInto;
    
    
    
    var options = {"hmr":true}
    
    options.transform = transform
    options.insertInto = undefined;
    
    var update = __webpack_require__("aET+")(content, options);
    
    if(content.locals) module.exports = content.locals;
    
    if(false) {}
    
    /***/ }),
    
    /***/ "NWON":
    /***/ (function(module, exports, __webpack_require__) {
    
    exports = module.exports = __webpack_require__("JPst")(false);
    // Module
    
    exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 450px;\n  margin: auto;\n  padding: 2rem;\n  text-align: center;\n}\n.error-container .head {\n  color: #e3b82a;\n}", ""]);
    
    
    
    
    /***/ }),
    
    /***/ "O5T3":
    /***/ (function(module, __webpack_exports__, __webpack_require__) {
    
    "use strict";
    __webpack_require__.r(__webpack_exports__);
    /* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4BeY");
    /* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
    /* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("IaFt");
    /* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
    
    
    var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
      "id": "doing-disabled_f7c0f6accbf6bee3b67a9fa6e47cc359",
      "use": "doing-disabled_f7c0f6accbf6bee3b67a9fa6e47cc359-usage",
      "viewBox": "0 0 40 41",
      "content": "<symbol viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"doing-disabled_f7c0f6accbf6bee3b67a9fa6e47cc359\">\n<g clip-path=\"url(#doing-disabled_f7c0f6accbf6bee3b67a9fa6e47cc359_clip0_11435_1783)\">\n<g clip-path=\"url(#doing-disabled_f7c0f6accbf6bee3b67a9fa6e47cc359_clip1_11435_1783)\">\n<path d=\"M22.6828 5.17873C22.6213 5.17821 22.5599 5.17769 22.5049 5.17578L20.1355 5.06101L20.1208 5.34363C20.036 5.36172 19.9527 5.38632 19.86 5.39928L18.5192 32.5978C18.6058 32.6202 18.6887 32.6571 18.7687 32.6809L18.7554 32.97L21.1249 33.0848L21.1235 33.0783C21.185 33.0788 21.2413 33.0872 21.3041 33.0943C28.2765 33.4403 34.2422 27.4707 34.6219 19.7618C35.0082 12.0515 29.6617 5.5234 22.6828 5.17873Z\" fill=\"#666666\" />\n<path d=\"M32.1416 19.6335C32.5219 11.9257 27.175 5.39835 20.1991 5.05418C13.2231 4.71002 7.25973 10.6794 6.87946 18.3871C6.49919 26.0949 11.8461 32.6223 18.822 32.9664C25.798 33.3106 31.7614 27.3412 32.1416 19.6335Z\" fill=\"#989898\" />\n<path d=\"M29.5447 19.505C29.847 13.3785 25.5995 8.1904 20.0577 7.91699C14.5159 7.64358 9.77837 12.3884 9.47612 18.5149C9.17386 24.6414 13.4213 29.8296 18.9631 30.103C24.5049 30.3764 29.2424 25.6315 29.5447 19.505Z\" fill=\"#E5E5E5\" />\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.3898 12.9541C26.0218 13.4046 26.1688 14.2822 25.7183 14.9142L18.6774 24.7898C18.4244 25.1447 18.0211 25.3621 17.5856 25.3784C17.1501 25.3946 16.7317 25.2079 16.4529 24.873L13.0806 20.8207C12.5842 20.2242 12.6653 19.3381 13.2619 18.8416C13.8585 18.3451 14.7445 18.4263 15.241 19.0228L17.4472 21.6738L23.4297 13.2825C23.8803 12.6506 24.7578 12.5035 25.3898 12.9541Z\" fill=\"#C0C0C0\" />\n</g>\n</g>\n<defs>\n<clipPath id=\"doing-disabled_f7c0f6accbf6bee3b67a9fa6e47cc359_clip0_11435_1783\">\n<rect width=\"40\" height=\"40\" fill=\"white\" transform=\"translate(0 0.5)\" />\n</clipPath>\n<clipPath id=\"doing-disabled_f7c0f6accbf6bee3b67a9fa6e47cc359_clip1_11435_1783\">\n<rect width=\"40\" height=\"40\" fill=\"white\" transform=\"translate(0 0.5)\" />\n</clipPath>\n</defs>\n</symbol>"
    });
    var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
    /* harmony default export */ __webpack_exports__["default"] = (symbol);
    
    /***/ }),
    
    /***/ "T7sD":
    /***/ (function(module, exports, __webpack_require__) {
    
    exports = module.exports = __webpack_require__("JPst")(false);
    // Module
    
    exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.se-loader-container {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n@media all and (min-width: 1023px) {\n  .se-loader-container {\n    min-height: 80vh;\n  }\n}\n\n.single-ecogesture {\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.2rem;\n}\n.single-ecogesture .icon-container {\n  margin: auto;\n  max-width: 180px;\n  width: 100%;\n  display: flex;\n}\n.single-ecogesture .icon-container .icon-big {\n  margin: auto;\n}\n.single-ecogesture .details {\n  flex-direction: column;\n  display: flex;\n}\n.single-ecogesture .details .title {\n  color: #a0a0a0;\n  font-weight: 700;\n}\n.single-ecogesture .details .efficiency {\n  display: flex;\n  text-align: center;\n  margin: 0.7rem auto 0;\n}\n.single-ecogesture .details .efficiency .text {\n  margin-right: 0.7rem;\n}\n.single-ecogesture .styled-container {\n  line-height: 150%;\n  background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n  border: 3px solid rgba(88, 255, 255, 0.2509803922);\n  padding: 1.5rem 0.6rem;\n  border-radius: 50px 1px 50px 1px;\n  margin: 1.5rem 0 1rem;\n  max-width: 500px;\n}\n.single-ecogesture .styled-container .long-name {\n  text-align: center;\n  font-weight: bold;\n  color: white;\n}\n.single-ecogesture .styled-container .description {\n  display: none;\n  margin: 0.5rem;\n  text-align: left;\n}\n.single-ecogesture .styled-container .block {\n  display: block !important;\n}\n.single-ecogesture .styled-container .toggle-text {\n  text-align: center;\n  text-decoration: underline;\n  margin-top: 1.5rem;\n  cursor: pointer;\n}\n.single-ecogesture .buttons-selection {\n  display: flex;\n  width: 100%;\n  justify-content: center;\n}\n.single-ecogesture .buttons-selection button.btn-secondary-negative {\n  height: 45px;\n  max-width: 160px;\n  width: 100%;\n  border-radius: 4px;\n}\n.single-ecogesture .buttons-selection .objective-btn {\n  margin-right: 0.5rem;\n}\n.single-ecogesture .buttons-selection .objective-btn span {\n  color: #e0e0e0;\n}\n.single-ecogesture .buttons-selection .objective-btn.active {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(12, 44, 91, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #4470b3;\n  border-color: transparent;\n}\n.single-ecogesture .buttons-selection .objective-btn.active span {\n  color: white;\n}\n.single-ecogesture .buttons-selection .doing-btn span {\n  color: #e0e0e0;\n}\n.single-ecogesture .buttons-selection .doing-btn.active {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(41, 87, 33, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #21a90b;\n  border-color: transparent;\n}\n.single-ecogesture .buttons-selection .doing-btn.active span {\n  color: white;\n}\n.single-ecogesture .buttons-selection .MuiIconButton-label {\n  justify-content: flex-start;\n  color: white;\n}", ""]);
    
    
    
    
    /***/ }),
    
    /***/ "a3OY":
    /***/ (function(module, __webpack_exports__, __webpack_require__) {
    
    "use strict";
    __webpack_require__.r(__webpack_exports__);
    /* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4BeY");
    /* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
    /* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("IaFt");
    /* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
    
    
    var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
      "id": "objective-disabled_8db0fabc7a52c57b680b57e7955d41b9",
      "use": "objective-disabled_8db0fabc7a52c57b680b57e7955d41b9-usage",
      "viewBox": "0 0 40 41",
      "content": "<symbol viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"objective-disabled_8db0fabc7a52c57b680b57e7955d41b9\">\n<g clip-path=\"url(#objective-disabled_8db0fabc7a52c57b680b57e7955d41b9_clip0_11435_2942)\">\n<path d=\"M22.0284 4.8345C21.9671 4.83784 21.9057 4.84118 21.8507 4.84273L19.4788 4.87705L19.4819 5.16003C19.3984 5.1834 19.3168 5.2132 19.2251 5.23195L19.5957 32.461C19.6836 32.4779 19.7686 32.5095 19.85 32.5282L19.8549 32.8176L22.2268 32.7833L22.225 32.7769C22.2864 32.7735 22.3431 32.7784 22.4063 32.7815C29.3866 32.6888 34.9655 26.3562 34.8602 18.6387C34.7613 10.9193 29.0152 4.74003 22.0284 4.8345Z\" fill=\"#666666\" />\n<path d=\"M32.3767 18.6669C32.272 10.9505 26.5256 4.77191 19.5418 4.8667C12.558 4.96148 6.98141 11.2937 7.08613 19.0101C7.19086 26.7265 12.9372 32.9051 19.921 32.8103C26.9048 32.7155 32.4814 26.3833 32.3767 18.6669Z\" fill=\"#989898\" />\n<path d=\"M29.777 18.7024C29.6937 12.5691 25.1287 7.65802 19.5807 7.73332C14.0327 7.80862 9.60258 12.8417 9.68583 18.9751C9.76907 25.1085 14.3341 30.0195 19.8821 29.9442C25.4301 29.8689 29.8602 24.8358 29.777 18.7024Z\" fill=\"#E5E5E5\" />\n<path d=\"M27.1838 18.7373C27.1221 14.187 23.7354 10.5435 19.6195 10.5994C15.5036 10.6552 12.217 14.3893 12.2788 18.9396C12.3406 23.4899 15.7272 27.1334 19.8431 27.0776C23.9591 27.0217 27.2456 23.2876 27.1838 18.7373Z\" fill=\"#989898\" />\n<path d=\"M24.5908 18.7725C24.5506 15.8089 22.3423 13.436 19.6585 13.4724C16.9747 13.5088 14.8317 15.9408 14.8719 18.9044C14.9121 21.868 17.1204 24.241 19.8042 24.2046C22.488 24.1681 24.631 21.7361 24.5908 18.7725Z\" fill=\"#E5E5E5\" />\n<path d=\"M21.9912 18.8076C21.9725 17.427 20.9455 16.3216 19.6975 16.3385C18.4495 16.3555 17.453 17.4884 17.4717 18.8689C17.4904 20.2495 18.5173 21.3549 19.7654 21.338C21.0134 21.321 22.0099 20.1881 21.9912 18.8076Z\" fill=\"#989898\" />\n</g>\n<defs>\n<clipPath id=\"objective-disabled_8db0fabc7a52c57b680b57e7955d41b9_clip0_11435_2942\">\n<rect width=\"40\" height=\"40\" fill=\"white\" transform=\"translate(0 0.5)\" />\n</clipPath>\n</defs>\n</symbol>"
    });
    var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
    /* harmony default export */ __webpack_exports__["default"] = (symbol);
    
    /***/ }),
    
    /***/ "nJi4":
    /***/ (function(module, exports, __webpack_require__) {
    
    
    var content = __webpack_require__("NWON");
    
    if(typeof content === 'string') content = [[module.i, content, '']];
    
    var transform;
    var insertInto;
    
    
    
    var options = {"hmr":true}
    
    options.transform = transform
    options.insertInto = undefined;
    
    var update = __webpack_require__("aET+")(content, options);
    
    if(content.locals) module.exports = content.locals;
    
    if(false) {}
    
    /***/ }),
    
    /***/ "u/N1":
    /***/ (function(module, exports, __webpack_require__) {
    
    "use strict";
    
    
    var _interopRequireDefault = __webpack_require__("TqRt");
    
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    exports.default = void 0;
    
    var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
    
    var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
    
    var _StyledIcon = _interopRequireDefault(__webpack_require__("I07j"));
    
    var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
    
    var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
    
    var _Header = _interopRequireDefault(__webpack_require__("frrP"));
    
    var _CHALLENGE = _interopRequireDefault(__webpack_require__("jz85"));
    
    var _core = __webpack_require__("TTf+");
    
    var _reactRouterDom = __webpack_require__("55Ip");
    
    var _I18n = __webpack_require__("buk/");
    
    __webpack_require__("nJi4");
    
    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 ErrorPage = function ErrorPage(_ref) {
      var text = _ref.text,
          returnPage = _ref.returnPage;
      var history = (0, _reactRouterDom.useHistory)();
    
      var _useI18n = (0, _I18n.useI18n)(),
          t = _useI18n.t;
    
      var _useState = (0, _react.useState)(0),
          _useState2 = (0, _slicedToArray2.default)(_useState, 2),
          headerHeight = _useState2[0],
          setHeaderHeight = _useState2[1];
    
      var defineHeaderHeight = function defineHeaderHeight(height) {
        setHeaderHeight(height);
      };
    
      var handleClick = (0, _react.useCallback)(function () {
        history.push("/".concat(returnPage));
      }, [history, returnPage]);
      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
        titleKey: 'error_page.main'
      }), /*#__PURE__*/_react.default.createElement(_Header.default, {
        setHeaderHeight: defineHeaderHeight,
        desktopTitleKey: 'error_page.main'
      }), /*#__PURE__*/_react.default.createElement(_Content.default, {
        height: headerHeight
      }, /*#__PURE__*/_react.default.createElement("div", {
        className: "error-container"
      }, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
        className: "profile-icon",
        icon: _CHALLENGE.default,
        size: 250
      }), /*#__PURE__*/_react.default.createElement("div", {
        className: "text-18-bold head"
      }, text), /*#__PURE__*/_react.default.createElement(_core.Button, {
        "aria-label": t('error_page.back'),
        onClick: handleClick,
        variant: 'contained',
        classes: {
          root: 'btn-highlight',
          label: 'text-18-bold'
        },
        type: "submit"
      }, t('error_page.back')))));
    };
    
    var _default = ErrorPage;