https://www.indigoneo.lu/_next/static/chunks/pages/design-guidelines/components/inputs-237bcc4adedbf796.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4011],{8723:(e,i,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/design-guidelines/components/inputs",function(){return a(50454)}])},19642:(e,i,a)=>{"use strict";a.d(i,{A:()=>h});var l=a(78854),n=a(64260),s=a(81158),t=a(98916),r=a(3668),d=a(51810),o=a(95937),c=a(53298),p=a(97323);class u extends r.z{constructor(e){super(e),this.handleDrag=e=>{e.preventDefault(),e.stopPropagation()},this.handleDragIn=e=>{this.handleDrag(e)},this.handleDragOut=e=>{this.handleDrag(e)},this.canAddFiles=(e,i)=>{let{maxSizePerFile:a,restrictionTypes:l,uploadLimit:n}=this.props;if(n&&i.length>=n)return this.setState({hasMaxFileError:!0}),!1;if(a&&e.size>a*d.hH)return this.setState({hasMaxSizeError:!0}),!1;if(l){let i=e.name.split("."),a=i[i.length-1];if(!l.includes(a))return this.setState({hasWrongFileTypeError:!0}),!1}return!0},this.addFiles=e=>{let{disabled:i,field:a,filesList:l,isLoading:n,onChange:s}=this.props;if(!(i||n)){let i=[...l];this.setState({hasMaxFileError:!1,hasMaxSizeError:!1,hasWrongFileTypeError:!1});for(let a=0;a<e.length;a++){let l=e[a];this.canAddFiles(l,i)&&i.push(l)}i.length>l.length&&s(a,i)}},this.deleteFile=e=>{let{disabled:i,field:a,filesList:l,isLoading:n,onChange:s}=this.props;if(!(i||n)){let i=l.splice(0);i.splice(e,1),s(a,i),this.setState({hasMaxFileError:!1,hasMaxSizeError:!1,hasWrongFileTypeError:!1})}},this.handleDrop=e=>{this.handleDrag(e);let{files:i}=e.dataTransfer;(null==i?void 0:i.length)>0&&(this.addFiles(i),e.dataTransfer.clearData())},this.handleInputFile=e=>{let{files:i}=e.target;this.addFiles(i)},this.simulateClickOnInput=()=>{var e;null==(e=this.inputRef.current)||e.click()},this.renderDisabled=()=>{let{isOptional:e,label:i}=this.props,{translate:a}=(0,s.A)(),t=e?"".concat(a(i)," (").concat(a("form.field.optional"),")"):a(i);return(0,l.Y)("div",{className:"file-upload-input",children:(0,l.Y)("div",{className:"drag-and-drop-field is-disabled",children:(0,l.FD)("label",{className:"label-file-upload",children:[(0,l.Y)(n.A,{}),t]})})})},this.renderError=()=>{let{hasMaxFileError:e,hasMaxSizeError:i,hasWrongFileTypeError:a}=this.state,{translate:n}=(0,s.A)();if(e||i||a){let{maxSizePerFile:s,restrictionTypes:t,uploadLimit:r}=this.props,d="";if(e&&1===r)d=n("drop.files.max.file.error");else if(e&&r>1)d=n("drop.files.max.files.error").replace("{filesNumber}",r);else if(i)d=n("drop.file.max.size.error").replace("{fileSize}",s);else if(a){let e=[...t],i=e.pop();if(e.length>0){let a=e.join(", ");i="".concat(a," ").concat(n("or")," ").concat(i)}d=n("drop.file.wrong.file.type.error").replace("{fileTypes}",i)}return(0,l.Y)("p",{className:"cannot-add-files-errors",children:d})}return null},this.renderField=()=>{let{disabled:e,field:i,filesList:a,isLoading:r,isOptional:d,label:p,name:u,withFileListing:h,multiple:m,restrictionTypes:g}=this.props,{translate:f}=(0,s.A)(),N=e||r,v=d?"".concat(f(p)," (").concat(f("form.field.optional"),")"):f(p),Y=(0,c.A)({"drag-and-drop-field":!0,"is-loading":r,"is-disabled":e});return(0,l.FD)("div",{className:"file-upload-input",children:[(0,l.FD)("div",{className:Y,onClick:this.simulateClickOnInput,onDragEnter:this.handleDrag,onDragOver:this.handleDrag,onDragLeave:this.handleDrag,onDrop:this.handleDrop,children:[r&&(0,l.Y)(o.A,{}),!N&&(0,l.FD)(l.FK,{children:[(0,l.FD)("label",{className:"label-file-upload",children:[(0,l.Y)(n.A,{className:"label-icon-upload"}),v]}),(0,l.Y)("input",{className:"input-file-upload",name:u||i,ref:this.inputRef,type:"file",onChange:this.handleInputFile,multiple:m,accept:null==g?void 0:g.map(e=>".".concat(e)).join(",")})]})]}),h&&a.length>0&&(0,l.Y)("div",{className:"files-list",children:a.map((e,i)=>(0,l.FD)("div",{className:"file-detail",children:[(0,l.Y)("div",{className:"file-name-wrapper",children:(0,l.Y)("span",{className:"file-name",children:e.name})}),(0,l.Y)(t.A,{onClick:()=>this.deleteFile(i)})]},i))}),this.renderError()]})},this.state={...this.state,hasMaxFileError:!1,hasMaxSizeError:!1,hasWrongFileTypeError:!1},this.inputRef=(0,p.createRef)()}}u.defaultProps={className:"input-file",disabled:!1,errorLabel:"",field:"",filesList:[],isLoading:!1,isOptional:!1,label:"drop.files",name:"",placeholder:"",readonly:!1,value:"",withFileListing:!0,onChange:()=>{},onFocus:()=>{},onKeyPress:()=>{},validator:()=>!0};let h=u},20786:(e,i,a)=>{"use strict";a.d(i,{A:()=>r});var l=a(78854),n=a(81158),s=a(3668);class t extends s.z{constructor(...e){super(...e),this.handleKeyPress=e=>{e.stopPropagation()},this.renderField=()=>{let{field:e,isOptional:i,label:a,name:s,placeholder:t,readonly:r,value:d}=this.props,{translate:o}=(0,n.A)(),c=t||a,p=i?"".concat(c," (").concat(o("field.optional"),")"):c;

