@zeniai/web-cockpit-ui 1.14.7-qa → 1.14.8-dev

package/dist/assets/{InsightsSection-CLqfyvOO-xadJoIF2.js → InsightsSection-BF65nVDk-Ck5eCytH.js}

@@ -1,4 +1,4 @@
-import{X as $,j as i,Y as v,o as c,C as a,v as S,Q as z,Z as M,p as l,s as k,ao as E}from"./index-BQuxwdpl.js";import{b as h,n as t}from"./vendor-CnQcJ2Lu.js";import{f as H}from"./NavigationDots-MPqPjbnr-B2VuEWoT.js";const m={imageHeight:new a(l[4],l[10]),imageWidth:new a(l[4],l[10]),imageMarginRight:new a(l[2],l[3])},P={title:new z("largeMedium","h6Medium")},R=t.div`
+import{X as $,j as i,Y as v,o as c,C as a,v as S,Q as z,Z as M,m as l,s as k,ao as E}from"./index-rGMXK0Rc.js";import{b as h,n as t}from"./vendor-CnQcJ2Lu.js";import{f as H}from"./NavigationDots-B12u1DHV-wGjE6ymi.js";const m={imageHeight:new a(l[4],l[10]),imageWidth:new a(l[4],l[10]),imageMarginRight:new a(l[2],l[3])},P={title:new z("largeMedium","h6Medium")},R=t.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -19,9 +19,9 @@ import{X as $,j as i,Y as v,o as c,C as a,v as S,Q as z,Z as M,p as l,s as k,ao
 `,Q=t(M)`
   color: ${e=>e.theme.colors.champion};
   ${e=>`${P.title.style(e.windowSize)}`};
-`,p=t(k)`
+`,f=t(k)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,f=t(E)`
+`,p=t(E)`
   color: ${e=>e.theme.colors.hero};
-`;let d;function J({insights:e,summaryTextStyles:j}){const o=$(),[n,g]=h.useState(0),u=h.useRef(!0);h.useEffect(()=>(u.current&&e.length>1&&(d=setInterval(()=>{g(s=>(s+1)%e.length)},1e4)),u.current=!1,()=>{clearTimeout(d)}),[e.length]);const w=s=>{g(s%e.length),clearTimeout(d)},r=e[n],y=()=>{const{details:s}=r;return s.length===1?i.jsx(p,{children:s[0]}):s.map(x=>i.jsxs(p,{children:[i.jsx(f,{children:"-"}),i.jsx(f,{style:{paddingLeft:c.sp1},children:x})]},x))};return e?.length>0&&e[0].summary?i.jsxs(R,{children:[i.jsxs(T,{children:[i.jsx(b,{windowSize:o,children:i.jsx(C,{src:r?.icon?.toString(),windowSize:o,alt:"",loading:"lazy"})}),i.jsxs(W,{showHand:e.length>1,onClick:()=>w(n+1),"data-testid":v("insight-clicked",e[n].title),children:[i.jsx(I,{children:r.title}),i.jsx(Q,{windowSize:o,style:j,children:r.summary}),y()]})]}),i.jsx(H,{numberOfDots:e.length,activeIndex:n,style:{marginTop:c.sp3},handleClick:w})]}):null}export{J as F};
+`;let d;function J({insights:e,summaryTextStyles:j}){const o=$(),[n,g]=h.useState(0),u=h.useRef(!0);h.useEffect(()=>(u.current&&e.length>1&&(d=setInterval(()=>{g(s=>(s+1)%e.length)},1e4)),u.current=!1,()=>{clearTimeout(d)}),[e.length]);const w=s=>{g(s%e.length),clearTimeout(d)},r=e[n],y=()=>{const{details:s}=r;return s.length===1?i.jsx(f,{children:s[0]}):s.map(x=>i.jsxs(f,{children:[i.jsx(p,{children:"-"}),i.jsx(p,{style:{paddingLeft:c.sp1},children:x})]},x))};return e?.length>0&&e[0].summary?i.jsxs(R,{children:[i.jsxs(T,{children:[i.jsx(b,{windowSize:o,children:i.jsx(C,{src:r?.icon?.toString(),windowSize:o,alt:"",loading:"lazy"})}),i.jsxs(W,{showHand:e.length>1,onClick:()=>w(n+1),"data-testid":v("insight-clicked",e[n].title),children:[i.jsx(I,{children:r.title}),i.jsx(Q,{windowSize:o,style:j,children:r.summary}),y()]})]}),i.jsx(H,{numberOfDots:e.length,activeIndex:n,style:{marginTop:c.sp3},handleClick:w})]}):null}export{J as F};

package/dist/assets/{IntegrationsSettingsPage-o9w1-WIT-_9mLCWjO.js → IntegrationsSettingsPage-CfOJp2rR-DnJqSbGe.js}

@@ -1,4 +1,4 @@
-import{X as u,u as x,M as l,j as i,aV as w,o as t,C as y,f as j,s as S,bM as C,a5 as $}from"./index-BQuxwdpl.js";import{n as o,j as b,k}from"./vendor-CnQcJ2Lu.js";import{F as v}from"./HelpButton-Cv7-d_qL-CUvPOpAv.js";import{o as I}from"./QBOSetupSection-DqWiwHwl-CaRIoZTT.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-B3sIZU3d-DQNFWJ_9.js";import"./QBOConnectionDialog-C_Z2lvUz-BwsPJmHe.js";const{common:{texts:E}}=l.getLocalizedStrings();function O(e){return i.jsxs(z,{isEnabled:e.isEnabled,onClick:e.onClick,children:[i.jsx(P,{spinRefreshIcon:e.spinRefreshIcon,children:i.jsx(R,{})}),i.jsx(B,{children:E.refresh})]})}const z=o.div`
+import{X as u,u as x,M as l,j as i,aV as w,o as t,C as y,e as j,s as S,bJ as C,a5 as $}from"./index-rGMXK0Rc.js";import{n as o,j as b,k}from"./vendor-CnQcJ2Lu.js";import{F as v}from"./HelpButton-C-GTHvg5-DHe5_hb9.js";import{o as I}from"./QBOSetupSection-DycavdKb-CT5F0n4h.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-BbCahdTF-CVjb8WtP.js";import"./QBOConnectionDialog-CKOkxTzr-DKeUf173.js";const{common:{texts:E}}=l.getLocalizedStrings();function O(e){return i.jsxs(z,{isEnabled:e.isEnabled,onClick:e.onClick,children:[i.jsx(P,{spinRefreshIcon:e.spinRefreshIcon,children:i.jsx(R,{})}),i.jsx(B,{children:E.refresh})]})}const z=o.div`
   position: relative;
   display: flex;
   width: fit-content;
@@ -15,19 +15,19 @@ import{X as u,u as x,M as l,j as i,aV as w,o as t,C as y,f as j,s as S,bM as C,a
   align-items: center;
 `,P=o.div`
   animation: ${e=>e.spinRefreshIcon??!1?b`
