https://www.whatchado.com/app/profile-settings-page.bf9a60e3cff8ac39eab5.js

1(self.webpackChunkwcd2=self.webpackChunkwcd2||[]).push([[50579,6102,75101,92848],{77672:(e,t,a)=>{"use strict";a.d(t,{Z:()=>r});const r=(0,a(50049).vU)({loginSuccess:{id:"auth.loginSuccess",defaultMessage:"Login successful!"},passwordWasReset:{id:"auth.passwordWasReset",defaultMessage:"The password was reset"},passwordWasChanged:{id:"auth.passwordWasChanged",defaultMessage:"The password was changed"},notLoggedIn:{id:"auth.notLoggedIn",defaultMessage:"You are not logged in"},passwordResetEmailSent:{id:"auth.passwordResetEmailSent",defaultMessage:"The password reset email was sent"},passwordResetSmsSent:{id:"auth.passwordResetSmsSent",defaultMessage:"The password reset SMS was sent"},invalidIdentifier:{id:"auth.invalidIdentifier",defaultMessage:"The email is invalid"},userNotFound:{id:"auth.userNotFound",defaultMessage:"Could not find the user"},authenticationFailed:{id:"auth.authenticationFailed",defaultMessage:"Login failed"},unexpectedError:{id:"auth.unexpectedError",defaultMessage:"An unexpected error occurred"},googleLoginFailed:{id:"auth.googleLoginFailed",defaultMessage:"The Google login failed"},updateSuccess:{id:"auth.updateSuccess",defaultMessage:"Profile update successful"},notAllowed:{id:"auth.notAllowed",defaultMessage:"The API key is not valid"},invalidToken:{id:"auth.invalidToken",defaultMessage:"Invalid link, please try again."},requestError:{id:"auth.requestError",defaultMessage:"The request data is incomplete"},emailSent:{id:"auth.emailSent",defaultMessage:"The email was sent successfully"},emailSendError:{id:"auth.emailSendError",defaultMessage:"The email could not be sent"}})},24693:(e,t,a)=>{"use strict";a.d(t,{Z:()=>m});var r=a(73126),s=a(67294),n=a(45697),l=a.n(n),o=a(9493),i=a(83662),c=a(63920);const d={h:400,fit:"crop",crop:"faces",q:50,lossless:!0,auto:"format"},u=e=>{const{src:t,imgixParams:a,htmlAttributes:n,className:l,overlay:u}=e,m=(0,c.Z)(t),g=s.createElement(s.Fragment,null,u&&s.createElement("div",{className:`bg-img__overlay bg-img__overlay--${u}`}),e.children),f=`bg-img ${l}`;if(m){const e={...n};return Object.prototype.hasOwnProperty.call(e,"style")||(e.style={backgroundSize:"cover"}),e.style.backgroundImage=`url('${t}')`,s.createElement("div",(0,r.Z)({},n,{className:f}),g)}const p=new i.Z(t),h={...d,...a};return s.createElement(o.Aq,{src:p.url,imgixParams:h,htmlAttributes:n,className:f,disableLibraryParam:!0},g)};u.propTypes={src:l().string,imgixParams:l().object,htmlAttributes:l().object,className:l().string,children:l().oneOfType([l().arrayOf(l().node),l().node]),overlay:l().oneOf(["black"])},u.defaultProps={src:"",imgixParams:{},htmlAttributes:{},className:"",children:null,overlay:null};const m=u},22012:(e,t,a)=>{"use strict";a.d(t,{Z:()=>h});var r=a(73126),s=a(67294),n=a(45697),l=a.n(n),o=a(94184),i=a.n(o),c=a(86896),d=a(94556),u=a(29001),m=a(4246),g=a(49129),f=a(38296);const p=(0,s.forwardRef)(((e,t)=>{const{formatMessage:a}

1=(0,c.Z)(),n=(0,s.useRef)(!1),[l,o]=(0,s.useState)(!1),[p,h]=(0,s.useState)(!1),b=(0,s.useRef)(""),w=(0,s.useRef)(""),{name:v,label:E,htmlAttributes:_,upperHint:y,bottomHint:M,prefixIcon:N,required:S,disabled:k,locked:Z,inline:C,hideBottom:x,size:R}=e,P=()=>{let t=!0;w.current="";const{validationRules:r,customValidation:s}=e,n={...r};n.password=!0,S&&(n.required=!0);const l=d.ZP.validate(n,b.current,a,s);return t=l.valid,w.current=l.errorMsg,t};(0,s.useEffect)((()=>{e?.formOnRegister(v,b?.current,P())}),[]),(0,s.useImperativeHandle)(t,(()=>({validate:P})));const T=i()("text-input-new__container",{"text-input-new__container--focused":l,"text-input-new__container--disabled":k,"text-input-new__container--locked":Z,"text-input-new__container--kilo":"KILO"===R,"text-input-new__container--mega":"MEGA"===R}),L=i()("text-input-new__underline text-input-new__underline--new",{"text-input-new__underline--focused":l}),I=i()("text-input-new__validatorline text-input-new__underline--new",{"text-input-new__validatorline--valid":P()&&!l&&n.current,"text-input-new__validatorline--error":!P()&&!l&&n.current}),O={..._,disabled:k||Z};return s.createElement("div",{className:"text-input-new__wrapper"},!C&&s.createElement(u.Z,{required:S,name:v,upperHint:y},E),s.createElement("div",{className:T},s.createElement(m.Z,{icon:N}),s.createElement("input",(0,r.Z)({className:"text-input-new__input",type:p?"text":"password",name:v},O,{defaultValue:b.current,autoComplete:"off",onChange:t=>{b.current=t.target.value,e?.formOnChange(v,b.current,P()),e?.onChange(b.current)},onFocus:()=>o(!0),onBlur:()=>{n.current||(n.current=!0),o(!1),e?.formOnChange(v,b.current,P())},ref:t})),s.createElement(g.Z,{showValidation:n.current&&!l,showRevealPassword:!0,revealPasswordState:p,onRevealPasswordClick:()=>h(!p),validatorIcon:P()?"valid":"invalid"})),s.createElement("span",{className:L}),s.createElement("span",{className:I}),!C&&!x&&s.createElement(f.Z,{showErrorMessages:n.current&&!l,errorMessages:w.current,bottomHint:M}))}));p.propTypes={name:l().string.isRequired,label:l().string,htmlAttributes:l().object,upperHint:l().string,bottomHint:l().string,prefixIcon:l().string,required:l().bool,disabled:l().bool,locked:l().bool,inline:l().bool,hideBottom:l().bool,size:l().oneOf(["NORMAL","KILO","MEGA"]),validationRules:l().object,customValidation:l().func,onChange:l().func,formOnRegister:l().func,formOnChange:l().func},p.defaultProps={label:"",htmlAttributes:{},upperHint:"",bottomHint:"",prefixIcon:"",required:!1,disabled:!1,locked:!1,inline:!1,hideBottom:!1,size:"NORMAL",validationRules:{},customValidation:null,onChange:()=>{},formOnRegister:()=>{},formOnChange:()=>{}},p.displayName="InputPassword";const h=p},65955:(e,t,a)=>{"use strict";a.d(t,{Z:()=>s});var r;a(22578);const s=(void 0!==r||(r=a(20562)).hash&&"dd85dea5f95bef0c8c818365c4fa4a29"!==r.hash&&console.error("The definition of 'MatchingMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."),r)},20562:e=>{"use strict";const t={fragment:{argumentDefinitions:a=[{defaultValue:null,kind:"LocalArgument",name:"value"}],kind:"Fragment",metadata:null,name:"MatchingMutation",selections:r=[{alias:null,args:[{kind:"Variable",name:"value",variableName:"value"}],concreteType:"StandardReply",kind:"LinkedField",name:"matching",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"success",storageKey:null}],storageKey:null}],type:"Mutations",abstractKey:null},kind:"Request",operation:{argumentDefinitions:a,kind:"Operation",name:"MatchingMutation",selections:r},params:{cacheID:"4233016b36532df9ef105831c13b7cc7",id:null,metadata:{},name:"MatchingMutation",operationKind:"mutation",text:"mutation MatchingMutation(\n  $value: Matching!\n) {\n  matching(value: $value) {\n    success\n  }\n}\n"}};var a,r;t.hash="dd85dea5f95bef0c8c818365c4fa4a29",e.exports=t},75101:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>m});var r=a(67294),s=a(45697),n=a.n(s),l=a(94184),o=a.n(l),i=a(45099),c=a(6102),d=a(24693);const u=e=>{const t=o()("grid__item text--center",{"two-thirds lap--four-fifths tablet-and-down--one-whole":"full"!==e.width,"one-whole":"full"===e.width,"bg--white soft--sides margin--ends round-edges-16 shadow--hover":e.boxed}),a=o()("uppercase weight--bold",{"color--error-color":"error"===e.type,"color--success-color":"success"===e.type,"color--orange":"message"===e.type}),s=o()(`${e.titleClass}`,{"hard--top":e.preTitle,"color--error-color":"error"===e.type}),n=o()(`hard--top ${e.messageClass}`,{"color--error-color":"error"===e.type,"p--lead":"lead"===e.messageType}),l=o()("placeholder-color soft--top",{"soft--bottom":e.message}),u=r.createElement("div",{className:`grid-limiter ${e.className}`},r.createElement("div",{className:"grid grid--center grid--full"},r.createElement("div",{className:t},(e.preTitle||e.topSvg)&&r.createElement("p",{className:"soft-three-quarter--top"},e.topSvg&&r.createElement("span",{className:"block"},e.topSvg),e.preTitle&&r.createElement("span",{className:a},e.preTitle)),e.title?r.createElement("h1",{className:s},e.title):"",e.hideWave?"":r.createElement("p",{className:l,key:"svg"},r.createElement(i.Z,{src:c.default,preventServerDiv:!0,renderClass:!1}

1)),e.message?r.createElement("p",{key:"message",className:n},e.message):"",e.children?e.children:"",e.link&&r.createElement("p",{className:"hard--bottom"},e.link),e.bottomSvg?r.createElement("p",null,e.bottomSvg):"")));return e.backgroundSvgUrl?r.createElement(d.Z,{src:e.backgroundSvgUrl,htmlAttributes:{style:e.backgroundSvgStyle}},u):u};u.defaultProps={className:"",topSvg:null,preTitle:"",title:"Title placeholder",titleClass:"",message:"",messageClass:"",messageType:"",link:null,bottomSvg:null,backgroundSvgUrl:"",backgroundSvgStyle:null,hideWave:!1,type:"message",width:"",children:null,boxed:!1},u.propTypes={className:n().string,type:n().string,topSvg:n().object,preTitle:n().string,title:n().string,titleClass:n().string,message:n().string,messageClass:n().string,messageType:n().string,link:n().object,bottomSvg:n().object,backgroundSvgUrl:n().string,backgroundSvgStyle:n().object,hideWave:n().bool,width:n().string,children:n().node,boxed:n().bool};const m=u},16228:(e,t,a)=>{"use strict";a.d(t,{Z:()=>p});var r=a(67294),s=a(45697),n=a.n(s),l=a(94184),o=a.n(l),i=a(86896),c=a(94556),d=a(45099),u=a(29001);const m=e=>{const{bottomHint:t,showErrorMessages:a,errorMessages:s}=e;return r.createElement("span",{className:"dropdown__hint-container"},t&&r.createElement("span",{className:"dropdown__typing-hint"},t),a&&r.createElement("span",{className:"dropdown__error-hint"},s))};m.propTypes={bottomHint:n().string,errorMessages:n().string,showErrorMessages:n().bool},m.defaultProps={bottomHint:"",errorMessages:"",showErrorMessages:!1};const g=m,f=(0,r.forwardRef)(((e,t)=>{const{formatMessage:a}=(0,i.Z)(),s=(0,r.useRef)(!1),[n,l]=(0,r.useState)(!1),[m,f]=(0,r.useState)(!1),[p,h]=(0,r.useReducer)((e=>e+1),0),b=(0,r.useRef)(e.value),w=(0,r.useRef)(""),{name:v,label:E,upperHint:_,bottomHint:y,mobileIcon:M,required:N,disabled:S,inline:k,locked:Z,hideBottom:C,disableValidation:x,className:R,placeholder:P,children:T,size:L}=e,I=()=>{let t=!0;w.current="";const{customValidation:r}=e,s={};N&&(s.required=!0);const n=c.ZP.validate(s,b.current,a,r);return t=n.valid,w.current=n.errorMsg,t};(0,r.useEffect)((()=>{e?.formOnRegister(v,b,I())}),[]),(0,r.useEffect)((()=>{e.value!==b.current&&(b.current=e.value,h()),e?.formOnChange(v,b.current,I())}),[e.value]),(0,r.useImperativeHandle)(t,(()=>({validate:I})));const O=o()(`dropdown ${R}`,{"dropdown--kilo":"KILO"===L,"dropdown--mega":"MEGA"===L,"dropdown--small":"MILLI"===L,"dropdown--disabled":S,"dropdown--mobile":!!M}),D=o()("dropdown__container",{"dropdown__container--focused":m,"dropdown__container--locked":Z}),q=o()("dropdown__field",{"placeholder-color":!b.current}),A=o()("dropdown__arrow",{"dropdown__arrow--big":["KILO","MEGA"].includes(L),"dropdown__arrow--small":"MILLI"===L}),H=o()("dropdown__underline",{"dropdown__underline--focused":m}),V=o()("dropdown__validatorline",{"dropdown__validatorline--valid":I()&&!m&&s.current,"dropdown__validatorline--error":!I()&&!m&&s.current});return r.createElement("div",{className:O},!k&&r.createElement(u.Z,{required:N,name:v,upperHint:_},E),r.createElement("div",{className:D},M&&r.createElement("span",{className:"dropdown__mobileicon"},r.createElement(d.Z,{icon:M})),r.createElement("select",{"aria-label":E||v,name:v,defaultValue:b.current,disabled:S||Z,className:q,onChange:t=>{b.current=t?.target?.value,e?.formOnChange(v,b.current,I()),e?.onChange(b.current),n||l(!0)},onFocus:()=>{f(!0)},onBlur:()=>{s.current||(s.current=!0),f(!1),e?.formOnChange(v,b.current,I())},ref:t,key:p},P&&r.createElement("option",{value:"",disabled:!0},P),T),r.createElement("span",{className:A},r.createElement(d.Z,{icon:"arrow-corner"}))),r.createElement("span",{className:H}),!x&&r.createElement("span",{className:V}),!C&&!k&&(!x||y)&&r.createElement(g,{showErrorMessages:s.current,errorMessages:w.current,bottomHint:y}))}));f.propTypes={name:n().string.isRequired,value:n().oneOfType([n().string,n().number]),label:n().string,placeholder:n().string,className:n().string,upperHint:n().string,bottomHint:n().string,mobileIcon:n().string,required:n().bool,disabled:n().bool,locked:n().bool,inline:n().bool,hideBottom:n().bool,disableValidation:n().bool,customValidation:n().func,size:n().oneOf(["MILLI","NORMAL","KILO","MEGA"]),children:n().node,formOnRegister:n().func,formOnChange:n().func,onChange:n().func},f.defaultProps={value:"",label:"",placeholder:"",className:"",upperHint:"",bottomHint:"",mobileIcon:"",required:!1,disabled:!1,inline:!1,locked:!1,hideBottom:!1,disableValidation:!1,size:"NORMAL",children:null,customValidation:null,formOnRegister:()=>{},formOnChange:()=>{},onChange:()=>{}},f.displayName="Select";const p=f},58946:(e,t,a)=>{"use strict";a.d(t,{Z:()=>f});var r=a(67294),s=a(45697),n=a.n(s),l=a(94184),o=a.n(l),i=a(50049),c=a(86896),d=a(55448),u=a(45099);const m=(0,i.vU)({success:{id:"forms.success",defaultMessage:"All done."},error:{id:"forms.error",defaultMessage:"Something went wrong."}}),g=(0,r.forwardRef)(((e,t)=>{const a=(0,c.Z)(),{id:s,name:n,size:l,color:i,className:g,disabled:f,disableStates:p,hideMessage:h,serverResponse:b}=e,[w,v]=(0,r.useState)(!1),E=()=>!e?.formIsValid||e.formIsValid(),[_,y]=(0,r.useState)(!1),[M,N]=(0,r.useState)(!1);(0,r.useEffect)((()=>{E()!==_&&y(E())}),[]),(0,r.useEffect)((()=>{v(!1)}),[b]);const S=e=>{M&&N(!1),_!==e&&y(e)};(0,r.useImperativeHandle)(t,(()=>({shouldUpdateSubmit:S})));const k=o()("submit-button__wrapper",{"submit-button__wrapper--full":"full"===l}),Z=o()(`submit-button submit-button--${i} ${g}`,{"submit-button--small":"small"===l,"submit-button--big":"big"===l,"submit-button--wide":"wide"===l,"submit-button--full":"full"===l,"submit-button--disabled":f||!_,"submit-button--success":M&&!w&&b?.success,"submit-button--error":M&&!w&&b&&!b.success}),C=o()("",{white:!i.includes("outline")}),x=o()("submit-button__message",{"submit-button__message--success":M&&b?.success,"submit-button__message--error":M&&!!b?.message&&!b?.success}),R=o()("submit-button__content",{"submit-button__content--loading":w,"submit-button__content--success":M&&!w&&b});return r.createElement("div",{className:k},r.createElement("div",{className:Z},r.createElement("div",{className:"submit-button__container"},r.createElement("div",{className:R},r.createElement("button",{className:"submit-button__item submit-button__item--submit",type:"submit",id:s,name:n,onClick:t=>f||!_||w||M?(t.preventDefault(),!1):(p||(N(!0),v(!0)),e?.formOnSubmit&&e.formOnSubmit(),!0),disabled:f||!_},e.children||"Submit"),r.createElement("div",{className:"submit-button__item"},r.createElement(d.Z,{color:C})),r.createElement("div",{className:"submit-button__item"},b?.success?r.createElement(u.Z,{icon:"checkmark-circled",size:32,className:"new-submit-button__success",id:"submit-success",key:"svg-checkmark"}):r.createElement(u.Z,{icon:"x-circle",size:32,className:"new-submit-button__failed",id:"submit-failed",key:"svg-reset"}))))),!h&&r.createElement("div",{className:x,id:"submit-message"},(()=>{let t="";const{serverMessages:r}=e;if(b?.success&&(t=a.formatMessage(m.success)),b&&!b.success&&(t=a.formatMessage(m.error)),r){try{if(b?.message&&r){const e=b.message.match(/\[(.*)\]/);if(e){const t=e[1];return a.formatMessage(r[t])}return b.message}}catch(e){console.warn(e)}return""}return t||""})()))}));g.propTypes={id:n().string.isRequired,name:n().string.isRequired,color:n().string,

1size:n().string,disabled:n().bool,disableStates:n().bool,hideMessage:n().bool,className:n().string,children:n().node,formIsValid:n().func,formOnSubmit:n().func,serverResponse:n().object,serverMessages:n().object},g.defaultProps={color:"orange",size:"",disabled:!1,disableStates:!1,hideMessage:!1,className:"",children:null,formIsValid:()=>{},formOnSubmit:()=>{},serverResponse:null,serverMessages:null},g.displayName="Submit";const f=g},72620:e=>{e.exports={cdns:{frontend:{production:"https://wf.imgix.net",fallback:"https://www.whatchado.com/assets",development:"https://wf.imgix.net",source:"/assets"},cloud:{production:"https://wg.imgix.net",fallback:"https://storage.googleapis.com/wcd-assets",development:"https://wg.imgix.net",source:""},assets:{production:"https://wl.imgix.net",fallback:"https://assets.whatchado.com",development:"https://wl.imgix.net",source:""},craft:{production:"https://wcd-craft.imgix.net",fallback:"https://storage.googleapis.com/wcd-craft",development:"https://wcd-craft.imgix.net",source:""}},paths:{icon:"/icon",img:"/img"},imgix:{enabled:!0,apikeys:{frontend:"",cloud:"",legacy:"VY58z9na3Yq7reDShpZV3e5QS4kXRXAX"},default:{auto:"format",dpr:1,crop:!1,fit:"fit",width:1,height:1,lossless:1,q:50}}}},76757:e=>{e.exports={age:{1:"age_under_13",13:"age_13_17",18:"age_18_24",25:"age_25_34",35:"age_35_44",45:"age_45_54",55:"age_55_64",65:"age_65_plus"}}},79688:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>I});var r=a(73126),s=a(67294),n=a(45697),l=a.n(n),o=a(50049),i=a(86896),c=a(44012),d=a(64593),u=a(22578),m=a(3569),g=a(82965),f=a(50361),p=a.n(f),h=a(35229),b=a(16228),w=a(58946),v=a(76757),E=a.n(v),_=a(77672),y=a(67547),M=a(88202),N=a(22012);const S=()=>{const e=(0,s.useContext)(y.ZP),t=(0,s.useContext)(u.ReactRelayContext),{formatMessage:a}=(0,i.Z)(),[n,l]=(0,s.useState)(!1),[d,m]=(0,s.useState)(null),[f,p]=(0,s.useState)(Math.random),{registerInput:h,registerSubmit:b,getChild:v,updateChild:E,removeChild:S}=(0,g.Z)(),k=(0,o.vU)({metaTitle:{id:"profilepassword.title",defaultMessage:"Password"},metaDescription:{id:"profilepassword.metaDescription",defaultMessage:"Password"},oldpassword:{id:"profile.password",defaultMessage:"Current password"},newpassword:{id:"profile.newpassword",defaultMessage:"New password"},newpasswordrepeat:{id:"profile.newpasswordrepeat",defaultMessage:"New password (repeat)"},passwordpagetitle:{id:"profile.passwordpagetitle",defaultMessage:"Change password"},equalPasswordsError:{id:"forms.equalPasswordsError",defaultMessage:"The password fields must contain the same value"}}),Z=e=>{const t=v("password"),r=t.valid&&t.value===e;return{valid:r,key:r?"":"notEqual",message:r?"":a(k.equalPasswordsError)}},C=e=>{l(!1),m({...e}),S("password"),S("password2"),p(Math.random)},x=e=>{l(!1);Object.prototype.hasOwnProperty.call(e,"success")&&Object.prototype.hasOwnProperty.call(e,"message")?m({...e}):console.error(e)};return s.createElement("section",{className:"block",key:"content"},s.createElement("h1",{className:"hard--top beta"},s.createElement(c.Z,{id:"profile.passwordpage",defaultMessage:"Change password"})),s.createElement("div",{className:"grid"},s.createElement("div",{className:"grid__item one-half lap-and-down--one-whole"},s.createElement("form",{className:"soft--bottom",onSubmit:a=>{if(a.preventDefault(),!t||!e)return!1;l(!0);return new M.Z(t.environment,e.locale).updatePassword(v("password")?.value,C,x),!0},key:f},s.createElement(N.Z,(0,r.Z)({},h("password"),{value:"",label:a(k.newpassword),onChange:()=>(()=>{const e=v("password2")?.value;if(!e)return!1;const t=Z(e);return E("password2",e,t.valid),!0})(),prefixIcon:"lock",required:!0})),s.createElement(N.Z,(0,r.Z)({},h("password2"),{value:"",label:a(k.newpasswordrepeat),customValidation:Z,prefixIcon:"lock",required:!0})),s.createElement(w.Z,(0,r.Z)({},b("submitSave"),{serverMessages:_.Z,serverResponse:d,disabled:n,size:"full",className:"margin-half--right"}),s.createElement(c.Z,{id:"profile.save",defaultMessage:"Save"}))))))};var k=a(75223),Z=a(76411),C=a(4599),x=a(75101),R=a(65955);const P=()=>

