@zeniai/web-cockpit-ui 1.15.23-dev → 1.15.24-dev

package/dist/assets/{InsightsSection-C3X6ZNEt-CSaE3QjL.js → InsightsSection-CwYXRQBN-CI3Avgr4.js}

@@ -1,27 +1,27 @@
-import{J as j,V as i,aP as $,o as g,y as d,ai as S,O as v,aq as z,u as l,al as I,ba as k}from"./index-CNJQ6T57.js";import{a as h}from"./sentry-9b1mvxJ5.js";import{n as t}from"./mui-DsjrNjDe.js";import{k as T}from"./NavigationDots-C7Na64B9-CHGprwD5.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]="20230f2d-ad3c-46b1-98a2-98b3f6e79466",e._sentryDebugIdIdentifier="sentry-dbid-20230f2d-ad3c-46b1-98a2-98b3f6e79466")}catch{}})();const m={imageHeight:new d(l[4],l[10]),imageWidth:new d(l[4],l[10]),imageMarginRight:new d(l[2],l[3])},D={title:new v("largeMedium","h6Medium")},H=t.div`
+import{J as j,V as i,aQ as $,o as g,y as d,ai as S,N as v,aq as z,u as l,al as I,bb as k}from"./index-BJwUmr6X.js";import{a as h}from"./sentry-Dozbf0xW.js";import{n as t}from"./mui-BPiKl8lE.js";import{k as D}from"./NavigationDots-CCLpxuwG-stH2nUIP.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]="86cf4f62-777d-4eda-87a6-8be59607dbad",e._sentryDebugIdIdentifier="sentry-dbid-86cf4f62-777d-4eda-87a6-8be59607dbad")}catch{}})();const m={imageHeight:new d(l[4],l[10]),imageWidth:new d(l[4],l[10]),imageMarginRight:new d(l[2],l[3])},T={title:new v("largeMedium","h6Medium")},H=t.div`
   display: flex;
   width: 100%;
   flex-direction: column;
 `,M=t.div`
   display: flex;
   flex-direction: row;
-`,P=t.div`
+`,E=t.div`
   margin-top: ${g.sp1};
   margin-right: ${e=>m.imageMarginRight.valuePx(e.windowSize)};
   line-height: normal;
-`,E=t.img`
+`,P=t.img`
   width: ${e=>m.imageWidth.valuePx(e.windowSize)};
   height: ${e=>m.imageHeight.valuePx(e.windowSize)};
 `,_=t.div`
   cursor: ${e=>e.showHand?"pointer":"default"};
-`,O=t(S)`
+`,N=t(S)`
   color: ${e=>e.theme.colors.hero};
 `,R=t(z)`
   color: ${e=>e.theme.colors.champion};