-          ${M} 3s
+          ${V} 3s
         `:"none"};
 `,R=o(C)`
   height: ${t.sp4};
   width: ${t.sp4};
-`,M=k`
+`,V=k`
   0% {
     rotate: 0
   }
   100% {
     rotate: 720deg;
   }
-`,V={subtitleSectionWidth:new y(343,580,1200)},_=({isAdmin:e,integrationsView:c,meetingUrl:d,...m})=>{const n=u(),{onClickMenuIcon:p,onRefreshClick:h}=m,f=x(),{companyView:g,externalConnections:s,integrations:r}=c,a=l.getLocalizedStrings().common.settings;return i.jsxs(Q,{children:[i.jsx(w,{source:"IntegrationsSettingsPage",title:a.title.integrations,backgroundColor:f.colors.grey4,showBackButton:!1,showMenuIcon:n==="medium-compact"||n==="small",rightSideComponent:i.jsx(O,{isEnabled:r.refreshQBO.fetchState!=="In-Progress",onClick:()=>h(),spinRefreshIcon:r.refreshQBO.fetchState==="In-Progress"}),onClickMenuIcon:p}),i.jsxs(L,{windowSize:n,children:[i.jsx(N,{windowSize:n,children:i.jsx(T,{windowSize:n,children:a.infoText.integrations})}),i.jsx(I,{isAdmin:e,isValid:s?.accounting[0]?.isValid??!1,hasError:!1,companyName:g?.companyInfo.companyLegalName,saveConnectionState:s?.saveConnectionState,isQBOPopupOpen:!1,handleOnConnectClick:()=>null,updateQBOPopupState:()=>null})]}),i.jsx(v,{meetingUrl:d,isFooterRendered:!1})]})},Q=o.div`
+`,M={subtitleSectionWidth:new y(343,580,1200)},_=({isAdmin:e,integrationsView:c,meetingUrl:d,...m})=>{const n=u(),{onClickMenuIcon:p,onRefreshClick:h}=m,f=x(),{companyView:g,externalConnections:s,integrations:r}=c,a=l.getLocalizedStrings().common.settings;return i.jsxs(Q,{children:[i.jsx(w,{source:"IntegrationsSettingsPage",title:a.title.integrations,backgroundColor:f.colors.grey4,showBackButton:!1,showMenuIcon:n==="medium-compact"||n==="small",rightSideComponent:i.jsx(O,{isEnabled:r.refreshQBO.fetchState!=="In-Progress",onClick:()=>h(),spinRefreshIcon:r.refreshQBO.fetchState==="In-Progress"}),onClickMenuIcon:p}),i.jsxs(L,{windowSize:n,children:[i.jsx(N,{windowSize:n,children:i.jsx(T,{windowSize:n,children:a.infoText.integrations})}),i.jsx(I,{isAdmin:e,isValid:s?.accounting[0]?.isValid??!1,hasError:!1,companyName:g?.companyInfo.companyLegalName,saveConnectionState:s?.saveConnectionState,isQBOPopupOpen:!1,handleOnConnectClick:()=>null,updateQBOPopupState:()=>null})]}),i.jsx(v,{meetingUrl:d,isFooterRendered:!1})]})},Q=o.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -47,7 +47,7 @@ import{X as u,u as x,M as l,j as i,aV as w,o as t,C as y,f as j,s as S,bM as C,a
   display: flex;
   justify-content: center;
   align-items: center;
-  width: ${e=>V.subtitleSectionWidth.valuePx(e.windowSize)};
+  width: ${e=>M.subtitleSectionWidth.valuePx(e.windowSize)};
   margin-bottom: ${t.sp5};
 `,T=o(S)`
   display: flex;

package/dist/assets/{InternationalWireSwiftDetailsPage-DBG1ni7g-5byzUSyT.js → InternationalWireSwiftDetailsPage-BPckWTQy-C_9kzKUy.js}

@@ -1,4 +1,4 @@
-import{X as R,a as le,M as Y,c6 as se,B as de,l as ee,j as t,bR as ce,bT as ue,bU as be,F as pe,a3 as he,C as l,o as d,an as me,cj as _,a1 as te,cr as J,hp as G,c9 as K,hq as ae,cb as fe,p as i,Y as M,cp as ge,g as C,h4 as xe,E as ke,cs as we,K as ye,Q as Ce,a$ as ve,Z as $e,q as Se,hr as je,hs as Be,n as Ae}from"./index-BQuxwdpl.js";import{b as W,n}from"./vendor-CnQcJ2Lu.js";import{W as Ie,A as Le}from"./BankAccountWarningSection-Dp7qMaI2-DUYDyhSL.js";import{T as Te}from"./MailingDetailsSection-CdKFQB_8-DW3BDO52.js";import{M as Ne}from"./MagicLinkTitleSection-Bb27jU2a-DoQ8aWp1.js";const Z={tooltipRightPosition:new l(i[6],i[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},Ee=({protectedInfoText:e})=>{const o=R();return t.jsxs(We,{children:[t.jsx(Re,{}),t.jsx(Fe,{className:"info-tooltip",windowSize:o,children:t.jsx(Oe,{children:e})})]})};function De({type:e,name:o,placeholder:a,placeholderAlignment:b,autoComplete:s="off",autoCapitalize:x="off",autoTrim:v="off",isDisabled:g,defaultValue:A,style:I,hoverBgColor:k,registerOptions:L,protectedInfoText:w,isSaveError:$=!1,buttonProps:y,disableCopyPaste:c=!1}){const{control:r,register:p,formState:{errors:S},setFocus:m}=_(),z=J(S,o),j=Object.assign({},L),{label:f,isDisabled:F,fetchState:V,onButtonClick:O}=y;switch(e){case"email":Object.assign(j,{pattern:ke});break;case"number":Object.assign(j,{valueAsNumber:!0});break;case"url":Object.assign(j,{pattern:xe})}const H=g==="disabled"||g==="readonly"||w!=null;return w!=null?t.jsxs(Ve,{style:I,children:[t.jsx(Ee,{protectedInfoText:w}),t.jsx(Me,{id:o,children:A})]}):t.jsx(ze,{isError:z,fetchState:V,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:y.keepButtonVisible,isButtonHidden:y.isHidden,children:t.jsx(we,{name:o,control:r,rules:{...L},defaultValue:A??"","data-testid":M("text-field-with-button",o),render:({field:{onChange:q,onBlur:U,value:E,ref:T}})=>t.jsxs(t.Fragment,{children:[t.jsx(Pe,{type:e==="password"||e==="hidden"?e:void 0,isError:z,style:I,placeholder:a,disabled:H,...p(o,j),id:o,ref:T,value:E,autoComplete:s,placeholderAlignment:b,hoverBgColor:k,isSaveError:$,onBlur:U,onChange:q,"data-testid":M("text-field-with-button-input",o),onInput:h=>{const u=h.target;switch(x){case"off":break;case"characters":u.value=u.value.toLocaleUpperCase();break;case"words":u.value=u.value.charAt(0).toLocaleUpperCase().concat(u.value.slice(1));break}switch(v){case"off":break;case"trimStart":u.value=u.value.trimStart();break;case"trimEnd":u.value=u.value.trimEnd();break;case"trim":u.value=u.value.trim();break}},onPaste:h=>{c&&h.preventDefault()},onCopy:h=>{c&&h.preventDefault()},keepButtonVisible:y.keepButtonVisible}),t.jsx(ye,{label:f,onClick:h=>{h.stopPropagation(),m(o),setTimeout(()=>{O()})},style:{outline:"none"},size:"xs-small",disabled:F,variant:"success",reverseSpinnerColor:!0,loading:V==="In-Progress","data-testid":M("text-field-button",`${o}-${f}`)})]})})})}const Pe=n(je)`
+import{X as R,a as le,M as Z,c3 as se,H as de,l as ee,j as t,bO as ce,bQ as ue,bR as be,F as pe,a3 as me,C as l,o as d,an as he,cg as _,a1 as te,co as X,hm as K,c6 as Q,hn as ae,c8 as fe,m as i,Y as M,cm as ge,g as C,h1 as xe,E as ke,cp as we,K as ye,Q as Ce,a$ as ve,Z as $e,p as Se,ho as je,hp as Be,n as Ae}from"./index-rGMXK0Rc.js";import{b as W,n}from"./vendor-CnQcJ2Lu.js";import{W as Ie,A as Le}from"./BankAccountWarningSection-_BSb8rEd-lAbGdxcF.js";import{T as Ne}from"./MailingDetailsSection-zYhyH_Di-D4yENJST.js";import{M as Te}from"./MagicLinkTitleSection-hjUfjUKg-BSNiuVs0.js";const U={tooltipRightPosition:new l(i[6],i[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},Ee=({protectedInfoText:e})=>{const o=R();return t.jsxs(We,{children:[t.jsx(Re,{}),t.jsx(Fe,{className:"info-tooltip",windowSize:o,children:t.jsx(Oe,{children:e})})]})};function ze({type:e,name:o,placeholder:a,placeholderAlignment:b,autoComplete:s="off",autoCapitalize:x="off",autoTrim:v="off",isDisabled:g,defaultValue:A,style:I,hoverBgColor:k,registerOptions:L,protectedInfoText:w,isSaveError:$=!1,buttonProps:y,disableCopyPaste:c=!1}){const{control:r,register:p,formState:{errors:S},setFocus:h}=_(),P=X(S,o),j=Object.assign({},L),{label:f,isDisabled:F,fetchState:V,onButtonClick:O}=y;switch(e){case"email":Object.assign(j,{pattern:ke});break;case"number":Object.assign(j,{valueAsNumber:!0});break;case"url":Object.assign(j,{pattern:xe})}const H=g==="disabled"||g==="readonly"||w!=null;return w!=null?t.jsxs(Ve,{style:I,children:[t.jsx(Ee,{protectedInfoText:w}),t.jsx(Me,{id:o,children:A})]}):t.jsx(Pe,{isError:P,fetchState:V,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:y.keepButtonVisible,isButtonHidden:y.isHidden,children:t.jsx(we,{name:o,control:r,rules:{...L},defaultValue:A??"","data-testid":M("text-field-with-button",o),render:({field:{onChange:q,onBlur:G,value:E,ref:N}})=>t.jsxs(t.Fragment,{children:[t.jsx(De,{type:e==="password"||e==="hidden"?e:void 0,isError:P,style:I,placeholder:a,disabled:H,...p(o,j),id:o,ref:N,value:E,autoComplete:s,placeholderAlignment:b,hoverBgColor:k,isSaveError:$,onBlur:G,onChange:q,"data-testid":M("text-field-with-button-input",o),onInput:m=>{const u=m.target;switch(x){case"off":break;case"characters":u.value=u.value.toLocaleUpperCase();break;case"words":u.value=u.value.charAt(0).toLocaleUpperCase().concat(u.value.slice(1));break}switch(v){case"off":break;case"trimStart":u.value=u.value.trimStart();break;case"trimEnd":u.value=u.value.trimEnd();break;case"trim":u.value=u.value.trim();break}},onPaste:m=>{c&&m.preventDefault()},onCopy:m=>{c&&m.preventDefault()},keepButtonVisible:y.keepButtonVisible}),t.jsx(ye,{label:f,onClick:m=>{m.stopPropagation(),h(o),setTimeout(()=>{O()})},style:{outline:"none"},size:"xs-small",disabled:F,variant:"success",reverseSpinnerColor:!0,loading:V==="In-Progress","data-testid":M("text-field-button",`${o}-${f}`)})]})})})}const De=n(je)`
   display: flex;
   border-width: ${d.sp0};
   outline-width: ${d.sp0};
@@ -23,7 +23,7 @@ import{X as R,a as le,M as Y,c6 as se,B as de,l as ee,j as t,bR as ce,bT as ue,b
   &:disabled {
     background-color: ${e=>e.theme.colors.grey5};
   }
-`,ze=n.div`
+`,Pe=n.div`
   position: relative;
   button {
     display: ${e=>e.keepButtonVisible?"flex":"none"};
@@ -68,12 +68,12 @@ import{X as R,a as le,M as Y,c6 as se,B as de,l as ee,j as t,bR as ce,bT as ue,b
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${d.sp1};
   z-index: 1;
-  right: ${e=>Z.tooltipRightPosition.valuePx(e.windowSize)};
-  width: ${e=>Z.tooltipWidth.valuePx(e.windowSize)};
-  top: ${e=>Z.tooltipTopPosition.valuePx(e.windowSize)};
+  right: ${e=>U.tooltipRightPosition.valuePx(e.windowSize)};
+  width: ${e=>U.tooltipWidth.valuePx(e.windowSize)};
+  top: ${e=>U.tooltipTopPosition.valuePx(e.windowSize)};
 `,Oe=n(Ae)`
   color: ${e=>e.theme.colors.grey5};
-`,B={width:new l(343,580,726),height:new l(i[6],i[6]),controlHeight:new l(i[6],i[6]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},He={infoLabel:new Ce("extraSmallRegular","smallRegular")};function qe({isDisabled:e,label:o,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:x=!0,protectedInfoText:v,isSaveError:g,showTickIcon:A,showErrorInfoLabel:I,errorInfoLabel:k,disableCopyPaste:L=!1,showTooltip:w=!1,tooltipTitle:$,onBlur:y}){const c=R(),{formState:{errors:r}}=_(),p=J(r,a.name);return t.jsxs(Ue,{size:c,style:b,isDisabled:e!=null,isError:p,"data-testid":M("labeled-text-field-with-button",a.name),children:[t.jsx(ge,{isDisabled:e,label:o.label,style:{marginLeft:B.labelMarginLeft.value(c),marginRight:B.labelMarginRight.value(c),marginTop:B.labelMarginTop.value(c),width:o.width??"auto"},showTooltip:w,tooltipTitle:$}),t.jsxs(Ge,{labelWidth:o.width,children:[t.jsx(De,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:B.controlHeight.value(c),cursor:"inherit"},protectedInfoText:v,isSaveError:g,onBlur:y,disableCopyPaste:L}),(x||p)&&t.jsxs(oe,{size:c,isError:p,children:[A===!0?t.jsx(Ke,{children:t.jsx(Ze,{})}):null,s]}),I===!0&&t.jsx(oe,{size:c,isError:!0,children:k})]})]})}const Ue=n.div`
+`,B={width:new l(343,580,726),height:new l(i[6],i[6]),controlHeight:new l(i[6],i[6]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},He={infoLabel:new Ce("extraSmallRegular","smallRegular")};function qe({isDisabled:e,label:o,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:x=!0,protectedInfoText:v,isSaveError:g,showTickIcon:A,showErrorInfoLabel:I,errorInfoLabel:k,disableCopyPaste:L=!1,showTooltip:w=!1,tooltipTitle:$,onBlur:y}){const c=R(),{formState:{errors:r}}=_(),p=X(r,a.name);return t.jsxs(Ge,{size:c,style:b,isDisabled:e!=null,isError:p,"data-testid":M("labeled-text-field-with-button",a.name),children:[t.jsx(ge,{isDisabled:e,label:o.label,style:{marginLeft:B.labelMarginLeft.value(c),marginRight:B.labelMarginRight.value(c),marginTop:B.labelMarginTop.value(c),width:o.width??"auto"},showTooltip:w,tooltipTitle:$}),t.jsxs(Ke,{labelWidth:o.width,children:[t.jsx(ze,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:B.controlHeight.value(c),cursor:"inherit"},protectedInfoText:v,isSaveError:g,onBlur:y,disableCopyPaste:L}),(x||p)&&t.jsxs(oe,{size:c,isError:p,children:[A===!0?t.jsx(Qe,{children:t.jsx(Ue,{})}):null,s]}),I===!0&&t.jsx(oe,{size:c,isError:!0,children:k})]})]})}const Ge=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -113,7 +113,7 @@ import{X as R,a as le,M as Y,c6 as se,B as de,l as ee,j as t,bR as ce,bT as ue,b
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?C.importantLight:e.theme.colors.background};
     }
   }
-`,Ge=n.div`
+`,Ke=n.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
@@ -125,15 +125,15 @@ import{X as R,a as le,M as Y,c6 as se,B as de,l as ee,j as t,bR as ce,bT as ue,b
   ${e=>`${He.infoLabel.style(e.size)}`};
   padding-right: ${d.sp3};
   text-align: right;
-`,Ke=n.div`
+`,Qe=n.div`
   display: flex;
   margin-right: ${d.sp1};
   align-items: center;
-`,Ze=n(ve)`
+`,Ue=n(ve)`
   width: ${d.sp3};
   height: ${d.sp3};
   color: ${C.successDark};
-`,ie={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Qe=({sectionId:e,bankNameBySwift:o,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:x,style:v})=>{const g=R(),{getValues:A,setValue:I,formState:{errors:k}}=_(),{fetchState:L}=s,w=te(s.fetchState),$=te(a?.bankSwiftCode),y=J(k,D(e,"bankSwiftCode"));W.useEffect(()=>{(w==="In-Progress"||$!=null&&$!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(o).includes(a?.bankSwiftCode)&&o[a?.bankSwiftCode].bankName&&I(D(e,"bankName"),o[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,w,$]);const c=Y.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=c,p=ie.largeLabelWidth.value(g),S=ie.veryLargeLabelWidth.value(g);return t.jsx(Ye,{style:v,children:t.jsxs(_e,{children:[t.jsx(qe,{label:{label:r.swiftCode,width:p},text:{type:"text",name:D(e,"bankSwiftCode"),placeholder:r.addSwiftCode,defaultValue:a?.bankSwiftCode,registerOptions:{required:!0,pattern:G},autoCapitalize:"characters",autoTrim:"trim",buttonProps:{label:r.verify,isDisabled:G.test(a?.bankSwiftCode??"")===!1,isHidden:s.fetchState==="Completed",keepButtonVisible:G.test(a?.bankSwiftCode??"")===!0&&s.fetchState!=="Completed",fetchState:L,onButtonClick:()=>{a?.bankSwiftCode!=null&&x(a.bankSwiftCode)}}},isDisabled:b,style:{width:"auto"},additionalInfoLabel:a?.bankName?a?.bankName:void 0,showTickIcon:!!a?.bankName,showAdditionalInfoLabel:!y,errorInfoLabel:r.invalidSwiftCode}),t.jsx(Q,{}),t.jsx(K,{label:{label:r.iban,width:p},text:{type:"text",name:D(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ae}},isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.invalidIban}),t.jsx(Q,{}),t.jsx(K,{label:{label:r.confirmIban,width:S},text:{type:"text",name:D(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ae,validate:m=>m!=null?A(`${e}.bankAccountIban`)===m:!1}},disableCopyPaste:!0,isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.ibanDontMatch}),t.jsx(Q,{}),t.jsx(K,{label:{label:r.accountNickName,width:p},text:{type:"text",name:D(e,"bankAccountName"),placeholder:fe(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},D=(e,o)=>`${e}.${o}`,Ye=n.div`
+`,ie={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Ye=({sectionId:e,bankNameBySwift:o,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:x,style:v})=>{const g=R(),{getValues:A,setValue:I,formState:{errors:k}}=_(),{fetchState:L}=s,w=te(s.fetchState),$=te(a?.bankSwiftCode),y=X(k,z(e,"bankSwiftCode"));W.useEffect(()=>{(w==="In-Progress"||$!=null&&$!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(o).includes(a?.bankSwiftCode)&&o[a?.bankSwiftCode].bankName&&I(z(e,"bankName"),o[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,w,$]);const c=Z.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=c,p=ie.largeLabelWidth.value(g),S=ie.veryLargeLabelWidth.value(g);return t.jsx(Ze,{style:v,children:t.jsxs(_e,{children:[t.jsx(qe,{label:{label:r.swiftCode,width:p},text:{type:"text",name:z(e,"bankSwiftCode"),placeholder:r.addSwiftCode,defaultValue:a?.bankSwiftCode,registerOptions:{required:!0,pattern:K},autoCapitalize:"characters",autoTrim:"trim",buttonProps:{label:r.verify,isDisabled:K.test(a?.bankSwiftCode??"")===!1,isHidden:s.fetchState==="Completed",keepButtonVisible:K.test(a?.bankSwiftCode??"")===!0&&s.fetchState!=="Completed",fetchState:L,onButtonClick:()=>{a?.bankSwiftCode!=null&&x(a.bankSwiftCode)}}},isDisabled:b,style:{width:"auto"},additionalInfoLabel:a?.bankName?a?.bankName:void 0,showTickIcon:!!a?.bankName,showAdditionalInfoLabel:!y,errorInfoLabel:r.invalidSwiftCode}),t.jsx(Y,{}),t.jsx(Q,{label:{label:r.iban,width:p},text:{type:"text",name:z(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ae}},isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.invalidIban}),t.jsx(Y,{}),t.jsx(Q,{label:{label:r.confirmIban,width:S},text:{type:"text",name:z(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:ae,validate:h=>h!=null?A(`${e}.bankAccountIban`)===h:!1}},disableCopyPaste:!0,isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.ibanDontMatch}),t.jsx(Y,{}),t.jsx(Q,{label:{label:r.accountNickName,width:p},text:{type:"text",name:z(e,"bankAccountName"),placeholder:fe(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},z=(e,o)=>`${e}.${o}`,Ze=n.div`
   display: flex;
   flex-direction: column;
 `,_e=n.div`
@@ -143,17 +143,17 @@ import{X as R,a as le,M as Y,c6 as se,B as de,l as ee,j as t,bR as ce,bT as ue,b
   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`
+`,Y=n.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,N={paddingTopBottomContainer:new l(i[3],i[3]),paddingLeftContainer:new l(i[3],i[6]),paddingRightContainer:new l(i[3],i[8]),marginLeft:new l(i[4],i[6]),buttonWidth:new l(140,140)},ne="internationalDetailsPage",P="internationalWireSwiftAccountSection",Je="mailingAddressSection",re=e=>`${e}_form`,ct=({bankAccountCreationState:e,bankNameBySwift:o,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:x,mailingAddress:v,isDisabled:g,style:A,companyName:I,isMagicLink:k,currencySymbol:L,amount:w,onSaveHandler:$,onBankDetailsUpdated:y,onFetchBankNameBySwift:c,onAddressClick:r,onBackClick:p})=>{const S=R(),m=le({mode:"all",reValidateMode:"onBlur",defaultValues:W.useMemo(()=>Xe(s),[s])}),[z,j]=W.useState(!1),f=Y.getLocalizedStrings().spendManagement.billPay.vendorCreation,F=Y.getLocalizedStrings().common.footer,{international:V}=f.wireDetails,O={onOkClick:()=>{j(!1),m.reset(),p?.()},onCancelClick:()=>{j(!1)}},H=async(E,T)=>{const h=T[P].bankName,u=T[P].bankSwiftCode,X=Object.assign({},T);E===`${P}.bankSwiftCode`&&(h||!h&&o[u]?.bankName)&&(X[P].bankName=o[u]?.bankName??""),y(X)};W.useEffect(()=>{const E=m.watch((T,{name:h})=>{h!=null&&T!=null&&se(()=>H(h,T))});return()=>{E.unsubscribe()}});const q=m.handleSubmit(E=>{b.fetchState!=="In-Progress"&&$("wire")}),U=!de(v!=null?ee.getFormattedAddress(v):v,x!=null?ee.getFormattedAddress(x):x)||et(s)||m.formState.isDirty;return t.jsxs(at,{children:[t.jsxs(ot,{style:A,size:S,children:[z===!0?t.jsx(ce,{titleComponent:t.jsx(be,{children:f.discardTitle}),descriptionComponent:t.jsx(ue,{children:f.discardDescription}),primaryButtonText:f.discard,secondaryButtonText:f.cancel,action:O}):null,t.jsx(Ie,{header:k?t.jsx(Ne,{companyName:I??"",currencySymbol:L??"",amount:w??0}):V.addInternationalWireDetails,isMagicLink:k,isDirty:U,onBackClick:p,setShowConfirmationPopup:j}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Le,{warningText:f.bankAccountCommon.accountExistWarning}):null,t.jsx(it,{size:S,children:f.bankAccountCommon.accountDetailsTitle}),t.jsx(pe,{...m,children:t.jsxs("form",{id:re(ne),onSubmit:q,children:[t.jsx(tt,{size:S,children:t.jsx(Qe,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:b,sectionId:P,isDisabled:g,onFetchBankNameBySwift:c})}),t.jsx(Te,{sectionId:Je,isDisabled:g,addressType:a,addressToEdit:x,onAddressClick:r})]})})]}),t.jsx(he,{formId:re(ne),primaryBtn:{label:k?f.bankAccountCommon.submitDetails:f.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:N.buttonWidth.value(S)},isDisabled:g!=null},showCancel:!k,cancelBtn:{label:F.cancel,style:{width:N.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{m.formState.isDirty?j(!0):(m.reset(),p?.())}}})]})},Xe=e=>({[P]:{bankSwiftCode:e?.bankSwiftCode,bankName:e?.bankName??"",bankAccountIban:e?.bankAccountIban,confirmedBankAccountIban:e?.confirmedBankAccountIban,bankAccountName:e?.bankAccountName}}),et=e=>{if(e==null)return!1;const{bankAccountName:o,bankSwiftCode:a,bankName:b,bankAccountIban:s}=e;return!!o||!!a||!!b||!!s},tt=n.div`
-  padding-left: ${e=>N.paddingLeftContainer.valuePx(e.size)};
-  padding-right: ${e=>N.paddingRightContainer.valuePx(e.size)};
-  padding-top: ${e=>N.paddingTopBottomContainer.valuePx(e.size)};
-  padding-bottom: ${e=>N.paddingTopBottomContainer.valuePx(e.size)};
+`,T={paddingTopBottomContainer:new l(i[3],i[3]),paddingLeftContainer:new l(i[3],i[6]),paddingRightContainer:new l(i[3],i[8]),marginLeft:new l(i[4],i[6]),buttonWidth:new l(140,140)},ne="internationalDetailsPage",D="internationalWireSwiftAccountSection",Xe="mailingAddressSection",re=e=>`${e}_form`,ct=({bankAccountCreationState:e,bankNameBySwift:o,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:x,mailingAddress:v,isDisabled:g,style:A,companyName:I,isMagicLink:k,currencySymbol:L,amount:w,onSaveHandler:$,onBankDetailsUpdated:y,onFetchBankNameBySwift:c,onAddressClick:r,onBackClick:p})=>{const S=R(),h=le({mode:"all",reValidateMode:"onBlur",defaultValues:W.useMemo(()=>Je(s),[s])}),[P,j]=W.useState(!1),f=Z.getLocalizedStrings().spendManagement.billPay.vendorCreation,F=Z.getLocalizedStrings().common.footer,{international:V}=f.wireDetails,O={onOkClick:()=>{j(!1),h.reset(),p?.()},onCancelClick:()=>{j(!1)}},H=async(E,N)=>{const m=N[D].bankName,u=N[D].bankSwiftCode,J=Object.assign({},N);E===`${D}.bankSwiftCode`&&(m||!m&&o[u]?.bankName)&&(J[D].bankName=o[u]?.bankName??""),y(J)};W.useEffect(()=>{const E=h.watch((N,{name:m})=>{m!=null&&N!=null&&se(()=>H(m,N))});return()=>{E.unsubscribe()}});const q=h.handleSubmit(E=>{b.fetchState!=="In-Progress"&&$("wire")}),G=!de(v!=null?ee.getFormattedAddress(v):v,x!=null?ee.getFormattedAddress(x):x)||et(s)||h.formState.isDirty;return t.jsxs(at,{children:[t.jsxs(ot,{style:A,size:S,children:[P===!0?t.jsx(ce,{titleComponent:t.jsx(be,{children:f.discardTitle}),descriptionComponent:t.jsx(ue,{children:f.discardDescription}),primaryButtonText:f.discard,secondaryButtonText:f.cancel,action:O}):null,t.jsx(Ie,{header:k?t.jsx(Te,{companyName:I??"",currencySymbol:L??"",amount:w??0}):V.addInternationalWireDetails,isMagicLink:k,isDirty:G,onBackClick:p,setShowConfirmationPopup:j}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Le,{warningText:f.bankAccountCommon.accountExistWarning}):null,t.jsx(it,{size:S,children:f.bankAccountCommon.accountDetailsTitle}),t.jsx(pe,{...h,children:t.jsxs("form",{id:re(ne),onSubmit:q,children:[t.jsx(tt,{size:S,children:t.jsx(Ye,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:b,sectionId:D,isDisabled:g,onFetchBankNameBySwift:c})}),t.jsx(Ne,{sectionId:Xe,isDisabled:g,addressType:a,addressToEdit:x,onAddressClick:r})]})})]}),t.jsx(me,{formId:re(ne),primaryBtn:{label:k?f.bankAccountCommon.submitDetails:f.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:T.buttonWidth.value(S)},isDisabled:g!=null},showCancel:!k,cancelBtn:{label:F.cancel,style:{width:T.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{h.formState.isDirty?j(!0):(h.reset(),p?.())}}})]})},Je=e=>({[D]:{bankSwiftCode:e?.bankSwiftCode,bankName:e?.bankName??"",bankAccountIban:e?.bankAccountIban,confirmedBankAccountIban:e?.confirmedBankAccountIban,bankAccountName:e?.bankAccountName}}),et=e=>{if(e==null)return!1;const{bankAccountName:o,bankSwiftCode:a,bankName:b,bankAccountIban:s}=e;return!!o||!!a||!!b||!!s},tt=n.div`
+  padding-left: ${e=>T.paddingLeftContainer.valuePx(e.size)};
+  padding-right: ${e=>T.paddingRightContainer.valuePx(e.size)};
+  padding-top: ${e=>T.paddingTopBottomContainer.valuePx(e.size)};
+  padding-bottom: ${e=>T.paddingTopBottomContainer.valuePx(e.size)};
 `,at=n.div`
   background-color: ${e=>e.theme.colors.grey4};
   display: flex;
@@ -164,8 +164,8 @@ import{X as R,a as le,M as Y,c6 as se,B as de,l as ee,j as t,bR as ce,bT as ue,b
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-`,it=n(me)`
+`,it=n(he)`
   color: ${e=>e.theme.colors.champion};
-  margin-left: ${e=>N.marginLeft.valuePx(e.size)};
+  margin-left: ${e=>T.marginLeft.valuePx(e.size)};
   margin-top: ${d.sp3};
 `;export{ct as f};

package/dist/assets/{InternationalWireVerificationPage-BLU4F--p-CJDTcopv.js → InternationalWireVerificationPage-IyDI0e1n-DHyr06eY.js}

@@ -1,4 +1,4 @@
-import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d as de,F as ce,a3 as ue,o as i,C as g,f as Q,k8 as X,l as V,cA as pe,s as K,Q as me,cC as he,q as L,p as d,cf as ge,cg as fe,cp as xe,g as T,cj as be,cr as we,cs as ye,b1 as $e,b2 as F,k9 as ve,a2 as Z,a$ as Se}from"./index-BQuxwdpl.js";import{b as _,n as u}from"./vendor-CnQcJ2Lu.js";import{Y as je}from"./LabeledDocumentField-DLd6UnEn-o-XnUJ1D.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Fe=({name:e,registerOptions:a,defaultValue:r,isDisabled:m,style:s,placeholder:n})=>{const{control:f,formState:{errors:I}}=be(),P=G(),z=we(I,e??""),x=l=>({value:l.value,label:l.label}),w=l=>l.map(p=>x(p)),O=l=>{if(!(l==null||!l))return{value:l,label:r.allOptions.find(p=>p.value===l)?.label??l}},h=l=>l.map(p=>O(p)),k={container:l=>({...l,width:"100%",...s}),menu:l=>({...l,backgroundColor:P.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${P.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:l=>({...l,borderRadius:i.sp1})},y={hasError:z};return t.jsx(ye,{name:e,control:f,defaultValue:r,rules:a,render:({field:{onChange:l,onBlur:p,value:v,ref:E}})=>t.jsx($e,{...y,ref:E,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:n,value:h(v.selectedOptions),options:w(v.allOptions),onChange:o=>{l({selectedOptions:o.map(c=>c?.value),allOptions:v.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:p,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:De,Option:Me,Input:ke,MultiValue:Ce,MultiValueLabel:Ie,MultiValueRemove:ze,ValueContainer:Pe,DropdownIndicator:He,IndicatorSeparator:qe,Placeholder:Ee,ClearIndicator:Oe},hideSelectedOptions:!1,styles:k,isDisabled:m!=null})})},De=e=>{const{menuIsOpen:a,isFocused:r,isDisabled:m,selectProps:s}=e,{value:n,hasError:f}=s;return t.jsx(Ve,{menuIsOpen:a,isFocused:r,isDisabled:m,optionsLen:n.length,hasError:f,children:t.jsx(F.Control,{...e,className:"select-control",children:e.children})})},Pe=e=>{const{selectProps:a}=e,{value:r}=a;return t.jsxs(F.ValueContainer,{...e,className:"select-value-container",children:[e.children,t.jsx(Le,{className:"selected-options",children:r.map(m=>m.label).join(", ")})]})},ke=e=>{const{selectProps:a}=e,{placeholder:r,value:m}=a;return t.jsx(F.Input,{...e,autoComplete:"new-password",placeholder:m.length===0?r:void 0,children:e.children})},Ce=e=>t.jsx(F.MultiValue,{...e,children:e.children}),Ie=e=>{const{data:a}=e;return t.jsx(F.MultiValueLabel,{...e,children:a.label})},ze=e=>t.jsx(F.MultiValueRemove,{...e,children:t.jsx(ee,{style:{marginTop:"2px"}})}),Oe=e=>t.jsx(F.ClearIndicator,{...e,children:t.jsx(ee,{})}),Ee=()=>null,Me=e=>{const{isSelected:a,isDisabled:r,isFocused:m}=e;return t.jsx(Be,{isFocused:m,isSelected:a,isDisabled:r,children:t.jsx(F.Option,{...e,className:"select-option",children:t.jsxs(Re,{children:[t.jsx(ve,{countryCode3:e.value}),t.jsx(_e,{children:t.jsx(Te,{isSelected:a,isDisabled:r,children:e.label})}),a?t.jsxs(Ne,{children:[t.jsx(We,{className:"right-tick-icon"}),t.jsx(Z,{className:"close-tick-icon"})]}):null]})})})},Ve=u.div`
+import{u as G,X as U,M as Q,j as t,i as q,a1 as ae,a as re,c3 as ne,aV as se,c as de,F as ce,a3 as ue,o as i,C as g,e as J,k6 as X,l as V,cx as pe,s as K,Q as me,cz as he,p as B,m as d,cc as ge,cd as fe,cm as xe,g as _,cg as be,co as we,cp as ye,b1 as $e,b2 as F,k7 as ve,a2 as Z,a$ as Se}from"./index-rGMXK0Rc.js";import{b as T,n as u}from"./vendor-CnQcJ2Lu.js";import{Y as je}from"./LabeledDocumentField-BKVHT_ih-cMXijjYr.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Fe=({name:e,registerOptions:a,defaultValue:r,isDisabled:m,style:s,placeholder:n})=>{const{control:f,formState:{errors:I}}=be(),P=G(),z=we(I,e??""),x=l=>({value:l.value,label:l.label}),w=l=>l.map(p=>x(p)),O=l=>{if(!(l==null||!l))return{value:l,label:r.allOptions.find(p=>p.value===l)?.label??l}},h=l=>l.map(p=>O(p)),k={container:l=>({...l,width:"100%",...s}),menu:l=>({...l,backgroundColor:P.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${P.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:l=>({...l,borderRadius:i.sp1})},y={hasError:z};return t.jsx(ye,{name:e,control:f,defaultValue:r,rules:a,render:({field:{onChange:l,onBlur:p,value:v,ref:E}})=>t.jsx($e,{...y,ref:E,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:n,value:h(v.selectedOptions),options:w(v.allOptions),onChange:o=>{l({selectedOptions:o.map(c=>c?.value),allOptions:v.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:p,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:De,Option:Me,Input:ke,MultiValue:Ce,MultiValueLabel:Ie,MultiValueRemove:ze,ValueContainer:Pe,DropdownIndicator:He,IndicatorSeparator:Ue,Placeholder:Ee,ClearIndicator:Oe},hideSelectedOptions:!1,styles:k,isDisabled:m!=null})})},De=e=>{const{menuIsOpen:a,isFocused:r,isDisabled:m,selectProps:s}=e,{value:n,hasError:f}=s;return t.jsx(Ve,{menuIsOpen:a,isFocused:r,isDisabled:m,optionsLen:n.length,hasError:f,children:t.jsx(F.Control,{...e,className:"select-control",children:e.children})})},Pe=e=>{const{selectProps:a}=e,{value:r}=a;return t.jsxs(F.ValueContainer,{...e,className:"select-value-container",children:[e.children,t.jsx(Be,{className:"selected-options",children:r.map(m=>m.label).join(", ")})]})},ke=e=>{const{selectProps:a}=e,{placeholder:r,value:m}=a;return t.jsx(F.Input,{...e,autoComplete:"new-password",placeholder:m.length===0?r:void 0,children:e.children})},Ce=e=>t.jsx(F.MultiValue,{...e,children:e.children}),Ie=e=>{const{data:a}=e;return t.jsx(F.MultiValueLabel,{...e,children:a.label})},ze=e=>t.jsx(F.MultiValueRemove,{...e,children:t.jsx(ee,{style:{marginTop:"2px"}})}),Oe=e=>t.jsx(F.ClearIndicator,{...e,children:t.jsx(ee,{})}),Ee=()=>null,Me=e=>{const{isSelected:a,isDisabled:r,isFocused:m}=e;return t.jsx(Le,{isFocused:m,isSelected:a,isDisabled:r,children:t.jsx(F.Option,{...e,className:"select-option",children:t.jsxs(Re,{children:[t.jsx(ve,{countryCode3:e.value}),t.jsx(Te,{children:t.jsx(_e,{isSelected:a,isDisabled:r,children:e.label})}),a?t.jsxs(Ne,{children:[t.jsx(We,{className:"right-tick-icon"}),t.jsx(Z,{className:"close-tick-icon"})]}):null]})})})},Ve=u.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
@@ -12,7 +12,7 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
 
     &:hover {
       fill: ${e=>e.theme.colors.primary};
-     background-color: ${e=>e.hasError?T.importantLight:e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+     background-color: ${e=>e.hasError?_.importantLight:e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
       border: none;
     }
 
@@ -49,7 +49,7 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
     flex-wrap: wrap;
     cursor: pointer;
 
-    ${L.extraSmallRegular.css}
+    ${B.extraSmallRegular.css}
 
     .selected-options {
       display: ${e=>e.isFocused?"none":"block"};
@@ -77,11 +77,11 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
     .multi-select-field__input-container {
       display: flex;
       width: ${e=>e.isFocused===!1&&e.optionsLen===0?"100%":e.isFocused===!1&&e.optionsLen>0?i.sp0:"fit-content"};
-      ${L.standardRegular.css};
+      ${B.standardRegular.css};
       color: ${e=>e.theme.colors.primary};
       margin: ${i.sp0};
       cursor: inherit;
-      color: ${e=>e.hasError?T.important:e.theme.colors.primary};
+      color: ${e=>e.hasError?_.important:e.theme.colors.primary};
 
       > input {
         text-align: ${e=>e.isFocused===!1&&e.optionsLen===0?"right":"initial"};
@@ -91,7 +91,7 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
         cursor: inherit;
 
         ::placeholder {
-          color: ${e=>e.hasError?T.important:e.theme.colors.grey1};
+          color: ${e=>e.hasError?_.important:e.theme.colors.grey1};
         }
         }
 
@@ -105,7 +105,7 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
       color: inherit;
       padding: 0;
       margin-right: ${i.sp1};
-      ${L.standardRegular.css};
+      ${B.standardRegular.css};
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
@@ -119,16 +119,16 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
       }
     }
   }
-`,Le=u(K)`
+`,Be=u(K)`
   color: ${e=>e.theme.colors.primary};
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: right;
-`,Be=u.div`
+`,Le=u.div`
   .select-option {
-    ${L.smallRegular.css};
+    ${B.smallRegular.css};
     height: ${i.sp6};
     padding: 9px ${i.sp3};
     color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
@@ -158,13 +158,13 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-`,Te=u.label`
+`,_e=u.label`
   padding-right: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
-`,_e=u.div`
+`,Te=u.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -179,7 +179,7 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.primary};
-`,He=()=>null,qe=()=>null,$={width:new g(343,580,726),height:new g(d[6],d[6]),controlHeight:new g(d[6],d[6]),paddingTopBottom:new g(d[2],d[2]),marginRight:new g(d[2],d[2]),labelMarginLeft:new g(d[3],d[4]),labelMarginRight:new g(d[3],d[4]),labelMarginTop:new g(d[2],d[2])};function Ae({isDisabled:e,label:a,multiSelectField:r,style:m}){const s=q();return t.jsxs(Ue,{size:s,style:m,isDisabled:e!=null,children:[t.jsx(xe,{isDisabled:e,label:a.label,htmlFor:r.name,style:{marginLeft:$.labelMarginLeft.value(s),marginRight:$.labelMarginRight.value(s),marginTop:$.labelMarginTop.value(s),width:a.width??"auto"}}),t.jsx(Fe,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",minHeight:$.controlHeight.value(s)}})]})}const Ue=u.div`
+`,He=()=>null,Ue=()=>null,$={width:new g(343,580,726),height:new g(d[6],d[6]),controlHeight:new g(d[6],d[6]),paddingTopBottom:new g(d[2],d[2]),marginRight:new g(d[2],d[2]),labelMarginLeft:new g(d[3],d[4]),labelMarginRight:new g(d[3],d[4]),labelMarginTop:new g(d[2],d[2])};function qe({isDisabled:e,label:a,multiSelectField:r,style:m}){const s=U();return t.jsxs(Ae,{size:s,style:m,isDisabled:e!=null,children:[t.jsx(xe,{isDisabled:e,label:a.label,htmlFor:r.name,style:{marginLeft:$.labelMarginLeft.value(s),marginRight:$.labelMarginRight.value(s),marginTop:$.labelMarginTop.value(s),width:a.width??"auto"}}),t.jsx(Fe,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",minHeight:$.controlHeight.value(s)}})]})}const Ae=u.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -225,10 +225,10 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
       background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
     }
   }
-`,U={largeLabelWidth:new g(150,210,252),paddingBottom:new g(d[3],d[2])},Ye=({sectionId:e,internationalOnboardingDetails:a,filesEndPoint:r,authParams:m,isReadonly:s,deleteFileStatusById:n,updateFileStatusById:f,onEditFileName:I,onDeleteFile:P,updateFilesEntity:z})=>{const x=q(),{verificationFormLocalData:w}=a,{dateFormat:{visual:O},common:{documents:h},commonSetUp:{businessVerification:k},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:y}}}}}=J.getLocalizedStrings(),l=U.largeLabelWidth.value(x),[p,v]=_.useState(!1),E=a.verificationFormFields.slice().sort((o,c)=>o.type==="file"&&c.type!=="file"?-1:0);return t.jsx(Ge,{children:t.jsx(Je,{children:E.map(o=>{switch(o.type){case"file":return t.jsxs(t.Fragment,{children:[t.jsx(je,{name:S(e,o.name),isDisabled:s,sizeLimit:fe,deleteFileStatusById:n,updateFileStatusById:f,filesEndPoint:r,authParams:m,label:{label:o.label,width:l},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:a.userFiles.find(c=>c.fileId===w[o.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:p,updateFilesEntity:z,onEditFileName:I,onDeleteFile:P,onFileSizeError:c=>v(c),placeholderText:k.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},S(e,o.name)),s!=="readonly"?t.jsx(Qe,{windowSize:x,isError:!1,children:h.formatDocumentText10MB}):null,t.jsx(R,{})]});case"date":return t.jsxs(t.Fragment,{children:[t.jsx(ge,{isDisabled:s,label:{label:o.label+y.colon,width:l},style:{paddingBottom:U.paddingBottom.valuePx(x)},dateField:{name:S(e,o.name),placeholder:o.placeholder,defaultValue:w[o.name]?V.zeniDate(w[o.name]):void 0,dateFormat:O.defaultInput,maxDate:V.dateNow().subtract(1,"day"),minDate:V.zeniDate("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},S(e,o.name)),t.jsx(R,{})]});case"enum":return o.isMultipleValuesAllowed===!1?t.jsxs(t.Fragment,{children:[t.jsx(he,{isDisabled:s,label:{label:o.label+y.colon,width:l},singleSelectPickerField:{name:S(e,o.name),placeholder:o.placeholder,optionHeight:d[6],optionTextStyle:L.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},defaultValue:{selectedOption:w[o.name],allOptions:o.fieldValues.map(c=>({label:c.description,value:c.code}))}}},S(e,o.name)),t.jsx(R,{})]}):t.jsx(Ae,{isDisabled:s,label:{label:o.label+y.colon,width:l},style:{zIndex:0},multiSelectField:{name:S(e,o.name),placeholder:o.placeholder,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOptions&&c.selectedOptions.length>0},defaultValue:X(w[o.name],o.fieldValues.map(c=>c.code))}},S(e,o.name));default:return t.jsx(R,{})}})})})},S=(e,a)=>`${e}.formData.${a}`,Ge=u.div`
+`,A={largeLabelWidth:new g(150,210,252),paddingBottom:new g(d[3],d[2])},Ye=({sectionId:e,internationalOnboardingDetails:a,filesEndPoint:r,authParams:m,isReadonly:s,deleteFileStatusById:n,updateFileStatusById:f,onEditFileName:I,onDeleteFile:P,updateFilesEntity:z})=>{const x=U(),{verificationFormLocalData:w}=a,{dateFormat:{visual:O},common:{documents:h},commonSetUp:{businessVerification:k},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:y}}}}}=Q.getLocalizedStrings(),l=A.largeLabelWidth.value(x),[p,v]=T.useState(!1),E=a.verificationFormFields.slice().sort((o,c)=>o.type==="file"&&c.type!=="file"?-1:0);return t.jsx(Ge,{children:t.jsx(Qe,{children:E.map(o=>{switch(o.type){case"file":return t.jsxs(t.Fragment,{children:[t.jsx(je,{name:S(e,o.name),isDisabled:s,sizeLimit:fe,deleteFileStatusById:n,updateFileStatusById:f,filesEndPoint:r,authParams:m,label:{label:o.label,width:l},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:a.userFiles.find(c=>c.fileId===w[o.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:p,updateFilesEntity:z,onEditFileName:I,onDeleteFile:P,onFileSizeError:c=>v(c),placeholderText:k.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},S(e,o.name)),s!=="readonly"?t.jsx(Je,{windowSize:x,isError:!1,children:h.formatDocumentText10MB}):null,t.jsx(R,{})]});case"date":return t.jsxs(t.Fragment,{children:[t.jsx(ge,{isDisabled:s,label:{label:o.label+y.colon,width:l},style:{paddingBottom:A.paddingBottom.valuePx(x)},dateField:{name:S(e,o.name),placeholder:o.placeholder,defaultValue:w[o.name]?V.zeniDate(w[o.name]):void 0,dateFormat:O.defaultInput,maxDate:V.dateNow().subtract(1,"day"),minDate:V.zeniDate("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},S(e,o.name)),t.jsx(R,{})]});case"enum":return o.isMultipleValuesAllowed===!1?t.jsxs(t.Fragment,{children:[t.jsx(he,{isDisabled:s,label:{label:o.label+y.colon,width:l},singleSelectPickerField:{name:S(e,o.name),placeholder:o.placeholder,optionHeight:d[6],optionTextStyle:B.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},defaultValue:{selectedOption:w[o.name],allOptions:o.fieldValues.map(c=>({label:c.description,value:c.code}))}}},S(e,o.name)),t.jsx(R,{})]}):t.jsx(qe,{isDisabled:s,label:{label:o.label+y.colon,width:l},style:{zIndex:0},multiSelectField:{name:S(e,o.name),placeholder:o.placeholder,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOptions&&c.selectedOptions.length>0},defaultValue:X(w[o.name],o.fieldValues.map(c=>c.code))}},S(e,o.name));default:return t.jsx(R,{})}})})})},S=(e,a)=>`${e}.formData.${a}`,Ge=u.div`
   display: flex;
   flex-direction: column;
-`,Je=u.div`
+`,Qe=u.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -241,14 +241,14 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Qe=u(Q)`
+`,Je=u(J)`
   padding: ${i.sp1} ${i.sp4};
 
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
   text-align: ${e=>e.windowSize==="small"?"initial":"right"};
-  color: ${e=>e.isError?T.important:e.theme.colors.grey1};
-`,j={width:new g(343,580,726),titleWidth:new g(343,580,726,826),subTitlePaddingTop:new g(12,d[3]),subTitlePaddingBottom:new g(d[3],d[3]),verificationDetailsRowGap:new g(12,d[5],d[5]),termsPaddingLeftRight:new g(d[0],d[3])},Xe={title:new me("standardSemiBold","largeSemiBold")},H="intlWireVerification",gt=({internationalOnboardingDetails:e,filesEndPoint:a,authParams:r,isReadonly:m,analytics:s,isLocalCurrencyEnabled:n,onEditFileName:f,onDeleteFile:I,updateFilesEntity:P,onFormDataChange:z,onCancelClick:x,onSubmitClick:w})=>{const O=G(),h=q(),k="IntlWireverificationPage",{verificationFormFetchState:y,verificationFormSubmitState:l}=e,{commonSetUp:{internationalWire:p},common:{footer:v},dateFormat:{analytics:{YYYYDashMMDashDDFormat:E}}}=J.getLocalizedStrings(),o=t.jsxs(lt,{children:[p.terms1,t.jsx(A,{href:p.tosUrl,linkText:p.tos}),p.and,t.jsx(A,{href:p.privacyPolicyUrl,linkText:p.privacyPolicy})]}),c=ae(l.fetchState),B=re({mode:"all",reValidateMode:"onChange",defaultValues:_.useMemo(()=>Ke(e),[e])}),{isValid:te}=B.formState;_.useEffect(()=>{c==="In-Progress"&&l.fetchState==="Completed"&&x()},[c,l,x]);const ie=B.handleSubmit(()=>{te&&(s?.trackSubmitIntlWire(n),w())}),le=async N=>{const b=N[H].formData;if(b!=null){let M={};Object.keys(b).forEach(D=>{const W=e.verificationFormFields.find(C=>C.name===D);if(b[D]!=null&&W!=null){let C;switch(W.type){case"file":C=b[D].fileId;break;case"date":C=V.zeniDate(b[D].toString()).format(E);break;default:C=W.isMultipleValuesAllowed===!0?b[D].selectedOptions.map(oe=>pe(oe)):b[D].selectedOption;break}M={...M,[D]:C}}}),z(M)}};return _.useEffect(()=>{const N=B.watch((b,{name:M})=>{M!=null&&b!=null&&ne(()=>le(b))});return()=>{N.unsubscribe()}}),t.jsxs(Ze,{children:[t.jsx(se,{title:p.title,backgroundColor:O.colors.grey4,style:{zIndex:4},onBackClick:()=>{x()},showBackButton:!0,showMenuIcon:!1,source:"InternationalWireVerificationPage"}),t.jsxs(tt,{windowSize:h,children:[t.jsx(et,{windowSize:h,children:p.subTitle}),y.fetchState==="In-Progress"||y.fetchState==="Not-Started"?t.jsx(it,{children:t.jsx(de,{size:"ExtraLarge",start:!0})}):t.jsx(ce,{...B,children:t.jsxs("form",{id:Y(k),onSubmit:ie,children:[t.jsx(ot,{windowSize:h,children:p.header}),t.jsx(Ye,{internationalOnboardingDetails:e,sectionId:H,updateFilesEntity:P,onEditFileName:f,onDeleteFile:I,isReadonly:m,filesEndPoint:a,authParams:r,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),m!=="readonly"&&y.fetchState==="Completed"?t.jsx(ue,{formId:Y(k),primaryBtn:{label:v.submit,style:{width:"auto",minWidth:h==="small"?"auto":"82px"},isLoading:l.fetchState==="In-Progress"},containerStyle:{width:h==="small"?j.width.valuePx(h):"auto",justifyContent:h==="small"?"space-between":"center"},helperStyle:{width:h==="small"?j.width.valuePx(h):"auto",paddingLeft:j.termsPaddingLeftRight.valuePx(h),paddingRight:j.termsPaddingLeftRight.valuePx(h),textAlign:h==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:v.cancel,style:{width:h==="small"?"auto":"82px"},onClick:()=>{x()}},helperText:o,style:{padding:`12px ${i.sp3}`,zIndex:4}}):null]})},Ke=e=>{const{verificationFormFields:a,verificationFormLocalData:r,userFiles:m}=e,s={};return a.forEach(n=>{n.type==="enum"?n.isMultipleValuesAllowed===!1?s[n.name]={selectedOption:r[n.name],allOptions:n.fieldValues.map(f=>({label:f.description,value:f.code}))}:s[n.name]=X(r[n.name],n.fieldValues.map(f=>f.code)):n.type==="date"?s[n.name]=r[n.name]?V.zeniDate(r[n.name]).toDate():void 0:n.type==="file"?s[n.name]=m.find(f=>f.fileId!==r[n.name]):s[n.name]=r[n.name]}),{[H]:{formData:s}}},Y=e=>`${e}_form`,Ze=u.div`
+  color: ${e=>e.isError?_.important:e.theme.colors.grey1};
+`,j={width:new g(343,580,726),titleWidth:new g(343,580,726,826),subTitlePaddingTop:new g(12,d[3]),subTitlePaddingBottom:new g(d[3],d[3]),verificationDetailsRowGap:new g(12,d[5],d[5]),termsPaddingLeftRight:new g(d[0],d[3])},Xe={title:new me("standardSemiBold","largeSemiBold")},H="intlWireVerification",gt=({internationalOnboardingDetails:e,filesEndPoint:a,authParams:r,isReadonly:m,analytics:s,isLocalCurrencyEnabled:n,onEditFileName:f,onDeleteFile:I,updateFilesEntity:P,onFormDataChange:z,onCancelClick:x,onSubmitClick:w})=>{const O=G(),h=U(),k="IntlWireverificationPage",{verificationFormFetchState:y,verificationFormSubmitState:l}=e,{commonSetUp:{internationalWire:p},common:{footer:v},dateFormat:{analytics:{YYYYDashMMDashDDFormat:E}}}=Q.getLocalizedStrings(),o=t.jsxs(lt,{children:[p.terms1,t.jsx(q,{href:p.tosUrl,linkText:p.tos}),p.and,t.jsx(q,{href:p.privacyPolicyUrl,linkText:p.privacyPolicy})]}),c=ae(l.fetchState),L=re({mode:"all",reValidateMode:"onChange",defaultValues:T.useMemo(()=>Ke(e),[e])}),{isValid:te}=L.formState;T.useEffect(()=>{c==="In-Progress"&&l.fetchState==="Completed"&&x()},[c,l,x]);const ie=L.handleSubmit(()=>{te&&(s?.trackSubmitIntlWire(n),w())}),le=async N=>{const b=N[H].formData;if(b!=null){let M={};Object.keys(b).forEach(D=>{const W=e.verificationFormFields.find(C=>C.name===D);if(b[D]!=null&&W!=null){let C;switch(W.type){case"file":C=b[D].fileId;break;case"date":C=V.zeniDate(b[D].toString()).format(E);break;default:C=W.isMultipleValuesAllowed===!0?b[D].selectedOptions.map(oe=>pe(oe)):b[D].selectedOption;break}M={...M,[D]:C}}}),z(M)}};return T.useEffect(()=>{const N=L.watch((b,{name:M})=>{M!=null&&b!=null&&ne(()=>le(b))});return()=>{N.unsubscribe()}}),t.jsxs(Ze,{children:[t.jsx(se,{title:p.title,backgroundColor:O.colors.grey4,style:{zIndex:4},onBackClick:()=>{x()},showBackButton:!0,showMenuIcon:!1,source:"InternationalWireVerificationPage"}),t.jsxs(tt,{windowSize:h,children:[t.jsx(et,{windowSize:h,children:p.subTitle}),y.fetchState==="In-Progress"||y.fetchState==="Not-Started"?t.jsx(it,{children:t.jsx(de,{size:"ExtraLarge",start:!0})}):t.jsx(ce,{...L,children:t.jsxs("form",{id:Y(k),onSubmit:ie,children:[t.jsx(ot,{windowSize:h,children:p.header}),t.jsx(Ye,{internationalOnboardingDetails:e,sectionId:H,updateFilesEntity:P,onEditFileName:f,onDeleteFile:I,isReadonly:m,filesEndPoint:a,authParams:r,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),m!=="readonly"&&y.fetchState==="Completed"?t.jsx(ue,{formId:Y(k),primaryBtn:{label:v.submit,style:{width:"auto",minWidth:h==="small"?"auto":"82px"},isLoading:l.fetchState==="In-Progress"},containerStyle:{width:h==="small"?j.width.valuePx(h):"auto",justifyContent:h==="small"?"space-between":"center"},helperStyle:{width:h==="small"?j.width.valuePx(h):"auto",paddingLeft:j.termsPaddingLeftRight.valuePx(h),paddingRight:j.termsPaddingLeftRight.valuePx(h),textAlign:h==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:v.cancel,style:{width:h==="small"?"auto":"82px"},onClick:()=>{x()}},helperText:o,style:{padding:`12px ${i.sp3}`,zIndex:4}}):null]})},Ke=e=>{const{verificationFormFields:a,verificationFormLocalData:r,userFiles:m}=e,s={};return a.forEach(n=>{n.type==="enum"?n.isMultipleValuesAllowed===!1?s[n.name]={selectedOption:r[n.name],allOptions:n.fieldValues.map(f=>({label:f.description,value:f.code}))}:s[n.name]=X(r[n.name],n.fieldValues.map(f=>f.code)):n.type==="date"?s[n.name]=r[n.name]?V.zeniDate(r[n.name]).toDate():void 0:n.type==="file"?s[n.name]=m.find(f=>f.fileId!==r[n.name]):s[n.name]=r[n.name]}),{[H]:{formData:s}}},Y=e=>`${e}_form`,Ze=u.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -279,7 +279,7 @@ import{u as G,X as q,M as J,j as t,i as A,a1 as ae,a as re,c6 as ne,aV as se,d a
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,lt=u(Q)`
+`,lt=u(J)`
   text-align: center;
   max-width: 750px;
   color: ${e=>e.theme.colors.hero};