@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/{InternationalWireSwiftDetailsPage-C1WTGANK-BxDLWIJ0.js → InternationalWireSwiftDetailsPage-B1nvNamF-Csz75ldD.js}

@@ -1,4 +1,4 @@
-import{K as O,T as de,O as J,c1 as ce,U as ue,V as t,bM as be,bN as pe,bO as he,A as me,a9 as fe,x as l,o as d,at as ge,c5 as X,a7 as ae,dN as Y,hl as U,c6 as G,hm as ie,c8 as xe,u as o,b$ as we,P as M,c as y,h7 as ke,H as ye,dW as ve,a as Ce,N as Se,b2 as $e,D as je,w as Be,ef as Ie,bn as Te,k as Ae}from"./index-onESlw0k.js";import{a as R}from"./sentry-CZ5rBRIL.js";import{n}from"./mui-B0LS8eOU.js";import{bQ as oe}from"./zeni-epic-state-Cr-rO4HZ.js";import{W as Le,A as Ne}from"./BankAccountWarningSection-BQlPiqev-VfBZFP3w.js";import{T as De}from"./MailingDetailsSection-_5DUMAiO-cIrB6Ese.js";import{M as Pe}from"./MagicLinkTitleSection-D38JxxrQ--O7VTYiG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="dc797a13-3a51-41e7-bdb7-d0555ae52544",e._sentryDebugIdIdentifier="sentry-dbid-dc797a13-3a51-41e7-bdb7-d0555ae52544")}catch{}})();const K={tooltipRightPosition:new l(o[6],o[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},ze=({protectedInfoText:e})=>{const i=O();return t.jsxs(Oe,{children:[t.jsx(He,{}),t.jsx(Fe,{className:"info-tooltip",windowSize:i,children:t.jsx(qe,{children:e})})]})};function Ee({type:e,name:i,placeholder:a,placeholderAlignment:b,autoComplete:s="off",autoCapitalize:g="off",autoTrim:v="off",isDisabled:f,defaultValue:I,style:T,hoverBgColor:x,registerOptions:A,protectedInfoText:w,isSaveError:C=!1,buttonProps:k,disableCopyPaste:u=!1}){const{control:r,register:p,formState:{errors:S},setFocus:h}=X(),P=Y(S,i),$=Object.assign({},A),{label:m,isDisabled:H,fetchState:z,onButtonClick:F}=k;switch(e){case"email":Object.assign($,{pattern:ye});break;case"number":Object.assign($,{valueAsNumber:!0});break;case"url":Object.assign($,{pattern:ke})}const q=f==="disabled"||f==="readonly"||w!=null;return w!=null?t.jsxs(Me,{style:T,children:[t.jsx(ze,{protectedInfoText:w}),t.jsx(Re,{id:i,children:I})]}):t.jsx(We,{isError:P,fetchState:z,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:k.keepButtonVisible,isButtonHidden:k.isHidden,children:t.jsx(ve,{name:i,control:r,rules:{...A},defaultValue:I??"","data-testid":M("text-field-with-button",i),render:({field:{onChange:_,onBlur:E,value:V,ref:W}})=>t.jsxs(t.Fragment,{children:[t.jsx(Ve,{type:e==="password"||e==="hidden"?e:void 0,isError:P,style:T,placeholder:a,disabled:q,...p(i,$),id:i,ref:W,value:V,autoComplete:s,placeholderAlignment:b,hoverBgColor:x,isSaveError:C,onBlur:E,onChange:_,"data-testid":M("text-field-with-button-input",i),onInput:j=>{const c=j.target;switch(g){case"off":break;case"characters":c.value=c.value.toLocaleUpperCase();break;case"words":c.value=c.value.charAt(0).toLocaleUpperCase().concat(c.value.slice(1))}switch(v){case"off":break;case"trimStart":c.value=c.value.trimStart();break;case"trimEnd":c.value=c.value.trimEnd();break;case"trim":c.value=c.value.trim()}},onPaste:j=>{u&&j.preventDefault()},onCopy:j=>{u&&j.preventDefault()},keepButtonVisible:k.keepButtonVisible}),t.jsx(Ce,{label:m,onClick:j=>{j.stopPropagation(),h(i),setTimeout(()=>{F()})},style:{outline:"none"},size:"xs-small",disabled:H,variant:"success",reverseSpinnerColor:!0,loading:z==="In-Progress","data-testid":M("text-field-button",`${i}-${m}`)})]})})})}const Ve=n(Ie)`
+import{J as O,T as de,O as J,b$ as ce,Q as ue,V as t,bK as be,bL as pe,bM as he,A as me,a9 as fe,b as l,o as d,at as ge,c3 as K,a7 as ae,dL as X,hb as U,c4 as Q,hc as ie,c6 as xe,u as o,bZ as we,a6 as M,e as y,gZ as ke,a as ye,dU as ve,i as Ce,H as Se,b2 as $e,I as je,j as Be,ed as Ie,bl as Le,k as Te}from"./index-DorX0WX8.js";import{a as R}from"./sentry-tRTnR5ia.js";import{n}from"./mui-gZ2J-2YO.js";import{bQ as oe}from"./zeni-epic-state-DiMW9axO.js";import{W as Ae,A as Ne}from"./BankAccountWarningSection-CtRFcHTv-CaeCkm0V.js";import{T as De}from"./MailingDetailsSection-CRsQVOYi-DVyOc3HW.js";import{M as ze}from"./MagicLinkTitleSection-CEZGF8ER-CtJhgwJN.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="9f2ba0f3-6a57-4e2e-95ce-4e3f6907f78a",e._sentryDebugIdIdentifier="sentry-dbid-9f2ba0f3-6a57-4e2e-95ce-4e3f6907f78a")}catch{}})();const Z={tooltipRightPosition:new l(o[6],o[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},Pe=({protectedInfoText:e})=>{const i=O();return t.jsxs(Oe,{children:[t.jsx(He,{}),t.jsx(Fe,{className:"info-tooltip",windowSize:i,children:t.jsx(qe,{children:e})})]})};function Ee({type:e,name:i,placeholder:a,placeholderAlignment:b,autoComplete:s="off",autoCapitalize:g="off",autoTrim:v="off",isDisabled:f,defaultValue:I,style:L,hoverBgColor:x,registerOptions:T,protectedInfoText:w,isSaveError:C=!1,buttonProps:k,disableCopyPaste:u=!1}){const{control:r,register:p,formState:{errors:S},setFocus:h}=K(),z=X(S,i),$=Object.assign({},T),{label:m,isDisabled:H,fetchState:P,onButtonClick:F}=k;switch(e){case"email":Object.assign($,{pattern:ye});break;case"number":Object.assign($,{valueAsNumber:!0});break;case"url":Object.assign($,{pattern:ke})}const q=f==="disabled"||f==="readonly"||w!=null;return w!=null?t.jsxs(Me,{style:L,children:[t.jsx(Pe,{protectedInfoText:w}),t.jsx(Re,{id:i,children:I})]}):t.jsx(We,{isError:z,fetchState:P,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:k.keepButtonVisible,isButtonHidden:k.isHidden,children:t.jsx(ve,{name:i,control:r,rules:{...T},defaultValue:I??"","data-testid":M("text-field-with-button",i),render:({field:{onChange:_,onBlur:E,value:V,ref:W}})=>t.jsxs(t.Fragment,{children:[t.jsx(Ve,{type:e==="password"||e==="hidden"?e:void 0,isError:z,style:L,placeholder:a,disabled:q,...p(i,$),id:i,ref:W,value:V,autoComplete:s,placeholderAlignment:b,hoverBgColor:x,isSaveError:C,onBlur:E,onChange:_,"data-testid":M("text-field-with-button-input",i),onInput:j=>{const c=j.target;switch(g){case"off":break;case"characters":c.value=c.value.toLocaleUpperCase();break;case"words":c.value=c.value.charAt(0).toLocaleUpperCase().concat(c.value.slice(1))}switch(v){case"off":break;case"trimStart":c.value=c.value.trimStart();break;case"trimEnd":c.value=c.value.trimEnd();break;case"trim":c.value=c.value.trim()}},onPaste:j=>{u&&j.preventDefault()},onCopy:j=>{u&&j.preventDefault()},keepButtonVisible:k.keepButtonVisible}),t.jsx(Ce,{label:m,onClick:j=>{j.stopPropagation(),h(i),setTimeout(()=>{F()})},style:{outline:"none"},size:"xs-small",disabled:H,variant:"success",reverseSpinnerColor:!0,loading:P==="In-Progress","data-testid":M("text-field-button",`${i}-${m}`)})]})})})}const Ve=n(Ie)`
   display: flex;
   border-width: ${d.sp0};
   outline-width: ${d.sp0};
