https://dubhub-demo.netlify.app/_next/static/chunks/pages/billing-ee265ded5084a102401b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6067],{8750:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});n(7294);var a=n(5893);function r(e){var t=e.reverse,n=void 0!==t&&t;return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38",children:(0,a.jsxs)("g",{id:"Group_127","data-name":"Group 127",transform:"translate(0.096 -0.214)",children:[(0,a.jsxs)("g",{id:"Ellipse_18","data-name":"Ellipse 18",transform:"translate(-0.096 0.214)",fill:n?"black":"white",stroke:"rgba(0,0,0,0)",strokeWidth:"1",children:[(0,a.jsx)("circle",{cx:"19",cy:"19",r:"19",stroke:"none"}),(0,a.jsx)("circle",{cx:"19",cy:"19",r:"18.5",fill:"none"})]}),(0,a.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:n?"white":"black",strokeLinecap:"round",strokeWidth:"2"}),(0,a.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:n?"white":"black",strokeLinecap:"round",strokeWidth:"2"})]})})}},714:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});n(7294);var a=n(5893);function r(){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"58.747",height:"46.562",viewBox:"0 0 58.747 46.562",children:(0,a.jsx)("g",{id:"credit-card_24_","data-name":"credit-card (24)",transform:"translate(0 -53.1)",children:(0,a.jsxs)("g",{id:"Group_832","data-name":"Group 832",transform:"translate(0 53.1)",children:[(0,a.jsx)("path",{id:"Path_18344","data-name":"Path 18344",d:"M57.7,58.117a4.384,4.384,0,0,0-3-1.547l-41.37-3.454a4.412,4.412,0,0,0-4.763,4.016L7.736,64.94H4.412A4.417,4.417,0,0,0,0,69.352v25.9a4.417,4.417,0,0,0,4.412,4.412H45.927a4.417,4.417,0,0,0,4.412-4.412v-4.2l1.473.123q.186.015.37.015a4.418,4.418,0,0,0,4.394-4.045l2.155-25.807A4.384,4.384,0,0,0,57.7,58.117ZM4.412,67.234H45.927a2.12,2.12,0,0,1,2.118,2.118v2.36H2.295v-2.36a2.12,2.12,0,0,1,2.118-2.118ZM2.295,74.006h45.75v4.76H2.295Zm43.632,23.36H4.412a2.12,2.12,0,0,1-2.118-2.118V81.062h45.75V95.249a2.12,2.12,0,0,1-2.118,2.118ZM56.445,61.143,54.29,86.95A2.12,2.12,0,0,1,52,88.884l-1.664-.139V69.352a4.417,4.417,0,0,0-4.412-4.412H10.044l.808-7.577c0-.009,0-.017,0-.026A2.119,2.119,0,0,1,13.14,55.4l41.37,3.454a2.118,2.118,0,0,1,1.934,2.286Z",transform:"translate(0 -53.1)",fill:"#fff"}),(0,a.jsx)("path",{id:"Path_18345","data-name":"Path 18345",d:"M282.821,326.532H271.778a1.147,1.147,0,0,0-1.147,1.147v7.2a1.147,1.147,0,0,0,1.147,1.147h11.043a1.147,1.147,0,0,0,1.147-1.147v-7.2A1.147,1.147,0,0,0,282.821,326.532Zm-1.147,7.2h-8.748v-4.91h8.748Z",transform:"translate(-239.579 -295.158)",fill:"#fff"})]})})})}},1543:function(e,t,n){"use strict";n(7294);var a=n(4359),r=n(3935),i=n(5893);t.Z=function(e){return e.show?r.createPortal((0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(a.Z,{show:e.show,onHide:e.handleClose,centered:!0,children:[(0,i.jsx)(a.Z.Header,{closeButton:!0,children:(0,i.jsx)(a.Z.Title,{children:e.title})}),(0,i.jsx)(a.Z.Body,{children:e.children}),e.confirmation?(0,i.jsx)(a.Z.Footer,{children:(0,i.jsx)("button",{className:"cus-btn-black",onClick:e.handleProceed,children:"OK"})}):(0,i.jsxs)(a.Z.Footer,{children:[(0,i.jsx)("button",{className:"cus-btn-white",onClick:e.handleClose,children:"Cancel"}),(0,i.jsx)("button",{className:"cus-btn-black",onClick:e.handleProceed,children:"OK"})]})]})}),document.querySelector("#modal-root")):null}},6608:function(e,t,n){"use strict";var a=n(7294),r=n(5893);t.Z=a.memo((function(e){var t=e.children;return(0,r.jsx)("div",{className:"anima-container-center-horizontal",children:(0,r.jsx)("div",{className:"dashboard anima-screen container-center-horizontal min-vh-100",children:t})})}))},5158:function(e,t,n){"use strict";n.d(t,{yZ:function(){return a},tO:function(){return r},sj:function(){return i},kF:function(){return l},I5:function(){return o},u9:function(){return c},T3:function(){return s},lP:function(){return u},$I:function(){return d},sZ:function(){return h},mD:function(){return f},Hx:function(){return v},O0:function(){return b},n9:function(){return m},Gv:function(){return A},rc:function(){return p},rh:function(){return S},Rf:function(){return N},LZ:function(){return g},e:function(){return y},W1:function(){return R},Ik:function(){return x},sT:function(){return C},L3:function(){return E},E6:function(){return _},Pb:function(){return j},Nb:function(){return D},WG:function(){return w},TU:function(){return k},w$:function(){return T},Oj:function(){return O},C2:function(){return P},N_:function(){return I},sf:function(){return L},$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 Z},Po:function(){return G},Iy:function(){return K},_H:function(){return V},NP:function(){return $}});var a={DASHBOARD:"dashboard",REWARD_DETAIL:"reward_detail",WALLET_DETAIL:"wallet_detail",ACCOUNT_DETAIL:"account_detail",CARD_DETAIL:"card_detail"},r={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=[r.MASTER_WALLET,r.VIRTUAL_CARD],o=[r.REWARD_WALLET,r.REWARD_CARD],c={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)},u={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}

