https://www.henro.org/_next/static/chunks/pages/user/password-157a5522dedc0a48.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6510],{85186:function(e,r,i){"use strict";i.d(r,{Z:function(){return p}});var o=i(41664),t=i.n(o),n=i(19521),a=i(76891),s=n.ZP.div.withConfig({displayName:"styles__UserNavbar",componentId:"sc-1rr90a4-0"})(["margin:36px 0 48px;max-width:100%;overflow:auto;display:flex;flex-direction:column;font-size:18px;.user-nav-items{display:flex;border-bottom:1px solid ",";.user-nav-item{flex-shrink:0;}}@media only screen and (max-width:1024px){.user-nav-items{font-size:16px;}}"],a.Z.grayBlue1),l=n.ZP.a.withConfig({displayName:"styles__UserNavItem",componentId:"sc-1rr90a4-1"})(["cursor:pointer;position:relative;padding:12px 0;margin-right:36px;text-decoration:none;color:",";border-bottom:2px solid ",";&:last-child{margin-right:0;}&:hover{color:",";}"],(function(e){return e.active?a.Z.grayBlue5:a.Z.grayBlue8}),(function(e){return e.active?a.Z.grayBlue5:"transparent"}),(function(e){return e.active?a.Z.grayBlue5:a.Z.grayBlue3})),d=i(85893),p=function(e){var r=e.pathname;return(0,d.jsx)(s,{children:(0,d.jsxs)("div",{className:"user-nav-items",children:[(0,d.jsx)(t(),{href:"/user/profile",passHref:!0,children:(0,d.jsx)(l,{className:"user-nav-item",active:"/user/profile"===r,children:"Profile"})}),(0,d.jsx)(t(),{href:"/user/password",passHref:!0,children:(0,d.jsx)(l,{className:"user-nav-item",active:"/user/password"===r,children:"Password"})}),(0,d.jsx)(t(),{href:"/user/itineraries",passHref:!0,children:(0,d.jsx)(l,{className:"user-nav-item",active:"/user/itineraries"===r,children:"Pilgrim Itineraries"})}),(0,d.jsx)(t(),{href:"/user/lists",passHref:!0,children:(0,d.jsx)(l,{className:"user-nav-item",active:"/user/lists"===r,children:"Lists"})}),(0,d.jsx)(t(),{href:"/user/place-reviews",passHref:!0,children:(0,d.jsx)(l,{className:"user-nav-item",active:"/user/place-reviews"===r,children:"Reviews"})}),(0,d.jsx)(t(),{href:"/user/photo-uploads",passHref:!0,children:(0,d.jsx)(l,{className:"user-nav-item",active:"/user/photo-uploads"===r,children:"Photos"})})]})})}},73130:function(e,r,i){"use strict";i.d(r,{Ik:function(){return s},Wl:function(){return d},o0:function(){return p}});var o=i(19521),t=i(76891),n=i(85893),a=o.ZP.div.withConfig({displayName:"alerts__BasicAlert",componentId:"sc-1j60x1d-0"})(["width:100%;padding:24px;display:flex;flex-direction:column;border-radius:8px;border:4px solid #217687;background:transparent;color:",";& > div{margin-bottom:24px;}p{margin:0;}.title{div,p{font-weight:bold;}}.subtle{font-size:12px;font-style:italic;}.content{font-size:15px;margin-bottom:0px;}a{color:#105766;text-decoration:underline !important;&:hover{color:",";}}"],t.Z.darkGray,t.Z.gray9),s=(0,o.ZP)(a).withConfig({displayName:"alerts__SuccessAlert",componentId:"sc-1j60x1d-1"})(["border:2px solid #506f3c;color:#336b11;background-color:#e2e6da;a:hover{color:#5d713f;}"]),l=(0,o.ZP)(a).withConfig({displayName:"alerts__ErrorAlert",componentId:"sc-1j60x1d-2"})(["border:2px solid #ac6660;color:#7c3731;background-color:#f1ebe9;"]),d=function(e){var r,i=e.error,o=e.style,t=void 0===o?{}:o;return i?(r="string"===typeof i?[i]:Array.isArray(i.message)?i.message:[i.message],(0,n.jsx)(l,{style:t,children:r.map((function(e,r){return(0,n.jsx)("span",{children:e},r)}))})):null},p=o.ZP.div.withConfig({displayName:"alerts__AlertNote",componentId:"sc-1j60x1d-3"})(["padding:20px;margin-bottom:20px;background:rgb(170 227 161 / 29%);border:none;border-radius:10px;img{max-width:80px;}line-height:1.8;"])},7178:function(e,r,i){"use strict";i.r(r),i.d(r,{__N_SSP:function(){return c}});var o=i(67294),t=i(49020),n=i(41664),a=i.n(n),s=i(85186),l=i(22746),d=i(73130),p=i(85893),c=!0;r.default=function(e){var r=e.user,i=e.pathname,n=(0,o.useState)(!1),c=n[0],x=n[1],m=(0,o.useState)(),u=m[0],f=m[1];return(0,p.jsx)(l.PG,{children:!!r&&(0,p.jsxs)("div",{className:"user-settings-container",children:[(0,p.jsx)(s.Z,{pathname:i}),(0,p.jsxs)(l.qe,{children:[(0,p.jsx)("h1",{children:"Change Password"}),c&&(0,p.jsxs)(d.Ik,{children:[(0,p.jsx)("div",{className:"title",children:"Your password has been updated."}),(0,p.jsx)(a(),{href:"/user/profile",children:"Return to profile"})]}),!c&&(0,p.jsxs)("form",{className:"profile-row password-form",onSubmit:function(e){e.preventDefault();var r=e.currentTarget,i=r.current_password,o=r.password,n=r.password_confirmation;(0,t.ZP)("/password",{method:"PATCH",body:{current_password:i.value,password:o.value,password_confirmation:n.value}}).then((function(){return x(!0)})).catch((function(e){return f(e.message)}))},children:[(0,p.jsxs)("div",{className:"profile-form-field",children:[(0,p.jsx)("div",{className:"profile-label",children:"Current password"}),(0,p.jsx)("input",{type:"password",className:"profile-value",name:"current_password"})]}),(0,p.jsxs)("div",{className:"profile-form-field",children:[(0,p.jsx)("div",{className:"profile-label",children:"New password"}),(0,p.jsx)("input",{type:"password",className:"profile-value",name:"password"})]}),(0,p.jsxs)("div",{className:"profile-form-field",children:[(0,p.jsx)("div",{className:"profile-label",children:"Confirm password"}),(0,p.jsx)("input",{type:"password",className:"profile-value",name:"password_confirmation"})]}),(0,p.jsx)("div",{className:"user-setting-btns",children:(0,p.jsx)("button",{className:"user-setting-btn user-setting-btn-primary",children:"Save"})}),!!u&&(0,p.jsx)("ul",{className:"error-messages",children:u.map((function(e){return(0,p.jsx)("li",{className:"error-msg",children:e},e)}))})]})]})]})})}},22746:function(e,r,i){"use strict";i.d(r,{$B:function(){return d},MS:function(){return s},MU:function(){return x},PG:function(){return n},Zd:function(){return p},c8:function(){return c},fe:function(){return l},qe:function(){return a}});var o=i(19521),t=i(76891),n=o.ZP.div.withConfig({displayName:"Account__UserSettings",componentId:"sc-jd6p5l-0"})(["display:flex;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;.user-settings-container{width:100%;max-width:100%;max-width:780px;min-height:90vh;padding:0 36px 36px;color:",";}h1{align-self:flex-start;margin:0 0 42px 0;}p a{color:",";}@media only screen and (max-width:1024px){.user-settings-container{padding:0 24px 24px;}}"],t.Z.darkGray,t.Z.grayBlue5),a=o.ZP.div.withConfig({displayName:"Account__UserSettingsContainer",componentId:"sc-jd6p5l-1"})(["display:flex;flex-direction:column;align-items:center;.profile-row{margin-bottom:48px;display:flex;align-items:center;}.profile-details{flex-direction:column;align-items:center;font-size:17px;.profile-item{margin-bottom:18px;}.user-stats{margin-top:24px;display:flex;font-size:15px;color:",";.user-stat-box{cursor:pointer;width:112px;padding:12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:",";border-radius:6px;&:first-child{margin-right:24px;}span{margin-bottom:6px;&:first-child{font-size:20px;font-weight:bold;}}img{width:30px;height:30px;margin-top:4px;}}}}.profile-form,.password-form{width:100%;max-width:600px;flex-direction:column;.profile-form-field{width:100%;margin-bottom:36px;display:flex;flex-direction:column;align-items:flex-start;}.error-messages{margin-top:36px;color:",";}}.profile-label,.profile-value,.multiline-form-fields{width:100%;max-width:320px;text-align:center;}.profile-label{margin:8px 0 20px;font-variant:small-caps;.subtle{margin-top:4px;font-variant:initial;font-style:italic;}}.password-form{.user-setting-btns{align-self:flex-start;}.error-messages{align-self:flex-start;}}.multiline-form-fields{display:flex;flex-direction:column;}input.profile-value,textarea.profile-value{padding:10px 12px;border-radius:8px;border:1px solid ",";font-size:15px;}.edit-profile-btn{cursor:pointer;margin-bottom:24px;padding-bottom:2px;display:flex;align-items:center;color:",";border-bottom:2px solid transparent;&:hover{border-bottom:2px solid ",";}img{width:16px;height:16px;margin-right:6px;}}

