1"use strict";(self.webpackChunknyp_membership=self.webpackChunknyp_membership||[]).push([[6505],{6505:function(e,a,s){s.r(a),s.d(a,{DisplayNameForm:function(){return w}});var n=s(1085),l=s(4041),i=s(824),t=s(8690),r=s(7309),o=s(7093),d=s(3486),p=s(3369),u=s(7661),m=s(7682),c=s(7351),b=s(7604),y=s(316),h=s(9067),_=s.n(h),f=s(3680);const g=({errors:e})=>0===Object.keys(e).length?null:(0,n.jsx)("div",{children:Object.keys(e).map(a=>(0,n.jsx)(f.K,{errors:e,name:a,render:()=>(0,n.jsx)("div",{role:"alert",className:"error",children:(0,n.jsx)("span",{children:e[a].message})})},a))});g.propTypes={errors:_().shape({}).isRequired};var N=s(6508);const x=({handleSubmit:e,onSubmit:a,register:s,loading:l=!1,errors:i,displayName:t=""})=>{const{setVisible:o}=(0,N.Yc)(),d=l?(0,r.__)("Loading...","nypost"):(0,r.__)("Update","nypost");return(0,n.jsxs)("form",{"data-testid":"display-settings-form",onSubmit:e(a),className:"member-display__form member-display__form--update update-name",children:[(0,n.jsxs)("div",{className:"floating-label input-container input-container--floating-label",children:[(0,n.jsx)("input",Object.assign({className:"floating-label__input",id:"updateFullName",name:"fullName",type:"text",placeholder:" "},s("fullName",{setValueAs:e=>y.S.plainText(e),required:(0,r.__)("Display name is required","nypost")}),{"data-empty":!t})),(0,n.jsx)("div",{className:"floating-label__label-wrap",children:(0,n.jsx)("label",{className:"floating-label__label",htmlFor:"updateFullName",children:(0,r.__)("Display Name","nypost")})})]}),(0,n.jsx)(g,{errors:i}),(0,n.jsxs)("div",{className:"input-container input-container--submit",children:[(0,n.jsx)("button",{className:"button button--solid button--solid--alt",type:"submit",disabled:l,children:d}),(0,n.jsx)("button",{className:"button button--secondary",onClick:()=>o(!1),type:"button",children:(0,r.__)("Cancel","nypost")})]})]})};var j=s(3373),v=s.n(j);const S=e=>{let a="";const s=e.trim().split(/\s/);return s.length>0&&(a=`${s.shift().slice(0,1).toUpperCase()}${s.length>0?s.pop().slice(0,1).toUpperCase():""}`),a};var C=s(486);const T=({disabled:e=!0,displayName:a,errors:s,handleSubmit:l,loading:i,onSubmit:t,register:o,isModal:d=!1})=>{let p;return p=d?(0,r.__)("Save and Continue","nypost"):i?(0,r.__)("Updated Display Name","nypost"):(0,r.__)("Change Display Name","nypost"),(0,n.jsxs)("form",{"data-testid":"onboarding-form",onSubmit:l(t),className:"member-display__form member-display__form--update update-name",children:[d?(0,n.jsxs)("div",{className:"display-name-preview",children:[(0,n.jsxs)("h4",{className:"membership-onboarding__sub-heading t-color-gray",children:[(0,r.__)("Display name: ","nypost"),(0,n.jsx)("span",{className:"membership-onboarding__current-display-name t-color-black",children:a})]}),(0,n.jsx)(C.A,{color:"#2a2a2a",overrideInitials:S(a)})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("h4",{className:"membership-onboarding__sub-heading t-color-white",children:[(0,r.__)("Current display name: ","nypost"),(0,n.jsx)("span",{className:"membership-onboarding__current-display-name t-color-nyp-brand-secondary",children:a})]}),(0,n.jsx)(C.A,{color:"#ffffff"})]}),(0,n.jsxs)("div",{className:v()("input-container",{"floating-label":!d,"input-container--floating-label":!d}),children:[(0,n.jsx)("input",Object.assign({className:d?"label-input":"floating-label__input",id:"updateFullName",name:"fullName",type:"text",placeholder:d?(0,r.__)("Change Display Name","nypost"):" "},o("fullName",{setValueAs:e=>y.S.plainText(e),required:(0,r.__)("Display name is required","nypost")}))),d?null:(0,n.jsx)("div",{className:"floating-label__label-wrap",children:(0,n.jsx)("label",{className:"floating-label__label",htmlFor:"updateFullName",children:(0,r.__)("Enter New Display Name","nypost")})})]}),(0,n.jsx)(g,{errors:s}),(0,n.jsx)("div",{className:"input-container",children:(0,n.jsx)("button",{className:v()("button button--solid",{"button--disabled":e}),type:"submit",disabled:e,"data-ga4-event":d?JSON.stringify({event_name:"ux_engagement",source_unit:"onboarding",event_action:"display_name_save"}):JSON.stringify({event_name:"ux_engagement",source_unit:"Onboarding - Customize Display Name",source_position:"Button Click - Change Display Name"}),children:p})})]})};T.propTypes={disabled:h.PropTypes.bool,displayName:h.PropTypes.string.isRequired,errors:h.PropTypes.shape({}).isRequired,handleSubmit:h.PropTypes.func.isRequired,loading:h.PropTypes.bool.isRequired,onSubmit:h.PropTypes.func.isRequired,register:h.PropTypes.func.isRequired,isModal:h.PropTypes.bool};const w=({context:e,isModal:a=!1})=>{const s=(0,c.sF)(),{state:y,dispatch:h}=(0,c.rR)(),{setVisible:_}=(0,m.Yc)(),f=(0,t.Zp)(),[g,N]=(0,l.useState)(!1),{user:{profile:{fullName:j="",avatarColor:v=""}={}}={}}=y,{clearErrors:S,register:C,handleSubmit:w,setError:q,watch:D,formState:{errors:P}}=(0,i.mN)({defaultValues:{fullName:"displaySettings"===e?j:""}}),F=D("fullName"),k=e=>{return n=void 0,l=void 0,t=function*(){if(N(!0),yield s(e.fullName))return q("fullName",{type:"zephr",message:(0,r.__)("The display name you entered violates community guidelines. Please enter a new display name.","nypost")}),void N(!1);const n=(0,p.T)({fullName:e.fullName}),l={fullName:e.fullName,imageUrl:(0,b.A)(v,n)};if(!(yield(0,o.r7)(l)))return q("fullName",{type:"zephr",message:d.y.updatingProfile()}),void N(!1);h((0,u.Uu)(l)),_(!1),N(!1),a&&f("/account/onboarding/download")}
1,new((i=void 0)||(i=Promise))(function(e,a){function s(e){try{o(t.next(e))}catch(e){a(e)}}function r(e){try{o(t.throw(e))}catch(e){a(e)}}function o(a){var n;a.done?e(a.value):(n=a.value,n instanceof i?n:new i(function(e){e(n)})).then(s,r)}o((t=t.apply(n,l||[])).next())});var n,l,i,t};return(0,l.useEffect)(()=>{var e;F&&"zephr"===(null===(e=null==P?void 0:P.zephr)||void 0===e?void 0:e.type)&&S()},[F,S,P]),"displaySettings"!==e&&"onboarding"!==e?null:(0,n.jsx)(n.Fragment,{children:"displaySettings"===e?(0,n.jsx)(x,{register:C,handleSubmit:w,onSubmit:k,loading:g,errors:P,displayName:j}):(0,n.jsx)(T,{disabled:0===F.length||g,displayName:F||j,errors:P,handleSubmit:w,loading:g,onSubmit:k,register:C,isModal:a})})}}}]); 2//# sourceMappingURL=6505.4d86730f998d64bb8dfb.bundle.min.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.