Newer
Older
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
/***/ "GwQd":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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; }
build-pipeline
committed
var SingleEcogesture = function SingleEcogesture(_ref) {
var _location$state;
var match = _ref.match;
var _useI18n = (0, _I18n.useI18n)(),
t = _useI18n.t;
var client = (0, _cozyClient.useClient)();
var location = (0, _reactRouterDom.useLocation)();
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
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;
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
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), {}, {
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
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), {}, {
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
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]);
build-pipeline
committed
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", {
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
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;
exports.default = _default;
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
/***/ }),
/***/ "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}", ""]);
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
/***/ }),
/***/ "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}", ""]);
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
/***/ }),
/***/ "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";
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
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;
exports.default = _default;