1return(0,l.Y)("textarea",{className:"form-field-input",name:s||e,placeholder:p,value:d,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyPress:this.handleKeyPress,readOnly:r})}}}t.defaultProps={className:"form-textarea",disabled:!1,errorLabel:"",isOptional:!1,field:"",label:"",name:"",placeholder:"",readonly:!1,value:"",onChange:()=>{},onFocus:()=>{},onKeyPress:()=>{},validator:()=>!0};let r=t},50454:(e,i,a)=>{"use strict";a.r(i),a.d(i,{__N_SSG:()=>N,default:()=>v});var l=a(78854),n=a(79246),s=a(51772),t=a(83186),r=a(76620),d=a(75032),o=a(92651),c=a(19642),p=a(34859),u=a(44165),h=a(86373),m=a(20786);let g=a(77403).A;var f=a(97323),N=!0;let v=()=>{let[e,i]=(0,f.useState)("quelque chose en erreur"),[a,N]=(0,f.useState)(""),[v,Y]=(0,f.useState)(""),[b,F]=(0,f.useState)(""),[A,D]=(0,f.useState)(""),[S,C]=(0,f.useState)(""),[O,L]=(0,f.useState)(""),[w,E]=(0,f.useState)(""),[P,I]=(0,f.useState)([]),T=(e,a)=>{"error"===e?i(a):"name"===e?N(a):"textArea"===e?Y(a):"password"===e?F(a):"passwordChecks"===e?D(a):"radio"===e?C(a):"checkbox"===e?L(a):"inputNif"===e?E(a):"files"===e&&I(a)},k=(e,i)=>!!t.A.isEmpty(i)||"error"!==e&&("cardNumber"===e?s.A.isCardNumberValid(i):"inputNif"!==e||s.A.isNifValid(i));return(0,l.FD)(n.A,{children:[(0,l.Y)("span",{className:"section-name",children:"Components"}),(0,l.Y)("div",{className:"page-title",children:"Inputs"}),(0,l.Y)("p",{className:"page-chapo",children:"Les Inputs sont les champs de saisie pour diff\xe9rentes donn\xe9es. Chaque Input a ses r\xe8gles et ses contraintes: champ libre, que des num\xe9ros, des formats standards, ..."}),(0,l.Y)("div",{className:"page-section",children:(0,l.FD)("div",{className:"page-section-row",children:[(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input text"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(d.A,{field:"name",label:"Label du champs",placeholder:"Placeholder du champs",value:a,onChange:T,validator:k})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input text avec icone"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(d.A,{field:"name",label:"Label du champs",placeholder:"Placeholder du champs",value:a,icon:(0,l.Y)(r.A,{className:"form-field-icon"}),onChange:T,validator:k})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input optionnel"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(d.A,{field:"name",label:"Label du champs",placeholder:"Placeholder du champs",value:a,onChange:T,validator:k,isOptional:!0})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input d\xe9sactiv\xe9"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(d.A,{field:"name",label:"Label du champs",placeholder:"Placeholder du champs",value:a,onChange:T,validator:k,disabled:!0})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input en lecture seule"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(d.A,{field:"name",label:"Label du champs",placeholder:"Placeholder du champs",value:e,onChange:T,validator:k,readonly:!0})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input en erreur"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(d.A,{errorLabel:"Le format est incorrect",field:"error",label:"Nom de l’utilisateur",placeholder:"Placeholder",value:e,onChange:T,validator:k})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input de fichiers"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(c.A,{field:"files",filesList:P,label:"Label du champs",onChange:T,withFileListing:!0,maxSizePerFile:20,uploadLimit:2,restrictionTypes:["pdf","jpg"]})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input NIF (Espagne only)"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(d.A,{errorLabel:"Le format est invalide",field:"inputNif",label:"NIF",value:w,onChange:T,validator:k,icon:(0,l.Y)(g,{className:"form-field-icon",title:"NIF",text:"Le NIF est obligatoire pour toute transaction dans votre pays. Votre NIF comprend 9 caract\xe8res.",withArrow:!0})})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input Mot de Passe"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(p.A,{errorLabel:"Le format de num\xe9ro de carte est invalide",field:"password",label:"Mot de passe",value:b,onChange:T})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input Mot de Passe avec validation"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(u.A,{errorLabel:"Le format de num\xe9ro de carte est invalide",field:"passwordChecks",label:"Mot de passe",value:A,onChange:T})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input Textarea"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(m.A,{field:"textArea",label:"Label du champs",value:v,onCh

1ange:T,validator:k})})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input Radio"}),(0,l.FD)("div",{className:"design-guideline-wrapper inputs",children:[(0,l.Y)(h.A,{field:"radio",name:"radio",label:(0,l.FD)("div",{className:"input-radio-custom-label",children:[(0,l.Y)("div",{children:"Radio 1 Label Ligne 1"}),(0,l.Y)("div",{children:"Radio 1 Label Ligne 2"})]}),value:"test1",onChange:T,validator:k,activeValue:S}),(0,l.Y)(h.A,{field:"radio",name:"radio",label:(0,l.FD)("div",{className:"input-radio-custom-label",children:[(0,l.Y)("div",{children:"Radio 2 Label Ligne 1"}),(0,l.Y)("div",{children:"Radio 2 Label Ligne 2"})]}),value:"test2",onChange:T,validator:k,activeValue:S})]})]}),(0,l.FD)("div",{className:"design-guideline-container inputs",children:[(0,l.Y)("div",{className:"page-panel-title",children:"Input Checkbox"}),(0,l.Y)("div",{className:"design-guideline-wrapper inputs",children:(0,l.Y)(o.A,{field:"checkbox",name:"checkbox",label:(0,l.FD)(l.FK,{children:[(0,l.Y)("div",{children:"Checkbox Label Ligne 1"}),(0,l.Y)("div",{children:"Checkbox Label Ligne 2"})]}),value:O,onChange:T,validator:k})})]})]})})]})}},54477:(e,i,a)=>{"use strict";a.d(i,{A:()=>s});var l=a(78854),n=a(53298);let s=e=>{let{className:i="spinner"}=e,a=(0,n.A)({spinner:!0,"spinner-primary":!0,[i]:!!i});return(0,l.Y)("div",{className:a,children:(0,l.Y)("span",{className:"spinner-icon"})})}},64260:(e,i,a)=>{"use strict";a.d(i,{A:()=>n});var l=a(78854);a(97323);let n=e=>(0,l.FD)("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:25,fill:"currentColor",...e,children:[(0,l.Y)("path",{d:"M3.714 25h12.57q1.793 0 2.684-.883.89-.882.89-2.648V10.692q0-1.766-.89-2.648t-2.684-.883h-3.013v2.032h2.985q.757 0 1.17.4.414.398.414 1.197v10.58q0 .799-.414 1.199-.412.399-1.17.399H3.742q-.756 0-1.17-.4-.413-.399-.413-1.198V10.79q0-.799.413-1.198.414-.4 1.17-.4h2.985V7.162H3.714q-1.78 0-2.677.883-.896.882-.896 2.648V21.47q0 1.766.896 2.648.897.883 2.677.883"}),(0,l.Y)("path",{d:"M9.992 16.312q.407 0 .708-.288a.92.92 0 0 0 .301-.693V4.4l-.084-1.682.588.644 1.542 1.668a.84.84 0 0 0 .673.294.94.94 0 0 0 .658-.245.81.81 0 0 0 .267-.624q0-.364-.309-.658L10.721.336Q10.539.14 10.363.07a1 1 0 0 0-.728 0q-.175.07-.372.266L5.648 3.798q-.294.294-.294.658 0 .379.252.624t.659.245q.42 0 .686-.294l1.542-1.668.588-.644L8.997 4.4v10.93q0 .408.301.694.301.288.694.288"})]})},77403:(e,i,a)=>{"use strict";a.d(i,{A:()=>c});var l=a(78854),n=a(76620),s=a(86770),t=a(53298);let r=e=>{let{className:i="tooltip-popin",onClick:a,place:n,text:r,title:d,visible:o,withArrow:c}=e,p=s.ls[n]||s.f9,u=(0,t.A)({"tooltip-popin":!0,["tooltip-popin-".concat(n)]:!0,hidden:!o,[i]:!!i});return(0,l.FD)("div",{className:u,onClick:a,children:[d&&(0,l.Y)("div",{className:"tooltip-title",dangerouslySetInnerHTML:{__html:d}}),(0,l.Y)("div",{className:"tooltip-text",dangerouslySetInnerHTML:{__html:r}}),c&&(0,l.Y)("span",{className:"tooltip-arrow tooltip-arrow-".concat(p)})]})};var d=a(97323),o=a(61372);let c=e=>{let{className:i,place:a=o.Fr?s.Cv:s.EE,title:c,text:p,withArrow:u}=e,[h,m]=(0,d.useState)(!1),g=(0,t.A)({"tooltip-form":!0,[i]:!!i});return(0,l.FD)("div",{className:g,children:[(0,l.Y)(n.A,{className:"tooltip-icon",onClick:()=>{o.Fr&&m(!h)},onMouseEnter:()=>{m(!0)},onMouseLeave:()=>{m(!1)}}),(0,l.Y)(r,{text:p,title:c,visible:h,withArrow:u,place:a})]})}},79246:(e,i,a)=>{"use strict";a.d(i,{A:()=>N});var l=a(78854),n=a(81158);let s={FOUNDATIONS:{COLORS:"/fr/design-guidelines/foundations/colors",FLAGS:"/fr/design-guidelines/foundations/flags",ICONS:"/fr/design-guidelines/foundations/icons",LOGOS:"/fr/design-guidelines/foundations/logos",SHADOWS:"/fr/design-guidelines/foundations/shadows",TYPOGRAPHY:"/fr/design-guidelines/foundations/typography"},COMPONENTS:{DATES:"/fr/design-guidelines/components/pickers",INPUTS:"/fr/design-guidelines/components/inputs",MODALS:"/fr/design-guidelines/components/modals",PROMO_CODES:"/fr/design-guidelines/components/promocodes",SELECTS:"/fr/design-guidelines/components/selects",SHARED:"/fr/design-guidelines/components/shared",TABS:"/fr/design-guidelines/components/tabs",TAGS:"/fr/design-guidelines/components/tags",WIDGETS:"/fr/design-guidelines/components/widgets"},APIS:{API_DOC:"/fr/design-guidelines/apis/api-doc"}};var t=a(10554),r=a(39548),d=a(53298);let o=e=>{let{className:i}=e,a=(0,d.A)({icon:!0,"icon-opngo":!0,[i]:!!i});return(0,l.FD)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 398.106 187.997",className:a,children:[(0,l.Y)("path",{fill:"#f4c959",d:"M218.389,182.46V153.716c.064-8.26-2.248-14.993-6.689-19.468-3.9-3.929-9.367-6-15.816-6-5.856,0-12.855,2.322-17.135,7.415v-1.511a4.607,4.607,0,0,0-2.2-4.407,5.815,5.815,0,0,0-5.825,0,4.564,4.564,0,0,0-2.2,4.325l0,48.313a4.607,4.607,0,0,0,2.2,4.407,5.818,5.818,0,0,0,5.825,0,4.605,4.605,0,0,0,2.2-4.364v-26.7c0-5.973,1.633-10.194,5.011-12.918a18.118,18.118,0,0,1,12.122-4.333c7.805,0,12.281,5.555,12.281,15.24l0,28.671a4.607,4.607,0,0,0,2.2,4.407,5.815,5.815,0,0,0,5.825,0A4.564,4.564,0,0,0,218.389,182.46Z"}),(0,l.Y)("path",{fill:"#f4c959",d:"M338.468,94.425a5.68,5.68,0,0,1-5-2.98,152.568,152.568,0,0,0-268.5,0,5.68,5.68,0,1,1-9.993-5.4,163.928,163.928,0,0,1,288.485,0,5.682,5.682,0,0,1-4.992,8.383Z"}),(0,l.Y)("path",{fill:"#ffffff",d:"M72.12,114.481a40.318,40.318,0,0,0-29.973-12.554,40.32,40.32,0,0,0-29.974,12.554C3.981,122.917,0,132.907,0,145.021a42.237,42.237,0,0,0,12.173,30.422A40.32,40.32,0,0,0,42.147,188,40.318,40.318,0,0,0,72.12,175.443a43.938,43.938,0,0,0,0-60.962Zm-7.17,53.833a30.848,30.848,0,0,1-22.8,9.458,30.833,30.833,0,0,1-22.788-9.443,32.828,32.828,0,0,1-9.136-23.308,32.467,32.467,0,0,1,9.246-23.3,30.017,30.017,0,0,1,22.678-9.57,30.535,30.535,0,0,1,22.795,9.57,33.98,33.98,0,0,1,.008,46.593Z"}),(0,l.Y)("path",{fill:"#ffffff",d:"M151.22,110.556c-3.978-5.1-10.111-7.683-18.226-7.683H100.809a5.368,5.368,0,0,0-5.23,5.231l0,73.988a4.611,4.611,0,0,0,2.2,4.408,5.813,5.813,0,0,0,5.824,0,4.564,4.564,0,0,0,2.2-4.325V154.984h27.191c8.079,0,14.209-2.541,18.226-7.563,3.993-5.117,5.934-11.126,5.934-18.373C157.154,121.822,155.158,115.6,151.22,110.556ZM132.4,144.76H105.8V113.1h27.191c10.276,0,13.938,8.239,13.938,15.95C146.932,139.033,141.636,144.76,132.4,144.76Z"}),(0,l.Y)("path",{fill:"#ffffff",d:"M304.372,144.405H279.051a4.876,4.876,0,1,0,0,9.751H298.6c-2.5,15.459-12.177,23.616-28.065,23.616a30.833,30.833,0,0,1-22.788-9.443,32.825,32.825,0,0,1-9.136-23.308,32.46,32.46,0,0,1,9.247-23.3,30.012,30.012,0,0,1,22.677-9.57,31.251,31.251,0,0,1,17.169,4.986c2.633,2.024,5.244,1.909,7.171-.315a5.263,5.263,0,0,0,1.293-3.958,5.177,5.177,0,0,0-1.993-3.624,40.879,40.879,0,0,0-23.64-7.313,40.317,40.317,0,0,0-29.974,12.554c-8.192,8.436-12.174,18.425-12.174,30.54a42.234,42.234,0,0,0,12.174,30.422A40.317,40.317,0,0,0,270.532,188c23.494,0,37.285-13.3,38.833-37.533C309.365,147.643,308.8,144.405,304.372,144.405Z"}),(0,l.Y)("path",{fill:"#ffffff",d:"M385.814,114.481a42.06,42.06,0,0,0-59.948,0c-8.192,8.436-12.173,18.426-12.173,30.54a42.241,42.241,0,0,0,12.173,30.422,42.06,42.06,0,0,0,59.948,0,43.938,43.938,0,0,0,0-60.962Zm-7.171,53.833a32.218,32.218,0,0,1-45.591.015,32.828,32.828,0,0,1-9.136-23.308,32.463,32.463,0,0,1,9.247-23.3h0a30.015,30.015,0,0,1,22.677-9.57,30.535,30.535,0,0,1,22.8,9.57,33.98,33.98,0,0,1,.008,46.593Z"})]})};var c=a(42117),p=a.n(c),u=a(97323),h=a(61372),m=a(94948);let g=e=>{let{label:i,link:a}=e,{translate:s}

1=(0,n.A)(),t=(0,d.A)({"design-guideline-menu-item":!0,"is-section":!a,"is-active":!!(0,m.Vd)()&&window.location.pathname.includes(String(a))});return(0,l.FD)("div",{className:t,children:[a&&(0,l.Y)(p(),{href:a,children:(0,l.Y)("span",{className:"design-guideline-menu-label",children:s(i)})}),!a&&(0,l.Y)("span",{className:"design-guideline-menu-label",children:s(i)})]})},f=()=>{let[e,i]=(0,u.useState)(!1),a=()=>{i(!e)},n=(0,d.A)({"design-guideline-menu":!0,"is-mobile":h.Fr,hidden:h.Fr&&!e});return(0,l.FD)(l.FK,{children:[!e&&(0,l.Y)("div",{className:"icon-wrapper",children:(0,l.Y)(t.A,{onClick:a})}),e&&(0,l.Y)(r.A,{onClick:a,className:"close-menu"}),(0,l.FD)("div",{className:n,children:[(0,l.Y)(p(),{href:"/fr",children:(0,l.Y)(o,{className:"menu-logo"})}),(0,l.FD)("div",{className:"menu",children:[(0,l.Y)(g,{label:"portal.menu.designGuidelines"}),(0,l.FD)("div",{className:"design-guideline-menu-padding",children:[(0,l.Y)(g,{label:"portal.menu.foundations"}),(0,l.FD)("div",{className:"design-guideline-menu-padding",children:[(0,l.Y)(g,{label:"portal.menu.foundations.colors",link:s.FOUNDATIONS.COLORS}),(0,l.Y)(g,{label:"portal.menu.foundations.flags",link:s.FOUNDATIONS.FLAGS}),(0,l.Y)(g,{label:"portal.menu.foundations.icons",link:s.FOUNDATIONS.ICONS}),(0,l.Y)(g,{label:"portal.menu.foundations.logos",link:s.FOUNDATIONS.LOGOS}),(0,l.Y)(g,{label:"portal.menu.foundations.shadows",link:s.FOUNDATIONS.SHADOWS}),(0,l.Y)(g,{label:"portal.menu.foundations.typography",link:s.FOUNDATIONS.TYPOGRAPHY})]})]}),(0,l.FD)("div",{className:"design-guideline-menu-padding",children:[(0,l.Y)(g,{label:"portal.menu.components"}),(0,l.FD)("div",{className:"design-guideline-menu-padding",children:[(0,l.Y)(g,{label:"portal.menu.components.dates",link:s.COMPONENTS.DATES}),(0,l.Y)(g,{label:"portal.menu.components.inputs",link:s.COMPONENTS.INPUTS}),(0,l.Y)(g,{label:"portal.menu.components.modals",link:s.COMPONENTS.MODALS}),(0,l.Y)(g,{label:"portal.menu.components.promo-codes",link:s.COMPONENTS.PROMO_CODES}),(0,l.Y)(g,{label:"portal.menu.components.selects",link:s.COMPONENTS.SELECTS}),(0,l.Y)(g,{label:"portal.menu.components.shared",link:s.COMPONENTS.SHARED}),(0,l.Y)(g,{label:"portal.menu.components.tabs",link:s.COMPONENTS.TABS}),(0,l.Y)(g,{label:"portal.menu.components.tags",link:s.COMPONENTS.TAGS}),(0,l.Y)(g,{label:"portal.menu.components.widgets",link:s.COMPONENTS.WIDGETS})]})]}),(0,l.FD)("div",{className:"design-guideline-menu-padding",children:[(0,l.Y)(g,{label:"portal.menu.apis"}),(0,l.Y)("div",{className:"design-guideline-menu-padding",children:(0,l.Y)(g,{label:"portal.menu.apis.doc",link:s.APIS.API_DOC})})]})]})]})]})},N=e=>{let{children:i}=e;return(0,n.A)("fr"),(0,l.FD)("main",{className:"design-guideline",children:[(0,l.Y)(f,{}),(0,l.Y)("div",{className:"design-guideline-page",children:i})]})}},86373:(e,i,a)=>{"use strict";a.d(i,{A:()=>t});var l=a(78854),n=a(3668);class s extends n.z{constructor(...e){super(...e),this.handleChange=()=>{let{field:e,onChange:i,value:a}=this.props;i(e,a)},this.renderLabel=()=>{let{field:e,label:i,name:a,value:n}=this.props;return(0,l.Y)("label",{className:"form-field-label",htmlFor:"".concat(a||e).concat(n),children:i})},this.renderField=()=>{let{activeValue:e,field:i,name:a,readonly:n,value:s}=this.props,t=a||i;return(0,l.Y)("input",{className:"form-field-input",id:"".concat(t).concat(s),name:t,type:"radio",onChange:this.handleChange,checked:s===e,readOnly:n})}}}s.defaultProps={className:"input-radio",disabled:!1,errorLabel:"",isOptional:!1,field:"",label:"",name:"",placeholder:"",readonly:!1,value:"",onChange:()=>{},onFocus:()=>{},onKeyPress:()=>{},validator:()=>!0};let t=s},86770:(e,i,a)=>{"use strict";a.d(i,{Cv:()=>n,EE:()=>l,f9:()=>s,ls:()=>t});let l="top",n="left",s="down",t={[l]:s,right:"left",bottom:"up",[n]:"right"}},92651:(e,i,a)=>{"use strict";a.d(i,{A:()=>t});var l=a(78854),n=a(3668);class s extends n.z{constructor(...e){super(...e),this.handleChange=()=>{let{field:e,onChange:i,value:a}=this.props;i(e,!a)},this.renderLabel=()=>{let{label:e}=this.props;return(0,l.Y)("label",{className:"form-field-label",onClick:this.handleChange,children:e})},this.renderField=()=>{let{field:e,name:i,readonly:a,value:n}=this.props,s=i||e;return(0,l.Y)("input",{className:"form-field-input",id:s,name:s,type:"checkbox",onChange:this.handleChange,checked:n,readOnly:a})}}}s.defaultProps={className:"input-checkbox",disabled:!1,errorLabel:"",isOptional:!1,field:"",label:"",name:"",placeholder:"",readonly:!1,value:!1,onChange:()=>{},onFocus:()=>{},onKeyPress:()=>{},validator:()=>!0};let t=s},95937:(e,i,a)=>{"use strict";a.d(i,{A:()=>l});let l=a(54477).A}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=8723)),_N_E=e.O()}]);