-  ${e=>`${D.title.style(e.windowSize)}`};
+  ${e=>`${T.title.style(e.windowSize)}`};
 `,p=t(I)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
 `,x=t(k)`
   color: ${e=>e.theme.colors.hero};
-`;let c;function A({insights:e,summaryTextStyles:s}){const r=j(),[o,f]=h.useState(0),u=h.useRef(!0);h.useEffect(()=>(u.current&&e.length>1&&(c=setInterval(()=>{f(n=>(n+1)%e.length)},1e4)),u.current=!1,()=>{clearTimeout(c)}),[e.length]);const w=n=>{f(n%e.length),clearTimeout(c)},a=e[o],b=()=>{const{details:n}=a;return n.length===1?i.jsx(p,{children:n[0]}):n.map(y=>i.jsxs(p,{children:[i.jsx(x,{children:"-"}),i.jsx(x,{style:{paddingLeft:g.sp1},children:y})]},y))};return e?.length>0&&e[0].summary?i.jsxs(H,{children:[i.jsxs(M,{children:[i.jsx(P,{windowSize:r,children:i.jsx(E,{src:a?.icon?.toString(),windowSize:r,alt:"",loading:"lazy"})}),i.jsxs(_,{showHand:e.length>1,onClick:()=>w(o+1),"data-testid":$("insight-clicked",e[o].title),children:[i.jsx(O,{children:a.title}),i.jsx(R,{windowSize:r,style:s,children:a.summary}),b()]})]}),i.jsx(T,{numberOfDots:e.length,activeIndex:o,style:{marginTop:g.sp3},handleClick:w})]}):null}export{A as F};
+`;let c;function A({insights:e,summaryTextStyles:s}){const r=j(),[o,u]=h.useState(0),f=h.useRef(!0);h.useEffect(()=>(f.current&&e.length>1&&(c=setInterval(()=>{u(n=>(n+1)%e.length)},1e4)),f.current=!1,()=>{clearTimeout(c)}),[e.length]);const w=n=>{u(n%e.length),clearTimeout(c)},a=e[o],b=()=>{const{details:n}=a;return n.length===1?i.jsx(p,{children:n[0]}):n.map(y=>i.jsxs(p,{children:[i.jsx(x,{children:"-"}),i.jsx(x,{style:{paddingLeft:g.sp1},children:y})]},y))};return e?.length>0&&e[0].summary?i.jsxs(H,{children:[i.jsxs(M,{children:[i.jsx(E,{windowSize:r,children:i.jsx(P,{src:a?.icon?.toString(),windowSize:r,alt:"",loading:"lazy"})}),i.jsxs(_,{showHand:e.length>1,onClick:()=>w(o+1),"data-testid":$("insight-clicked",e[o].title),children:[i.jsx(N,{children:a.title}),i.jsx(R,{windowSize:r,style:s,children:a.summary}),b()]})]}),i.jsx(D,{numberOfDots:e.length,activeIndex:o,style:{marginTop:g.sp3},handleClick:w})]}):null}export{A as F};

package/dist/assets/{IntegrationsSettingsPage-CsLv00HW-c8_zALL5.js → IntegrationsSettingsPage-VPy6IQco-D5f0_wQb.js}

@@ -1,4 +1,4 @@
-import{J as u,d as y,F as d,V as n,bC as x,fz as w,o as i,y as b,am as I,al as S,ck as k,aT as $}from"./index-CNJQ6T57.js";import{n as t,c as j,k as C}from"./mui-DsjrNjDe.js";import{t as v}from"./QBOSetupSection-DQjol-D0-05cxakPz.js";import"./sentry-9b1mvxJ5.js";import"./liveblocks-CUDrE-0X.js";import"./core-Be77t6wT.js";import"./recharts-CmZa-egc.js";import"./zeni-epic-state-DJX8u9R8.js";import"./lottie-C5G-hUN3.js";import"./analytics-DH2FWXQR.js";import"./lexical-4qH-Yr6_.js";import"./utils-VcZ1Xqjg.js";import"./QBOConnectionDialog-C3OYyhYO-5hTjd5-l.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]="70154f91-2a66-430e-b9df-06682dc44723",e._sentryDebugIdIdentifier="sentry-dbid-70154f91-2a66-430e-b9df-06682dc44723")}catch{}})();const{common:{texts:z}}=d.getLocalizedStrings();function E(e){return n.jsxs(B,{isEnabled:e.isEnabled,onClick:e.onClick,children:[n.jsx(P,{spinRefreshIcon:e.spinRefreshIcon,children:n.jsx(V,{})}),n.jsx(O,{children:z.refresh})]})}const B=t.div`
+import{J as u,e as y,F as d,V as n,bD as x,fy as w,o as i,y as b,am as I,al as S,cl as j,aU as k}from"./index-BJwUmr6X.js";import{n as t,c as $,k as v}from"./mui-BPiKl8lE.js";import{t as C}from"./QBOSetupSection-Blf2QxYu-XsjB6fpI.js";import"./sentry-Dozbf0xW.js";import"./liveblocks-gc1Zpgue.js";import"./core-BCC1NfcO.js";import"./recharts-CTVVh_-r.js";import"./zeni-epic-state-DD2IEaUq.js";import"./lottie-PDiRMFOU.js";import"./analytics-BVR-nkdQ.js";import"./lexical-D1A0yBcv.js";import"./utils-CJtHQQTa.js";import"./QBOConnectionDialog-BCOigpzW-42XztANC.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]="80672428-1f82-4982-9f43-a6fc478b25a8",e._sentryDebugIdIdentifier="sentry-dbid-80672428-1f82-4982-9f43-a6fc478b25a8")}catch{}})();const{common:{texts:E}}=d.getLocalizedStrings();function V(e){return n.jsxs(z,{isEnabled:e.isEnabled,onClick:e.onClick,children:[n.jsx(O,{spinRefreshIcon:e.spinRefreshIcon,children:n.jsx(P,{})}),n.jsx(B,{children:E.refresh})]})}const z=t.div`
   position: relative;
   display: flex;
   width: fit-content;
