https://www.ilek.fr/static/js/4269.be32eb48.chunk.js

1"use strict";exports.id=4269,exports.ids=[4269],exports.modules={20627(e,n,t){t.d(n,{v:()=>m});var a=t(82015),o=t(38135);const s=t.p+"static/media/og_image_default.d10acded.png";var r=t(58982),i=t(8732);const l=r.A.app.isDevelopment?"http://localhost:3001":"https://www.ilek.fr",c="ilek",d="@ilek_fr",u=s;function m(e){let{rest:n,pathname:t,noCrawl:s}=e;const r=(0,a.useMemo)((function(){const{title:e,description:a,image:o,contentType:r,twitter:i,published:m,updated:h,category:p,tags:_}=n,b=e?e.substring(0,60):c,g=a?a.substring(0,155):"Fournisseur d'énergie verte : Gaz et Electricité pour particuliers - ilek",v=o||u,N=[{itemprop:"name",content:b},{itemprop:"description",content:g},{itemprop:"image",content:v},{name:"description",content:g},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:d},{name:"twitter:title",content:b},{name:"twitter:description",content:g},{name:"twitter:creator",content:i||d},{name:"twitter:image:src",content:v},{property:"og:title",content:b},{property:"og:type",content:r||"website"},{property:"og:url",content:l+t},{property:"og:image",content:v},{property:"og:description",content:g},{property:"og:site_name",content:c},{property:"fb:app_id",content:"241417006278411"}];return s&&N.push({name:"robots",content:"noindex, nofollow"}),m&&N.push({name:"article:published_time",content:m}),h&&N.push({name:"article:modified_time",content:h}),p&&N.push({name:"article:section",content:p}),_&&N.push({name:"article:tag",content:_}),N}),[s,t,n]);return(0,i.jsx)(o.Helmet,{htmlAttributes:{lang:"fr",itemscope:void 0,itemtype:"http://schema.org/".concat(n.schema||"WebLayout")},title:n.title?n.title:c,link:[{rel:"canonical",href:l+t}],meta:r})}},47251(e,n,t){t.d(n,{A:()=>p});var a=t(13432);const o=t.p+"static/media/help_icon.7ab6c347.svg";var s=t(58982),r=t(62115),i=t(6305),l=t(51765),c=t(44593),d=t(82015),u=t(28687),m=t(56719);var h=t(8732);function p(){const{isVisibleClassName:e,isSideBarOpen:n,actions:t}=function(){const[e,n]=(0,d.useState)("help-bubble--invisible"),t=(0,u.useLocation)(),a=(0,r.A)(),{toggleSidebar:o,isSideBarOpen:h}=(0,l.i)(),{boot:p,update:_}=(0,m.useIntercom)(),b=(0,i.i)(1280)===i.Z.DESKTOP,g=(null==t?void 0:t.pathname)===c.y.HOMEPAGE;return(0,d.useEffect)((()=>{b&&g&&a>=400&&n("help-bubble--visible"),b&&!g&&n("help-bubble--visible")}),[b,g,a]),{isVisibleClassName:e,isSideBarOpen:h,actions:{handleOnClick:(0,d.useCallback)((()=>{s.A.externals.intercom.isIntercomChatEnabled&&(p(),_({hideDefaultLauncher:!1})),o()}),[p,o,_])}}}();return(0,h.jsx)("div",{className:"".concat(e),"data-testid":"help-bubble",children:!n&&(0,h.jsx)(a.Button,{usage:a.ButtonUsage.PRIMARY,className:"".concat(e,"__button-to-sidebar"),onClick:t.handleOnClick,children:(0,h.jsx)("img",{className:"".concat(e,"__help-icon"),src:o,alt:"open-sidebar"})})})}},68140(e,n,t){t.d(n,{Z:()=>o});var a=t(8732);function o(e){let{children:n,color:t="white",size:o="medium",className:s}=e;const r="card-v2--".concat(o),i="card-v2--".concat(t),l="card-v2 ".concat(r," ").concat(i," ").concat(s||"");return(0,a.jsx)("article",{className:l,children:n})}},29259(e,n,t){t.d(n,{r:()=>E});var a=t(10934),o=t(79175),s=t(3892),r=t.n(s),i=t(43239),l=t(43813),c=t(13432),d=t(26843);const u={code:"FR",label:"France",flag:"🇫🇷",mask:"00 00 00 00 00"},m=[u,{code:"DE",label:"Allemagne",flag:"🇩🇪",mask:"0000 0000000"},{code:"GB",label:"Royaume-Uni",flag:"🇬🇧",mask:"0000 000000"},{code:"CH",label:"Suisse",flag:"🇨🇭",mask:"00 000 00 00"},{code:"BE",label:"Belgique",flag:"🇧🇪",mask:"0000 00 00 00"},{code:"LU",label:"Luxembourg",flag:"🇱🇺",mask:"000 000 000"},{code:"IT",label:"Italie",flag:"🇮🇹",mask:"000 000 0000"},{code:"NL",label:"Pays-Bas",flag:"🇳🇱",mask:"00 000 0000"},{code:"AT",label:"Autriche",flag:"🇦🇹",mask:"000 000000"},{code:"IE",label:"Irlande",flag:"🇮🇪",mask:"000 000 0000"},{code:"SE",label:"Suède",flag:"🇸🇪",mask:"000-000 00 00"},{code:"ES",label:"Espagne",flag:"🇪🇸",mask:"000 00 00 00"}];var h=t(82015);var p=t(8732);function _(e){let{country:n,onCountryChange:t}=e;const{open:a,selected:o,handleOpen:s,close:r,handleMouseDown:i}

1=function(e){let{country:n,onCountryChange:t}=e;const[a,o]=(0,h.useState)(!1),s=m.find((e=>e.code===n))||u,r=()=>o(!1);return{open:a,setOpen:o,selected:s,handleOpen:()=>o((e=>!e)),close:r,handleMouseDown:function(e){const n=e.currentTarget.dataset.code;n&&(t(n),r())}}}({country:n,onCountryChange:t});return(0,p.jsxs)("div",{className:"custom-country-select",tabIndex:0,onBlur:r,children:[(0,p.jsxs)("div",{className:"custom-country-select__selected-flag-container",onClick:s,"data-testid":"custom-county-select",children:[null==o?void 0:o.flag," ",(0,p.jsx)(c.Icon,{type:a?c.IconType.CHEVRON_UP:c.IconType.CHEVRON_DOWN,size:20})]}),a&&(0,p.jsx)("div",{className:"custom-country-select__country-options",children:m.map((e=>{let{code:n,label:t}=e;return(0,p.jsx)("div",{className:"custom-country-select__country-options--country-option","data-testid":"country-option-".concat(n),"data-code":n,onMouseDown:i,children:(0,p.jsx)(d.EY,{size:d.$C.BODY_SMALL,children:t})},n)}))})]})}const b=new Map([["+34",{prefixLength:3,addZeroPrefix:!1}],["+49",{prefixLength:3,addZeroPrefix:!1}],["+352",{prefixLength:4,addZeroPrefix:!1}]]),g="0";function v(e){if(!function(e){return Boolean(e&&e.startsWith("+"))}(e))return e;const n=function(e){const n=Array.from(b.keys()).sort(((e,n)=>n.length-e.length));for(const t of n)if(e.startsWith(t))return b.get(t);return}(e);return n?function(e,n){const t=e.slice(n.prefixLength);return n.addZeroPrefix?"0"+t:t}(e,n):function(e){const n=e.slice(3);return g+n}(e)}var N=t(87528),x=t.n(N);function C(e){let{onPhoneNumberChange:n,name:t,error:a,phoneNumber:o,country:s,onCountryChange:c,placeholder:d="0612121212",showCountrySelect:u=!0}=e;const{handleAccept:b,maskPattern:g}=function(e){let{phoneNumber:n,country:t,onPhoneNumberChange:a}=e;const o=(0,h.useCallback)((e=>{const{isValid:n,phoneNumber:o}=x()(e,{country:t});if(n)return a(o);a(v(e))}),[t,a]);(0,h.useEffect)((()=>{n&&o(n)}),[o,n]);const s=(0,h.useMemo)((()=>m.find((e=>e.code===t))),[t]),r=s?s.mask:"";return{handleAccept:o,maskPattern:r}}({phoneNumber:o,country:s,onPhoneNumberChange:n});return(0,p.jsxs)("div",{className:r()("phone-input",a&&"phone-input--has-error"),children:[(0,p.jsx)(l.r,{type:i.N.TEL,placeholder:d,className:"phone-input__input",name:t,maskPattern:g,onAccept:b,autoComplete:"tel",value:v(null!=o?o:"")}),u&&(0,p.jsx)(_,{country:s,onCountryChange:c})]})}var S=t(51722);function E(e){let{label:n,isRequired:t,name:s,control:r,defaultValue:i,placeholder:l,showCountrySelect:c}=e;const[d,m]=function(e){return(0,h.useState)((()=>{if(e){const n=x()(e);if(null!=n&&n.countryIso2)return n.countryIso2.toUpperCase()}return u.code}))}(i);return(0,p.jsxs)("div",{className:"form-phone-input-container",children:[n&&(0,p.jsx)(o.A,{label:n,htmlFor:s,isRequired:t}),(0,p.jsx)(S.Controller,{name:s,control:r,rules:{required:"Merci de renseigner votre numéro de téléphone",validate:e=>{const{isValid:n}=x()(e,{country:d.toLowerCase()});return n||"Votre numéro de téléphone n'est pas valide"}},render:e=>{var n,t;let{field:o,fieldState:r}=e;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(C,{name:s,onPhoneNumberChange:o.onChange,phoneNumber:o.value,country:d,onCountryChange:m,error:r.error,placeholder:l,showCountrySelect:c}),r.error&&(0,p.jsx)(a.A,{message:null===(n=r.error)||void 0===n?void 0:n.message,type:null===(t=r.error)||void 0===t?void 0:t.type,textName:"numéro de téléphone",className:"form-phone-input-container__error-message"})]})}})]})}},8855(e,n,t){t.d(n,{I:()=>i});var a=t(3892),o=t.n(a),s=t(29259),r=t(8732);function i(e){let{label:n,name:t,hookForm:a,error:i,className:l,placeholder:c,showCountrySelect:d}=e;return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:o()("recall-phone-input",l,i&&"recall-phone-input--error"),"data-testid":"test-recall-input",children:(0,r.jsx)(s.r,{label:n,name:t,control:a.control,error:i,placeholder:c,showCountrySelect:d})})})}},41930(e,n,t){t.d(n,{P:()=>ie});var a=t(79222),o=t(13432),s=t(20627),r=t(47251),i=t(14553),l=t(21570),c=t(17923),d=t(80982),u=t(4692),m=t(40970),h=t(28687);const p=t.p+"static/media/chevron_down_green.14bbb4d8.svg",_=t.p+"static/media/chevron_down_white.41c25aa0.svg";var b=t(6305),g=t(82015),v=t(8732);function N(e){let{items:n,title:t,className:a="",isActive:o,isScrolled:s}=e;const r=(0,b.i)(961)===b.Z.MOBILE,[i,l]=(0,g.useState)(!1),c=i?"dropdown-container__list open":"dropdown-container__list",d=i?"dropdown-container__button focus":"dropdown-container__button",u=(0,g.useRef)(null);const m=()=>{u.current&&(clearTimeout(u.current),u.current=null),l(!0)},N=()=>{u.current=setTimeout((()=>{l(!1),u.current=null}),300)};return(0,v.jsxs)("li",{className:"dropdown-container ".concat(a),onFocus:()=>!r&&m(),onBlur:()=>!r&&N(),onMouseOver:()=>!r&&m(),onMouseLeave:()=>!r&&N(),children:[(0,v.jsxs)("button",{className:d,type:"button","aria-label":"open menu","aria-expanded":i?"true":"false","aria-haspopup":"true",onClick:()=>l(!i),children:[t,(0,v.jsx)("div",{className:"icon-container",children:(0,v.jsx)("img",{src:i||o||s?_:p,alt:r&&i?"flèche vers le haut":"flèche vers le bas",className:i?"dropdown-container__icon dropdown-container__icon--open":"dropdown-container__icon"})})]}),(0,v.jsxs)("div",{className:c,role:"menu",tabIndex:0,children:[(0,v.jsx)("div",{className:"list-header"}),(0,v.jsx)("div",{className:"list-body",children:null==n?void 0:n.filter((e=>void 0!==e)).map((e=>null!=e&&e.path?(0,v.jsx)(h.Link,{to:e.path,className:"dropdown-container__list__item ".concat(i?"open":""," "),role:"menuitem","data-text":e.title,children:e.title},"dropdown-".concat(e.path)):(0,v.jsx)("a",{href:null==e?void 0:e.externalPath,target:"_blank",rel:"noopener noreferrer",className:"dropdown-container__list__item ".concat(i?"open":""," "),children:null==e?void 0:e.title},"dropdown-".concat(null==e?void 0:e.path))))})]})]})}function x(e){let{title:n,path:t,externalPath:a,subMenu:s,className:r,onClick:i,isActive:l,isScrolled:c}=e;return(0,v.jsx)(v.Fragment,{children:s?(0,v.jsx)(N,{items:s,isActive:l,isScrolled:c,title:n,className:"menu-item__dropdown ".concat(r||"")}):(0,v.jsxs)("li",{className:"menu-item ".concat(r||""),children:[i&&(0,v.jsx)(o.Button,{usage:o.ButtonUsage.LINK,onClick:i,className:"menu-item__link link-button",children:n}),t&&(0,v.jsx)(h.Link,{to:t,className:"menu-item__link",children:n}),a&&(0,v.jsx)("a",{href:a,target:"_blank",rel:"noopener noreferrer",className:"menu-item__link",children:n})]})})}function C(e){let{items:n,className:t,isActive:a,isScrolled:o}=e;return(0,v.jsx)("ul",{className:"menu-items__container ".concat(t||""),children:n.map((e=>{let{title:n,path:t,externalPath:s,subMenu:r,onClick:i}=e;return(0,v.jsx)(x,{title:n,path:t,externalPath:s,subMenu:r,onClick:i,className:"menu-items__container__item",isActive:a,isScrolled:o},n)}))})}var S=t(3892),E=t.n(S),f=t(14706),j=t(73767),L=t(74552),k=t(17741),y=t(62620),B=t(86767),A=t(30010),O=t(48511),M=t(44593),R=t(58982),D=t(51765),I=t(56719);function w(e){let{isMobile:n}=e;const{update:t,boot:a}=(0,I.useIntercom)(),{toggleSidebar:o,isSideBarOpen:s}=(0,D.i)(),r=n?{title:"Centre d'aide",externalPath:"".concat(M.y.HELP)}:{title:"Centre d'aide",onClick:()=>{R.A.externals.intercom.isIntercomChatEnabled&&!s&&(a(),t({hideDefaultLauncher:!1})),o()}};return[{title:"Nos offres d'énergie",subMenu:[{title:"Offre électricité verte",path:"/offre-electricite"},{title:"Offre élec' voiture électrique",path:M.y.ELECTRIC_VEHICLE_OFFER},{title:"Offre gaz vert",path:"/offre-gaz"},{title:"Offre électricité et gaz",path:M.y.DUAL_OFFER}]},{title:"Nos producteurs",path:"/nos-producteurs"},{title:"Choisir ilek",subMenu:[{title:"Nos engagements",path:"https://engagements.ilek.fr/"},{title:"Notre service client",path:"/notre-service-client"},{title:"Avis clients",path:"/avis-clients"},{title:"Notre blog",externalPath:"".concat(M.y.BLOG)}]},r]}function T(e){let{isActive:n,isScrolled:t,isOnHomepage:a,scrollDirection:o,scrollTop:s,hasDarkBackgroun

1d:r}=e;const[i,l]=(0,g.useState)(!1),c=(0,j.W)(),d=(0,b.i)(768)===b.Z.MOBILE,[u,m]=(0,g.useState)(!1),{sendAnalytics:p}=(0,L.l)(),_=(0,A.C)(),v=(0,k.J)(),N=w({isMobile:!0}),x=w({isMobile:!1}),C=_&&!!v,S=(0,h.useLocation)(),E=(0,h.useNavigate)();function R(){m((e=>!e))}const D=(0,g.useCallback)((function(){d||C?(E(O.I.HOMEPAGE),R()):(E(M.y.LOGIN),p((0,y.DV)(S)))}),[d,C,p,S,E]);const I=(0,g.useCallback)((function(){E("/"),p((0,y.b$)(S))}),[S,E,p]),T=s&&s>250,z=(o===B.G5.UP||void 0===o)&&!u||o===B.G5.DOWN&&!t?"header-container--visible":"",P=u||t&&o!==B.G5.UP||a&&!T?"":"navbar-container__logo--visible",H=a&&!t&&!u&&"navbar-container__logo--transparent",U=(0,g.useMemo)((()=>t?"header-container--primary":""),[t]),Y=a&&n&&"header-container--active",F=u&&"menu-open",V=t&&o===B.G5.DOWN&&!u,W=(0,g.useMemo)((()=>d?u||r?"primary":"secondary":"header-container--primary"===U||r?"primary":"secondary"),[d,U,u,r]);return{isMobile:d,isMenuOpen:u,isAuthWithUserData:C,isRecallModalVisible:i,handleLoginCta:D,handleEstimateCta:function(){if(C)c();else{p((0,y.WY)(S));const e=S.pathname.includes(M.y.ELECTRIC_VEHICLE_OFFER)?"".concat(M.y.PARTNERS_TUNNEL,"/ilek-ve"):M.y.SOUSCRIPTION;E(e,{replace:!0})}d&&!u&&R()},handleSubscribeByPhoneClick:()=>{l(!0),p({name:f._h.RECALL_SUBSCRIBE_BY_PHONE,label:f.Lj.RECALL_SUBSCRIBE_BY_PHONE,linkUrl:null,page:f.Lz.WEBSITE_HOME})},handleCloseRecallModal:()=>{l(!1)},onClickLogo:I,menuToggleHandler:R,mobileMenuItems:N,desktopMenuItems:x,style:{showHeader:z,showLogo:P,transparentLogo:H,logoColor:W,headerBackground:U,activeClass:Y,openMenuClass:F,invisibleMenu:V}}}function z(e){let{isActive:n,isScrolled:t,isOnHomepage:a,scrollDirection:s,scrollTop:r,hasDarkBackground:i=!1}=e;const{isMobile:l,isMenuOpen:c,isAuthWithUserData:h,handleEstimateCta:p,handleLoginCta:_,onClickLogo:b,menuToggleHandler:g,desktopMenuItems:N,mobileMenuItems:x,style:S}=T({isActive:n,isScrolled:t,isOnHomepage:a,scrollDirection:s,scrollTop:r,hasDarkBackground:i}

1);return(0,v.jsx)("header",{className:E()("header-container new-header",S.openMenuClass,S.headerBackground,S.activeClass,S.showHeader),"data-testid":"test-header",children:(0,v.jsxs)("div",{className:E()("navbar-container",S.openMenuClass,i&&"navbar-container--has-dark-background"),children:[(0,v.jsx)("button",{type:"button",onClick:b,className:E()("navbar-container__logo",S.showLogo,S.transparentLogo,c&&"navbar-container__logo--menu-open"),"data-testid":"test-logo","aria-label":"logo",children:(0,v.jsx)("img",{src:"primary"===S.logoColor?u:d,alt:"logo ilek",id:"logo",className:"navbar-container__img"})}),(0,v.jsx)("nav",{className:E()("navbar-container__nav navbar-container__nav--mobile",c&&"isMenu"),"data-testid":"test-mobile-menu-items",children:(0,v.jsx)(C,{items:x,className:"navbar-container__nav__list",isActive:n,isScrolled:t})}),(0,v.jsx)("nav",{className:"navbar-container__nav navbar-container__nav--desktop","data-testid":"test-desktop-menu-items",children:(0,v.jsx)(C,{items:N,className:"navbar-container__nav__list",isActive:n,isScrolled:t})}),(0,v.jsxs)("div",{className:"navbar-container__ctas ".concat(S.invisibleMenu?"navbar-container__ctas--hidden":""),children:[(0,v.jsx)(o.Button,{usage:o.ButtonUsage.PRIMARY,buttonSize:o.ButtonSize.S,isReversed:!0,onClick:_,children:h?"Espace client":"Mon compte"}),h?(0,v.jsx)(o.Button,{className:E()("navbar-container__ctas--button",!n&&"navbar-container__ctas--button-primary",t&&"navbar-container__ctas--button-primary-scrolled",S.activeClass&&"navbar-container__ctas--button-active"),usage:l?o.ButtonUsage.PRIMARY:o.ButtonUsage.LINK,buttonSize:l?o.ButtonSize.S:o.ButtonSize.M,onClick:p,children:"Déconnexion"}):(0,v.jsx)(o.Button,{usage:o.ButtonUsage.CONVERSION,buttonSize:o.ButtonSize.S,onClick:p,children:"Estimez"})]}),(0,v.jsx)(m.U,{onClick:g,className:E()("navbar-container__toggle",S.invisibleMenu&&"navbar-container__toggle--hidden"),"data-testid":"test-hamburger",isMenuOpen:c})]})})}const P=(0,g.memo)(z);var H=t(68140),U=t(42889),Y=t(26843),F=t(93843),V=t(8855),W=t(51722);const G=t.p+"static/media/ilek_dialog.b36237ee.png",Z=t.p+"static/media/ilek_web.72059afd.png";var K=t(47816),$=t(60824);function q(){const[e,n]=(0,g.useState)(!1),[t,a]=(0,g.useState)(!1),{sendAnalytics:o}=(0,L.l)();return{onSubmit:e=>{const{phone:t}=e;(e=>{$.A.onIdentify({userId:"",traits:{phone:e}}),$.A.onTrack({event:K.Gi.CALLBACK_CREATED,properties:{callback_id:null,callback_schedule_date:null,callback_source:"vitrine",callback_type:"instant",phone:e}})})(t),n(!0),o({name:f._h.RECALL_SEND_NUMBER,label:f.Lj.RECALL_SEND_NUMBER,linkUrl:null,page:f.Lz.WEBSITE_RECALL_MODAL})},isPhoneNumberSent:e,handleChooseSlotClick:()=>{const e=R.A.links.calendlyDDR;window.open(e,"_blank"),o({name:f._h.RECALL_CHOOSE_SLOT,label:f.Lj.RECALL_CHOOSE_SLOT,linkUrl:e,page:f.Lz.WEBSITE_RECALL_MODAL})},isNumberVisible:t,handleDisplayNumberClick:()=>{a((e=>!e)),o({name:f._h.RECALL_DISPLAY_NUMBER,label:f.Lj.RECALL_DISPLAY_NUMBER,linkUrl:null,page:f.Lz.WEBSITE_RECALL_MODAL})}}}function X(){const{control:e,formState:n,handleSubmit:t}=(0,W.useForm)(),{errors:a,isDirty:s}=n,{onSubmit:r,isPhoneNumberSent:i,handleChooseSlotClick:l,isNumberVisible:c,handleDisplayNumberClick:d}=q();return(0,v.jsxs)("div",{className:"recall-header-modal",children:[(0,v.jsxs)("div",{children:[(0,v.jsx)(F.hE,{className:"recall-header-modal__title",size:F.uM.M,type:F.L9.H1,children:"Souscrire par téléphone"}),(0,v.jsx)(Y.EY,{className:"recall-header-modal__subtitle",children:"Gratuitement, en 5 minutes"})]}),(0,v.jsxs)("div",{className:"recall-header-modal__cards",children:[(0,v.jsxs)(H.Z,{className:"recall-header-modal__card",color:"highlight-fourth-light",children:[(0,v.jsxs)("div",{className:"recall-header-modal__card-content",children:[(0,v.jsx)("img",{className:"recall-header-modal__card-image",src:G,alt:"Texte bulle",loading:"lazy"}),(0,v.jsxs)("div",{className:"recall-header-modal__card-text",children:[(0,v.jsx)(F.hE,{size:F.uM.XS,type:F.L9.H2,children:"Se faire rappeler"}),(0,v.jsx)(Y.EY,{size:Y.$C.BODY_SMALL,color:Y.r7.CONTENT_SECONDARY,children:"Nous vous rappelons en moins de 15 minutes du lundi au vendredi (9h - 19h)."})]})]}),i?(0,v.jsxs)("div",{className:"recall-header-modal__success-message",children:[(0,v.jsx)(o.Icon,{type:o.IconType.CHECK_MARK_FILLED,size:24,color:U.h.GREEN}),(0,v.jsx)(Y.EY,{className:"recall-header-modal__success-text",color:Y.r7.GREEN,size:Y.$C.BODY_SMALL,children:"Votre demande d’appel a été prise en compte."})]}):(0,v.jsxs)("form",{className:"recall-header-modal__form-phone",onSubmit:t(r),children:[(0,v.jsx)(V.I,{className:"recall-header-modal__form-phone-input",isHiddenLabel:!0,placeholder:"Votre numéro",name:"phone",hookForm:{control:e},error:a.phone,"aria-invalid":!!a.phone,showCountrySelect:!1}),(0,v.jsx)(o.Button,{className:"recall-header-modal__form-phone-submit",usage:o.ButtonUsage.PRIMARY,isDisabled:!s,buttonSize:o.ButtonSize.M,children:f.Lj.RECALL_SEND_NUMBER})]})]}),(0,v.jsxs)(H.Z,{className:"recall-header-modal__card",color:"highlight-fourth-light",children:[(0,v.jsxs)("div",{className:"recall-header-modal__card-content",children:[(0,v.jsx)("img",{className:"recall-header-modal__card-image",src:Z,alt:"bulle de texte",loading:"lazy"}),(0,v.jsxs)("div",{className:"recall-header-modal__card-text",children:[(0,v.jsx)(F.hE,{size:F.uM.XS,type:F.L9.H2,children:"Prendre RDV"}),(0,v.jsx)(Y.EY,{size:Y.$C.BODY_SMALL,color:Y.r7.CONTENT_SECONDARY,children:"Nous vous rappelons au créneau que vous choisissez."})]})]}),(0,v.jsx)(o.Button,{className:"recall-header-modal__appointment-button",usage:o.ButtonUsage.PRIMARY,buttonSize:o.ButtonSize.M,onClick:l,children:f.Lj.RECALL_CHOOSE_SLOT})]})]}),(0,v.jsxs)("div",{className:"recall-header-modal__call-us",children:[(0,v.jsx)(F.hE,{size:F.uM.XS,type:F.L9.H2,children:"Ou appelez-nous"}),(0,v.jsx)(Y.EY,{color:Y.r7.CONTENT_SECONDARY,children:"Du lundi au vendredi de 9h à 19h"}),(0,v.jsx)("div",{className:"recall-header-modal__call-button",children:c?(0,v.jsxs)("div",{className:"recall-header-modal__call-number-container",children:[(0,v.jsx)(o.Icon,{type:o.IconType.PHONE}),(0,v.jsx)(F.hE,{type:F.L9.H3,size:F.uM.XS,children:"05 54 65 41 87"})]}):(0,v.jsx)(o.Button,{onClick:d,usage:o.ButtonUsage.SECONDARY,buttonSize:o.ButtonSize.M,icons:{left:o.IconType.PHONE},children:f.Lj.RECALL_DISPLAY_NUMBER})})]})]})}var J=t(80677);function Q(e){let{isActive:n,isScrolled:t,isOnHomepage:a,scrollDirection:s,scrollTop:r,hasDarkBackgroun

1d:i=!1}=e;const{isMobile:l,isMenuOpen:c,isAuthWithUserData:h,isRecallModalVisible:p,handleEstimateCta:_,handleLoginCta:b,handleSubscribeByPhoneClick:g,handleCloseRecallModal:N,onClickLogo:x,menuToggleHandler:S,desktopMenuItems:j,mobileMenuItems:L,style:k}=T({isActive:n,isScrolled:t,isOnHomepage:a,scrollDirection:s,scrollTop:r,hasDarkBackground:i});return(0,v.jsxs)("header",{className:E()("header-container",k.openMenuClass,k.headerBackground,k.activeClass,k.showHeader),"data-testid":"test-header",children:[(0,v.jsxs)("div",{className:E()("navbar-container__brand",t&&"navbar-container__brand--brand-accent-background"),children:[(0,v.jsx)(Y.EY,{color:Y.r7.VOLT,size:Y.$C.BODY_DEFAULT,className:"navbar-container__brand--text",children:"Besoin d’aide pour souscrire un contrat ?"}),(0,v.jsx)(o.Button,{usage:o.ButtonUsage.SECONDARY,isReversed:!t,buttonSize:o.ButtonSize.S,onClick:g,className:"navbar-container__brand--button",icons:{left:o.IconType.PHONE,size:16},disableTextOffset:!0,children:f.Lj.RECALL_SUBSCRIBE_BY_PHONE})]}),(0,v.jsx)("div",{className:"navbar-container__navbar-wrapper",children:(0,v.jsxs)("div",{className:E()("navbar-container",k.openMenuClass,i&&"navbar-container--has-dark-background"),children:[(0,v.jsx)("button",{type:"button",onClick:x,className:E()("navbar-container__logo",k.showLogo,k.transparentLogo,c&&"navbar-container__logo--menu-open"),"data-testid":"test-logo","aria-label":"logo",children:(0,v.jsx)("img",{src:"primary"===k.logoColor?u:d,alt:"logo ilek",id:"logo",className:"navbar-container__img"})}),(0,v.jsx)("nav",{className:E()("navbar-container__nav navbar-container__nav--mobile",c&&"isMenu"),"data-testid":"test-mobile-menu-items",children:(0,v.jsx)(C,{items:L,className:"navbar-container__nav__list",isActive:n,isScrolled:t})}),(0,v.jsx)("nav",{className:"navbar-container__nav navbar-container__nav--desktop","data-testid":"test-desktop-menu-items",children:(0,v.jsx)(C,{items:j,className:"navbar-container__nav__list",isActive:n,isScrolled:t})}),(0,v.jsxs)("div",{className:"navbar-container__ctas banner-container\n            ".concat(k.invisibleMenu?"navbar-container__ctas--hidden":""),children:[c&&(0,v.jsxs)("div",{className:"navbar-container__ctas__mobile-brand-banner",children:[(0,v.jsx)(Y.EY,{color:Y.r7.CONTENT_DEFAULT,size:Y.$C.BODY_DEFAULT,className:"navbar-container__brand--text",children:"Besoin d’aide pour souscrire un contrat ?"}),(0,v.jsx)(o.Button,{usage:o.ButtonUsage.SECONDARY,buttonSize:o.ButtonSize.S,onClick:g,className:"navbar-container__ctas__mobile-brand-banner--button subscription-button",icons:{left:o.IconType.PHONE,size:16},disableTextOffset:!0,children:f.Lj.RECALL_SUBSCRIBE_BY_PHONE})]}),(0,v.jsxs)("div",{className:"navbar-container__ctas__buttons-container",children:[(0,v.jsx)(o.Button,{className:"ctas-button",usage:o.ButtonUsage.PRIMARY,buttonSize:o.ButtonSize.S,isReversed:!0,onClick:b,children:h?"Espace client":"Mon compte"}),h?(0,v.jsx)(o.Button,{className:E()("ctas-button","navbar-container__ctas--button",!n&&"navbar-container__ctas--button-primary",t&&"navbar-container__ctas--button-primary-scrolled",k.activeClass&&"navbar-container__ctas--button-active"),usage:l?o.ButtonUsage.PRIMARY:o.ButtonUsage.LINK,buttonSize:l?o.ButtonSize.S:o.ButtonSize.M,onClick:_,children:"Déconnexion"}):(0,v.jsx)(o.Button,{usage:o.ButtonUsage.CONVERSION,buttonSize:o.ButtonSize.S,onClick:_,className:"ctas-button",children:"Estimer en ligne"})]})]}),(0,v.jsx)(m.U,{onClick:S,className:E()("navbar-container__toggle",k.invisibleMenu&&"navbar-container__toggle--hidden"),"data-testid":"test-hamburger",isMenuOpen:c})]})}),p&&(0,v.jsx)(J.a,{body:(0,v.jsx)(X,{}),closeModal:N})]})}const ee=(0,g.memo)(Q);var ne=t(23198),te=t(94399),ae=t(51624),oe=t(30923),se=t(4224);const re=["isActive","isScrolled","isOnHomepage","children","className","scrollTop","id","noCrawl","hasDarkBackground","hideHeader"];function ie(e){var n;let{isActive:t=!1,isScrolled:d,isOnHomepage:u=!1,children:m,className:p,scrollTop:_,id:b,noCrawl:g,hasDarkBackground:N,hideHeader:x=!1}=e,C=(0,a.A)(e,re);const S=(0,se.w)(),E=(0,oe.A)(),f=(0,B.ki)(),j=(0,h.useLocation)(),{variant:L}=(0,ae.i)({experimentName:te.g.RECALL_HEADER_ILEK_FRONT}),k=null===(n=j.pathname)||void 0===n?void 0:n.startsWith(M.y.LOGIN);return(0,v.jsxs)("div",{id:b,className:p,"data-testid":"test-layout",style:{display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",boxSizing:"border-box"},children:[!x&&(L&&!k?(0,v.jsx)(ee,{isActive:t,isScrolled:d,isOnHomepage:u,scrollDirection:f,scrollTop:_,hasDarkBackgroun

1d:N}):(0,v.jsx)(P,{isActive:t,isScrolled:d,isOnHomepage:u,scrollDirection:f,scrollTop:_,hasDarkBackground:N})),(0,v.jsx)(s.v,{rest:C,pathname:j.pathname,noCrawl:g}),m,(0,v.jsx)(l.A,{}),(0,v.jsx)(i.A,{}),(0,v.jsx)(o.SnackBar,{items:S,onRemoveItem:E}),"/login"!==j.pathname&&(0,v.jsx)(c.w,{}),(0,v.jsx)(r.A,{}),(0,v.jsx)(ne.A,{})]})}}};