https://sa0-sp.roadtrippers.com/packs/4638.364f774812bec94a34cf.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[4638,447],{14300:(e,t,s)=>{s.d(t,{Z:()=>n});class n{constructor(e){({el:this.el,id:this.id,props:this.props}=e),this.viewEl=this.el.querySelector(`#${this.id}`)}getTitle(){return this.viewEl.dataset.title}}},447:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});var n=s(14300),r=s(73763);class i extends n.Z{constructor(e){var t;super(e),this.backButtonEl=this.el.querySelector(".settings-page-back-button"),this.selectedNavItemEl=this.el.querySelector(".rt-nav-item.selected"),this.handleBackButtonClick=this.handleBackButtonClick.bind(this),this.handleSelectedNavItemClick=this.handleSelectedNavItemClick.bind(this),this.handleWindowResize=this.handleWindowResize.bind(this),null===(t=this.backButtonEl)||void 0===t||t.addEventListener("click",this.handleBackButtonClick),this.selectedNavItemEl.addEventListener("click",this.handleSelectedNavItemClick),window.addEventListener("resize",this.handleWindowResize),this.handleWindowResize()}remove(){var e;null===(e=this.backButtonEl)||void 0===e||e.removeEventListener("click",this.handleBackButtonClick),this.selectedNavItemEl.removeEventListener("click",this.handleSelectedNavItemClick),window.removeEventListener("resize",this.handleWindowResize)}handleBackButtonClick(){this.toggleShowAside()}handleSelectedNavItemClick(){this.toggleShowAside()}handleWindowResize(){const e=(0,r.vG)(redux.getState()).includes("lg");e&&this.el.classList.remove("show-aside"),this.selectedNavItemEl.disabled=e}toggleShowAside(){this.el.classList.toggle("show-aside")}}},86371:(e,t,s)=>{s.d(t,{g:()=>r});var n=s(50791);function r(){return(0,n.Yz)({text:"Changes saved.",type:"success"})}},44638:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var n=s(447),r=s(45469),i=s(90227),a=s(62257),o=s(96369),l=s(86371),u=s(76318),c=s(45007),d=s(67294),h=s(85893);function m(){const e=(0,c.I0)(),t=(0,c.v9)(u.HF),[s,n]=(0,d.useState)({}),[m,v]=(0,d.useState)(function(){const{facebook_username:e,instagram_username:s,pinterest_username:n,twitter_username:r,youtube_url:i}=t;return Object.fromEntries(Object.entries({facebook_username:e,instagram_username:s,pinterest_username:n,twitter_username:r,youtube_url:i}).map((([e,t])=>[e,t??""])))}()),[g,k]=(0,d.useState)(!1),b="user-settings-social-form";function f(e){const{name:t,value:r}=e.target,i={...m,[t]:r};!function(e){const t={...s};t[e]&&(delete t[e],n(t))}(t),v(i)}return(0,h.jsxs)("form",{className:"user-settings-form",id:b,noValidate:!0,onSubmit:function(t){t.preventDefault(),async function(){try{k(!0);const t=await fetch(rt.routes.api_web_current_user_path(),{body:JSON.stringify(m),headers:{"Content-Type":"application/json","X-CSRF-Token":a.T},method:"PUT"}),s=await t.json();s.errors?n(s.errors):(e((0,o.JP)(s)),e((0,l.g)()))}catch(e){console.error(e)}finally{k(!1)}}()},children:[(0,h.jsx)(i.Z,{errorText:s.twitter_username,id:"twitter_username",label:"Twitter",onChange:f,value:m.twitter_username}),(0,h.jsx)(i.Z,{errorText:s.instagram_username,id:"instagram_username",label:"Instagram",onChange:f,value:m.instagram_username}),(0,h.jsx)(i.Z,{errorText:s.pinterest_username,id:"pinterest_username",label:"Pinterest",onChange:f,value:m.pinterest_username}),(0,h.jsx)(i.Z,{errorText:s.youtube_url,id:"youtube_url",label:"YouTube URL",onChange:f,type:"url",value:m.youtube_url}),(0,h.jsx)(i.Z,{errorText:s.facebook_username,id:"facebook_username",label:"Facebook",onChange:f,value:m.facebook_username}),(0,h.jsx)("div",{className:"user-settings-form-actions",children:(0,h.jsx)(r.Z,{className:"primary-filled",formId:b,isLoading:g,children:"Save"})})]})}var v=s(20745);class g extends n.default{constructor(e){super(e),this.formRoot=(0,v.s)(this.el.querySelector(".user-settings-form-container"))}remove(){super.remove(),this.formRoot.unmount()}render(){this.formRoot.render((0,h.jsx)(c.zt,{store:redux,children:(0,h.jsx)(m,{})}))}}}}]);