https://www.editions-stock.fr/_next/static/chunks/9061.d2e0a084d681befc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9061],{9061:function(n,e,o){o.r(e),o.d(e,{HedUi:function(){return _}});var a=o(98788),t=o(47842),i=o(70865),r=o(66383),s=o(92228),d=o(50853),l=o(52322),c=o(2784),u=o(96670),m=o(47944),p=o(46186),x=o(60364),h=o(76320),g=o(11014),b=o(36215);function f(){var n=(0,s.Z)(["\n  && {\n    padding: 16px;\n    width: calc(100vw - 24px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    border: 1px solid ",";\n\n    "," {\n      width: 600px;\n    }\n  }\n\n  .SedConnexionModalHeader {\n    position: relative;\n    width: 100%;\n    margin-bottom: 32px;\n\n    .SedConnexionModalHeaderText {\n      display: flex;\n\n      :before {\n        content: '';\n        display: block;\n        height: 51px;\n        width: 4px;\n        border-radius: 2px;\n        background-color: ",";\n        margin-right: 24px;\n      }\n    }\n\n    .SedConnexionModalCloseButton {\n      position: absolute;\n      right: 0px;\n      top: 0px;\n    }\n  }\n  .SedConnexionModalBody {\n    width: 100%;\n    margin-bottom: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    .SedConnexionModalSuccessText {\n      white-space: normal; // mobile: allow wrapping\n\n      "," {\n        white-space: nowrap; // desktop: no wrap\n      }\n    }\n  }\n"]);return f=function(){return n},n}var C=(0,h.ZP)((function(n){var e=n.className,o=n.handleClose,a=n.successMessage,t=(0,b.NT)(),r=(0,x.Z)().accountSedModal;return(0,l.jsxs)(p.Z,{className:"".concat(e," SedConnexionModal"),children:[(0,l.jsxs)(p.Z,{className:"SedConnexionModalHeader",children:[(0,l.jsx)("div",{className:"SedConnexionModalHeaderText",children:(0,l.jsx)("div",{children:(0,l.jsx)(g.ZT$,{id:m.u,theming:r.title,headingLevel:"2",children:t("user-account.modal.sed.title")})})}),(0,l.jsx)(g.zxk,{className:"SedConnexionModalCloseButton",onClick:o,theming:{iconEnd:{icon:"close"}}})]}),(0,l.jsx)("div",{className:"SedConnexionModalBody",children:(0,l.jsx)(g.ZT$,{className:"SedConnexionModalSuccessText",theming:(0,u.Z)((0,i.Z)({},r.loginSuccessText),{fontSize:"1rem",whiteSpace:"nowrap"}),children:a||t("user-account.modal.sed.success-login")})})]})})).withConfig({componentId:"sc-96d85b6-0"})(f(),(function(n){return n.theme.palette.surface.main}),(function(n){return n.theme.breakpoints.up("sm")}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.breakpoints.up("sm")})),S=o(39097),w=o.n(S),v=o(48601),M=o(4620),N=o(34406);function j(){var n=(0,s.Z)(["\n  && {\n    padding: 16px;\n    width: calc(100vw - 24px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    border: 1px solid ",";\n\n    "," {\n      width: 600px;\n    }\n\n\n    .MuiTextField-root {\n      margin-bottom: 24px;\n    }\n\n    .FormSubmit {\n      margin-top: 0px;\n      display: flex;\n      justify-content: center;\n      .FormSubmit {\n        margin-bottom: 12px;\n      }\n    }\n\n    .MuiFormControl-root {\n      margin-bottom: 24px;\n    }\n  }\n\n  .SedConnexionModalHeader {\n    position: relative;\n    width: 100%;\n    margin-bottom: 32px;\n\n    .SedConnexionModalHeaderText {\n      display: flex;\n\n      :before {\n        content: '';\n        display: block;\n        height: 51px;\n        width: 4px;\n        border-radius: 2px;\n        background-color: ",";\n        margin-right: 24px;\n      }\n    }\n\n    .SedConnexionModalCloseButton {\n      position: absolute;\n      right: 0px;\n      top: 0px;\n    }\n  }\n  .SedConnexionModalBody {\n    width: 60%;\n    margin-bottom: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    .SedConnexionModalForgotPassword {\n      a {\n        color: inherit !important;\n      }\n    }\n  }\n  .Separator {\n    height: 1px;\n    width: 100%;\n    background: #cecece;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    width: 100%;\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n\n    &Text {\n      color: #cecece;\n      padding: 5px 15px;\n      background-color: white;\n    }\n  }\n  .Form {\n    margin: 0 auto;\n    max-width: 500px;\n  }\n  .CloseIcon {\n    cursor: pointer;\n  }\n  .ButtonSpan {\n    cursor: pointer;\n  }\n"]);return j=function(){return n},n}var T,Z=N.env.NEXT_PUBLIC_AUTH_DEFAULT_LOGIN||"",E=N.env.NEXT_PUBLIC_AUTH_DEFAULT_PASSWORD||"";!function(n){n.GENERAL="G",n.TECHNICAL="T"}(T||(T={}));var y=function(n){var e=n.className,o=n.handleSubmit,a=n.hasMultipleDomain,t=(0,b.NT)(),r=(0,x.Z)().accountSedModal,s="email-".concat(c.useId()),d="password-".concat(c.useId()),u="domain-".concat(c.useId()),m={login:Z,password:E,domain:T.GENERAL};return(0,l.jsx)(g.Ybv,{className:e,data:{captchaEnabled:!1,submit:t("user-account.modal.sed.button-connexion"),submitIcon:r.buttons.connect,handleSubmit:o,customInitialValues:m,customErrorMessagesSchema:v.Ry().shape({login:v.Z_().email(t("user-account.modal.sed.error-email-format")).required(t("user-account.modal.sed.error-email")),password:v.Z_().required(t("user-account.modal.sed.error-password"))}),enableReinitialize:!1},children:function(n){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(g.WiK,(0,i.Z)({field:{id:s,attributes:{id:s,type:"email",name:"login",label:"Email",required:!0,autoComplete:"username",validation:v.Z_().email(t("user-account.modal.sed.error-email-format")).required(t("user-account.modal.sed.error-email"))}}},n)),(0,l.jsx)(g.WiK,(0,i.Z)({field:{id:d,attributes:{id:d,type:"password",name:"password",label:"Mot de passe",required:!0,autoComplete:"current-password",validation:v.Z_().required(t("user-account.modal.sed.error-password"))}}},n)),a&&(0,l.jsx)(g.WiK,(0,i.Z)({field:{id:u,attributes:{id:u,type:"select",name:"domain",label:t("user-account.modal.sed.domain-label"),required:!0,validation:v.Z_().required(t("user-account.modal.sed.error-password"))},options:[{label:t("user-account.modal.sed.domain-general-label"),value:T.GENERAL},{label:t("user-account.modal.sed.domain-technical-label"),value:T.TECHNICAL}]}},n))]})}})},_=(0,h.ZP)((function(n){var e,o=n.className,i=n.handleClose,s=(0,M.useAuthContext)(),u=s.signin,h=s.authenticationState,f=s.connected,S=(0,b.NT)(),v=(0,x.Z)().accountSedModal,N=(0,r.Z)(c.useState(null),2),j=N[0],T=N[1],Z=(0,r.Z)(c.useState(null),2),E=Z[0],_=Z[1],k=(e={},(0,t.Z)(e,M.LoginResponseErrors.BAD_CREDENTIALS,S("user-account.modal.sed.error-bad-credentials")),(0,t.Z)(e,M.LoginResponseErrors.NETWORK_ERROR,S("user-account.modal.sed.error-network")),e);c.useEffect((function(){f&&(_(S("user-account.modal.sed.success-login")),T(null))}),[f,S]);var L=function(){var n=(0,a.Z)((function(n){var e,o,a,t,i,r;return(0,d.__generator)(this,(function(s){switch(s.label){case 0:return e=n.login,o=n.password,a=n.domain,(i={}).login=e,i.password=o,t=i,(null===h||void 0===h?void 0:h.hasMultipleDomain)&&(t.domain=a),[4,u(t)];case 1:return"object"===typeof(r=s.sent())&&"error"in r?(T(k[r.message]),_(null)):!0===r&&(T(null),_(S("user-account.modal.sed.success-login"))),[2]}}))}));return function(e){return n.apply(this,arguments)}}();return f?(0,l.jsx)(C,{className:o,handleClose:i,successMessage:E}):(0,l.jsxs)(p.Z,{className:"".concat(o," SedConnexionModal"),children:[(0,l.jsxs)(p.Z,{className:"SedConnexionModalHeader",children:[(0,l.jsx)("div",{className:"SedConnexionModalHeaderText",children:(0,l.jsxs)("div",{children:[(0,l.jsx)(g.ZT$,{id:m.u,theming:v.title,headingLevel:"2",children:S("user-account.modal.sed.title")}),(0,l.jsx)(g.ZT$,{theming:v.subtitle,children:S("user-account.modal.sed.subtitle")})]})}),(0,l.jsx)(g.zxk,{className:"SedConnexionModalCloseButton",onClick:i,theming:{iconEnd:{icon:"close"}}})]}),(0,l.jsxs)("div",{className:"SedConnexionModalBody",children:[(0,l.jsx)(g.ZT$,{theming:v.formLabel,children:S("user-account.modal.sed.form-label")}),(0,l.jsx)(y,{className:"Form",handleSubmit:L,hasMultipleDomain:null===h||void 0===h?void 0:h.hasMultipleDomain}),j&&(0,l.jsx)(g.ZT$,{theming:v.loginErrorText,children:j}),(0,l.jsx)(g.ZT$,{theming:v.forgotPassword,className:"SedConnexionModalForgotPassword",children:(0,l.jsx)(w(),{href:"/mon-compte/".concat(M.IframeType.RECOVER_PASSWORD,"/"),children:"Mot de passe oubli\xe9 ?"})}),(0,l.jsx)("div",{className:"Separator",children:(0,l.jsx)("div",{className:"SeparatorText",children:"ou"})}),(0,l.jsx)(g.zxk,{to:"/mon-compte/signup/",theming:v.buttons.create,children:S("user-account.modal.sed.button-create-account")}

1)]}),(0,l.jsx)(g.ZT$,{theming:v.subtext,children:S("user-account.modal.sed.subtext")})]})})).withConfig({componentId:"sc-b699dc51-0"})(j(),(function(n){return n.theme.palette.surface.main}),(function(n){return n.theme.breakpoints.up("sm")}),(function(n){return n.theme.palette.primary.main}))}}]);