1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["containers_faq_index_js"],{7113:(e,t,n)=>{n.r(t),n.d(t,{default:()=>se});var a=n(2540),i=n(3696),r=n(2697),o=n(9208),s=n(7435),l=n(8710),d=n(5508);function c(e){let t=e.replace(/^\s+|\s+$/g,"").toLowerCase();const n="à áäâèéëêìÃïîòóöôùúüûñç·/_,:;";for(let e=0,a=28;e<a;e++)t=t.replace(new RegExp(n.charAt(e),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(e));return t=t.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-"),t}var u=n(1803),g=n(9263),m=n(9949),p=n(9202),h=n(7146),f=n(5276),v=n(528),b=n(5022),x=n(8098),y=n(2494),w=n(5648),k=n(9503);n.p,k.Ay.div` 2 max-width: 1000px; 3 margin: 0 auto; 4 padding-top: 200px; 5 6 background-image: url(${e=>e.faqMobile}); 7 background-repeat: no-repeat; 8 background-position: 50% 30px; 9 10 font-size: ${({theme:e})=>e.rootFontSize?e.rootFontSize:"16px"}; 11 color: #515151; 12 13 @media screen and (min-width: 768px) { 14 background-image: url(${e=>e.faqDesktop}); 15 background-position: 50% 55px; 16 padding-top: 290px; 17 } 18 19 h2 { 20 color: #4a4a4a; 21 font-size: 1.5625em; 22 font-weight: ${({theme:e})=>e.boldWeight?e.boldWeight:"bold"}; 23 24 @media screen and (min-width: 768px) { 25 font-size: 1.75em; 26 } 27 } 28 29 h3 { 30 font-size: 1em; 31 letter-spacing: 0; 32 line-height: 1.2777777778; 33 color: #515151; 34 font-weight: ${({theme:e})=>e.boldWeight?e.boldWeight:"bold"}; 35 36 @media screen and (min-width: 768px) { 37 font-size: 1.125em; 38 } 39 } 40 41 li { 42 font-size: 0.875em; 43 } 44 45 strong { 46 font-weight: ${({theme:e})=>e.boldWeight?e.boldWeight:"bold"}; 47 color: #515151; 48 } 49 50 a { 51 color: inherit; 52 font-weight: ${({theme:e})=>e.boldWeight?e.boldWeight:"bold"}; 53 text-decoration: none; 54 55 &:hover { 56 text-decoration: underline; 57 } 58 } 59 60 .contacts { 61 max-width: 38em; 62 padding-bottom: 50px; 63 64 a { 65 color: red; 66 } 67 68 h3 { 69 margin-bottom: 0; 70 font-size: 1em; 71 72 @media screen and (min-width: 768px) { 73 font-size: 1.25em; 74 } 75 } 76 77 p { 78 margin-top: 10px; 79 font-size: 1em; 80 81 @media screen and (min-width: 768px) { 82 font-size: 1.125em; 83 } 84 } 85 86 .intro { 87 font-size: 0.875em; 88 89 @media screen and (min-width: 768px) { 90 font-size: 1em; 91 } 92 } 93 } 94 95 .service-client-tel { 96 background-image: url('/assets/images/telephone.png'); 97 height: 34px; 98 display: inline-block; 99 background-repeat: no-repeat; 100 background-position: -6px -17px; 101 background-size: auto 70px; 102 width: 268px; 103 vertical-align: middle; 104 position: relative; 105 overflow: hidden; 106 107 .sr-only { 108 display: inline-block; 109 position: absolute; 110 width: 0; 111 height: 0; 112 line-height: 0; 113 top: -100px; 114 left: -100px; 115 } 116 } 117 118 .gotofaq { 119 text-align: center; 120 121 a { 122 text-decoration: underline; 123 } 124 } 125`;const j=k.Ay.div` 126 display: grid; 127 grid-template-columns: repeat(2, 1fr); 128 grid-gap: calc(var(--spacing-unit) * 6); 129 130 @media screen and (max-width: 540px) { 131 grid-template-columns: repeat(1, 1fr); 132 grid-gap: calc(var(--spacing-unit) * 3); 133 } 134 135 > a { 136 justify-content: center; 137 } 138`,A=k.Ay.div` 139 border-radius: var(--radius-clickable-card); 140 background-color: ${e=>!0===e.connected?"rgba(241,242,245,0.93)":"#FFFFFF"}; 141 box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.08); 142 padding: 13px 15px 14px 15px; 143 margin-bottom: 20px; 144 145 a, 146 a:visited { 147 color: var(--color-grey-4); 148 } 149 150 @media screen and (min-width: 768px) { 151 padding: 15px 16px; 152 } 153 154 ol { 155 list-style: none; 156 padding: 0; 157 margin: 0; 158 } 159 160 ol > li { 161 margin-bottom: 10px; 162 color: #515151; 163 } 164 165 ol > li strong { 166 display: inline-block; 167 margin-bottom: 10px; 168 } 169`,M=k.Ay.span` 170 display: block; 171 background-image: url('/PACKAGE_VERSION/assets/images/[email protected]'); 172 background-repeat: no-repeat; 173 background-position: left 2px; 174 background-size: 16px 16px; 175 padding: 0 0 10px 20px; 176 font-size: 15px; 177 color: #f35b63; 178`,C=k.Ay.div` 179 @media (min-width: 768px) { 180 padding-right: 0.75rem; 181 } 182`;var S=n(8201),z=n(6311);const T=i.lazy((()=>n.e("designSystem_form_FieldError_index_js").then(n.bind(n,7211)))),F=({input:e={},meta:t={},label:n,helperText:r,options:o,labelPosition:s,handleChange:l})=>{const{error:d,submitError:c,dirty:u,dirtySinceLastSubmit:g}=t;return(0,a.jsxs)(z.u,{error:!(!d&&!c||!u),onChange:l,labelPosition:s,children:[(0,a.jsx)("label",{htmlFor:e.name,children:n}),(0,a.jsx)("select",{id:e.name,name:e.name,onChange:e.onChange,children:o.length>0&&o.map(((t,n)=>(0,a.jsx)("option",{value:t.value,children:t.label},e.name+"-option-"+n)))}),r&&(0,a.jsx)("span",{className:"helperText",children:r}),(d||c)&&u&&!g&&(0,a.jsx)(i.Suspense,{fallback:null,children:(0,a.jsx)(T,{msg:d||c})})]})};var I=n(8806),$=n(2642),E=n(4658),O=n(6796),P=(e,t,n)=>new Promise(((a,i)=>{var r=e=>
182{try{s(n.next(e))}catch(e){i(e)}},o=e=>{try{s(n.throw(e))}catch(e){i(e)}},s=e=>e.done?a(e.value):Promise.resolve(e.value).then(r,o);s((n=n.apply(e,t)).next())}));const q=()=>{var e;const[t,n]=(0,i.useState)(!1),s=(0,b.wA)(),d=(0,l.A)(),{data:{config:c}}=(0,r.IT)(o.uD),{complete:u,data:g}=(0,$.I)({fragment:o.$8,fragmentName:"FragmentUserId",from:{__typename:"User",currentUser:"currentUser"}}),{loading:m,error:p,data:h}=(0,r.IT)(o.G9),[k,{loading:j,error:A,data:z}]=(0,E.n)(O.WD);(0,i.useEffect)((()=>{!j&&z&&s((0,w.P0)({text:d.formatMessage({id:"contact.messageReceived"})}))}),[j,z,s,d]);const T=e=>{var t;(null==(t=c.config.customContactFields)?void 0:t.ids.includes(e.target.value))?n(!0):n(!1)};return(null==(e=null==h?void 0:h.supportConfig)?void 0:e.config)&&(0,a.jsx)(f.lV,{initialValues:{email:(null==g?void 0:g.email)||""},onSubmit:(e,t)=>P(void 0,[e,t],(function*(e,{reset:t}){const n=yield(e=>P(void 0,null,(function*(){const t={email:e.email,supportId:e.supportId,message:e.message};let n="";e.customerName&&(n+=`Nom client : ${e.customerName}\n`),e.customerReference&&(n+=`Ref client : ${e.customerReference}\n`),n&&(t.message=`${n}\n${t.message}`);try{return yield k({variables:{data:t}})}catch(e){return{[v.Ym]:e.message}}})))(e);if(n["FINAL_FORM/form-error"])return{[v.Ym]:d.formatMessage({id:"common.errors.genericError"})};t({email:(null==g?void 0:g.email)||"",supportId:e.supportId,message:""})})),children:({handleSubmit:e,submitting:n,pristine:i,errors:r,submitError:o})=>{var s,l;return(0,a.jsxs)("form",{onSubmit:e,id:"contact",children:[(0,a.jsx)("h2",{children:d.formatMessage({id:"contact.title"})}),(0,a.jsx)("p",{children:d.formatMessage({id:"contact.intro"})}),(0,a.jsx)(f.D0,{name:"email",component:S.A,validate:(0,y.sg)(y.gx,y.B9),placeHolder:d.formatMessage({id:"contact.emailPlaceholder"}),label:d.formatMessage({id:"contact.emailLabel"}),type:"email"}),(0,a.jsx)(f.D0,{label:d.formatMessage({id:"contact.subjectLabel"}),name:"supportId",validate:y.gx,type:"select",component:F,labelPosition:"top",handleChange:T,options:[{label:d.formatMessage({id:"contact.selectSubject"}),value:""},...h.supportConfig.config.map((e=>({label:e.title,value:e.id})))]}),t&&(0,a.jsx)(a.Fragment,{children:null==(s=c.config.customContactFields)?void 0:s.fields.map((e=>(0,a.jsx)(f.D0,{name:e.id,component:S.A,validate:e.mandatory?y.gx:void 0,placeHolder:e.placeholder,label:e.label,type:e.type},e.id)))}),(0,a.jsx)(f.D0,{name:"message",component:I.A,rows:8,label:t?null==(l=c.config.customContactFields)?void 0:l.descriptionLabel:void 0,validate:y.gx,placeHolder:d.formatMessage({id:"contact.messageFieldPlaceholder"}),multiline:!0}),o&&(0,a.jsx)(M,{children:o}),(0,a.jsx)(C,{children:(0,a.jsx)(x.j,{type:"submit",disabled:n||i||Object.keys(r).length,children:d.formatMessage({id:"contact.sendMessageCta"})})})]})}})},N=k.Ay.div` 183 margin-top: calc(var(--spacing-unit) * 11); 184 185 a, 186 a:visited { 187 color: var(--color-grey-4); 188 } 189 190 .contacts { 191 max-width: 38em; 192 padding-bottom: 50px; 193 194 h3 { 195 margin-bottom: 0; 196 font-size: 1em; 197 198 @media screen and (min-width: 768px) { 199 font-size: 1.25em; 200 } 201 } 202 203 p { 204 margin-top: 10px; 205 font-size: 1em; 206 207 @media screen and (min-width: 768px) { 208 font-size: 1.125em; 209 } 210 } 211 } 212`;function U(){const e=(0,l.A)(),{canSeeContactForm:t,loading:n}=(0,h.Ny)();return(0,a.jsx)(N,{children:(0,a.jsxs)("div",{className:"contacts",children:[!n&&t&&(0,a.jsx)(q,{}),(0,a.jsx)("div",{dangerouslySetInnerHTML:{__html:e.formatMessage({id:"contact.otherContacts"})}})]})})}var _=n(3321);const L=n.p+"assets/icons/up-chevron-0b35ff424427c9522ab7790a8214dc0c.svg",D=k.Ay.div` 213 header, 214 footer span { 215 background-image: url(${({opened:e})=>e?L:_.A}); 216 background-repeat: no-repeat; 217 background-position: right center; 218 background-size: 12px auto; 219 cursor: pointer; 220 margin: 0; 221 padding-right: 20px; 222 } 223 224 footer { 225 height: 20px; 226 text-align: right; 227 } 228 229 > div { 230 overflow: hidden; 231 transition: max-height 0.25s ease-in-out; 232 233 ${({opened:e})=>e?"\n\t\tmax-height: 6000px;\n\t\theight: auto;\n\t\t":"\n\t\tmax-height: 0px;\n\t\theight: 0px;\n\t\t\t\t"}; 234 } 235`,B=({headerContent:e,children:t})=>{const[n,r]=(0,i.useState)(!1),o=()=>"string"==typeof e?(0,a.jsx)("h3",{children:e}):e;return(0,a.jsxs)(D,{opened:n,children:[(0,a.jsx)("header",{onClick:()=>r(!n),children:(0,a.jsx)(o,{})}),(0,a.jsxs)("div",{children:[t,(0,a.jsx)("footer",{children:(0,a.jsx)("span",{onClick:()=>r(!n)})})]})]})},W=k.Ay.div` 236 width: ${({width:e})=>e||0}; 237 height: 1px; 238 border-top: ${({height:e})=>e||0} solid ${({color:e})=>e||"#e5e5e5"}; 239 margin: ${({margin:e})=>e||"0px"}; 240`,R=({color:e,width:t,height:n,margin:i})=>(0,a.jsx)(W,{color:e,width:t,height:n,margin:i});var V=n(4437);const Y=n.p+"assets/icons/feedback-ba7ad9fd02ddd1a37b7404f7896d1225.svg",G=k.Ay.div` 241 display: flex; 242 align-items: center; 243 flex-direction: column; 244 text-align: center; 245 246 p { 247 font-size: var(--small-text-size); 248 max-width: 320px; 249 margin: 0 auto; 250 } 251 252 strong {
253 font: var(--heading4-sh); 254 font-weight: var(--heading4-weight); 255 background-image: url(${Y}); 256 background-repeat: no-repeat; 257 background-position: 5px 5px; 258 padding: 5px 5px 5px 40px; 259 margin-bottom: 5px; 260 } 261 262 .buttons { 263 display: flex; 264 justify-content: space-around; 265 266 button { 267 border: 2px solid #e8e8e8; 268 border-radius: 5px; 269 padding: 4px 16px; 270 transition: all 0.3s; 271 &:hover { 272 border-color: #000; 273 } 274 } 275 } 276`,H=()=>{const e=(0,l.A)();return(0,a.jsx)("p",{children:e.formatMessage({id:"faq.inOrderToBetterHelpYou",defaultMessage:"Pour mieux identifier et résoudre votre problème vous pouvez vous rendre en bas de page {link}"},{link:(0,a.jsx)(V.Vq,{smooth:!0,to:"#contact",children:e.formatMessage({id:"faq.goToContacts",defaultMessage:'dans la section "Contacts".'})})})})};function K({isUseful:e,messageToNegativeFeedback:t}){const n=(0,l.A)();return(0,a.jsxs)(G,{children:[(0,a.jsx)("strong",{children:n.formatMessage({id:"faq.thanksForYourFeedback",defaultMessage:"Merci pour votre retour"})}),"Negative"===e?t?(0,a.jsx)("div",{children:t}):(0,a.jsx)(H,{}):null]})}const J=n.p+"assets/icons/emojiNoIcon-234c48f3131e9c3ca090ce839a11e0c2.svg",Z=n.p+"assets/icons/emojiYesIcon-6338c853a156e3e1d2fe07ce11e0a824.svg",X=k.Ay.button` 277 cursor: pointer; 278 border: 2px solid #e8e8e8; 279 border-radius: 5px; 280 padding: 6px 16px 6px 60px; 281 transition: all 0.3s; 282 background-image: url(${({answer:e})=>"Positive"===e?Z:J}); 283 background-repeat: no-repeat; 284 background-position: 18px; 285 &:hover { 286 border-color: #000; 287 } 288`,Q=({label:e,answerType:t,handleClick:n})=>(0,a.jsx)(X,{onClick:()=>{n(t)},answer:t,children:e}),ee=k.Ay.div` 289 display: flex; 290 justify-content: space-around; 291 width: 300px; 292 margin: 0 auto; 293`,te=k.Ay.h3` 294 text-align: center; 295 font: var(--body1-sh); 296`;function ne({getFeedback:e}){const t=(0,l.A)(),n=t=>{e(t)};return(0,a.jsxs)("div",{children:[(0,a.jsx)(te,{children:t.formatMessage({id:"faq.isAnswerUsefull",defaultMessage:"Cette réponse vous a-t-elle été utile ?"})}),(0,a.jsxs)(ee,{children:[(0,a.jsx)(Q,{handleClick:n,answerType:"Positive",label:t.formatMessage({id:"faq.answerIsUsefull",defaultMessage:"Oui"})}),(0,a.jsx)(Q,{handleClick:n,answerType:"Negative",label:t.formatMessage({id:"faq.answerIsUseless",defaultMessage:"Non"})})]})]})}const ae=({question:e,answer:t})=>{const[n,r]=(0,i.useState)("");return(0,a.jsx)(ie,{question:e,answer:t,isUseful:n,answerIsUseful:e=>{r(e)}})},ie=({question:e,answer:t,isUseful:n,answerIsUseful:i})=>(0,a.jsx)(A,{children:(0,a.jsxs)(B,{headerContent:e,children:[(0,a.jsx)("div",{dangerouslySetInnerHTML:{__html:t}}),(0,a.jsx)(R,{width:"146px",height:"2px",margin:"24px auto"}),n?(0,a.jsx)(K,{isUseful:n}):(0,a.jsx)(ne,{getFeedback:i})]})});var re=(e,t,n)=>new Promise(((a,i)=>{var r=e=>{try{s(n.next(e))}catch(e){i(e)}},o=e=>{try{s(n.throw(e))}catch(e){i(e)}},s=e=>e.done?a(e.value):Promise.resolve(e.value).then(r,o);s((n=n.apply(e,t)).next())}));const oe=new d.A;function se(){const[e,t]=(0,i.useState)(),[n,l]=(0,i.useState)(),{data:{config:d}}=(0,r.IT)(o.uD),{hash:m}=(0,s.zy)();return(0,i.useEffect)((()=>{!function(){re(this,null,(function*(){const e=yield function(e){return re(this,null,(function*(){const t=oe.getBrandConfUrl(),n=yield fetch(`${t}/new_faq_${e}.json`);return yield n.json()}))}("fr"),n=d.config.trigram,a=e.categories.filter((({displayOnBrand:e})=>void 0===e||e.includes(n))),i=e.questions.filter((({displayOnBrand:e})=>void 0===e||e.includes(n)));l(a),t(i)}))}()}),[d.config.trigram]),n&&e?(0,a.jsxs)(g.Wt,{paddingUnit:3,maxWidth:"567px",children:[m?(0,a.jsx)(le,{categories:n,questions:e}):(0,a.jsx)(j,{children:n.map((({name:e},t)=>(0,a.jsx)(p.D,{href:`/faq#${c(e)}`,title:e},t)))}),(0,a.jsx)(U,{}),(0,a.jsx)(u.y,{})]}):null}const le=({categories:e,questions:t})=>{const{hash:n}=(0,s.zy)(),[r,o]=(0,i.useState)(n.substring(1)),d=(0,s.Zp)(),u=(0,l.A)();(0,i.useEffect)((()=>{n&&"#contact"!==n&&o(n.substring(1))}),[n]);const g=e.map((({name:e})=>({label:e,value:c(e)}))),p=e.map((({name:e,value:t})=>[c(e),t])),h=Object.fromEntries(p);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(m.A,{options:g,hasLabel:!1,handleChange:function(e){d(`#${e}`)},selectedOption:r,children:(0,a.jsx)("p",{children:u.formatMessage({id:"faq.selectCategory"})})}),t.filter((({category:e})=>e===h[r])).map((({question:e,answer:t},n)=>(0,a.jsx)(ae,{question:e,answer:t},n+r)))]})}}
296,9949:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(2540),i=(n(3696),n(9503)),r=n(6311);const o=(0,i.Ay)(r.u)` 297 label { 298 padding-right: calc(var(--spacing-unit) * 3); 299 font-weight: ${e=>e.theme.boldWeight?e.theme.boldWeight:"bold"}; 300 font: var(--small1-sh) ${({theme:e})=>e.mainFontFamily}; 301 } 302`,s=({options:e,handleChange:t,hasLabel:n=!0,selectedOption:i,children:r})=>(0,a.jsxs)(o,{children:[n&&(0,a.jsx)("label",{htmlFor:"filter",children:r||"Filtrer"}),(0,a.jsx)("select",{id:"filter",onChange:e=>{t(e.target.value)},value:i,children:e.map((e=>(0,a.jsx)("option",{value:e.value,children:e.label||e.name},e.value)))})]})},9202:(e,t,n)=>{n.d(t,{D:()=>u});var a=n(2540),i=(n(3696),n(9503));const r=n.p+"assets/icons/right-arrow-f41e6bfd601e10c889a682dd0768cea6.svg",o=i.Ay.a` 303 background: var(--color-white); 304 padding: 24px 12px; 305 display: flex; 306 align-items: center; 307 justify-content: start; 308 box-shadow: var(--shadow); 309 cursor: pointer; 310 border-radius: var(--radius-clickable-card); 311 text-decoration: none; 312 313 &:hover { 314 box-shadow: var(--shadow-hover); 315 } 316 317 &.rightArrow { 318 background-image: url(${r}); 319 background-repeat: no-repeat; 320 background-position: right calc(var(--spacing-unit) * 6) center; 321 background-size: 12px 12px; 322 padding-right: calc(var(--spacing-unit) * 10); 323 } 324 325 span { 326 display: flex; 327 flex-direction: column; 328 .titleMenu { 329 font-weight: var(--heading3-weight); 330 font-size: var(--heading3-size); 331 line-height: var(--heading3-line-height); 332 color: var(--color-darkgrey); 333 display: block; 334 margin-bottom: var(--spacing-unit); 335 } 336 .descriptionMenu { 337 display: block; 338 font-weight: var(---body-text-weight); 339 font-size: var(--body-text-size); 340 line-height: var(--body-text-line-height); 341 color: var(--color-darkgrey); 342 } 343 } 344 img { 345 width: 30px; 346 height: 30px; 347 margin-right: 16px; 348 } 349 350 @media (min-width: 680px) { 351 flex-direction: column; 352 align-items: flex-start; 353 justify-content: center; 354 padding: 20px 32px; 355 margin: 0; 356 span { 357 .titleMenu { 358 margin: 8px 0px; 359 } 360 } 361 } 362`,s=n.p+"assets/icons/cog-aef6ce79c3bc8526178d63324a4caef4.svg",l=n.p+"assets/icons/letter-0f90fc344bbc3885509b7fee81904228.svg",d=n.p+"assets/icons/star-dc2e5ecd1ce5e09241f673707c1f6390.svg",c=n.p+"assets/icons/question-ad4504cea396db054a22d0aef10c026b.svg",u=({icon:e,title:t,href:n,description:i,handleClick:r})=>{switch(e){case"user":e=s;break;case"letter":e=l;break;case"star":e=d;break;case"faq":e=c}return(0,a.jsxs)(o,{href:n,onClick:r,className:e?"":"rightArrow",children:[e&&(0,a.jsx)("img",{src:e,alt:""}),(0,a.jsxs)("span",{className:"containerTextCard",children:[(0,a.jsx)("span",{className:"titleMenu",children:t}),i&&(0,a.jsx)("span",{className:"descriptionMenu",children:i})]})]})}},6311:(e,t,n)=>{n.d(t,{u:()=>a});const a=n(9503).Ay.div` 363 display: block; 364 padding: var(--spacing-unit); 365 margin-bottom: calc(var(--spacing-unit) * 4); 366 367 label { 368 color: var(--color-grey-4); 369 ${({labelPosition:e,theme:t})=>"left"===e?`padding-right: calc(var(--spacing-unit) *3);\n\t\t\tfont-weight: ${t.boldWeight?t.boldWeight:"bold"};\n\t\t\tfont: var(--small1-sh) ${t.mainFontFamily};`:""}; 370 ${({labelPosition:e,theme:t})=>"top"===e?`display: block;\n\t\tfont: var(--body2-sh) ${t.mainFontFamily};\n\t\tmargin-bottom: var(--spacing-unit);`:""}; 371 } 372 373 select { 374 border: 1px solid var(--color-grey-1); 375 border-radius: var(--radius-card); 376 font: var(--small1-sh) ${({theme:e})=>e.mainFontFamily}; 377 378 options { 379 font: inherit; 380 } 381 } 382`},7146:(e,t,n)=>{n.d(t,{Ny:()=>v,yi:()=>s,rv:()=>a.r,_J:()=>f,pK:()=>l.p});var a=n(2391),i=n(2697),r=n(9208);const o=new(n(5508).A);function s(e=""){const{data:{config:t}}=(0,i.IT)(r.uD);return t.config.magazineRedirections?t.config.magazineRedirections.prod+e:"https://boutique."+o.getDomain()+e}var l=n(5107),d=(n(7469),n(3696)),c=n(5339),u=n(5022),g=n(5648),m=n(8710),p=n(2583);var h=n(153);const f=()=>{var e,t,n,a;const o=(0,u.wA)(),l=(0,m.A)(),[f,v]=(0,d.useState)((new Date).getFullYear()),[b,x]=(0,d.useState)(!1),[y,w]=(0,d.useState)(null),[k,j]=(0,d.useState)(null),{data:{config:A}}=(0,i.IT)(r.uD),{availableBrandsMag:M,loading:C}=(()=>{const{data:e}=(0,i.IT)(r.uJ),[t,{data:n,loading:a}]=(0,c._)(r.UV);return(0,d.useEffect)((()=>
382{if(t({variables:{expired:"ALL",brands:"*",status:"all"}}),!a&&n){const{me:e}=n,{paymentSubscriptions:t}=e;if(t&&t.items){const e=t.items.map((e=>{var t;if((null==(t=e.rights)?void 0:t.includes("paid-web-magazine"))&&["succeeded","pending","pending_cancel"].includes(e.status))return e.brandId})).filter((e=>void 0!==e)),n=e.length>0?[...new Set(e)]:[];(0,p._B)(n)}}}),[t,n,a]),{availableBrandsMag:null==e?void 0:e.availableBrandsMag,loading:a}})(),[S,{data:z,loading:T,error:F}]=(0,c._)(r.n),[I,{data:$,error:E}]=(0,c._)(r.EH),O=s(),P=(0,d.useMemo)((()=>{var e,t;return(null==(t=null==(e=null==z?void 0:z.me)?void 0:e.magazines)?void 0:t.availableYears)||[]}),[null==(t=null==(e=null==z?void 0:z.me)?void 0:e.magazines)?void 0:t.availableYears]),q=(0,d.useMemo)((()=>P.map((e=>({value:e,label:e}))).reverse()),[P]),N=(0,d.useMemo)((()=>{if(!(null==M?void 0:M.length))return[];return[A.config.trigram,...M.filter((e=>e!==A.config.trigram))].map((e=>({name:h[e],id:e})))}),[M,A.config.trigram]),U=(null==(a=null==(n=null==z?void 0:z.me)?void 0:n.magazines)?void 0:a.edges)||[];(0,d.useEffect)((()=>{(E||F)&&o((0,g.P0)({text:l.formatMessage({id:"common.errors.genericError"}),type:"error"}))}),[E,F,o,l]),(0,d.useEffect)((()=>{N.length>0&&!y&&(w(N[0].id),j({brand:N[0].id,page:1}))}),[N,y]),(0,d.useEffect)((()=>{(null==M?void 0:M.length)>0&&y&&f&&(S({variables:{brands:[y.toUpperCase()],limit:100,year:`${f}`}}),j({brand:y,page:1}))}),[y,f,S,M]),(0,d.useEffect)((()=>{if(!T&&!b&&P.length>0){if(P.some((e=>String(e)===String(f))))x(!0);else{const e=P[P.length-1];v(e),S({variables:{brands:[y.toUpperCase()],limit:100,year:String(e)}})}}else b||T||0!==(null==M?void 0:M.length)||x(!0)}),[P,T,M,b,f,y,S]),(0,d.useEffect)((()=>{var e,t,n;(null==(e=null==$?void 0:$.magazineUrl)?void 0:e.url)&&(window.open(null==(t=null==$?void 0:$.magazineUrl)?void 0:t.url,"_blank")||window.location.assign(null==(n=null==$?void 0:$.magazineUrl)?void 0:n.url))}),[$]);const _=C||T,L=0===(null==M?void 0:M.length),D=(null==M?void 0:M.length)>0&&!M.includes(y),B=q.length>0,W=U.length>0;return{brand:A,navItems:N,magazines:U,filterOptions:q,year:f,brandStart:k,advertiseSubscriptionUrl:O,isLoading:_,isFilterReady:b,loadingMagazines:T,hasNoSubscription:L,currentBrandNotSubscribed:D,hasFilterOptions:B,hasMagazines:W,readMagazine:e=>new Promise((t=>{try{I({variables:{parutionId:e}}),setTimeout((()=>{t()}),1e3)}catch(e){t()}})),changeYear:e=>{v(e)},changeBrand:e=>{w(e),x(!1)}}},v=()=>{const{data:e,loading:t}=(0,i.IT)(r.UV,{variables:{expired:"ALL",brands:"*",status:"all"}});return{canSeeContactForm:(0,d.useMemo)((()=>{var t,n,a,i;return(null==(n=null==(t=null==e?void 0:e.me)?void 0:t.paymentSubscriptions)?void 0:n.items)&&(null==(i=null==(a=null==e?void 0:e.me)?void 0:a.paymentSubscriptions)?void 0:i.items.length)>0}),[e]),loading:t}}},7469:(e,t,n)=>{n.d(t,{t:()=>s,v:()=>
382o});var a=n(3696),i=n(2697),r=n(9208);function o({type:e}){const[t,n]=(0,a.useState)([]),[o,s]=(0,a.useState)(null),[l,d]=(0,a.useState)(!1),[c,u]=(0,a.useState)(0),{data:g,loading:m,error:p,fetchMore:h}=(0,i.IT)(r.AK,{variables:{where:{type:{in:{values:e.split(",")}}},offset:c,limit:30}});return(0,a.useEffect)((()=>{var e,a,i,r,d;if(!m&&!p&&!l)if((null==(i=null==(a=null==(e=null==g?void 0:g.me)?void 0:e.bookmarks)?void 0:a.edges)?void 0:i.length)>0){const e=g.me.bookmarks.edges,a=c+e.length;n([...t,...e]),null===o&&s(g.me.bookmarks.total),u(a)}else 0===(null==(d=null==(r=null==g?void 0:g.me)?void 0:r.bookmarks)?void 0:d.total)&&s(g.me.bookmarks.total)}),[g,m,p,t,l,c,o]),(0,a.useEffect)((()=>{null!==o&&c<o&&!l&&h({variables:{where:{type:{in:{values:e.split(",")}}},offset:c,limit:30}})}),[t,o,c,h,e,l]),(0,a.useEffect)((()=>{(null!==o&&t.length===o||g&&0===o||p)&&d(!0)}),[t,o,l,g,p]),{allBmks:t,done:l,error:p}}function s({type:e,brand:t}){const[n,o]=(0,a.useState)([]),[s,l]=(0,a.useState)(null),[d,c]=(0,a.useState)(!1),[u,g]=(0,a.useState)(0),{data:m,loading:p,error:h,fetchMore:f}=(0,i.IT)(r.Ud,{variables:{where:{brand:{key:{eq:t}},type:{in:{values:e.split(",")}},updatedAt:{gt:"P-30D"}},offset:u,limit:30},context:{fetchOptions:{method:"GET"}}});return(0,a.useEffect)((()=>{var e,t,a;if(!p&&!h&&!d)if((null==(t=null==(e=null==m?void 0:m.bookmarkTops)?void 0:e.edges)?void 0:t.length)>0){const e=m.bookmarkTops.edges,t=u+e.length;o([...n,...e]),null===s&&l(Math.min(m.bookmarkTops.total,30)),g(t)}else l(null==(a=null==m?void 0:m.bookmarkTops)?void 0:a.total)}),[m,p,h,n,d,u,s]),(0,a.useEffect)((()=>{null!==s&&u<30&&!d&&f({variables:{where:{brand:{key:{eq:t}},type:{in:{values:e.split(",")}},updatedAt:{gt:"P-30D"}},offset:u,limit:30},context:{fetchOptions:{method:"GET"}}})}),[n,s,u,f,e,t,d]),(0,a.useEffect)((()=>{(null!==s&&n.length>=s||0===s||h)&&c(!0)}),[n,s,d,h]),{allTops:n,done:d,error:h}}},2391:(e,t,n)=>{n.d(t,{r:()=>i});var a=n(8710);function i(e,t,n={}){const i=(0,a.A)(),r={};return t.forEach((t=>{n[t]?r[t]=i.formatMessage({id:`${e}.${t}`},n[t]):r[t]=i.formatMessage({id:`${e}.${t}`})})),r}},3321:(e,t,n)=>{n.d(t,{A:()=>a});const a=n.p+"assets/icons/down-chevron-280f5b2c7cd2039a64875a5fb21f78f0.svg"},4437:(e,t,n)=>{n.d(t,{Vq:()=>p});var a=n(3696),i=n(9348),r=function(){return r=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};var o="",s=null,l=null,d=null;function c(){o="",null!==s&&s.disconnect(),null!==l&&(window.clearTimeout(l),l=null)}function u(e){return["BUTTON","INPUT","SELECT","TEXTAREA"].includes(e.tagName)&&!e.hasAttribute("disabled")||["A","AREA"].includes(e.tagName)&&e.hasAttribute("href")}function g(){var e=null;if("#"===o)e=document.body;else{var t=o.replace("#","");null===(e=document.getElementById(t))&&"#top"===o&&(e=document.body)}if(null!==e){d(e);var n=e.getAttribute("tabindex");return null!==n||u(e)||e.setAttribute("tabindex",-1),e.focus({preventScroll:!0}),null!==n||u(e)||(e.blur(),e.removeAttribute("tabindex")),c(),!0}return!1}function m(e){return a.forwardRef((function(t,n){var u="";"string"==typeof t.to&&t.to.includes("#")?u="#"+t.to.split("#").slice(1).join("#"):"object"==typeof t.to&&"string"==typeof t.to.hash&&(u=t.to.hash);var m={};e===i.k2&&(m.isActive=function(e,t){return e&&e.isExact&&t.hash===u});var p=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n}(t,["scroll","smooth","timeout","elementId"]);return a.createElement(e,r({},m,p,{onClick:function(e){var n;c(),o=t.elementId?"#"+t.elementId:u,t.onClick&&t.onClick(e),""===o||e.defaultPrevented||0!==e.button||t.target&&"_self"!==t.target||e.metaKey||e.altKey||e.ctrlKey||e.shiftKey||(d=t.scroll||function(e){return t.smooth?e.scrollIntoView({behavior:"smooth"}):e.scrollIntoView()},n=t.timeout,window.setTimeout((function(){!1===g()&&(null===s&&(s=new MutationObserver(g)),s.observe(document,{attributes:!0,childList:!0,subtree:!0}),l=window.setTimeout((function(){c()}),n||1e4))}),0))},ref:n}),t.children)}))}var p=m(i.N_);m(i.k2)},2642:(e,t,n)=>{n.d(t,{I:()=>c});var a=n(4629),i=n(9295),r=n(1828),o=n(9093),s=n(1628),l=n(3495),d=n(4063);function c(e){return(0,l.Y)("useFragment",u,(0,o.m)(e.client))(e)}function u(e){var t,n,r,l=(0,o.m)(e.client).cache,c=e.from,u=(0,a.Tt)(e,["from"]),m=i.useMemo((function(){return"string"==typeof c?c:l.identify(c)}),[l,c]),p=(t=function(){return(0,a.Cl)((0,a.Cl)({},u),{from:m})},n=[u,m],(r=i.useRef()).current&&(0,d.L)(r.current.deps,n)||(r.current={value:t(),deps:n}),r.current.value),h=i.useMemo((function(){var e=p.fragment,t=p.fragmentName,n=p.from,i=p.optimistic,r=void 0===i||i;return{result:g(l.diff((0,a.Cl)((0,a.Cl)({},p),{returnPartialData:!0,id:n,query:l.getFragmentDoc(e,t),optimistic:r})))}}),[p,l]),f=i.useCallback((function(){return h.result}),[h]);return(0,s.r)(i.useCallback((function(e){var t=0,n=l.watchFragment(p).subscribe({next:function(n){(0,d.A)(n,h.result)||(h.result=n,clearTimeout(t),t=setTimeout(e))}});return function(){n.unsubscribe(),clearTimeout(t)}}),[l,p,h]),f,f)}function g(e){var t={data:e.result,complete:!!e.complete};return e.missing&&(t.missing=(0,r.IM)(e.missing.map((function(e){return e.missing})))),t}},153:e=>{e.exports=JSON.parse('{"cam":"Ãa m\'intéresse","ctv":"Ce soir TV","cap":"C
382apital","cac":"Cuisine Actuelle","ctm":"Côté Maison","fac":"Femme Actuelle","geo":"Geo","gen":"Gentside","neo":"Neon","omm":"Ohmymag","ptv":"Télé 2 Semaines","tel":"Télé-Loisirs","voi":"Voici","pmc":"Prisma Connect","pms":"Prismashop","frgsd":"Maxisciences","inf":"Infonity","ppr":"PassPresse","hbz":"Harper\'s Bazaar","deomm":"Oh! My Mag","degs":"Gentside","ukomm":"Oh! My Mag","ukgs":"Gentside","uksas":"See&So","desas":"See&So","frgsg":"Gamesider","frgss":"Uppercut MMA","caz":"CuisineAZ"}')}}]); 383//# sourceMappingURL=containers_faq_index_js.3203e99c.0ef15b04.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.