@@ -9,32 +9,32 @@ import{J as u,d as y,F as d,V as n,bC as x,fz as w,o as i,y as b,am as I,al as S
   &:hover {
     color: ${e=>e.isEnabled?e.theme.colors.primary:void 0};
   }
-`,O=t($)`
+`,B=t(k)`
   margin-left: ${i.sp2};
   display: flex;
   align-items: center;
-`,P=t.div`
-  animation: ${e=>e.spinRefreshIcon??!1?j`
-          ${R} 3s
+`,O=t.div`
+  animation: ${e=>e.spinRefreshIcon??!1?$`
+          ${D} 3s
         `:"none"};
-`,V=t(k)`
+`,P=t(j)`
   height: ${i.sp4};
   width: ${i.sp4};
-`,R=C`
+`,D=v`
   0% {
     rotate: 0
   }
   100% {
     rotate: 720deg;
   }
-`,D={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(E,{isEnabled:l.refreshQBO.fetchState!=="In-Progress",onClick:()=>p(),spinRefreshIcon:l.refreshQBO.fetchState==="In-Progress"}),onClickMenuIcon:m}),n.jsxs(T,{windowSize:o,children:[n.jsx(W,{windowSize:o,children:n.jsx(L,{windowSize:o,children:c.infoText.integrations})}),n.jsx(v,{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`
+`,R={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(V,{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(U,{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};
-`,T=t.div`
+`,L=t.div`
   width: 100%;
   margin: auto;
   display: flex;
@@ -43,13 +43,13 @@ import{J as u,d as y,F as d,V as n,bC as x,fz as w,o as i,y as b,am as I,al as S
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,W=t(I)`
+`,T=t(I)`
   display: flex;
   justify-content: center;
   align-items: center;
-  width: ${e=>D.subtitleSectionWidth.valuePx(e.windowSize)};
+  width: ${e=>R.subtitleSectionWidth.valuePx(e.windowSize)};
   margin-bottom: ${i.sp5};
-`,L=t(S)`
+`,U=t(S)`
   display: flex;
   align-items: center;
 

package/dist/assets/{InternationalWireSwiftDetailsPage-DgrN5Xg7-ik2bKR2J.js → InternationalWireSwiftDetailsPage-CbztUTOk-DKKJSiFP.js}

@@ -1,4 +1,4 @@
-import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as be,ac as pe,aR as fe,y as l,o as d,b9 as me,cJ as Q,aQ as ee,ev as Z,i1 as U,cK as G,i2 as te,cM as he,u as i,cO as ge,aP as W,p as $,hP as xe,ad as ke,eE as we,r as ye,O as $e,bG as ve,aq as Ce,b as Se,i3 as je,bY as Be,an as Ie}from"./index-CNJQ6T57.js";import{a as M}from"./sentry-9b1mvxJ5.js";import{n}from"./mui-DsjrNjDe.js";import{bi as ae}from"./zeni-epic-state-DJX8u9R8.js";import{W as Ae,A as Te}from"./BankAccountWarningSection-uMOXLH0B-ZXC_xQuj.js";import{T as Le}from"./MailingDetailsSection-BJfZvT0b-Cqv93bBS.js";import{M as De}from"./MagicLinkTitleSection-77rxhjLm-DuK-hJU3.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]="f6ec5094-da75-4559-810d-420b46d3b5ec",e._sentryDebugIdIdentifier="sentry-dbid-f6ec5094-da75-4559-810d-420b46d3b5ec")}catch{}})();const K={tooltipRightPosition:new l(i[6],i[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},Ne=({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:v="off",isDisabled:g,defaultValue:I,style:A,hoverBgColor:k,registerOptions:T,protectedInfoText:w,isSaveError:C=!1,buttonProps:y,disableCopyPaste:c=!1}){const{control:r,register:p,formState:{errors:S},setFocus:m}=Q(),z=Z(S,o),j=Object.assign({},T),{label:h,isDisabled:O,fetchState:V,onButtonClick:F}=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 q=g==="disabled"||g==="readonly"||w!=null;return w!=null?t.jsxs(Ve,{style:A,children:[t.jsx(Ne,{protectedInfoText:w}),t.jsx(We,{id:o,children:I})]}):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:{...T},defaultValue:I??"","data-testid":W("text-field-with-button",o),render:({field:{onChange:H,onBlur:_,value:N,ref:L}})=>t.jsxs(t.Fragment,{children:[t.jsx(Ee,{type:e==="password"||e==="hidden"?e:void 0,isError:z,style:A,placeholder:a,disabled:q,...p(o,j),id:o,ref:L,value:N,autoComplete:s,placeholderAlignment:b,hoverBgColor:k,isSaveError:C,onBlur:_,onChange:H,"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(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: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 Ee=n(je)`
+import{J as R,a9 as le,F as K,cG as se,aE as de,V as t,cq as ce,cr as ue,cs as be,ac as pe,aS as he,y as l,o as d,ba as me,cT as Z,aR as ee,c$ as X,h$ as G,cJ as Q,i0 as te,cL as fe,u as i,cZ as ge,aQ as W,p as $,hN as xe,ad as we,d0 as ke,i as ye,N as $e,bH as Ce,aq as ve,b as Se,i1 as je,bZ as Be,an as Ie}from"./index-BJwUmr6X.js";import{a as M}from"./sentry-Dozbf0xW.js";import{n}from"./mui-BPiKl8lE.js";import{bi as ae}from"./zeni-epic-state-DD2IEaUq.js";import{W as Ae,A as Le}from"./BankAccountWarningSection-b7VJzhDr-C9lI5R8O.js";import{T as Ne}from"./MailingDetailsSection-wmwBSANL-jxA64fnZ.js";import{M as Te}from"./MagicLinkTitleSection-CPs72o7_-B260haOm.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]="810b375c-2a33-421c-a053-7c4bb81e948e",e._sentryDebugIdIdentifier="sentry-dbid-810b375c-2a33-421c-a053-7c4bb81e948e")}catch{}})();const U={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:L,protectedInfoText:k,isSaveError:v=!1,buttonProps:y,disableCopyPaste:c=!1}){const{control:r,register:p,formState:{errors:S},setFocus:m}=Z(),E=X(S,o),j=Object.assign({},L),{label:f,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:{...L},defaultValue:I??"","data-testid":W("text-field-with-button",o),render:({field:{onChange:q,onBlur:_,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:_,onChange:q,"data-testid":W("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(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:h=>{c&&h.preventDefault()},onCopy:h=>{c&&h.preventDefault()},keepButtonVisible:y.keepButtonVisible}),t.jsx(ye,{label:f,onClick:h=>{h.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}-${f}`)})]})})})}const ze=n(je)`
   display: flex;
   border-width: ${d.sp0};
   outline-width: ${d.sp0};
@@ -23,7 +23,7 @@ import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as b
   &:disabled {
     background-color: ${e=>e.theme.colors.grey5};
   }
-`,ze=n.div`
+`,Ee=n.div`
   position: relative;
   button {
     display: ${e=>e.keepButtonVisible?"flex":"none"};
@@ -41,7 +41,7 @@ import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as b
   justify-content: flex-end;
   width: 100%;
   padding: 0 ${d.sp3};
-`,We=n(Ce)`
+`,We=n(ve)`
   color: ${e=>e.theme.colors.primary};
   margin-left: 12px;
   margin-top: 6px;
@@ -68,12 +68,12 @@ import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as b
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${d.sp1};
   z-index: 1;
-  right: ${e=>K.tooltipRightPosition.valuePx(e.windowSize)};
-  width: ${e=>K.tooltipWidth.valuePx(e.windowSize)};
-  top: ${e=>K.tooltipTopPosition.valuePx(e.windowSize)};
+  right: ${e=>U.tooltipRightPosition.valuePx(e.windowSize)};
+  width: ${e=>U.tooltipWidth.valuePx(e.windowSize)};
+  top: ${e=>U.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])},qe={infoLabel:new $e("extraSmallRegular","smallRegular")};function He({isDisabled:e,label:o,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:x=!0,protectedInfoText:v,isSaveError:g,showTickIcon:I,showErrorInfoLabel:A,errorInfoLabel:k,disableCopyPaste:T=!1,showTooltip:w=!1,tooltipTitle:C,onBlur:y}){const c=R(),{formState:{errors:r}}=Q(),p=Z(r,a.name);return t.jsxs(_e,{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:w,tooltipTitle:C}),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:v,isSaveError:g,onBlur:y,disableCopyPaste:T}),(x||p)&&t.jsxs(oe,{size:c,isError:p,children:[I===!0?t.jsx(Ge,{children:t.jsx(Ke,{})}):null,s]}),A===!0&&t.jsx(oe,{size:c,isError:!0,children:k})]})]})}const _e=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 qe({isDisabled:e,label:o,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:x=!0,protectedInfoText:C,isSaveError:g,showTickIcon:I,showErrorInfoLabel:A,errorInfoLabel:w,disableCopyPaste:L=!1,showTooltip:k=!1,tooltipTitle:v,onBlur:y}){const c=R(),{formState:{errors:r}}=Z(),p=X(r,a.name);return t.jsxs(_e,{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(Ge,{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:L}),(x||p)&&t.jsxs(oe,{size:c,isError:p,children:[I===!0?t.jsx(Qe,{children:t.jsx(Ue,{})}):null,s]}),A===!0&&t.jsx(oe,{size:c,isError:!0,children:w})]})]})}const _e=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -113,7 +113,7 @@ import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as b
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?$.importantLight:e.theme.colors.background};
     }
   }
