https://cdn1.affirm.com/assets/product_flows/master/PhoneChangePhonePin-90d7eb0148311a87895e.js

1"use strict";(globalThis.webpackChunkUniqueName_product_flows=globalThis.webpackChunkUniqueName_product_flows||[]).push([[5277,8436],{52893:(e,t,n)=>{n.d(t,{Z:()=>s});var r=n(67294),o=n(43369),a=/[0-9]/,i=function(e,t){if(void 0===e)return t;var n=(t.match(new RegExp(a,"g"))||[]).join("");return""===n||n.length<=e?n:n.slice(0,e)},l=n(68325);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}const s=function(e){var t=e.actionChildren,n=e.isShowHideInput,a=e.maxLength,s=e.onClickRightIcon,p=e.rightIcon,u=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["actionChildren","isShowHideInput","maxLength","onClickRightIcon","rightIcon"]),h=(0,l.f)(t),d=h.handleShowHideIconClick,m=h.showHideIcon,f=h.showHideInputType;return r.createElement(o.Z,c({},u,{inputMode:"numeric",formatInput:function(e){return i(a,e)},actionChildren:n?null:t,rightIcon:n?m:p,type:n?f:"text",onClickRightIcon:n?d:s}))}},68325:(e,t,n)=>{n.d(t,{f:()=>u});var r=n(67294),o=n(18703);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function i(e){var t=e.title,n=e.titleId,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["title","titleId"]);return r.createElement("svg",a({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-labelledby":n},o),t?r.createElement("title",{id:n},t):null,r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.75 12c0-1.015.643-2.837 2.165-4.417C6.407 6.033 8.715 4.75 12 4.75c3.284 0 5.593 1.283 7.085 2.833 1.521 1.58 2.165 3.402 2.165 4.417 0 1.015-.643 2.837-2.165 4.417-1.492 1.55-3.8 2.833-7.085 2.833-3.284 0-

15.593-1.283-7.085-2.833C3.393 14.837 2.75 13.015 2.75 12zM12 3.25c-3.716 0-6.407 1.467-8.165 3.292C2.107 8.337 1.25 10.515 1.25 12c0 1.485.857 3.663 2.585 5.458C5.593 19.283 8.285 20.75 12 20.75c3.716 0 6.407-1.467 8.165-3.292 1.729-1.795 2.585-3.973 2.585-5.458 0-1.485-.857-3.663-2.585-5.458C18.407 4.717 15.715 3.25 12 3.25zM9.75 12a2.25 2.25 0 114.5 0 2.25 2.25 0 01-4.5 0zM12 8.25a3.75 3.75 0 100 7.5 3.75 3.75 0 000-7.5z",fill:"var(--fill)"}))}const l=function(e){return r.createElement(o.Z,a({Svg:i},e))};function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e){var t=e.title,n=e.titleId,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["title","titleId"]);return r.createElement("svg",c({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-labelledby":n},o),t?r.createElement("title",{id:n},t):null,r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.47 2.47a.75.75 0 011.06 0l2.826 2.825 4.053 4.053 4.243 4.243 4.053 4.053 2.825 2.826a.75.75 0 11-1.06 1.06l-2.396-2.396c-1.596.972-3.613 1.616-6.074 1.616-3.716 0-6.407-1.467-8.165-3.292C2.107 15.663 1.25 13.485 1.25 12c0-1.69 1.114-4.32 3.439-6.25l-2.22-2.22a.75.75 0 010-1.06zm3.284 4.345C3.651 8.505 2.75 10.794 2.75 12c0 1.015.643 2.837 2.165 4.417 1.492 1.55 3.8 2.833 7.085 2.833 2.019 0 3.664-.485 4.977-1.213l-2.91-2.908A3.75 3.75 0 018.87 9.932L5.755 6.815zM9.97 11.03a2.25 2.25 0 003.001 3.001l-3-3.001zM12 4.75c-1.035 0-1.97.127-2.81.348a9.761 9.761 0 00-.464.134.75.75 0 01-.452-1.43c.175-.055.354-.107.535-.155A12.525 12.525 0 0112 3.25c3.716 0 6.407 1.467 8.165 3.292C21.894 8.337 22.75 10.515 22.75 12c0 1.09-.46 2.532-1.353 3.908-.117.18-.242.36-.375.54a.75.75 0 11-1.204-.896c.114-.153.22-.306.32-.46.783-1.206 1.112-2.368 1.112-3.092 0-1.015-.643-2.837-2.165-4.417-1.492-1.55-3.8-2.833-7.085-2.833z",fill:"var(--fill)"}))}const p=function(e){return r.createElement(o.Z,c({Svg:s},e))};var u=function(e){var t=(0,r.useState)(!1),n=t[0],o=t[1],a=n?l:p,i=n?void 0:"password";return e&&console.warn('"actionChildren" and "onClickAction" are disabled when "isShowHideInput" is enabled.'),{handleShowHideIconClick:function(){o(!n)},showHideIcon:a,showHideInputType:i}}},23118:(e,t,n)=>{n.d(t,{Z:()=>r});const r=(e,t,n)=>{switch(t){case"email_pin_mismatch":return e.formatMessage({id:"productFlows.module.phoneChange.error.emailPinMismatch"});case"phone_pin_mismatch":return e.formatMessage({id:"productFlows.module.phoneChange.error.phonePinMismatch"});case"invalid_phone_number":return e.formatMessage({id:"productFlows.module.phoneChange.error.invalidPhoneNumber"});case"invalid_state":return e.formatMessage({id:"productFlows.module.phoneChange.error.invalidState"});case"service_unavailable":return e.formatMessage({id:"productFlows.module.phoneChange.error.serviceUnavailable"});case"internal_error":return e.formatMessage({id:"productFlows.module.phoneChange.error.internalError"});case"validation_error":return e.formatMessage({id:"productFlows.module.phoneChange.error.validationError"});default:return n}}},35762:(e,t,n)=>{n.r(t),n.d(t,{default:()=>W,mapDispatchToProps:()=>z,mapStateToProps:()=>H});var r=n(62139),o=n(16383),a=n(59258),i=n(28128),l=n(35006),c=n(9611),s=n(81927),p=n(26914),u=n(99056),h=n(86933),d=n(8207),m=n(3867),f=n(98216),g=n(52893);const v="proBcsxX2nM";var P=n(67294);const b=["length"];function w(){return w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}const y=function(e){let{length:t=4}=e,n=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,b);return P.createElement(g.Z,w({},n,{ariaLabel:"PIN INPUT",maxLength:t,placeholder:"0".repeat(t),align:"center",innerClassName:v,autoComplete:"off",autoFocus:!0}))};var E=n(59259),C=n(51660),_=n(15135),k=n(64449),N=n(53002),O=n(35905),Z=n(87684),I=n(85077),S=n(23118),j=n(21961);function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(this,arguments)}function A(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function R(e,t,n){return t=T(t),function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){return!1}}()?Reflect.construct(t,n||[],T(e).constructor):t.apply(e,n))}function T(e){return T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},T(e)}

1function U(e,t){return U=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},U(e,t)}const M=()=>{Z.ap.track(k.jJ.eventName,{eventCategory:"UserInteractsElement",pageName:o._A,productArea:k.w8,elementName:k.jJ.elementName,interactionType:"click"}),window.location.reload()};let F=function(e){function t(e){var n,r,o,i;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),n=R(this,t,[e]),i=e=>P.createElement(a.Z,x({"data-testid":"phone-change-phone-pin-edit-btn","aria-label":n.props.intl.formatMessage({id:"productFlows.rufus.components.rufusPhonePinHelp.editPhoneNumberCta"}),className:_.Z.editPhoneNumber},(0,O.g)(M)),e),(o="renderEditLink")in(r=n)?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i,n.state={phonePin:"",phonePinSubmitted:!1,iovationBlackbox:""},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&U(e,t)}(t,e),n=t,(r=[{key:"componentDidMount",value:function(){(0,N.s3)().notifyStepChange(o._A),Z.ap.track(k.Tm.eventName,{eventCategory:"UserViewsPage",pageName:o._A,productArea:k.w8}),(0,I.s)(E.El.USER_SEES_STEP_UP,{eventCategory:"UserImpressesElement",elementName:k.Wd,pageName:o._A,productArea:k.w8,stepUpType:"phone_pin",stepUpPurpose:"phone_change_auth"}),async function(e){e(await(0,C.S)(!0))}(this.updateIovationBlackboxString.bind(this))}},{key:"componentDidUpdate",value:function(e){const{phonePinError:t}=this.props;t&&t!==e.phonePinError&&Z.ap.track(k.Al.eventName,{eventCategory:"UserImpressesElement",pageName:o._A,productArea:k.w8,elementName:k.Al.elementName})}},{key:"updateIovationBlackboxString",value:function(e){this.setState((()=>({iovationBlackbox:e})))}},{key:"updatePhonePin",value:function(e){this.setState({phonePin:e,phonePinSubmitted:!1}),this.props.updatePhonePin(e);const t=this.props.pinLength||6;if(e.length===t){const{makeRequest:e,updateIovationBlackboxString:t}=this.props,{iovationBlackbox:n}=this.state;return this.setState({phonePin:"",phonePinSubmitted:!0}),Z.ap.track(k.qQ.eventName,{eventCategory:"UserInteractsElement",pageName:o._A,productArea:k.w8,elementName:k.qQ.elementName,interactionType:"text_input"}),(0,I.s)(E.El.USER_SUBMITS_STEP_UP,{eventCategory:"UserChangesState",pageName:o._A,productArea:k.w8,stateName:"phone_pin",stepUpType:"phone_pin",stepUpPurpose:"phone_change_auth"}),t(n),e()}return!0}},{key:"requestNewPin",value:function(e){const{makeRequest:t}=this.props;return Z.ap.track(k.j0.eventName,{eventCategory:"UserInteractsElement",pageName:o._A,productArea:k.w8,elementName:k.j0.elementName,interactionType:"click"}),t({submitUrl:e})}},{key:"renderPinContent",value:function(e){const{numberPinWasSentTo:t,phonePinError:n,phonePinErrorCode:r,pinLength:o,resendPhonePinURL:a,intl:u}=this.props,{phonePin:d,phonePinSubmitted:f}=this.state,g=(0,S.Z)(u,r),v=g?{format:"plaintext",value:g}:n,b=e&&"string"==typeof t?t.replace(/\D/g,""):"",w=b.length>=4?b.slice(-4):"",E=e?"phone-change-phone-pin-page":"phone-change-phone-pin-modal";return P.createElement(i.Z,null,v&&f&&P.createElement(l.Z,{"data-testid":`${E}-error-message`,role:e?"alert":void 0,attitude:l.Z.Enums.Attitude.Negative},P.createElement(l.Z.Emphasis,null,P.createElement(m.Z,{copy:v}))),P.createElement(c.Z,{weight:"bold","data-testid":`${E}-title`},e?P.createElement(h.Z,{id:"productFlows.module.phoneChange.phonePin.wave2.title"}):P.createElement(h.Z,{id:"productFlows.module.phoneChange.phonePin.title"})),P.createElement(i.Z,{marginTop:"small"},P.createElement(s.Z,{color:"components-color-content-supplementary"},e?w?P.createElement(h.Z,{id:"productFlows.module.phoneChange.phonePin.wave2.description",values:{lastFour:w,link:this.renderEditLink}}):P.createElement(h.Z,{id:"productFlows.module.phoneChange.phonePin.wave2.descriptionWithoutNumber",values:{link:this.renderEditLink}}):P.createElement(h.Z,{id:"productFlows.module.phoneChange.phonePin.description",values:{number:t}}))),P.createElement(i.Z,{marginTop:"xx-large",inlineChildren:!0,className:"phonePinWrapper"},P.createElement(y,{"data-testid":"phone-change-phone-pin-input",onChange:e=>this.updatePhonePin(e),value:d,length:o})),P.createElement(i.Z,{marginTop:"large"},P.createElement(p.Z,{"data-testid":"phone-change-phone-pin-resend-btn",emphasis:e?p.Z.Enums.Emphasis.Secondary:p.Z.Enums.Emphasis.Tertiary,onClick:()=>this.requestNewPin(a),fullWidth:!0},e?P.createElement(h.Z,{id:"productFlows.module.phoneChange.phonePin.wave2.resendButton"}):P.createElement(h.Z,{id:"productFlows.module.phoneChange.phonePin.resendButton"}))))}},{key:"render",value:function(){const{phonePinRequestPending:e,Backgroun

1dComponent:t}=this.props;return(0,j.x)()?P.createElement(i.Z,{className:_.Z.container},e?P.createElement(f.Z,{isOpen:!0}):this.renderPinContent(!0)):P.createElement("div",null,P.createElement(t,null),P.createElement(i.Z,{className:_.Z.container},e?P.createElement(f.Z,{isOpen:!0}):P.createElement(u.u,{open:!0,className:_.Z.phoneFullScreen},this.renderPinContent(!1))))}}])&&A(n.prototype,r),d&&A(n,d),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,d}(P.Component);F.defaultProps={numberPinWasSentTo:"",phonePinError:"",pinLength:6,phonePinRequestPending:!1,resendPhonePinURL:""};const B=(0,d.Z)(F,{forwardRef:!0});var L=n(62506),q=n(50558);const H=e=>({numberPinWasSentTo:e.orchestrator.getIn([o._A,"data","phone_number"]),phonePinError:e.orchestrator.getIn([o._A,"data","error","message"]),phonePinErrorCode:e.orchestrator.getIn([o._A,"data","error","code"]),pinLength:e.orchestrator.getIn([o._A,"data","pin_length"]),resendPhonePinURL:e.orchestrator.getIn([o._A,"data","resend_url"]),phonePinRequestPending:e.orchestrator.getIn([o._A,"view","pending"]),BackgroundComponent:L.WithoutPageViewProposedPhoneNumber}),z=e=>({makeRequest:t=>e((0,r.$f)(t)),updatePhonePin:t=>e((0,r.Zg)(["phone_pin"],t)),updateIovationBlackboxString:t=>e((0,r.Zg)(["iovation_blackbox"],t))}),W=(0,q.$j)(H,z)(B)}}]);