ecolyo.619f32a9bcce79fca060.js

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{

/***/ "/wWz":
/***/ (function(module, exports, __webpack_require__) {

"use strict";
/* WEBPACK VAR INJECTION */(function(module) {

var _interopRequireDefault = __webpack_require__("TqRt");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));

var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));

var _react = _interopRequireDefault(__webpack_require__("q1tI"));

var _fluid = __webpack_require__("5Wkc");

var _luxon = __webpack_require__("ExVU");

var _fluidsPrices = _interopRequireDefault(__webpack_require__("VjcQ"));

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var FaqData = /*#__PURE__*/function () {
  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(client) {
    var fluidsPricesService, fluidPrices;
    return _regenerator.default.wrap(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            fluidsPricesService = new _fluidsPrices.default(client);
            _context.next = 3;
            return fluidsPricesService.getAllLastPrices();

          case 3:
            fluidPrices = _context.sent;
            return _context.abrupt("return", [{
              section: 'Mes données',
              questions: [{
                summary: 'Comment accéder à mes données électricité ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, "Rendez-vous dans la partie Options du service et cliquer sur le bouton \"Se connecter \xE0 l'\xE9lectricit\xE9\". Suivez la proc\xE9dure (en vous cr\xE9ant un compte Enedis si n\xE9cessaire). Une fois votre consentement donn\xE9, vos donn\xE9es de consommation seront r\xE9cup\xE9r\xE9es.")
              }, {
                summary: 'Comment accéder à mes données gaz ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, "Rendez-vous dans la partie Options du service et cliquez sur le bouton \"Se connecter au gaz\". Suivez la proc\xE9dure (en vous cr\xE9ant un compte GRDF si n\xE9cessaire). Une fois votre consentement donn\xE9, vos donn\xE9es de consommation seront r\xE9cup\xE9r\xE9es.")
              }, {
                summary: 'Comment accéder à mes données eau ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, "Rendez-vous dans la partie Options du service et cliquez sur \"Se connecter \xE0 l'eau\". Entrez vos identifiants Eau du Grand Lyon. Vos donn\xE9es seront ainsi r\xE9cup\xE9r\xE9es.")
              }, {
                summary: "Mes données ne s'affichent pas. Que se passe-t-il ?",
                details: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "En fonctionnement normal, vos donn\xE9es \xE9lectricit\xE9 arrivent \xE0 J+1 (le lendemain), vos donn\xE9es eau et gaz arrivent quant \xE0 elles 3 jours apr\xE8s (\xE0 J+3)."), /*#__PURE__*/_react.default.createElement("p", null, "Plusieurs raisons peuvent expliquer l'absence de donn\xE9es :"), /*#__PURE__*/_react.default.createElement("p", null, "- Le lien entre Ecolyo et le fournisseur de donn\xE9es est rompu. Une mise \xE0 jour de ce lien (en bas de la page) peut parfois r\xE9soudre ce probl\xE8me."), /*#__PURE__*/_react.default.createElement("p", null, "- Si la mise \xE0 jour a \xE9t\xE9 effectu\xE9e mais que la donn\xE9e n'appara\xEEt toujours pas, le souci vient du fournisseur de donn\xE9es (Enedis pour l'\xE9lectricit\xE9, GRDF pour le gaz, Eau du Grand Lyon pour l'eau). Cela peut \xEAtre un probl\xE8me de transmission de donn\xE9es entre le compte et le syst\xE8me de donn\xE9es du partenaire, ou un probl\xE8me sur votre compteur. Dans ce cas, le mieux est de contacter directement Enedis, GRDF ou Eau du Grand Lyon pour tenter de r\xE9gler le probl\xE8me avec eux."))
              }, {
                summary: 'Pourquoi dois-je avoir un compte Enedis, GRDF ou Eau du Grand Lyon ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, "Nous avons fait le choix de passer par les gestionnaires de r\xE9seaux (Enedis pour l'\xE9lectricit\xE9, GRDF pour le gaz et Eau du Grand Lyon pour l'eau). Ils sont en effet responsables de votre compteur, de la collecte des donn\xE9es et du partage de celles-ci. Ils ont les donn\xE9es brutes, ces m\xEAmes donn\xE9es qui sont consolid\xE9es pour votre fournisseur d'\xE9nergie ou d'eau, celui-l\xE0 m\xEAme qui vous facture. Pour r\xE9cup\xE9rer vos donn\xE9es, et afin que vous et vous seul y ait acc\xE8s, il vous faut cr\xE9er un compte chez ces gestionnaires de r\xE9seaux. Ce process n'est \xE0 r\xE9aliser que lors de premi\xE8re connexion.")
              }, {
                summary: "Si je n'en ai pas, est-ce possible d'avoir des compteurs communicants (Linky, Gazpar, Téléo ?)",
                details: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "- Linky, le compteur \xE9lectricit\xE9 est d\xE9ploy\xE9 sur 95% de notre territoire m\xE9tropolitain. Si vous n'\xEAtes pas encore \xE9quip\xE9, vous pouvez contacter Enedis au 0 970 831 970 (prix d'un appel local) entre 8h et 17h pour convenir d'un rendez-vous."), /*#__PURE__*/_react.default.createElement("p", null, "- Concernant Gazpar le compteur gaz, s'il n'est pas encore install\xE9 chez vous, vous pouvez vous renseigner sur le planning de d\xE9ploiement du compteur \xE0 cette adresse :", ' ', /*#__PURE__*/_react.default.createElement("a", {
                  href: "https://monespace.grdf.fr/compteur-gazpar-et-ma-commune"
                }, "https://monespace.grdf.fr/compteur-gazpar-et-ma-commune.")), /*#__PURE__*/_react.default.createElement("p", null, "- Concernant T\xE9l\xE9o, le compteur eau, si vous \xEAtes en eau individualis\xE9. En principe, vous devriez d\xE9j\xE0 avoir T\xE9l\xE9o chez vous. Si vous \xEAtes abonn\xE9 et que vous n'\xEAtes pas encore \xE9quip\xE9, contactez le service client d'eau du Grand Lyon par t\xE9l\xE9phone au 09 69 39 69 99 (num\xE9ro cristal non surtax\xE9) pour obtenir l'installation d'un compteur communicant T\xE9l\xE9o."))
              }, {
                summary: 'Qui a accès à mes données de consommation?',
                details: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Vos donn\xE9es priv\xE9es de consommation d\u2019\xE9nergie et d\u2019eau sont r\xE9cup\xE9r\xE9es, sauvegard\xE9es et stock\xE9es dans votre cloud personnel \xE0 votre initiative sans visibilit\xE9 de la M\xE9tropole de Lyon sur leur contenu. Il en est de m\xEAme pour les donn\xE9es priv\xE9es de composition du logement et du foyer, fournies par vos soins. Elles restent \xE9galement sans visibilit\xE9 de la M\xE9tropole de Lyon sur leur contenu."), /*#__PURE__*/_react.default.createElement("p", null, "Dans le cadre de l\u2019\xE9valuation et de l\u2019am\xE9lioration du service, des donn\xE9es d\u2019utilisation anonymis\xE9es sont cependant remont\xE9es \xE0 des fins d\u2019exploitation statistiques. La r\xE9cup\xE9ration de ces statistiques anonymis\xE9es nous permettra de s\u2019assurer du bon fonctionnement technique de la connexion \xE0 vos donn\xE9es de consommation ainsi que d\u2019\xE9valuer l\u2019impact global en termes de baisse des consommations \xE9nerg\xE9tiques de notre service (Plus d\u2019informations sur la mani\xE8re dont votre anonymat est bien pr\xE9serv\xE9 dans ce processus", ' ', /*#__PURE__*/_react.default.createElement("a", {
                  href: " https://ecolyo.com/cloud_statistiques.html"
                }, "ici"), ")."))
              }, {
                summary: 'Comment supprimer mon consentement au partage de mes données (électricité ou gaz) ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Dans un premier temps, vous pouvez supprimer le connecteur \xE9lectricit\xE9, gaz ou eau dans la page Options du service afin de stopper le transfert de vos donn\xE9es vers notre service. Pour supprimer totalement votre consentement vous devez ensuite :"), /*#__PURE__*/_react.default.createElement("p", null, "- pour l'\xE9lectricit\xE9 : contacter directement dataconnect@enedis.fr pour leur indiquer votre souhait de supprimer le consentement de partage des donn\xE9es avec notre service."), /*#__PURE__*/_react.default.createElement("p", null, "- pour le gaz, rendez-vous dans votre espace GRDF (", /*#__PURE__*/_react.default.createElement("a", {
                  href: "https://monespace.grdf.fr/"
                }, "https://monespace.grdf.fr/"), ") dans partie \"Suivi des consommations\" puis \"Donn\xE9es consult\xE9es\". Vous pouvez alors supprimer le consentement donn\xE9 \xE0 notre service."))
              }]
            }, {
              section: 'Contenu du service',
              questions: [{
                summary: 'Pourquoi les prix affichés sont-ils différents de ceux indiqués sur ma facture ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Le prix de votre \xE9lectricit\xE9 ou de votre gaz d\xE9pend de l'offre choisie aupr\xE8s de votre fournisseur. N\u2019ayant pas acc\xE8s \xE0 cette information, Ecolyo affiche un prix moyen par fluide."), /*#__PURE__*/_react.default.createElement("p", null, "Tarifs moyens retenus :"), /*#__PURE__*/_react.default.createElement("p", null, "- pour l'\xE9lectricit\xE9, 1 kWh =", ' ', fluidPrices[_fluid.FluidType.ELECTRICITY].price, "\u20AC TTC (il correspond au tarif r\xE9glement\xE9 d\u2019EDF au", ' ', _luxon.DateTime.fromISO(fluidPrices[_fluid.FluidType.ELECTRICITY].startDate).setZone('utc', {
                  keepLocalTime: true
                }).toLocaleString(), ' ', "pour une puissance souscrite de 3 ou 6 kVA et hors offre heure pleine/heure creuse)"), /*#__PURE__*/_react.default.createElement("p", null, "- pour le gaz, 1 kWh = ", fluidPrices[_fluid.FluidType.GAS].price, "\u20AC TTC (tarif r\xE9glement\xE9 de vente au", ' ', _luxon.DateTime.fromISO(fluidPrices[_fluid.FluidType.GAS].startDate).setZone('utc', {
                  keepLocalTime: true
                }).toLocaleString(), ' ', "pour un consommateur soutirant moins de 6 MWh par an)"), /*#__PURE__*/_react.default.createElement("p", null, "- pour l'eau, 1 litre d\u2019eau =", ' ', fluidPrices[_fluid.FluidType.WATER].price, "\u20AC TTC (prix constat\xE9 au", ' ', _luxon.DateTime.fromISO(fluidPrices[_fluid.FluidType.WATER].startDate).setZone('utc', {
                  keepLocalTime: true
                }).toLocaleString(), ' ', "pour un abonnement et une consommation de 120 m3/an sur la M\xE9tropole de Lyon)"), /*#__PURE__*/_react.default.createElement("p", null, "Le co\xFBt de votre abonnement n'est pas pris en compte dans Ecolyo."))
              }, {
                summary: 'Est-ce la météo est prise en compte dans les données affichées ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, "La m\xE9t\xE9o n'est pour l'instant pas prise en compte dans les donn\xE9es pr\xE9sent\xE9es. Nous r\xE9fl\xE9chissons \xE0 termes \xE0 une int\xE9gration des donn\xE9es de temp\xE9rature ext\xE9rieure. En effet, celles-ci influent fortement sur les comportements et donc les consommations aussi bien d'\xE9nergie en hiver que d'eau en \xE9t\xE9. Affaire \xE0 suivre pour notre service !")
              }, {
                summary: 'Quelle est la source des écogestes ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, "Les \xE9cogestes pr\xE9sent\xE9s dans le service sont issus de guides pr\xE9par\xE9 par le CLER - R\xE9seau pour la transition \xE9nerg\xE9tique ainsi que par l'ADEME (l'Agence de l'environnement et de la ma\xEEtrise de l'\xE9nergie). La source principale est le guide des 100 \xE9cogestes (version 2020-2021) produit par le CLER dans le cadre du programme DECLIC.")
              }, {
                summary: "Qu'est-ce qu'un kWh ?",
                details: /*#__PURE__*/_react.default.createElement("div", null, "Le kWh est l'unit\xE9 de mesure correspondant \xE0 l'\xE9nergie consomm\xE9e pendant une heure par un appareil d'une puissance de 1000 watts (1 kW). Avec 1 kWh, il est possible de \u2026 regarder la t\xE9l\xE9vision pendant 3 \xE0 5h (selon le mod\xE8le de t\xE9l\xE9), cuire un poulet au four thermostat 6 pendant 1h, vous servir d'un ordinateur au bureau pendant une demi-journ\xE9e...")
              }, {
                summary: 'Pourquoi dois-je renseigner mon profil dans le service ? Comment le modifier ? ',
                details: /*#__PURE__*/_react.default.createElement("div", null, "Renseigner votre profil c'est profiter \xE0 la fois d'une comparaison de vos consommations avec les consommation d'un foyer vous ressemblant (allez jetez un \u0153il dans la partie Analyse) mais aussi avoir acc\xE8s \xE0 un tri personnalis\xE9 des \xE9cogestes dans la partie Ecogestes du service.")
              }, {
                summary: 'Comment sont choisis les écogestes personnalisés ?',
                details: /*#__PURE__*/_react.default.createElement("div", null, "Les \xE9cogestes personnalis\xE9s sont aujourd'hui choisis en fonction des compteurs individuels que vous poss\xE9dez (communicants ou non). Ils vous permettent d'agir sur ces consommations. D'autres modes de tri, davantage personnalisables seront propos\xE9s \xE0 l'avenir.")
              }]
            }, {
              section: 'Autres infos',
              questions: [{
                summary: "Comment accéder plus facilement au service à l'avenir ?",
                details: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Pour retrouver facilement l'acc\xE8s \xE0 Ecolyo \xE0 l'avenir, il suffit de vous cr\xE9er un raccourci :"), /*#__PURE__*/_react.default.createElement("p", null, "- Sur mobile APPLE : Pour cr\xE9er un raccourci sur votre \xE9cran d'accueil, ouvrez Ecolyo dans Safari et cliquez sur Partager (carr\xE9 avec une fl\xE8che pointant vers le haut), en descendant dans le menu cliquez sur \"Sur l'\xE9cran d'accueil\" puis ajouter. Un raccourci d'Ecolyo sera alors pr\xE9sent (il ressemblera \xE0 une application comme une autre)."), /*#__PURE__*/_react.default.createElement("p", null, "- Sur mobile ANDROID : Une fois sur la page web du service, appuyez sur les trois petits points du menu en haut \xE0 droite. S\xE9lectionnez \"Ajouter \xE0 l'\xE9cran d'accueil\". Nommez la page et appuyez sur \"Ajouter\". Un raccourci vers la page web est apparu sur l'\xE9cran d'accueil de votre smartphone."), /*#__PURE__*/_react.default.createElement("p", null, "- Sur ordinateur : ajoutez classiquement Ecolyo dans les Favoris de votre navigateur pr\xE9f\xE9r\xE9. Cela sera plus facile par la suite de retrouver notre service."), /*#__PURE__*/_react.default.createElement("p", null, "Si un jour vous avez totalement perdu l'adresse d'acc\xE8s \xE0 votre service, vous pouvez le retrouver en cliquant tout en bas sur le bouton \"Acc\xE9der \xE0 mon cloud personnel\" du site web Ecolyo.com"))
              }, {
                summary: "Pour accéder à Ecolyo, j'ai dû me créer un cloud personnel Grand Lyon. Qu'est-ce ?",
                details: /*#__PURE__*/_react.default.createElement("div", null, "Souvent le cloud personnel est r\xE9duit \xE0 un simple espace de stockage de documents mais il est bien plus que \xE7a. C'est un espace individuel et s\xE9curis\xE9. Vous seul pouvez y acc\xE9der, personne d'autre. Dans le cloud vous avez deux types de services: les premiers sont des services qui vous permettent de r\xE9cup\xE9rer vos donn\xE9es et les stocker dans cet espace. Vous avez aussi des services qui vous permettent de valoriser vos donn\xE9es pour qu'elles aient plus de sens pour vous (c'est le cas d'Ecolyo!). Si vous souhaitez en savoir plus sur votre cloud personnel cliquez", ' ', /*#__PURE__*/_react.default.createElement("a", {
                  href: "https://support.grandlyon.com/clouds-personnels-grand-lyon/"
                }, "ici"), ".")
              }]
            }]);

          case 5:
          case "end":
            return _context.stop();
        }
      }
    }, _callee);
  }));

  return function FaqData(_x) {
    return _ref.apply(this, arguments);
  };
}();

