https://www.rentacenter.com/mobify/bundle/4378/pages-my-accounts-enroll-autopay.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7256],{6607(e,t,n){var a=n(77810),o=n(34692),r=n(40133),l=n(78539),s=n(36287),c=n(45915),i=n(57233);const u=[{icon:i.iq,text:{id:"autopay-confirmation-widget-never-miss-payment",defaultMessage:"Never miss a payment & stay on track"}},{icon:i.SE,text:{id:"autopay-confirmation-widget-set-it-up-once",defaultMessage:"Set it up once & you're done"}},{icon:i.ZY,text:{id:"autopay-confirmation-widget-save-a-trip",defaultMessage:"Save yourself a trip to the store"}}];n.d(t,["A",0,()=>{const e=(0,o.A)();return a.createElement(l.T,{color:"white",bg:"racDefault.11",spacing:4,p:4,borderRadius:"12px",alignItems:"flex-start"},u.map(t=>a.createElement(c.s,{key:t.text.id,gap:2,align:"center"},a.createElement(s.az,{flexShrink:0},a.createElement(t.icon,{"aria-hidden":"true",focusable:"false"})),a.createElement(r.E,{fontSize:"16px",mb:"0"},e.formatMessage(t.text)))))}])},24872(e,t,n){n.r(t),n.d(t,{default:()=>G});var a=n(28407),o=n(77810),r=n(36287),l=n(78539),s=n(74393),c=n(38340),i=n(40133),u=n(45915),m=n(5979),d=n(66272),p=n(10939),f=n(75826),g=n.n(f),y=n(64194),E=n(58476),h=n(54560),b=n(75712),x=n(41863),A=n(34692),S=n(7711),v=n(64965),w=n(39625),D=n(60309),C=n(61740),P=n(81438),O=n(64804);function z(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach(function(t){(0,p.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const T=({item:e,isSelected:t,onToggle:n,selectedOption:a,onOptionChange:l})=>{(0,A.A)();const[s,c]=(0,o.useState)(!1),[m,d]=(0,o.useState)(0);return o.createElement(r.az,{border:"1px",borderColor:t?"racDefault.11":"racDefault.14",rounded:"lg",boxShadow:"0px 0px 3px 0px #00000029",py:3,px:4},o.createElement(y.z,{justify:"space-between"},o.createElement(E.S,{variant:"green",fontSize:"16px",isChecked:t,onChange:n}," ","club"===(null==e?void 0:e.agreementType)||1==e.isClub?"RAC Benefits Plus":e.name)),o.createElement(h.S,{in:t,animateOpacity:!0},o.createElement(r.az,{mt:"3"},o.createElement(u.s,{justifyContent:"space-between",mb:1},o.createElement(i.E,{as:"span",color:"racDefault.7",fontSize:"16px"},e.paymentSchedule?`${e.paymentSchedule.charAt(0).toUpperCase()+e.paymentSchedule.slice(1).toLowerCase()} Payment:`:"Payment:"," "),o.createElement(i.E,{as:"strong",color:"racDefault.1",fontSize:"16px",fontWeight:"600"},"$",e.dueAmount.toFixed(2))),o.createElement(u.s,{justifyContent:"space-between",mb:1},o.createElement(i.E,{as:"span",color:"racDefault.7",fontSize:"16px"},o.createElement(x.A,{defaultMessage:[{type:0,value:"Next AutoPay Date:"}],id:"my.accounts.next.autopaydate"})),o.createElement(i.E,{as:"strong",color:"racDefault.1",fontSize:"16px",fontWeight:"600"},e.dueDate)))))};T.propTypes={item:g().shape({id:g().string,name:g().string,dueAmount:g().number,dueDate:g().string,isClub:g().bool,paymentSchedule:g().string}),isSelected:g().bool,onToggle:g().func,selectedOption:g().string,onOptionChange:g().func};const j=({goNext:e,goBack:t,isOpen:n=!0,canGoBack:a=!1,selectedItems:s})=>{const{allAgreements:c,isLoading:d,anyPastDue:p,shouldShowPaymentCTA:f}=(0,P.N)(),[g,y]=(0,o.useState)([]),[E,h]=(0,o.useState)(!0),[A,w]=(0,o.useState)(s||{}),[D,z]=(0,o.useState)({}),j=(0,S.A)(),I=(0,v.zy)(),N=(0,o.useMemo)(()=>c,[JSON.stringify(c)]),M=(0,o.useMemo)(()=>I.search,[I.search]),W=Object.keys(A).filter(e=>A[e]).reduce((e,t)=>{var n;return e+((null===(n=g.find(e=>e.id===t))||void 0===n?void 0:n.dueAmount)||0)},0);return(0,o.useEffect)(()=>{if(c&&c.length>0){const e=c.filter(e=>!1===e.autoPay&&"PRELIMPAID"!==e.agreementRefCode&&!1===e.finalPayment&&!p&&f).map(e=>({id:e.agreementId,name:e.agreementDescription,dueAmount:parseFloat(e.totalPaymentDue),dueDate:(0,O.o)(e.nextDueDate)||(0,O.o)(e.currentDueDate),hasPaymentOption:!0,hasAvailableFunds:!0,agreementNumber:e.agreementNumber,autoPay:e.autoPay,agreementType:e.agreementType,paymentSchedule:e.paymentSchedule,isClub:"club"===e.agreementType}));y(e);const t=(()=>{const e=new URLSearchParams(I.search),t=e.get("agreementId");if(t)return[t];const n=e.get("agreementIds");return n?n.split(","):[]})(),n={};t.length>

