@zeniai/web-cockpit-ui 1.15.67-dev → 1.15.68-dev

package/dist/assets/{IntegrationsSettingsPage-BD5jqAv8-DlI-U29Q.js → IntegrationsSettingsPage-DP6fAccq-DcJmzI7u.js}

@@ -1,4 +1,4 @@
-import{J as u,d as y,O as d,V as n,bE as x,fB as b,o as i,y as w,an as I,am as S,cm as $,aV as j}from"./index-DyBrELD_.js";import{n as t,c as k,k as v}from"./mui-D3hEqMLm.js";import{t as C}from"./QBOSetupSection-CzBfIVqR-DJuM0C4n.js";import"./sentry-BV4jcjA3.js";import"./liveblocks-VMOu1QaQ.js";import"./core-CuilwggZ.js";import"./recharts-Bs6FfRQK.js";import"./zeni-epic-state-wSe7lDM8.js";import"./lottie-DcZDexOB.js";import"./analytics-Dmyyfi9O.js";import"./lexical-BV3aGUzT.js";import"./utils-AGDkxX5e.js";import"./QBOConnectionDialog-Ca36jKz2-BjgnS_b-.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]="fbda7e47-6324-49a3-a590-6f88eafa69b5",e._sentryDebugIdIdentifier="sentry-dbid-fbda7e47-6324-49a3-a590-6f88eafa69b5")}catch{}})();const{common:{texts:E}}=d.getLocalizedStrings();function O(e){return n.jsxs(V,{isEnabled:e.isEnabled,onClick:e.onClick,children:[n.jsx(z,{spinRefreshIcon:e.spinRefreshIcon,children:n.jsx(P,{})}),n.jsx(B,{children:E.refresh})]})}const V=t.div`
+import{e as u,g as y,O as d,V as n,bE as x,fL as w,o as i,x as b,ao as I,an as S,cs as $,aV as j}from"./index-DMG72kst.js";import{n as t,c as k,k as v}from"./mui-PTGaeBGX.js";import{t as C}from"./QBOSetupSection-DjnN9dgv-CJUK3Jp5.js";import"./sentry-DA3cfNtR.js";import"./liveblocks-BPjePRRW.js";import"./core--0SFXVg4.js";import"./recharts-qzs3V2Ze.js";import"./zeni-epic-state-qJAZZeEy.js";import"./lottie-x1a70pv5.js";import"./analytics-BdPgTZIq.js";import"./lexical-RPR5fwFX.js";import"./utils-ZYxK6Sqs.js";import"./QBOConnectionDialog-CmpnnuzP-Dp-zON6o.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]="fc08960a-a2d1-4a8e-b65d-ca6e2a44576c",e._sentryDebugIdIdentifier="sentry-dbid-fc08960a-a2d1-4a8e-b65d-ca6e2a44576c")}catch{}})();const{common:{texts:E}}=d.getLocalizedStrings();function O(e){return n.jsxs(V,{isEnabled:e.isEnabled,onClick:e.onClick,children:[n.jsx(B,{spinRefreshIcon:e.spinRefreshIcon,children:n.jsx(P,{})}),n.jsx(z,{children:E.refresh})]})}const V=t.div`
   position: relative;
   display: flex;
   width: fit-content;
