{"version":3,"sources":["webpack:///./Avensia.Common/Features/Account/MyPages/ChangePassword/ChangePasswordPage.tsx","webpack:///./Avensia.Common/Features/Shared/Breadcrumbs/index.tsx","webpack:///./Avensia.Common/Features/Shared/Generic/h1.tsx","webpack:///./Avensia.Common/Features/Account/Form/AccountForm.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/components/Panel.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/components/Content.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/MyPagesBaseLayout.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/hide-password.svg","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/show-password.svg","webpack:///./Avensia.Common/Features/Shared/Icon/Eye.tsx","webpack:///./Avensia.Common/Features/Shared/PasswordVisibility/index.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/Check-Success.tsx","webpack:///./Avensia.Common/Features/Shared/SuccessMessage.tsx"],"names":["currentInput","initialInputValues","currentPassword","newPassword","repeatPassword","props","setInputValue","e","setState","inputs","state","currentTarget","name","value","validateInputs","isValid","errorMessageList","Object","entries","key","errors","onSubmit","this","changePasswordUrl","success","message","isSuccess","Promise","reject","onPasswordFieldInput","onEyeIconClick","showCurrentPassword","showNewPassword","showRepeatPassword","onSuccessMessage","setTimeout","page","successMessage","render","FormStyle","backgroundColor","padding","x","y","layout","TwoToThree","buttonCaption","submitButtonCaption","buttonAction","customFormStyle","inputLabel","currentPasswordLabel","inputPlaceholder","inputValue","onChange","error","newPasswordLabel","repeatPasswordLabel","ServerError","margin","currentBreakpoint","ChangePassword","Li","li","marginLeft","content","PathLink","color","textDecoration","CurrentLink","fontWeight","placeholderBreadcrum","text","url","isVariationPage","currentPage","dispatch","navigateMainMenu","Div","css","compose","row","breadcrumbs","slice","isSliced","map","breadcrumb","index","length","Item","itemProp","to","onClick","charAt","toUpperCase","substr","toLowerCase","String","display","flexFlow","justifyContent","lineHeight","h1","fontSize","behavior","KeepEnabled","preventDefault","feedback","push","FeedbackButton","Button","FormContainer","heading","H1","Form","marginBottom","noValidate","children","appearance","Primary","Full","disabled","type","redirectLink","textAlign","RedirectLink","redirectLabel","Component","div","borderRadius","xy","doLogout","logoutUrl","then","menuList","forEach","menu","includeAppShellData","isMobile","Medium","MenuWrapper","Ul","listStyle","idx","borderTop","style","width","CustomLink","isActive","Logout","connect","alignListStyle","alignItems","nav","top","borderBottom","height","marginTop","Link","cursor","defaultCss","CustomBreadcrumbs","letterSpacing","MypagesWrapper","subMenu","pageTitle","CustomContent","CustomPanel","flexDirection","minHeight","marginRight","order","Content","React","HidePassword","createElement","defaultProps","module","exports","default","ShowPassword","hide","show","showPassword","showEyeIcon","ShowEyeIcon","hideEyeIcon","HideEyeIcon","InputContainer","InputLabel","InputWithEyeWrapper","InputWrapper","InputField","required","minLength","placeholder","invalid","IconContainer","border","Error","paddingLeft","label","position","eyeIconStyle","span","right","minWidth","zIndex","left","Base","xmlns","d","fill","strokeWidth","stroke"],"mappings":"sGAmCKA,E,yGAAL,SAAKA,GACH,yCACA,iCACA,uCAHF,CAAKA,MAAY,KAKjB,IAAMC,EAAqB,CACzBC,gBAAiB,GACjBC,YAAa,GACbC,eAAgB,IAKlB,cACE,WAAYC,GAAZ,MACE,YAAMA,IAAM,K,OAed,EAAAC,cAAgB,SAACC,G,MACf,EAAKC,SAAS,CAAEC,OAAQ,2BAAK,EAAKC,MAAMD,SAAM,OAAGF,EAAEI,cAAcC,MAAOL,EAAEI,cAAcE,MAAK,OAG/F,EAAAC,eAAiB,SAACL,G,UACZM,GAAU,EACVC,EAAmB,G,IAEvB,IAA2B,MAAAC,OAAA,IAAAA,QAAOC,QAAQT,IAAO,8BAAE,CAAxC,6BAACU,EAAA,KAAK,OAEbJ,GAAU,EACVC,EAAmB,2BAAKA,KAAgB,MAAGG,GAAM,aAAU,8CAA6C,M,iGAI5G,OADA,EAAKX,SAAS,CAAEY,OAAQ,2BAAK,EAAKV,MAAMU,QAAWJ,KAC5CD,GAGT,EAAAM,SAAW,0D,8EACOC,KAAKR,eAAeQ,KAAKZ,MAAMD,QAC3C,Y,iBAEqC,O,sBAAA,GAAM,YAASa,KAAKjB,MAAMkB,kBAAmBD,KAAKZ,MAAMD,S,OAC7F,OADM,EAA+B,SAA7Be,EAAO,UAAE,IAAAJ,OAAQ,IAAAK,QACrBD,GACFF,KAAKd,UAAS,WAAM,OAClBC,OAAQ,CACNP,gBAAiB,GACjBC,YAAa,GACbC,eAAgB,IAElBgB,OAAQ,eACHnB,GAELyB,WAAW,M,QAGbJ,KAAKd,UAAS,WAAM,OAClBY,OAAQ,2BACHnB,GAAuB,GAE5ByB,WAAW,EACXD,QAAO,MAEF,CAAP,EAAOE,QAAQC,OAAO,Q,OAQxB,O,WALAN,KAAKd,UAAS,WAAM,OAClBY,OAAQ,2BACHnB,GAAuB,OAGvB,CAAP,EAAO0B,QAAQC,OAAO,O,0BAGxB,MAAO,CAAP,EAAOD,QAAQC,OAAO,O,yBAI1B,EAAAC,qBAAuB,SAACtB,G,QACtB,EAAKC,SAAS,CACZC,OAAQ,2BAAK,EAAKC,MAAMD,SAAM,OAAGF,EAAEI,cAAcC,MAAOL,EAAEI,cAAcE,MAAK,IAC7EO,OAAQ,2BAAK,EAAKV,MAAMU,SAAM,OAAGb,EAAEI,cAAcC,MAAO,KAAI,OAIhE,EAAAkB,eAAiB,SAAClB,GAChB,OAAQA,GACN,KAAKZ,EAAaE,gBAChB,EAAKM,SAAS,CAAEuB,qBAAsB,EAAKrB,MAAMqB,sBACjD,MAEF,KAAK/B,EAAaG,YAChB,EAAKK,SAAS,CAAEwB,iBAAkB,EAAKtB,MAAMsB,kBAC7C,MAEF,KAAKhC,EAAaI,eAChB,EAAKI,SAAS,CAAEyB,oBAAqB,EAAKvB,MAAMuB,uBA1FpD,EAAKvB,MAAQ,CACXD,OAAQ,eACHR,GAEL8B,qBAAqB,EACrBC,iBAAiB,EACjBC,oBAAoB,EACpBb,OAAQ,eACHnB,GAELyB,WAAW,G,EA2IjB,OAxJ6B,iBAiG3B,YAAAQ,iBAAA,sBAIE,OAHAC,YAAW,WACT,EAAK3B,SAAS,CAAEkB,WAAW,MArGI,KAuG1B,gBAAC,IAAc,CAACD,QAAS,YAAiBH,KAAKjB,MAAM+B,KAAKC,mBAGnE,YAAAC,OAAA,WACE,IAAMC,EAAY,CAChBC,gBAAiB,OACjBC,QAAS,CACPC,EAAG,EACHC,EAAG,aAAa,MAIpB,OACE,gBAAC,IAAiB,eAAKrB,KAAKjB,OAC1B,gBAAC,IAAK,CAACuC,OAAQ,IAAOC,YACpB,gBAAC,IAAW,CACVC,cAAe,YAAiBxB,KAAKjB,MAAM+B,KAAKW,qBAChDC,aAAc1B,KAAKD,SACnB4B,gBAAiBV,EACjBF,eAAgBf,KAAKZ,MAAMgB,WAAaJ,KAAKY,oBAE7C,gBAAC,IAAkB,CACjBtB,KAAK,kBACLsC,WAAY,YAAiB5B,KAAKjB,MAAM+B,KAAKe,sBAC7CC,iBAAkB,YAAiB9B,KAAKjB,MAAM+B,KAAKe,sBACnDE,WAAY/B,KAAKZ,MAAMD,OAAOP,gBAC9BoD,SAAUhC,KAAKO,qBACf0B,MAAOjC,KAAKZ,MAAMU,OAAOlB,kBAE3B,gBAAC,IAAkB,CACjBU,KAAK,cACLsC,WAAY,YAAiB5B,KAAKjB,MAAM+B,KAAKoB,kBAC7CJ,iBAAkB,YAAiB9B,KAAKjB,MAAM+B,KAAKoB,kBACnDH,WAAY/B,KAAKZ,MAAMD,OAAON,YAC9BmD,SAAUhC,KAAKO,qBACf0B,MAAOjC,KAAKZ,MAAMU,OAAOjB,cAE3B,gBAAC,IAAkB,CACjBS,KAAK,iBACLsC,WAAY,YAAiB5B,KAAKjB,MAAM+B,KAAKqB,qBAC7CL,iBAAkB,YAAiB9B,KAAKjB,MAAM+B,KAAKqB,qBACnDJ,WAAY/B,KAAKZ,MAAMD,OAAOL,eAC9BkD,SAAUhC,KAAKO,qBACf0B,MAAOjC,KAAKZ,MAAMU,OAAOhB,kBAEzBkB,KAAKZ,MAAMgB,WAAaJ,KAAKZ,MAAMe,SAAW,gBAACiC,EAAW,KAAEpC,KAAKZ,MAAMe,aAMrF,EAxJA,CAA6B,aA0JvBiC,EAAc,YAAO,IAAc,CACvCC,OAAQ,CAAEjB,EAAG,EAAGC,EAAG,aAAa,OAGnB,uBAAQ,SAAAjC,GAAS,OAC9BkD,kBAAmBlD,EAAMkD,qBADZ,CAEXC,I,kICpLEC,EAAK,IAAOC,GAAG,aACnBC,WAAY,aAAa,IACtB,YAAO,0BAA2B,CACnCC,QAAS,MACTD,WAAY,aAAa,OAIvBE,EAAW,YAAO,IAAM,CAC5BC,MAAO,KACP,SAAU,CACRC,eAAgB,aAElB,SAAU,CACRA,eAAgB,UAIdC,EAAc,YAAOH,EAAU,CACnCI,WAAY,SAGRC,EAAuB,CAC3B,CACEC,KAAM,GACNC,IAAK,MAIM,gBACb,aACE,SAAC/D,GAA4B,OAC3BgE,gBAAiB,YAAgBhE,EAAMiE,iBAGzC,SAACC,GAAkC,OACjCC,iBAAA,SAAiB1D,GACfyD,EAAS,YAAiBzD,QAPhC,EAUE,SAACd,GAAoB,OACrB,kBAAC,IAAOyE,IAAG,CAACC,IAAK1E,EAAM2E,WACrB,kBAAC,IAAE,CACDD,IAAG,EAUHE,KAAG,IAED5E,EAAM6E,aAAeX,GACpBY,MAAM9E,EAAM+E,UAAY,EAAI,GAC5BC,KAAI,SAACC,EAAYC,EAAO,G,IAAEC,EAAA,EAAAA,OACnBC,EAAOpF,EAAMqE,iBAAmBa,IAAUC,EAAS,IAAMnF,EAAM+E,SAAWf,EAAcH,EAE9F,OACE,kBAACJ,EAAE,CAAC3C,IAAKmE,EAAWb,IAAMc,EAAOG,SAAS,mBACxC,kBAACD,EAAI,CAACE,GAAIL,EAAWb,IAAKiB,SAAS,OAAOE,QAAS,SAACrF,GAAM,OAAAF,EAAMwE,iBAAiBS,EAAWb,OAC/E,IAAVc,GAAgBlF,EAAM+E,SAEnBE,EAAWd,KAAKqB,OAAO,GAAGC,cAAgBR,EAAWd,KAAKuB,OAAO,GAAGC,cADpE,aAAU,8BAGhB,0BAAMN,SAAS,WAAWzB,QAASgC,OAAOV,EAAQ,e,WAvBxDpB,MAAO,KACP+B,QAAS,cACTC,SAAU,WACVC,eAAgB,SAChBC,WAAY,WACX,MAAsB,CACrBD,eAAgB,c,qCC9E5B,kBAGe,QAAOE,GAAG,CACvBC,SAAU,IACVjC,WAAY,Y,4FCmBC,gBACb,YAAoB,CAAEkC,SAAU,IAAeC,aAA/C,CAA6D,YAC3D,2D,OACE,EAAAb,QAAU,SAACrF,GAET,OADAA,EAAEmG,iBACK,EAAKrG,MAAMsG,SAASC,KAAK,EAAKvG,MAAM2C,iB,EA8B/C,OAjC0B,iBAKxB,YAAAV,OAAA,WACE,IAAMuE,EAAiBvF,KAAKjB,MAAMsG,SAASG,OAC3C,OACE,kBAACC,EAAa,CAAChC,MAAOzD,KAAKjB,MAAM4C,iBAAmB3B,KAAKjB,MAAM4C,mBAC1D3B,KAAKjB,MAAM2G,SAAW,kBAACC,EAAE,KAAE3F,KAAKjB,MAAM2G,SAEzC,kBAAC,IAAOE,KAAI,CAACnC,IAAK,CAAEoC,aAAc,aAAa,KAAOC,YAAU,GAC7D9F,KAAKjB,MAAMgH,SACZ,kBAACR,EAAc,CACb9B,IAAKzD,KAAKjB,MAAM2E,UAChBsC,WAAY,CAAC,IAAiBC,QAAS,IAAiBC,MACxD5B,QAAStE,KAAKsE,QACd6B,SAAUnG,KAAKjB,MAAMoH,SACrBC,KAAK,UAEJpG,KAAKjB,MAAMyC,kBAIbxB,KAAKjB,MAAMsH,cACZ,kBAAC,IAAO7C,IAAG,CAACC,IAAK,CAAE6C,UAAW,WAC5B,kBAACC,EAAY,CAAClC,GAAIrE,KAAKjB,MAAMsH,cAAerG,KAAKjB,MAAMyH,kBAGxDxG,KAAKjB,MAAMgC,gBAAkBf,KAAKjB,MAAMgC,iBAInD,EAlC2D,CACjC,IAAM0F,aAqCpC,IAAMF,EAAe,YAAO,IAAM,CAChC1D,MAAO,KACPyD,UAAW,SACXxD,eAAgB,cAGZ6C,EAAK,IAAOX,KAAE,GAClBhC,WAAY,SACZ6C,aAAc,aAAa,IAC3BS,UAAW,WACV,MAAsB,CACrBA,UAAW,Q,IAITb,EAAgB,IAAOiB,IAAI,CAC/BxF,gBAAiB,KACjByF,aAAc,UACdxF,QAAS,CACPyF,GAAI,aAAa,Q,oHChErB,yE,OACE,EAAAC,SAAW,SAAC5H,GACVA,EAAEmG,iBACF,YAAS,EAAKrG,MAAM+H,WAAWC,MAAK,WAClC,EAAKhI,MAAMiI,SAASC,SAAQ,SAAAC,GAAQ,mBAAe,IAAI,IAAKA,EAAK/D,SACjE,YAAa,IAAK,CAAEgE,qBAAqB,Q,EA6C/C,OAlDoB,iBASlB,YAAAnG,OAAA,WACE,IAAMoG,EAAWpH,KAAKjB,MAAMuD,kBAAoB,IAAW+E,OAE3D,OACE,kBAACC,EAAW,CAAC7D,IAAKzD,KAAKjB,MAAM2E,YACzB0D,GAAY,4BAAK,aAAU,2BAC7B,kBAAC,IAAOG,GAAE,CAAC9D,IAAK,CAAE+D,UAAW,SAC1BxH,KAAKjB,MAAMiI,SAASjD,KAAI,SAACmD,EAAMO,G,MAAQ,OACtC,kBAACtD,EAAI,CACHtE,IAAK4H,EACLhE,IAAG,eACW,IAARgE,IAAS,GACXC,UAAW,CACTC,MAAO,QACP9E,MAAO,IACP+E,MAAO,OAET,EAAC,MAAsB,CACrBF,UAAW,Q,KAKjB,kBAACG,EAAU,CACTpE,IAAG,eACGyD,EAAKY,UAAY,CACnBjF,MAAO,UACPG,WAAY,SAGhBqB,GAAI6C,EAAK/D,KAET,8BAAO+D,EAAK5H,WAIlB,kBAACyI,EAAM,CAACzD,QAAStE,KAAK6G,UAAW,aAAU,uBAKrD,EAlDA,CAAoB,IAAMJ,WAoDX,cACb,OAAAuB,EAAA,IACE,SAAC5I,GAA4B,OAC3BkD,kBAAmBlD,EAAMkD,qBAF7B,CAIE,IAGE2F,EAAiB,CACrBC,WAAY,SACZtD,QAAS,QAGL0C,EAAc,IAAOa,MAAG,GAC5BhH,QAAS,CACPC,EAAG,aAAa,IAChBgH,IAAK,aAAa,OAEnB,MAAsB,CACrBV,UAAW,CACTC,MAAO,QACPC,MAAO,KACP/E,MAAO,M,IAKPsB,EAAO,IAAO1B,KAAE,GACpB4F,aAAc,CACZV,MAAO,QACP9E,MAAO,IACP+E,MAAO,MAETU,OAAQ,aAAa,IACrBxD,eAAgB,kBACf,MAAsB,CACrBuD,aAAc,OACdC,OAAQ,UACR5F,WAAY,aAAa,IACzB6F,UAAW,aAAa,GACxBpH,QAAS,CAAEyF,GAAI,I,IAIbiB,EAAa,YAAOW,EAAA,EAAM,2BAC3BP,GAAc,CACjBpF,MAAO,IACPyF,OAAQ,UACRV,MAAO,UAGHG,EAAS,YAAO5D,EAAM,2BACvB8D,GAAc,CACjBQ,OAAQ,a,kBCxFK,cACb,OAAAT,EAAA,IAAQ,SAAA5I,GAAS,OACfkD,kBAAmBlD,EAAMkD,qBAD3B,EAhBkB,SAACvD,GACnB,IAAM2J,EAAoB,CACxBvH,QAAS,CAAEC,EAAG,aAAa,IAAKC,EAAG,IAE/B+F,EAAWrI,EAAMuD,kBAAoB,EAE3C,OACE,kBAAC,IAAOkB,IAAG,CAACC,IAAK1E,EAAM2E,QAAQgF,IAC7B,kBAACC,EAAiB,CAAC/E,YAAa7E,EAAM6E,cACtC,kBAAC,IAAE,CAACH,IAAK2D,GAAY,CAAEd,UAAW,SAAUrB,SAAU,MAASlG,EAAM2G,SACpE3G,EAAMgH,cAWP4C,EAAoB,YAAO,MAAW,GAC1C1D,SAAU,IACV2D,cAAe,aAAa,IAC5BvG,OAAQ,CACNhB,EAAG,aAAa,IAChBD,EAAG,GAELkF,UAAW,WACV,MAAsB,CACrBrB,SAAU,IACVqB,UAAW,Q,IC3BTuC,GAFS,IAdW,SAAC9J,GACjB,IAAA+J,EAAA,EAAAA,QAASC,EAAA,EAAAA,UAAWjC,EAAA,EAAAA,UAAWf,EAAA,EAAAA,SACvC,OACE,gBAAC,IAAI,KACH,gBAAC8C,EAAc,KACb,gBAACG,EAAa,CAACtD,QAASqD,EAAWnF,YAAa7E,EAAM6E,aACnDmC,GAEH,gBAACkD,EAAW,CAACjC,SAAU8B,EAAShC,UAAWA,OAQ5B,IAAOJ,MAAG,GAC/B9B,QAAS,OACTsE,cAAe,SACftB,MAAO,SACN,MAAsB,CACrBsB,cAAe,MACfC,UAAW,aAAa,M,KAItBF,EAAc,YAAO,IAAK,GAC9BV,UAAW,aAAa,MACvB,MAAsB,CACrBa,YAAa,aAAa,IAC1B1G,WAAY,aAAa,IACzB6F,UAAW,aAAa,GACxBc,MAAO,EACPzB,MAAO,O,IAILoB,EAAgB,YAAOM,IAAO,MACjC,MAAqB,CACpB1B,MAAO,OAET,EAAC,MAAsB,CACrBA,MAAO,MACPyB,MAAO,G,yBCnDX,IAAIE,EAAQ,EAAQ,GAEpB,SAASC,EAAczK,GACnB,OAAOwK,EAAME,cAAc,MAAM1K,EAAMwK,EAAME,cAAc,IAAI,CAAC,GAAK,gBAAgB,OAAS,OAAO,YAAc,IAAI,KAAO,OAAO,SAAW,WAAWF,EAAME,cAAc,IAAI,CAAC,GAAK,UAAU,UAAY,iBAAiB,KAAO,UAAU,SAAW,WAAWF,EAAME,cAAc,OAAO,CAAC,EAAI,22BAA22B,GAAK,sBAG3pCD,EAAaE,aAAe,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,aAElEC,EAAOC,QAAUJ,EAEjBA,EAAaK,QAAUL,G,oBCVvB,IAAID,EAAQ,EAAQ,GAEpB,SAASO,EAAc/K,GACnB,OAAOwK,EAAME,cAAc,MAAM1K,EAAMwK,EAAME,cAAc,IAAI,CAAC,GAAK,gBAAgB,OAAS,OAAO,YAAc,IAAI,KAAO,OAAO,SAAW,WAAWF,EAAME,cAAc,IAAI,CAAC,GAAK,aAAa,UAAY,iBAAiB,KAAO,UAAU,SAAW,WAAWF,EAAME,cAAc,OAAO,CAAC,EAAI,6tBAA6tB,GAAK,sBAGhhCK,EAAaJ,aAAe,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,aAElEC,EAAOC,QAAUE,EAEjBA,EAAaD,QAAUC,G,8HCNVC,EAAO,YAAQ,KAEfC,EAAO,YAAQ,K,kBCgB5B,cACE,WAAYjL,GAAZ,MACE,YAAMA,IAAM,K,OAOd,EAAAyB,eAAiB,WACf,EAAKtB,SAAS,CAAE+K,cAAe,EAAK7K,MAAM6K,gBAN1C,EAAK7K,MAAQ,CACX6K,cAAc,G,EAsCpB,OA3C2C,iBAazC,YAAAjJ,OAAA,WACE,IAAMkJ,EAAc,kBAACC,EAAW,MAC1BC,EAAc,kBAACC,EAAW,MAChC,OACE,kBAACC,EAAc,KACb,kBAACC,EAAU,KAAEvK,KAAKjB,MAAM6C,YACxB,kBAAC4I,EAAmB,KAClB,kBAACC,EAAY,KACX,kBAACC,EAAU,CACTpL,KAAQU,KAAKjB,MAAMO,KAAOU,KAAKjB,MAAMO,KAAO,WAC5C0C,SAAUhC,KAAKjB,MAAMiD,SACrB2I,UAAQ,EACRvE,KAAMpG,KAAKZ,MAAM6K,aAAe,OAAS,WACzC1K,MAAOS,KAAKjB,MAAMgD,WAClB6I,UAAa5K,KAAKjB,MAAM6L,UAAY5K,KAAKjB,MAAM6L,UAAY,EAC3DC,YAAa7K,KAAKjB,MAAM+C,iBACxBgJ,UAAW9K,KAAKjB,MAAMkD,SAG1B,kBAAC8I,EAAa,CACZtH,MAAOzD,KAAKjB,MAAMkD,OAAS,CAAE+I,OAAQ,CAAEpE,GAAI,CAAE/D,MAAO,QACpDyB,QAAStE,KAAKQ,gBAEbR,KAAKZ,MAAM6K,aAAeC,EAAcE,MAG1CpK,KAAKjB,MAAMkD,OAAS,kBAACgJ,EAAK,KAAEjL,KAAKjB,MAAMkD,SAIlD,EA3CA,CAA2C,IAAMwE,WA6C3CiE,G,MAAa,YAAO,IAAO,CAC/B/D,aAAc,EACduE,YAAa,aAAa,OAGtBX,EAAa,IAAOY,MAAM,CAC9BzI,WAAY,aAAa,MAGrB4H,EAAiB,IAAO5D,IAAI,CAChCyC,UAAW,aAAa,OAGpBqB,EAAsB,IAAO9D,IAAI,CACrC0E,SAAU,WACVxG,QAAS,OACTsE,cAAe,MACfhB,WAAY,WAGRmD,EAAe,YAAO,CAC1BxI,MAAO,UACPG,WAAY,OACZ4E,MAAO,aAAa,IACpBU,OAAQ,aAAa,IACrBJ,WAAY,WAGRmC,EAAcgB,EAAatB,GAE3BI,EAAckB,EAAarB,GAE3Be,EAAgB,IAAOO,KAAK,CAChCpK,gBAAiB,UACjBgH,WAAY,SACZpD,eAAgB,SAChB2D,OAAQ,UACR7D,QAAS,OACT0D,OAAQ,aAAa,IACrB5F,WAAY,cAAc,GAC1B6I,MAAO,aAAa,GACpB3D,MAAO,MACP4D,SAAU,aAAa,IACvBC,OAAQ,EACRT,OAAQ,CACNpE,GAAI,CACFgB,MAAO,KACPD,MAAO,QACP9E,MAAO,KAET6I,KAAM,CACJ9D,MAAO,MAKP6C,EAAe,IAAO/D,IAAI,CAC9BkB,MAAO,QAGHqD,EAAQ,YAAO,IAAc,CACjC1C,UAAW,EACX2C,YAAa,aAAa,O,mEC7HtBS,EAAO,IAAOjF,IAAI,CACtBwE,YAAa,aAAa,KAGb,aAAM,OACnB,kBAACS,EAAI,KACH,yBAAKC,MAAM,6BAA6BhE,MAAM,KAAKU,OAAO,MACxD,0BAAMuD,EAAE,gBAAgBC,KAAK,SAC7B,0BAAMD,EAAE,oDAAoDC,KAAK,UAAUC,YAAY,IAAIC,OAAO,eCKlG1C,GATS,aAACvK,GACd,OACE,kBAACuK,EAAO,KACLvK,EAAMoB,QACP,kBAAC,EAAK,QAKI,IAAOuG,IAAI,CACzB9B,QAAS,OACTsD,WAAY,SACZpD,eAAgB","file":"assets/15.chunk.db10b6df212880f13084.js","sourcesContent":["/**\r\n * @ComponentFor ChangePasswordPageViewModel\r\n */\r\nimport * as React from 'react';\r\nimport connect from 'Shared/connect';\r\nimport { ConnectPropType } from 'Shared/Button/Feedback';\r\nimport { epiPropertyValue } from '@avensia/scope-episerver';\r\nimport { postJson, translate } from '@avensia/scope';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\nimport AccountForm from 'Account/Form/AccountForm';\r\nimport ChangePasswordPageViewModel from './ChangePasswordPageViewModel.type';\r\nimport { Basic, Layout } from 'Shared/PageLayout/index';\r\nimport BreadcrumbsViewModel from 'Shared/Breadcrumbs/BreadcrumbsViewModel.type';\r\nimport SuccessMessage from 'Shared/SuccessMessage';\r\nimport PasswordVisibility from 'Shared/PasswordVisibility';\r\nimport MyPagesBaseLayout from 'Account/MyPages/MyPagesBaseLayout';\r\nimport { ErrorMessage } from 'Shared/FeedbackMessage';\r\nimport { styled } from '@glitz/react';\r\n\r\ntype ChangePasswordType = {\r\n  inputs: any;\r\n  showCurrentPassword: boolean;\r\n  showNewPassword: boolean;\r\n  showRepeatPassword: boolean;\r\n  errors: { [item: string]: string };\r\n  isSuccess: boolean;\r\n  message?: string;\r\n};\r\ntype RequiredProps = ChangePasswordPageViewModel & {\r\n  breadcrumbs: BreadcrumbsViewModel[];\r\n  currentBreakpoint: number;\r\n};\r\n\r\ntype ConnectedProps = RequiredProps & ConnectPropType;\r\n\r\nenum currentInput {\r\n  currentPassword,\r\n  newPassword,\r\n  repeatPassword,\r\n}\r\nconst initialInputValues = {\r\n  currentPassword: '',\r\n  newPassword: '',\r\n  repeatPassword: '',\r\n};\r\n\r\nconst TIME_SUCCESS_MESSAGE_DISPLAY = 2000; // milliseconds\r\n\r\nclass ChangePassword extends React.Component<ConnectedProps, ChangePasswordType> {\r\n  constructor(props: ConnectedProps) {\r\n    super(props);\r\n    this.state = {\r\n      inputs: {\r\n        ...initialInputValues\r\n      },\r\n      showCurrentPassword: false,\r\n      showNewPassword: false,\r\n      showRepeatPassword: false,\r\n      errors: {\r\n        ...initialInputValues\r\n      },\r\n      isSuccess: false,\r\n    };\r\n  }\r\n\r\n  setInputValue = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    this.setState({ inputs: { ...this.state.inputs, [e.currentTarget.name]: e.currentTarget.value } });\r\n  };\r\n\r\n  validateInputs = (inputs: any) => {\r\n    let isValid = true;\r\n    let errorMessageList = {};\r\n\r\n    for (const [key, value] of Object.entries(inputs)) {\r\n      if (!value) {\r\n        isValid = false;\r\n        errorMessageList = { ...errorMessageList, [key]: translate('/Account/ForgotPassword/EmailRequiredField') };\r\n      }\r\n    }\r\n    this.setState({ errors: { ...this.state.errors, ...errorMessageList } });\r\n    return isValid;\r\n  };\r\n\r\n  onSubmit = async () => {\r\n    const isValid = this.validateInputs(this.state.inputs);\r\n    if (isValid) {\r\n      try {\r\n        const { success, errors, message } = await postJson(this.props.changePasswordUrl, this.state.inputs);\r\n        if (success) {\r\n          this.setState(() => ({\r\n            inputs: {\r\n              currentPassword: '',\r\n              newPassword: '',\r\n              repeatPassword: '',\r\n            },\r\n            errors: {\r\n              ...initialInputValues\r\n            },\r\n            isSuccess: true,\r\n          }));\r\n        } else {\r\n          this.setState(() => ({\r\n            errors: {\r\n              ...initialInputValues, ...errors\r\n            },\r\n            isSuccess: false,\r\n            message,\r\n          }));\r\n          return Promise.reject(null);\r\n        }\r\n      } catch (error) {\r\n        this.setState(() => ({\r\n          errors: {\r\n            ...initialInputValues, ...error\r\n          }\r\n        }));\r\n        return Promise.reject(null);\r\n      }\r\n    } else {\r\n      return Promise.reject(null);\r\n    }\r\n  };\r\n\r\n  onPasswordFieldInput = (e: React.FormEvent<HTMLInputElement>) => {\r\n    this.setState({\r\n      inputs: { ...this.state.inputs, [e.currentTarget.name]: e.currentTarget.value },\r\n      errors: { ...this.state.errors, [e.currentTarget.name]: null },\r\n    });\r\n  };\r\n\r\n  onEyeIconClick = (name: currentInput) => {\r\n    switch (name) {\r\n      case currentInput.currentPassword:\r\n        this.setState({ showCurrentPassword: !this.state.showCurrentPassword });\r\n        break;\r\n\r\n      case currentInput.newPassword:\r\n        this.setState({ showNewPassword: !this.state.showNewPassword });\r\n        break;\r\n\r\n      case currentInput.repeatPassword:\r\n        this.setState({ showRepeatPassword: !this.state.showRepeatPassword });\r\n    }\r\n  };\r\n\r\n  onSuccessMessage() {\r\n    setTimeout(() => {\r\n      this.setState({ isSuccess: false });\r\n    }, TIME_SUCCESS_MESSAGE_DISPLAY);\r\n    return <SuccessMessage message={epiPropertyValue(this.props.page.successMessage)} />;\r\n  }\r\n\r\n  render() {\r\n    const FormStyle = {\r\n      backgroundColor: 'none',\r\n      padding: {\r\n        x: 0,\r\n        y: pixelsToUnit(30),\r\n      },\r\n    };\r\n\r\n    return (\r\n      <MyPagesBaseLayout {...this.props}>\r\n        <Basic layout={Layout.TwoToThree}>\r\n          <AccountForm\r\n            buttonCaption={epiPropertyValue(this.props.page.submitButtonCaption)}\r\n            buttonAction={this.onSubmit}\r\n            customFormStyle={FormStyle}\r\n            successMessage={this.state.isSuccess && this.onSuccessMessage()}\r\n          >\r\n            <PasswordVisibility\r\n              name=\"currentPassword\"\r\n              inputLabel={epiPropertyValue(this.props.page.currentPasswordLabel)}\r\n              inputPlaceholder={epiPropertyValue(this.props.page.currentPasswordLabel)}\r\n              inputValue={this.state.inputs.currentPassword}\r\n              onChange={this.onPasswordFieldInput}\r\n              error={this.state.errors.currentPassword}\r\n            />\r\n            <PasswordVisibility\r\n              name=\"newPassword\"\r\n              inputLabel={epiPropertyValue(this.props.page.newPasswordLabel)}\r\n              inputPlaceholder={epiPropertyValue(this.props.page.newPasswordLabel)}\r\n              inputValue={this.state.inputs.newPassword}\r\n              onChange={this.onPasswordFieldInput}\r\n              error={this.state.errors.newPassword}\r\n            />\r\n            <PasswordVisibility\r\n              name=\"repeatPassword\"\r\n              inputLabel={epiPropertyValue(this.props.page.repeatPasswordLabel)}\r\n              inputPlaceholder={epiPropertyValue(this.props.page.repeatPasswordLabel)}\r\n              inputValue={this.state.inputs.repeatPassword}\r\n              onChange={this.onPasswordFieldInput}\r\n              error={this.state.errors.repeatPassword}\r\n            />\r\n            {!this.state.isSuccess && this.state.message && <ServerError>{this.state.message}</ServerError>}\r\n          </AccountForm>\r\n        </Basic>\r\n      </MyPagesBaseLayout>\r\n    );\r\n  }\r\n}\r\n\r\nconst ServerError = styled(ErrorMessage, {\r\n  margin: { x: 0, y: pixelsToUnit(20) },\r\n});\r\n\r\nexport default connect(state => ({\r\n  currentBreakpoint: state.currentBreakpoint,\r\n}))(ChangePassword);\r\n\r\n","import React from 'react';\r\nimport { translate } from '@avensia/scope';\r\nimport Link from 'Shared/Link';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { pseudo } from '@glitz/core';\r\nimport BreadcrumbsViewModel from './BreadcrumbsViewModel.type';\r\nimport Ul from '../Generic/Ul';\r\nimport { scorpion, minMediumMediaQuery, pixelsToUnit } from 'Shared/Style';\r\nimport connect from 'Shared/connect';\r\nimport isVariationPage from 'Product/current-page-is-variation';\r\nimport { ItemKeyType } from 'SiteLayout/MainMenu/item';\r\nimport { navigateMainMenu } from 'SiteLayout/MainMenu/action-creators';\r\n\r\ntype RequiredPropType = {\r\n  breadcrumbs: BreadcrumbsViewModel[];\r\n  isSliced?: boolean;\r\n};\r\n\r\ntype ConnectStateType = {\r\n  isVariationPage: boolean;\r\n};\r\n\r\ntype ConnectDispatchType = {\r\n  navigateMainMenu: (key: ItemKeyType) => void;\r\n};\r\n\r\ntype PropType = RequiredPropType & ConnectStateType & StyledProps & ConnectDispatchType;\r\n\r\nconst Li = styled.li({\r\n  marginLeft: pixelsToUnit(5),\r\n  ...pseudo(':not(:last-child):after', {\r\n    content: '\"/\"',\r\n    marginLeft: pixelsToUnit(5),\r\n  }),\r\n});\r\n\r\nconst PathLink = styled(Link, {\r\n  color: scorpion,\r\n  ':hover': {\r\n    textDecoration: 'underline',\r\n  },\r\n  ':focus': {\r\n    textDecoration: 'none',\r\n  },\r\n});\r\n\r\nconst CurrentLink = styled(PathLink, {\r\n  fontWeight: 'bold',\r\n});\r\n\r\nconst placeholderBreadcrum = [\r\n  {\r\n    text: '',\r\n    url: '/',\r\n  },\r\n] as BreadcrumbsViewModel[];\r\n\r\nexport default styled(\r\n  connect(\r\n    (state): ConnectStateType => ({\r\n      isVariationPage: isVariationPage(state.currentPage),\r\n    }),\r\n\r\n    (dispatch): ConnectDispatchType => ({\r\n      navigateMainMenu(key: ItemKeyType) {\r\n        dispatch(navigateMainMenu(key));\r\n      },\r\n    }),\r\n  )((props: PropType) => (\r\n    <styled.Div css={props.compose()}>\r\n      <Ul\r\n        css={{\r\n          color: scorpion,\r\n          display: 'inline-flex',\r\n          flexFlow: 'row wrap',\r\n          justifyContent: 'center',\r\n          lineHeight: 'normal',\r\n          [minMediumMediaQuery]: {\r\n            justifyContent: 'flex-start',\r\n          },\r\n        }}\r\n        row\r\n      >\r\n        {(props.breadcrumbs || placeholderBreadcrum)\r\n          .slice(props.isSliced ? -1 : 0)\r\n          .map((breadcrumb, index, { length }) => {\r\n            const Item = props.isVariationPage && index === length - 1 && !props.isSliced ? CurrentLink : PathLink;\r\n\r\n            return (\r\n              <Li key={breadcrumb.url + index} itemProp=\"itemListElement\">\r\n                <Item to={breadcrumb.url} itemProp=\"item\" onClick={(e) => props.navigateMainMenu(breadcrumb.url)}>\r\n                  {index === 0 && !props.isSliced\r\n                    ? translate('/Shared/Breadcrumbs/Start')\r\n                    : breadcrumb.text.charAt(0).toUpperCase() + breadcrumb.text.substr(1).toLowerCase()}\r\n                </Item>\r\n                <meta itemProp=\"position\" content={String(index + 1)} />\r\n              </Li>\r\n            );\r\n          })}\r\n      </Ul>\r\n    </styled.Div>\r\n  )),\r\n);\r\n","import { styled } from '@glitz/react';\r\nimport * as style from '../Style';\r\n\r\nexport default styled.h1({\r\n  fontSize: style.alpha,\r\n  fontWeight: 'normal',\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport {\r\n  connectWithFeedback,\r\n  Behavior as ButtonBehavior,\r\n  Appearance as ButtonAppearance,\r\n  ConnectPropType as FeedbackPropType,\r\n} from 'Shared/Button/Feedback';\r\nimport { whitelilac, mineshaft, pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\nimport Link from 'Shared/Link';\r\n\r\ntype PropType = {\r\n  children: any;\r\n  buttonCaption: string;\r\n  heading?: string;\r\n  redirectLabel?: string;\r\n  redirectLink?: string;\r\n  disabled?: boolean;\r\n  customFormStyle?: any;\r\n  buttonAction?: () => Promise<void>;\r\n  successMessage?: React.ReactNode;\r\n} & StyledProps &\r\n  FeedbackPropType;\r\n\r\nexport default styled(\r\n  connectWithFeedback({ behavior: ButtonBehavior.KeepEnabled })(\r\n    class AccountForm extends React.Component<PropType> {\r\n      onClick = (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\r\n        e.preventDefault();\r\n        return this.props.feedback.push(this.props.buttonAction());\r\n      };\r\n      render() {\r\n        const FeedbackButton = this.props.feedback.Button;\r\n        return (\r\n          <FormContainer css={!!this.props.customFormStyle && this.props.customFormStyle}>\r\n            {!!this.props.heading && <H1>{this.props.heading}</H1>}\r\n\r\n            <styled.Form css={{ marginBottom: pixelsToUnit(20) }} noValidate>\r\n              {this.props.children}\r\n              <FeedbackButton\r\n                css={this.props.compose()}\r\n                appearance={[ButtonAppearance.Primary, ButtonAppearance.Full]}\r\n                onClick={this.onClick}\r\n                disabled={this.props.disabled}\r\n                type=\"submit\"\r\n              >\r\n                {this.props.buttonCaption}\r\n              </FeedbackButton>\r\n            </styled.Form>\r\n\r\n            {!!this.props.redirectLink && (\r\n              <styled.Div css={{ textAlign: 'center' }}>\r\n                <RedirectLink to={this.props.redirectLink}>{this.props.redirectLabel}</RedirectLink>\r\n              </styled.Div>\r\n            )}\r\n            {!!this.props.successMessage && this.props.successMessage}\r\n          </FormContainer>\r\n        );\r\n      }\r\n    },\r\n  ),\r\n);\r\n\r\nconst RedirectLink = styled(Link, {\r\n  color: mineshaft,\r\n  textAlign: 'center',\r\n  textDecoration: 'underline',\r\n});\r\n\r\nconst H1 = styled.h1({\r\n  fontWeight: 'normal',\r\n  marginBottom: pixelsToUnit(21),\r\n  textAlign: 'center',\r\n  [minMediumMediaQuery]: {\r\n    textAlign: 'left',\r\n  },\r\n});\r\n\r\nconst FormContainer = styled.div({\r\n  backgroundColor: whitelilac,\r\n  borderRadius: '0.15rem',\r\n  padding: {\r\n    xy: pixelsToUnit(30),\r\n  },\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { translate, postJson, replaceState, clearCacheItem, URLX, Breakpoint } from '@avensia/scope';\r\nimport connect from 'Shared/connect';\r\nimport NavigationItem from 'Shared/NavigationItem/NavigationItem.type';\r\nimport Link from 'Shared/Link';\r\nimport { black, thin, thick, alto, pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n  currentBreakpoint?: number;\r\n};\r\n\r\ntype PropType = {\r\n  menuList: NavigationItem[];\r\n  logoutUrl: string;\r\n} & ConnectStateType &\r\n  StyledProps;\r\n\r\nclass Panel extends React.Component<PropType, {}> {\r\n  doLogout = (e: React.MouseEvent<HTMLLIElement>) => {\r\n    e.preventDefault();\r\n    postJson(this.props.logoutUrl).then(() => {\r\n      this.props.menuList.forEach(menu => clearCacheItem(new URLX(menu.url)));\r\n      replaceState('/', { includeAppShellData: true });\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const isMobile = this.props.currentBreakpoint < Breakpoint.Medium;\r\n\r\n    return (\r\n      <MenuWrapper css={this.props.compose()}>\r\n        {!isMobile && <h4>{translate('/Account/MyPages/Title')}</h4>}\r\n        <styled.Ul css={{ listStyle: 'none' }}>\r\n          {this.props.menuList.map((menu, idx) => (\r\n            <Item\r\n              key={idx}\r\n              css={{\r\n                ...(idx === 0 && {\r\n                  borderTop: {\r\n                    style: 'solid',\r\n                    color: alto,\r\n                    width: thin,\r\n                  },\r\n                  [minMediumMediaQuery]: {\r\n                    borderTop: 'none',\r\n                  },\r\n                }),\r\n              }}\r\n            >\r\n              <CustomLink\r\n                css={{\r\n                  ...(menu.isActive && {\r\n                    color: '#5b3871',\r\n                    fontWeight: 'bold',\r\n                  }),\r\n                }}\r\n                to={menu.url}\r\n              >\r\n                <span>{menu.name}</span>\r\n              </CustomLink>\r\n            </Item>\r\n          ))}\r\n          <Logout onClick={this.doLogout}>{translate('/Account/Logout')}</Logout>\r\n        </styled.Ul>\r\n      </MenuWrapper>\r\n    );\r\n  }\r\n}\r\n\r\nexport default styled(\r\n  connect(\r\n    (state): ConnectStateType => ({\r\n      currentBreakpoint: state.currentBreakpoint,\r\n    }),\r\n  )(Panel),\r\n);\r\n\r\nconst alignListStyle = {\r\n  alignItems: 'center',\r\n  display: 'flex',\r\n};\r\n\r\nconst MenuWrapper = styled.nav({\r\n  padding: {\r\n    x: pixelsToUnit(10),\r\n    top: pixelsToUnit(14),\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    borderTop: {\r\n      style: 'solid',\r\n      width: thick,\r\n      color: alto,\r\n    },\r\n  },\r\n});\r\n\r\nconst Item = styled.li({\r\n  borderBottom: {\r\n    style: 'solid',\r\n    color: alto,\r\n    width: thin,\r\n  },\r\n  height: pixelsToUnit(40),\r\n  justifyContent: 'space-between',\r\n  [minMediumMediaQuery]: {\r\n    borderBottom: 'none',\r\n    height: 'inherit',\r\n    marginLeft: pixelsToUnit(14),\r\n    marginTop: pixelsToUnit(5),\r\n    padding: { xy: 0 },\r\n  },\r\n});\r\n\r\nconst CustomLink = styled(Link, {\r\n  ...alignListStyle,\r\n  color: black,\r\n  height: 'inherit',\r\n  width: '100%',\r\n});\r\n\r\nconst Logout = styled(Item, {\r\n  ...alignListStyle,\r\n  cursor: 'pointer',\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport { Style } from '@glitz/type';\r\nimport BreadCrumbs from 'Shared/Breadcrumbs';\r\nimport BreadcrumbsViewModel from 'Shared/Breadcrumbs/BreadcrumbsViewModel.type';\r\nimport H1 from 'Shared/Generic/h1';\r\nimport { eta, kappa, pixelsToUnit, minMediumMediaQuery, beta } from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n  currentBreakpoint: number;\r\n};\r\n\r\ntype PropType = StyledProps &\r\n  ConnectStateType & {\r\n    heading: string;\r\n    children: any;\r\n    breadcrumbs: BreadcrumbsViewModel[];\r\n  };\r\n\r\nconst MainDetails = (props: PropType) => {\r\n  const defaultCss: Style = {\r\n    padding: { x: pixelsToUnit(10), y: 0 },\r\n  };\r\n  const isMobile = props.currentBreakpoint < 4;\r\n\r\n  return (\r\n    <styled.Div css={props.compose(defaultCss)}>\r\n      <CustomBreadcrumbs breadcrumbs={props.breadcrumbs} />\r\n      <H1 css={isMobile && { textAlign: 'center', fontSize: beta }}>{props.heading}</H1>\r\n      {props.children}\r\n    </styled.Div>\r\n  );\r\n};\r\n\r\nexport default styled(\r\n  connect(state => ({\r\n    currentBreakpoint: state.currentBreakpoint,\r\n  }))(MainDetails),\r\n);\r\n\r\nconst CustomBreadcrumbs = styled(BreadCrumbs, {\r\n  fontSize: eta,\r\n  letterSpacing: pixelsToUnit(0.2),\r\n  margin: {\r\n    y: pixelsToUnit(10),\r\n    x: 0,\r\n  },\r\n  textAlign: 'center',\r\n  [minMediumMediaQuery]: {\r\n    fontSize: kappa,\r\n    textAlign: 'left',\r\n  },\r\n});\r\n","import * as React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport MyPagesBaseViewModel from './MyPagesBaseViewModel.type';\r\nimport { Main } from 'Shared/PageLayout';\r\nimport { minMediumMediaQuery, pixelsToUnit, minLargeMediaQuery } from 'Shared/Style';\r\nimport Panel from './components/Panel';\r\nimport Content from './components/Content';\r\n\r\nconst MyPagesBaseLayout = (props: MyPagesBaseViewModel<any> & { children: any }) => {\r\n  const { subMenu, pageTitle, logoutUrl, children } = props;\r\n  return (\r\n    <Main>\r\n      <MypagesWrapper>\r\n        <CustomContent heading={pageTitle} breadcrumbs={props.breadcrumbs}>\r\n          {children}\r\n        </CustomContent>\r\n        <CustomPanel menuList={subMenu} logoutUrl={logoutUrl} />\r\n      </MypagesWrapper>\r\n    </Main>\r\n  );\r\n};\r\n\r\nexport default MyPagesBaseLayout;\r\n\r\nconst MypagesWrapper = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  width: '100%',\r\n  [minMediumMediaQuery]: {\r\n    flexDirection: 'row',\r\n    minHeight: pixelsToUnit(708),\r\n  },\r\n});\r\n\r\nconst CustomPanel = styled(Panel, {\r\n  marginTop: pixelsToUnit(70),\r\n  [minMediumMediaQuery]: {\r\n    marginRight: pixelsToUnit(26),\r\n    marginLeft: pixelsToUnit(26),\r\n    marginTop: pixelsToUnit(5),\r\n    order: 1,\r\n    width: '15%',\r\n  },\r\n});\r\n\r\nconst CustomContent = styled(Content, {\r\n  [minLargeMediaQuery]: {\r\n    width: '70%',\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    width: '75%',\r\n    order: 2,\r\n  },\r\n});\r\n","var React = require('react');\n\nfunction HidePassword (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Hide-password\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\"},React.createElement(\"g\",{\"id\":\"eye-off\",\"transform\":\"translate(3 3)\",\"fill\":\"#878787\",\"fillRule\":\"nonzero\"},React.createElement(\"path\",{\"d\":\"M12.08 13.14l-1.556-1.556a2.876 2.876 0 01-2.31.377C7.16 11.684 6.16 10.72 5.902 9.67c-.21-.845-.094-1.689.338-2.37L4.51 5.571c-1.05.91-1.872 1.984-2.655 3.42a13.03 13.03 0 001.768 2.314c1.57 1.632 3.365 2.595 5.346 2.595 1.257-.02 2.24-.248 3.11-.76zm1.087 1.088c-1.19.797-2.52 1.144-4.185 1.172-2.46 0-4.613-1.155-6.44-3.055a14.514 14.514 0 01-1.636-2.048 10.66 10.66 0 01-.574-.955.75.75 0 01.003-.688c.904-1.738 1.863-3.044 3.112-4.146L.47 1.53A.75.75 0 011.53.47l16 16a.75.75 0 01-1.06 1.06l-3.303-3.302zM15.83 8.46a13.836 13.836 0 00-1.476-1.956C12.78 4.772 10.984 3.75 8.998 3.75a5.691 5.691 0 00-1.35.16.75.75 0 11-.351-1.459A7.187 7.187 0 019 2.25c2.471 0 4.63 1.228 6.464 3.246a15.32 15.32 0 011.638 2.168c.279.447.47.798.573 1.009a.75.75 0 01-.01.672 14.657 14.657 0 01-1.655 2.522.75.75 0 01-1.162-.949c.489-.599.925-1.242 1.302-1.92a11.92 11.92 0 00-.32-.537z\",\"id\":\"Combined-Shape\"}))));\n}\n\nHidePassword.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = HidePassword;\n\nHidePassword.default = HidePassword;\n","var React = require('react');\n\nfunction ShowPassword (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Show-password\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\"},React.createElement(\"g\",{\"id\":\"eye-copy-2\",\"transform\":\"translate(3 5)\",\"fill\":\"#878787\",\"fillRule\":\"nonzero\"},React.createElement(\"path\",{\"d\":\"M2.164 7.32c.417.647.91 1.293 1.474 1.894 1.576 1.68 3.373 2.672 5.362 2.672 1.99 0 3.786-.991 5.362-2.672a13.441 13.441 0 001.783-2.396 13.441 13.441 0 00-1.783-2.396C12.786 2.742 10.989 1.75 9 1.75c-1.99 0-3.786.992-5.362 2.672a13.441 13.441 0 00-1.783 2.396c.082.141.185.31.31.502zM.33 6.483c.103-.205.295-.547.575-.98a14.926 14.926 0 011.64-2.107C4.377 1.44 6.534.25 9 .25c2.465 0 4.623 1.19 6.456 3.146.63.672 1.177 1.389 1.64 2.106.28.434.472.776.575.98a.75.75 0 010 .672c-.103.205-.295.547-.575.98a14.926 14.926 0 01-1.64 2.106c-1.833 1.956-3.99 3.146-6.456 3.146-2.465 0-4.623-1.19-6.456-3.146a14.926 14.926 0 01-1.64-2.106c-.28-.433-.472-.775-.575-.98a.75.75 0 010-.671zM9 10a3.182 3.182 0 110-6.364A3.182 3.182 0 019 10z\",\"id\":\"Combined-Shape\"}))));\n}\n\nShowPassword.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = ShowPassword;\n\nShowPassword.default = ShowPassword;\n","import factory from './icon';\r\nimport HidePassword from './glyphs/hide-password.svg';\r\nimport ShowPassord from './glyphs/show-password.svg';\r\n\r\nexport const hide = factory(HidePassword);\r\n\r\nexport const show = factory(ShowPassord);\r\n\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport Input from 'Shared/Fields/Text';\r\nimport { pixelsToUnit, thin } from 'Shared/Style';\r\nimport { show, hide } from 'Shared/Icon/Eye';\r\nimport { alto, vividtangerine } from 'Shared/Style/colors';\r\nimport { ErrorMessage } from 'Shared/FeedbackMessage';\r\n\r\ntype PropType = {\r\n  name?: string;\r\n  inputLabel?: string;\r\n  inputPlaceholder?: string;\r\n  minLength?: number;\r\n  inputValue: string;\r\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\r\n  error?: string[] | string;\r\n};\r\n\r\ntype StateType = {\r\n  showPassword: boolean;\r\n};\r\n\r\nexport default class ResetPassword extends React.Component<PropType, StateType> {\r\n  constructor(props: PropType) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      showPassword: false,\r\n    };\r\n  }\r\n\r\n  onEyeIconClick = () => {\r\n    this.setState({ showPassword: !this.state.showPassword });\r\n  };\r\n\r\n  render() {\r\n    const showEyeIcon = <ShowEyeIcon />;\r\n    const hideEyeIcon = <HideEyeIcon />;\r\n    return (\r\n      <InputContainer>\r\n        <InputLabel>{this.props.inputLabel}</InputLabel>\r\n        <InputWithEyeWrapper>\r\n          <InputWrapper>\r\n            <InputField\r\n              name={!!this.props.name ? this.props.name : 'password'}\r\n              onChange={this.props.onChange}\r\n              required\r\n              type={this.state.showPassword ? 'text' : 'password'}\r\n              value={this.props.inputValue}\r\n              minLength={!!this.props.minLength ? this.props.minLength : 5}\r\n              placeholder={this.props.inputPlaceholder}\r\n              invalid={!!this.props.error}\r\n            />\r\n          </InputWrapper>\r\n          <IconContainer\r\n            css={!!this.props.error && { border: { xy: { color: vividtangerine } } }}\r\n            onClick={this.onEyeIconClick}\r\n          >\r\n            {this.state.showPassword ? showEyeIcon : hideEyeIcon}\r\n          </IconContainer>\r\n        </InputWithEyeWrapper>\r\n        {!!this.props.error && <Error>{this.props.error}</Error>}\r\n      </InputContainer>\r\n    );\r\n  }\r\n}\r\n\r\nconst InputField = styled(Input, {\r\n  borderRadius: 0,\r\n  paddingLeft: pixelsToUnit(16),\r\n});\r\n\r\nconst InputLabel = styled.label({\r\n  marginLeft: pixelsToUnit(16),\r\n});\r\n\r\nconst InputContainer = styled.div({\r\n  minHeight: pixelsToUnit(112),\r\n});\r\n\r\nconst InputWithEyeWrapper = styled.div({\r\n  position: 'relative',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  alignItems: 'center',\r\n});\r\n\r\nconst eyeIconStyle = styled({\r\n  color: '#a4a4a4',\r\n  fontWeight: 'bold',\r\n  width: pixelsToUnit(25),\r\n  height: pixelsToUnit(25),\r\n  alignItems: 'center',\r\n});\r\n\r\nconst HideEyeIcon = eyeIconStyle(hide);\r\n\r\nconst ShowEyeIcon = eyeIconStyle(show);\r\n\r\nconst IconContainer = styled.span({\r\n  backgroundColor: '#F6F6F6',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  cursor: 'pointer',\r\n  display: 'flex',\r\n  height: pixelsToUnit(50),\r\n  marginLeft: pixelsToUnit(-1),\r\n  right: pixelsToUnit(5),\r\n  width: '10%',\r\n  minWidth: pixelsToUnit(52),\r\n  zIndex: 2,\r\n  border: {\r\n    xy: {\r\n      width: thin,\r\n      style: 'solid',\r\n      color: alto,\r\n    },\r\n    left: {\r\n      width: 0,\r\n    },\r\n  },\r\n});\r\n\r\nconst InputWrapper = styled.div({\r\n  width: '90%',\r\n});\r\n\r\nconst Error = styled(ErrorMessage, {\r\n  marginTop: 0,\r\n  paddingLeft: pixelsToUnit(16),\r\n});\r\n","import React from 'react';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\nimport { styled } from '@glitz/react';\r\n\r\nconst Base = styled.div({\r\n  paddingLeft: pixelsToUnit(5),\r\n});\r\n\r\nexport default () => (\r\n  <Base>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\r\n      <path d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n      <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" fill=\"#13a970\" strokeWidth=\"1\" stroke=\"#13a970\" />\r\n    </svg>\r\n  </Base>\r\n);\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport Check from 'Shared/Icon/Check-Success';\r\n\r\ntype PropType = {\r\n  message: string;\r\n};\r\n\r\nexport default (props: PropType) => {\r\n  return (\r\n    <Content>\r\n      {props.message}\r\n      <Check />\r\n    </Content>\r\n  );\r\n};\r\n\r\nconst Content = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n});\r\n"],"sourceRoot":""}