@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/InternationalWireSwiftDetailsPage-_4BMP68N-DzpoTdAd.js

@@ -0,0 +1,171 @@
+import{u as F,a8 as de,a as Q,dt as ce,b3 as ue,j as t,dc as pe,dd as be,de as me,aa as he,bC as fe,R as l,b as d,bJ as ge,dF as X,bB as ae,dN as Y,jl as q,dv as G,jm as oe,dx as xe,s as i,bm as V,dL as we,C as y,j6 as ke,ab as ye,dO as Ce,B as Se,d as ve,cn as $e,as as Be,t as je,jn as Ie,cM as Le,aj as Te}from"./index-2CdI-B2B.js";import{a as W}from"./core-tlHkQPPu.js";import{n}from"./mui-kiGMfX4-.js";import{bi as ie}from"./zeni-epic-state-Bo1aGezX.js";import{u as Ae,j as Pe}from"./BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js";import{g as Ne}from"./MailingDetailsSection-C_TtoLpj-DODfBmzp.js";import{C as Ee}from"./MagicLinkTitleSection-CzGvBYzB-DMlmyXfy.js";const J={tooltipRightPosition:new l(i[6],i[6]),tooltipTopPosition:new l(35,35),tooltipWidth:new l(180,193)},ze=({protectedInfoText:e})=>{const o=F();return t.jsxs(Fe,{children:[t.jsx(Oe,{}),t.jsx(He,{className:"info-tooltip",windowSize:o,children:t.jsx(Ue,{children:e})})]})};function De({type:e,name:o,placeholder:a,placeholderAlignment:p,autoComplete:s="off",autoCapitalize:g="off",autoTrim:C="off",isDisabled:f,defaultValue:I,style:L,hoverBgColor:x,registerOptions:T,protectedInfoText:w,isSaveError:S=!1,buttonProps:k,disableCopyPaste:u=!1}){const{control:r,register:b,formState:{errors:v},setFocus:m}=X(),E=Y(v,o),$=Object.assign({},T),{label:h,isDisabled:O,fetchState:z,onButtonClick:H}=k;switch(e){case"email":Object.assign($,{pattern:ye});break;case"number":Object.assign($,{valueAsNumber:!0});break;case"url":Object.assign($,{pattern:ke})}const U=f==="disabled"||f==="readonly"||w!=null;return w!=null?t.jsxs(Ve,{style:L,children:[t.jsx(ze,{protectedInfoText:w}),t.jsx(We,{id:o,children:I})]}):t.jsx(Me,{isError:E,fetchState:z,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:k.keepButtonVisible,isButtonHidden:k.isHidden,children:t.jsx(Ce,{name:o,control:r,rules:{...T},defaultValue:I??"","data-testid":V("text-field-with-button",o),render:({field:{onChange:_,onBlur:D,value:R,ref:M}})=>t.jsxs(t.Fragment,{children:[t.jsx(Re,{type:e==="password"||e==="hidden"?e:void 0,isError:E,style:L,placeholder:a,disabled:U,...b(o,$),id:o,ref:M,value:R,autoComplete:s,placeholderAlignment:p,hoverBgColor:x,isSaveError:S,onBlur:D,onChange:_,"data-testid":V("text-field-with-button-input",o),onInput:B=>{const c=B.target;switch(g){case"off":break;case"characters":c.value=c.value.toLocaleUpperCase();break;case"words":c.value=c.value.charAt(0).toLocaleUpperCase().concat(c.value.slice(1))}switch(C){case"off":break;case"trimStart":c.value=c.value.trimStart();break;case"trimEnd":c.value=c.value.trimEnd();break;case"trim":c.value=c.value.trim()}},onPaste:B=>{u&&B.preventDefault()},onCopy:B=>{u&&B.preventDefault()},keepButtonVisible:k.keepButtonVisible}),t.jsx(Se,{label:h,onClick:B=>{B.stopPropagation(),m(o),setTimeout(()=>{H()})},style:{outline:"none"},size:"xs-small",disabled:O,variant:"success",reverseSpinnerColor:!0,loading:z==="In-Progress","data-testid":V("text-field-button",`${o}-${h}`)})]})})})}const Re=n(Ie)`
+  display: flex;
+  border-width: ${d.sp0};
+  outline-width: ${d.sp0};
+  color: ${e=>e.isError||e.isSaveError!==!1?y.important:e.theme.colors.primary};
+  background-color: ${e=>e.isSaveError===!0?y.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?y.important:e.theme.colors.grey1};
+  }
+  &:focus {
+    text-align: left;
+    outline: none;
+    background-color: ${e=>e.isError?y.importantLight:e.theme.colors.background};
+    ${je.standardRegular.css};
+  }
+  &:hover {
+    background-color: ${e=>e.isError?y.importantLight:e.hoverBgColor!==null?e.hoverBgColor:e.theme.colors.background};
+  }
+  &:disabled {
+    background-color: ${e=>e.theme.colors.grey5};
+  }
+`,Me=n.div`
+  position: relative;
+  button {
+    display: ${e=>e.keepButtonVisible?"flex":"none"};
+    position: absolute;
+    right: ${d.sp3};
+  }
+
+  &:focus-within button {
+    display: ${e=>e.isButtonHidden?"none":"flex"};
+  }
+`,Ve=n.div`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  padding: 0 ${d.sp3};
+`,We=n(Be)`
+  color: ${e=>e.theme.colors.primary};
+  margin-left: 12px;
+  margin-top: 6px;
+`,Fe=n.div`
+  color: ${e=>e.theme.colors.primary};
+`,Oe=n(Le)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${d.sp3};
+  height: ${d.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    & + .info-tooltip {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+`,He=n.div`
+  display: none;
+  background-color: ${e=>e.theme.colors.primary};
+  position: absolute;
+  padding: 2px 5px;
+  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)};
+`,Ue=n(Te)`
+  color: ${e=>e.theme.colors.grey5};
+`,j={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])},_e={infoLabel:new ve("extraSmallRegular","smallRegular")};function qe({isDisabled:e,label:o,text:a,style:p,additionalInfoLabel:s,showAdditionalInfoLabel:g=!0,protectedInfoText:C,isSaveError:f,showTickIcon:I,showErrorInfoLabel:L,errorInfoLabel:x,disableCopyPaste:T=!1,showTooltip:w=!1,tooltipTitle:S,onBlur:k}){const u=F(),{formState:{errors:r}}=X(),b=Y(r,a.name);return t.jsxs(Ge,{size:u,style:p,isDisabled:e!=null,isError:b,"data-testid":V("labeled-text-field-with-button",a.name),children:[t.jsx(we,{isDisabled:e,label:o.label,style:{marginLeft:j.labelMarginLeft.value(u),marginRight:j.labelMarginRight.value(u),marginTop:j.labelMarginTop.value(u),width:o.width??"auto"},showTooltip:w,tooltipTitle:S}),t.jsxs(Je,{labelWidth:o.width,children:[t.jsx(De,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:j.controlHeight.value(u),cursor:"inherit"},protectedInfoText:C,isSaveError:f,onBlur:k,disableCopyPaste:T}),(g||b)&&t.jsxs(ne,{size:u,isError:b,children:[I===!0?t.jsx(Ke,{children:t.jsx(Qe,{})}):null,s]}),L===!0&&t.jsx(ne,{size:u,isError:!0,children:x})]})]})}const Ge=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>j.width.valuePx(e.size)};
+  min-height: ${e=>j.height.valuePx(e.size)};
+  padding-right: ${e=>j.marginRight.valuePx(e.size)};
+  padding-top: ${e=>j.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>j.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;
+  }
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+
+    input {
+      background-color: ${e=>e.isError?y.importantLight:e.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${e=>e.isError?y.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?y.importantLight:e.theme.colors.background};
+    }
+  }
+`,Je=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,ne=n.label`
+  display: flex;
+  color: ${e=>e.isError?y.important:e.theme.colors.grey1};
+  ${e=>`${_e.infoLabel.style(e.size)}`};
+  padding-right: ${d.sp3};
+  text-align: right;
+`,Ke=n.div`
+  display: flex;
+  margin-right: ${d.sp1};
+  align-items: center;
+`,Qe=n($e)`
+  width: ${d.sp3};
+  height: ${d.sp3};
+  color: ${y.successDark};
+`,re={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Xe=({sectionId:e,bankNameBySwift:o,bankAccountToCreate:a,isDisabled:p,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:g,style:C})=>{const f=F(),{getValues:I,setValue:L,formState:{errors:x}}=X(),{fetchState:T}=s,w=ae(s.fetchState),S=ae(a?.bankSwiftCode),k=Y(x,P(e,"bankSwiftCode"));W.useEffect(()=>{(w==="In-Progress"||S!=null&&S!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(o).includes(a?.bankSwiftCode)&&o[a?.bankSwiftCode].bankName&&L(P(e,"bankName"),o[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,w,S]);const u=Q.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=u,b=re.largeLabelWidth.value(f),v=re.veryLargeLabelWidth.value(f);return t.jsx(Ye,{style:C,children:t.jsxs(Ze,{children:[t.jsx(qe,{label:{label:r.swiftCode,width:b},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&&g(a.bankSwiftCode)}}},isDisabled:p,style:{width:"auto"},additionalInfoLabel:a?.bankName?a?.bankName:void 0,showTickIcon:!!a?.bankName,showAdditionalInfoLabel:!k,errorInfoLabel:r.invalidSwiftCode}),t.jsx(K,{}),t.jsx(G,{label:{label:r.iban,width:b},text:{type:"text",name:P(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:oe}},isDisabled:p,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.invalidIban}),t.jsx(K,{}),t.jsx(G,{label:{label:r.confirmIban,width:v},text:{type:"text",name:P(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:oe,validate:m=>m!=null&&I(`${e}.bankAccountIban`)===m}},disableCopyPaste:!0,isDisabled:p,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.ibanDontMatch}),t.jsx(K,{}),t.jsx(G,{label:{label:r.accountNickName,width:b},text:{type:"text",name:P(e,"bankAccountName"),placeholder:xe(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:p,style:{width:"auto"}})]})})},P=(e,o)=>`${e}.${o}`,Ye=n.div`
+  display: flex;
+  flex-direction: column;
+`,Ze=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${d.sp0} 2px ${d.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${d.sp2};
+`,K=n.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,A={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)},le="internationalDetailsPage",N="internationalWireSwiftAccountSection",se=e=>`${e}_form`,bt=({bankAccountCreationState:e,bankNameBySwift:o,addressType:a,fetchBankNameBySwiftStatus:p,bankAccountToCreate:s,addressToEdit:g,mailingAddress:C,isDisabled:f,style:I,companyName:L,isMagicLink:x,currencySymbol:T,amount:w,onSaveHandler:S,onBankDetailsUpdated:k,onFetchBankNameBySwift:u,onAddressClick:r,onBackClick:b})=>{const v=F(),m=de({mode:"all",reValidateMode:"onBlur",defaultValues:W.useMemo(()=>et(s),[s])}),[E,$]=W.useState(!1),h=Q.getLocalizedStrings().spendManagement.billPay.vendorCreation,O=Q.getLocalizedStrings().common.footer,{international:z}=h.wireDetails,H={onOkClick:()=>{$(!1),m.reset(),b?.()},onCancelClick:()=>{$(!1)}};W.useEffect(()=>{const D=m.watch((R,{name:M})=>{M!=null&&R!=null&&ce(()=>(async(B,c)=>{const Z=c[N].bankName,ee=c[N].bankSwiftCode,te=Object.assign({},c);B===`${N}.bankSwiftCode`&&(Z||!Z&&o[ee]?.bankName)&&(te[N].bankName=o[ee]?.bankName??""),k(te)})(M,R))});return()=>{D.unsubscribe()}});const U=m.handleSubmit(D=>{p.fetchState!=="In-Progress"&&S("wire")}),_=!ue(C!=null?ie(C):C,g!=null?ie(g):g)||tt(s)||m.formState.isDirty;return t.jsxs(ot,{children:[t.jsxs(it,{style:I,size:v,children:[E===!0?t.jsx(pe,{titleComponent:t.jsx(me,{children:h.discardTitle}),descriptionComponent:t.jsx(be,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:H}):null,t.jsx(Ae,{header:x?t.jsx(Ee,{companyName:L??"",currencySymbol:T??"",amount:w??0}):z.addInternationalWireDetails,isMagicLink:x,isDirty:_,onBackClick:b,setShowConfirmationPopup:$}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Pe,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(nt,{size:v,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(he,{...m,children:t.jsxs("form",{id:se(le),onSubmit:U,children:[t.jsx(at,{size:v,children:t.jsx(Xe,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:p,sectionId:N,isDisabled:f,onFetchBankNameBySwift:u})}),t.jsx(Ne,{sectionId:"mailingAddressSection",isDisabled:f,addressType:a,addressToEdit:g,onAddressClick:r})]})})]}),t.jsx(fe,{formId:se(le),primaryBtn:{label:x?h.bankAccountCommon.submitDetails:h.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:A.buttonWidth.value(v)},isDisabled:f!=null},showCancel:!x,cancelBtn:{label:O.cancel,style:{width:A.buttonWidth.value(v)},shouldResetOnCancel:!1,onClick:()=>{m.formState.isDirty?$(!0):(m.reset(),b?.())}}})]})},et=e=>({[N]:{bankSwiftCode:e?.bankSwiftCode,bankName:e?.bankName??"",bankAccountIban:e?.bankAccountIban,confirmedBankAccountIban:e?.confirmedBankAccountIban,bankAccountName:e?.bankAccountName}}),tt=e=>{if(e==null)return!1;const{bankAccountName:o,bankSwiftCode:a,bankName:p,bankAccountIban:s}=e;return!!o||!!a||!!p||!!s},at=n.div`
+  padding-left: ${e=>A.paddingLeftContainer.valuePx(e.size)};
+  padding-right: ${e=>A.paddingRightContainer.valuePx(e.size)};
+  padding-top: ${e=>A.paddingTopBottomContainer.valuePx(e.size)};
+  padding-bottom: ${e=>A.paddingTopBottomContainer.valuePx(e.size)};
+`,ot=n.div`
+  background-color: ${e=>e.theme.colors.grey4};
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,it=n.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,nt=n(ge)`
+  color: ${e=>e.theme.colors.champion};
+  margin-left: ${e=>A.marginLeft.valuePx(e.size)};
+  margin-top: ${d.sp3};
+`;export{bt as k};

package/dist/assets/InternationalWireVerificationPage-BiDh0ost-o29PWd-q.js

@@ -0,0 +1,292 @@
+import{i as G,u as A,a as J,j as t,ac as q,bB as se,a8 as ne,dt as de,gj as ce,cf as ue,A as pe,aa as me,bC as he,b as i,R as h,ai as Z,ma as K,ah as Q,d as ge,gl as fe,t as L,s as d,dB as xe,dC as be,dL as we,C as R,dF as ye,dN as ve,dO as $e,co as Se,cp as P,mb as Fe,f as X,cn as je}from"./index-2CdI-B2B.js";import{a as V}from"./core-tlHkQPPu.js";import{n as u}from"./mui-kiGMfX4-.js";import{bO as T,bj as Pe}from"./zeni-epic-state-Bo1aGezX.js";import{c as ke}from"./LabeledDocumentField-BEg2KNOF-CXhVMSrJ.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const De=({name:e,registerOptions:l,defaultValue:a,isDisabled:p,style:n,placeholder:r})=>{const{control:g,formState:{errors:B}}=ye(),C=G(),O=ve(B,e??""),b=s=>s.map(v=>(m=>{if(m!=null&&m)return{value:m,label:a.allOptions.find(x=>x.value===m)?.label??m}})(v)),w={container:s=>({...s,width:"100%",...n}),menu:s=>({...s,backgroundColor:C.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${C.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:s=>({...s,borderRadius:i.sp1})},z={hasError:O};return t.jsx($e,{name:e,control:g,defaultValue:a,rules:l,render:({field:{onChange:s,onBlur:v,value:m,ref:x}})=>{return t.jsx(Se,{...z,ref:x,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:r,value:b(m.selectedOptions),options:(f=m.allOptions,f.map($=>(S=>({value:S.value,label:S.label}))($))),onChange:$=>{s({selectedOptions:$.map(S=>S?.value),allOptions:m.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:v,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:Ce,Option:Re,Input:Be,MultiValue:Oe,MultiValueLabel:ze,MultiValueRemove:Le,ValueContainer:Ie,DropdownIndicator:Ue,IndicatorSeparator:Ye,Placeholder:Me,ClearIndicator:Ee},hideSelectedOptions:!1,styles:w,isDisabled:p!=null});var f}})},Ce=e=>{const{menuIsOpen:l,isFocused:a,isDisabled:p,selectProps:n}=e,{value:r,hasError:g}=n;return t.jsx(Ve,{menuIsOpen:l,isFocused:a,isDisabled:p,optionsLen:r.length,hasError:g,children:t.jsx(P.Control,{...e,className:"select-control",children:e.children})})},Ie=e=>{const{selectProps:l}=e,{value:a}=l;return t.jsxs(P.ValueContainer,{...e,className:"select-value-container",children:[e.children,t.jsx(Te,{className:"selected-options",children:a.map(p=>p.label).join(", ")})]})},Be=e=>{const{selectProps:l}=e,{placeholder:a,value:p}=l;return t.jsx(P.Input,{...e,autoComplete:"new-password",placeholder:p.length===0?a:void 0,children:e.children})},Oe=e=>t.jsx(P.MultiValue,{...e,children:e.children}),ze=e=>{const{data:l}=e;return t.jsx(P.MultiValueLabel,{...e,children:l.label})},Le=e=>t.jsx(P.MultiValueRemove,{...e,children:t.jsx(ee,{style:{marginTop:"2px"}})}),Ee=e=>t.jsx(P.ClearIndicator,{...e,children:t.jsx(ee,{})}),Me=()=>null,Re=e=>{const{isSelected:l,isDisabled:a,isFocused:p}=e;return t.jsx(_e,{isFocused:p,isSelected:l,isDisabled:a,children:t.jsx(P.Option,{...e,className:"select-option",children:t.jsxs(Ne,{children:[t.jsx(Fe,{countryCode3:e.value}),t.jsx(Ae,{children:t.jsx(We,{isSelected:l,isDisabled:a,children:e.label})}),l?t.jsxs(He,{children:[t.jsx(qe,{className:"right-tick-icon"}),t.jsx(X,{className:"close-tick-icon"})]}):null]})})})},Ve=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?R.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;
+
+    ${L.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"};
+      ${L.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${i.sp0};
+      cursor: inherit;
+      color: ${e=>e.hasError?R.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?R.important:e.theme.colors.grey1};
+        }
+        }
+
+        :disabled {
+          visibility: visible;
+        }
+      }
+    }
+
+    .multi-select-field__multi-value__label {
+      color: inherit;
+      padding: 0;
+      margin-right: ${i.sp1};
+      ${L.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};
+      }
+    }
+  }
+`,Te=u(Q)`
+  color: ${e=>e.theme.colors.primary};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+`,_e=u.div`
+  .select-option {
+    ${L.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;
+      }
+    }
+  }
+`,Ne=u.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,We=u.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+`,Ae=u.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`,He=u.div`
+  display: flex;
+`,qe=u(je)`
+  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,y={width:new h(343,580,726),height:new h(d[6],d[6]),controlHeight:new h(d[6],d[6]),paddingTopBottom:new h(d[2],d[2]),marginRight:new h(d[2],d[2]),labelMarginLeft:new h(d[3],d[4]),labelMarginRight:new h(d[3],d[4]),labelMarginTop:new h(d[2],d[2])};function Ge({isDisabled:e,label:l,multiSelectField:a,style:p}){const n=A();return t.jsxs(Je,{size:n,style:p,isDisabled:e!=null,children:[t.jsx(we,{isDisabled:e,label:l.label,htmlFor:a.name,style:{marginLeft:y.labelMarginLeft.value(n),marginRight:y.labelMarginRight.value(n),marginTop:y.labelMarginTop.value(n),width:l.width??"auto"}}),t.jsx(De,{...a,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:l.width!=null?`calc(100% - ${l.width}px)`:"auto",minHeight:y.controlHeight.value(n)}})]})}const Je=u.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>y.width.valuePx(e.size)};
+  min-height: ${e=>y.height.valuePx(e.size)};
+  padding-right: ${e=>y.marginRight.valuePx(e.size)};
+  padding-top: ${e=>y.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>y.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};
+    }
+  }
+`,U={largeLabelWidth:new h(150,210,252),paddingBottom:new h(d[3],d[2])},Ze=({sectionId:e,internationalOnboardingDetails:l,filesEndPoint:a,authParams:p,isReadonly:n,deleteFileStatusById:r,updateFileStatusById:g,onEditFileName:B,onDeleteFile:C,updateFilesEntity:O})=>{const b=A(),{verificationFormLocalData:w}=l,{dateFormat:{visual:z},common:{documents:s},commonSetUp:{businessVerification:v},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:m}}}}}=J.getLocalizedStrings(),x=U.largeLabelWidth.value(b),[f,$]=V.useState(!1),S=l.verificationFormFields.slice().sort((o,c)=>o.type==="file"&&c.type!=="file"?-1:0);return t.jsx(Ke,{children:t.jsx(Qe,{children:S.map(o=>{switch(o.type){case"file":return t.jsxs(t.Fragment,{children:[t.jsx(ke,{name:F(e,o.name),isDisabled:n,sizeLimit:be,deleteFileStatusById:r,updateFileStatusById:g,filesEndPoint:a,authParams:p,label:{label:o.label,width:x},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:l.userFiles.find(c=>c.fileId===w[o.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:f,updateFilesEntity:O,onEditFileName:B,onDeleteFile:C,onFileSizeError:c=>$(c),placeholderText:v.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},F(e,o.name)),n!=="readonly"?t.jsx(Xe,{windowSize:b,isError:!1,children:s.formatDocumentText10MB}):null,t.jsx(M,{})]});case"date":return t.jsxs(t.Fragment,{children:[t.jsx(xe,{isDisabled:n,label:{label:o.label+m.colon,width:x},style:{paddingBottom:U.paddingBottom.valuePx(b)},dateField:{name:F(e,o.name),placeholder:o.placeholder,defaultValue:w[o.name]?T(w[o.name]):void 0,dateFormat:z.defaultInput,maxDate:Pe().subtract(1,"day"),minDate:T("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},F(e,o.name)),t.jsx(M,{})]});case"enum":return o.isMultipleValuesAllowed===!1?t.jsxs(t.Fragment,{children:[t.jsx(fe,{isDisabled:n,label:{label:o.label+m.colon,width:x},singleSelectPickerField:{name:F(e,o.name),placeholder:o.placeholder,optionHeight:d[6],optionTextStyle:L.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},defaultValue:{selectedOption:w[o.name],allOptions:o.fieldValues.map(c=>({label:c.description,value:c.code}))}}},F(e,o.name)),t.jsx(M,{})]}):t.jsx(Ge,{isDisabled:n,label:{label:o.label+m.colon,width:x},style:{zIndex:0},multiSelectField:{name:F(e,o.name),placeholder:o.placeholder,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOptions&&c.selectedOptions.length>0},defaultValue:K(w[o.name],o.fieldValues.map(c=>c.code))}},F(e,o.name));default:return t.jsx(M,{})}})})})},F=(e,l)=>`${e}.formData.${l}`,Ke=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};
+`,M=u.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Xe=u(Z)`
+  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?R.important:e.theme.colors.grey1};
+`,j={width:new h(343,580,726),titleWidth:new h(343,580,726,826),subTitlePaddingTop:new h(12,d[3]),subTitlePaddingBottom:new h(d[3],d[3]),verificationDetailsRowGap:new h(12,d[5],d[5]),termsPaddingLeftRight:new h(d[0],d[3])},et={title:new ge("standardSemiBold","largeSemiBold")},W="intlWireVerification",xt=({internationalOnboardingDetails:e,filesEndPoint:l,authParams:a,isReadonly:p,analytics:n,isLocalCurrencyEnabled:r,onEditFileName:g,onDeleteFile:B,updateFilesEntity:C,onFormDataChange:O,onCancelClick:b,onSubmitClick:w})=>{const z=G(),s=A(),v="IntlWireverificationPage",{verificationFormFetchState:m,verificationFormSubmitState:x}=e,{commonSetUp:{internationalWire:f},common:{footer:$},dateFormat:{analytics:{YYYYDashMMDashDDFormat:S}}}=J.getLocalizedStrings(),o=t.jsxs(rt,{children:[f.terms1,t.jsx(q,{href:f.tosUrl,linkText:f.tos}),f.and,t.jsx(q,{href:f.privacyPolicyUrl,linkText:f.privacyPolicy})]}),c=se(x.fetchState),E=ne({mode:"all",reValidateMode:"onChange",defaultValues:V.useMemo(()=>tt(e),[e])}),{isValid:te}=E.formState;V.useEffect(()=>{c==="In-Progress"&&x.fetchState==="Completed"&&b()},[c,x,b]);const ie=E.handleSubmit(()=>{te&&(n?.trackSubmitIntlWire(r),w())});return V.useEffect(()=>{const le=E.watch((H,{name:oe})=>{oe!=null&&H!=null&&de(()=>(async ae=>{const k=ae[W].formData;if(k!=null){let _={};Object.keys(k).forEach(D=>{const N=e.verificationFormFields.find(I=>I.name===D);if(k[D]!=null&&N!=null){let I;switch(N.type){case"file":I=k[D].fileId;break;case"date":I=T(k[D].toString()).format(S);break;default:I=N.isMultipleValuesAllowed===!0?k[D].selectedOptions.map(re=>ce(re)):k[D].selectedOption}_={..._,[D]:I}}}),O(_)}})(H))});return()=>{le.unsubscribe()}}),t.jsxs(it,{children:[t.jsx(ue,{title:f.title,backgroundColor:z.colors.grey4,style:{zIndex:4},onBackClick:()=>{b()},showBackButton:!0,showMenuIcon:!1,source:"InternationalWireVerificationPage"}),t.jsxs(ot,{windowSize:s,children:[t.jsx(lt,{windowSize:s,children:f.subTitle}),m.fetchState==="In-Progress"||m.fetchState==="Not-Started"?t.jsx(at,{children:t.jsx(pe,{size:"ExtraLarge",start:!0})}):t.jsx(me,{...E,children:t.jsxs("form",{id:Y(v),onSubmit:ie,children:[t.jsx(st,{windowSize:s,children:f.header}),t.jsx(Ze,{internationalOnboardingDetails:e,sectionId:W,updateFilesEntity:C,onEditFileName:g,onDeleteFile:B,isReadonly:p,filesEndPoint:l,authParams:a,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),p!=="readonly"&&m.fetchState==="Completed"?t.jsx(he,{formId:Y(v),primaryBtn:{label:$.submit,style:{width:"auto",minWidth:s==="small"?"auto":"82px"},isLoading:x.fetchState==="In-Progress"},containerStyle:{width:s==="small"?j.width.valuePx(s):"auto",justifyContent:s==="small"?"space-between":"center"},helperStyle:{width:s==="small"?j.width.valuePx(s):"auto",paddingLeft:j.termsPaddingLeftRight.valuePx(s),paddingRight:j.termsPaddingLeftRight.valuePx(s),textAlign:s==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:$.cancel,style:{width:s==="small"?"auto":"82px"},onClick:()=>{b()}},helperText:o,style:{padding:`12px ${i.sp3}`,zIndex:4}}):null]})},tt=e=>{const{verificationFormFields:l,verificationFormLocalData:a,userFiles:p}=e,n={};return l.forEach(r=>{r.type==="enum"?r.isMultipleValuesAllowed===!1?n[r.name]={selectedOption:a[r.name],allOptions:r.fieldValues.map(g=>({label:g.description,value:g.code}))}:n[r.name]=K(a[r.name],r.fieldValues.map(g=>g.code)):r.type==="date"?n[r.name]=a[r.name]?T(a[r.name]).toDate():void 0:r.type==="file"?n[r.name]=p.find(g=>g.fileId!==a[r.name]):n[r.name]=a[r.name]}),{[W]:{formData:n}}},Y=e=>`${e}_form`,it=u.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,lt=u(Q)`
+  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"};
+`,ot=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)};
+`,at=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};
+`,rt=u(Z)`
+  text-align: center;
+  max-width: 750px;
+  color: ${e=>e.theme.colors.hero};
+`,st=u.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${i.sp3};
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${et.title.style(e.windowSize)}`};
+`;export{xt as default,Y as uniqueName};