@@ -47,7 +47,7 @@ import{K as O,T as de,O as J,c1 as ce,U as ue,V as t,bM as be,bN as pe,bO as he,
   margin-top: 6px;
 `,Oe=n.div`
   color: ${e=>e.theme.colors.primary};
-`,He=n(Te)`
+`,He=n(Le)`
   color: ${e=>e.theme.colors.hero};
   width: ${d.sp3};
   height: ${d.sp3};
@@ -68,12 +68,12 @@ import{K as O,T as de,O as J,c1 as ce,U as ue,V as t,bM as be,bN as pe,bO as he,
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${d.sp1};
   z-index: 1;
-  right: ${e=>K.tooltipRightPosition.valuePx(e.windowSize)};
-  width: ${e=>K.tooltipWidth.valuePx(e.windowSize)};
-  top: ${e=>K.tooltipTopPosition.valuePx(e.windowSize)};
-`,qe=n(Ae)`
+  right: ${e=>Z.tooltipRightPosition.valuePx(e.windowSize)};
+  width: ${e=>Z.tooltipWidth.valuePx(e.windowSize)};
+  top: ${e=>Z.tooltipTopPosition.valuePx(e.windowSize)};
+`,qe=n(Te)`
   color: ${e=>e.theme.colors.grey5};
-`,B={width:new l(343,580,726),height:new l(o[6],o[6]),controlHeight:new l(o[6],o[6]),paddingTopBottom:new l(o[2],o[2]),marginRight:new l(o[2],o[2]),labelMarginLeft:new l(o[3],o[4]),labelMarginRight:new l(o[3],o[4]),labelMarginTop:new l(o[2],o[2])},_e={infoLabel:new Se("extraSmallRegular","smallRegular")};function Ue({isDisabled:e,label:i,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:g=!0,protectedInfoText:v,isSaveError:f,showTickIcon:I,showErrorInfoLabel:T,errorInfoLabel:x,disableCopyPaste:A=!1,showTooltip:w=!1,tooltipTitle:C,onBlur:k}){const u=O(),{formState:{errors:r}}=X(),p=Y(r,a.name);return t.jsxs(Ge,{size:u,style:b,isDisabled:e!=null,isError:p,"data-testid":M("labeled-text-field-with-button",a.name),children:[t.jsx(we,{isDisabled:e,label:i.label,style:{marginLeft:B.labelMarginLeft.value(u),marginRight:B.labelMarginRight.value(u),marginTop:B.labelMarginTop.value(u),width:i.width??"auto"},showTooltip:w,tooltipTitle:C}),t.jsxs(Ke,{labelWidth:i.width,children:[t.jsx(Ee,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:B.controlHeight.value(u),cursor:"inherit"},protectedInfoText:v,isSaveError:f,onBlur:k,disableCopyPaste:A}),(g||p)&&t.jsxs(ne,{size:u,isError:p,children:[I===!0?t.jsx(Qe,{children:t.jsx(Je,{})}):null,s]}),T===!0&&t.jsx(ne,{size:u,isError:!0,children:x})]})]})}const Ge=n.div`
+`,B={width:new l(343,580,726),height:new l(o[6],o[6]),controlHeight:new l(o[6],o[6]),paddingTopBottom:new l(o[2],o[2]),marginRight:new l(o[2],o[2]),labelMarginLeft:new l(o[3],o[4]),labelMarginRight:new l(o[3],o[4]),labelMarginTop:new l(o[2],o[2])},_e={infoLabel:new Se("extraSmallRegular","smallRegular")};function Ue({isDisabled:e,label:i,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:g=!0,protectedInfoText:v,isSaveError:f,showTickIcon:I,showErrorInfoLabel:L,errorInfoLabel:x,disableCopyPaste:T=!1,showTooltip:w=!1,tooltipTitle:C,onBlur:k}){const u=O(),{formState:{errors:r}}=K(),p=X(r,a.name);return t.jsxs(Qe,{size:u,style:b,isDisabled:e!=null,isError:p,"data-testid":M("labeled-text-field-with-button",a.name),children:[t.jsx(we,{isDisabled:e,label:i.label,style:{marginLeft:B.labelMarginLeft.value(u),marginRight:B.labelMarginRight.value(u),marginTop:B.labelMarginTop.value(u),width:i.width??"auto"},showTooltip:w,tooltipTitle:C}),t.jsxs(Ze,{labelWidth:i.width,children:[t.jsx(Ee,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:B.controlHeight.value(u),cursor:"inherit"},protectedInfoText:v,isSaveError:f,onBlur:k,disableCopyPaste:T}),(g||p)&&t.jsxs(ne,{size:u,isError:p,children:[I===!0?t.jsx(Ge,{children:t.jsx(Je,{})}):null,s]}),L===!0&&t.jsx(ne,{size:u,isError:!0,children:x})]})]})}const Qe=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -113,7 +113,7 @@ import{K as O,T as de,O as J,c1 as ce,U as ue,V as t,bM as be,bN as pe,bO as he,
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?y.importantLight:e.theme.colors.background};
     }
   }
-`,Ke=n.div`
+`,Ze=n.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
@@ -125,7 +125,7 @@ import{K as O,T as de,O as J,c1 as ce,U as ue,V as t,bM as be,bN as pe,bO as he,
   ${e=>`${_e.infoLabel.style(e.size)}`};
   padding-right: ${d.sp3};
   text-align: right;
-`,Qe=n.div`
+`,Ge=n.div`
   display: flex;
   margin-right: ${d.sp1};
   align-items: center;
@@ -133,27 +133,27 @@ import{K as O,T as de,O as J,c1 as ce,U as ue,V as t,bM as be,bN as pe,bO as he,
   width: ${d.sp3};
   height: ${d.sp3};
   color: ${y.successDark};
-`,re={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Xe=({sectionId:e,bankNameBySwift:i,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:g,style:v})=>{const f=O(),{getValues:I,setValue:T,formState:{errors:x}}=X(),{fetchState:A}=s,w=ae(s.fetchState),C=ae(a?.bankSwiftCode),k=Y(x,N(e,"bankSwiftCode"));R.useEffect(()=>{(w==="In-Progress"||C!=null&&C!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(i).includes(a?.bankSwiftCode)&&i[a?.bankSwiftCode].bankName&&T(N(e,"bankName"),i[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,w,C]);const u=J.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=u,p=re.largeLabelWidth.value(f),S=re.veryLargeLabelWidth.value(f);return t.jsx(Ye,{style:v,children:t.jsxs(Ze,{children:[t.jsx(Ue,{label:{label:r.swiftCode,width:p},text:{type:"text",name:N(e,"bankSwiftCode"),placeholder:r.addSwiftCode,defaultValue:a?.bankSwiftCode,registerOptions:{required:!0,pattern:U},autoCapitalize:"characters",autoTrim:"trim",buttonProps:{label:r.verify,isDisabled:U.test(a?.bankSwiftCode??"")===!1,isHidden:s.fetchState==="Completed",keepButtonVisible:U.test(a?.bankSwiftCode??"")===!0&&s.fetchState!=="Completed",fetchState:A,onButtonClick:()=>{a?.bankSwiftCode!=null&&g(a.bankSwiftCode)}}},isDisabled:b,style:{width:"auto"},additionalInfoLabel:a?.bankName?a?.bankName:void 0,showTickIcon:!!a?.bankName,showAdditionalInfoLabel:!k,errorInfoLabel:r.invalidSwiftCode}),t.jsx(Q,{}),t.jsx(G,{label:{label:r.iban,width:p},text:{type:"text",name:N(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ie}},isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.invalidIban}),t.jsx(Q,{}),t.jsx(G,{label:{label:r.confirmIban,width:S},text:{type:"text",name:N(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ie,validate:h=>h!=null&&I(`${e}.bankAccountIban`)===h}},disableCopyPaste:!0,isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.ibanDontMatch}),t.jsx(Q,{}),t.jsx(G,{label:{label:r.accountNickName,width:p},text:{type:"text",name:N(e,"bankAccountName"),placeholder:xe(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},N=(e,i)=>`${e}.${i}`,Ye=n.div`
+`,re={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Ke=({sectionId:e,bankNameBySwift:i,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:g,style:v})=>{const f=O(),{getValues:I,setValue:L,formState:{errors:x}}=K(),{fetchState:T}=s,w=ae(s.fetchState),C=ae(a?.bankSwiftCode),k=X(x,N(e,"bankSwiftCode"));R.useEffect(()=>{(w==="In-Progress"||C!=null&&C!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(i).includes(a?.bankSwiftCode)&&i[a?.bankSwiftCode].bankName&&L(N(e,"bankName"),i[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,w,C]);const u=J.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=u,p=re.largeLabelWidth.value(f),S=re.veryLargeLabelWidth.value(f);return t.jsx(Xe,{style:v,children:t.jsxs(Ye,{children:[t.jsx(Ue,{label:{label:r.swiftCode,width:p},text:{type:"text",name:N(e,"bankSwiftCode"),placeholder:r.addSwiftCode,defaultValue:a?.bankSwiftCode,registerOptions:{required:!0,pattern:U},autoCapitalize:"characters",autoTrim:"trim",buttonProps:{label:r.verify,isDisabled:U.test(a?.bankSwiftCode??"")===!1,isHidden:s.fetchState==="Completed",keepButtonVisible:U.test(a?.bankSwiftCode??"")===!0&&s.fetchState!=="Completed",fetchState:T,onButtonClick:()=>{a?.bankSwiftCode!=null&&g(a.bankSwiftCode)}}},isDisabled:b,style:{width:"auto"},additionalInfoLabel:a?.bankName?a?.bankName:void 0,showTickIcon:!!a?.bankName,showAdditionalInfoLabel:!k,errorInfoLabel:r.invalidSwiftCode}),t.jsx(G,{}),t.jsx(Q,{label:{label:r.iban,width:p},text:{type:"text",name:N(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ie}},isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.invalidIban}),t.jsx(G,{}),t.jsx(Q,{label:{label:r.confirmIban,width:S},text:{type:"text",name:N(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ie,validate:h=>h!=null&&I(`${e}.bankAccountIban`)===h}},disableCopyPaste:!0,isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.ibanDontMatch}),t.jsx(G,{}),t.jsx(Q,{label:{label:r.accountNickName,width:p},text:{type:"text",name:N(e,"bankAccountName"),placeholder:xe(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},N=(e,i)=>`${e}.${i}`,Xe=n.div`
   display: flex;
   flex-direction: column;
-`,Ze=n.div`
+`,Ye=n.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${d.sp0} 2px ${d.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${d.sp2};
-`,Q=n.div`
+`,G=n.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,L={paddingTopBottomContainer:new l(o[3],o[3]),paddingLeftContainer:new l(o[3],o[6]),paddingRightContainer:new l(o[3],o[8]),marginLeft:new l(o[4],o[6]),buttonWidth:new l(140,140)},le="internationalDetailsPage",D="internationalWireSwiftAccountSection",se=e=>`${e}_form`,pt=({bankAccountCreationState:e,bankNameBySwift:i,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:g,mailingAddress:v,isDisabled:f,style:I,companyName:T,isMagicLink:x,currencySymbol:A,amount:w,onSaveHandler:C,onBankDetailsUpdated:k,onFetchBankNameBySwift:u,onAddressClick:r,onBackClick:p})=>{const S=O(),h=de({mode:"all",reValidateMode:"onBlur",defaultValues:R.useMemo(()=>et(s),[s])}),[P,$]=R.useState(!1),m=J.getLocalizedStrings().spendManagement.billPay.vendorCreation,H=J.getLocalizedStrings().common.footer,{international:z}=m.wireDetails,F={onOkClick:()=>{$(!1),h.reset(),p?.()},onCancelClick:()=>{$(!1)}};R.useEffect(()=>{const E=h.watch((V,{name:W})=>{W!=null&&V!=null&&ce(()=>(async(j,c)=>{const Z=c[D].bankName,ee=c[D].bankSwiftCode,te=Object.assign({},c);j===`${D}.bankSwiftCode`&&(Z||!Z&&i[ee]?.bankName)&&(te[D].bankName=i[ee]?.bankName??""),k(te)})(W,V))});return()=>{E.unsubscribe()}});const q=h.handleSubmit(E=>{b.fetchState!=="In-Progress"&&C("wire")}),_=!ue(v!=null?oe(v):v,g!=null?oe(g):g)||tt(s)||h.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(ot,{style:I,size:S,children:[P===!0?t.jsx(be,{titleComponent:t.jsx(he,{children:m.discardTitle}),descriptionComponent:t.jsx(pe,{children:m.discardDescription}),primaryButtonText:m.discard,secondaryButtonText:m.cancel,action:F}):null,t.jsx(Le,{header:x?t.jsx(Pe,{companyName:T??"",currencySymbol:A??"",amount:w??0}):z.addInternationalWireDetails,isMagicLink:x,isDirty:_,onBackClick:p,setShowConfirmationPopup:$}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Ne,{warningText:m.bankAccountCommon.accountExistWarning}):null,t.jsx(nt,{size:S,children:m.bankAccountCommon.accountDetailsTitle}),t.jsx(me,{...h,children:t.jsxs("form",{id:se(le),onSubmit:q,children:[t.jsx(at,{size:S,children:t.jsx(Xe,{bankAccountToCreate:s,bankNameBySwift:i,fetchBankNameBySwiftStatus:b,sectionId:D,isDisabled:f,onFetchBankNameBySwift:u})}),t.jsx(De,{sectionId:"mailingAddressSection",isDisabled:f,addressType:a,addressToEdit:g,onAddressClick:r})]})})]}),t.jsx(fe,{formId:se(le),primaryBtn:{label:x?m.bankAccountCommon.submitDetails:m.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:L.buttonWidth.value(S)},isDisabled:f!=null},showCancel:!x,cancelBtn:{label:H.cancel,style:{width:L.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{h.formState.isDirty?$(!0):(h.reset(),p?.())}}})]})},et=e=>({[D]:{bankSwiftCode:e?.bankSwiftCode,bankName:e?.bankName??"",bankAccountIban:e?.bankAccountIban,confirmedBankAccountIban:e?.confirmedBankAccountIban,bankAccountName:e?.bankAccountName}}),tt=e=>{if(e==null)return!1;const{bankAccountName:i,bankSwiftCode:a,bankName:b,bankAccountIban:s}=e;return!!(i||a||b||s)},at=n.div`
-  padding-left: ${e=>L.paddingLeftContainer.valuePx(e.size)};
-  padding-right: ${e=>L.paddingRightContainer.valuePx(e.size)};
-  padding-top: ${e=>L.paddingTopBottomContainer.valuePx(e.size)};
-  padding-bottom: ${e=>L.paddingTopBottomContainer.valuePx(e.size)};
+`,A={paddingTopBottomContainer:new l(o[3],o[3]),paddingLeftContainer:new l(o[3],o[6]),paddingRightContainer:new l(o[3],o[8]),marginLeft:new l(o[4],o[6]),buttonWidth:new l(140,140)},le="internationalDetailsPage",D="internationalWireSwiftAccountSection",se=e=>`${e}_form`,pt=({bankAccountCreationState:e,bankNameBySwift:i,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:g,mailingAddress:v,isDisabled:f,style:I,companyName:L,isMagicLink:x,currencySymbol:T,amount:w,onSaveHandler:C,onBankDetailsUpdated:k,onFetchBankNameBySwift:u,onAddressClick:r,onBackClick:p})=>{const S=O(),h=de({mode:"all",reValidateMode:"onBlur",defaultValues:R.useMemo(()=>et(s),[s])}),[z,$]=R.useState(!1),m=J.getLocalizedStrings().spendManagement.billPay.vendorCreation,H=J.getLocalizedStrings().common.footer,{international:P}=m.wireDetails,F={onOkClick:()=>{$(!1),h.reset(),p?.()},onCancelClick:()=>{$(!1)}};R.useEffect(()=>{const E=h.watch((V,{name:W})=>{W!=null&&V!=null&&ce(()=>(async(j,c)=>{const Y=c[D].bankName,ee=c[D].bankSwiftCode,te=Object.assign({},c);j===`${D}.bankSwiftCode`&&(Y||!Y&&i[ee]?.bankName)&&(te[D].bankName=i[ee]?.bankName??""),k(te)})(W,V))});return()=>{E.unsubscribe()}});const q=h.handleSubmit(E=>{b.fetchState!=="In-Progress"&&C("wire")}),_=!ue(v!=null?oe(v):v,g!=null?oe(g):g)||tt(s)||h.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(ot,{style:I,size:S,children:[z===!0?t.jsx(be,{titleComponent:t.jsx(he,{children:m.discardTitle}),descriptionComponent:t.jsx(pe,{children:m.discardDescription}),primaryButtonText:m.discard,secondaryButtonText:m.cancel,action:F}):null,t.jsx(Ae,{header:x?t.jsx(ze,{companyName:L??"",currencySymbol:T??"",amount:w??0}):P.addInternationalWireDetails,isMagicLink:x,isDirty:_,onBackClick:p,setShowConfirmationPopup:$}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Ne,{warningText:m.bankAccountCommon.accountExistWarning}):null,t.jsx(nt,{size:S,children:m.bankAccountCommon.accountDetailsTitle}),t.jsx(me,{...h,children:t.jsxs("form",{id:se(le),onSubmit:q,children:[t.jsx(at,{size:S,children:t.jsx(Ke,{bankAccountToCreate:s,bankNameBySwift:i,fetchBankNameBySwiftStatus:b,sectionId:D,isDisabled:f,onFetchBankNameBySwift:u})}),t.jsx(De,{sectionId:"mailingAddressSection",isDisabled:f,addressType:a,addressToEdit:g,onAddressClick:r})]})})]}),t.jsx(fe,{formId:se(le),primaryBtn:{label:x?m.bankAccountCommon.submitDetails:m.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:A.buttonWidth.value(S)},isDisabled:f!=null},showCancel:!x,cancelBtn:{label:H.cancel,style:{width:A.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{h.formState.isDirty?$(!0):(h.reset(),p?.())}}})]})},et=e=>({[D]:{bankSwiftCode:e?.bankSwiftCode,bankName:e?.bankName??"",bankAccountIban:e?.bankAccountIban,confirmedBankAccountIban:e?.confirmedBankAccountIban,bankAccountName:e?.bankAccountName}}),tt=e=>{if(e==null)return!1;const{bankAccountName:i,bankSwiftCode:a,bankName:b,bankAccountIban:s}=e;return!!(i||a||b||s)},at=n.div`
+  padding-left: ${e=>A.paddingLeftContainer.valuePx(e.size)};
+  padding-right: ${e=>A.paddingRightContainer.valuePx(e.size)};
+  padding-top: ${e=>A.paddingTopBottomContainer.valuePx(e.size)};
+  padding-bottom: ${e=>A.paddingTopBottomContainer.valuePx(e.size)};
 `,it=n.div`
   background-color: ${e=>e.theme.colors.grey4};
   display: flex;
@@ -166,6 +166,6 @@ import{K as O,T as de,O as J,c1 as ce,U as ue,V as t,bM as be,bN as pe,bO as he,
   flex-grow: 1;
 `,nt=n(ge)`
   color: ${e=>e.theme.colors.champion};
-  margin-left: ${e=>L.marginLeft.valuePx(e.size)};
+  margin-left: ${e=>A.marginLeft.valuePx(e.size)};
   margin-top: ${d.sp3};
 `;export{pt as f};

