diff --git a/app/ecolyo.5267cc47dae03825df54.js b/app/ecolyo.a1d597005ae46556d655.js
similarity index 99%
rename from app/ecolyo.5267cc47dae03825df54.js
rename to app/ecolyo.a1d597005ae46556d655.js
index bb8ac20f6b64527524da0d22043191d5299c7969..00cf0dd81b3ad54ee303f952fcb3c6ef104899e6 100644
--- a/app/ecolyo.5267cc47dae03825df54.js
+++ b/app/ecolyo.a1d597005ae46556d655.js
@@ -4345,7 +4345,7 @@ var SgeConnectView = function SgeConnectView() {
currentSgeState = _useState4[0],
setCurrentSgeState = _useState4[1];
- var _useState5 = (0, _react.useState)(sgeConnect.currentStep),
+ var _useState5 = (0, _react.useState)(_enums.SgeStep.IdentityAndPDL),
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
currentStep = _useState6[0],
setCurrentStep = _useState6[1];
@@ -6364,7 +6364,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
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/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ninput.inputText,\ninput.inputNumber {\n box-sizing: border-box;\n border: 1px solid #7b7b7b;\n background: transparent;\n transition: all 300ms ease;\n color: #e0e0e0;\n}\ninput.inputText:focus, input.inputText:focus-visible,\ninput.inputNumber:focus,\ninput.inputNumber:focus-visible {\n border-color: #e3b82a;\n outline: none;\n}\n\ninput.inputText {\n appearance: none;\n border-radius: 4px;\n height: 45px;\n width: 100%;\n max-width: 280px;\n padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n border-radius: 2px;\n height: 40px;\n width: 60px;\n max-width: 5rem;\n text-align: center;\n}\n\ninput.inputCheckbox {\n width: 24px;\n min-width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n border-radius: 4px;\n cursor: pointer;\n appearance: none;\n background: #121212;\n position: relative;\n border: solid 1px #7b7b7b;\n}\ninput.inputCheckbox:checked {\n background: #e3b82a;\n border-color: #e3b82a;\n}\ninput.inputCheckbox:checked:before, input.inputCheckbox:checked:after {\n content: \"\";\n position: absolute;\n display: inline-block;\n background: #121212;\n border-radius: 0.5rem;\n}\ninput.inputCheckbox:checked:before {\n width: 3px;\n height: 12px;\n left: 10px;\n top: 4px;\n transform: rotate(41deg);\n}\ninput.inputCheckbox:checked:after {\n width: 3px;\n height: 6px;\n left: 5px;\n top: 8px;\n transform: rotate(133deg);\n}\n\n.sge-view {\n box-sizing: border-box;\n min-height: inherit;\n width: inherit;\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: space-between;\n}\n.sge-view .sge-container {\n padding: 1rem;\n}\n.sge-view .sge-container .sge-step-container {\n margin-top: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n color: #e0e0e0;\n /* Chrome, Safari, Edge, Opera */\n /* Firefox */\n}\n.sge-view .sge-container .sge-step-container .head {\n margin-top: 1rem;\n}\n.sge-view .sge-container .sge-step-container label {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n cursor: pointer;\n}\n.sge-view .sge-container .sge-step-container label.inline {\n flex-direction: row;\n align-items: center;\n gap: 0.5rem;\n}\n.sge-view .sge-container .sge-step-container label span span {\n color: #e3b82a;\n}\n.sge-view .sge-container .sge-step-container #zipCode {\n max-width: 115px;\n}\n.sge-view .sge-container .sge-step-container input::-webkit-outer-spin-button,\n.sge-view .sge-container .sge-step-container input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.sge-view .sge-container .sge-step-container input[type=number] {\n -moz-appearance: textfield;\n}\n.sge-view .sge-container .sge-step-container .pdl-hint {\n display: inline-block;\n cursor: pointer;\n border-bottom: solid 1px #e0e0e0;\n margin: 0 auto;\n padding: 0.2rem;\n}\n@media (min-width: 1023px) {\n .sge-view .sge-container .sge-step-container .pdl-hint {\n margin-left: 0;\n }\n}\n.sge-view .sge-container .sge-step-container ul {\n margin: 0;\n padding: 0 1rem 1rem;\n line-height: 130%;\n border-bottom: 1px solid #7b7b7b;\n}\n.sge-view .sge-container .sge-step-container ul li {\n margin: 0.5rem 0;\n}\n\n.sgeHintModal {\n text-align: center;\n}\n.sgeHintModal .title {\n color: #e3b82a;\n margin: 1rem 0;\n}\n.sgeHintModal .pdl {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n background: #eff2f4;\n text-align: left;\n}\n.sgeHintModal .pdl p {\n color: #526576;\n margin: 0;\n}\n.sgeHintModal .pdl .bill {\n display: flex;\n gap: 0.5rem;\n}\n.sgeHintModal .pdl svg.prm {\n width: 100%;\n height: 180px;\n}\n.sgeHintModal .pdl svg.bill {\n width: 150px;\n height: 80px;\n}\n.sgeHintModal button {\n margin-top: 1rem;\n}", ""]);
+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/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ninput.inputText,\ninput.inputNumber {\n box-sizing: border-box;\n border: 1px solid #7b7b7b;\n background: transparent;\n transition: all 300ms ease;\n color: #e0e0e0;\n}\ninput.inputText:focus, input.inputText:focus-visible,\ninput.inputNumber:focus,\ninput.inputNumber:focus-visible {\n border-color: #e3b82a;\n outline: none;\n}\n\ninput.inputText {\n appearance: none;\n border-radius: 4px;\n height: 45px;\n width: 100%;\n max-width: 280px;\n padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n border-radius: 2px;\n height: 40px;\n width: 60px;\n max-width: 5rem;\n text-align: center;\n}\n\ninput.inputCheckbox {\n width: 24px;\n min-width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n border-radius: 4px;\n cursor: pointer;\n appearance: none;\n background: #121212;\n position: relative;\n border: solid 1px #7b7b7b;\n}\ninput.inputCheckbox:checked {\n background: #e3b82a;\n border-color: #e3b82a;\n}\ninput.inputCheckbox:checked:before, input.inputCheckbox:checked:after {\n content: \"\";\n position: absolute;\n display: inline-block;\n background: #121212;\n border-radius: 0.5rem;\n}\ninput.inputCheckbox:checked:before {\n width: 3px;\n height: 12px;\n left: 10px;\n top: 4px;\n transform: rotate(41deg);\n}\ninput.inputCheckbox:checked:after {\n width: 3px;\n height: 6px;\n left: 5px;\n top: 8px;\n transform: rotate(133deg);\n}\n\n.sge-view {\n box-sizing: border-box;\n min-height: inherit;\n width: inherit;\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: space-between;\n}\n.sge-view .sge-container {\n padding: 1rem;\n}\n.sge-view .sge-container .sge-step-container {\n margin-top: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n color: #e0e0e0;\n /* Chrome, Safari, Edge, Opera */\n /* Firefox */\n}\n.sge-view .sge-container .sge-step-container .head {\n margin-top: 1rem;\n}\n.sge-view .sge-container .sge-step-container label {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n cursor: pointer;\n}\n.sge-view .sge-container .sge-step-container label.inline {\n flex-direction: row;\n align-items: center;\n gap: 0.5rem;\n}\n.sge-view .sge-container .sge-step-container label span span {\n color: #e3b82a;\n}\n.sge-view .sge-container .sge-step-container #zipCode {\n max-width: 115px;\n}\n.sge-view .sge-container .sge-step-container input::-webkit-outer-spin-button,\n.sge-view .sge-container .sge-step-container input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.sge-view .sge-container .sge-step-container input[type=number] {\n -moz-appearance: textfield;\n}\n.sge-view .sge-container .sge-step-container .btnText {\n max-width: 280px;\n}\n.sge-view .sge-container .sge-step-container ul {\n margin: 0;\n padding: 0 1rem 1rem;\n line-height: 130%;\n border-bottom: 1px solid #7b7b7b;\n}\n.sge-view .sge-container .sge-step-container ul li {\n margin: 0.5rem 0;\n}\n\n.sgeHintModal {\n text-align: center;\n}\n.sgeHintModal .title {\n color: #e3b82a;\n margin: 1rem 0;\n}\n.sgeHintModal .pdl {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n background: #eff2f4;\n text-align: left;\n}\n.sgeHintModal .pdl p {\n color: #526576;\n margin: 0;\n}\n.sgeHintModal .pdl .bill {\n display: flex;\n gap: 0.5rem;\n}\n.sgeHintModal .pdl svg.prm {\n width: 100%;\n height: 180px;\n}\n.sgeHintModal .pdl svg.bill {\n width: 150px;\n height: 80px;\n}\n.sgeHintModal button {\n margin-top: 1rem;\n}", ""]);
@@ -8421,6 +8421,8 @@ exports.default = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+var _core = __webpack_require__("TTf+");
+
var _SgeModalHint = _interopRequireDefault(__webpack_require__("Bpne"));
var _I18n = __webpack_require__("buk/");
@@ -8443,11 +8445,12 @@ var StepIdentityAndPdl = function StepIdentityAndPdl(_ref) {
openHintModal = _useState2[0],
setOpenHintModal = _useState2[1];
- var toggleModal = (0, _react.useCallback)(function () {
- setOpenHintModal(function (prev) {
+ var toggleModal = function toggleModal() {
+ return setOpenHintModal(function (prev) {
return !prev;
});
- }, []);
+ };
+
return /*#__PURE__*/_react.default.createElement("div", {
className: "sge-step-container stepIdentity"
}, /*#__PURE__*/_react.default.createElement("div", {
@@ -8495,9 +8498,9 @@ var StepIdentityAndPdl = function StepIdentityAndPdl(_ref) {
},
inputMode: "numeric",
required: true
- })), /*#__PURE__*/_react.default.createElement("div", {
- onClick: toggleModal,
- className: "pdl-hint text-16-normal"
+ })), /*#__PURE__*/_react.default.createElement(_core.Button, {
+ className: "btnText",
+ onClick: toggleModal
}, t('auth.enedissgegrandlyon.pdlHint')), /*#__PURE__*/_react.default.createElement(_SgeModalHint.default, {
open: openHintModal,
handleCloseClick: toggleModal
diff --git a/index.html b/index.html
index a3f473884f7eb68cba462111e658c8c1f672397b..aeb8c6328f3570c75b383a2282c4378c696438f8 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.796f5a66f0367dd5452d.js"></script><script src="app/ecolyo.5267cc47dae03825df54.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.796f5a66f0367dd5452d.js"></script><script src="app/ecolyo.a1d597005ae46556d655.js"></script></div></body></html>
\ No newline at end of file