var _default = FaqData;
var _default2 = _default;
exports.default = _default2;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(FaqData, "FaqData", "/home/gcarron/dev/ecolyo/src/components/FAQ/FAQData.tsx");
  reactHotLoader.register(_default, "default", "/home/gcarron/dev/ecolyo/src/components/FAQ/FAQData.tsx");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))

/***/ }),

/***/ "1OgM":
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__("jLvJ");

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) {}

/***/ }),

/***/ "JGJb":
/***/ (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": "chevron-off_1e43320126e31e19c524d6d80fe2aa11",
  "use": "chevron-off_1e43320126e31e19c524d6d80fe2aa11-usage",
  "viewBox": "0 0 18 9",
  "content": "<symbol viewBox=\"0 0 18 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"chevron-off_1e43320126e31e19c524d6d80fe2aa11\">\n<g filter=\"url(#chevron-off_1e43320126e31e19c524d6d80fe2aa11_filter0_d)\">\n<path d=\"M9.5399e-08 0L9 8L18 2.14648e-07\" fill=\"#1B1C22\" />\n</g>\n<defs>\n<filter id=\"chevron-off_1e43320126e31e19c524d6d80fe2aa11_filter0_d\" x=\"0\" y=\"0\" width=\"18\" height=\"9\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\n<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\"></feColorMatrix>\n<feOffset dy=\"1\"></feOffset>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0\"></feColorMatrix>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow\"></feBlend>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow\" result=\"shape\"></feBlend>\n</filter>\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);

/***/ }),