@@ -9,11 +9,11 @@ import{J as u,d as y,O as d,V as n,bE as x,fB as b,o as i,y as w,an as I,am as S
   &:hover {
     color: ${e=>e.isEnabled?e.theme.colors.primary:void 0};
   }
-`,B=t(j)`
+`,z=t(j)`
   margin-left: ${i.sp2};
   display: flex;
   align-items: center;
-`,z=t.div`
+`,B=t.div`
   animation: ${e=>e.spinRefreshIcon??!1?k`
           ${R} 3s
         `:"none"};
@@ -27,14 +27,14 @@ import{J as u,d as y,O as d,V as n,bE as x,fB as b,o as i,y as w,an as I,am as S
   100% {
     rotate: 720deg;
   }
-`,Q={subtitleSectionWidth:new w(343,580,1200)},Z=({isAdmin:e,integrationsView:s,meetingUrl:r,...f})=>{const o=u(),{onClickMenuIcon:m,onRefreshClick:p}=f,h=y(),{companyView:g,externalConnections:a,integrations:l}=s,c=d.getLocalizedStrings().common.settings;return n.jsxs(D,{children:[n.jsx(x,{source:"IntegrationsSettingsPage",title:c.title.integrations,backgroundColor:h.colors.grey4,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",rightSideComponent:n.jsx(O,{isEnabled:l.refreshQBO.fetchState!=="In-Progress",onClick:()=>p(),spinRefreshIcon:l.refreshQBO.fetchState==="In-Progress"}),onClickMenuIcon:m}),n.jsxs(L,{windowSize:o,children:[n.jsx(T,{windowSize:o,children:n.jsx(W,{windowSize:o,children:c.infoText.integrations})}),n.jsx(C,{isAdmin:e,isValid:a?.accounting[0]?.isValid??!1,hasError:!1,companyName:g?.companyInfo.companyLegalName,saveConnectionState:a?.saveConnectionState,isQBOPopupOpen:!1,handleOnConnectClick:()=>null,updateQBOPopupState:()=>null})]}),n.jsx(b,{meetingUrl:r,isFooterRendered:!1})]})},D=t.div`
+`,L={subtitleSectionWidth:new b(343,580,1200)},Z=({isAdmin:e,integrationsView:s,meetingUrl:r,...f})=>{const o=u(),{onClickMenuIcon:m,onRefreshClick:p}=f,h=y(),{companyView:g,externalConnections:a,integrations:l}=s,c=d.getLocalizedStrings().common.settings;return n.jsxs(Q,{children:[n.jsx(x,{source:"IntegrationsSettingsPage",title:c.title.integrations,backgroundColor:h.colors.grey4,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",rightSideComponent:n.jsx(O,{isEnabled:l.refreshQBO.fetchState!=="In-Progress",onClick:()=>p(),spinRefreshIcon:l.refreshQBO.fetchState==="In-Progress"}),onClickMenuIcon:m}),n.jsxs(D,{windowSize:o,children:[n.jsx(T,{windowSize:o,children:n.jsx(_,{windowSize:o,children:c.infoText.integrations})}),n.jsx(C,{isAdmin:e,isValid:a?.accounting[0]?.isValid??!1,hasError:!1,companyName:g?.companyInfo.companyLegalName,saveConnectionState:a?.saveConnectionState,isQBOPopupOpen:!1,handleOnConnectClick:()=>null,updateQBOPopupState:()=>null})]}),n.jsx(w,{meetingUrl:r,isFooterRendered:!1})]})},Q=t.div`
   display: flex;
   height: 100vh;
   width: 100%;
   row-gap: ${i.sp3};
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,L=t.div`
+`,D=t.div`
   width: 100%;
   margin: auto;
   display: flex;
@@ -47,9 +47,9 @@ import{J as u,d as y,O as d,V as n,bE as x,fB as b,o as i,y as w,an as I,am as S
   display: flex;
   justify-content: center;
   align-items: center;
-  width: ${e=>Q.subtitleSectionWidth.valuePx(e.windowSize)};
+  width: ${e=>L.subtitleSectionWidth.valuePx(e.windowSize)};
   margin-bottom: ${i.sp5};
-`,W=t(S)`
+`,_=t(S)`
   display: flex;
   align-items: center;
 

package/dist/assets/{InternationalWireSwiftDetailsPage-BftrE612-J_F_3vEQ.js → InternationalWireSwiftDetailsPage-VdG7bDZi-TISIJuKT.js}

@@ -1,24 +1,24 @@
-import{J as R,aa as le,O as K,cH as se,aF as de,V as t,cr as ce,cs as ue,ct as be,ad as pe,aT as fe,y as l,o as d,bb as me,cL as X,aS as ee,ex as Y,i2 as U,cM as G,i3 as te,cO as he,u as i,cQ as ge,aR as W,p as C,hQ as xe,ae as we,eG as ke,i as ye,H as Ce,bI as $e,ar as ve,b as Se,i4 as je,b_ as Be,ao as Ie}from"./index-DyBrELD_.js";import{a as M}from"./sentry-BV4jcjA3.js";import{n}from"./mui-D3hEqMLm.js";import{bi as ae}from"./zeni-epic-state-wSe7lDM8.js";import{W as Ae,A as Te}from"./BankAccountWarningSection-yT2UAd12-AQuYXXrV.js";import{T as Le}from"./MailingDetailsSection-DZT7JPlI-Cc3Oz9Xy.js";import{M as Ne}from"./MagicLinkTitleSection-ZnbKPIvJ-CNhLMA89.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="b4f6c763-e884-4a79-86fa-fce50fbdc0ed",e._sentryDebugIdIdentifier="sentry-dbid-b4f6c763-e884-4a79-86fa-fce50fbdc0ed")}catch{}})();const J={tooltipRightPosition:new l(i[6],i[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},De=({protectedInfoText:e})=>{const o=R();return t.jsxs(Me,{children:[t.jsx(Re,{}),t.jsx(Oe,{className:"info-tooltip",windowSize:o,children:t.jsx(Fe,{children:e})})]})};function Pe({type:e,name:o,placeholder:a,placeholderAlignment:b,autoComplete:s="off",autoCapitalize:x="off",autoTrim:$="off",isDisabled:g,defaultValue:I,style:A,hoverBgColor:w,registerOptions:T,protectedInfoText:k,isSaveError:v=!1,buttonProps:y,disableCopyPaste:c=!1}){const{control:r,register:p,formState:{errors:S},setFocus:m}=X(),E=Y(S,o),j=Object.assign({},T),{label:h,isDisabled:O,fetchState:V,onButtonClick:F}=y;switch(e){case"email":Object.assign(j,{pattern:we});break;case"number":Object.assign(j,{valueAsNumber:!0});break;case"url":Object.assign(j,{pattern:xe})}const H=g==="disabled"||g==="readonly"||k!=null;return k!=null?t.jsxs(Ve,{style:A,children:[t.jsx(De,{protectedInfoText:k}),t.jsx(We,{id:o,children:I})]}):t.jsx(Ee,{isError:E,fetchState:V,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:y.keepButtonVisible,isButtonHidden:y.isHidden,children:t.jsx(ke,{name:o,control:r,rules:{...T},defaultValue:I??"","data-testid":W("text-field-with-button",o),render:({field:{onChange:_,onBlur:q,value:D,ref:L}})=>t.jsxs(t.Fragment,{children:[t.jsx(ze,{type:e==="password"||e==="hidden"?e:void 0,isError:E,style:A,placeholder:a,disabled:H,...p(o,j),id:o,ref:L,value:D,autoComplete:s,placeholderAlignment:b,hoverBgColor:w,isSaveError:v,onBlur:q,onChange:_,"data-testid":W("text-field-with-button-input",o),onInput:f=>{const u=f.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($){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:f=>{c&&f.preventDefault()},onCopy:f=>{c&&f.preventDefault()},keepButtonVisible:y.keepButtonVisible}),t.jsx(ye,{label:h,onClick:f=>{f.stopPropagation(),m(o),setTimeout(()=>{F()})},style:{outline:"none"},size:"xs-small",disabled:O,variant:"success",reverseSpinnerColor:!0,loading:V==="In-Progress","data-testid":W("text-field-button",`${o}-${h}`)})]})})})}const ze=n(je)`
+import{e as R,aa as le,O as Q,cQ as se,aG as de,V as t,cy as ce,cz as ue,cA as be,ae as pe,aT as fe,x as l,o as d,bb as he,cU as X,aS as ee,eJ as Y,ih as q,cV as J,ii as te,cX as me,u as i,cZ as ge,ac as W,d as $,i2 as xe,af as we,eS as ke,a as ye,N as $e,bI as Ce,as as ve,w as Se,ij as je,c6 as Be,ap as Ie}from"./index-DMG72kst.js";import{a as M}from"./sentry-DA3cfNtR.js";import{n}from"./mui-PTGaeBGX.js";import{bi as ae}from"./zeni-epic-state-qJAZZeEy.js";import{W as Ae,A as Te}from"./BankAccountWarningSection-Cled-2cR-Btg4jA3W.js";import{T as Ne}from"./MailingDetailsSection-ByOPaJ05-kJqgrlBw.js";import{M as Le}from"./MagicLinkTitleSection-CARU1oLQ-DPmYWXSQ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="45be61e2-9d3d-492e-9f6c-c71d98be636d",e._sentryDebugIdIdentifier="sentry-dbid-45be61e2-9d3d-492e-9f6c-c71d98be636d")}catch{}})();const G={tooltipRightPosition:new l(i[6],i[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},De=({protectedInfoText:e})=>{const o=R();return t.jsxs(Me,{children:[t.jsx(Re,{}),t.jsx(Oe,{className:"info-tooltip",windowSize:o,children:t.jsx(Fe,{children:e})})]})};function Pe({type:e,name:o,placeholder:a,placeholderAlignment:b,autoComplete:s="off",autoCapitalize:x="off",autoTrim:C="off",isDisabled:g,defaultValue:I,style:A,hoverBgColor:w,registerOptions:T,protectedInfoText:k,isSaveError:v=!1,buttonProps:y,disableCopyPaste:c=!1}){const{control:r,register:p,formState:{errors:S},setFocus:h}=X(),E=Y(S,o),j=Object.assign({},T),{label:m,isDisabled:O,fetchState:V,onButtonClick:F}=y;switch(e){case"email":Object.assign(j,{pattern:we});break;case"number":Object.assign(j,{valueAsNumber:!0});break;case"url":Object.assign(j,{pattern:xe})}const H=g==="disabled"||g==="readonly"||k!=null;return k!=null?t.jsxs(Ve,{style:A,children:[t.jsx(De,{protectedInfoText:k}),t.jsx(We,{id:o,children:I})]}):t.jsx(Ee,{isError:E,fetchState:V,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:y.keepButtonVisible,isButtonHidden:y.isHidden,children:t.jsx(ke,{name:o,control:r,rules:{...T},defaultValue:I??"","data-testid":W("text-field-with-button",o),render:({field:{onChange:_,onBlur:U,value:D,ref:N}})=>t.jsxs(t.Fragment,{children:[t.jsx(ze,{type:e==="password"||e==="hidden"?e:void 0,isError:E,style:A,placeholder:a,disabled:H,...p(o,j),id:o,ref:N,value:D,autoComplete:s,placeholderAlignment:b,hoverBgColor:w,isSaveError:v,onBlur:U,onChange:_,"data-testid":W("text-field-with-button-input",o),onInput:f=>{const u=f.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(C){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:f=>{c&&f.preventDefault()},onCopy:f=>{c&&f.preventDefault()},keepButtonVisible:y.keepButtonVisible}),t.jsx(ye,{label:m,onClick:f=>{f.stopPropagation(),h(o),setTimeout(()=>{F()})},style:{outline:"none"},size:"xs-small",disabled:O,variant:"success",reverseSpinnerColor:!0,loading:V==="In-Progress","data-testid":W("text-field-button",`${o}-${m}`)})]})})})}const ze=n(je)`
   display: flex;
   border-width: ${d.sp0};
   outline-width: ${d.sp0};
-  color: ${e=>!e.isError&&e.isSaveError===!1?e.theme.colors.primary:C.important};
-  background-color: ${e=>e.isSaveError===!0?C.importantLight:e.theme.colors.grey5};
+  color: ${e=>!e.isError&&e.isSaveError===!1?e.theme.colors.primary:$.important};
+  background-color: ${e=>e.isSaveError===!0?$.importantLight:e.theme.colors.grey5};
   border-radius: ${d.sp1};
   text-align: ${e=>e.keepButtonVisible?"left":"right"};
   padding: 0 ${d.sp3};
   ::placeholder {
     text-align: ${e=>e.placeholderAlignment};
-    color: ${e=>e.isError?C.important:e.theme.colors.grey1};
+    color: ${e=>e.isError?$.important:e.theme.colors.grey1};
   }
   &:focus {
     text-align: left;
     outline: none;
-    background-color: ${e=>e.isError?C.importantLight:e.theme.colors.background};
+    background-color: ${e=>e.isError?$.importantLight:e.theme.colors.background};
     ${Se.standardRegular.css};
   }
   &:hover {
-    background-color: ${e=>e.isError?C.importantLight:e.hoverBgColor!==null?e.hoverBgColor:e.theme.colors.background};
+    background-color: ${e=>e.isError?$.importantLight:e.hoverBgColor!==null?e.hoverBgColor:e.theme.colors.background};
   }
   &:disabled {
     background-color: ${e=>e.theme.colors.grey5};
@@ -68,12 +68,12 @@ import{J as R,aa as le,O as K,cH as se,aF as de,V as t,cr as ce,cs as ue,ct as b
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${d.sp1};
   z-index: 1;
-  right: ${e=>J.tooltipRightPosition.valuePx(e.windowSize)};
-  width: ${e=>J.tooltipWidth.valuePx(e.windowSize)};
-  top: ${e=>J.tooltipTopPosition.valuePx(e.windowSize)};
+  right: ${e=>G.tooltipRightPosition.valuePx(e.windowSize)};
+  width: ${e=>G.tooltipWidth.valuePx(e.windowSize)};
+  top: ${e=>G.tooltipTopPosition.valuePx(e.windowSize)};
 `,Fe=n(Ie)`
   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 _e({isDisabled:e,label:o,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:x=!0,protectedInfoText:$,isSaveError:g,showTickIcon:I,showErrorInfoLabel:A,errorInfoLabel:w,disableCopyPaste:T=!1,showTooltip:k=!1,tooltipTitle:v,onBlur:y}){const c=R(),{formState:{errors:r}}=X(),p=Y(r,a.name);return t.jsxs(qe,{size:c,style:b,isDisabled:e!=null,isError:p,"data-testid":W("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:k,tooltipTitle:v}),t.jsxs(Ue,{labelWidth:o.width,children:[t.jsx(Pe,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:B.controlHeight.value(c),cursor:"inherit"},protectedInfoText:$,isSaveError:g,onBlur:y,disableCopyPaste:T}),(x||p)&&t.jsxs(oe,{size:c,isError:p,children:[I===!0?t.jsx(Ge,{children:t.jsx(Je,{})}):null,s]}),A===!0&&t.jsx(oe,{size:c,isError:!0,children:w})]})]})}const qe=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 $e("extraSmallRegular","smallRegular")};function _e({isDisabled:e,label:o,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:x=!0,protectedInfoText:C,isSaveError:g,showTickIcon:I,showErrorInfoLabel:A,errorInfoLabel:w,disableCopyPaste:T=!1,showTooltip:k=!1,tooltipTitle:v,onBlur:y}){const c=R(),{formState:{errors:r}}=X(),p=Y(r,a.name);return t.jsxs(Ue,{size:c,style:b,isDisabled:e!=null,isError:p,"data-testid":W("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:k,tooltipTitle:v}),t.jsxs(qe,{labelWidth:o.width,children:[t.jsx(Pe,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:B.controlHeight.value(c),cursor:"inherit"},protectedInfoText:C,isSaveError:g,onBlur:y,disableCopyPaste:T}),(x||p)&&t.jsxs(oe,{size:c,isError:p,children:[I===!0?t.jsx(Je,{children:t.jsx(Ge,{})}):null,s]}),A===!0&&t.jsx(oe,{size:c,isError:!0,children:w})]})]})}const Ue=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -99,21 +99,21 @@ import{J as R,aa as le,O as K,cH as se,aF as de,V as t,cr as ce,cs as ue,ct as b
     outline: 1px solid ${e=>e.theme.colors.primary};
 
     input {
-      background-color: ${e=>e.isError?C.importantLight:e.theme.colors.background};
+      background-color: ${e=>e.isError?$.importantLight:e.theme.colors.background};
     }
   }
   input {
-    background-color: ${e=>e.isError?C.importantLight:e.theme.colors.grey5};
+    background-color: ${e=>e.isError?$.importantLight:e.theme.colors.grey5};
   }
   &:hover {
     z-index: 1;
     outline: 1px solid
       ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
     input {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?C.importantLight:e.theme.colors.background};
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?$.importantLight:e.theme.colors.background};
     }
   }