-`,Ue=n.div`
+`,Ge=n.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
@@ -122,21 +122,21 @@ import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as b
 `,oe=n.label`
   display: flex;
   color: ${e=>e.isError?$.important:e.theme.colors.grey1};
-  ${e=>`${qe.infoLabel.style(e.size)}`};
+  ${e=>`${He.infoLabel.style(e.size)}`};
   padding-right: ${d.sp3};
   text-align: right;
-`,Ge=n.div`
+`,Qe=n.div`
   display: flex;
   margin-right: ${d.sp1};
   align-items: center;
-`,Ke=n(ve)`
+`,Ue=n(Ce)`
   width: ${d.sp3};
   height: ${d.sp3};
   color: ${$.successDark};
-`,ie={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Je=({sectionId:e,bankNameBySwift:o,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:x,style:v})=>{const g=R(),{getValues:I,setValue:A,formState:{errors:k}}=Q(),{fetchState:T}=s,w=ee(s.fetchState),C=ee(a?.bankSwiftCode),y=Z(k,P(e,"bankSwiftCode"));M.useEffect(()=>{(w==="In-Progress"||C!=null&&C!==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,w,C]);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(Qe,{children:[t.jsx(He,{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(J,{}),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(J,{}),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(J,{}),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}`,Ye=n.div`
+`,ie={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Je=({sectionId:e,bankNameBySwift:o,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:x,style:C})=>{const g=R(),{getValues:I,setValue:A,formState:{errors:w}}=Z(),{fetchState:L}=s,k=ee(s.fetchState),v=ee(a?.bankSwiftCode),y=X(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:C,children:t.jsxs(Ze,{children:[t.jsx(qe,{label:{label:r.swiftCode,width:p},text:{type:"text",name:P(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(J,{}),t.jsx(Q,{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(J,{}),t.jsx(Q,{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(J,{}),t.jsx(Q,{label:{label:r.accountNickName,width:p},text:{type:"text",name:P(e,"bankAccountName"),placeholder:fe(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},P=(e,o)=>`${e}.${o}`,Ke=n.div`
   display: flex;
   flex-direction: column;
-`,Qe=n.div`
+`,Ze=n.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -149,11 +149,11 @@ import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as b
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,D={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",E="internationalWireSwiftAccountSection",Ze="mailingAddressSection",re=e=>`${e}_form`,bt=({bankAccountCreationState:e,bankNameBySwift:o,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:x,mailingAddress:v,isDisabled:g,style:I,companyName:A,isMagicLink:k,currencySymbol:T,amount:w,onSaveHandler:C,onBankDetailsUpdated:y,onFetchBankNameBySwift:c,onAddressClick:r,onBackClick:p})=>{const S=R(),m=le({mode:"all",reValidateMode:"onBlur",defaultValues:M.useMemo(()=>Xe(s),[s])}),[z,j]=M.useState(!1),h=Y.getLocalizedStrings().spendManagement.billPay.vendorCreation,O=Y.getLocalizedStrings().common.footer,{international:V}=h.wireDetails,F={onOkClick:()=>{j(!1),m.reset(),p?.()},onCancelClick:()=>{j(!1)}},q=async(N,L)=>{const f=L[E].bankName,u=L[E].bankSwiftCode,X=Object.assign({},L);N===`${E}.bankSwiftCode`&&(f||!f&&o[u]?.bankName)&&(X[E].bankName=o[u]?.bankName??""),y(X)};M.useEffect(()=>{const N=m.watch((L,{name:f})=>{f!=null&&L!=null&&se(()=>q(f,L))});return()=>{N.unsubscribe()}});const H=m.handleSubmit(N=>{b.fetchState!=="In-Progress"&&C("wire")}),_=!de(v!=null?ae(v):v,x!=null?ae(x):x)||et(s)||m.formState.isDirty;return t.jsxs(at,{children:[t.jsxs(ot,{style:I,size:S,children:[z===!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:k?t.jsx(De,{companyName:A??"",currencySymbol:T??"",amount:w??0}):V.addInternationalWireDetails,isMagicLink:k,isDirty:_,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:H,children:[t.jsx(tt,{size:S,children:t.jsx(Je,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:b,sectionId:E,isDisabled:g,onFetchBankNameBySwift:c})}),t.jsx(Le,{sectionId:Ze,isDisabled:g,addressType:a,addressToEdit:x,onAddressClick:r})]})})]}),t.jsx(fe,{formId:re(ne),primaryBtn:{label:k?h.bankAccountCommon.submitDetails:h.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:D.buttonWidth.value(S)},isDisabled:g!=null},showCancel:!k,cancelBtn:{label:O.cancel,style:{width:D.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{m.formState.isDirty?j(!0):(m.reset(),p?.())}}})]})},Xe=e=>({[E]:{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=>D.paddingLeftContainer.valuePx(e.size)};
-  padding-right: ${e=>D.paddingRightContainer.valuePx(e.size)};
-  padding-top: ${e=>D.paddingTopBottomContainer.valuePx(e.size)};
-  padding-bottom: ${e=>D.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",z="internationalWireSwiftAccountSection",Xe="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:L,amount:k,onSaveHandler:v,onBankDetailsUpdated:y,onFetchBankNameBySwift:c,onAddressClick:r,onBackClick:p})=>{const S=R(),m=le({mode:"all",reValidateMode:"onBlur",defaultValues:M.useMemo(()=>Ye(s),[s])}),[E,j]=M.useState(!1),f=K.getLocalizedStrings().spendManagement.billPay.vendorCreation,O=K.getLocalizedStrings().common.footer,{international:V}=f.wireDetails,F={onOkClick:()=>{j(!1),m.reset(),p?.()},onCancelClick:()=>{j(!1)}},H=async(D,N)=>{const h=N[z].bankName,u=N[z].bankSwiftCode,Y=Object.assign({},N);D===`${z}.bankSwiftCode`&&(h||!h&&o[u]?.bankName)&&(Y[z].bankName=o[u]?.bankName??""),y(Y)};M.useEffect(()=>{const D=m.watch((N,{name:h})=>{h!=null&&N!=null&&se(()=>H(h,N))});return()=>{D.unsubscribe()}});const q=m.handleSubmit(D=>{b.fetchState!=="In-Progress"&&v("wire")}),_=!de(C!=null?ae(C):C,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:f.discardTitle}),descriptionComponent:t.jsx(ue,{children:f.discardDescription}),primaryButtonText:f.discard,secondaryButtonText:f.cancel,action:F}):null,t.jsx(Ae,{header:w?t.jsx(Te,{companyName:A??"",currencySymbol:L??"",amount:k??0}):V.addInternationalWireDetails,isMagicLink:w,isDirty:_,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(Je,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:b,sectionId:z,isDisabled:g,onFetchBankNameBySwift:c})}),t.jsx(Ne,{sectionId:Xe,isDisabled:g,addressType:a,addressToEdit:x,onAddressClick:r})]})})]}),t.jsx(he,{formId:re(ne),primaryBtn:{label:w?f.bankAccountCommon.submitDetails:f.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:T.buttonWidth.value(S)},isDisabled:g!=null},showCancel:!w,cancelBtn:{label:O.cancel,style:{width:T.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{m.formState.isDirty?j(!0):(m.reset(),p?.())}}})]})},Ye=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=>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;
@@ -166,6 +166,6 @@ import{J as R,a9 as le,F as Y,cF as se,aD as de,V as t,cp as ce,cq as ue,cr as b
   flex-grow: 1;
 `,it=n(me)`
   color: ${e=>e.theme.colors.champion};
-  margin-left: ${e=>D.marginLeft.valuePx(e.size)};
+  margin-left: ${e=>T.marginLeft.valuePx(e.size)};
   margin-top: ${d.sp3};
 `;export{bt as f};

package/dist/assets/InternationalWireVerificationPage-YuglosZT-hHWwb4SL.js

@@ -0,0 +1,292 @@
+import{e as G,J as U,F as J,V as t,ae as Y,aR as ae,a9 as re,cG as ne,bD as se,T as de,ac as ce,aS as ue,o as i,y as g,am as Q,kU as K,e$ as pe,al as Z,N as me,f1 as he,b as T,u as d,cP as ge,cQ as fe,cZ as be,p as L,cT as xe,c$ as ye,d0 as we,bI as $e,bJ as F,kV as ve,c as X,bH as Se}from"./index-BJwUmr6X.js";import{a as B}from"./sentry-Dozbf0xW.js";import{n as u}from"./mui-BPiKl8lE.js";import{bL as R,bh as je}from"./zeni-epic-state-DD2IEaUq.js";import{Y as Fe}from"./LabeledDocumentField-D520KMMj-BWBkZsyZ.js";import"./liveblocks-gc1Zpgue.js";import"./core-BCC1NfcO.js";import"./recharts-CTVVh_-r.js";import"./lottie-PDiRMFOU.js";import"./analytics-BVR-nkdQ.js";import"./lexical-D1A0yBcv.js";import"./utils-CJtHQQTa.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="a9791a70-d8a2-4564-8018-5d23e657212d",e._sentryDebugIdIdentifier="sentry-dbid-a9791a70-d8a2-4564-8018-5d23e657212d")}catch{}})();const De=({name:e,registerOptions:l,defaultValue:r,isDisabled:m,style:s,placeholder:n})=>{const{control:f,formState:{errors:C}}=xe(),P=G(),z=ye(C,e??""),b=o=>({value:o.value,label:o.label}),y=o=>o.map(p=>b(p)),O=o=>{if(!(o==null||!o))return{value:o,label:r.allOptions.find(p=>p.value===o)?.label??o}},h=o=>o.map(p=>O(p)),k={container:o=>({...o,width:"100%",...s}),menu:o=>({...o,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:o=>({...o,borderRadius:i.sp1})},w={hasError:z};return t.jsx(we,{name:e,control:f,defaultValue:r,rules:l,render:({field:{onChange:o,onBlur:p,value:v,ref:V}})=>t.jsx($e,{...w,ref:V,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:n,value:h(v.selectedOptions),options:y(v.allOptions),onChange:a=>{o({selectedOptions:a.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:Pe,Option:Te,Input:Ie,MultiValue:Ce,MultiValueLabel:ze,MultiValueRemove:Oe,ValueContainer:ke,DropdownIndicator:Ue,IndicatorSeparator:Ye,Placeholder:Ee,ClearIndicator:Ve},hideSelectedOptions:!1,styles:k,isDisabled:m!=null})})},Pe=e=>{const{menuIsOpen:l,isFocused:r,isDisabled:m,selectProps:s}=e,{value:n,hasError:f}=s;return t.jsx(Me,{menuIsOpen:l,isFocused:r,isDisabled:m,optionsLen:n.length,hasError:f,children:t.jsx(F.Control,{...e,className:"select-control",children:e.children})})},ke=e=>{const{selectProps:l}=e,{value:r}=l;return t.jsxs(F.ValueContainer,{...e,className:"select-value-container",children:[e.children,t.jsx(_e,{className:"selected-options",children:r.map(m=>m.label).join(", ")})]})},Ie=e=>{const{selectProps:l}=e,{placeholder:r,value:m}=l;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}),ze=e=>{const{data:l}=e;return t.jsx(F.MultiValueLabel,{...e,children:l.label})},Oe=e=>t.jsx(F.MultiValueRemove,{...e,children:t.jsx(ee,{style:{marginTop:"2px"}})}),Ve=e=>t.jsx(F.ClearIndicator,{...e,children:t.jsx(ee,{})}),Ee=()=>null,Te=e=>{const{isSelected:l,isDisabled:r,isFocused:m}=e;return t.jsx(Le,{isFocused:m,isSelected:l,isDisabled:r,children:t.jsx(F.Option,{...e,className:"select-option",children:t.jsxs(Be,{children:[t.jsx(ve,{countryCode3:e.value}),t.jsx(Ne,{children:t.jsx(Re,{isSelected:l,isDisabled:r,children:e.label})}),l?t.jsxs(We,{children:[t.jsx(He,{className:"right-tick-icon"}),t.jsx(X,{className:"close-tick-icon"})]}):null]})})})},Me=u.div`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+
+  .select-control {
+    border: none;
+    padding: 0 ${i.sp3};
+    min-height: 100%;
+    background-color: inherit;
+    box-shadow: none;
+
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+     background-color: ${e=>e.hasError?L.importantLight:e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+      border: none;
+    }
+
+    width: auto;
+    cursor: pointer;
+
+    .multi-select-field__indicators {
+      display: ${e=>e.isFocused?"flex":"none"};
+    }
+
+    .multi-select-field__clear-indicator {
+      padding: 0;
+      margin-left: ${i.sp2};
+      color: ${e=>e.theme.colors.primary};
+      transition: none;
+      &:hover {
+        background-color: transparent;
+        color: ${e=>e.theme.colors.primary};
+      }
+    }
+
+    .multi-select-field__value-container {
+      gap: ${e=>e.isFocused?`${i.sp2}`:`${i.sp0}`};
+    }
+  }
+
+  .select-value-container {
+    width: 100%;
+    padding: 6px ${i.sp0};
+    overflow: auto;
+    display: ${e=>e.isFocused===!1&&e.optionsLen===0?"block":"flex"};
+    justify-content: flex-start;
+    align-items: center;
+    flex-wrap: wrap;
+    cursor: pointer;
+
+    ${T.extraSmallRegular.css}
+
+    .selected-options {
+      display: ${e=>e.isFocused?"none":"block"};
+      overflow: initial;
+      text-overflow: unset;
+      white-space: initial;
+      text-align: right;
+    }
+
+    .multi-select-field__multi-value {
+      padding: 1px ${i.sp2};
+      min-width: fit-content;
+      background-color: transparent;
+      margin: ${i.sp0};
+      display: ${e=>e.isFocused?"flex":"none"};
+      color: ${e=>e.theme.colors.primary};
+      border: 1px solid ${e=>e.theme.colors.primary};
+      box-sizing: border-box;
+      border-radius: ${i.sp1};
+      :last-of-type {
+        margin: ${i.sp0};
+      }
+    }
+
+    .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"};
+      ${T.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${i.sp0};
+      cursor: inherit;
+      color: ${e=>e.hasError?L.important:e.theme.colors.primary};
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.optionsLen===0?"right":"initial"};
+        align-items: center;
+        z-index: 2;
+        overflow: hidden;
+        cursor: inherit;
+
+        ::placeholder {
+          color: ${e=>e.hasError?L.important:e.theme.colors.grey1};
+        }
+        }
+
+        :disabled {
+          visibility: visible;
+        }
+      }
+    }
+
+    .multi-select-field__multi-value__label {
+      color: inherit;
+      padding: 0;
+      margin-right: ${i.sp1};
+      ${T.standardRegular.css};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .multi-select-field__multi-value__remove {
+      padding: 0;
+      &:hover {
+        background-color: transparent;
+        color: ${e=>e.theme.colors.primary};
+      }
+    }
+  }
+`,_e=u(Z)`
+  color: ${e=>e.theme.colors.primary};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+`,Le=u.div`
+  .select-option {
+    ${T.smallRegular.css};
+    height: ${i.sp6};
+    padding: 9px ${i.sp3};
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
+    background-color: ${e=>e.isSelected||e.isFocused?e.theme.colors.background:e.theme.colors.grey5};
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+
+    .close-tick-icon {
+      display: none;
+    }
+
+    &:hover {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
+
+      .right-tick-icon {
+        display: none;
+      }
+
+      .close-tick-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,Be=u.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Re=u.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+`,Ne=u.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`,We=u.div`
+  display: flex;
+`,He=u(Se)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  color: ${e=>e.theme.colors.primary};
+`,ee=u(X)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Ue=()=>null,Ye=()=>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:l,multiSelectField:r,style:m}){const s=U();return t.jsxs(Ae,{size:s,style:m,isDisabled:e!=null,children:[t.jsx(be,{isDisabled:e,label:l.label,htmlFor:r.name,style:{marginLeft:$.labelMarginLeft.value(s),marginRight:$.labelMarginRight.value(s),marginTop:$.labelMarginTop.value(s),width:l.width??"auto"}}),t.jsx(De,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:l.width!=null?`calc(100% - ${l.width}px)`:"auto",minHeight:$.controlHeight.value(s)}})]})}const Ae=u.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>$.width.valuePx(e.size)};
+  min-height: ${e=>$.height.valuePx(e.size)};
+  padding-right: ${e=>$.marginRight.valuePx(e.size)};
+  padding-top: ${e=>$.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>$.paddingTopBottom.valuePx(e.size)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .select-control {
+      background-color: ${e=>e.theme.colors.background};
+    }
+  }
+
+  &:hover {
+    z-index: 2;
+    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
+    .select-control {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+    }
+  }
+`,q={largeLabelWidth:new g(150,210,252),paddingBottom:new g(d[3],d[2])},Ge=({sectionId:e,internationalOnboardingDetails:l,filesEndPoint:r,authParams:m,isReadonly:s,deleteFileStatusById:n,updateFileStatusById:f,onEditFileName:C,onDeleteFile:P,updateFilesEntity:z})=>{const b=U(),{verificationFormLocalData:y}=l,{dateFormat:{visual:O},common:{documents:h},commonSetUp:{businessVerification:k},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:w}}}}}=J.getLocalizedStrings(),o=q.largeLabelWidth.value(b),[p,v]=B.useState(!1),V=l.verificationFormFields.slice().sort((a,c)=>a.type==="file"&&c.type!=="file"?-1:0);return t.jsx(Je,{children:t.jsx(Qe,{children:V.map(a=>{switch(a.type){case"file":return t.jsxs(t.Fragment,{children:[t.jsx(Fe,{name:S(e,a.name),isDisabled:s,sizeLimit:fe,deleteFileStatusById:n,updateFileStatusById:f,filesEndPoint:r,authParams:m,label:{label:a.label,width:o},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:l.userFiles.find(c=>c.fileId===y[a.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:p,updateFilesEntity:z,onEditFileName:C,onDeleteFile:P,onFileSizeError:c=>v(c),placeholderText:k.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},S(e,a.name)),s!=="readonly"?t.jsx(Ke,{windowSize:b,isError:!1,children:h.formatDocumentText10MB}):null,t.jsx(_,{})]});case"date":return t.jsxs(t.Fragment,{children:[t.jsx(ge,{isDisabled:s,label:{label:a.label+w.colon,width:o},style:{paddingBottom:q.paddingBottom.valuePx(b)},dateField:{name:S(e,a.name),placeholder:a.placeholder,defaultValue:y[a.name]?R(y[a.name]):void 0,dateFormat:O.defaultInput,maxDate:je().subtract(1,"day"),minDate:R("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},S(e,a.name)),t.jsx(_,{})]});case"enum":return a.isMultipleValuesAllowed===!1?t.jsxs(t.Fragment,{children:[t.jsx(he,{isDisabled:s,label:{label:a.label+w.colon,width:o},singleSelectPickerField:{name:S(e,a.name),placeholder:a.placeholder,optionHeight:d[6],optionTextStyle:T.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},defaultValue:{selectedOption:y[a.name],allOptions:a.fieldValues.map(c=>({label:c.description,value:c.code}))}}},S(e,a.name)),t.jsx(_,{})]}):t.jsx(qe,{isDisabled:s,label:{label:a.label+w.colon,width:o},style:{zIndex:0},multiSelectField:{name:S(e,a.name),placeholder:a.placeholder,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOptions&&c.selectedOptions.length>0},defaultValue:K(y[a.name],a.fieldValues.map(c=>c.code))}},S(e,a.name));default:return t.jsx(_,{})}})})})},S=(e,l)=>`${e}.formData.${l}`,Je=u.div`
+  display: flex;
+  flex-direction: column;
+`,Qe=u.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+`,_=u.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ke=u(Q)`
+  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?L.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])},Ze={title:new me("standardSemiBold","largeSemiBold")},H="intlWireVerification",xt=({internationalOnboardingDetails:e,filesEndPoint:l,authParams:r,isReadonly:m,analytics:s,isLocalCurrencyEnabled:n,onEditFileName:f,onDeleteFile:C,updateFilesEntity:P,onFormDataChange:z,onCancelClick:b,onSubmitClick:y})=>{const O=G(),h=U(),k="IntlWireverificationPage",{verificationFormFetchState:w,verificationFormSubmitState:o}=e,{commonSetUp:{internationalWire:p},common:{footer:v},dateFormat:{analytics:{YYYYDashMMDashDDFormat:V}}}=J.getLocalizedStrings(),a=t.jsxs(ot,{children:[p.terms1,t.jsx(Y,{href:p.tosUrl,linkText:p.tos}),p.and,t.jsx(Y,{href:p.privacyPolicyUrl,linkText:p.privacyPolicy})]}),c=ae(o.fetchState),M=re({mode:"all",reValidateMode:"onChange",defaultValues:B.useMemo(()=>Xe(e),[e])}),{isValid:te}=M.formState;B.useEffect(()=>{c==="In-Progress"&&o.fetchState==="Completed"&&b()},[c,o,b]);const ie=M.handleSubmit(()=>{te&&(s?.trackSubmitIntlWire(n),y())}),le=async N=>{const x=N[H].formData;if(x!=null){let E={};Object.keys(x).forEach(D=>{const W=e.verificationFormFields.find(I=>I.name===D);if(x[D]!=null&&W!=null){let I;switch(W.type){case"file":I=x[D].fileId;break;case"date":I=R(x[D].toString()).format(V);break;default:I=W.isMultipleValuesAllowed===!0?x[D].selectedOptions.map(oe=>pe(oe)):x[D].selectedOption;break}E={...E,[D]:I}}}),z(E)}};return B.useEffect(()=>{const N=M.watch((x,{name:E})=>{E!=null&&x!=null&&ne(()=>le(x))});return()=>{N.unsubscribe()}}),t.jsxs(et,{children:[t.jsx(se,{title:p.title,backgroundColor:O.colors.grey4,style:{zIndex:4},onBackClick:()=>{b()},showBackButton:!0,showMenuIcon:!1,source:"InternationalWireVerificationPage"}),t.jsxs(it,{windowSize:h,children:[t.jsx(tt,{windowSize:h,children:p.subTitle}),w.fetchState==="In-Progress"||w.fetchState==="Not-Started"?t.jsx(lt,{children:t.jsx(de,{size:"ExtraLarge",start:!0})}):t.jsx(ce,{...M,children:t.jsxs("form",{id:A(k),onSubmit:ie,children:[t.jsx(at,{windowSize:h,children:p.header}),t.jsx(Ge,{internationalOnboardingDetails:e,sectionId:H,updateFilesEntity:P,onEditFileName:f,onDeleteFile:C,isReadonly:m,filesEndPoint:l,authParams:r,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),m!=="readonly"&&w.fetchState==="Completed"?t.jsx(ue,{formId:A(k),primaryBtn:{label:v.submit,style:{width:"auto",minWidth:h==="small"?"auto":"82px"},isLoading:o.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:()=>{b()}},helperText:a,style:{padding:`12px ${i.sp3}`,zIndex:4}}):null]})},Xe=e=>{const{verificationFormFields:l,verificationFormLocalData:r,userFiles:m}=e,s={};return l.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]=K(r[n.name],n.fieldValues.map(f=>f.code)):n.type==="date"?s[n.name]=r[n.name]?R(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}}},A=e=>`${e}_form`,et=u.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,tt=u(Z)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>j.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>j.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,it=u.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: ${i.sp9};
+  row-gap: ${e=>j.verificationDetailsRowGap.valuePx(e.windowSize)};
+`,lt=u.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};
+`,ot=u(Q)`
+  text-align: center;
+  max-width: 750px;
+  color: ${e=>e.theme.colors.hero};
+`,at=u.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${i.sp3};
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Ze.title.style(e.windowSize)}`};
+`;export{xt as default,A as uniqueName};