https://dubhub-demo.netlify.app/_next/static/chunks/pages/update-phone-866fc6dd699ce1ab716a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7895],{8750:function(e,r,t){"use strict";t.d(r,{Z:function(){return a}});t(7294);var n=t(5893);function a(e){var r=e.reverse,t=void 0!==r&&r;return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38",children:(0,n.jsxs)("g",{id:"Group_127","data-name":"Group 127",transform:"translate(0.096 -0.214)",children:[(0,n.jsxs)("g",{id:"Ellipse_18","data-name":"Ellipse 18",transform:"translate(-0.096 0.214)",fill:t?"black":"white",stroke:"rgba(0,0,0,0)",strokeWidth:"1",children:[(0,n.jsx)("circle",{cx:"19",cy:"19",r:"19",stroke:"none"}),(0,n.jsx)("circle",{cx:"19",cy:"19",r:"18.5",fill:"none"})]}),(0,n.jsx)("path",{id:"Path_208","data-name":"Path 208",d:"M-113.356,1004.549l-7.5,7.233,7.5,6.564",transform:"translate(131.581 -992.398)",fill:"none",stroke:t?"white":"black",strokeLinecap:"round",strokeWidth:"2"}),(0,n.jsx)("path",{id:"Path_210","data-name":"Path 210",d:"M-118.748,1012.383h14.883",transform:"translate(130.653 -992.951)",fill:"none",stroke:t?"white":"black",strokeLinecap:"round",strokeWidth:"2"})]})})}},6608:function(e,r,t){"use strict";var n=t(7294),a=t(5893);r.Z=n.memo((function(e){var r=e.children;return(0,a.jsx)("div",{className:"anima-container-center-horizontal",children:(0,a.jsx)("div",{className:"dashboard anima-screen container-center-horizontal min-vh-100",children:r})})}))},5158:function(e,r,t){"use strict";t.d(r,{yZ:function(){return n},tO:function(){return a},sj:function(){return i},kF:function(){return l},I5:function(){return o},u9:function(){return u},T3:function(){return s},lP:function(){return c},$I:function(){return d},sZ:function(){return h},mD:function(){return m},Hx:function(){return b},O0:function(){return f},n9:function(){return v},Gv:function(){return p},rc:function(){return N},rh:function(){return S},Rf:function(){return A},LZ:function(){return g},e:function(){return R},W1:function(){return C},Ik:function(){return E},sT:function(){return y},L3:function(){return D},E6:function(){return _},Pb:function(){return T},Nb:function(){return O},WG:function(){return L},TU:function(){return P},w$:function(){return I},Oj:function(){return x},C2:function(){return j},N_:function(){return w},sf:function(){return k},$Z:function(){return M},$6:function(){return H},zc:function(){return W},eE:function(){return B},ih:function(){return F},y7:function(){return U},lr:function(){return G},Po:function(){return K},Iy:function(){return V},_H:function(){return Z},NP:function(){return $}});var n={DASHBOARD:"dashboard",REWARD_DETAIL:"reward_detail",WALLET_DETAIL:"wallet_detail",ACCOUNT_DETAIL:"account_detail",CARD_DETAIL:"card_detail"},a={MASTER_WALLET:1,REWARD_WALLET:8,VIRTUAL_CARD:3,REWARD_CARD:9,EXTERNAL_CARD:5,BANK_ACCOUNT:4},i={REGULAR_CARD:"REGULAR_CARD",REWARD_CARD:"REWARD_CARD"},l=[a.MASTER_WALLET,a.VIRTUAL_CARD],o=[a.REWARD_WALLET,a.REWARD_CARD],u={MASTERCARD:/^5[1-5][0-9]{1,}|^2[2-7][0-9]{1,}$/,VISA:/^4[0-9]{2,}$/,AMERICAN_EXPRESS:/^3[47][0-9]{5,}$/,DISCOVER:/^6(?:011|5[0-9]{2})[0-9]{3,}$/,DINERS_CLUB:/^3(?:0[0-5]|[68][0-9])[0-9]{4,}$/,JCB:/^(?:2131|1800|35[0-9]{3})[0-9]{3,}$/},s=function(e){return/^\d+$/.test(e)},c={INPUT_FORM:0,TFA_FORM:1,UPDATE_PASSWORD_FORM:2,UPDATE_SSN_FORM:3},d={FORGOT_PASSWORD_FORM:0,UPDATE_PASSWORD_FORM:1,TFA_FORM:2},h={REGISTER:0,TFA_SIGNUP:1,THANK_YOU:2,PACKAGE_SELECTION:3,BERBIX_INSTRUCTION:4,BERBIX_VERIFICATION:5,UPDATE_PASSWORD:6,BILLING_FORM:7,BANK_LINKING:8},m={REGISTER:0,TFA_SIGNUP:1,UPDATE_PASSWORD:2,BANK_LINKING:3},b={LINK_ACCOUNTS_INTERFACE:0,LINK_BANK:1,LINK_EXT_CARD:2,LINK_BANK_INFO:3},f=[{key:"notifySMReceived",title:"Money Received"},{key:"notifyAchFundsAvailable",title:"Funds Available"},{key:"notifyWalletBalanceLow",title:"Wallet Balance",thresholdName:"thresholdWalletBalanceLow"},{key:"notifyPurchase",title:"Card Transactions",thresholdName:"thresholdPurchase"}],v=[{key:"sms",title:"SMS",value:1},{key:"email",title:"Email",value:2},{key:"inapp",title:"InApp",value:4}],p={edit:{title:"Edit Billing Card",content:"Would you like to edit the billing card information?"},remove:{title:"Remove Billing Card",content:"Would you like to remove the billing card?"},remove_primary:{title:"Alert",content:"Unable to remove primary card. Set another card as primary to remove this one"},switch:{title:"Set Primary Card",content:"Are you sure you want to set this card as your primary billing card? All future subscriptions will be charged in this account."},activate:{title:"Activate Subscription",content:"Are you sure you want to activate the subscription."},cancel:{title:"Cancel Subscription",content:"Are you sure you want to cancel the subscription."}},N=[{label:"Alabama ",value:"AL"},{label:"Alaska ",value:"AK"},{label:"Arizona ",value:"AZ"},{label:"Arkansas ",value:"AR"},{label:"California ",value:"CA"},{label:"Colorado ",value:"CO"},{label:"Connecticut ",value:"CT"},{label:"Delaware ",value:"DE"},{label:"Florida ",value:"FL"},{label:"Georgia ",value:"GA"},{label:"Hawaii ",value:"HI"},{label:"Idaho ",value:"ID"},{label:"Illinois ",value:"IL"},{label:"Indiana ",value:"IN"},{label:"Iowa ",value:"IA"},{label:"Kansas ",value:"KS"},{label:"Kentucky ",value:"KY"},{label:"Louisiana ",value:"LA"},{label:"Maine ",value:"ME"},{label:"Maryland ",value:"MD"},{label:"Massachusetts ",value:"MA"},{label:"Michigan ",value:"MI"},{label:"Minnesota ",value:"MN"},{label:"Mississippi ",value:"MS"},{label:"Missouri ",value:"MO"},{label:"Montana ",value:"MT"},{label:"Nebraska ",value:"NE"},{label:"Nevada ",value:"NV"},{label:"New Hampshire ",value:"NH"},{label:"New Jersey ",value:"NJ"},{label:"New Mexico ",value:"NM"},{label:"New York ",value:"NY"},{label:"North Carolina ",value:"NC"},{label:"North Dakota ",value:"ND"},{label:"Ohio ",value:"OH"},{label:"Oklahoma ",value:"OK"},{label:"Oregon ",value:"OR"},{label:"Pennsylvania ",value:"PA"},{label:"Rhode Island ",value:"RI"},{label:"South Carolina ",value:"SC"},{label:"South Dakota ",value:"SD"},{label:"Tennessee ",value:"TN"},{label:"Texas ",value:"TX"},{label:"Utah ",value:"UT"},{label:"Vermont ",value:"VT"},{label:"Virginia ",value:"VA"},{label:"Washington ",value:"WA"},{label:"West Virginia ",value:"WV"},{label:"Wisconsin ",value:"WI"},{label:"Wyoming ",value:"WY"}],S=["01","02","03","04","05","06","07","08","09","10","11","12"],A=function(){for(var e=(new Date).getFullYear().toString().slice(-2),r=[],t=0;t<10;t++)r.push(Number(e)+t);return r},g=function(){for(var e=(new Date).getFullYear().toString(),r=[],t=0;t<10;t++)r.push(Number(e)+t);return r},R=f.length,C=v.length,E=[{key:"tfaEnabled",title:"2 Factor Login"}],y="https://tnp-shield-web-app.vercel.app/img/TnPLogoMainBlue.png",D=["Username must contain at least 8 characters.","Username must contain at least 1 number.","Username must NOT contain any empty spaces."],_=[{title:"Home",href:"/"},{title:"Notifications",href:"/notifications"},{title:"Profile",href:"/profile"},{title:"Contacts",href:"/contacts"},{title:"Settings",href:"/settings"},{title:"Legal",href:"/legal"},{title:"Logout",href:"/login"}],T={SUBMIT_FORM:0,CONFIRM_FORM:1},O={ADD:0,COMPLETED:1,SUBSCRIPTION:2},L={WITHDRAW:0,COMPLETED:1},P={TRANSFER:0,COMPLETED:1},I={SEND:0,COMPLETED:1,SUBSCRIPTION:2},x=/^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}