-`,Ue=n.div`
+`,qe=n.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
@@ -121,19 +121,19 @@ import{J as R,aa as le,O as K,cH as se,aF as de,V as t,cr as ce,cs as ue,ct as b
   flex-grow: 1;
 `,oe=n.label`
   display: flex;
-  color: ${e=>e.isError?C.important:e.theme.colors.grey1};
+  color: ${e=>e.isError?$.important:e.theme.colors.grey1};
   ${e=>`${He.infoLabel.style(e.size)}`};
   padding-right: ${d.sp3};
   text-align: right;
-`,Ge=n.div`
+`,Je=n.div`
   display: flex;
   margin-right: ${d.sp1};
   align-items: center;
-`,Je=n($e)`
+`,Ge=n(Ce)`
   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:$})=>{const g=R(),{getValues:I,setValue:A,formState:{errors:w}}=X(),{fetchState:T}=s,k=ee(s.fetchState),v=ee(a?.bankSwiftCode),y=Y(w,P(e,"bankSwiftCode"));M.useEffect(()=>{(k==="In-Progress"||v!=null&&v!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(o).includes(a?.bankSwiftCode)&&o[a?.bankSwiftCode].bankName&&A(P(e,"bankName"),o[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,k,v]);const c=K.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=c,p=ie.largeLabelWidth.value(g),S=ie.veryLargeLabelWidth.value(g);return t.jsx(Ke,{style:$,children:t.jsxs(Xe,{children:[t.jsx(_e,{label:{label:r.swiftCode,width:p},text:{type:"text",name:P(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&&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(G,{label:{label:r.iban,width:p},text:{type:"text",name:P(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:te}},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:P(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:te,validate:m=>m!=null?I(`${e}.bankAccountIban`)===m:!1}},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:P(e,"bankAccountName"),placeholder:he(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},P=(e,o)=>`${e}.${o}`,Ke=n.div`
