https://www.dipseastories.com/_next/static/chunks/3317-5fd7d9ecd2751057.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3317],{35465:(e,n,i)=>{i.d(n,{Ay:()=>q});var t=i(28888),o=i(37876),r=i(14232),s=i(28484),c=i(35988),l=i(82479),a=i(21525);let d=s.default.span.withConfig({displayName:"ButtonTextSpan",componentId:"sc-78ac8e15-0"})(["margin-left:10px;"]),u=s.default.div.withConfig({displayName:"IconWrapper",componentId:"sc-78ac8e15-1"})(["display:flex;margin-bottom:2px;"]);var p=i(25207),g=i(36921);let h=(0,c.Ng)(e=>({isConnected:(e.user.providers||[]).includes(p.xq.apple),linkAccountRequestInProgress:e.linkAccountRequestInProgress,isLoading:e.linkAccountRequestInProgress&&e.linkAccountRequestProvider===p.xq.apple}),e=>({toggleAppleConnection:n=>e((0,g.f)(n))}))(function(e){return(0,o.jsxs)(l.VR,{onClick:()=>{e.toggleAppleConnection(e.isConnected)},disabled:e.linkAccountRequestInProgress,isOutlineStyle:!0,children:[(0,o.jsx)(u,{children:(0,o.jsx)(a.Y,{color:l.Tj.white,size:18})}),(0,o.jsxs)(d,{children:[e.isConnected?"Disconnect":"Connect",e.isLoading&&"ing"," Apple"]})]})});var x=i(63282);let f=s.default.img.withConfig({displayName:"GoogleIcon",componentId:"sc-89a350ff-0"})(["width:18px;height:18px;margin-right:8px;"]),m=(0,c.Ng)(e=>({isConnected:(e.user.providers||[]).includes(p.xq.google),linkAccountRequestInProgress:e.linkAccountRequestInProgress,isLoading:e.linkAccountRequestInProgress&&e.linkAccountRequestProvider===p.xq.google}),e=>({toggleGoogleConnection:n=>e((0,g.Eu)(n))}))(function(e){return(0,o.jsxs)(x.VR,{onClick:()=>{e.toggleGoogleConnection(e.isConnected)},disabled:e.linkAccountRequestInProgress,isOutlineStyle:!0,children:[(0,o.jsx)(f,{alt:"Sign in with Google",src:"/images/google-icon-3x.png"}),e.isConnected?"Disconnect":"Connect",e.isLoading&&"ing"," Google"]})}),A=s.default.img.withConfig({displayName:"FacebookIcon",componentId:"sc-451ffc9b-0"})(["width:18px;height:18px;margin-right:8px;"]),b=(0,c.Ng)(e=>({isConnected:(e.user.providers||[]).includes(p.xq.facebook),linkAccountRequestInProgress:e.linkAccountRequestInProgress,isLoading:e.linkAccountRequestInProgress&&e.linkAccountRequestProvider===p.xq.facebook}),e=>({toggleFacebookConnection:n=>e((0,g.vl)(n))}))(function(e){return(0,o.jsxs)(x.VR,{onClick:()=>{e.toggleFacebookConnection(e.isConnected)},disabled:e.linkAccountRequestInProgress,isOutlineStyle:!0,children:[(0,o.jsx)(A,{alt:"Login with Facebook",src:"/images/facebook-icon2x.png"}),e.isConnected?"Disconnect":"Connect",e.isLoading&&"ing"," Facebook"]})});var j=i(73343),k=i(85463);function C(){let e=(0,t._)(["\n    font-size: 18px;\n    line-height: 20px;\n    padding: 0 0 10px;\n  "]);return C=function(){return e},e}function w(){let e=(0,t._)(["\n    font-size: 24px;\n    line-height: 28px;\n  "]);return w=function(){return e},e}let q=(0,c.Ng)(e=>({email:e.user.email,providers:[...e.user.providers||[]],featureAppleAuth:e.featureAppleAuth,featureGoogleAuth:e.featureGoogleAuth,featureFacebookAuth:e.featureFacebookAuth,linkAccountErrorText:e.linkAccountErrorText}),e=>({clearErrorMessages:()=>{e((0,g.Je)())}}))(function(e){let[n,i]=r.useState(null),[t,s]=r.useState(null);r.useEffect(()=>{(e.linkAccountErrorText||"").includes("disconnect")?(i(e.linkAccountErrorText),s(null)):(s(e.linkAccountErrorText),i(null))},[e.linkAccountErrorText]),r.useEffect(()=>()=>{e.clearErrorMessages()},[]);let c=[e.featureAppleAuth&&p.xq.apple,e.featureGoogleAuth&&p.xq.google,e.featureFacebookAuth&&p.xq.facebook,p.xq.email].filter(n=>!!n&&e.providers.includes(n)),a=(0,o.jsx)(o.Fragment,{children:c.map((n,i)=>{let t="";switch(n){case p.xq.apple:t="Apple";break;case p.xq.google:t="Google";break;case p.xq.facebook:t="Facebook";break;case p.xq.email:t=e.email||""}if(i===c.length-1)if(1===c.length)return"".concat(t);else if(2===c.length)return" and ".concat(t);else return", and ".concat(t);return i<c.length-1&&0!==i?", ".concat(t):t})});return e.onlyShowCurrentProviders?a:(0,o.jsxs)(v,{children:[n&&(0,o.jsx)(l.dN,{minHeight:"12px",styles:{marginBottom:"6px"},children:(0,o.jsx)(l.Kw,{showError:n,children:n})}),e.providers.includes(p.xq.apple)&&e.featureAppleAuth&&(0,o.jsx)(h,{}),e.providers.includes(p.xq.google)&&e.featureGoogleAuth&&(0,o.jsx)(m,{}),e.providers.includes(p.xq.facebook)&&e.featureFacebookAuth&&(0,o.jsx)(b,{}),t&&(0,o.jsx)(l.dN,{minHeight:"12px",children:(0,o.jsx)(l.Kw,{showError:t,children:t})}),!e.providers.includes(p.xq.email)&&(0,o.jsx)(j.gZ,{pathname:"/account/add-email",children:(0,o.jsx)(l.VR,{isOutlineStyle:!0,children:"Enable email sign in"})}),!e.providers.includes(p.xq.apple)&&e.featureAppleAuth&&(0,o.jsx)(h,{}),!e.providers.includes(p.xq.google)&&e.featureGoogleAuth&&(0,o.jsx)(m,{}),!e.providers.includes(p.xq.facebook)&&e.featureFacebookAuth&&(0,o.jsx)(b,{})]})}),v=s.default.div.withConfig({displayName:"AccountTopSection",componentId:"sc-de55ca1-0"})(["width:100%;margin-top:32px;"]),y=s.default.p.withConfig({displayName:"AccountTextA",componentId:"sc-de55ca1-1"})(["font-family:'Good Sans Light';font-style:normal;font-weight:normal;font-size:12px;line-height:20px;color:",";margin:0;padding:0 0 4px;",""],l.Tj.white70,e=>(0,k.config)(e).media.md(C()));(0,s.default)(y).withConfig({displayName:"AccountTextB",componentId:"sc-de55ca1-2"})(["font-size:16px;line-height:20px;color:",";",""],l.Tj.white,e=>(0,k.config)(e).media.md(w()))},53317:(e,n,i)=>{i.r(n),i.d(n,{FlexCol:()=>k,Header:()=>C,default:()=>j});var t=i(28888),o=i(37876),r=i(14232),s=i(35988),c=i(28484),l=i(89099),a=i(78463),d=i(85463),u=i(481),p=i(82479),g=i(73343),h=i(35465),x=i(25207);function f(){let e=(0,t._)(["\n    font-size: 44px;\n    line-height: 53px;\n  "]);return f=function(){return e},e}function m(){let e=(0,t._)(["\n    font-size: 45px;\n    line-height: 54px;\n  "]);return m=function(){return e},e}function A(){let e=(0,t._)(["\n    font-size: 45px;\n    line-height: 54px;\n  "]);return A=function(){return e},e}class b extends r.Component{renderEmail(){let{email:e,providers:n}=this.props;return e&&n.includes(x.xq.email)?(0,o.jsxs)(q,{children:[(0,o.jsx)(y,{children:"Email"}),(0,o.jsxs)(v,{children:[(0,o.jsx)(I,{children:e}),(0,o.jsx)(g.gZ,{pathname:"/account/email",children:(0,o.jsx)(N,{children:"CHA