1,f={REGISTER:0,TFA_SIGNUP:1,UPDATE_PASSWORD:2,BANK_LINKING:3},v={LINK_ACCOUNTS_INTERFACE:0,LINK_BANK:1,LINK_EXT_CARD:2,LINK_BANK_INFO:3},b=[{key:"notifySMReceived",title:"Money Received"},{key:"notifyAchFundsAvailable",title:"Funds Available"},{key:"notifyWalletBalanceLow",title:"Wallet Balance",thresholdName:"thresholdWalletBalanceLow"},{key:"notifyPurchase",title:"Card Transactions",thresholdName:"thresholdPurchase"}],m=[{key:"sms",title:"SMS",value:1},{key:"email",title:"Email",value:2},{key:"inapp",title:"InApp",value:4}],A={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."}},p=[{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"],N=function(){for(var e=(new Date).getFullYear().toString().slice(-2),t=[],n=0;n<10;n++)t.push(Number(e)+n);return t},g=function(){for(var e=(new Date).getFullYear().toString(),t=[],n=0;n<10;n++)t.push(Number(e)+n);return t},y=b.length,R=m.length,x=[{key:"tfaEnabled",title:"2 Factor Login"}],C="https://tnp-shield-web-app.vercel.app/img/TnPLogoMainBlue.png",E=["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"}],j={SUBMIT_FORM:0,CONFIRM_FORM:1},D={ADD:0,COMPLETED:1,SUBSCRIPTION:2},w={WITHDRAW:0,COMPLETED:1},k={TRANSFER:0,COMPLETED:1},T={SEND:0,COMPLETED:1,SUBSCRIPTION:2},O=/^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/,P=["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"],I=["Blank","Kurt","Prescription01","Prescription02","Round","Sunglasses","Wayfarers"],L=["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"},Z=1e4,G=.01,K=2,V=2,$=5},3658:function(e,t,n){"use strict";n.r(t);var a=n(3789),r=n(2809),i=n(1163),l=n(7294),o=n(9249),c=n(4883),s=n(6608),u=n(8750),d=n(714),h=n(7247),f=n(1543),v=n(5158),b=n(5893);function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?m(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.default=function(){var e=(0,l.useState)(),t=e[0],n=e[1],r=(0,l.useState)(),m=r[0],p=r[1],S=(0,l.useState)([]),N=S[0],g=S[1],y=(0,l.useState)(),R=y[0],x=y[1],C=(0,l.useState)(),E=C[0],_=C[1],j=(0,l.useState)(),D=j[0],w=j[1],k=(0,l.useState)(),T=k[0],O=k[1],P=(0,l.useState)(!1),I=P[0],L=P[1],M=function(){return L(!1)},H=function(e,t){p(t),O(e),L(!0)};(0,l.useEffect)((function(){var e=c.W.getUserValue().subscribe((function(e){x((null===e||void 0===e?void 0:e.subscriptionStatus)||null)}));return function(){e.unsubscribe()}}),[]),(0,l.useEffect)((function(){var e=!0;return c.W.getPaymentMethods().then((function(t){var n=t.success,a=t.cards,r=t.nextBillingAmount,i=t.nextBillingDate;n&&e&&(g(a),_(r),w((0,h.C0)(i)))})),function(){e=!1}}),[]);var W=(0,i.useRouter)(),B=function(e){var t=e.target.value;H("switch",t)},F=function(e){var t=N.find((function(t){return t.id===e}));if(t){var a=A(A({},t),{},{isPrimary:!0});return c.W.putPaymentMethods(a).then((function(t){t.success&&(o.Am.success("Primary card changed!"),N.forEach((function(t){t.id===e?t.isPrimary=!0:t.isPrimary=!1})),n(e))}))}},U=function(e){return c.W.deletePaymentMethods(e).then((function(t){var n=t.success,r=t.errorMessage;if(n){var i=(0,a.Z)(N),l=N.findIndex((function(t){return t.id===e}));-1!==l&&(i.splice(l,1),g(i)),o.Am.success("Card removed successfully")}else o.Am.error(r)}))},Z=function(){if(N&&N.length>0)return c.W.reactivateBillingSubscription().then((function(e){var t=e.success,n=e.errorMessage;t?o.Am.success("Subscription Activated!"):o.Am.error(n)}));o.Am.error("No bank cards connected")},G=function(){W.push("/cancel-subscription")},K=function(){H("activate")},V=function(){H("cancel")};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s.Z,{children:(0,b.jsxs)("div",{className:"main-panel cus-profile-page",children:[(0,b.jsx)("div",{className:"back-button",onClick:function(){W.push("/")},children:(0,b.jsx)(u.Z,{})}),(0,b.jsxs)("div",{className:"container text-center pt-5 pb-3",children:[(0,b.jsx)("div",{className:"header-icon",children:(0,b.jsx)(d.Z,{})}),(0,b.jsx)("h4",{className:"pt-5",children:"Billing"})]}),(0,b.jsxs)("div",{className:"d-flex flex-column px-5 mx-md-5 mx-lg-5 mx-sm-5 m-auto",children:[(0,b.jsx)("div",{className:"title-border-black mx-0"}),(0,b.jsxs)("div",{className:"mb-4",children:[(0,b.jsxs)("div",{className:"pb-2",children:["Subscription Status: ",R]}),(0,b.jsxs)("div",{className:"pb-2",children:["Billing Date: ",D||"No Billing Date"]}),(0,b.jsxs)("div",{className:"pb-2",children:["Billing Charge: ",h.zW.format(E||0)]})]}),R&&"Free"!==R&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{children:"Billing Cards"}),(0,b.jsx)("div",{className:"title-border-black mx-0"}),N.length>0&&N.map((function(e,n){var a=e.id,r=e.isPrimary,i=e.cardNumber;return(0,b.jsx)("div",{className:"billing-card my-2 px-4 py-3",children:(0,b.jsxs)("div",{className:"row justify-content-between align-items-center",children:[(0,b.jsxs)("div",{className:"col-11 p-0",children:[(0,b.jsxs)("div",{className:"col-12",children:["Card Ending : ",i," ",r&&" | Primary"]}),(0,b.jsx)("div",{className:"col-10 col-lg-6 col-md-6 col-sm-6 pt-3",children:(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)("button",{type:"button",className:"btn cus-btn-remove",onClick:function(){return function(e,t){H("Active"===R&&t?"remove_primary":"remove",e)}(a,r)},children:"Remove"})})})]}),(0,b.jsx)("div",{className:"col-1 p-0 pr-2",children:(0,b.jsx)("input",{className:"billing-checkbox-round",type:"radio",value:a,checked:r||t===a,onChange:B})})]})},a+n)}))]}),(0,b.jsx)("div",{className:"mt-4",children:(0,b.jsx)("button",{className:"btn btn-submit cus-btn-black w-100 w-80-p",onClick:function(){"Inactive"===R?W.push("./package-selection"):W.push("/billing-form")},children:"Inactive"===R?"Activate subscription":"Add Card"})}),(0,b.jsx)(b.Fragment,{children:function(){switch(R){case"Free":return null;case"Active":return(0,b.jsx)("div",{className:"my-4",children:(0,b.jsx)("button",{className:"btn cus-btn-white",onClick:V,children:"Cancel Subscription"})});case"Inactive":return null;case"Canceled":return(0,b.jsx)("div",{className:"my-4",children:(0,b.jsx)("button",{className:"btn btn-submit cus-btn-black w-100 w-80-p",onClick:K,disabled:0===N.length,children:"Activate Subscription"})});default:return null}}()})]})]})]})}),(0,b.jsx)(f.Z,{show:I,handleClose:M,handleProceed:function(){switch(M(),T){case"remove":U(m);break;case"remove_primary":break;case"switch":F(m);break;case"activate":Z();break;case"cancel":G();break;case"edit":W.push({pathname:"/billing-form-edit",query:{id:m}})}},title:T&&v.Gv[T].title,children:(0,b.jsx)("p",{children:T&&v.Gv[T].content})})]})}},4234:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/billing",function(){return n(3658)}])},3789:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var a=n(6586);var r=n(6988);function i(e){return function(e){if(Array.isArray(e))return(0,a.Z)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||(0,r.Z)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}},function(e){e.O(0,[9204,4359,9774,2888,179],(function(){return t=4234,e(e.s=t);var t}));var t=e.O();_N_E=t}]);