+  color: ${$.successDark};
+`,ie={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Ze=({sectionId:e,bankNameBySwift:o,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:x,style:C})=>{const g=R(),{getValues:I,setValue:A,formState:{errors:w}}=X(),{fetchState:T}=s,k=ee(s.fetchState),v=ee(a?.bankSwiftCode),y=Y(w,P(e,"bankSwiftCode"));M.useEffect(()=>{(k==="In-Progress"||v!=null&&v!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(o).includes(a?.bankSwiftCode)&&o[a?.bankSwiftCode].bankName&&A(P(e,"bankName"),o[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,k,v]);const c=Q.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=c,p=ie.largeLabelWidth.value(g),S=ie.veryLargeLabelWidth.value(g);return t.jsx(Qe,{style:C,children:t.jsxs(Xe,{children:[t.jsx(_e,{label:{label:r.swiftCode,width:p},text:{type:"text",name:P(e,"bankSwiftCode"),placeholder:r.addSwiftCode,defaultValue:a?.bankSwiftCode,registerOptions:{required:!0,pattern:q},autoCapitalize:"characters",autoTrim:"trim",buttonProps:{label:r.verify,isDisabled:q.test(a?.bankSwiftCode??"")===!1,isHidden:s.fetchState==="Completed",keepButtonVisible:q.test(a?.bankSwiftCode??"")===!0&&s.fetchState!=="Completed",fetchState:T,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(Z,{}),t.jsx(J,{label:{label:r.iban,width:p},text:{type:"text",name:P(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:te}},isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.invalidIban}),t.jsx(Z,{}),t.jsx(J,{label:{label:r.confirmIban,width:S},text:{type:"text",name:P(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:te,validate:h=>h!=null?I(`${e}.bankAccountIban`)===h:!1}},disableCopyPaste:!0,isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.ibanDontMatch}),t.jsx(Z,{}),t.jsx(J,{label:{label:r.accountNickName,width:p},text:{type:"text",name:P(e,"bankAccountName"),placeholder:me(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},P=(e,o)=>`${e}.${o}`,Qe=n.div`
   display: flex;
   flex-direction: column;
 `,Xe=n.div`
