https://portal.commoninterest.com/assets/paynow-BWHkwUUK.js

1import{u as j,n as A,j as e,I as H,B as z,S as F,F as Y,be as me,s as ue,bf as S,r as x,aP as pe,aW as ne,M as fe,q as J,bg as xe,a0 as be,k as ye,bh as ge}from"./elements-DVh2jUIM.js";import{y as d,z as E,ae as he,p as je,x as we,j as Ne,o as ve,R as Z}from"./index-DeQvL4I7.js";import{u as Ce,C as se}from"./index.esm-BsOhZrKM.js";import{u as ie}from"./useMutation-CfDMVIpo.js";import{U as Se}from"./UpcomingCharges-Bw9OfKNs.js";import{u as qe}from"./useModalActions-raurWri4.js";import{u as re,C as ke,a as Pe,d as Ae,g as Ee,b as Fe}from"./ClassifiedCardSummary-BDgGGGpz.js";import{u as oe}from"./useLaunchDarklyReady-CFMeHBzh.js";import{C as Te,E as Ie,l as ze,u as De,a as Be,P as $e}from"./CreditCardOnlyNotice-CsSflxM6.js";import{i as Le}from"./isSurchargedFunding-ChfbXkw5.js";import{u as Re}from"./useLayoutContext-IVuJXBSD.js";import{u as Ge}from"./useRedesign-DVyq07A4.js";import"./grids-DXrfAsUA.js";import"./startOfDay-AazlW55I.js";import"./index-BrZWKhU_.js";function Oe(){const{t}=j(),s=d(),a=d(c=>c.clearStore),{handleSubmit:i,control:l,formState:{errors:n,isValid:r}}=Ce({mode:"onChange",defaultValues:{account:"",email:"",postalCode:""}}),{mutate:o,isPending:f}=ie({mutationFn:c=>E.authenticate(c),onSuccess:(c,p)=>{a(),s.setGuestPaymentsToken(c.token),s.setEmail(p.email)},onError:()=>{A({type:"error",message:t("billing.paynow.accountNotFound")})}}),u=c=>{o(c)};return e.jsxs("div",{className:"px-horizontal-layout flex flex-wrap tablet:flex-nowrap justify-center gap-10 py-8 bg-base-fill rounded-xl",children:[e.jsxs("div",{className:"flex flex-col w-full tablet:max-w-[50%] gap-6",children:[e.jsx("div",{className:"flex items-center gap-3",children:e.jsx("h1",{className:"font-bold text-2xl lg:mb-[1vw] mb-6",children:t("billing.paynow.makePayment")})}),e.jsx("p",{className:"text-base mb-6",children:t("billing.paynow.description")}),e.jsxs("form",{onSubmit:i(u),className:"flex flex-col gap-6 items-center","data-qa":"guest-payment-form",children:[e.jsx(se,{name:"account",control:l,rules:{required:t("billing.paynow.accountNumberRequired")},render:({field:c})=>{var p;return e.jsx(H,{...c,type:"text",label:t("billing.paynow.accountNumber"),error:(p=n.account)==null?void 0:p.message,qaAttribute:"guest-payment-account-number",placeholder:t("billing.paynow.accountPlaceholder"),className:"w-full"})}}),e.jsx(se,{name:"email",control:l,rules:{required:t("billing.paynow.emailRequired"),pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:t("billing.paynow.emailInvalid")}},render:({field:c})=>{var p;return e.jsx(H,{...c,type:"email",label:t("billing.paynow.email"),error:(p=n.email)==null?void 0:p.message,qaAttribute:"guest-payment-email",placeholder:t("billing.paynow.emailPlaceholder"),className:"w-full"})}}),e.jsx(se,{name:"postalCode",control:l,rules:{required:t("billing.paynow.zipCodeRequired"),pattern:{value:/^\d{5}$/,message:t("billing.paynow.zipCodeInvalid")}},render:({field:c})=>{var p;return e.jsx(H,{...c,type:"text",label:t("billing.paynow.zipCode"),error:(p=n.postalCode)==null?void 0:p.message,qaAttribute:"guest-payment-zip-code",placeholder:t("billing.paynow.zipCodePlaceholder"),className:"w-full",maxLength:5})}}),e.jsx(z,{type:"submit",disabled:!r||f,className:"w-48 text-center","data-qa":"guest-payment-submit-button",children:f?e.jsx(F,{className:"h-8 w-full",color:"white"}):t("billing.paynow.continue")}),e.jsxs("div",{className:"flex items-center gap-2 font-base-fg",children:[e.jsx(Y,{icon:me}),e.jsx("p",{children:t("billing.paynow.paymentSecureAndEncrypted")})]})]})]}),e.jsx(Ke,{})]})}const Ke=()=>{const{t}=j();return e.jsx("div",{className:"flex flex-col w-full xl:max-w-[50%] gap-3 text-base-fg",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"py-2",children:e.jsx("p",{className:"text-sm",children:t("billing.paynow.paymentProcessing")})}),e.jsx("div",{className:"py-2",children:e.jsx("p",{className:"text-sm",children:t("billing.paynow.confirmationProcessing")})}),e.jsx("div",{className:"py-2",children:e.jsx("p",{className:"text-sm",children:t("billing.paynow.securityPrivacy")})}),e.jsx("div",{className:"py-2",children:e.jsx("p",{className:"text-sm",children:t("billing.paynow.needHelp")})})]})})};function Me({currentStep:t}){const{width:s}=ue(),{t:a}=j(),i=[{number:1,title:a("billing.paynow.step1.title")},{number:2,title:a("billing.paynow.step2.title")},{number:3,title:a("billing.paynow.step3.title")},{number:4,title:a("billing.paynow.step4.title")}];return s>920?e.jsx("div",{className:"flex justify-center mb-8","data-qa":"step-counter",children:e.jsx("div",{className:"flex items-center justify-center gap-4",children:i.map((l,n)=>e.jsxs("div",{className:"flex items-center justify-center",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:`w-10 h-10 rounded-full flex items-center justify-center text-lg font-semibold border-2 transition-colors ${l.number<=t?"bg-primary text-white border-primary":"bg-primary/10 text-base-fg/75 border-primary-border/75"}`,"data-qa":`step-${l.number}-circle`,"data-qa-active":l.number===t,children:l.number}),e.jsx("span",{className:`text-sm font-medium text-center ${l.number<=t?"text-primary":"text-base-fg/75"}`,"data-qa":`step-${l.number}-title`,children:l.title})]}),n<i.length-1&&e.jsx("div",{className:`w-16 h-0.5 mx-4 ${l.number<t?"bg-primary":"bg-base-border/75"}`,"data-qa":`step-${l.number}-connector`})]},l.number))})}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-10 h-10 rounded-full flex items-center justify-center text-lg font-semibold border-2 transition-colors bg-primary text-white border-primary","data-qa":`step-${t}-circle`,children:t}),e.jsx("span",{className:"text-sm font-medium text-primary","data-qa":`step-${t}-title`,children:i[t-1].title})]})}function ce({associationName:t,address:s,currentBalance:a,accountNumber:i,subledgerName:l}){const{t:n}=j(),{selectedSubledger:r}=d(o=>o.wizardState);return e.jsxs("div",{className:"bg-base-bg rounded-lg p-6 border border-base-border","data-qa":"account-info-box",children:[e.jsx("h3",{className:"text-lg font-semibold mb-4 text-base-fg","data-qa":"account-info-title",children:n("billing.paynow.selectedAccount")}