package/dist/assets/InternationalWireVerificationPage-HZgqUkj4-BeRgJyDk.js

@@ -0,0 +1,65 @@
+import{y as Z,J as q,O as A,V as t,F as _,a7 as ee,T as te,b$ as ie,a_ as ae,f as le,A as oe,a9 as ne,o as r,b,W as U,c1 as Y,ej as se,s as re,H as de,el as ce,j as me,u,c9 as ue,ca as pe,e as fe}from"./index-DorX0WX8.js";import{a as E}from"./sentry-tRTnR5ia.js";import{n as p}from"./mui-gZ2J-2YO.js";import{bG as k,bs as he}from"./zeni-epic-state-DiMW9axO.js";import{b as ge}from"./LabeledCountryMultiSelectField-LeubJT8b-DTiRo8mi.js";import{Y as be}from"./LabeledDocumentField-CFtFroDl-BZ61zQ53.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="2806e472-0023-4965-8bde-b90e75bc3eea",e._sentryDebugIdIdentifier="sentry-dbid-2806e472-0023-4965-8bde-b90e75bc3eea")}catch{}})();const R={largeLabelWidth:new b(150,210,252),paddingBottom:new b(u[3],u[2])},ye=({sectionId:e,internationalOnboardingDetails:s,filesEndPoint:d,authParams:v,isReadonly:n,deleteFileStatusById:a,updateFileStatusById:m,onEditFileName:B,onDeleteFile:C,updateFilesEntity:z})=>{const h=q(),{verificationFormLocalData:x}=s,{dateFormat:{visual:O},common:{documents:o},commonSetUp:{businessVerification:j},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:w}}}}}=A.getLocalizedStrings(),f=R.largeLabelWidth.value(h),[c,$]=E.useState(!1),T=s.verificationFormFields.slice().sort((i,l)=>i.type==="file"&&l.type!=="file"?-1:0);return t.jsx(xe,{children:t.jsx(we,{children:T.map(i=>{switch(i.type){case"file":return t.jsxs(t.Fragment,{children:[t.jsx(be,{name:g(e,i.name),isDisabled:n,sizeLimit:pe,deleteFileStatusById:a,updateFileStatusById:m,filesEndPoint:d,authParams:v,label:{label:i.label,width:f},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:s.userFiles.find(l=>l.fileId===x[i.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:c,updateFilesEntity:z,onEditFileName:B,onDeleteFile:C,onFileSizeError:l=>$(l),placeholderText:j.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},g(e,i.name)),n!=="readonly"?t.jsx(Se,{windowSize:h,isError:!1,children:o.formatDocumentText10MB}):null,t.jsx(I,{})]});case"date":return t.jsxs(t.Fragment,{children:[t.jsx(ue,{isDisabled:n,label:{label:i.label+w.colon,width:f},style:{paddingBottom:R.paddingBottom.valuePx(h)},dateField:{name:g(e,i.name),placeholder:i.placeholder,defaultValue:x[i.name]?k(x[i.name]):void 0,dateFormat:O.defaultInput,maxDate:he().subtract(1,"day"),minDate:k("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},g(e,i.name)),t.jsx(I,{})]});case"enum":return i.isMultipleValuesAllowed===!1?t.jsxs(t.Fragment,{children:[t.jsx(ce,{isDisabled:n,label:{label:i.label+w.colon,width:f},singleSelectPickerField:{name:g(e,i.name),placeholder:i.placeholder,optionHeight:u[6],optionTextStyle:me.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption},defaultValue:{selectedOption:x[i.name],allOptions:i.fieldValues.map(l=>({label:l.description,value:l.code}))}}},g(e,i.name)),t.jsx(I,{})]}):t.jsx(ge,{isDisabled:n,label:{label:i.label+w.colon,width:f},style:{zIndex:0},multiSelectField:{name:g(e,i.name),placeholder:i.placeholder,registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOptions&&l.selectedOptions.length>0},defaultValue:Y(x[i.name],i.fieldValues.map(l=>l.code))}},g(e,i.name));default:return t.jsx(I,{})}})})})},g=(e,s)=>`${e}.formData.${s}`,xe=p.div`
+  display: flex;
+  flex-direction: column;
+`,we=p.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${r.sp2};
+`,I=p.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Se=p(U)`
+  padding: ${r.sp1} ${r.sp4};
+
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${r.sp0} ${r.sp0} ${r.sp2} ${r.sp2};
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.isError?fe.important:e.theme.colors.grey1};
+`,y={width:new b(343,580,726),titleWidth:new b(343,580,726,826),subTitlePaddingTop:new b(12,u[3]),subTitlePaddingBottom:new b(u[3],u[3]),verificationDetailsRowGap:new b(12,u[5],u[5]),termsPaddingLeftRight:new b(u[0],u[3])},Fe={title:new de("standardSemiBold","largeSemiBold")},W="intlWireVerification",Ue=({internationalOnboardingDetails:e,filesEndPoint:s,authParams:d,isReadonly:v,analytics:n,isLocalCurrencyEnabled:a,onEditFileName:m,onDeleteFile:B,updateFilesEntity:C,onFormDataChange:z,onCancelClick:h,onSubmitClick:x})=>{const O=Z(),o=q(),j="IntlWireverificationPage",{verificationFormFetchState:w,verificationFormSubmitState:f}=e,{commonSetUp:{internationalWire:c},common:{footer:$},dateFormat:{analytics:{YYYYDashMMDashDDFormat:T}}}=A.getLocalizedStrings(),i=t.jsxs(Ie,{children:[c.terms1,t.jsx(_,{href:c.tosUrl,linkText:c.tos}),c.and,t.jsx(_,{href:c.privacyPolicyUrl,linkText:c.privacyPolicy})]}),l=ee(f.fetchState),D=te({mode:"all",reValidateMode:"onChange",defaultValues:E.useMemo(()=>ve(e),[e])}),{isValid:G}=D.formState;E.useEffect(()=>{l==="In-Progress"&&f.fetchState==="Completed"&&h()},[l,f,h]);const H=D.handleSubmit(()=>{G&&(n?.trackSubmitIntlWire(a),x())});return E.useEffect(()=>{const J=D.watch((M,{name:K})=>{K!=null&&M!=null&&ie(()=>(async Q=>{const S=Q[W].formData;if(S!=null){let V={};Object.keys(S).forEach(F=>{const L=e.verificationFormFields.find(P=>P.name===F);if(S[F]!=null&&L!=null){let P;switch(L.type){case"file":P=S[F].fileId;break;case"date":P=k(S[F].toString()).format(T);break;default:P=L.isMultipleValuesAllowed===!0?S[F].selectedOptions.map(X=>se(X)):S[F].selectedOption}V={...V,[F]:P}}}),z(V)}})(M))});return()=>{J.unsubscribe()}}),t.jsxs(Pe,{children:[t.jsx(ae,{title:c.title,backgroundColor:O.colors.grey4,style:{zIndex:4},onBackClick:()=>{h()},showBackButton:!0,showMenuIcon:!1,source:"InternationalWireVerificationPage"}),t.jsxs($e,{windowSize:o,children:[t.jsx(je,{windowSize:o,children:c.subTitle}),w.fetchState==="In-Progress"||w.fetchState==="Not-Started"?t.jsx(De,{children:t.jsx(le,{size:"ExtraLarge",start:!0})}):t.jsx(oe,{...D,children:t.jsxs("form",{id:N(j),onSubmit:H,children:[t.jsx(Ee,{windowSize:o,children:c.header}),t.jsx(ye,{internationalOnboardingDetails:e,sectionId:W,updateFilesEntity:C,onEditFileName:m,onDeleteFile:B,isReadonly:v,filesEndPoint:s,authParams:d,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),v!=="readonly"&&w.fetchState==="Completed"?t.jsx(ne,{formId:N(j),primaryBtn:{label:$.submit,style:{width:"auto",minWidth:o==="small"?"auto":"82px"},isLoading:f.fetchState==="In-Progress"},containerStyle:{width:o==="small"?y.width.valuePx(o):"auto",justifyContent:o==="small"?"space-between":"center"},helperStyle:{width:o==="small"?y.width.valuePx(o):"auto",paddingLeft:y.termsPaddingLeftRight.valuePx(o),paddingRight:y.termsPaddingLeftRight.valuePx(o),textAlign:o==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:$.cancel,style:{width:o==="small"?"auto":"82px"},onClick:()=>{h()}},helperText:i,style:{padding:`12px ${r.sp3}`,zIndex:4}}):null]})},ve=e=>{const{verificationFormFields:s,verificationFormLocalData:d,userFiles:v}=e,n={};return s.forEach(a=>{a.type==="enum"?a.isMultipleValuesAllowed===!1?n[a.name]={selectedOption:d[a.name],allOptions:a.fieldValues.map(m=>({label:m.description,value:m.code}))}:n[a.name]=Y(d[a.name],a.fieldValues.map(m=>m.code)):a.type==="date"?n[a.name]=d[a.name]?k(d[a.name]).toDate():void 0:a.type==="file"?n[a.name]=v.find(m=>m.fileId!==d[a.name]):n[a.name]=d[a.name]}),{[W]:{formData:n}}},N=e=>`${e}_form`,Pe=p.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,je=p(re)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>y.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>y.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>y.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,$e=p.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: ${r.sp9};
+  row-gap: ${e=>y.verificationDetailsRowGap.valuePx(e.windowSize)};
+`,De=p.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ie=p(U)`
+  text-align: center;
+  max-width: 750px;
+  color: ${e=>e.theme.colors.hero};
+`,Ee=p.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${r.sp3};
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Fe.title.style(e.windowSize)}`};
+`;export{Ue as default,N as uniqueName};