@@ -143,17 +143,17 @@ import{J as R,aa as le,O as K,cH as se,aF as de,V as t,cr as ce,cs as ue,ct as 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`
+`,Z=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",z="internationalWireSwiftAccountSection",Ye="mailingAddressSection",re=e=>`${e}_form`,bt=({bankAccountCreationState:e,bankNameBySwift:o,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:x,mailingAddress:$,isDisabled:g,style:I,companyName:A,isMagicLink:w,currencySymbol:T,amount:k,onSaveHandler:v,onBankDetailsUpdated:y,onFetchBankNameBySwift:c,onAddressClick:r,onBackClick:p})=>{const S=R(),m=le({mode:"all",reValidateMode:"onBlur",defaultValues:M.useMemo(()=>Ze(s),[s])}),[E,j]=M.useState(!1),h=K.getLocalizedStrings().spendManagement.billPay.vendorCreation,O=K.getLocalizedStrings().common.footer,{international:V}=h.wireDetails,F={onOkClick:()=>{j(!1),m.reset(),p?.()},onCancelClick:()=>{j(!1)}},H=async(D,L)=>{const f=L[z].bankName,u=L[z].bankSwiftCode,Z=Object.assign({},L);D===`${z}.bankSwiftCode`&&(f||!f&&o[u]?.bankName)&&(Z[z].bankName=o[u]?.bankName??""),y(Z)};M.useEffect(()=>{const D=m.watch((L,{name:f})=>{f!=null&&L!=null&&se(()=>H(f,L))});return()=>{D.unsubscribe()}});const _=m.handleSubmit(D=>{b.fetchState!=="In-Progress"&&v("wire")}),q=!de($!=null?ae($):$,x!=null?ae(x):x)||et(s)||m.formState.isDirty;return t.jsxs(at,{children:[t.jsxs(ot,{style:I,size:S,children:[E===!0?t.jsx(ce,{titleComponent:t.jsx(be,{children:h.discardTitle}),descriptionComponent:t.jsx(ue,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:F}):null,t.jsx(Ae,{header:w?t.jsx(Ne,{companyName:A??"",currencySymbol:T??"",amount:k??0}):V.addInternationalWireDetails,isMagicLink:w,isDirty:q,onBackClick:p,setShowConfirmationPopup:j}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Te,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(it,{size:S,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(pe,{...m,children:t.jsxs("form",{id:re(ne),onSubmit:_,children:[t.jsx(tt,{size:S,children:t.jsx(Qe,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:b,sectionId:z,isDisabled:g,onFetchBankNameBySwift:c})}),t.jsx(Le,{sectionId:Ye,isDisabled:g,addressType:a,addressToEdit:x,onAddressClick:r})]})})]}),t.jsx(fe,{formId:re(ne),primaryBtn:{label:w?h.bankAccountCommon.submitDetails:h.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:N.buttonWidth.value(S)},isDisabled:g!=null},showCancel:!w,cancelBtn:{label:O.cancel,style:{width:N.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{m.formState.isDirty?j(!0):(m.reset(),p?.())}}})]})},Ze=e=>({[z]:{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)};
+`,L={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",z="internationalWireSwiftAccountSection",Ye="mailingAddressSection",re=e=>`${e}_form`,bt=({bankAccountCreationState:e,bankNameBySwift:o,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:x,mailingAddress:C,isDisabled:g,style:I,companyName:A,isMagicLink:w,currencySymbol:T,amount:k,onSaveHandler:v,onBankDetailsUpdated:y,onFetchBankNameBySwift:c,onAddressClick:r,onBackClick:p})=>{const S=R(),h=le({mode:"all",reValidateMode:"onBlur",defaultValues:M.useMemo(()=>Ke(s),[s])}),[E,j]=M.useState(!1),m=Q.getLocalizedStrings().spendManagement.billPay.vendorCreation,O=Q.getLocalizedStrings().common.footer,{international:V}=m.wireDetails,F={onOkClick:()=>{j(!1),h.reset(),p?.()},onCancelClick:()=>{j(!1)}},H=async(D,N)=>{const f=N[z].bankName,u=N[z].bankSwiftCode,K=Object.assign({},N);D===`${z}.bankSwiftCode`&&(f||!f&&o[u]?.bankName)&&(K[z].bankName=o[u]?.bankName??""),y(K)};M.useEffect(()=>{const D=h.watch((N,{name:f})=>{f!=null&&N!=null&&se(()=>H(f,N))});return()=>{D.unsubscribe()}});const _=h.handleSubmit(D=>{b.fetchState!=="In-Progress"&&v("wire")}),U=!de(C!=null?ae(C):C,x!=null?ae(x):x)||et(s)||h.formState.isDirty;return t.jsxs(at,{children:[t.jsxs(ot,{style:I,size:S,children:[E===!0?t.jsx(ce,{titleComponent:t.jsx(be,{children:m.discardTitle}),descriptionComponent:t.jsx(ue,{children:m.discardDescription}),primaryButtonText:m.discard,secondaryButtonText:m.cancel,action:F}):null,t.jsx(Ae,{header:w?t.jsx(Le,{companyName:A??"",currencySymbol:T??"",amount:k??0}):V.addInternationalWireDetails,isMagicLink:w,isDirty:U,onBackClick:p,setShowConfirmationPopup:j}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Te,{warningText:m.bankAccountCommon.accountExistWarning}):null,t.jsx(it,{size:S,children:m.bankAccountCommon.accountDetailsTitle}),t.jsx(pe,{...h,children:t.jsxs("form",{id:re(ne),onSubmit:_,children:[t.jsx(tt,{size:S,children:t.jsx(Ze,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:b,sectionId:z,isDisabled:g,onFetchBankNameBySwift:c})}),t.jsx(Ne,{sectionId:Ye,isDisabled:g,addressType:a,addressToEdit:x,onAddressClick:r})]})})]}),t.jsx(fe,{formId:re(ne),primaryBtn:{label:w?m.bankAccountCommon.submitDetails:m.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:L.buttonWidth.value(S)},isDisabled:g!=null},showCancel:!w,cancelBtn:{label:O.cancel,style:{width:L.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{h.formState.isDirty?j(!0):(h.reset(),p?.())}}})]})},Ke=e=>({[z]:{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=>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)};
 `,at=n.div`
   background-color: ${e=>e.theme.colors.grey4};
   display: flex;
@@ -164,8 +164,8 @@ import{J as R,aa as le,O as K,cH as se,aF as de,V as t,cr as ce,cs as ue,ct as 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=>L.marginLeft.valuePx(e.size)};
   margin-top: ${d.sp3};
 `;export{bt as f};

package/dist/assets/InternationalWireVerificationPage-COC6lZml-DVDnoPVJ.js

@@ -0,0 +1,65 @@
+import{g as X,e as U,O as Y,V as t,ag as N,aS as Z,aa as K,cQ as ee,bE as te,L as ie,ae,aT as le,o as r,x as y,ao as q,cS as A,fe as oe,an as ne,N as se,fg as re,w as de,u as p,d0 as ce,d1 as me,d as ue}from"./index-DMG72kst.js";import{a as B}from"./sentry-DA3cfNtR.js";import{n as f}from"./mui-PTGaeBGX.js";import{bL as k,bh as pe}from"./zeni-epic-state-qJAZZeEy.js";import{b as fe}from"./LabeledCountryMultiSelectField-BYYjzwUG-D382-i5G.js";import{Y as he}from"./LabeledDocumentField-C_bcFxdY-BV9lofDJ.js";import"./liveblocks-BPjePRRW.js";import"./core--0SFXVg4.js";import"./recharts-qzs3V2Ze.js";import"./lottie-x1a70pv5.js";import"./analytics-BdPgTZIq.js";import"./lexical-RPR5fwFX.js";import"./utils-ZYxK6Sqs.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]="935b8870-fd4e-4c88-bd12-6d4b9109a804",e._sentryDebugIdIdentifier="sentry-dbid-935b8870-fd4e-4c88-bd12-6d4b9109a804")}catch{}})();const _={largeLabelWidth:new y(150,210,252),paddingBottom:new y(p[3],p[2])},ge=({sectionId:e,internationalOnboardingDetails:s,filesEndPoint:d,authParams:P,isReadonly:n,deleteFileStatusById:a,updateFileStatusById:m,onEditFileName:C,onDeleteFile:O,updateFilesEntity:z})=>{const g=U(),{verificationFormLocalData:w}=s,{dateFormat:{visual:L},common:{documents:o},commonSetUp:{businessVerification:j},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:S}}}}}=Y.getLocalizedStrings(),h=_.largeLabelWidth.value(g),[c,D]=B.useState(!1),T=s.verificationFormFields.slice().sort((i,l)=>i.type==="file"&&l.type!=="file"?-1:0);return t.jsx(be,{children:t.jsx(ye,{children:T.map(i=>{switch(i.type){case"file":return t.jsxs(t.Fragment,{children:[t.jsx(he,{name:b(e,i.name),isDisabled:n,sizeLimit:me,deleteFileStatusById:a,updateFileStatusById:m,filesEndPoint:d,authParams:P,label:{label:i.label,width:h},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:s.userFiles.find(l=>l.fileId===w[i.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:c,updateFilesEntity:z,onEditFileName:C,onDeleteFile:O,onFileSizeError:l=>D(l),placeholderText:j.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},b(e,i.name)),n!=="readonly"?t.jsx(xe,{windowSize:g,isError:!1,children:o.formatDocumentText10MB}):null,t.jsx(E,{})]});case"date":return t.jsxs(t.Fragment,{children:[t.jsx(ce,{isDisabled:n,label:{label:i.label+S.colon,width:h},style:{paddingBottom:_.paddingBottom.valuePx(g)},dateField:{name:b(e,i.name),placeholder:i.placeholder,defaultValue:w[i.name]?k(w[i.name]):void 0,dateFormat:L.defaultInput,maxDate:pe().subtract(1,"day"),minDate:k("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},b(e,i.name)),t.jsx(E,{})]});case"enum":return i.isMultipleValuesAllowed===!1?t.jsxs(t.Fragment,{children:[t.jsx(re,{isDisabled:n,label:{label:i.label+S.colon,width:h},singleSelectPickerField:{name:b(e,i.name),placeholder:i.placeholder,optionHeight:p[6],optionTextStyle:de.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption},defaultValue:{selectedOption:w[i.name],allOptions:i.fieldValues.map(l=>({label:l.description,value:l.code}))}}},b(e,i.name)),t.jsx(E,{})]}):t.jsx(fe,{isDisabled:n,label:{label:i.label+S.colon,width:h},style:{zIndex:0},multiSelectField:{name:b(e,i.name),placeholder:i.placeholder,registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOptions&&l.selectedOptions.length>0},defaultValue:A(w[i.name],i.fieldValues.map(l=>l.code))}},b(e,i.name));default:return t.jsx(E,{})}})})})},b=(e,s)=>`${e}.formData.${s}`,be=f.div`
+  display: flex;
+  flex-direction: column;
+`,ye=f.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};
+`,E=f.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,xe=f(q)`
+  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?ue.important:e.theme.colors.grey1};
+`,x={width:new y(343,580,726),titleWidth:new y(343,580,726,826),subTitlePaddingTop:new y(12,p[3]),subTitlePaddingBottom:new y(p[3],p[3]),verificationDetailsRowGap:new y(12,p[5],p[5]),termsPaddingLeftRight:new y(p[0],p[3])},we={title:new se("standardSemiBold","largeSemiBold")},W="intlWireVerification",_e=({internationalOnboardingDetails:e,filesEndPoint:s,authParams:d,isReadonly:P,analytics:n,isLocalCurrencyEnabled:a,onEditFileName:m,onDeleteFile:C,updateFilesEntity:O,onFormDataChange:z,onCancelClick:g,onSubmitClick:w})=>{const L=X(),o=U(),j="IntlWireverificationPage",{verificationFormFetchState:S,verificationFormSubmitState:h}=e,{commonSetUp:{internationalWire:c},common:{footer:D},dateFormat:{analytics:{YYYYDashMMDashDDFormat:T}}}=Y.getLocalizedStrings(),i=t.jsxs(je,{children:[c.terms1,t.jsx(N,{href:c.tosUrl,linkText:c.tos}),c.and,t.jsx(N,{href:c.privacyPolicyUrl,linkText:c.privacyPolicy})]}),l=Z(h.fetchState),I=K({mode:"all",reValidateMode:"onChange",defaultValues:B.useMemo(()=>Se(e),[e])}),{isValid:G}=I.formState;B.useEffect(()=>{l==="In-Progress"&&h.fetchState==="Completed"&&g()},[l,h,g]);const H=I.handleSubmit(()=>{G&&(n?.trackSubmitIntlWire(a),w())}),J=async V=>{const u=V[W].formData;if(u!=null){let v={};Object.keys(u).forEach(F=>{const M=e.verificationFormFields.find($=>$.name===F);if(u[F]!=null&&M!=null){let $;switch(M.type){case"file":$=u[F].fileId;break;case"date":$=k(u[F].toString()).format(T);break;default:$=M.isMultipleValuesAllowed===!0?u[F].selectedOptions.map(Q=>oe(Q)):u[F].selectedOption;break}v={...v,[F]:$}}}),z(v)}};return B.useEffect(()=>{const V=I.watch((u,{name:v})=>{v!=null&&u!=null&&ee(()=>J(u))});return()=>{V.unsubscribe()}}),t.jsxs(Fe,{children:[t.jsx(te,{title:c.title,backgroundColor:L.colors.grey4,style:{zIndex:4},onBackClick:()=>{g()},showBackButton:!0,showMenuIcon:!1,source:"InternationalWireVerificationPage"}),t.jsxs($e,{windowSize:o,children:[t.jsx(Pe,{windowSize:o,children:c.subTitle}),S.fetchState==="In-Progress"||S.fetchState==="Not-Started"?t.jsx(ve,{children:t.jsx(ie,{size:"ExtraLarge",start:!0})}):t.jsx(ae,{...I,children:t.jsxs("form",{id:R(j),onSubmit:H,children:[t.jsx(De,{windowSize:o,children:c.header}),t.jsx(ge,{internationalOnboardingDetails:e,sectionId:W,updateFilesEntity:O,onEditFileName:m,onDeleteFile:C,isReadonly:P,filesEndPoint:s,authParams:d,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),P!=="readonly"&&S.fetchState==="Completed"?t.jsx(le,{formId:R(j),primaryBtn:{label:D.submit,style:{width:"auto",minWidth:o==="small"?"auto":"82px"},isLoading:h.fetchState==="In-Progress"},containerStyle:{width:o==="small"?x.width.valuePx(o):"auto",justifyContent:o==="small"?"space-between":"center"},helperStyle:{width:o==="small"?x.width.valuePx(o):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(o),paddingRight:x.termsPaddingLeftRight.valuePx(o),textAlign:o==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:D.cancel,style:{width:o==="small"?"auto":"82px"},onClick:()=>{g()}},helperText:i,style:{padding:`12px ${r.sp3}`,zIndex:4}}):null]})},Se=e=>{const{verificationFormFields:s,verificationFormLocalData:d,userFiles:P}=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]=A(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]=P.find(m=>m.fileId!==d[a.name]):n[a.name]=d[a.name]}),{[W]:{formData:n}}},R=e=>`${e}_form`,Fe=f.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Pe=f(ne)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>x.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>x.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,$e=f.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=>x.verificationDetailsRowGap.valuePx(e.windowSize)};
+`,ve=f.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};
+`,je=f(q)`
+  text-align: center;
+  max-width: 750px;
+  color: ${e=>e.theme.colors.hero};
+`,De=f.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${r.sp3};
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${we.title.style(e.windowSize)}`};
+`;export{_e as default,R as uniqueName};