1.user-setting-btns{margin-top:16px;.user-setting-btn{cursor:pointer;min-width:80px;padding:8px 16px;border-radius:4px;background-color:",";border:1px solid ",";color:",";}.user-setting-btn-primary{margin-right:10px;background-color:",";color:white;&:hover{background-color:",";}}.user-setting-btn-secondary{margin-left:10px;}}@media only screen and (min-device-width:768px){.profile-form,.password-form{.profile-form-field{flex-direction:row;}.profile-label,.profile-value,.multiline-form-fields{width:50%;}.profile-label{margin:8px 12px 0 0;text-align:right;}.profile-value,.multiline-form-fields{margin:8px 0 12px;text-align:left;}input.profile-value,textarea.profile-value,.multiline-form-fields{margin-top:0;}}.password-form{align-self:flex-start;.profile-label{max-width:140px;text-align:left;}}}@media only screen and (min-device-width:992px){.profile-details{.user-stats{.user-stat-box{&:hover{box-shadow:0 0 0 1px rgba(10,9,12,.07),0 1px 6px rgba(10,9,12,.25);}}}}}"],t.Z.grayBlue8,t.Z.grayBlue00,t.Z.warningRed,t.Z.paleGray,t.Z.blue6,t.Z.blue6,t.Z.faintGray,t.Z.grayBlue1,t.Z.gray9,t.Z.green6,t.Z.green5),s=o.ZP.div.withConfig({displayName:"Account__UserItemsContainer",componentId:"sc-jd6p5l-2"})([".back-btn{cursor:pointer;position:relative;margin:0 0 24px 0;display:flex;span{margin-left:18px;color:",";border-bottom:1px solid ",";}&:before{content:'';display:block;position:absolute;top:54%;border-right:2px solid ",";border-bottom:2px solid ",";width:6px;height:6px;transform:translate(50%,-50%) rotate(135deg);}&:hover{span{color:",";border-bottom:1px solid ",";}&:before{border-right:2px solid ",";border-bottom:2px solid ",";}}}.list-action-btn{display:flex;justify-content:flex-end;button{cursor:pointer;padding:10px 14px;font-size:16px;background-color:",";color:white;border:none;border-radius:6px;box-shadow:0px 2px 4px rgba(0,0,0,0.1);&:hover{background-color:",";}}}.user-item-row{cursor:pointer;margin-top:30px;padding:24px;box-shadow:0 0 0 1px rgba(10,9,12,.07),0 1px 6px rgba(10,9,12,.25);border-radius:6px;&:hover{box-shadow:0 0 0 1px rgba(10,9,12,.07),0 1px 8px rgba(10,9,12,.35);}&.user-item-row-colored{background-color:",";}.user-item-header{display:flex;justify-content:space-between;}.user-item-actions{.user-item-btn{margin-top:2px;padding-bottom:2px;display:flex;align-items:center;border-bottom:2px solid transparent;&:hover{border-bottom:2px solid ",";}}img{width:13px;height:13px;margin-right:4px;}}.user-item-name{font-size:20px;}.user-item-desc{margin-bottom:16px;&:last-child{margin-bottom:0;}}.location-image{background-color:white;img{object-fit:contain;}}}.user-item-status{display:flex;align-items:center;color:#c68e15;font-size:15px;.status-box{width:6px;height:6px;margin-right:8px;background-color:#e09c08;border-radius:50%;}&.approved-review{color:#488411;.status-box{background-color:#5fba14;}}}.list-places-container{overflow-y:auto;display:flex;flex-direction:column;.place-card-container{margin-bottom:42px;}}.location-images-container{width:100%;position:relative;}@media only screen and (min-device-width:768px){.list-places-container{flex-direction:row;flex-wrap:wrap;.place-card-container{flex-basis:47.6%;margin-right:2%;}}}@media only screen and (min-device-width:992px){.list-places-container{.place-card-container{flex-basis:31.2%;}}}"],t.Z.blue8,t.Z.blue8,t.Z.blue8,t.Z.blue8,t.Z.blue6,t.Z.blue6,t.Z.blue6,t.Z.blue6,t.Z.green6,t.Z.green5,t.Z.grayBlue00,t.Z.gray85),l=(o.ZP.div.withConfig({displayName:"Account__PlaceCard",componentId:"sc-jd6p5l-3"})(["cursor:pointer;display:flex;flex-direction:column;&:hover{.place-card-image{&:after{display:block;}.delete-btn{display:flex;}}}.place-card-image{position:relative;overflow:hidden;border-radius:14px;img{object-fit:cover;}&:after{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);}.delete-btn{z-index:1;display:none;position:absolute;top:10px;right:10px;opacity:0.6;padding:6px;align-items:center;justify-content:center;background-color:white;border-radius:50%;width:26px;transition:width 0.1s ease-in;span{display:none;margin-left:3px;font-size:14px;}&:hover{opacity:0.9;width:76px;border-radius:6px;

1span{display:initial;}}}}.place-card-content{padding:10px 8px;.place-card-name{margin-bottom:4px;font-size:17px;}.place-card-desc{color:",";font-size:14px;}}@media only screen and (max-width:1024px){.place-card-image{.delete-btn{display:flex;opacity:0.9;width:auto;padding:10px;}}}@media only screen and (max-width:760px){}"],t.Z.gray8),o.ZP.div.withConfig({displayName:"Account__ImageCard",componentId:"sc-jd6p5l-4"})(["width:33.3%;padding:0 8px;margin-bottom:48px;display:inline-block;.image-desc{cursor:pointer;margin-top:12px;display:flex;flex-direction:column;align-items:center;text-align:center;&:hover{text-decoration:underline;}}@media only screen and (max-width:1024px){}@media only screen and (max-width:760px){width:100%;}"])),d=o.ZP.form.withConfig({displayName:"Account__UserModalForm",componentId:"sc-jd6p5l-5"})(["padding:0 24px;.user-modal-field{margin:20px 0;display:flex;input[type='text']{padding:8px;max-width:360px;border-radius:4px;border:1px solid ",";}input[type=checkbox]{margin-right:8px;}button{cursor:pointer;padding:8px 16px;background-color:",";color:white;border:none;border-radius:6px;box-shadow:0px 2px 4px rgba(0,0,0,0.1);&:hover{background-color:",";}}}.user-modal-field-v{flex-direction:column;label{margin-bottom:8px;}}.user-modal-field-h{align-items:center;}.modal-delete-btn{margin:36px 0;display:flex;flex-direction:column;border-top:1px solid ",";button{align-self:flex-start;margin:24px 0 8px 0;padding:8px 12px;background-color:",";color:white;border-radius:4px;box-shadow:0px 2px 4px rgba(0,0,0,0.1);}}.form-errors{color:",";ul{margin:0;padding-left:24px;}}"],t.Z.paleGray,t.Z.grayBlue5,t.Z.blue8,t.Z.faintGray,t.Z.warningRed,t.Z.warningRed),p=o.ZP.div.withConfig({displayName:"Account__ConfirmDeleteModal",componentId:"sc-jd6p5l-6"})(["padding:30px;p{margin:0 0 24px 0;}.modal-btns{display:flex;justify-content:space-around;button{padding:8px 16px;color:",";}.modal-btn-primary{background-color:",";color:white;border:1px solid transparent;border-radius:4px;box-shadow:0px 2px 4px rgba(0,0,0,0.1);}}"],t.Z.gray85,t.Z.green6),c=o.ZP.div.withConfig({displayName:"Account__ProfileImageUpload",componentId:"sc-jd6p5l-7"})(['max-height:80vh;overflow-y:auto;padding:48px;display:flex;flex-direction:column;align-items:center;.profile-image{width:fit-content;}.profile-image-row{margin-top:28px;display:flex;justify-content:center;align-items:center;p{margin-bottom:32px;}.avatar-options{width:84%;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:16px;.avatar-option-img{cursor:pointer;border-radius:50%;box-shadow:0px 2px 4px rgba(0,0,0,0.1);object-fit:cover;width:90px;height:90px;}}}.upload-profile-image{cursor:pointer;input[type="file"]{display:none;}}.upload-profile-image,.color-btn{padding:12px 24px;background-color:',";font-size:15px;color:white;border-radius:6px;&:hover{background-color:",";}}.color-btn{display:flex;align-items:center;background-color:",";&:hover{background-color:",";}}.upload-profile-image.active-upload{margin-right:12px;background-color:",";color:",";&:hover{background-color:",";}}.error-message{color:",";}.loading-spinner{margin-right:6px;display:inline-block;position:relative;width:16px;height:16px;div{box-sizing:border-box;display:block;position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#fff transparent transparent transparent;}div:nth-child(1){animation-delay:-0.45s;}div:nth-child(2){animation-delay:-0.3s;}div:nth-child(3){animation-delay:-0.15s;}@keyframes lds-ring{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}}"],t.Z.blue8,t.Z.blue7,t.Z.green6,t.Z.themeGreen,t.Z.gray2,t.Z.darkGray,t.Z.faintGray,t.Z.warningRed),x=o.ZP.div.withConfig({displayName:"Account__ProfileImageDiv",componentId:"sc-jd6p5l-8"})(["margin-bottom:48px;display:flex;flex-direction:column;justify-content:center;text-align:center;.profile-image{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 1px 2px rgb(0 0 0 / 30%);overflow:hidden;img{object-fit:cover;}.image-upload-btn{position:absolute;bottom:0;width:100%;height:30%;display:flex;justify-content:center;align-items:center;opacity:0;background-color:",";span{width:48%;text-align:center;font-size:14px;color:white;}}}.image-upload-btn-mobile{margin-top:24px;padding:12px 18px;background-color:",";color:",";border-radius:8px;}@media only screen and (min-device-width:768px){}@media only screen and (min-device-width:992px){.profile-image{&:hover{.image-upload-btn{opacity:0.7;}}}.image-upload-btn-mobile{display:none;}}"],t.Z.grayBlue5,t.Z.green6,t.Z.offWhite)},19163:function(e,r,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/password",function(){return i(7178)}])}},function(e){e.O(0,[9774,2888,179],(function(){return r=19163,e(e.s=r);var r}));var r=e.O();_N_E=r}]);