/***/ "OIzw":
/***/ (function(module, exports, __webpack_require__) {

"use strict";
/* WEBPACK VAR INJECTION */(function(module) {

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 _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));

var _Header = _interopRequireDefault(__webpack_require__("frrP"));

var _Content = _interopRequireDefault(__webpack_require__("VOVi"));

var _FAQContent = _interopRequireDefault(__webpack_require__("eJYr"));

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

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 __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var FAQView = function FAQView() {
  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);
  };

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
    titleKey: 'common.title_faq',
    displayBackArrow: true
  }), /*#__PURE__*/_react.default.createElement(_Header.default, {
    setHeaderHeight: defineHeaderHeight,
    desktopTitleKey: 'common.title_faq',
    displayBackArrow: true
  }), /*#__PURE__*/_react.default.createElement(_Content.default, {
    height: headerHeight
  }, /*#__PURE__*/_react.default.createElement(_FAQContent.default, null)));
};

__signature__(FAQView, "useState{[headerHeight, setHeaderHeight](0)}");

var _default = FAQView;
var _default2 = _default;
exports.default = _default2;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(FAQView, "FAQView", "/home/gcarron/dev/ecolyo/src/components/FAQ/FAQView.tsx");
  reactHotLoader.register(_default, "default", "/home/gcarron/dev/ecolyo/src/components/FAQ/FAQView.tsx");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))