package/dist/assets/{InviteFormPage-D56FOZEG-YjtIHJmt.js → InviteFormPage-C5mS-6c8-DHEfB4pP.js}

@@ -1,4 +1,4 @@
-import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x as m,a5 as e1,o as r,a7 as L1,c as p,N as w,M as u,ea as f1,bk as $1,at as y1,bC as E1,b as M1,u as a,a as U,bi as j1,c5 as b1,c6 as v1,c7 as H1,c8 as S1,l as t1,ci as B1,dN as z1,cj as D1,j as W1}from"./index-onESlw0k.js";import{a as i}from"./sentry-CZ5rBRIL.js";import{n as o,c as V1}from"./mui-B0LS8eOU.js";import{K as P1}from"./LabeledEmailInputField-B17ZXjvY-Bgq9Bw5g.js";import"./pdf-DEiLcZtJ.js";import"./zeni-epic-state-Cr-rO4HZ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./recharts-C5uMntUw.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="9f8a6e41-85d2-4893-85a2-ee6721a3725c",e._sentryDebugIdIdentifier="sentry-dbid-9f8a6e41-85d2-4893-85a2-ee6721a3725c")}catch{}})();const M={itemMarginBottom:new m(a[2],a[5]),itemMarginRight:new m(a[0],a[0],a[0],a[5]),itemPaddingTop:new m(a[3],a[4]),titleMarginBottom:new m(a[1],a[3]),titleMarginRight:new m(a[3],a[3]),totalItemsMarginBottom:new m(a[4],a[5])},_={title:new w("standardRegular","largeRegular"),titleSpan:new w("tinyRegular","extraSmallRegular"),content:new w("extraSmallRegular","standardRegular")},I1=o.div`
+import{J as L,y as C1,O as f,T as g1,b$ as u1,V as t,a_ as w1,A as k1,a9 as x1,b as m,a4 as e1,o as r,a7 as L1,e as p,H as w,B as u,e8 as f1,bi as $1,at as y1,bB as E1,d as M1,u as a,i as U,bg as b1,c3 as v1,c4 as j1,c5 as H1,c6 as S1,s as t1,cg as B1,dL as z1,ch as D1,W as W1}from"./index-DorX0WX8.js";import{a as i}from"./sentry-tRTnR5ia.js";import{n as o,c as V1}from"./mui-gZ2J-2YO.js";import{K as P1}from"./LabeledEmailInputField-BOEHGgHy-DmP8tNRS.js";import"./pdf-BNA4Ou8X.js";import"./zeni-epic-state-DiMW9axO.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="cc0434b1-94fc-4214-bac1-13bd70aa385c",e._sentryDebugIdIdentifier="sentry-dbid-cc0434b1-94fc-4214-bac1-13bd70aa385c")}catch{}})();const M={itemMarginBottom:new m(a[2],a[5]),itemMarginRight:new m(a[0],a[0],a[0],a[5]),itemPaddingTop:new m(a[3],a[4]),titleMarginBottom:new m(a[1],a[3]),titleMarginRight:new m(a[3],a[3]),totalItemsMarginBottom:new m(a[4],a[5])},_={title:new w("standardRegular","largeRegular"),titleSpan:new w("tinyRegular","extraSmallRegular"),content:new w("extraSmallRegular","standardRegular")},I1=o.div`
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -91,12 +91,12 @@ import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x
   ${S}
 `,G1=o.img`
   ${S}
