https://app.fitbod.me/_next/static/chunks/pages/[locale]/users/edit/email-e920958671bb44d4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6983],{7378:(e,t,r)=>{"use strict";r.d(t,{k:()=>c});var n=r(55729),o=r(79945),i=r(9801),a=r(41897),l=r(90222);let s=o.Ay.input.withConfig({displayName:"text__Input",componentId:"p-ui__sc-wvsov8-0"})(["border:none;background:none;outline:none;"," display:block;width:100%;padding:0;color:",";",""],(0,l.xK)(),({theme:e})=>e.colors.Inputs.Default.Text,({$upperCase:e})=>e?"text-transform: uppercase;":null),c=n.forwardRef(function({type:e="text",name:t,label:r,validationStatus:o="none",disabled:l,message:c,onChange:u,onBlur:d,onFocus:m,defaultValue:f,value:p,upperCase:h,isFocused:g,height:b,width:v,onKeyDown:y,inputMode:w,hideValidationIcon:E,pattern:x},_){let I=t?`form-${t}`:void 0,k=function({defaultValue:e,onChange:t,value:r}){let[o,i]=(0,n.useState)(e||""),a=!o;return void 0!==r&&(a=!r),{isEmpty:a,onChange:e=>{t&&t(e),i(e.target.value)}}}({defaultValue:f,onChange:u,value:p});return n.createElement(a.o,{isEmpty:k.isEmpty,message:c,disabled:l,isFocused:g,width:v,height:b,validationStatus:o,hideValidationIcon:E},r&&I?n.createElement(i.l,{htmlFor:I},r):null,n.createElement(s,{id:I,ref:_,name:t,type:e,disabled:l,$upperCase:h,value:p,defaultValue:f,onBlur:d,onFocus:m,onChange:k.onChange,onKeyDown:y,inputMode:w,pattern:x}))})},9801:(e,t,r)=>{"use strict";r.d(t,{G:()=>a,l:()=>l});var n=r(55729),o=r(79945),i=r(90222);let a=o.Ay.label.withConfig({displayName:"label__StyledLabel",componentId:"p-ui__sc-1tdbgvj-0"})([""," position:absolute;color:",";padding:0 0.4rem;margin:0 -0.4rem;background:",";"],(0,i.xK)(),({theme:e})=>e.colors.Inputs.Default.Label,({theme:e})=>e.colors.Inputs.Default.Background);function l({htmlFor:e,children:t}){return n.createElement(a,{htmlFor:e},t)}},27636:(e,t,r)=>{"use strict";r.d(t,{Z:()=>i});var n=r(55729);let o=r(79945).Ay.div.withConfig({displayName:"center__StyledCenterContainer",componentId:"p-ui__sc-398lf7-0"})(["display:flex;align-items:center;flex-direction:column;flex:1;max-width:71.8rem;width:100%;"]);function i({children:e}){return n.createElement(o,null,e)}},40357:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var n,o=r(55729),i=["title","titleId"];function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}var l=function(e){var t=e.title,r=e.titleId,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,i);return o.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 22","aria-labelledby":r},l),t?o.createElement("title",{id:r},t):null,n||(n=o.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M11.8 1.04a3.6 3.6 0 0 0-3.6 0L2.274 4.46a3.6 3.6 0 0 0-1.8 3.118v6.843a3.6 3.6 0 0 0 1.8 3.117L8.2 20.961a3.6 3.6 0 0 0 3.6 0l5.926-3.422a3.6 3.6 0 0 0 1.8-3.117V7.579a3.6 3.6 0 0 0-1.8-3.118zM8.243 12.763 14.607 6.4l1.414 1.414-7.071 7.072a1 1 0 0 1-1.414 0L4 11.35l1.414-1.414z",clipRule:"evenodd"})))}},40561:(e,t,r)=>{"use strict";r.d(t,{X:()=>c});var n=r(55729),o=r(79945),i=r(63470);let a=o.Ay.div.withConfig({displayName:"container__StyledContainer",componentId:"p-ui__sc-1sl3kxs-0"})(["position:relative;"]),l=o.Ay.div.withConfig({displayName:"container__StyledSpinnerContainer",componentId:"p-ui__sc-1sl3kxs-1"})(["position:absolute;"," background:",";border-radius:12px;"],({$removeMargins:e})=>e?`
2  top: 0;
3  bottom: 0;
4  right: 0;
5  left: 0;
6  `:`
7  top: -1.6rem;
8  bottom: -1.6rem;
9  right: -1.6rem;
10  left: -1.6rem;
11  `,({theme:e})=>e.colors.Spinner.Background),s=o.Ay.div.withConfig({displayName:"container__StyledSpinner",componentId:"p-ui__sc-1sl3kxs-2"})(["position:absolute;top:calc(50% - 30px);left:calc(50% - 34px);"]);function c({isLoading:e,removeMargins:t=!1,children:r}){let o=(0,n.useMemo)(()=>e?n.createElement(l,{$removeMargins:t}

11,n.createElement(s,null,n.createElement(i.i,null))):null,[e]);return n.createElement(a,null,r,o)}},41897:(e,t,r)=>{"use strict";r.d(t,{o:()=>b});var n,o=r(55729),i=r(79945),a=r(90222),l=r(40357),s=["title","titleId"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}var u=function(e){var t=e.title,r=e.titleId,i=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,s);return o.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20","aria-labelledby":r},i),t?o.createElement("title",{id:r},t):null,n||(n=o.createElement("path",{fill:"#DD5249",d:"M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0m1 15H9v-2h2zm0-4H9V5h2z"})))};let d=i.Ay.div.withConfig({displayName:"icon__InputIconContainer",componentId:"p-ui__sc-3a9u13-0"})(["position:absolute;right:0.6rem;top:0;bottom:0;display:flex;align-items:center;font-size:2rem;color:",";"],({theme:e,$validationStatus:t})=>"valid"===t?e.colors.Text.Confirm:e.colors.Text.Error);function m({validationStatus:e}){switch(e){case"valid":return o.createElement(d,{$validationStatus:e},o.createElement(l.A,{height:"1em"}));case"error":return o.createElement(d,{$validationStatus:e},o.createElement(u,{height:"1em"}));default:return null}}let f=i.Ay.div.withConfig({displayName:"wrapper__InputWrapperBase",componentId:"p-ui__sc-1tyqzsb-0"})(["position:relative;text-align:left;align-self:start;background:",";border:1px solid ",";border-radius:6px;color:",";"," ",""],({theme:e})=>e.colors.Inputs.Default.Background,({theme:e})=>e.colors.Inputs.Default.Border,({theme:e})=>e.colors.Inputs.Default.Text,({$height:e})=>e?`
12    height: ${e};
13    padding: 0.2rem 1.6rem;
14    display: flex;
15    align-items: center;
16  `:`
17  padding: 1.5rem 1.6rem;
18  min-height: 5.5rem;
19  `,({$hasMessage:e})=>e?`
20    margin-bottom: 3.2rem;
21  `:null),p=e=>(0,i.AH)(["background:linear-gradient( 180deg,"," 0%,"," 40%,"," 40%,"," 100% );

21"],e.colors.Background.Primary,e.colors.Background.Primary,e.colors.Inputs.Default.Background,e.colors.Inputs.Default.Background),h=(0,i.Ay)(f).withConfig({displayName:"wrapper__Container",componentId:"p-ui__sc-1tyqzsb-1"})(["&:hover{border:1px solid ",";}&:focus-within{border:1px solid ",";}&:focus-within label{transform:translate( 0,"," ) scale(0.75);color:",";","}"," & label{transition:transform 150ms,font-size 150ms;transform-origin:top left;"," ","}",""],({theme:e})=>e.colors.Inputs.Hover.Border,({theme:e})=>e.colors.Inputs.Focus.Border,({$height:e})=>e?"-1.7rem":"-2.2rem",({theme:e})=>e.colors.Inputs.Focus.Label,({theme:e})=>p(e),({$isFocused:e,theme:t})=>e?`
22      border: 1px solid ${t.colors.Inputs.Focus.Border};
23
24      &:hover {
25        border: 1px solid ${t.colors.Inputs.Focus.Border};
26      }
27    `:null,({$isEmpty:e,theme:t,$height:r})=>e?null:(0,i.AH)(["transform:translate(0,",") scale(0.75);",""],r?"-1.7rem":"-2.2rem",p(t)),({$isFocused:e,theme:t,$height:r})=>e?(0,i.AH)(["transform:translate(0,",") scale(0.75);color:",";",""],r?"-1.7rem":"-2.2rem",t.colors.Inputs.Focus.Label,p(t)):null,e=>(function(e,t){if(e.$disabled)return(0,i.AH)(["& label{color:",";}"],t.colors.Inputs.Disabled.Label);switch(e.$validationStatus){case"error":return(0,i.AH)(["border-color:",";& label{color:",";}&:hover{border-color:",";}"],t.colors.Inputs.Error.Border,t.colors.Inputs.Error.Label,t.colors.Inputs.Error.Border);case"valid":return(0,i.AH)(["border-color:",";& label{color:",";}&:hover{border-color:",";}"],t.colors.Inputs.Confirm.Border,t.colors.Inputs.Confirm.Label,t.colors.Inputs.Confirm.Border)}return""})(e,e.theme)),g=i.Ay.div.withConfig({displayName:"wrapper__Message",componentId:"p-ui__sc-1tyqzsb-2"})(["position:absolute;bottom:-2rem;left:0;white-space:nowrap;"," text-align:left;",""],(0,a.pG)(),({theme:e,$disabled:t,$validationStatus:r})=>(function({$disabled:e,$validationStatus:t},r){return e?(0,i.AH)(["color:",";"],r.colors.Inputs.Disabled.Message):"error"===t?(0,i.AH)(["color:",";"],r.colors.Inputs.Error.Message):(0,i.AH)(["color:",";"],r.colors.Inputs.Default.Message)})({$disabled:t,$validationStatus:r},e));function b({children:e,isEmpty:t,message:r,isFocused:n,width:i,height:a,hideValidationIcon:l,disabled:s=!1,validationStatus:c="none"}){return o.createElement(o.Fragment,null,o.createElement(h,{$isEmpty:t,$isFocused:n,$validationStatus:c,$height:a,$hasMessage:!!r,style:{width:i},$disabled:s},e,l?null:o.createElement(m,{validationStatus:c}),r?o.createElement(g,{$validationStatus:c,$disabled:s},r):null))}},49052:(e,t,r)=>{"use strict";function n(e,t,r){return!e||void 0===t||e[r]||t}function o(e,t,r,o){return e[t]&&n(r,o,t)?"error":"none"}function i(e){return t=>o(e.errors,t,e.touchedFields,e.isSubmitted)}function a(e,t,r,n){if(e)for(let r of t){let t=e[r];if(t&&t.message)return t.message}return"error"===r&&n||null}function l(e,t){let r=e.errors[t];if(r?.message&&n(e.touchedFields,e.isSubmitted,t))return"string"==typeof r.message?r.message:void 0}r.d(t,{FV:()=>i,f1:()=>a,hG:()=>l,wK:()=>o})},51183:(e,t,r)=>{"use strict";r.d(t,{j:()=>i});var n=r(55729),o=r(7378);let i=n.forwardRef(function(e,t){return n.createElement(o.k,{ref:t,...e,type:"email"})})},63470:(e,t,r)=>{"use strict";r.d(t,{i:()=>i});var n=r(1114),o=r(55729);function i(){return o.createElement("svg",{width:"38",height:"35",viewBox:"0 0 38 35",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement(n.P.path,{d:"M3 14.5L10 2.5H23",stroke:"#F11948",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"256",strokeDashoffset:"225",animate:{strokeDashoffset:[256,225]},transition:{strokeDashoffset:{ease:"easeInOut",repeat:1/0,duration:1,repeatDelay:1}}}),o.createElement(n.P.path,{d:"M7 10H17",stroke:"#F11948",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"256",strokeDashoffset:"256",animate:{strokeDashoffset:[256,256,245,245]},transition:{strokeDashoffset:{ease:"easeInOut",repeat:1/0,duration:2,times:[0,.28,.45,1]}}}),o.createElement(n.P.path,{d:"M28 5.5L35 17.5L26.5 32H10L3 20.5",stroke:"#F11948",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"256",strokeDashoffset:"256",animate:{strokeDashoffset:[256,256,190]},transition:{strokeDashoffset:{ease:"easeInOut",repeat:1/0,duration:2,times:[0,.5,1]}}}))}},66220:(e,t,r)=>{"use strict";r.d(t,{E:()=>y});

27var n,o,i=r(55729),a=r(79945),l=r(90222),s=["title","titleId"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}var u=function(e){var t=e.title,r=e.titleId,o=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,s);return i.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","aria-labelledby":r},o),t?i.createElement("title",{id:r},t):null,n||(n=i.createElement("path",{fill:"currentColor",d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"})))},d=["title","titleId"];function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}var f=function(e){var t=e.title,r=e.titleId,n=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,d);return i.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","aria-labelledby":r},n),t?i.createElement("title",{id:r},t):null,o||(o=i.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-1.757-8.282 6.364-6.364 1.414 1.414-7.071 7.07a1 1 0 0 1-1.414 0L6 12.304l1.414-1.414z",clipRule:"evenodd"})))},p=r(96613);let h=a.Ay.div.withConfig({displayName:"notification__Container",componentId:"p-ui__sc-w1wxqb-0"})(["display:flex;align-items:center;padding:2rem 1.6rem;border-radius:9px;",";font-weight:700;color:",";"," ",";"],(0,l.xK)(),({theme:e})=>e.colors.Notification.Text,({$type:e})=>"success"===e?(0,a.AH)(["background:",";"],({theme:e})=>e.colors.Notification.Success.Background):null,({$type:e})=>"error"===e?(0,a.AH)(["background:",";"],({theme:e})=>e.colors.Notification.Error.Background):null),g=a.Ay.p.withConfig({displayName:"notification__Message",componentId:"p-ui__sc-w1wxqb-1"})(["margin-left:1.2rem;"]),b=a.Ay.div.withConfig({displayName:"notification__IconContainer",componentId:"p-ui__sc-w1wxqb-2"})(["font-size:2rem;"]),v=a.Ay.button.withConfig({displayName:"notification__Dismiss",componentId:"p-ui__sc-w1wxqb-3"})(["margin-left:auto;padding:0 0 0 1.2rem;background:none;border:none;cursor:pointer;color:inherit;font-size:2rem;line-height:1;"]);function y(e){return i.createElement(h,{$type:e.type},i.createElement(b,null,i.createElement(w,{type:e.type})),i.createElement(g,null,e.children),e.onDismiss?i.createElement(v,{type:"button",onClick:e.onDismiss,"aria-label":e.dismissLabel??"Dismiss"},i.createElement(p.rd,{height:"1em"})):null)}function w({type:e}){switch(e){case"error":return i.createElement(u,{height:"1em"});case"success":return i.createElement(f,{height:"1em"})}}},84943:(e,t,r)=>{"use strict";r.d(t,{j:()=>i});var n=r(55729),o=r(87798);function i(e){return n.createElement(o.$,{...e,type:"primary"})}},86597:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[locale]/users/edit/email",function(){return r(93256)}])},93256:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>k,default:()=>C});var n=r(6029),o=r(55729),i=r(90222),a=r(27636),l=r(51595),s=r(79945),c=r(16766),u=r(78128),d=r(40561),m=r(51183),f=r(84943),p=r(65062),h=r(1909),g=r(49052);let b=s.Ay.div.withConfig({componentId:"sc-4b233f39-0"})(["width:100%;display:flex;flex-direction:row-reverse;margin-top:1.8rem;& > button{width:21.8rem;}"]),v=s.Ay.form.withConfig({componentId:"sc-4b233f39-1"})(["width:100%;margin-top:2.4rem;"]);

27function y(e){let{control:t,handleSubmit:r,formState:{errors:o,isDirty:i}}=(0,h.mN)({mode:"onSubmit",defaultValues:{email:e.email}}),a=(0,l.c)("edit"),s=(0,h.as)({name:"email",control:t,rules:{pattern:{value:p.k0.Email.EMAIL_VALIDATION_REGEX,message:a("please-enter-valid-email",{label:a("email-label")})},required:{value:!0,message:a("please-enter-valid-email",{label:a("email-label")})}}});return(0,n.jsx)(v,{onSubmit:r(e.onEmailChanged),children:(0,n.jsxs)(d.X,{isLoading:"loading"===e.status,children:[(0,n.jsx)(m.j,{...s.field,label:a("email-label"),validationStatus:"error"===e.status?"error":(0,g.wK)(o,"email"),message:(0,g.f1)(o,["email"],e.status,e.serverError)||void 0}),(0,n.jsx)(b,{children:(0,n.jsx)(f.j,{submit:!0,disabled:!i,children:a("save-email")})})]})})}var w=r(66220);let E=s.Ay.button.withConfig({componentId:"sc-2105bda0-0"})(["background:none;border:none;padding:0;text-decoration:underline;color:inherit;",";font-weight:700;"],i.xK());function x(e){let t=(0,l.c)("edit");if(e.isLoading)return null;switch(e.verificationStatus){case"pending":return(0,n.jsxs)(w.E,{type:"error",children:[t("we-sent-a-verification-email",{email:e.email})," ",(0,n.jsx)(E,{onClick:e.resendEmail,children:t("resend-verification-email")})]});case"not-verified":return(0,n.jsx)(w.E,{type:"error",children:t.rich("your-email-has-not-been-verified",{link:t=>(0,n.jsx)(E,{onClick:e.resendEmail,children:t})})})}return null}let _=s.Ay.h2.withConfig({componentId:"sc-e6afa304-0"})(["",";width:100%;"],i.Vy());function I(e){let t=(0,l.c)("edit"),{users:r}=(0,u.aq)(),[i,s]=(0,o.useState)("idle"),[d,m]=(0,o.useState)(""),[f,p]=(0,o.useState)(e.email),[h,g]=(0,o.useState)(e.verificationStatus),b=async()=>{s("loading");try{await r.resendConfirmationEmail(),s("success")}catch(e){m(t("server-email-error")),s("error")}},v=async({email:e})=>{try{s("loading"),m("");let t=await r.editEmail(e);if(!t)throw Error("user not updated");p(t.email),g("pending"),s("success")}catch(r){let e=t("server-email-error");r instanceof c.E&&Array.isArray(r.details?.errors)&&(e=r.details.errors.map(e=>e.detail||"").join(" ")),m(e),s("error")}};return(0,n.jsxs)(a.Z,{children:[(0,n.jsx)(_,{children:t("change-email")}),(0,n.jsx)(x,{isLoading:"loading"===i,verificationStatus:h,resendEmail:b,email:f}),(0,n.jsx)(y,{email:f,onEmailChanged:v,serverError:d,status:i})]})}var k=!0;function C({email:e,verificationStatus:t}){return(0,n.jsx)(I,{email:e,verificationStatus:t})}}},e=>{e.O(0,[1909,6613,636,6593,8792],()=>e(e.s=86597)),_N_E=e.O()}]);