/***/ }),

/***/ "eJYr":
/***/ (function(module, exports, __webpack_require__) {

"use strict";
/* WEBPACK VAR INJECTION */(function(module) {

var _interopRequireDefault = __webpack_require__("TqRt");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));

var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));

var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));

var _react = _interopRequireWildcard(__webpack_require__("q1tI"));

__webpack_require__("1OgM");

var _cozyClient = __webpack_require__("SH7X");

var _I18n = __webpack_require__("buk/");

var _FAQData = _interopRequireDefault(__webpack_require__("/wWz"));

var _ExpansionPanel = _interopRequireDefault(__webpack_require__("Betk"));

var _ExpansionPanelSummary = _interopRequireDefault(__webpack_require__("Tp5u"));

var _ExpansionPanelDetails = _interopRequireDefault(__webpack_require__("rD/X"));

var _chevronOff = _interopRequireDefault(__webpack_require__("JGJb"));

var _StyledIcon = _interopRequireDefault(__webpack_require__("I07j"));

var _fluid = __webpack_require__("5Wkc");

var _StyledSpinner = _interopRequireDefault(__webpack_require__("HTwM"));

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

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 __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var FAQContent = function FAQContent() {
  var _useI18n = (0, _I18n.useI18n)(),
      t = _useI18n.t;

  var client = (0, _cozyClient.useClient)();

  var _useState = (0, _react.useState)(false),
      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
      expanded = _useState2[0],
      setExpanded = _useState2[1];

  var _useState3 = (0, _react.useState)([]),
      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
      faqData = _useState4[0],
      setFaqData = _useState4[1];

  var handleChange = function handleChange(panel) {
    return function (event, isExpanded) {
      event.preventDefault();
      setExpanded(isExpanded ? panel : false);
    };
  };

  (0, _react.useEffect)(function () {
    var subscribed = true;

    function loadFaqData() {
      return _loadFaqData.apply(this, arguments);
    }

    function _loadFaqData() {
      _loadFaqData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
        var data;
        return _regenerator.default.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _context.next = 2;
                return (0, _FAQData.default)(client);

              case 2:
                data = _context.sent;

                if (subscribed && data.length > 0) {
                  setFaqData(data);
                }

              case 4:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      }));
      return _loadFaqData.apply(this, arguments);
    }

    loadFaqData();
    return function () {
      subscribed = false;
    };
  }, [client]);

  if (faqData.length <= 0) {
    return /*#__PURE__*/_react.default.createElement("div", {
      className: "faq-spinner"
    }, /*#__PURE__*/_react.default.createElement(_StyledSpinner.default, {
      size: "5rem",
      fluidType: _fluid.FluidType.MULTIFLUID
    }));
  }

  return /*#__PURE__*/_react.default.createElement("div", {
    className: "faq-view-root"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "faq-view-content"
  }, faqData.map(function (faq, index) {
    return /*#__PURE__*/_react.default.createElement("div", {
      key: index,
      className: "faq-section"
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "text-16-normal-uppercase"
    }, faq.section), faq.questions.map(function (question, index2) {
      return /*#__PURE__*/_react.default.createElement(_ExpansionPanel.default, {
        key: index2,
        expanded: expanded === "panel".concat(index, "_").concat(index2),
        onChange: handleChange("panel".concat(index, "_").concat(index2)),
        classes: {
          root: 'expansion-panel-root'
        }
      }, /*#__PURE__*/_react.default.createElement(_ExpansionPanelSummary.default, {
        "aria-label": t('faq.accessibility.button_toggle_detail'),
        expandIcon: /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
          icon: _chevronOff.default
        }),
        classes: {
          root: 'expansion-panel-summary small bold-text',
          content: 'expansion-panel-content'
        }
      }, question.summary), /*#__PURE__*/_react.default.createElement(_ExpansionPanelDetails.default, {
        classes: {
          root: 'expansion-panel-details'
        }
      }, question.details));
    }));
  })));
};