1{const[e,t]=(0,s.useState)(!1),[a,r]=(0,s.useState)(!1),[n,l]=(0,s.useState)(!1),[d,g]=(0,s.useState)(!1),f=(0,m.Q)(),p=(0,s.useContext)(y.ZP),h=(0,s.useContext)(u.ReactRelayContext),b=(0,k.tv)(),w=(0,i.Z)(),v=(0,o.vU)({metaTitle:{id:"profile.profileDatePage",defaultMessage:"Your whatchado data"},confirmMatchingDeletePreTitle:{id:"profile.confirmMatchingDeletePreTitle",defaultMessage:"Let me stop you for a sec"},confirmMatchingDeleteTitle:{id:"profile.confirmMatchingDeleteTitle",defaultMessage:"Are you sure you want to reset your matching?"},confirmProfileDeletePreTitle:{id:"profile.confirmProfileDeletePreTitle",defaultMessage:"Let me stop you for a sec"},confirmProfileDeleteTitle:{id:"profile.confirmProfileDeleteTitle",defaultMessage:"Are you sure you want to delete your profile?"}}),E=e=>{console.error(e)},_=()=>{g((e=>!e))},N=()=>{l((e=>!e))},{formatMessage:S}=w,P=new M.Z(h.environment,p.locale);return s.createElement(s.Fragment,null,s.createElement("section",{className:"block",key:"content"},s.createElement("h1",{className:"hard--top beta"},s.createElement(c.Z,{id:"profile.profileDatePage",defaultMessage:"Your whatchado data"})),s.createElement("p",null,s.createElement(c.Z,{id:"profile.dataIntroText",defaultMessage:"You are in control of your data. If you want to know more about the data we're processing..."})),s.createElement("p",null,(a=>{const r=e?s.createElement(c.Z,{id:"profile.dataDownloadRequested",defaultMessage:"We received your request and will take care of it in the next 72 hours."}):s.createElement(c.Z,{id:"profile.downloadDataBtn",defaultMessage:"Download your data"});return s.createElement(Z.default,{onClick:()=>(a=>!e&&(a.gdprFetch((()=>t(!0)),(e=>E(e))),!0))(a),type:"secondary",icon:e?null:"download",key:e?"svg-none":"svg-download",disabled:e},r)})(P)),s.createElement("p",null,(()=>{const e=a?s.createElement(c.Z,{id:"profile.matchingDeleted",defaultMessage:"Your matching is deleted"}):s.createElement(c.Z,{id:"profile.deleteMatchingBtn",defaultMessage:"Delete your matching"});return s.createElement(Z.default,{onClick:()=>N(),type:"secondary-outline",icon:a?null:"trashcan",key:a?"svg-none":"svg-trashcan",disabled:a},e)})()),s.createElement("h2",null,s.createElement(c.Z,{id:"profile.deleteYourProfile",defaultMessage:"Delete your profile"})),s.createElement("p",null,s.createElement(c.Z,{id:"profile.deleteYourProfileText",defaultMessage:"Do you want to delete your whatchado profile? We'll take care of it."})),s.createElement("p",null,s.createElement(Z.default,{onClick:()=>_(),type:"secondary-outline",icon:"trashcan"},s.createElement(c.Z,{id:"profile.deleteProfileBtn",defaultMessage:"Delete your Profile"})))),s.createElement(C.default,{onClose:()=>N(),isOpen:n,contentLabel:"Profile delete confirm",key:"modal-delete-matching"},s.createElement(x.default,{preTitle:S(v.confirmMatchingDeletePreTitle),title:S(v.confirmMatchingDeleteTitle),width:"full"},s.createElement("p",null,s.createElement(c.Z,{id:"profile.confirmMatchingDeleteText",defaultMessage:"By clicking the delete button, your matching is going to be reset."})),s.createElement(Z.default,{type:"primary",className:"margin-half--sides",onClick:()=>!(a||!h||(f.test("MATCHING","RESET",b.match.location.pathname),(0,u.commitMutation)(h.environment,{mutation:R.Z,variables:{value:[]},onCompleted:()=>{r(!0),l(!1)},onError:e=>E(e)}),0))},s.createElement(c.Z,{id:"profile.confirmMatchingDeleteButton",defaultMessage:"Reset matching"})))),s.createElement(C.default,{onClose:()=>_(),isOpen:d,contentLabel:"Profile delete confirm",key:"modal-delete-profile"},s.createElement(x.default,{preTitle:S(v.confirmProfileDeletePreTitle),title:S(v.confirmProfileDeleteTitle),width:"full"},s.createElement("p",null,s.createElement(c.Z,{id:"profile.confirmProfileDeleteText",defaultMessage:"By clicking the delete button, your profile is going to be deleted within the next 72 hours. During that time you'll still be able to access your profile. We'll send you a confirmation email including your data at the end."})),s.createElement(Z.default,{type:"primary",className:"margin-half--sides",onClick:()=>(e=>{f.userProfile("PROFILE_DELETED",b.match.location.pathname),e.gdprDelete((()=>{window.location.replace(`/${p.locale}`)}),(e=>E(e)))})(P)},s.createElement(c.Z,{id:"profile.confirmProfileDeleteButton",defaultMessage:"Delete profile"})))))};var T=a(68525);const L=e=>

