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

package/dist/assets/InternationalWireSwiftDetailsPage-DwmOiSec-CYO2odaM.js

@@ -1,171 +0,0 @@
-import{q as R,a8 as le,F as _,cB as se,aA as de,V as t,cm as ce,cn as ue,co as be,ab as pe,aO as me,y as l,o as d,b7 as he,cO as K,aN as ee,cW as Q,hS as G,cE as Y,hT as te,cG as fe,u as i,aK as W,cU as ge,p as C,hE as xe,ac as ke,cX as we,n as ye,B as Ce,bE as $e,ap as ve,b as Se,hU as Be,bV as je,am as Ae}from"./index-BsBAi_Kg.js";import{a as M}from"./core-3dlyNYRL.js";import{n}from"./mui-bYXq4XMS.js";import{bi as ae}from"./zeni-epic-state-LPACxnXP.js";import{W as Ie,A as Te}from"./BankAccountWarningSection-gh8laVG2-8WHGkC6b.js";import{T as Le}from"./MailingDetailsSection-Cfd7dekJ-DBH9MqU5.js";import{j as Ne}from"./MagicLinkTitleSection-CO4sR9c2-IxFPpRKV.js";const Z={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 ze({type:e,name:o,placeholder:a,placeholderAlignment:b,autoComplete:s="off",autoCapitalize:x="off",autoTrim:$="off",isDisabled:g,defaultValue:A,style:I,hoverBgColor:k,registerOptions:T,protectedInfoText:w,isSaveError:v=!1,buttonProps:y,disableCopyPaste:c=!1}){const{control:r,register:p,formState:{errors:S},setFocus:h}=K(),P=Q(S,o),B=Object.assign({},T),{label:f,isDisabled:O,fetchState:V,onButtonClick:F}=y;switch(e){case"email":Object.assign(B,{pattern:ke});break;case"number":Object.assign(B,{valueAsNumber:!0});break;case"url":Object.assign(B,{pattern:xe})}const H=g==="disabled"||g==="readonly"||w!=null;return w!=null?t.jsxs(Ve,{style:I,children:[t.jsx(De,{protectedInfoText:w}),t.jsx(We,{id:o,children:A})]}):t.jsx(Pe,{isError:P,fetchState:V,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:y.keepButtonVisible,isButtonHidden:y.isHidden,children:t.jsx(we,{name:o,control:r,rules:{...T},defaultValue:A??"","data-testid":W("text-field-with-button",o),render:({field:{onChange:U,onBlur:q,value:D,ref:L}})=>t.jsxs(t.Fragment,{children:[t.jsx(Ee,{type:e==="password"||e==="hidden"?e:void 0,isError:P,style:I,placeholder:a,disabled:H,...p(o,B),id:o,ref:L,value:D,autoComplete:s,placeholderAlignment:b,hoverBgColor:k,isSaveError:v,onBlur:q,onChange:U,"data-testid":W("text-field-with-button-input",o),onInput:m=>{const u=m.target;switch(x){case"off":break;case"characters":u.value=u.value.toLocaleUpperCase();break;case"words":u.value=u.value.charAt(0).toLocaleUpperCase().concat(u.value.slice(1));break}switch($){case"off":break;case"trimStart":u.value=u.value.trimStart();break;case"trimEnd":u.value=u.value.trimEnd();break;case"trim":u.value=u.value.trim();break}},onPaste:m=>{c&&m.preventDefault()},onCopy:m=>{c&&m.preventDefault()},keepButtonVisible:y.keepButtonVisible}),t.jsx(ye,{label:f,onClick:m=>{m.stopPropagation(),h(o),setTimeout(()=>{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 Ee=n(Be)`
-  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};
-  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};
-  }
-  &:focus {
-    text-align: left;
-    outline: none;
-    background-color: ${e=>e.isError?C.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};
-  }
-  &:disabled {
-    background-color: ${e=>e.theme.colors.grey5};
-  }
-`,Pe=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(ve)`
-  color: ${e=>e.theme.colors.primary};
-  margin-left: 12px;
-  margin-top: 6px;
-`,Me=n.div`
-  color: ${e=>e.theme.colors.primary};
-`,Re=n(je)`
-  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;
-    }
-  }
-`,Oe=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=>Z.tooltipRightPosition.valuePx(e.windowSize)};
-  width: ${e=>Z.tooltipWidth.valuePx(e.windowSize)};
-  top: ${e=>Z.tooltipTopPosition.valuePx(e.windowSize)};
-`,Fe=n(Ae)`
-  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])},He={infoLabel:new Ce("extraSmallRegular","smallRegular")};function Ue({isDisabled:e,label:o,text:a,style:b,additionalInfoLabel:s,showAdditionalInfoLabel:x=!0,protectedInfoText:$,isSaveError:g,showTickIcon:A,showErrorInfoLabel:I,errorInfoLabel:k,disableCopyPaste:T=!1,showTooltip:w=!1,tooltipTitle:v,onBlur:y}){const c=R(),{formState:{errors:r}}=K(),p=Q(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:j.labelMarginLeft.value(c),marginRight:j.labelMarginRight.value(c),marginTop:j.labelMarginTop.value(c),width:o.width??"auto"},showTooltip:w,tooltipTitle:v}),t.jsxs(Ge,{labelWidth:o.width,children:[t.jsx(ze,{...a,style:{...a.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:j.controlHeight.value(c),cursor:"inherit"},protectedInfoText:$,isSaveError:g,onBlur:y,disableCopyPaste:T}),(x||p)&&t.jsxs(oe,{size:c,isError:p,children:[A===!0?t.jsx(Ye,{children:t.jsx(Ze,{})}):null,s]}),I===!0&&t.jsx(oe,{size:c,isError:!0,children:k})]})]})}const qe=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?C.importantLight:e.theme.colors.background};
-    }
-  }
-  input {
-    background-color: ${e=>e.isError?C.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};
-    }
-  }
-`,Ge=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;
-`,oe=n.label`
-  display: flex;
-  color: ${e=>e.isError?C.important:e.theme.colors.grey1};
-  ${e=>`${He.infoLabel.style(e.size)}`};
-  padding-right: ${d.sp3};
-  text-align: right;
-`,Ye=n.div`
-  display: flex;
-  margin-right: ${d.sp1};
-  align-items: center;
-`,Ze=n($e)`
-  width: ${d.sp3};
-  height: ${d.sp3};
-  color: ${C.successDark};
-`,ie={largeLabelWidth:new l(120,140,220),veryLargeLabelWidth:new l(120,140,256)},Xe=({sectionId:e,bankNameBySwift:o,bankAccountToCreate:a,isDisabled:b,fetchBankNameBySwiftStatus:s,onFetchBankNameBySwift:x,style:$})=>{const g=R(),{getValues:A,setValue:I,formState:{errors:k}}=K(),{fetchState:T}=s,w=ee(s.fetchState),v=ee(a?.bankSwiftCode),y=Q(k,z(e,"bankSwiftCode"));M.useEffect(()=>{(w==="In-Progress"||v!=null&&v!==a?.bankSwiftCode)&&s.fetchState==="Completed"&&a?.bankSwiftCode!=null&&Object.keys(o).includes(a?.bankSwiftCode)&&o[a?.bankSwiftCode].bankName&&I(z(e,"bankName"),o[a?.bankSwiftCode].bankName)},[a?.bankName,a?.bankSwiftCode,s.fetchState,w,v]);const c=_.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:r}=c,p=ie.largeLabelWidth.value(g),S=ie.veryLargeLabelWidth.value(g);return t.jsx(_e,{style:$,children:t.jsxs(Ke,{children:[t.jsx(Ue,{label:{label:r.swiftCode,width:p},text:{type:"text",name:z(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: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(X,{}),t.jsx(Y,{label:{label:r.iban,width:p},text:{type:"text",name:z(e,"bankAccountIban"),placeholder:r.addIban,defaultValue:a?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:te}},isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.invalidIban}),t.jsx(X,{}),t.jsx(Y,{label:{label:r.confirmIban,width:S},text:{type:"text",name:z(e,"confirmedBankAccountIban"),placeholder:r.addConfirmIban,defaultValue:a?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:te,validate:h=>h!=null?A(`${e}.bankAccountIban`)===h:!1}},disableCopyPaste:!0,isDisabled:b,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:r.ibanDontMatch}),t.jsx(X,{}),t.jsx(Y,{label:{label:r.accountNickName,width:p},text:{type:"text",name:z(e,"bankAccountName"),placeholder:fe(r.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:b,style:{width:"auto"}})]})})},z=(e,o)=>`${e}.${o}`,_e=n.div`
-  display: flex;
-  flex-direction: column;
-`,Ke=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};
-`,X=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",E="internationalWireSwiftAccountSection",Qe="mailingAddressSection",re=e=>`${e}_form`,bt=({bankAccountCreationState:e,bankNameBySwift:o,addressType:a,fetchBankNameBySwiftStatus:b,bankAccountToCreate:s,addressToEdit:x,mailingAddress:$,isDisabled:g,style:A,companyName:I,isMagicLink:k,currencySymbol:T,amount:w,onSaveHandler:v,onBankDetailsUpdated:y,onFetchBankNameBySwift:c,onAddressClick:r,onBackClick:p})=>{const S=R(),h=le({mode:"all",reValidateMode:"onBlur",defaultValues:M.useMemo(()=>Je(s),[s])}),[P,B]=M.useState(!1),f=_.getLocalizedStrings().spendManagement.billPay.vendorCreation,O=_.getLocalizedStrings().common.footer,{international:V}=f.wireDetails,F={onOkClick:()=>{B(!1),h.reset(),p?.()},onCancelClick:()=>{B(!1)}},H=async(D,L)=>{const m=L[E].bankName,u=L[E].bankSwiftCode,J=Object.assign({},L);D===`${E}.bankSwiftCode`&&(m||!m&&o[u]?.bankName)&&(J[E].bankName=o[u]?.bankName??""),y(J)};M.useEffect(()=>{const D=h.watch((L,{name:m})=>{m!=null&&L!=null&&se(()=>H(m,L))});return()=>{D.unsubscribe()}});const U=h.handleSubmit(D=>{b.fetchState!=="In-Progress"&&v("wire")}),q=!de($!=null?ae($):$,x!=null?ae(x):x)||et(s)||h.formState.isDirty;return t.jsxs(at,{children:[t.jsxs(ot,{style:A,size:S,children:[P===!0?t.jsx(ce,{titleComponent:t.jsx(be,{children:f.discardTitle}),descriptionComponent:t.jsx(ue,{children:f.discardDescription}),primaryButtonText:f.discard,secondaryButtonText:f.cancel,action:F}):null,t.jsx(Ie,{header:k?t.jsx(Ne,{companyName:I??"",currencySymbol:T??"",amount:w??0}):V.addInternationalWireDetails,isMagicLink:k,isDirty:q,onBackClick:p,setShowConfirmationPopup:B}),e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Te,{warningText:f.bankAccountCommon.accountExistWarning}):null,t.jsx(it,{size:S,children:f.bankAccountCommon.accountDetailsTitle}),t.jsx(pe,{...h,children:t.jsxs("form",{id:re(ne),onSubmit:U,children:[t.jsx(tt,{size:S,children:t.jsx(Xe,{bankAccountToCreate:s,bankNameBySwift:o,fetchBankNameBySwiftStatus:b,sectionId:E,isDisabled:g,onFetchBankNameBySwift:c})}),t.jsx(Le,{sectionId:Qe,isDisabled:g,addressType:a,addressToEdit:x,onAddressClick:r})]})})]}),t.jsx(me,{formId:re(ne),primaryBtn:{label:k?f.bankAccountCommon.submitDetails:f.bankAccountCommon.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:N.buttonWidth.value(S)},isDisabled:g!=null},showCancel:!k,cancelBtn:{label:O.cancel,style:{width:N.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:()=>{h.formState.isDirty?B(!0):(h.reset(),p?.())}}})]})},Je=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=>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)};
-`,at=n.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,ot=n.div`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-`,it=n(he)`
-  color: ${e=>e.theme.colors.champion};
-  margin-left: ${e=>N.marginLeft.valuePx(e.size)};
-  margin-top: ${d.sp3};
-`;export{bt as f};

package/dist/assets/InternationalWireVerificationPage-COckx00_-Bgx5k-8H.js

@@ -1,292 +0,0 @@
-import{e as G,q as U,F as J,V as t,ad as Y,aN as ae,a8 as re,cB as ne,bz as se,l as de,ab as ce,aO as ue,o as i,y as g,al as K,kI as Q,d3 as pe,ak as X,B as me,d5 as he,b as E,u as d,cK as ge,cL as fe,cU as be,p as _,cO as xe,cW as we,cX as ye,bF as $e,bG as F,kJ as ve,L as Z,bE as Se}from"./index-BsBAi_Kg.js";import{a as R}from"./core-3dlyNYRL.js";import{n as u}from"./mui-bYXq4XMS.js";import{bO as T,bj as je}from"./zeni-epic-state-LPACxnXP.js";import{Y as Fe}from"./LabeledDocumentField-BtFEcM-5-CsvDCW1i.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const De=({name:e,registerOptions:a,defaultValue:r,isDisabled:m,style:s,placeholder:n})=>{const{control:f,formState:{errors:O}}=xe(),P=G(),C=we(O,e??""),b=l=>({value:l.value,label:l.label}),w=l=>l.map(p=>b(p)),z=l=>{if(!(l==null||!l))return{value:l,label:r.allOptions.find(p=>p.value===l)?.label??l}},h=l=>l.map(p=>z(p)),k={container:l=>({...l,width:"100%",...s}),menu:l=>({...l,backgroundColor:P.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${P.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:l=>({...l,borderRadius:i.sp1})},y={hasError:C};return t.jsx(ye,{name:e,control:f,defaultValue:r,rules:a,render:({field:{onChange:l,onBlur:p,value:v,ref:B}})=>t.jsx($e,{...y,ref:B,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:n,value:h(v.selectedOptions),options:w(v.allOptions),onChange:o=>{l({selectedOptions:o.map(c=>c?.value),allOptions:v.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:p,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:Pe,Option:Ee,Input:Ie,MultiValue:Oe,MultiValueLabel:Ce,MultiValueRemove:ze,ValueContainer:ke,DropdownIndicator:Ue,IndicatorSeparator:Ye,Placeholder:Ve,ClearIndicator:Be},hideSelectedOptions:!1,styles:k,isDisabled:m!=null})})},Pe=e=>{const{menuIsOpen:a,isFocused:r,isDisabled:m,selectProps:s}=e,{value:n,hasError:f}=s;return t.jsx(Me,{menuIsOpen:a,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:a}=e,{value:r}=a;return t.jsxs(F.ValueContainer,{...e,className:"select-value-container",children:[e.children,t.jsx(Le,{className:"selected-options",children:r.map(m=>m.label).join(", ")})]})},Ie=e=>{const{selectProps:a}=e,{placeholder:r,value:m}=a;return t.jsx(F.Input,{...e,autoComplete:"new-password",placeholder:m.length===0?r:void 0,children:e.children})},Oe=e=>t.jsx(F.MultiValue,{...e,children:e.children}),Ce=e=>{const{data:a}=e;return t.jsx(F.MultiValueLabel,{...e,children:a.label})},ze=e=>t.jsx(F.MultiValueRemove,{...e,children:t.jsx(ee,{style:{marginTop:"2px"}})}),Be=e=>t.jsx(F.ClearIndicator,{...e,children:t.jsx(ee,{})}),Ve=()=>null,Ee=e=>{const{isSelected:a,isDisabled:r,isFocused:m}=e;return t.jsx(_e,{isFocused:m,isSelected:a,isDisabled:r,children:t.jsx(F.Option,{...e,className:"select-option",children:t.jsxs(Re,{children:[t.jsx(ve,{countryCode3:e.value}),t.jsx(Ne,{children:t.jsx(Te,{isSelected:a,isDisabled:r,children:e.label})}),a?t.jsxs(We,{children:[t.jsx(He,{className:"right-tick-icon"}),t.jsx(Z,{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?_.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;
-
-    ${E.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"};
-      ${E.standardRegular.css};
-      color: ${e=>e.theme.colors.primary};
-      margin: ${i.sp0};
-      cursor: inherit;
-      color: ${e=>e.hasError?_.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?_.important:e.theme.colors.grey1};
-        }
-        }
-
-        :disabled {
-          visibility: visible;
-        }
-      }
-    }
-
-    .multi-select-field__multi-value__label {
-      color: inherit;
-      padding: 0;
-      margin-right: ${i.sp1};
-      ${E.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};
-      }
-    }
-  }
-`,Le=u(X)`
-  color: ${e=>e.theme.colors.primary};
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: right;
-`,_e=u.div`
-  .select-option {
-    ${E.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;
-      }
-    }
-  }
-`,Re=u.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,Te=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(Z)`
-  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:a,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:a.label,htmlFor:r.name,style:{marginLeft:$.labelMarginLeft.value(s),marginRight:$.labelMarginRight.value(s),marginTop:$.labelMarginTop.value(s),width:a.width??"auto"}}),t.jsx(De,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",minHeight:$.controlHeight.value(s)}})]})}const Ae=u.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  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:a,filesEndPoint:r,authParams:m,isReadonly:s,deleteFileStatusById:n,updateFileStatusById:f,onEditFileName:O,onDeleteFile:P,updateFilesEntity:C})=>{const b=U(),{verificationFormLocalData:w}=a,{dateFormat:{visual:z},common:{documents:h},commonSetUp:{businessVerification:k},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:y}}}}}=J.getLocalizedStrings(),l=q.largeLabelWidth.value(b),[p,v]=R.useState(!1),B=a.verificationFormFields.slice().sort((o,c)=>o.type==="file"&&c.type!=="file"?-1:0);return t.jsx(Je,{children:t.jsx(Ke,{children:B.map(o=>{switch(o.type){case"file":return t.jsxs(t.Fragment,{children:[t.jsx(Fe,{name:S(e,o.name),isDisabled:s,sizeLimit:fe,deleteFileStatusById:n,updateFileStatusById:f,filesEndPoint:r,authParams:m,label:{label:o.label,width:l},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:a.userFiles.find(c=>c.fileId===w[o.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:p,updateFilesEntity:C,onEditFileName:O,onDeleteFile:P,onFileSizeError:c=>v(c),placeholderText:k.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},S(e,o.name)),s!=="readonly"?t.jsx(Qe,{windowSize:b,isError:!1,children:h.formatDocumentText10MB}):null,t.jsx(L,{})]});case"date":return t.jsxs(t.Fragment,{children:[t.jsx(ge,{isDisabled:s,label:{label:o.label+y.colon,width:l},style:{paddingBottom:q.paddingBottom.valuePx(b)},dateField:{name:S(e,o.name),placeholder:o.placeholder,defaultValue:w[o.name]?T(w[o.name]):void 0,dateFormat:z.defaultInput,maxDate:je().subtract(1,"day"),minDate:T("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},S(e,o.name)),t.jsx(L,{})]});case"enum":return o.isMultipleValuesAllowed===!1?t.jsxs(t.Fragment,{children:[t.jsx(he,{isDisabled:s,label:{label:o.label+y.colon,width:l},singleSelectPickerField:{name:S(e,o.name),placeholder:o.placeholder,optionHeight:d[6],optionTextStyle:E.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},defaultValue:{selectedOption:w[o.name],allOptions:o.fieldValues.map(c=>({label:c.description,value:c.code}))}}},S(e,o.name)),t.jsx(L,{})]}):t.jsx(qe,{isDisabled:s,label:{label:o.label+y.colon,width:l},style:{zIndex:0},multiSelectField:{name:S(e,o.name),placeholder:o.placeholder,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOptions&&c.selectedOptions.length>0},defaultValue:Q(w[o.name],o.fieldValues.map(c=>c.code))}},S(e,o.name));default:return t.jsx(L,{})}})})})},S=(e,a)=>`${e}.formData.${a}`,Je=u.div`
-  display: flex;
-  flex-direction: column;
-`,Ke=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};
-`,L=u.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Qe=u(K)`
-  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?_.important:e.theme.colors.grey1};
-`,j={width:new g(343,580,726),titleWidth:new g(343,580,726,826),subTitlePaddingTop:new g(12,d[3]),subTitlePaddingBottom:new g(d[3],d[3]),verificationDetailsRowGap:new g(12,d[5],d[5]),termsPaddingLeftRight:new g(d[0],d[3])},Xe={title:new me("standardSemiBold","largeSemiBold")},H="intlWireVerification",xt=({internationalOnboardingDetails:e,filesEndPoint:a,authParams:r,isReadonly:m,analytics:s,isLocalCurrencyEnabled:n,onEditFileName:f,onDeleteFile:O,updateFilesEntity:P,onFormDataChange:C,onCancelClick:b,onSubmitClick:w})=>{const z=G(),h=U(),k="IntlWireverificationPage",{verificationFormFetchState:y,verificationFormSubmitState:l}=e,{commonSetUp:{internationalWire:p},common:{footer:v},dateFormat:{analytics:{YYYYDashMMDashDDFormat:B}}}=J.getLocalizedStrings(),o=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(l.fetchState),M=re({mode:"all",reValidateMode:"onChange",defaultValues:R.useMemo(()=>Ze(e),[e])}),{isValid:te}=M.formState;R.useEffect(()=>{c==="In-Progress"&&l.fetchState==="Completed"&&b()},[c,l,b]);const ie=M.handleSubmit(()=>{te&&(s?.trackSubmitIntlWire(n),w())}),le=async N=>{const x=N[H].formData;if(x!=null){let V={};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=T(x[D].toString()).format(B);break;default:I=W.isMultipleValuesAllowed===!0?x[D].selectedOptions.map(oe=>pe(oe)):x[D].selectedOption;break}V={...V,[D]:I}}}),C(V)}};return R.useEffect(()=>{const N=M.watch((x,{name:V})=>{V!=null&&x!=null&&ne(()=>le(x))});return()=>{N.unsubscribe()}}),t.jsxs(et,{children:[t.jsx(se,{title:p.title,backgroundColor:z.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}),y.fetchState==="In-Progress"||y.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:O,isReadonly:m,filesEndPoint:a,authParams:r,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),m!=="readonly"&&y.fetchState==="Completed"?t.jsx(ue,{formId:A(k),primaryBtn:{label:v.submit,style:{width:"auto",minWidth:h==="small"?"auto":"82px"},isLoading:l.fetchState==="In-Progress"},containerStyle:{width:h==="small"?j.width.valuePx(h):"auto",justifyContent:h==="small"?"space-between":"center"},helperStyle:{width:h==="small"?j.width.valuePx(h):"auto",paddingLeft:j.termsPaddingLeftRight.valuePx(h),paddingRight:j.termsPaddingLeftRight.valuePx(h),textAlign:h==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:v.cancel,style:{width:h==="small"?"auto":"82px"},onClick:()=>{b()}},helperText:o,style:{padding:`12px ${i.sp3}`,zIndex:4}}):null]})},Ze=e=>{const{verificationFormFields:a,verificationFormLocalData:r,userFiles:m}=e,s={};return a.forEach(n=>{n.type==="enum"?n.isMultipleValuesAllowed===!1?s[n.name]={selectedOption:r[n.name],allOptions:n.fieldValues.map(f=>({label:f.description,value:f.code}))}:s[n.name]=Q(r[n.name],n.fieldValues.map(f=>f.code)):n.type==="date"?s[n.name]=r[n.name]?T(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(X)`
-  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(K)`
-  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=>`${Xe.title.style(e.windowSize)}`};
-`;export{xt as default,A as uniqueName};