__signature__(FAQContent, "useI18n{{ t }}\nuseClient{client}\nuseState{[expanded, setExpanded](false)}\nuseState{[faqData, setFaqData]([])}\nuseEffect{}", function () {
  return [_I18n.useI18n, _cozyClient.useClient];
});

var _default = FAQContent;
var _default2 = _default;
exports.default = _default2;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(FAQContent, "FAQContent", "/home/gcarron/dev/ecolyo/src/components/FAQ/FAQContent.tsx");
  reactHotLoader.register(_default, "default", "/home/gcarron/dev/ecolyo/src/components/FAQ/FAQContent.tsx");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))

/***/ }),

/***/ "jLvJ":
/***/ (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.faq-view-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 1.5rem; }\n  .faq-view-root .faq-view-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .faq-view-root .faq-view-content {\n        width: 100%; } }\n\n.faq-spinner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100%; }\n  @media only screen and (max-width: 768px) {\n    .faq-spinner {\n      min-height: inherit; } }\n\n.faq-section {\n  color: #e0e0e0;\n  padding-top: 1rem; }\n  .faq-section .expansion-panel-details div {\n    padding-bottom: 0.6rem; }\n    .faq-section .expansion-panel-details div p {\n      color: #e0e0e0;\n      margin-block-start: 0;\n      margin-block-end: 0.6rem; }\n    .faq-section .expansion-panel-details div p:last-child {\n      margin-block-end: 0rem; }\n", ""]);



/***/ })

}]);