-`,K1=o.img`
-  ${S}
 `,J1=o.img`
+  ${S}
+`,K1=o.img`
   margin-left: -${r.sp4};
   ${S}
-`,g=f.getLocalizedStrings().rewardsPage.inviteEmailTemplate,Q1=e=>{switch(e){case"AI-Powered Bookkeeping":return t.jsx(T1,{});case"Bill Payments":return t.jsx(_1,{});case"Employee Reimbursements":return t.jsx(A1,{});case"Business Checking Accounts":return t.jsx(R1,{});case"Business Credit Cards":return t.jsx(N1,{});case"Comprehensive Financial Services":return t.jsx(Z1,{});default:return null}},y=(e,n,s)=>{const d=s!=null?e.title.replace(s.key,s.value):e.title;return t.jsxs(i1,{windowSize:n,children:[t.jsxs(r1,{windowSize:n,children:[t.jsxs(o1,{windowSize:n,children:[t.jsx(n1,{windowSize:n,children:e.key}),e.tag!=null?t.jsx(s1,{windowSize:n,children:e.tag}):null]}),t.jsx(a1,{windowSize:n,children:d})]}),Q1(e.key)]})},X1=(e,n)=>t.jsxs(i1,{windowSize:n,style:{marginRight:r.sp0},children:[t.jsxs(r1,{windowSize:n,children:[t.jsxs(o1,{windowSize:n,children:[t.jsx(n1,{windowSize:n,children:e.key}),e.tag!=null?t.jsx(s1,{windowSize:n,children:e.tag}):null]}),t.jsx(a1,{style:{maxWidth:"280px"},windowSize:n,children:e.title})]}),t.jsxs(F1,{children:[n!=="small"?t.jsxs(q1,{children:[t.jsxs(z,{children:[t.jsx(U1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/cfo-person.png"}),t.jsx(D,{children:g.person1})]}),t.jsxs(z,{children:[t.jsx(Y1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/tax-person.png"}),t.jsx(D,{children:g.person2})]}),t.jsxs(z,{children:[t.jsx(G1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/payroll-person.png"}),t.jsx(D,{children:g.person3})]})]}):null,t.jsxs(z,{children:[t.jsxs(O1,{children:[t.jsx(K1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/team-person-1.png"}),t.jsx(J1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/team-person-2.png"})]}),t.jsx(D,{children:g.person4})]})]})]});function ee({chargeCardCashbackRatePerTransaction:e,maxAnnualPercentageYield:n}){const s=L(),d={key:g.listItems.item5.key,title:g.listItems.item5.title.replace("__cashback__",(100*e).toFixed(2))};return t.jsxs(I1,{windowSize:s,children:[y(g.listItems.item1,s),y(g.listItems.item2,s),y(g.listItems.item3,s),y(g.listItems.item4,s,{key:"__rate__",value:n.toString()}),y(d,s),y(g.listItems.item6,s),X1(g.listItems.item7,s)]})}const j={detailMarginBottom:new m(a[3],a[5]),subTitleMarginBottom:new m(a[3],a[4]),logoMarginTop:new m(a[3],a[5]),logoMarginBottom:new m(a[3],a[2]),logoWidth:new m(65,102),bodyPadding:new m(a[3],a[5])},P={subjectText:new w("smallMedium","standardMedium"),title:new w("smallRegular","standardRegular"),getStarted:new w("smallRegular","largeMedium")},te=o.div`
+`,g=f.getLocalizedStrings().rewardsPage.inviteEmailTemplate,Q1=e=>{switch(e){case"AI-Powered Bookkeeping":return t.jsx(T1,{});case"Bill Payments":return t.jsx(_1,{});case"Employee Reimbursements":return t.jsx(A1,{});case"Business Checking Accounts":return t.jsx(R1,{});case"Business Credit Cards":return t.jsx(N1,{});case"Comprehensive Financial Services":return t.jsx(Z1,{});default:return null}},y=(e,n,s)=>{const d=s!=null?e.title.replace(s.key,s.value):e.title;return t.jsxs(i1,{windowSize:n,children:[t.jsxs(r1,{windowSize:n,children:[t.jsxs(o1,{windowSize:n,children:[t.jsx(n1,{windowSize:n,children:e.key}),e.tag!=null?t.jsx(s1,{windowSize:n,children:e.tag}):null]}),t.jsx(a1,{windowSize:n,children:d})]}),Q1(e.key)]})},X1=(e,n)=>t.jsxs(i1,{windowSize:n,style:{marginRight:r.sp0},children:[t.jsxs(r1,{windowSize:n,children:[t.jsxs(o1,{windowSize:n,children:[t.jsx(n1,{windowSize:n,children:e.key}),e.tag!=null?t.jsx(s1,{windowSize:n,children:e.tag}):null]}),t.jsx(a1,{style:{maxWidth:"280px"},windowSize:n,children:e.title})]}),t.jsxs(F1,{children:[n!=="small"?t.jsxs(q1,{children:[t.jsxs(z,{children:[t.jsx(U1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/cfo-person.png"}),t.jsx(D,{children:g.person1})]}),t.jsxs(z,{children:[t.jsx(Y1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/tax-person.png"}),t.jsx(D,{children:g.person2})]}),t.jsxs(z,{children:[t.jsx(G1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/payroll-person.png"}),t.jsx(D,{children:g.person3})]})]}):null,t.jsxs(z,{children:[t.jsxs(O1,{children:[t.jsx(J1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/team-person-1.png"}),t.jsx(K1,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/team-person-2.png"})]}),t.jsx(D,{children:g.person4})]})]})]});function ee({chargeCardCashbackRatePerTransaction:e,maxAnnualPercentageYield:n}){const s=L(),d={key:g.listItems.item5.key,title:g.listItems.item5.title.replace("__cashback__",(100*e).toFixed(2))};return t.jsxs(I1,{windowSize:s,children:[y(g.listItems.item1,s),y(g.listItems.item2,s),y(g.listItems.item3,s),y(g.listItems.item4,s,{key:"__rate__",value:n.toString()}),y(d,s),y(g.listItems.item6,s),X1(g.listItems.item7,s)]})}const b={detailMarginBottom:new m(a[3],a[5]),subTitleMarginBottom:new m(a[3],a[4]),logoMarginTop:new m(a[3],a[5]),logoMarginBottom:new m(a[3],a[2]),logoWidth:new m(65,102),bodyPadding:new m(a[3],a[5])},P={subjectText:new w("smallMedium","standardMedium"),title:new w("smallRegular","standardRegular"),getStarted:new w("smallRegular","largeMedium")},te=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -119,11 +119,11 @@ import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x
   ${e=>`${P.title.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
   margin-right: ${r.sp1};
-`,K=o(u)`
+`,J=o(u)`
   ${e=>`${P.subjectText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
 `,re=o.div`
-  padding: ${e=>j.bodyPadding.valuePx(e.windowSize)};
+  padding: ${e=>b.bodyPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.background};
   border-radius: 0 0 ${r.sp2} ${r.sp2};
 `,oe=o($1)`
@@ -132,7 +132,7 @@ import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x
 `,ne=o(u)`
   ${e=>`${P.title.style(e.windowSize)}`};
   color: ${e=>e.theme.mode==="light"?p.brandColorOnyx:p.brandColorPearl};
-  margin-bottom: ${e=>j.detailMarginBottom.valuePx(e.windowSize)};
+  margin-bottom: ${e=>b.detailMarginBottom.valuePx(e.windowSize)};
   display: flex;
   align-items: center;
 `,se=o(u)`
@@ -147,19 +147,19 @@ import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x
   gap: ${r.sp3};
 `,le=o(y1)`
   color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${e=>j.subTitleMarginBottom.valuePx(e.windowSize)};
+  margin-bottom: ${e=>b.subTitleMarginBottom.valuePx(e.windowSize)};
 `,de=o(M1)`
   color: ${e=>e.theme.colors.primary};
 `,ce=o.div`
-  width: ${e=>j.logoWidth.valuePx(e.windowSize)};
-  margin-top: ${e=>j.logoMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>j.logoMarginBottom.valuePx(e.windowSize)};
+  width: ${e=>b.logoWidth.valuePx(e.windowSize)};
+  margin-top: ${e=>b.logoMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>b.logoMarginBottom.valuePx(e.windowSize)};
 `,me=o.div`
   display: flex;
   flex-wrap: wrap;
   flex: 0 1 auto;
   align-items: flex-start;
-`,J=o.img`
+`,K=o.img`
   width: 100%;
   height: auto;
 `,pe=o(E1)`
@@ -171,7 +171,7 @@ import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x
   padding: ${r.sp2} ${r.sp3};
   width: fit-content;
   cursor: pointer;
-`,he=({companyLegalName:e,userName:n,rewardsPlan:s,chargeCardCashbackRatePerTransaction:d,maxAnnualPercentageYield:C})=>{const{rewardsPage:{inviteEmailTemplate:l},common:h}=f.getLocalizedStrings(),c=L();return t.jsxs(te,{windowSize:c,children:[t.jsxs(ie,{children:[t.jsxs(Y,{children:[t.jsxs(G,{windowSize:c,children:[f1(h.from),h.strings.colon]}),t.jsx(K,{windowSize:c,children:l.fromEmail})]}),t.jsxs(Y,{children:[t.jsxs(G,{windowSize:c,children:[h.texts.subject,h.strings.colon]}),t.jsxs(K,{windowSize:c,children:[n,h.strings.space,l.title]})]})]}),s.planName==="PLAN_1000"?t.jsx(J,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rewards-email-header.png",alt:"rewards-email-promo",loading:"lazy"}):t.jsx(J,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rewards-email-header-4000.png",alt:"rewards-email-promo"}),t.jsxs(re,{windowSize:c,children:[t.jsx(oe,{children:l.templateTitle.replace("__user-name__",n)}),t.jsx(ne,{windowSize:c,children:l.content[s.planName].replace("__user-name__",n).replace("__company-name__",e).replace("__reward-amount__",e1("0,0",s.referrerAmount))}),t.jsx(le,{windowSize:c,children:l.subTitle}),t.jsx(ee,{chargeCardCashbackRatePerTransaction:d,maxAnnualPercentageYield:C}),t.jsx(me,{children:t.jsxs(ae,{windowSize:c,children:[t.jsx(se,{windowSize:c,children:l.footer}),t.jsx(pe,{onClick:()=>window.open(s.referralLink.toString(),"_blank"),children:l.getStarted})]})}),t.jsx(ce,{windowSize:c,children:t.jsx(de,{})})]})]})},Ce={width:new m(138,150)},{rewardsPage:{form:W},common:{labels:Q,strings:ge}}=f.getLocalizedStrings(),ue=(e,n)=>{const s=z1(n,e),d=e.split(".")[1];if(s&&n?.inviteeDetails[d].emailIds)switch(n?.inviteeDetails[d].emailIds.type){case"required":return W.sendEmailTo.invalidEmailMessage;case"validate":return W.sendEmailTo.duplicateEmail;default:return}},we=({sectionId:e,isEmptyInvitesSection:n,invitee:s})=>{const d=L(),{formState:{errors:C}}=b1(),l=n&&(s==null||!s.companyName&&!s.emailIds),h=!s?.companyName,c=(b,k)=>`${b}.${k}`;return t.jsxs(ke,{children:[t.jsx(v1,{text:{type:"text",name:c(e,"companyName"),placeholder:S1(Q.companyName),options:{required:l!==!0&&h,pattern:H1}},label:{label:`${Q.companyName}`,width:Ce.width.value(d)},style:{wordBreak:"break-word",width:"100%"}}),t.jsx(Le,{}),t.jsx(xe,{windowSize:d,field:"email",children:t.jsx(P1,{label:`${W.sendEmailTo.label}${ge.colon}`,name:c(e,"emailIds"),placeholder:W.sendEmailTo.placeholder,registerOptions:{required:!0},style:{border:"none",outline:"none"},additionalInfoLabel:ue(c(e,"emailIds"),C)})})]})},ke=o.div`
+`,he=({companyLegalName:e,userName:n,rewardsPlan:s,chargeCardCashbackRatePerTransaction:d,maxAnnualPercentageYield:C})=>{const{rewardsPage:{inviteEmailTemplate:l},common:h}=f.getLocalizedStrings(),c=L();return t.jsxs(te,{windowSize:c,children:[t.jsxs(ie,{children:[t.jsxs(Y,{children:[t.jsxs(G,{windowSize:c,children:[f1(h.from),h.strings.colon]}),t.jsx(J,{windowSize:c,children:l.fromEmail})]}),t.jsxs(Y,{children:[t.jsxs(G,{windowSize:c,children:[h.texts.subject,h.strings.colon]}),t.jsxs(J,{windowSize:c,children:[n,h.strings.space,l.title]})]})]}),s.planName==="PLAN_1000"?t.jsx(K,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rewards-email-header.png",alt:"rewards-email-promo",loading:"lazy"}):t.jsx(K,{src:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rewards-email-header-4000.png",alt:"rewards-email-promo"}),t.jsxs(re,{windowSize:c,children:[t.jsx(oe,{children:l.templateTitle.replace("__user-name__",n)}),t.jsx(ne,{windowSize:c,children:l.content[s.planName].replace("__user-name__",n).replace("__company-name__",e).replace("__reward-amount__",e1("0,0",s.referrerAmount))}),t.jsx(le,{windowSize:c,children:l.subTitle}),t.jsx(ee,{chargeCardCashbackRatePerTransaction:d,maxAnnualPercentageYield:C}),t.jsx(me,{children:t.jsxs(ae,{windowSize:c,children:[t.jsx(se,{windowSize:c,children:l.footer}),t.jsx(pe,{onClick:()=>window.open(s.referralLink.toString(),"_blank"),children:l.getStarted})]})}),t.jsx(ce,{windowSize:c,children:t.jsx(de,{})})]})]})},Ce={width:new m(138,150)},{rewardsPage:{form:W},common:{labels:Q,strings:ge}}=f.getLocalizedStrings(),ue=(e,n)=>{const s=z1(n,e),d=e.split(".")[1];if(s&&n?.inviteeDetails[d].emailIds)switch(n?.inviteeDetails[d].emailIds.type){case"required":return W.sendEmailTo.invalidEmailMessage;case"validate":return W.sendEmailTo.duplicateEmail;default:return}},we=({sectionId:e,isEmptyInvitesSection:n,invitee:s})=>{const d=L(),{formState:{errors:C}}=v1(),l=n&&(s==null||!s.companyName&&!s.emailIds),h=!s?.companyName,c=(v,k)=>`${v}.${k}`;return t.jsxs(ke,{children:[t.jsx(j1,{text:{type:"text",name:c(e,"companyName"),placeholder:S1(Q.companyName),options:{required:l!==!0&&h,pattern:H1}},label:{label:`${Q.companyName}`,width:Ce.width.value(d)},style:{wordBreak:"break-word",width:"100%"}}),t.jsx(Le,{}),t.jsx(xe,{windowSize:d,field:"email",children:t.jsx(P1,{label:`${W.sendEmailTo.label}${ge.colon}`,name:c(e,"emailIds"),placeholder:W.sendEmailTo.placeholder,registerOptions:{required:!0},style:{border:"none",outline:"none"},additionalInfoLabel:ue(c(e,"emailIds"),C)})})]})},ke=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -199,14 +199,14 @@ import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,V={inviteeMargin:new m(12,a[3]),deleteConfirmationTextMarginBottom:new m(a[2],a[0]),buttonWidth:new m(70,70)},fe={title:new w("standardMedium","largeMedium")},{rewardsPage:E,common:$e}=f.getLocalizedStrings(),ye=({curIndex:e,numberOfInvites:n,showDeleteConfirmation:s,setShowDeleteConfirmation:d,onRemoveInviteSection:C})=>{const l=L();return t.jsxs(He,{windowSize:l,children:[n>1?`#${e+1} ${E.form.invitee}`:$e.strings.empty,s===e+1?t.jsxs(De,{windowSize:l,children:[t.jsx(We,{windowSize:l,children:E.deleteConfirmation}),t.jsxs(Ve,{children:[t.jsx(U,{label:E.cancel,onClick:()=>{d(0)},style:{width:V.buttonWidth.value(l),marginLeft:l==="small"?r.sp0:r.sp4,marginRight:r.sp3},size:"small",variant:"secondary"}),t.jsx(U,{label:E.remove,onClick:()=>{d(0),C(e)},style:{width:V.buttonWidth.value(l)},size:"small",variant:"danger"})]})]}):e>0?t.jsx(Pe,{className:"deleteIconWrapper",onClick:()=>d(e+1),children:t.jsx(j1,{enterDelay:600,title:E.deleteReferral,placement:"top-end",children:t.jsx(Ie,{windowsize:l})})}):null]})},Ee=({onInviteSection:e,isSectionDisabled:n})=>{const s=L();return n!=null?t.jsx(be,{}):t.jsxs(Se,{onClick:e,windowSize:s,children:[t.jsx(Be,{}),t.jsx(ze,{children:E.form.addInvitee})]})};function Me({invites:e,sectionId:n,isDisabled:s,onUpdateInviteFormLocalData:d}){const C=e.length,[l,h]=i.useState(0),c=e.length===1&&!e[0].companyName,b=k=>{const x=[...e];x.splice(k,1),d(x)};return t.jsxs(je,{children:[e.map((k,x)=>{const v=!k.companyName;return t.jsxs(ve,{children:[(C>1||v)&&!c?t.jsx(ye,{curIndex:x,numberOfInvites:C,showDeleteConfirmation:l,setShowDeleteConfirmation:h,onRemoveInviteSection:b}):null,t.jsx(we,{sectionId:`${n}.${x}`,invitee:k,isEmptyInvitesSection:c})]},`section_${n}.${x}`)}),C<=9&&!c?t.jsx(Ee,{isSectionDisabled:s,onInviteSection:()=>{d([...e,{companyName:"",emailIds:[]}])}}):null]})}const je=o.div`
+`,V={inviteeMargin:new m(12,a[3]),deleteConfirmationTextMarginBottom:new m(a[2],a[0]),buttonWidth:new m(70,70)},fe={title:new w("standardMedium","largeMedium")},{rewardsPage:E,common:$e}=f.getLocalizedStrings(),ye=({curIndex:e,numberOfInvites:n,showDeleteConfirmation:s,setShowDeleteConfirmation:d,onRemoveInviteSection:C})=>{const l=L();return t.jsxs(He,{windowSize:l,children:[n>1?`#${e+1} ${E.form.invitee}`:$e.strings.empty,s===e+1?t.jsxs(De,{windowSize:l,children:[t.jsx(We,{windowSize:l,children:E.deleteConfirmation}),t.jsxs(Ve,{children:[t.jsx(U,{label:E.cancel,onClick:()=>{d(0)},style:{width:V.buttonWidth.value(l),marginLeft:l==="small"?r.sp0:r.sp4,marginRight:r.sp3},size:"small",variant:"secondary"}),t.jsx(U,{label:E.remove,onClick:()=>{d(0),C(e)},style:{width:V.buttonWidth.value(l)},size:"small",variant:"danger"})]})]}):e>0?t.jsx(Pe,{className:"deleteIconWrapper",onClick:()=>d(e+1),children:t.jsx(b1,{enterDelay:600,title:E.deleteReferral,placement:"top-end",children:t.jsx(Ie,{windowsize:l})})}):null]})},Ee=({onInviteSection:e,isSectionDisabled:n})=>{const s=L();return n!=null?t.jsx(ve,{}):t.jsxs(Se,{onClick:e,windowSize:s,children:[t.jsx(Be,{}),t.jsx(ze,{children:E.form.addInvitee})]})};function Me({invites:e,sectionId:n,isDisabled:s,onUpdateInviteFormLocalData:d}){const C=e.length,[l,h]=i.useState(0),c=e.length===1&&!e[0].companyName,v=k=>{const x=[...e];x.splice(k,1),d(x)};return t.jsxs(be,{children:[e.map((k,x)=>{const j=!k.companyName;return t.jsxs(je,{children:[(C>1||j)&&!c?t.jsx(ye,{curIndex:x,numberOfInvites:C,showDeleteConfirmation:l,setShowDeleteConfirmation:h,onRemoveInviteSection:v}):null,t.jsx(we,{sectionId:`${n}.${x}`,invitee:k,isEmptyInvitesSection:c})]},`section_${n}.${x}`)}),C<=9&&!c?t.jsx(Ee,{isSectionDisabled:s,onInviteSection:()=>{d([...e,{companyName:"",emailIds:[]}])}}):null]})}const be=o.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,be=o.div`
+`,ve=o.div`
   padding-bottom: ${r.sp4};
   border: 1px solid black;
-`,ve=o.div``,He=o(u)`
+`,je=o.div``,He=o(u)`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -277,14 +277,14 @@ import{K as L,y as C1,O as f,T as g1,c1 as u1,V as t,a_ as w1,A as k1,a9 as x1,x
   ${e=>`${l1.referralAmount.style(e.windowSize)}`};
   margin-left: ${r.sp1};
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
-`,Ge={title:new w("standardMedium","largeMedium")},Z={buttonWidth:new m(125,125),containerWidth:new m(90,70)},X=e=>`${e}_form`;function u2(e){const{inviteFormView:n,submitStatus:s,companyLegalName:d,userName:C,rewardsPlan:l,chargeCardCashbackRatePerTransaction:h,maxAnnualPercentageYield:c,isDisabled:b,onDismissClick:k,onSendClick:x,onUpdateInviteFormLocalData:v,onCancelClick:d1}=e,B=L(),c1=C1(),{rewardsPage:T,common:{footer:A}}=f.getLocalizedStrings(),R=i.useRef(null),H=g1({mode:"all",reValidateMode:"onChange",defaultValues:{inviteeDetails:n},values:{inviteeDetails:n}}),m1=n.length>1||n.length==1&&!!n[0].companyName&&n[0].emailIds.length>0;let N=0;n.forEach($=>{$.companyName&&$.emailIds.length>0&&N++}),i.useEffect(()=>{const $=H.watch((O,{name:q})=>{q!=null&&O!=null&&u1(()=>(async(p1,h1)=>{p1.includes("companyName")||v(h1.inviteeDetails)})(q,O))});return()=>{$.unsubscribe()}});const I=l.referrerAmount;let F=null;return m1&&(F=t.jsx(Oe,{amount:{amount:N*I.amount,currencyCode:I.currencyCode,currencySymbol:I.currencySymbol}})),t.jsxs(Ke,{children:[t.jsx(w1,{source:"InviteFormPage",rightSideComponent:F,title:T.referAndEarn,showBackButton:!0,backgroundColor:c1.colors.grey4,style:{zIndex:3},onBackClick:k,scrollableContent:R}),t.jsx(Qe,{ref:R,children:t.jsxs(Je,{windowSize:B,children:[t.jsx(k1,{...H,children:t.jsx(t2,{children:t.jsx("form",{id:X("referral_invite_page"),onSubmit:H.handleSubmit(()=>{const $=H.getValues();v($.inviteeDetails),x()}),children:t.jsx(Ae,{inviteFormView:n,submitStatus:s,isDisabled:b,onDismissClick:k,onUpdateInviteFormLocalData:v})})})}),t.jsxs(e2,{children:[t.jsx(Xe,{windowSize:B,children:T.inviteEmailTemplate.heading}),t.jsx(he,{companyLegalName:d,userName:C,rewardsPlan:l,chargeCardCashbackRatePerTransaction:h,maxAnnualPercentageYield:c})]})]})}),H.watch("inviteeDetails.0.companyName")?t.jsx(x1,{formId:X("referral_invite_page"),style:{width:"100%"},cancelBtn:{label:A.cancel,style:{width:Z.buttonWidth.value(B)},shouldResetOnCancel:!1,onClick:()=>{d1(),k()}},primaryBtn:{label:A.send,style:{width:Z.buttonWidth.value(B)},isDisabled:!1,isLoading:s.fetchState==="In-Progress"}}):null]})}const Ke=o.div`
+`,Ge={title:new w("standardMedium","largeMedium")},Z={buttonWidth:new m(125,125),containerWidth:new m(90,70)},X=e=>`${e}_form`;function u2(e){const{inviteFormView:n,submitStatus:s,companyLegalName:d,userName:C,rewardsPlan:l,chargeCardCashbackRatePerTransaction:h,maxAnnualPercentageYield:c,isDisabled:v,onDismissClick:k,onSendClick:x,onUpdateInviteFormLocalData:j,onCancelClick:d1}=e,B=L(),c1=C1(),{rewardsPage:T,common:{footer:A}}=f.getLocalizedStrings(),R=i.useRef(null),H=g1({mode:"all",reValidateMode:"onChange",defaultValues:{inviteeDetails:n},values:{inviteeDetails:n}}),m1=n.length>1||n.length==1&&!!n[0].companyName&&n[0].emailIds.length>0;let N=0;n.forEach($=>{$.companyName&&$.emailIds.length>0&&N++}),i.useEffect(()=>{const $=H.watch((O,{name:q})=>{q!=null&&O!=null&&u1(()=>(async(p1,h1)=>{p1.includes("companyName")||j(h1.inviteeDetails)})(q,O))});return()=>{$.unsubscribe()}});const I=l.referrerAmount;let F=null;return m1&&(F=t.jsx(Oe,{amount:{amount:N*I.amount,currencyCode:I.currencyCode,currencySymbol:I.currencySymbol}})),t.jsxs(Je,{children:[t.jsx(w1,{source:"InviteFormPage",rightSideComponent:F,title:T.referAndEarn,showBackButton:!0,backgroundColor:c1.colors.grey4,style:{zIndex:3},onBackClick:k,scrollableContent:R}),t.jsx(Qe,{ref:R,children:t.jsxs(Ke,{windowSize:B,children:[t.jsx(k1,{...H,children:t.jsx(t2,{children:t.jsx("form",{id:X("referral_invite_page"),onSubmit:H.handleSubmit(()=>{const $=H.getValues();j($.inviteeDetails),x()}),children:t.jsx(Ae,{inviteFormView:n,submitStatus:s,isDisabled:v,onDismissClick:k,onUpdateInviteFormLocalData:j})})})}),t.jsxs(e2,{children:[t.jsx(Xe,{windowSize:B,children:T.inviteEmailTemplate.heading}),t.jsx(he,{companyLegalName:d,userName:C,rewardsPlan:l,chargeCardCashbackRatePerTransaction:h,maxAnnualPercentageYield:c})]})]})}),H.watch("inviteeDetails.0.companyName")?t.jsx(x1,{formId:X("referral_invite_page"),style:{width:"100%"},cancelBtn:{label:A.cancel,style:{width:Z.buttonWidth.value(B)},shouldResetOnCancel:!1,onClick:()=>{d1(),k()}},primaryBtn:{label:A.send,style:{width:Z.buttonWidth.value(B)},isDisabled:!1,isLoading:s.fetchState==="In-Progress"}}):null]})}const Je=o.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
   width: 100%;
-`,Je=o.div`
+`,Ke=o.div`
   display: flex;
   flex-direction: column;
   align-items: center;