https://www.firstcallonline.com/static-home/client/assets/AccountRequest-229hIOB4.js

1import{R as W,j as s,c as f,u as Y,P as H,r as I,m as V,E as O,a as g,b as $,d as K,e,M as _,f as y,C as S,g as F,S as B,J as w,h as L,L as ee,i as se,k as te,l as z,n as q,o as re,p as ae,A as ce,q as le,s as ie,t as ne,v as oe,w as me,x as Ee,I as de,y as ue,z as Se,B as Ae,D as G,F as j,G as _e,H as Ne,K as Re,Q as xe,N as P}from"./index-BpLLe65f.js";const D={"custom-control-input":"_Exmcs","custom-control-label":"_FTQjK"},C=W.memo(({id:a,name:m,option:l,checked:i,onChange:N,ariaDescribedby:r,disabled:b=!1,className:R})=>s.jsxs("div",{className:f("relative inline-flex items-center",D["custom-control"],R),children:[s.jsx("input",{id:a,name:m,"data-testid":a,type:"radio",className:f("absolute pointer m-0 opacity-0 z-1",D["custom-control-input"]),value:l.value,checked:i,onChange:N,"aria-checked":i,"aria-describedby":r,disabled:b}),s.jsx("label",{className:f("relative pointer mb-0 pl-6",D["custom-control-label"],b&&"opacity-60 cursor-not-allowed"),htmlFor:a,children:l.label})]})),Te="_4Yl2l",v={"markupcontainer-block":"_kPOv7","button-wrapper":"_x20Yo",description:Te},fe=({dataValue:a,errorMessage:m,onChange:l,onBlur:i,onSubmit:N})=>{const{t:r}=Y([H.ACCESS_REQUEST,"common"]),b=async d=>{d.preventDefault(),await N()},R=I.useCallback(d=>V(d),[]),t=I.useCallback(d=>{const A=m?.[d];if(!A)return;if(A===O.EMPTY){const U=g[d]?.empty;return r("access-request:errorMessages.empty",{fieldName:U?r(U):""})}const M=g[d]?.invalid;return r(M??"access-request:validation.invalid")},[m,r]);return s.jsxs($,{id:"access-request-form",theme:"dark",title:r("access-request:form.title.text",{customer:r(`access-request:form.title.${a.hasAccount==="true"?"current":"new"}`)}),children:[s.jsx("div",{className:v["markupcontainer-block"],children:s.jsx(K,{htmlContent:r("access-request:form.info")})}),s.jsxs("section",{className:"flex flex-col mb-4",children:[s.jsx("label",{className:"font-bold text-sm mb-1",htmlFor:e.HAS_ACCOUNT,children:r("access-request:form.fields.hasAccount.label")}),s.jsxs("div",{className:"flex gap-4",children:[s.jsx(C,{onChange:l,checked:a[e.HAS_ACCOUNT]==="true",id:`${e.HAS_ACCOUNT}-yes`,name:e.HAS_ACCOUNT,option:{label:r("common:yes"),value:"true"}}),s.jsx(C,{onChange:l,checked:a[e.HAS_ACCOUNT]==="false",id:`${e.HAS_ACCOUNT}-no`,name:e.HAS_ACCOUNT,option:{label:r("common:no"),value:"false"}})]})]}),s.jsxs("form",{onSubmit:b,children:[a[e.HAS_ACCOUNT]==="true"&&s.jsx("div",{className:"mb-4",children:s.jsx(_,{errMessage:t(e.ACCOUNT_NUMBER),onChange:l,onBlur:i,type:"number",isRequired:!0,id:e.ACCOUNT_NUMBER,name:e.ACCOUNT_NUMBER,label:r("access-request:form.fields.accountNumber.label"),value:a[e.ACCOUNT_NUMBER]})}),s.jsx("div",{className:"mb-4",children:s.jsx(_,{errMessage:t(e.BUSINESS_NAME),onChange:l,onBlur:i,type:"text",isRequired:!0,id:e.BUSINESS_NAME,name:e.BUSINESS_NAME,label:r("access-request:form.fields.businessName.label"),value:a[e.BUSINESS_NAME]})}),s.jsxs(y,{children:[s.jsx(S,{lg:6,md:6,sm:12,children:s.jsx(_,{errMessage:t(e.FIRST_NAME),onChange:l,onBlur:i,type:"text",isRequired:!0,id:e.FIRST_NAME,name:e.FIRST_NAME,label:r("access-request:form.fields.firstName.label"),value:a[e.FIRST_NAME],maxLength:50})}),s.jsx(S,{lg:6,md:6,sm:12,children:s.jsx(_,{errMessage:t(e.LAST_NAME),onChange:l,onBlur:i,type:"text",isRequired:!0,id:e.LAST_NAME,name:e.LAST_NAME,label:r("access-request:form.fields.lastName.label"),value:a[e.LAST_NAME]})}),s.jsx(S,{lg:6,md:6,sm:12,children:s.jsx(_,{errMessage:t(e.ADDRESS_STREET_1),onChange:l,onBlur:i,type:"text",isRequired:!0,id:e.ADDRESS_STREET_1,name:e.ADDRESS_STREET_1,label:r("access-request:form.fields.streetAddress1.label"),value:a[e.ADDRESS_STREET_1]})}),s.jsx(S,{lg:6,md:6,sm:12,children:s.jsx(_,{errMessage:t(e.ADDRESS_STREET_2),onChange:l,onBlur:i,type:"text",id:e.ADDRESS_STREET_2,name:e.ADDRESS_STREET_2,label:r("access-request:form.fields.streetAddress2.label"),value:a[e.ADDRESS_STREET_2]})}),s.jsx(S,{lg:4,md:4,sm:12,children:s.jsx(_,{errMessage:t(e.ADDRESS_CITY),onChange:l,onBlur:i,type:"text",isRequired:!0,id:e.ADDRESS_CITY,name:e.ADDRESS_CITY,label:r("access-request:form.fields.city.label"),value:a[e.ADDRESS_CITY]})}),s.jsx(S,{lg:4,md:4,sm:12,children:s.jsx(F,{label:r("access-request:form.fields.state.label"),isRequired:!0,errMessage:t(e.ADDRESS_STATE),onChange:l,onBlur:()=>i(e.ADDRESS_STATE),id:e.ADDRESS_STATE,name:e.ADDRESS_STATE,options:[{id:"initial-address-state",label:"",value:""},...R(B)],inputValue:R(B).find(({value:d})=>d===a[e.ADDRESS_STATE]),isNative:!0})}),s.jsx(S,{lg:4,md:4,sm:12,children:s.jsx(_,{errMessage:t(e.ADDRESS_ZIP),onChange:l,onBlur:i,type:"text",isRequired:!0,id:e.ADDRESS_ZIP,name:e.ADDRESS_ZIP,label:r("access-request:form.fields.zipCode.label"),value:a[e.ADDRESS_ZIP]})})]}),s.jsx("div",{className:"my-4",children:s.jsx(_,{errMessage:t(e.EMAIL),onChange:l,onBlur:i,type:"email",isRequired:!0,id:e.EMAIL,name:e.EMAIL,label:r("access-request:form.fields.email.label"),value:a[e.EMAIL]})}),s.jsx("div",{className:"mb-4",children:s.jsx(_,{errMessage:t(e.VERIFY_EMAIL),onChange:l,onBlur:i,type:"email",isRequired:!0,id:e.VERIFY_EMAIL,name:e.VERIFY_EMAIL,label:r("access-request:form.fields.verifyEmail.label"),value:a[e.VERIFY_EMAIL]})}),s.jsx("div",{className:"mb-4",children:s.jsx(_,{errMessage:t(e.PHONE_NUMBER),onChange:l,onBlur:i,type:"text",isRequired:!0,id:e.PHONE_NUMBER,name:e.PHONE_NUMBER,label:r("access-request:form.fields.phoneNumber.label"),value:a[e.PHONE_NUMBER]})}),s.jsx("div",{className:"mb-4",children:s.jsx(F,{label:r("access-request:form.fields.jobTitle.label"),isRequired:!0,errMessage:t(e.JOB_TITLE),onChange:l,onBlur:()=>i(e.JOB_TITLE),id:e.JOB_TITLE,name:e.JOB_TITLE,options:R(w),inputValue:R(w).find(({value:d})=>d===a[L(e.JOB_TITLE)]),isNative:!0})}),s.jsxs("section",{className:"flex flex-col mb-4",children:[s.jsx("label",{htmlFor:e.PO_REQUIRED,className:"font-bold text-sm mb-1",children:r("access-request:form.fields.poNumber.label")}),s.jsxs("div",{className:"flex gap-4",children:[s.jsx(C,{onChange:l,checked:a[e.PO_REQUIRED]==="true",id:`${e.PO_REQUIRED}-yes`,name:e.PO_REQUIRED,option:{label:r("common:yes"),value:"true"}}),s.jsx(C,{onChange:l,checked:a[e.PO_REQUIRED]==="false",id:`${e.PO_REQUIRED}-no`,name:e.PO_REQUIRED,option:{label:r("common:no"),value:"false"}})]})]}),s.jsx(y,{children:s.jsx(S,{lg:12,md:12,sm:12,children:s.jsxs("section",{className:"flex flex-col",children:[s.jsxs("label",{htmlFor:e.EMAIL_LANGUAGE,className:"font-bold mb-2",children:[s.jsx("span",{className:"text-sm block font-bold",children:r("access-request:form.fields.emailLanguage.label")}),s.jsx("span",{className:f("text-sm block",v.description),children:r("access-request:form.fields.emailLanguage.subLabel")})]}),ee.map(d=>{const{value:A="",key:M=""}=d;return s.jsx(C,{onChange:l,checked:a[e.EMAIL_LANGUAGE]===A,id:`${e.EMAIL_LANGUAGE}-${A}`,name:e.EMAIL_LANGUAGE,className:"font-bold mb-2",option:{label:M,value:A}},`${e.EMAIL_LANGUAGE}-${A}`)})]})})}),a[e.HAS_ACCOUNT]==="false"&&s.jsx(y,{className:"mt-4",children:s.jsx(S,{lg:12,md:12,sm:12,children:s.jsx(se,{className:"border-solid border-gray rounded-sm",id:e.MISC_INFO,name:e.MISC_INFO,label:r("access-request:form.fields.miscInfo.label"),onChange:l,value:a[e.MISC_INFO],...te})})}),s.jsx("section",{className:f("w-full flex justify-center pt-6 mt-6 pb-2",v["button-wrapper"]),children:s.jsxs(z,{className:"h-35 w-fit",type:"submit",id:"requestAccessSubmit",children:[r("access-request:form.buttons.submit"),s.jsx(q,{name:"chevron",size:"16"})]})})]})]})},h={"account-request":"_XH38I","reset-button-block":"_Bm7bx","retrieve-or-reset-btn":"_VhWiC","success-message":"_00mv1","markupcontainer-block":"_TMXXg"},Q=(a,m,l)=>{let i="";return a&&(i=a.replace(`{{${m}}}`,l)),i},be=({firstName:a,emailId:m,title:l,content:i,link:N})=>{let r=Q(i,"firstName",a);return r=Q(r,"emailID",m),s.jsxs("div",{className:f(h["success-message"]),children:[s.jsx($,{title:l,id:"success-message",children:s.jsx(K,{htmlContent:r})}),s.jsx(Ee,{to:N.hyperlink,className:"text-green underline block mt-4",children:N.title})]})},pe=({digitalPageList:a})=>{const{t:m}=Y([H.ACCESS_REQUEST,"common"]),l=I.useMemo(()=>

1re(a),[a]),i=ae(l,ue.requestAccessImage,de),[N,r]=I.useState({}),[b,R]=I.useState(!1),[t,d]=I.useState(ce),A=(E,n,c)=>{const o={};if(c){const{regex:p,maxLength:x}=c,u=E===e.VERIFY_EMAIL,T=p.test(n);(u&&n!==t.emailAddress||!u&&!T||n.length>x)&&(o[E]="invalid")}return o},M=E=>{const n={},{name:c,value:o}=E.currentTarget,p=!!N[c],x=j[c];if(!(x&&o.length>x.maxLength&&c!==e.ACCOUNT_NUMBER||c===e.ACCOUNT_NUMBER&&o.length>x.maxLength+1)&&!(o&&c===e.ACCOUNT_NUMBER&&!j[c].regex.test(o))&&(d(u=>({...u,[c]:o})),o)){n[c]="";const u=p?A(c,o,j[c]):{};if(c===e.EMAIL&&t.verifyEmailAddress){n[c]="";const T=o===t.verifyEmailAddress;u.verifyEmailAddress=T?"":O.INVALID}r(T=>({...T,...n,...u}))}},U=E=>{let n="",c="";if(typeof E=="string")n=E,c=L(t[E]);else{const u=E.currentTarget;n=u.name,c=u.value??L(t[n])}if(!n)return;const o={};if(!(!g[n]?.empty&&!c)){if(!c)o[n]=O.EMPTY;else{const u=j[n];if(u){const T=A(n,c,u);o[n]=T[n]||""}}r(u=>({...u,...o}))}},{showToast:k}=le(),J=async()=>{const E={};for(const c in t){const o=A(c,t[c],j[c]);o[c]&&(E[c]=o[c])}const n=Object.keys(g).reduce((c,o)=>{const p=!t[o],x=g[o].empty;return p&&x&&(c[o]="empty"),c},{});if(t[e.HAS_ACCOUNT]!=="true"&&(delete n[e.ACCOUNT_NUMBER],delete E[e.ACCOUNT_NUMBER]),Object.keys(n).length>0||Object.keys(E).length>0){r(()=>({...E,...n}));return}try{await Se({accountNumber:Number(t[e.ACCOUNT_NUMBER]),businessName:t[e.BUSINESS_NAME],firstName:t[e.FIRST_NAME],lastName:t[e.LAST_NAME],address:{streetAddress1:t[e.ADDRESS_STREET_1],streetAddress2:t[e.ADDRESS_STREET_2],city:t[e.ADDRESS_CITY],state:t[e.ADDRESS_STATE],zipCode:t[e.ADDRESS_ZIP]},email:t[e.EMAIL],phone:t[e.PHONE_NUMBER],jobTitle:t[e.JOB_TITLE],poRequired:t[e.PO_REQUIRED],communicationLanguage:[t[e.EMAIL_LANGUAGE]],...t.hasAccount==="false"&&{miscInfo:t[e.MISC_INFO]}}),R(()=>!0),Ae("top",0,"instant"),k({id:G(),message:m("successMessage.toast"),messageType:"success"})}catch{k({id:G(),message:m("errorMessage.toast")})}},Z=ie(),X=()=>s.jsx(S,{children:s.jsx(fe,{onChange:E=>M(E),errorMessage:N,onSubmit:J,onBlur:E=>U(E),dataValue:t})});return s.jsx(s.Fragment,{children:b?s.jsx(be,{firstName:t.contactFirstName,emailId:t.emailAddress,title:m("successMessage.title"),content:m("successMessage.content"),link:{title:m("common:buttons.returnToLogin"),hyperlink:"/",openInTab:null,requiresLogin:null}}):s.jsx("section",{className:f("px-6 py-4 container-width",h["account-request"]),children:s.jsxs(y,{children:[s.jsxs(S,{lg:7,md:6,sm:12,children:[s.jsxs(ne,{id:"return-to-login",to:"/",className:"underline mb-4 block text-green",children:[s.jsx(q,{name:"chevron",size:"16",className:"rotate-180 mr-1"}),m("common:buttons.returnToLogin")]}),X()]}),s.jsxs(S,{lg:5,md:6,sm:12,children:[s.jsxs("div",{className:h["markupcontainer-block"],children:[s.jsx("h2",{className:"text-xl font-bold",children:m("forgotUserPassword.label")}),s.jsx("p",{className:"mb-4",children:m("forgotUserPassword.subLabel")})]}),s.jsx("div",{className:h["reset-button-block"],children:s.jsxs(z,{id:"retrieve-or-reset-btn",variant:"tertiary",onClick:()=>Z("/forgotpassword"),className:h["retrieve-or-reset-btn"],children:[m("form.buttons.retrieveUserPassword"),s.jsx(q,{name:"padlock",className:"ml-1",color:"var(--color-med-green)"})]})}),i&&s.jsx(oe,{desktopSrc:me(i.image?._path),className:"w-fit block"})]})]})})})},je=()=>{const a=_e(pe,P);return s.jsx(a,{})},Ce=async()=>{const a=`${xe}_${P}`;return await Ne({[a]:()=>Re(P)})};export{je as AccountRequestPage,Ce as default};