1),e.jsxs("div",{className:"space-y-3",children:[l&&e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"account-info-label-subledger",children:[n("billing.paynow.subledgerName"),":"]}),e.jsx("span",{className:"text-base-fg","data-qa":"account-info-value-subledger",children:l})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"account-info-label-account-number",children:[n("billing.paynow.accountNumber"),":"]}),e.jsx("span",{className:"text-base-fg","data-qa":"account-info-value-account-number",children:i})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"account-info-label-homeowner",children:[n("billing.paynow.associationName"),":"]}),e.jsx("span",{className:"text-base-fg","data-qa":"account-info-value-homeowner",children:t})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"account-info-label-address",children:[n("billing.paynow.address"),":"]}),e.jsx("span",{className:"text-base-fg text-right max-w-xs","data-qa":"account-info-value-address",children:s})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"account-info-label-balance",children:[n("billing.paynow.currentBalance"),":"]}),e.jsx("span",{className:"text-base-fg font-semibold","data-qa":"account-info-value-balance",children:a===null?n("billing.paynow.balanceBlocked"):S(a)})]})]}),a!==null&&e.jsx("div",{className:"mt-4 pt-4 border-t border-base-border flex w-full py-5 gap-3",children:e.jsx(Se,{guestPayments:!0,subLedgerId:r==null?void 0:r.id})})]})}function Q({currentStep:t,nextDisabled:s=!1,nextText:a,className:i="",isLoading:l=!1,qaAttribute:n,onClick:r,nextQaAttribute:o="wizard-next-button"}){const{t:f}=j(),{goToPreviousStep:u,goToNextStep:c,clearStore:p}=d(),y=()=>{t!==1?u():p()};return e.jsxs("div",{className:`flex gap-6 items-center pt-6 ${i}`,"data-qa":n||"navigation-buttons",children:[e.jsx(z,{variant:"passive",onClick:y,className:"px-8 min-w-32","data-qa":"wizard-back-button",children:f("billing.paynow.back")}),e.jsx(z,{onClick:r||c,disabled:s,className:"px-8 min-w-32","data-qa":o,variant:t===4?"additive":"primary",children:l?e.jsx(F,{className:"h-8 w-full",color:"white"}):a||f("billing.paynow.next")})]})}function X({title:t,qaAttribute:s}){return e.jsx("div",{className:"mb-4",children:e.jsx("h2",{className:"text-lg font-semibold text-base-fg","data-qa":s,children:t})})}function le(){const{t}=j(),{selectedSubledger:s}=d(o=>o.wizardState),{setSelectedSubledger:a}=d(),i=d(o=>o.account),l=d(o=>{var f;return(f=o.account)==null?void 0:f.accountNumber}),n=i==null?void 0:i.subledgers;x.useEffect(()=>{n!=null&&n.length&&!s&&a(n[0])},[n,s,a]);const r=o=>{a(o)};return e.jsxs("div",{"data-qa":"step-1-select-account",children:[e.jsx(X,{title:t("billing.paynow.step1.title"),qaAttribute:"step-1-title"}),e.jsxs("div",{className:"space-y-6",children:[e.jsx("div",{children:e.jsx(pe,{label:"",options:(i==null?void 0:i.subledgers)||[],value:s||void 0,onChange:r,qaListAttribute:"subledger-select-dropdown",deriveKey:o=>o.id.toString(),displayOption:o=>`${o.name} - ${o.balance==null?t("billing.paynow.balanceBlocked"):S(o.balance)}`,displaySelected:o=>`${o.name} - ${o.balance==null?t("billing.paynow.balanceBlocked"):S(o.balance)}`})}),s&&i&&e.jsx(ce,{associationName:i.association,address:ne(i.address,"full"),currentBalance:s.balance??null,accountNumber:l||""})]}),e.jsx(Q,{currentStep:1,nextDisabled:!s,nextText:t(i?"billing.paynow.next":"billing.paynow.loading"),qaAttribute:"step-1-navigation"}),!i&&e.jsx("div",{className:"flex justify-center mt-4 h-96",children:e.jsx(F,{})})]})}function de({isFeeDisclosure:t}){var f;const{selectedPaymentMethod:s}=d(u=>u.wizardState),{openModal:a,closeModal:i,isModalOpen:l}=qe(),{t:n}=j(),r=re(),o=oe();return e.jsxs("div",{"data-qa":"fee-disclosure-section",children:[e.jsx("h4",{className:"text-sm font-medium mb-2","data-qa":"fee-disclosure-title",children:(()=>{const u=s==null?void 0:s.fee,c=(u==null?void 0:u.percentage)||(u==null?void 0:u.flatFee),p=u!=null&&u.percentage?`${c}%`:`$${c}`,y=r&&(s==null?void 0:s.type)==="creditCard"&&!!(u!=null&&u.percentage);return s&&t&&o?e.jsxs(e.Fragment,{children:[n(y?"billing.paynow.step2.feeAmountCardType":"billing.paynow.step2.feeAmount",{amount:p})," ",n("billing.paynow.step2.viewDisclosures")," ",e.jsxs("button",{className:"hover:underline text-base-link",onClick:a,children:[n("billing.paynow.step2.paymentDisclosures"),"."]}

1)]}):!t&&s?e.jsxs(e.Fragment,{children:[n("billing.paynow.paymentDisclosures")," ",e.jsx("button",{className:"hover:underline text-base-link",onClick:a,children:n("billing.paynow.step2.paymentDisclosures")})," ",n("billing.paynow.page"),"."]}):null})()}),e.jsx(fe,{open:l,onClose:i,title:n("billing.paymentConsent.documentTitle"),children:e.jsx("div",{className:"space-y-6 max-h-[70vh] overflow-y-auto pr-2","data-qa":"payment-consent-modal-body",children:(f=n("billing.paymentConsent.sectionOrder",{returnObjects:!0}))==null?void 0:f.map(u=>e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-gray-900 mb-2",children:n(`billing.paymentConsent.header.${u.headerKey}`)}),u.bodyKeys.map(c=>e.jsx("p",{className:"text-sm text-gray-700 leading-relaxed mb-3",children:n(`billing.paymentConsent.body.${c}`)},c))]},u.headerKey))})})]})}function Ve(){const{t}=j(),{selectedPaymentMethod:s}=d(o=>o.wizardState),a=d(o=>o.account),{clearStore:i,setSelectedPaymentMethod:l}=d(),n=a==null?void 0:a.paymentOptions;x.useEffect(()=>{if(!s){const o=n==null?void 0:n.find(f=>f.type==="creditCard");o&&l(o)}},[n,l,s]);const r=(a==null?void 0:a.paymentOptions)&&(a==null?void 0:a.paymentOptions.length)>0;return e.jsxs("div",{"data-qa":"step-2-payment-method",children:[e.jsx(X,{title:t("billing.paynow.step2.title"),qaAttribute:"step-2-title"}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[(a==null?void 0:a.paymentOptions.find(o=>o.type==="creditCard"))&&e.jsx(Ue,{}),(a==null?void 0:a.paymentOptions.find(o=>o.type==="eCheck"))&&e.jsx(We,{}),!r&&e.jsx(_e,{})]}),e.jsx(de,{isFeeDisclosure:!0})]}),r?e.jsx(Q,{currentStep:2,nextDisabled:!s,qaAttribute:"step-2-navigation"}):e.jsx(z,{onClick:()=>i(),variant:"primaryOutline","data-qa":"step-2-cancel-button",children:t("billing.paynow.step2.cancel")})]})}const Ue=()=>{const{selectedPaymentMethod:t}=d(r=>r.wizardState),{setSelectedPaymentMethod:s}=d(),a=d(r=>r.account),i=a==null?void 0:a.paymentOptions,{t:l}=j(),n=r=>{s(r)};return e.jsx("div",{className:J("max-w-96 border border-input-border py-5 px-[18px] rounded-lg hover:cursor-pointer flex flex-col justify-center font-medium w-full gap-4 bg-input-bg",(t==null?void 0:t.type)==="creditCard"&&"border-input-active border-2 bg-primary-bg/10"),onClick:()=>n(i==null?void 0:i.find(r=>r.type==="creditCard")),role:"button",tabIndex:0,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),n(i==null?void 0:i.find(o=>o.type==="creditCard")))},"data-qa":"credit-card-button",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:J("w-4 h-4 rounded-full border-2 flex items-center justify-center",(t==null?void 0:t.type)==="creditCard"?"border-input-active bg-input-active":"border-input-border"),children:(t==null?void 0:t.type)==="creditCard"&&e.jsx("div",{className:"w-2 h-2 rounded-full bg-white"})}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-semibold text-base-header",children:l("billing.paynow.step2.creditCard")}),e.jsx("span",{className:"text-sm",children:l("billing.paynow.step2.creditCardSubtitle")})]})]})})},We=()=>{const{selectedPaymentMethod:t}=d(r=>r.wizardState),{setSelectedPaymentMethod:s}=d(),a=d(r=>r.account),i=a==null?void 0:a.paymentOptions,{t:l}=j(),n=r=>{s(r)};return e.jsx("div",{className:J("max-w-96 border border-input-border py-5 px-[18px] rounded-lg hover:cursor-pointer flex flex-col justify-center font-medium w-full gap-4 bg-input-bg",(t==null?void 0:t.type)==="eCheck"&&"border-input-active border-2  bg-primary-bg/10"),onClick:()=>n(i==null?void 0:i.find(r=>r.type==="eCheck")),role:"button",tabIndex:0,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),n(i==null?void 0:i.find(o=>o.type==="eCheck")))},"data-qa":"bank-account-button",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:J("w-4 h-4 rounded-full border-2 flex items-center justify-center",(t==null?void 0:t.type)==="eCheck"?"border-input-active bg-input-active":"border-input-border"),children:(t==null?void 0:t.type)==="eCheck"&&e.jsx("div",{className:"w-2 h-2 rounded-full bg-white"})}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-medium text-base-header",children:l("billing.paynow.step2.bankAccount")}