10?e.forEach(e=>{n[e.id]=t.includes(e.id)}):e.forEach(e=>{n[e.id]=s[e.id]??!0}),w(n),h(!1)}},[N,M]),(0,o.useEffect)(()=>{h(d)},[d]),o.createElement(r.az,{maxWidth:"678px",margin:"0 auto 10px",border:"1px solid",borderColor:"racDefault.2",borderRadius:"12px",overflow:"hidden",position:"relative"},o.createElement(i.E,{as:"h3",fontSize:{base:"18px",md:"20px"},fontWeight:"600",padding:{base:"10px 16px",md:"11px 20px"},bg:"racDefault.4",margin:"0",cursor:a?"pointer":"default",onClick:a?t:void 0,color:"racDefault.2"},o.createElement(x.A,{defaultMessage:[{type:0,value:"Select Agreements"}],id:"my.accounts.select.agreements"})),n&&o.createElement(r.az,{padding:{base:"16px",md:"20px"}},o.createElement(i.E,{as:"strong",fontSize:"md",display:"block",fontWeight:"700",color:"racDefault.1",mb:2},o.createElement(x.A,{defaultMessage:[{type:0,value:"Choose your agreements:"}],id:"my.accounts.choose.agreements"})),E?o.createElement(r.az,{display:"flex",justifyContent:"center",alignItems:"center",height:"300px",width:"100%",bg:"rgba(255, 255, 255, 0.8)",borderRadius:"md",boxShadow:"md",p:4},o.createElement(C.A,{wrapperStyles:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.9)"},spinnerStyles:{width:"80px",height:"80px"}})):o.createElement(o.Fragment,null,o.createElement(l.T,{spacing:4,align:"stretch"},g.length>0?g.map(e=>o.createElement(T,{key:e.id,item:e,isSelected:A[e.id]||!1,onToggle:()=>{return t=e.id,void w(e=>k(k({},e),{},{[t]:!e[t]}));var t},selectedOption:D[e.id]||"",onOptionChange:t=>((e,t)=>{z(n=>k(k({},n),{},{[e]:t}))})(e.id,t)})):o.createElement(i.E,null,"No agreements found.")),o.createElement(b.c,{my:{base:"4",md:"6"}}),o.createElement(u.s,{justifyContent:"space-between",mb:{base:"4",md:"6"}},o.createElement(i.E,{as:"span",color:"racDefault.7",fontSize:"16px",fontWeight:"600"},o.createElement(x.A,{defaultMessage:[{type:0,value:"Total Payment:"}],id:"my.accounts.total.payment"})),o.createElement(i.E,{as:"strong",color:"racDefault.1",fontSize:"18px",fontWeight:"600"},"$",W.toFixed(2))),o.createElement(r.az,{textAlign:"center"},o.createElement(m.$,{variant:"solid",colorScheme:"racDefault",minWidth:{base:"100%",md:"340px"},onClick:()=>{const t=g.filter(e=>

1A[e.id]).map(e=>({id:e.id||"",name:e.name||"",dueAmount:"number"==typeof e.dueAmount?e.dueAmount:0,dueDate:e.dueDate||"",paymentSchedule:e.paymentSchedule||"",agreementNumber:e.agreementNumber||"",isClub:Boolean(e.isClub),paymentOption:D[e.id]||"N/A"}));e?e(A,D,t):j("/my-account/enroll-autopay",{state:{selectedPaymentItems:t,totalPayment:W}})},isDisabled:0===g.length||0===Object.values(A).filter(Boolean).length},o.createElement(x.A,{defaultMessage:[{type:0,value:"Continue"}],id:"checkout.verify.number.continue"}))))))};j.propTypes={goNext:g().func,goBack:g().func,isOpen:g().bool,canGoBack:g().bool,selectedItems:g().object};const I=j;var N=n(10766),M=n(34514),W=n(8280),B=n(85052),R=n(27311),F=n(68066),U=n(6607);const _="undefined"!=typeof window,L={maxWidth:"678px",mx:"auto",mb:4},$=({data:e,onClose:t,isRefetching:n})=>{var a;return o.createElement(r.az,{maxWidth:"678px",margin:"0 auto 10px",border:"1px solid",borderColor:"racDefault.2",borderRadius:"12px",overflow:"hidden",position:"relative",p:6},n&&o.createElement(r.az,{position:"fixed",top:"0",left:"0",right:"0",bottom:"0",bg:"rgba(255, 255, 255, 0.9)",zIndex:"overlay",display:"flex",alignItems:"center",justifyContent:"center"},o.createElement(l.T,{spacing:4},o.createElement(C.A,null))),o.createElement(l.T,{spacing:6,align:"center"},o.createElement(s.I,{as:M.C,w:16,h:16,color:"green.500"}),o.createElement(c.D,{as:"h3",size:"lg",textAlign:"center",color:"racDefault.1"},o.createElement(x.A,{defaultMessage:[{type:0,value:"Successfully Enrolled in AutoPay!"}],id:"enroll.success.title"})),o.createElement(i.E,{fontSize:"md",textAlign:"center"},o.createElement(x.A,{defaultMessage:[{type:0,value:"Your agreements have been successfully enrolled in AutoPay. Your payments will be automatically processed according to your payment schedule."}],id:"enroll.success.message"})),(null==e||null===(a=e.selectedPayments)||void 0===a?void 0:a.length)>0&&o.createElement(r.az,{width:"100%",mt:4},o.createElement(i.E,{fontWeight:"bold",mb:2},o.createElement(x.A,{defaultMessage:[{type:0,value:"Enrolled Agreements:"}],id:"enroll.success.agreements"})),e.selectedPayments.map((e,t)=>o.createElement(r.az,{key:t,p:3,borderWidth:"1px",borderRadius:"md",mb:2},o.createElement(i.E,{fontWeight:"semibold"},"club"===(null==e?void 0:e.agreementType)||!0===e.isClub?"RAC Benefits Plus":e.name),o.createElement(r.az,{display:"flex",justifyContent:"space-between",fontSize:"16px"},o.createElement(i.E,{color:"#505050",fontSize:"16px",mt:"4px"}," ",e.paymentSchedule," Payment: "),o.createElement(i.E,{as:"span",fontWeight:"600",color:"racDefault.1"},"$",e.dueAmount.toFixed(2))),o.createElement(r.az,{display:"flex",justifyContent:"space-between",fontSize:"16px"},o.createElement(i.E,{color:"#505050",fontSize:"16px",mt:"4px"}," Next Autopay: "),o.createElement(i.E,{as:"span",fontWeight:"600",color:"racDefault.1"},e.dueDate)))),o.createElement(u.s,{justifyContent:"space-between",mt:4,fontWeight:"bold"},o.createElement(i.E,null,o.createElement(x.A,{defaultMessage:[{type:0,value:"Total Autopay:"}],id:"enroll.success.total"})),o.createElement(i.E,null,"$",e.selectedPayments.reduce((e,t)=>e+t.dueAmount,0).toFixed(2)))),o.createElement(m.$,{colorScheme:"racDefault",onClick:t,minWidth:"200px",isDisabled:n},o.createElement(x.A,{defaultMessage:[{type:0,value:"Back to Dashboard"}],id:"enroll.success.return"}))))};$.propTypes={data:g().shape({selectedPayments:g().array}),onClose:g().func.isRequired,isRefetching:g().bool};const G=()=>{var e,t,n,l,s;

1const{step:c,goNext:i,goBack:u,resetFlow:m,handleStepChange:p}=(()=>{const[e,t]=(0,o.useState)(1);return{step:e,goNext:()=>{t(e=>e+1)},goBack:()=>{t(e=>Math.max(1,e-1))},resetFlow:()=>{t(1)},handleStepChange:e=>{t(e)}}})(),[f,g]=(0,o.useState)([]),[y,E]=(0,o.useState)(!1),[h,b]=(0,o.useState)(null),{pushAutopayChatSnippetEvent:x,pushAutopayChatInitializedEvent:A,pushAutopayEnrolContinueEvent:C,pushAutopayEnrollmentEvent:O,trackOdtFromHybrisEvent:z,pushInterstitialEngineEvents:k}=(0,W.A)(),T=(0,v.zy)(),j=(0,B.c)(),[M,G]=(0,o.useState)(null),{prevPage:H}=(0,R._)(),J=(0,o.useRef)(!1),[Y,q]=(0,o.useState)(!1),[K,Z]=(0,o.useState)(!1),Q=(0,S.A)(),{allAgreements:V,refetchAll:X}=(0,P.N)(),[ee,te]=(0,o.useState)({}),{data:ne}=(0,D.J)(),{buildUrl:ae}=(0,F.A)();(0,o.useEffect)(()=>{try{1!==c&&(J.current=!1),J.current||(O(void 0),z(null==V?void 0:V[0]),J.current=!0)}catch(e){G(e)}},["undefined"!=typeof window?null===(e=window)||void 0===e?void 0:e.location:null]),(0,o.useEffect)(()=>{try{x(),A()}catch(e){G(e)}},["undefined"!=typeof window?null===(t=window)||void 0===t?void 0:t.location:null]),(0,o.useEffect)(()=>{M&&(j.mutate({message:"Error pushing GTM events: "+M.toString(),level:"error"}),G(null))},[M]),(0,o.useEffect)(()=>{var e,t;null!==(e=T.state)&&void 0!==e&&e.isUpdate&&null!==(t=T.state)&&void 0!==t&&t.selectedPaymentItems&&1===c&&(g(T.state.selectedPaymentItems),E(!0),p(2))},[T.state,p]),(0,o.useEffect)(()=>{try{const e=(()=>{const e=`; ${document.cookie}`.split("; gtmIE=");if(2===e.length)return e.pop().split(";").shift()})();e&&(k(e),document.cookie="gtmIE=; path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC;")}catch(e){G(e)}},[]);const oe=function(){var e=(0,a.A)(function*(){if(X){Z(!0);try{yield X(),yield new Promise(e=>setTimeout(e,1e3)),Q("/my-account")}catch(e){console.error("Error during refetch:",e),setTimeout(()=>{Q("/my-account")},1e3)}finally{Z(!1)}}else Q("/my-account")});return function(){return e.apply(this,arguments)}}();if((0,o.useEffect)(()=>{3===c&&h&&window.scrollTo({top:0,behavior:"smooth"})},[c,h]),ne&&null!==ne.customerType&&!ne.isRegistered&&_){const e=ae("/myaccount/payonline-getstarted");return o.createElement(v.rd,{to:{pathname:e,state:{directedFrom:"/my-account"}}})}return o.createElement(d.m,{maxWidth:"container.xxl",mx:"auto",pb:8,className:3===c&&h?"enroll-success-container":""},o.createElement(w.A,{title:null!==(n=T.state)&&void 0!==n&&n.isUpdate?"Update AutoPay Payment Method":"Enroll in AutoPay",description:null!==(l=T.state)&&void 0!==l&&l.isUpdate?"Update your payment method for AutoPay":"Sign Up for AutoPay in two simple steps!"}),1===c&&!(null!==(s=T.state)&&void 0!==s&&s.isUpdate)&&o.createElement(o.Fragment,null,o.createElement(r.az,L,o.createElement(U.A,null)),o.createElement(I,{goNext:(e,t,n)=>{try{Y||T.pathname===H||q(!0)}catch(e){G(e)}C(),n&&n.length>0?g(n):(console.error("No payment items were selected or passed to handleContinue"),g([])),te(e),E(!0),i()},goBack:u,isOpen:!0,canGoBack:!1,selectedItems:ee})),2===c&&!h&&o.createElement(o.Fragment,null,o.createElement(r.az,L,o.createElement(U.A,null)),o.createElement(N.A,{isOpen:!0,selectedPayments:f,onEnrollmentSuccess:e=>{b(e),p(3)},goBack:u})),3===c&&h&&o.createElement($,{data:h,onClose:oe,isRefetching:K}))}}}]);