1\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/,j=["NoHair","Eyepatch","Hat","Hijab","Turban","WinterHat1","WinterHat2","WinterHat3","WinterHat4","LongHairBigHair","LongHairBob","LongHairBun","LongHairCurly","LongHairCurvy","LongHairDreads","LongHairFrida","LongHairFro","LongHairFroBand","LongHairNotTooLong","LongHairShavedSides","LongHairMiaWallace","LongHairStraight","LongHairStraight2","LongHairStraightStrand","ShortHairDreads01","ShortHairDreads02","ShortHairFrizzle","ShortHairShaggy","ShortHairShaggyMullet","ShortHairShortCurly","ShortHairShortFlat","ShortHairShortRound","ShortHairShortWaved","ShortHairSides","ShortHairTheCaesar","ShortHairTheCaesarSidePart"],w=["Blank","Kurt","Prescription01","Prescription02","Round","Sunglasses","Wayfarers"],k=["Blank","BeardMedium","BeardLight","BeardMajestic","MoustacheFancy","MoustacheMagnum"],M=["Auburn","Black","Blonde","BlondeGolden","Brown","BrownDark","PastelPink","Blue","Platinum","Red","SilverGray"],H=["BlazerShirt","BlazerSweater","CollarSweater","GraphicShirt","Hoodie","Overall","ShirtCrewNeck","ShirtScoopNeck","ShirtVNeck"],W=["Close","Cry","Default","Dizzy","EyeRoll","Happy","Hearts","Side","Squint","Surprised","Wink","WinkWacky"],B=["Angry","AngryNatural","Default","DefaultNatural","FlatNatural","RaisedExcited","RaisedExcitedNatural","SadConcerned","SadConcernedNatural","UnibrowNatural","UpDown","UpDownNatural"],F=["Concerned","Default","Disbelief","Eating","Grimace","Sad","ScreamOpen","Serious","Smile","Tongue","Twinkle","Vomit"],U={D:"day",M:"month",Y:"year"},G=1e4,K=.01,V=2,Z=2,$=5},7455:function(e,r,t){"use strict";t.r(r);var n=t(2809),a=t(7294),i=t(9249),l=t(1163),o=t(7536),u=t(8834),s=t(9501),c=t(5890),d=t(6608),h=t(8750),m=t(5158),b=t(5893);function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}r.default=function(){var e,r,t=(0,l.useRouter)(),n=(0,a.useState)(null),f=n[0],p=n[1],N=(0,a.useState)("PHONE"),S=N[0],A=N[1],g=(0,a.useState)(),R=g[0],C=g[1],E=s.Ry().shape({phoneNumber:s.Z_().required("Phone number is required").max(10,"Phone number length is min. 10").max(11,"Phone number length is max. 11").matches(m.Oj,"Phone number is not valid").test("Digits only","Phone number should have digits only",m.T3)}),y=s.Ry().shape({authCode:s.Z_().required("Auth code is required")}),D={resolver:(0,u.X)(E)},_={resolver:(0,u.X)(y)},T=(0,o.cI)(D),O=T.register,L=T.handleSubmit,P=T.formState,I=T.reset,x=T.setValue,j=P.errors,w=P.isSubmitSuccessful,k=(0,o.cI)(_),M=k.register,H=k.formState,W=H.errors,B=H.isSubmitSuccessful,F=H.isSubmitting,U=k.handleSubmit,G=k.reset;(0,a.useEffect)((function(){w&&I({phoneNumber:""})}),[P,I,w]),(0,a.useEffect)((function(){B&&G({authCode:""})}),[B,G]);return(0,b.jsx)(d.Z,{children:(0,b.jsxs)("div",{className:"main-panel cus-profile-page",children:[(0,b.jsx)("div",{className:"back-button",onClick:function(){t.back()},children:(0,b.jsx)(h.Z,{})}),(0,b.jsx)("div",{className:"container text-center pt-5 pb-3",children:(0,b.jsx)("h4",{className:"pt-2",children:"Update Phone"})}),(0,b.jsx)("div",{className:"title-border"}),(0,b.jsx)("div",{className:"container text-center pt-3 pb-5",children:(0,b.jsx)("div",{className:"row justify-content-center",children:"AUTHCODE"===S?(0,b.jsxs)("form",{onSubmit:U((function(e){var r=e.authCode;return c.W4.updatePhoneNumber({requestId:f,authCode:r}).then((function(e){var r=e.success,n=e.errorMessage;r?(i.Am.success("Phone number updated successfully"),t.push("/profile")):i.Am.error(n)}))})),autoComplete:"off",className:"form-signup w-50",children:[(0,b.jsxs)("div",{className:"form-group",children:[(0,b.jsx)("label",{htmlFor:"phoneNumber",children:"New Phone"}),(0,b.jsx)("input",{type:"phoneNumber",id:"phoneNumber",maxLength:"11",minLength:"10",placeholder:"Phone Number",value:R,className:"form-control text-center",disabled:!0})]}),(0,b.jsxs)("div",{className:"form-group",children:[(0,b.jsx)("label",{htmlFor:"authCode",children:"Verification Code"}),(0,b.jsx)("input",v(v({id:"authCode",placeholder:"Verification Code"},M("authCode")),{},{className:"form-control text-center ".concat(W.authCode?"is-invalid":"")})),(0,b.jsx)("div",{className:"form-validation",children:(0,b.jsx)("div",{className:"form-error-messages justify-content-start",children:null===(e=W.authCode)||void 0===e?void 0:e.message})})]}),(0,b.jsx)("div",{className:"form-group",onClick:function(){return c.W4.sendPhoneUpdateRequest({phoneNumber:

1R}).then((function(e){var r=e.success,t=e.requestId,n=e.errorMessage;r?(p(t),i.Am.success("Verification was sent to the phone address provided. Please input the code to continue.")):i.Am.error(n)}))},children:(0,b.jsx)("label",{htmlFor:"resend",className:"cursor-pointer",children:"Didn't receive a code? Click here to send again."})}),(0,b.jsx)("div",{className:"form-group",onClick:function(){A("PHONE"),p(null),C()},children:(0,b.jsx)("label",{htmlFor:"restart",className:"cursor-pointer",children:"Try different phone number?"})}),(0,b.jsx)("div",{className:"form-group mx-3 my-5",children:(0,b.jsxs)("button",{disabled:F,className:"btn btn-submit cus-btn-black w-100",children:[F&&(0,b.jsx)("span",{className:"spinner-border spinner-border-sm mr-1"}),"Submit"]})})]},"authcode-form"):(0,b.jsxs)("form",{onSubmit:L((function(e){var r,t,n=e.phoneNumber;if(null===(r=c.W4.userValue)||void 0===r||!r.phone||(null===(t=c.W4.userValue)||void 0===t?void 0:t.phone)!==n)return c.W4.sendPhoneUpdateRequest({phoneNumber:n}).then((function(e){var r=e.success,t=e.requestId,a=e.errorMessage;r?(A("AUTHCODE"),p(t),C(n)):i.Am.error(a)}));i.Am.error("Duplicated number!")})),autoComplete:"off",className:"form-signup w-50",children:[(0,b.jsxs)("div",{className:"form-group",children:[(0,b.jsx)("label",{htmlFor:"phoneNumber",children:"New Phone"}),(0,b.jsx)("input",v(v({type:"phoneNumber",id:"phoneNumber",maxLength:"11",minLength:"10",placeholder:"Phone Number"},O("phoneNumber",{onChange:function(e){return x("phoneNumber",e.target.value.replace(/[^0-9.]+/g,""))}})),{},{className:"form-control text-center ".concat(j.phoneNumber?"is-invalid":"")})),(0,b.jsx)("div",{className:"form-validation",children:(0,b.jsx)("div",{className:"form-error-messages justify-content-start",children:null===(r=j.phoneNumber)||void 0===r?void 0:r.message})})]}),(0,b.jsx)("div",{className:"form-group mx-3 my-5",children:(0,b.jsxs)("button",{disabled:P.isSubmitting,className:"btn btn-submit cus-btn-black w-100",children:[P.isSubmitting&&(0,b.jsx)("span",{className:"spinner-border spinner-border-sm mr-1"}),"Submit"]})})]},"newnumber-form")})})]})})}},5111:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/update-phone",function(){return t(7455)}])}},function(e){e.O(0,[3752,9774,2888,179],(function(){return r=5111,e(e.s=r);var r}));var r=e.O();_N_E=r}]);