1),e.jsx("span",{className:"text-sm",children:l("billing.paynow.step2.bankAccountSubtitle")})]})]})})},_e=()=>{const{t}=j();return e.jsxs("div",{className:"text-sm text-base-fg bg-base-bg p-4 rounded-lg border border-base-border space-y-3 max-w-[510px] flex items-center gap-3","data-qa":"no-payment-options",children:[e.jsx(Y,{icon:xe,className:"text-base-fg w-6 h-6 mb-12"}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("h2",{className:"text-base-header font-medium text-lg",children:t("billing.paynow.step2.paymentMethodNotAvailable")}),e.jsx("p",{className:"text-sm",children:t("billing.paynow.step2.paymentMethodNotAvailableDescription")})]})]})};function Ze(){const{t}=j(),{paymentAmount:s,selectedSubledger:a}=d(h=>h.wizardState),i=d(h=>h.account),{setPaymentAmount:l}=d(),[n,r]=x.useState((s==null?void 0:s.toString())||""),[o,f]=x.useState(!!s);x.useEffect(()=>{if(a!=null&&a.balance&&!o){const h=a.balance.toFixed(2);r(h.includes("-")?"0.00":h),f(!0)}},[a,o,r,f]),x.useEffect(()=>{l(Number(n))},[n,l]);const u=25e3,c=.5,p=h=>{const N=h.target.value;(/^\d*\.?\d{0,2}$/.test(N)||N==="")&&r(N)},y=()=>{if(n&&!isNaN(parseFloat(n))){const h=parseFloat(n).toFixed(2);r(h),l(parseFloat(h))}},k=s&&s>0&&s<u&&s>c;return e.jsxs("div",{"data-qa":"step-3-payment-amount",children:[e.jsx(X,{title:t("billing.paynow.step3.title"),qaAttribute:"step-3-title"}),e.jsxs("div",{className:"space-y-6",children:[i&&a&&e.jsx(ce,{associationName:i==null?void 0:i.association,address:ne(i==null?void 0:i.address,"full"),currentBalance:a.balance??null,accountNumber:i==null?void 0:i.accountNumber,subledgerName:a.name}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2","data-qa":"payment-amount-label",children:t("billing.paynow.step3.paymentAmountLabel")}),e.jsx(H,{type:"text",value:n,onChange:p,onBlur:y,min:c,max:u,placeholder:"0.00",qaAttribute:"payment-amount-input",className:"max-w-96",startIcon:e.jsx("span",{className:"w-5 text-right",children:"$"}),error:s&&(s<c||s>u)?"Amount must be greater than $.50 and less than $25,000":void 0})]})]}),e.jsx(Q,{currentStep:3,nextDisabled:!k,nextText:t("billing.paynow.next"),qaAttribute:"step-3-navigation"})]})}function He({email:t,processingFee:s,total:a,paymentAmount:i,address:l,accountNumber:n,paymentType:r,processingFeePlaceholder:o,totalPlaceholder:f,classifiedFundingType:u}){const{t:c}=j(),p=d(h=>{var N;return(N=h.wizardState.selectedPaymentMethod)==null?void 0:N.fee.largeTransactionFee}),y=i>=2e3&&p!=null&&p>0&&r!=="creditCard",k=u!=null&&!Le(u);return e.jsx("div",{className:"bg-base-bg rounded-lg p-6 border border-base-border","data-qa":"payment-info-box",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"payment-info-label-address",children:[c("billing.paynow.address"),":"]}),e.jsx("span",{className:"text-base-fg text-right max-w-xs","data-qa":"payment-info-value-address",children:l})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"payment-info-label-email",children:[c("billing.paynow.email"),":"]}),e.jsx("span",{className:"text-base-fg truncate","data-qa":"payment-info-value-email",children:t})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"payment-info-label-account-number",children:[c("billing.paynow.accountNumber"),":"]}),e.jsx("span",{className:"text-base-fg","data-qa":"payment-info-value-account-number",children:n})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"payment-info-label-payment-amount",children:[c("billing.paynow.paymentAmount"),":"]}),e.jsx("span",{className:"text-base-fg","data-qa":"payment-info-value-payment-amount",children:S(i)})]}),k?e.jsx("p",{className:"text-base-fg","data-qa":"payment-info-value-processing-fee",children:c("billing.feeConfirmation.debitNoSurcharge")}):e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"payment-info-label-processing-fee",children:[c("billing.paynow.processingFee"),":"]}),e.jsx("span",{className:"text-base-fg","data-qa":"payment-info-value-processing-fee",children:o??S(s)})]}),y&&e.jsx("p",{children:c("billing.paynow.largeTransactionFeeDisclaimer",{largeAmountFee:p*100})}),e.jsx("div",{className:"h-px bg-base-border my-4"}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-medium","data-qa":"payment-info-label-total",children:[c("billing.paynow.total"),":"]}),e.jsx("span",{className:"text-base-fg font-semibold","data-qa":"payment-info-value-total",children:f??S(a)})]})]})})}const Ye=ze(he);function Je(){const{t}=j(),{paymentAmount:s,selectedPaymentMethod:a,selectedSubledger:i}=d(m=>m.wizardState),l=d(m=>m.clearStore),n=d(m=>m.account),r=d(m=>m.email),o=d(m=>m.setTotal),f=d(m=>m.total),u=d(m=>m.setPaymentRecordId),c=d(m=>m.paymentRecordId),[p,y]=x.useState(null),[k,h]=x.useState(null),[N,g]=x.use

1State(null),[ee,D]=x.useState(0),[B,te]=x.useState(0),[P,C]=x.useState(!1),[$,L]=x.useState("entry"),[v,R]=x.useState(null),[G,T]=x.useState(0),ae=oe(),O=re(),K=(a==null?void 0:a.type)==="creditCard",M=O&&K&&$!=="confirm",{mutate:V,isPending:I}=ie({mutationFn:()=>{if(!s||!a||!i)throw new Error("Missing required fields");return E.createGuestPayment({amount:Math.round(s*100),paymentOptionType:a.type,subLedgerId:i.id})},onSuccess:m=>{y(m.clientSecret),D(m.platformFee/100),te(m.total/100),o(m.total/100),u(m.paymentRecordId),h(m.id),g(m.payFacPaymentId)},onError:m=>{var U;typeof m=="object"&&m!==null&&"response"in m&&((U=m.response)==null?void 0:U.status)===401&&l(),A({type:"error",message:"Error creating guest payment"})}});x.useEffect(()=>{V()},[]);const q=x.useCallback(m=>{R(m),o((m==null?void 0:m.total)??B)},[o,B]);return I||!ae?e.jsx("div",{className:"flex items-center justify-center h-96",children:e.jsx(F,{})}):e.jsxs("div",{children:[e.jsx(X,{title:t("billing.paynow.step4.title"),qaAttribute:"step-4-title"}),e.jsx("div",{className:"mb-6",children:e.jsx(He,{email:r??"",processingFee:(v==null?void 0:v.surchargeAmount)??ee,total:(v==null?void 0:v.total)??f??0,paymentAmount:s??0,address:ne((n==null?void 0:n.address)??{address1:"",address2:"",city:"",stateProvince:"",postalCode:""},"full"),accountNumber:(n==null?void 0:n.accountNumber)??"",paymentType:(a==null?void 0:a.type)??"",processingFeePlaceholder:M?t("billing.feeConfirmation.cardFeePending"):void 0,totalPlaceholder:M?t("billing.feeConfirmation.totalPending"):void 0,classifiedFundingType:v==null?void 0:v.fundingType})}),K&&(O?e.jsx(ke,{className:"mb-6 -mt-3",feePercentage:a==null?void 0:a.fee.percentage}):e.jsx("div",{className:"mb-6 -mt-3",children:e.jsx(Te,{})})),p?e.jsxs("div",{className:"space-y-6",children:[e.jsx(Ie,{stripe:Ye,options:{clientSecret:p,appearance:{theme:"stripe"}},children:e.jsx(Qe,{onFormChange:C,clientSecret:p,paymentRecordId:c??"",id:k??"",payFacPaymentId:N??"",isFormComplete:P,onStepChange:L,onQuoteChange:q,onCardSwap:()=>T(m=>m+1)})},G),e.jsx(de,{isFeeDisclosure:!1})]}):e.jsx("div",{className:"flex items-center justify-center h-96",children:e.jsx(F,{})})]})}function Qe({onFormChange:t,clientSecret:s,paymentRecordId:a,id:i,payFacPaymentId:l,isFormComplete:n,onStepChange:r,onQuoteChange:o,onCardSwap:f}){const{t:u}=j(),c=De(),p=Be(),y=d(b=>b.setPaymentStatus),k=d(b=>b.clearStore),h=d(b=>b.wizardState.selectedPaymentMethod),N=re(),g=N&&(h==null?void 0:h.type)==="creditCard",ee=N&&!g,[D,B]=x.useState("entry");x.useEffect(()=>{r(g?D:"entry")},[D,g]);const te=x.useCallback(async b=>{if(!l)throw new Error("Payment intent id is required to classify the card");const w=await E.classifyGuestPayment(l,{confirmationTokenId:b,paymentRecordId:a});return{fundingType:w.fundingType??"undetermined",network:w.network??"",surchargeAmount:w.platformFee??0,total:w.total??0}},[l,a]),{status:P,result:C,error:$,classify:L,reclassify:v,reset:R}=Pe({stripe:c??void 0,elements:p??void 0,classifyOnBackend:te});x.useEffect(()=>{g&&B(Ae(g,P))},[P,g]),x.useEffect(()=>{!g||!$||(A({type:"error",message:$.message??"Unable to determine card fee"}),R())},[$,g,R]);const G=x.useRef(!1),T=x.useRef(!1);x.useEffect(()=>{if(g){if(!n){G.current=!1;return}T.current||G.current||P==="idle"&&(G.current=!0,L())}},[g,n,P,L]);const ae=b=>{const w=b.complete&&!b.empty;w||(T.current=!1),t(w)};x.useEffect(()=>{if(!g||!C){o(null);return}o({fundingType:C.fundingType,surchargeAmount:C.surchargeAmount/100,total:C.total/100})},[C,g]);const O=()=>{T.current=!0,R(),B("entry"),t(!1),f()},K=async()=>{if(!c)throw new Error("No stripe");if(!p)throw new Error("No elements");const{error:b}=await p.submit();if(b)throw new Error(b.message??"Invalid payment details");const{confirmationToken:w,error:_}=await c.createConfirmationToken({elements:p});if(_||!w)throw new Error((_==null?void 0:_.message)??"Unable to tokenize bank account");return w.id},M=async()=>{if(!c)throw new Error("No stripe");if(!s)throw new Error("No client secret");if(!p)throw new Error("No elements");const b=await c.confirmPayment({elements:p,clientSecret:s,redirect:"if_required",confirmParams:{return_url:window.location.href}});if(b.error)throw new Error(b.error.message)},{mutate:V,isPending:I}=ie({mutationFn:async()=>

1{if(!a||!i)throw new Error("Payment record ID is required");if(g){if(!C)throw new Error("Card has not been classified yet");await E.confirmGuestPayment(i,{paymentRecordId:a,payFacPaymentId:l,confirmationTokenId:C.confirmationTokenId});return}if(ee){await E.confirmGuestPayment(i,{paymentRecordId:a,payFacPaymentId:l,confirmationTokenId:await K()});return}if(!p)throw new Error("No elements");const{error:b}=await p.submit();if(b)throw new Error(b.message??"Invalid payment details");await E.confirmGuestPayment(i,{paymentRecordId:a}),await M()},onSuccess:()=>{A({type:"success",message:"Payment successfully completed"}),y("completed")},onError:async b=>{var w;if(typeof b=="object"&&b!==null&&"response"in b&&((w=b.response)==null?void 0:w.status)===401&&k(),Ee(b)==="PA072"&&await v()){A({type:"error",message:u("billing.feeConfirmation.feeChanged")});return}A({type:"error",message:"Error confirming guest payment"})}}),q=g&&D==="confirm"?C:null,m=g?P==="classifying":I,U={disabled:!n||m,isLoading:m,text:g?void 0:u("billing.paynow.confirmPayment"),qaAttribute:void 0},W=q?{disabled:I,isLoading:I,text:u("billing.feeConfirmation.payButton",{amount:S(q.total/100)}),qaAttribute:"fee-confirmation-pay"}:U;return e.jsxs(e.Fragment,{children:[q?e.jsx(Fe,{brand:q.brand,last4:q.last4,onEditCard:O,disabled:I}):e.jsx($e,{onChange:ae}),e.jsx(Q,{currentStep:4,nextDisabled:W.disabled,nextText:W.text,qaAttribute:"step-4-navigation",nextQaAttribute:W.qaAttribute,isLoading:W.isLoading,onClick:()=>{if(q){V();return}n&&(g?(T.current=!1,L()):V())}})]})}function Xe(){const{currentStep:t}=d(f=>f.wizardState),{setAccount:s,clearStore:a}=d(),i=d(f=>f.guestPaymentsToken),{data:l,isLoading:n,error:r}=je({queryKey:["guest-payments-account",i],queryFn:()=>E.getAccount(),refetchInterval:300*1e3,enabled:!!i});if(x.useEffect(()=>{l&&s(l)},[l,s]),x.useEffect(()=>{r&&(A({type:"error",message:"Error occured while fetching account data"}),a())},[r,a]),n)return e.jsx("div",{className:"flex justify-center items-center w-full h-96",children:e.jsx(F,{})});const o=()=>{switch(t){case 1:return e.jsx(le,{});case 2:return e.jsx(Ve,{});case 3:return e.jsx(Ze,{});case 4:return e.jsx(Je,{});default:return e.jsx(le,{})}};return e.jsxs("div",{"data-qa":"payment-wizard",className:"flex flex-col items-center",children:[e.jsx("div",{className:"w-full",children:e.jsx(Me,{currentStep:t})}),e.jsx("div",{className:"w-full mt-8 max-w-[700px]",children:o()})]})}function et(){const t=we(),{t:s}=j(),a=d(y=>y.wizardState),i=d(y=>y.account),l=d(y=>y.email),n=d(y=>y.clearStore),r=d(y=>y.total),o=d(y=>y.paymentRecordId),{paymentAmount:f}=a,u=new Date,c=()=>{n(),t("/login")},p=()=>{n()};return e.jsxs("div",{className:"tablet:w-1/2  flex flex-col gap-6",children:[e.jsxs("div",{className:"border-b-2 border-base-border pb-6 flex flex-col gap-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(Y,{className:"text-success text-4xl",icon:be}),e.jsx("h1",{className:"font-semibold text-xl",children:s("billing.expressCheckout.confirmation.paymentComplete")})]}),f&&e.jsx("p",{className:"text-success font-medium","data-qa":"qa-success-total",id:"success-total",children:s("billing.expressCheckout.confirmation.paymentSuccessMessage",{amount:S(r??0)})}),e.jsxs("div",{className:"py-4 bg-base-fg bg-opacity-5 w-full px-4 rounded-md",children:[e.jsx("p",{className:"font-semibold mb-2",children:s("billing.expressCheckout.confirmation.confirmationNumber")}),e.jsx("p",{"data-qa":"qa-record-id",id:"record-id",children:i!=null&&i.accountNumber?o:"N/A"})]}),e.jsx("div",{className:"w-full rounded-md",children:e.jsx("p",{className:"text-sm text-base-fg",children:s("billing.paynow.paymentDescription",{amount:f?S(r??0):"N/A",date:ye(u,{format:"numeric"}),email:l||"your email address"})})}),e.jsx(z,{onClick:p,variant:"primaryOutline","data-qa":"qa-make-another-payment",id:"make-another-payment",className:"w-64",children:s("billing.paynow.makeAnotherPayment")})]}),e.jsxs("div",{className:"w-full rounded-md",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Y,{className:"text-lg",icon:ge}),e.jsx("p",{className:"font-medium",children:s("billing.expressCheckout.confirmation.neverMissPayment")})]}),e.jsx("p",{children:s("billing.paynow.recurringPaymentMessage")})]}),e.jsx(z,{onClick:c,"data-qa":"qa-login-vantaca",id:"login-vantaca",className:"w-64",children:s("billing.paynow.logIn")})]})}function tt(){const t=d(),s=()=>t.guestPaymentsToken?t.paymentStatus==="completed"?e.jsx(et,{}):e.jsx(Xe,{}):e.jsx(Oe,{});return e.jsx("div",{className:"w-full h-full text-base-fg",children:s()})}const yt={title:"Pay Now",showPropertySelector:!1,showAi:!1};

1function gt(){const t=Ge(),{t:s}=j(),{setPageTitle:a}=Re(),i=Ne(r=>r.isLoggedIn),l=d(r=>r.configuration),n=ve();return x.useEffect(()=>(a(s("billing.paynow.makePayment")),()=>{a("")}),[a,s]),i?e.jsx(Z,{to:"/billing",replace:!0}):l==null?e.jsx("div",{className:"flex justify-center items-center h-full",children:e.jsx(F,{})}):l!=null&&l.guestPaymentsEnabled?t&&n.pathname!=="/public/paynow"?e.jsx(Z,{to:"/public/paynow",replace:!0}):!t&&n.pathname!=="/paynow"?e.jsx(Z,{to:"/paynow",replace:!0}):e.jsx("div",{className:"px-horizontal-layout flex flex-wrap-reverse xl:flex-nowrap gap-10 py-8 bg-base-fill rounded-xl",children:e.jsx(tt,{})}):e.jsx(Z,{to:t?"/public":"/login",replace:!0})}export{gt as Component,yt as handle};