1NGE"})})]})]}):null}renderPassword(){let{providers:e}=this.props;return e.includes(x.xq.email)?(0,o.jsxs)(q,{children:[(0,o.jsx)(y,{children:"Password"}),(0,o.jsxs)(v,{children:[(0,o.jsx)(I,{children:"•••••••••••"}),(0,o.jsx)(g.gZ,{pathname:"/account/password",children:(0,o.jsx)(N,{children:"CHANGE"})})]})]}):null}renderSocial(){return(0,o.jsxs)(q,{children:[(0,o.jsx)(y,{children:"Link social and email accounts"}),(0,o.jsxs)(v,{children:[(0,o.jsx)(I,{children:(0,o.jsx)(h.Ay,{onlyShowCurrentProviders:!0})}),(0,o.jsx)(g.gZ,{pathname:"/account/social",children:(0,o.jsx)(N,{children:"MANAGE"})})]})]})}renderSubscription(){let{isSubscribed:e}=this.props;return(0,o.jsxs)(q,{border:!1,children:[(0,o.jsx)(y,{children:"Subscription details"}),(0,o.jsxs)(v,{children:[(0,o.jsx)(I,{children:e?"Active":"Inactive"}),(0,o.jsx)(g.gZ,{pathname:e?"/account/subscription":"/subscribe",children:(0,o.jsx)(N,{children:e?"MANAGE":"SUBSCRIBE"})})]})]})}render(){return(0,o.jsx)(u.A,{title:"Dipsea | Manage Account",pageDescription:"Dipsea Account Management",children:(0,o.jsxs)(k,{children:[(0,o.jsx)(C,{children:"Account & Settings"}),(0,o.jsxs)(w,{children:[this.renderEmail(),this.renderPassword(),this.renderSocial(),this.renderSubscription()]})]})})}}let j=(0,l.withRouter)((0,s.Ng)(e=>{var n,i;return{userId:null==(n=e.user)?void 0:n.id,email:e.user.email,isSubscribed:(null==(i=e.user)?void 0:i.isSubscribed)||!1,providers:[...e.user.providers||[]]}},e=>({}))(b)),k=c.default.div.withConfig({displayName:"FlexCol",componentId:"sc-b428e5e8-0"})(["display:flex;flex-direction:column;align-items:center;width:100%;"]),C=c.default.h1.withConfig({displayName:"Header",componentId:"sc-b428e5e8-1"})(["",";font-size:36px;color:",";text-align:center;margin-bottom:18px;"," "," ",""],p.ZK,a.T.white,e=>(0,d.config)(e).media.md(f()),e=>(0,d.config)(e).media.lg(m()),e=>(0,d.config)(e).media.xl(A())),w=c.default.div.withConfig({displayName:"SectionsContainer",componentId:"sc-b428e5e8-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;"]),q=c.default.div.withConfig({displayName:"SectionContainer",componentId:"sc-b428e5e8-3"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:16px;margin-bottom:16px;",""],e=>!1===e.border?"border-bottom: none;":"border-bottom: 1px solid ".concat(a.T.white70)),v=c.default.div.withConfig({displayName:"SubsectionContainer",componentId:"sc-b428e5e8-4"})(["display:flex;flex-direction:row;justify-content:space-between;width:100%;"]),y=c.default.p.withConfig({displayName:"SubHeader",componentId:"sc-b428e5e8-5"})(["",";margin-bottom:10px;"],p.EN),I=c.default.p.withConfig({displayName:"Body",componentId:"sc-b428e5e8-6"})(["",";color:",";"],p.Np,a.T.white70),N=c.default.div.withConfig({displayName:"Link",componentId:"sc-b428e5e8-7"})(["",";"],p.bc)}}]);
2//# sourceMappingURL=3317-5fd7d9ecd2751057.js.map