1{const[t,a]=(0,s.useState)(null),[n,l]=(0,s.useState)(!1),{getChild:f,registerInput:v,registerSubmit:y}=(0,g.Z)(),M=(0,o.vU)({metaTitle:{id:"profileSettings.title",defaultMessage:"Settings"},metaDescription:{id:"profileSettings.metaDescription",defaultMessage:"Settings"},firstname:{id:"profile.firstname",defaultMessage:"Firstname"},lastname:{id:"profile.lastname",defaultMessage:"Lastname"},age:{id:"profile.age",defaultMessage:"Age"},save:{id:"profile.save",defaultMessage:"Save"},pagetitle:{id:"profile.title",defaultMessage:"Profile"},age_under_13:{id:"profile.age_under_13",defaultMessage:"Under 13 years"},age_13_17:{id:"profile.age_13_17",defaultMessage:"13-17 years"},age_18_24:{id:"profile.age_18_24",defaultMessage:"18-24 years"},age_25_34:{id:"profile.age_25_34",defaultMessage:"25-34 years"},age_35_44:{id:"profile.age_35_44",defaultMessage:"35-44 years"},age_45_54:{id:"profile.age_45_54",defaultMessage:"45-54 years"},age_55_64:{id:"profile.age_55_64",defaultMessage:"55-64 years"},age_65_plus:{id:"profile.age_65_plus",defaultMessage:"65+ years"},selectPlaceholder:{id:"select.placeholder",defaultMessage:"Please select one"}}),N=(0,m.Q)(),{authenticated:k}=e.user;let Z=p()(e.user.profile);(0,s.useLayoutEffect)((()=>{N.pageview(e.match.location.pathname,N.getReferrer(),"personal-settings")}),[]);const{formatMessage:C}=(0,i.Z)();return k?[s.createElement(d.q,{key:"helmet"},s.createElement("title",null,C(M.metaTitle)),s.createElement("script",null,"dataLayer.push({page_type:'Profile'})"),s.createElement("meta",{name:"description",content:C(M.metaDescription)})),s.createElement("div",{key:"content"},s.createElement("section",{className:"soft--section"},s.createElement("div",{className:"grid-limiter"},s.createElement("div",{className:"grid grid--center"},s.createElement("div",{className:"grid__item two-thirds tablet-and-down--one-whole"},s.createElement("h1",{className:"hard--top soft--bottom beta"},s.createElement(c.Z,{id:"profile.settingspage",defaultMessage:"Profile settings"})),s.createElement("div",{className:"grid"},s.createElement("div",{className:"grid__item one-half lap-and-down--one-whole"},s.createElement("form",{className:"soft--bottom",onSubmit:t=>{t.preventDefault();const r=f("firstName")?.value,s=f("lastName")?.value,n=f("age")?.value,{relay:o}=e,i=p()(Z);return i.firstName=r,i.lastName=s,i.firstName=r,i.age=+n,(0,u.commitMutation)(o.environment,{mutation:T.A,variables:{...i},onCompleted:e=>{Z=i,l(!1),a({...e?.auth?.updateProfile})},onError:e=>{console.warn("data saving error,",e)}}),!0},key:"userProfile"},s.createElement(h.Z,(0,r.Z)({},v("firstName",Z.firstName||""),{placeholder:C(M.firstname),label:C(M.firstname),required:!0})),s.createElement(h.Z,(0,r.Z)({},v("lastName",Z.lastName||""),{placeholder:C(M.lastname),label:C(M.lastname),required:!0})),s.createElement(b.Z,(0,r.Z)({},v("age",(x=Z.age,"number"==typeof x?`${x}`:`${x}`||"")),{placeholder:C(M.selectPlaceholder),className:"select-input",label:C(M.age),required:!0}),Object.keys(E().age).map((e=>{const t=E().age[e];return s.createElement("option",{value:e,key:e},C(M[t]))}))),s.createElement(w.Z,(0,r.Z)({},y("submitSettingsSave"),{serverMessages:_.Z,serverResponse:t,disabled:n,size:"full",className:"margin-half--right"}),s.createElement(c.Z,{id:"profile.save",defaultMessage:"Save"}))))))))),s.createElement("section",{className:"soft--section bg--white"},s.createElement("div",{className:"grid-limiter"},s.createElement("div",{className:"grid grid--center"},s.createElement("div",{className:"grid__item two-thirds tablet-and-down--one-whole"},s.createElement(S,null))))),s.createElement("section",{className:"soft--section"},s.createElement("div",{className:"grid-limiter"},s.createElement("div",{className:"grid grid--center"},s.createElement("div",{className:"grid__item two-thirds tablet-and-down--one-whole"},s.createElement(P,null))))))]:null;var x};L.propTypes={user:l().object.isRequired,match:l().object.isRequired,relay:l().object.isRequired,intl:l().object.isRequired,tracker:l().object.isRequired,getReferrer:l().func.isRequired};const I=L},82965:(e,t,a)=>{"use strict";a.d(t,{Z:()=>l});var r=a(67294),s=a(23279),n=a.n(s);const l=()=>{let e=0;const t=(0,r.useRef)([]),a=(0,r.useRef)([]),s=(0,r.useRef)({}),l=(0,r.useRef)({}),o=e=>{0},i=()=>{e+=1},c=e=>t.current.some((t=>t.name===e)),d=()=>!t.current.some((e=>!e.valid)),u=(e,a)=>{"boolean"==typeof a&&(t.current[e].valid=a)},m=(0,r.useCallback)(n()((()=>{Object.keys(a?.current).map((e=>{const t=a?.current[e];t?.shouldUpdateSubmit&&t.shouldUpdateSubmit(d())}))}),50),[]),g=(e,a,r=!0)=>{try{if(!e)throw Error("missing item name");

1if(c(e))throw Error(`existing child with name ${e}`);t.current.push({name:e,value:a,valid:r})}catch(e){o()}},f=(e,a,r,s)=>{try{if(!e)throw Error("missing item id");if(c(e)){if(a){const n=t.current.findIndex((t=>t.name===e));if("radio"===s){t.current[n].value=[a];const r=l.current[e];Object.keys(r).map((e=>{e!==a&&r[e].changeChecked(!1)}))}else{const e=t.current[n].value;e.push(a),t.current[n].value=Array.from(new Set(e))}u(n,r()),m()}}else{let t=[];a&&""!==a&&(t=[a]),g(e,t,r())}}catch(e){o()}},p=(e,a,r)=>{try{if(!e)throw Error("missing item id");if(!c(e))throw Error(`${e} is a not registered item`);const s=t.current.findIndex((t=>t.name===e));if(t.current[s].value===a&&t.current[s].valid===r)return!1;t.current[s].value=a,u(s,r),m()}catch(e){o()}return!0},h=(e,a,r)=>{try{if(!e)throw Error("missing item id");if(!a)throw Error("missing item value");if(!c(e))throw Error(`no group with name of ${e}`);const s=t.current.findIndex((t=>t.name===e)),n=t.current[s].value;t.current[s].value=n.filter((e=>e!==a)),u(s,r()),m()}catch(e){o()}};return{registerInput:(e,t)=>({name:e,id:e,value:t,formOnRegister:g,formOnChange:p,ref:t=>{s.current[e]=t}}),registerSubmit:e=>({name:e,id:e,formIsValid:d,formOnSubmit:i,ref:t=>{a.current[e]=t}}),registerGroupItem:(e,t)=>({name:e,id:e,value:t,formOnGroupChange:f,formOnGroupRemove:h,ref:a=>{l.current[e]={...l.current[e],[t]:a}}}),addChild:g,addGroupItem:f,hasChild:c,updateChild:p,getChildren:()=>t.current,getChild:e=>{try{if(!e)throw Error("missing item name");

1if(!c(e))throw Error(`no child with name of ${e}`);return t.current.find((t=>t.name===e))}catch(e){return o(),{name:null,value:null,valid:!1}}},removeChild:e=>{try{if(!e)throw Error("missing item name");if(!c(e))throw Error(`no child with name of ${e}`);t.current=t.current.filter((t=>t.name!==e))}catch(e){o()}},removeGroupItem:h,removeChildren:()=>{try{t.current=[]}catch(e){o()}},formIsValid:d,getSubmitCounter:()=>e}}},83662:(e,t,a)=>{"use strict";a.d(t,{Z:()=>n});var r=a(72620),s=a.n(r);const n=class{constructor(e,t){this.cdnSlugFormat=/^\[(.*?)\]/,this._url=e||"",this._noImgix=!!t,this.setCdnByUrl()}set cdn(e){this._cdn=e}get cdn(){return this._cdn}set url(e){this._url=e||"",this.setCdnByUrl()}get url(){return this.cdnizeUrl()}setCdnByUrl(){const e=this._url.match(this.cdnSlugFormat);e&&(this._url=this.cleanUrl(this._url),this._cdn=e[1])}cleanUrl(e){return e.replace(this.cdnSlugFormat,"")}cdnizeUrl(){return this.getCdnDomain()+this._url}getCdnDomain(){const e=s().cdns[this._cdn];return e?this._noImgix?e.fallback:s().imgix.enabled?e.production:e.fallback:""}}},63920:(e,t,a)=>{"use strict";a.d(t,{Z:()=>r});const r=e=>e?.toString().match(/^https?:\//)},6102:(e,t,a)=>{"use strict";a.d(t,{default:()=>r});const r='<svg width="110" height="5" viewBox="0 0 110 5"><path fill="#4495A6" fill-rule="evenodd" d="M108.853.147a.5.5 0 0 0-.707 0L104.5 3.793 100.853.147a.5.5 0 0 0-.707 0L96.5 3.793 92.853.147a.5.5 0 0 0-.707 0L88.5 3.793 84.853.147a.5.5 0 0 0-.707 0L80.5 3.793 76.853.147a.5.5 0 0 0-.707 0L72.5 3.793 68.853.147a.5.5 0 0 0-.707 0L64.5 3.793 60.853.147a.5.5 0 0 0-.707 0L56.5 3.793 52.853.147a.5.5 0 0 0-.707 0L48.5 3.793 44.853.147a.5.5 0 0 0-.707 0L40.5 3.793 36.853.147a.5.5 0 0 0-.707 0L32.5 3.793 28.853.147a.5.5 0 0 0-.707 0L24.5 3.793 20.853.147a.5.5 0 0 0-.707 0L16.5 3.793 12.853.147a.5.5 0 0 0-.707 0L8.5 3.793 4.853.147a.5.5 0 0 0-.707 0l-4 4a.5.5 0 0 0 .707.707L4.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L12.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L20.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L28.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L36.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L44.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L52.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L60.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L68.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L76.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L84.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0L92.5 1.208l3.647 3.646a.5.5 0 0 0 .707 0l3.646-3.646 3.647 3.646a.5.5 0 0 0 .707 0l4-4a.5.5 0 0 0 0-.707"/></svg>'}}]);