@zeniai/web-components 3.17.3 → 3.17.4

package/dist/InternationalWireSwiftDetailsPage-U5Z18vf5.cjs

@@ -0,0 +1,171 @@
+"use strict";const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),B=require("react"),s=require("@emotion/styled"),O=require("@zeniai/client-epic-state"),e=require("./index-DFkWjm-c.cjs"),U=require("./BankAccountWarningSection-CydABR-7.cjs"),X=require("./MailingDetailsSection-KR_HpJb1.cjs"),Y=require("./MagicLinkTitleSection-xw2NmrsB.cjs"),A={tooltipRightPosition:new e.ResponsiveSized(e.sp[6],e.sp[6]),tooltipTopPosition:new e.ResponsiveSized(35,35),tooltipWidth:new e.ResponsiveSized(180,193)},Z=({protectedInfoText:t})=>{const n=e.useWindowSizeContext();return i.jsxRuntimeExports.jsxs(se,{children:[i.jsxRuntimeExports.jsx(ae,{}),i.jsxRuntimeExports.jsx(re,{className:"info-tooltip",windowSize:n,children:i.jsxRuntimeExports.jsx(le,{children:t})})]})};function ee({type:t,name:n,placeholder:o,placeholderAlignment:c,autoComplete:r="off",autoCapitalize:h="off",autoTrim:w="off",isDisabled:g,defaultValue:z,style:E,hoverBgColor:f,registerOptions:y,protectedInfoText:b,isSaveError:v=!1,buttonProps:S,disableCopyPaste:d=!1}){const{control:a,register:u,formState:{errors:R},setFocus:x}=i.useFormContext(),P=i.has(R,n),j=Object.assign({},y),{label:m,isDisabled:W,fetchState:D,onButtonClick:T}=S;switch(t){case"email":Object.assign(j,{pattern:e.EMAIL_PATTERN});break;case"number":Object.assign(j,{valueAsNumber:!0});break;case"url":Object.assign(j,{pattern:e.URL_PATTERN})}const N=g==="disabled"||g==="readonly"||b!=null;return b!=null?i.jsxRuntimeExports.jsxs(oe,{style:E,children:[i.jsxRuntimeExports.jsx(Z,{protectedInfoText:b}),i.jsxRuntimeExports.jsx(ne,{id:n,children:z})]}):i.jsxRuntimeExports.jsx(ie,{isError:P,fetchState:D,style:{display:"flex",alignItems:"center",width:"100%"},keepButtonVisible:S.keepButtonVisible,isButtonHidden:S.isHidden,children:i.jsxRuntimeExports.jsx(i.Controller,{name:n,control:a,rules:{...y},defaultValue:z??"","data-testid":e.generateDataTestId("text-field-with-button",n),render:({field:{onChange:M,onBlur:q,value:F,ref:k}})=>i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(te,{type:t==="password"||t==="hidden"?t:void 0,isError:P,style:E,placeholder:o,disabled:N,...u(n,j),id:n,ref:k,value:F,autoComplete:r,placeholderAlignment:c,hoverBgColor:f,isSaveError:v,onBlur:q,onChange:M,"data-testid":e.generateDataTestId("text-field-with-button-input",n),onInput:p=>{const l=p.target;switch(h){case"off":break;case"characters":l.value=l.value.toLocaleUpperCase();break;case"words":l.value=l.value.charAt(0).toLocaleUpperCase().concat(l.value.slice(1));break}switch(w){case"off":break;case"trimStart":l.value=l.value.trimStart();break;case"trimEnd":l.value=l.value.trimEnd();break;case"trim":l.value=l.value.trim();break}},onPaste:p=>{d&&p.preventDefault()},onCopy:p=>{d&&p.preventDefault()},keepButtonVisible:S.keepButtonVisible}),i.jsxRuntimeExports.jsx(e.Button,{label:m,onClick:p=>{p.stopPropagation(),x(n),setTimeout(()=>{T()})},style:{outline:"none"},size:"xs-small",disabled:W,variant:"success",reverseSpinnerColor:!0,loading:D==="In-Progress","data-testid":e.generateDataTestId("text-field-button",`${n}-${m}`)})]})})})}const te=s(e.StandardRegularInput)`
+  display: flex;
+  border-width: ${e.Space.sp0};
+  outline-width: ${e.Space.sp0};
+  color: ${t=>!t.isError&&t.isSaveError===!1?t.theme.colors.primary:e.Colors.important};
+  background-color: ${t=>t.isSaveError===!0?e.Colors.importantLight:t.theme.colors.grey5};
+  border-radius: ${e.Space.sp1};
+  text-align: ${t=>t.keepButtonVisible?"left":"right"};
+  padding: 0 ${e.Space.sp3};
+  ::placeholder {
+    text-align: ${t=>t.placeholderAlignment};
+    color: ${t=>t.isError?e.Colors.important:t.theme.colors.grey1};
+  }
+  &:focus {
+    text-align: left;
+    outline: none;
+    background-color: ${t=>t.isError?e.Colors.importantLight:t.theme.colors.background};
+    ${e.textStyles.standardRegular.css};
+  }
+  &:hover {
+    background-color: ${t=>t.isError?e.Colors.importantLight:t.hoverBgColor!==null?t.hoverBgColor:t.theme.colors.background};
+  }
+  &:disabled {
+    background-color: ${t=>t.theme.colors.grey5};
+  }
+`,ie=s.div`
+  position: relative;
+  button {
+    display: ${t=>t.keepButtonVisible?"flex":"none"};
+    position: absolute;
+    right: ${e.Space.sp3};
+  }
+
+  &:focus-within button {
+    display: ${t=>t.isButtonHidden?"none":"flex"};
+  }
+`,oe=s.div`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  padding: 0 ${e.Space.sp3};
+`,ne=s(e.H6Regular)`
+  color: ${t=>t.theme.colors.primary};
+  margin-left: 12px;
+  margin-top: 6px;
+`,se=s.div`
+  color: ${t=>t.theme.colors.primary};
+`,ae=s(e.SvgLock)`
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    & + .info-tooltip {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+`,re=s.div`
+  display: none;
+  background-color: ${t=>t.theme.colors.primary};
+  position: absolute;
+  padding: 2px 5px;
+  border: 1px solid ${t=>t.theme.colors.primary};
+  border-radius: ${e.Space.sp1};
+  z-index: 1;
+  right: ${t=>A.tooltipRightPosition.valuePx(t.windowSize)};
+  width: ${t=>A.tooltipWidth.valuePx(t.windowSize)};
+  top: ${t=>A.tooltipTopPosition.valuePx(t.windowSize)};
+`,le=s(e.ExtraSmallMedium)`
+  color: ${t=>t.theme.colors.grey5};
+`,$={width:new e.ResponsiveSized(343,580,726),height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2])},de={infoLabel:new e.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function pe({isDisabled:t,label:n,text:o,style:c,additionalInfoLabel:r,showAdditionalInfoLabel:h=!0,protectedInfoText:w,isSaveError:g,showTickIcon:z,showErrorInfoLabel:E,errorInfoLabel:f,disableCopyPaste:y=!1,showTooltip:b=!1,tooltipTitle:v,onBlur:S}){const d=e.useWindowSizeContext(),{formState:{errors:a}}=i.useFormContext(),u=i.has(a,o.name);return i.jsxRuntimeExports.jsxs(ce,{size:d,style:c,isDisabled:t!=null,isError:u,"data-testid":e.generateDataTestId("labeled-text-field-with-button",o.name),children:[i.jsxRuntimeExports.jsx(e.Label,{isDisabled:t,label:n.label,style:{marginLeft:$.labelMarginLeft.value(d),marginRight:$.labelMarginRight.value(d),marginTop:$.labelMarginTop.value(d),width:n.width??"auto"},showTooltip:b,tooltipTitle:v}),i.jsxRuntimeExports.jsxs(ue,{labelWidth:n.width,children:[i.jsxRuntimeExports.jsx(ee,{...o,style:{...o.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(d),cursor:"inherit"},protectedInfoText:w,isSaveError:g,onBlur:S,disableCopyPaste:y}),(h||u)&&i.jsxRuntimeExports.jsxs(G,{size:d,isError:u,children:[z===!0?i.jsxRuntimeExports.jsx(xe,{children:i.jsxRuntimeExports.jsx(me,{})}):null,r]}),E===!0&&i.jsxRuntimeExports.jsx(G,{size:d,isError:!0,children:f})]})]})}const ce=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${t=>t.theme.colors.grey5};
+  width: ${t=>$.width.valuePx(t.size)};
+  min-height: ${t=>$.height.valuePx(t.size)};
+  padding-right: ${t=>$.marginRight.valuePx(t.size)};
+  padding-top: ${t=>$.paddingTopBottom.valuePx(t.size)};
+  padding-bottom: ${t=>$.paddingTopBottom.valuePx(t.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 ${t=>t.theme.colors.primary};
+
+    input {
+      background-color: ${t=>t.isError?e.Colors.importantLight:t.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${t=>t.isError?e.Colors.importantLight:t.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${t=>t.isDisabled===!0?t.theme.colors.grey3:t.theme.colors.primary};
+    input {
+      background-color: ${t=>t.isDisabled===!0?t.theme.colors.grey5:t.isError?e.Colors.importantLight:t.theme.colors.background};
+    }
+  }
+`,ue=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${t=>t.labelWidth!=null?`calc(100% - ${t.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,G=s.label`
+  display: flex;
+  color: ${t=>t.isError?e.Colors.important:t.theme.colors.grey1};
+  ${t=>`${de.infoLabel.style(t.size)}`};
+  padding-right: ${e.Space.sp3};
+  text-align: right;
+`,xe=s.div`
+  display: flex;
+  margin-right: ${e.Space.sp1};
+  align-items: center;
+`,me=s(e.SvgTick)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.successDark};
+`,J={largeLabelWidth:new e.ResponsiveSized(120,140,220),veryLargeLabelWidth:new e.ResponsiveSized(120,140,256),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6])},ge=({sectionId:t,bankNameBySwift:n,bankAccountToCreate:o,isDisabled:c,fetchBankNameBySwiftStatus:r,onFetchBankNameBySwift:h,style:w})=>{const g=e.useWindowSizeContext(),{getValues:z,setValue:E,formState:{errors:f}}=i.useFormContext(),{fetchState:y}=r,b=e.usePrevious(r.fetchState),v=e.usePrevious(o?.bankSwiftCode),S=i.has(f,L(t,"bankSwiftCode"));B.useEffect(()=>{(b==="In-Progress"||v!=null&&v!==o?.bankSwiftCode)&&r.fetchState==="Completed"&&o?.bankSwiftCode!=null&&Object.keys(n).includes(o?.bankSwiftCode)&&n[o?.bankSwiftCode].bankName&&E(L(t,"bankName"),n[o?.bankSwiftCode].bankName)},[o?.bankName,o?.bankSwiftCode,r.fetchState,b,v]);const d=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:a}=d,u=J.largeLabelWidth.value(g),R=J.veryLargeLabelWidth.value(g);return i.jsxRuntimeExports.jsx(he,{style:w,children:i.jsxRuntimeExports.jsxs(fe,{children:[i.jsxRuntimeExports.jsx(pe,{label:{label:a.swiftCode,width:u},text:{type:"text",name:L(t,"bankSwiftCode"),placeholder:a.addSwiftCode,defaultValue:o?.bankSwiftCode,registerOptions:{required:!0,pattern:e.SWIFT_CODE},autoCapitalize:"characters",autoTrim:"trim",buttonProps:{label:a.verify,isDisabled:e.SWIFT_CODE.test(o?.bankSwiftCode??"")===!1,isHidden:r.fetchState==="Completed",keepButtonVisible:e.SWIFT_CODE.test(o?.bankSwiftCode??"")===!0&&r.fetchState!=="Completed",fetchState:y,onButtonClick:()=>{o?.bankSwiftCode!=null&&h(o.bankSwiftCode)}}},isDisabled:c,style:{width:"auto"},additionalInfoLabel:o?.bankName?o?.bankName:void 0,showTickIcon:!!o?.bankName,showAdditionalInfoLabel:!S,errorInfoLabel:a.invalidSwiftCode}),i.jsxRuntimeExports.jsx(V,{}),i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:a.iban,width:u},text:{type:"text",name:L(t,"bankAccountIban"),placeholder:a.addIban,defaultValue:o?.bankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:e.ALPHA_NUMERIC_PATTERN}},isDisabled:c,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:a.invalidIban}),i.jsxRuntimeExports.jsx(V,{}),i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:a.confirmIban,width:R},text:{type:"text",name:L(t,"confirmedBankAccountIban"),placeholder:a.addConfirmIban,defaultValue:o?.confirmedBankAccountIban,autoCapitalize:"characters",options:{required:!0,pattern:e.ALPHA_NUMERIC_PATTERN,validate:x=>x!=null?z(`${t}.bankAccountIban`)===x:!1}},disableCopyPaste:!0,isDisabled:c,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:a.ibanDontMatch}),i.jsxRuntimeExports.jsx(V,{}),i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:a.accountNickName,width:u},text:{type:"text",name:L(t,"bankAccountName"),placeholder:e.getPlaceholderTextWithPrefix(a.accountNickName),defaultValue:o?.bankAccountName,options:{required:!1}},isDisabled:c,style:{width:"auto"}})]})})},L=(t,n)=>`${t}.${n}`,he=s.div`
+  display: flex;
+  flex-direction: column;
+`,fe=s.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+`,V=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,C={paddingTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),paddingRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),paddingBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),paddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6]),paddingTopBottomContainer:new e.ResponsiveSized(e.sp[3],e.sp[3]),paddingLeftContainer:new e.ResponsiveSized(e.sp[3],e.sp[6]),paddingRightContainer:new e.ResponsiveSized(e.sp[3],e.sp[8]),height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginLeft:new e.ResponsiveSized(e.sp[4],e.sp[6]),labelMarginLeft:new e.ResponsiveSized(e.sp[4],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[4],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),buttonWidth:new e.ResponsiveSized(140,140)},K="internationalDetailsPage",I="internationalWireSwiftAccountSection",be="mailingAddressSection",Q=t=>`${t}_form`,Se=({bankAccountCreationState:t,bankNameBySwift:n,addressType:o,fetchBankNameBySwiftStatus:c,bankAccountToCreate:r,addressToEdit:h,mailingAddress:w,isDisabled:g,style:z,companyName:E,isMagicLink:f,currencySymbol:y,amount:b,onSaveHandler:v,onBankDetailsUpdated:S,onFetchBankNameBySwift:d,onAddressClick:a,onBackClick:u})=>{const R=e.useWindowSizeContext(),x=i.useForm({mode:"all",reValidateMode:"onBlur",defaultValues:B.useMemo(()=>we(r),[r])}),[P,j]=B.useState(!1),m=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,W=e.appLocale.getLocalizedStrings().common.footer,{international:D}=m.wireDetails,T={onOkClick:()=>{j(!1),x.reset(),u?.()},onCancelClick:()=>{j(!1)}},N=async(k,p)=>{const l=p[I].bankName,H=p[I].bankSwiftCode,_=Object.assign({},p);k===`${I}.bankSwiftCode`&&(l||!l&&n[H]?.bankName)&&(_[I].bankName=n[H]?.bankName??""),S(_)};B.useEffect(()=>{const k=x.watch((p,{name:l})=>{l!=null&&p!=null&&i.defer(()=>N(l,p))});return()=>{k.unsubscribe()}});const M=x.handleSubmit(k=>{c.fetchState!=="In-Progress"&&v("wire")}),F=!i.isEqual(w!=null?O.getFormattedAddress(w):w,h!=null?O.getFormattedAddress(h):h)||ve(r)||x.formState.isDirty;return i.jsxRuntimeExports.jsxs(je,{children:[i.jsxRuntimeExports.jsxs($e,{style:z,size:R,children:[P===!0?i.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:i.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:m.discardTitle}),descriptionComponent:i.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:m.discardDescription}),primaryButtonText:m.discard,secondaryButtonText:m.cancel,action:T}):null,i.jsxRuntimeExports.jsx(U.BankAccountPageNavSection,{header:f?i.jsxRuntimeExports.jsx(Y.MagicLinkTitleSection,{companyName:E??"",currencySymbol:y??"",amount:b??0}):D.addInternationalWireDetails,isMagicLink:f,isDirty:F,onBackClick:u,setShowConfirmationPopup:j}),t?.fetchState==="Error"&&t.error?.code===409?i.jsxRuntimeExports.jsx(U.BankAccountWarningSection,{warningText:m.bankAccountCommon.accountExistWarning}):null,i.jsxRuntimeExports.jsx(ze,{size:R,children:m.bankAccountCommon.accountDetailsTitle}),i.jsxRuntimeExports.jsx(i.FormProvider,{...x,children:i.jsxRuntimeExports.jsxs("form",{id:Q(K),onSubmit:M,children:[i.jsxRuntimeExports.jsx(Re,{size:R,children:i.jsxRuntimeExports.jsx(ge,{bankAccountToCreate:r,bankNameBySwift:n,fetchBankNameBySwiftStatus:c,sectionId:I,isDisabled:g,onFetchBankNameBySwift:d})}),i.jsxRuntimeExports.jsx(X.MailingDetailsSection,{sectionId:be,isDisabled:g,addressType:o,addressToEdit:h,onAddressClick:a})]})})]}),i.jsxRuntimeExports.jsx(e.Footer,{formId:Q(K),primaryBtn:{label:f?m.bankAccountCommon.submitDetails:m.bankAccountCommon.saveAccount,isLoading:t.fetchState==="In-Progress",style:{width:C.buttonWidth.value(R)},isDisabled:g!=null},showCancel:!f,cancelBtn:{label:W.cancel,style:{width:C.buttonWidth.value(R)},shouldResetOnCancel:!1,onClick:()=>{x.formState.isDirty?j(!0):(x.reset(),u?.())}}})]})},we=t=>({[I]:{bankSwiftCode:t?.bankSwiftCode,bankName:t?.bankName??"",bankAccountIban:t?.bankAccountIban,confirmedBankAccountIban:t?.confirmedBankAccountIban,bankAccountName:t?.bankAccountName}}),ve=t=>{if(t==null)return!1;const{bankAccountName:n,bankSwiftCode:o,bankName:c,bankAccountIban:r}=t;return!!n||!!o||!!c||!!r},Re=s.div`
+  padding-left: ${t=>C.paddingLeftContainer.valuePx(t.size)};
+  padding-right: ${t=>C.paddingRightContainer.valuePx(t.size)};
+  padding-top: ${t=>C.paddingTopBottomContainer.valuePx(t.size)};
+  padding-bottom: ${t=>C.paddingTopBottomContainer.valuePx(t.size)};
+`,je=s.div`
+  background-color: ${t=>t.theme.colors.grey4};
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,$e=s.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,ze=s(e.LargeMedium)`
+  color: ${t=>t.theme.colors.champion};
+  margin-left: ${t=>C.marginLeft.valuePx(t.size)};
+  margin-top: ${e.Space.sp3};
+`;exports.InternationalWireSwiftDetailsPage=Se;

package/dist/InternationalWireVerificationPage-B6dBzogW.cjs

@@ -0,0 +1,292 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),T=require("react"),d=require("@emotion/styled"),L=require("@zeniai/client-epic-state"),t=require("./index-DFkWjm-c.cjs"),U=require("./LabeledDocumentField-BdZd2P_m.cjs"),Y=({name:e,registerOptions:n,defaultValue:r,isDisabled:u,style:a,placeholder:l})=>{const{control:x,formState:{errors:z}}=o.useFormContext(),R=o.useTheme(),F=o.has(z,e??""),h=i=>({value:i.value,label:i.label}),S=i=>i.map(p=>h(p)),k=i=>{if(!(i==null||!i))return{value:i,label:r.allOptions.find(p=>p.value===i)?.label??i}},m=i=>i.map(p=>k(p)),$={container:i=>({...i,width:"100%",...a}),menu:i=>({...i,backgroundColor:R.colors.grey5,borderRadius:t.Space.sp1,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${R.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:i=>({...i,borderRadius:t.Space.sp1})},b={hasError:F};return o.jsxRuntimeExports.jsx(o.Controller,{name:e,control:x,defaultValue:r,rules:n,render:({field:{onChange:i,onBlur:p,value:w,ref:C}})=>o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{...b,ref:C,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:l,value:m(w.selectedOptions),options:S(w.allOptions),onChange:s=>{i({selectedOptions:s.map(c=>c?.value),allOptions:w.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:p,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:G,Option:oe,Input:J,MultiValue:K,MultiValueLabel:Q,MultiValueRemove:X,ValueContainer:Z,DropdownIndicator:pe,IndicatorSeparator:ue,Placeholder:te,ClearIndicator:ee},hideSelectedOptions:!1,styles:$,isDisabled:u!=null})})},G=e=>{const{menuIsOpen:n,isFocused:r,isDisabled:u,selectProps:a}=e,{value:l,hasError:x}=a;return o.jsxRuntimeExports.jsx(ie,{menuIsOpen:n,isFocused:r,isDisabled:u,optionsLen:l.length,hasError:x,children:o.jsxRuntimeExports.jsx(o.components.Control,{...e,className:"select-control",children:e.children})})},Z=e=>{const{selectProps:n}=e,{value:r}=n;return o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsxRuntimeExports.jsx(se,{className:"selected-options",children:r.map(u=>u.label).join(", ")})]})},J=e=>{const{selectProps:n}=e,{placeholder:r,value:u}=n;return o.jsxRuntimeExports.jsx(o.components.Input,{...e,autoComplete:"new-password",placeholder:u.length===0?r:void 0,children:e.children})},K=e=>o.jsxRuntimeExports.jsx(o.components.MultiValue,{...e,children:e.children}),Q=e=>{const{data:n}=e;return o.jsxRuntimeExports.jsx(o.components.MultiValueLabel,{...e,children:n.label})},X=e=>o.jsxRuntimeExports.jsx(o.components.MultiValueRemove,{...e,children:o.jsxRuntimeExports.jsx(W,{style:{marginTop:"2px"}})}),ee=e=>o.jsxRuntimeExports.jsx(o.components.ClearIndicator,{...e,children:o.jsxRuntimeExports.jsx(W,{})}),te=()=>null,oe=e=>{const{isSelected:n,isDisabled:r,isFocused:u}=e;return o.jsxRuntimeExports.jsx(ne,{isFocused:u,isSelected:n,isDisabled:r,children:o.jsxRuntimeExports.jsx(o.components.Option,{...e,className:"select-option",children:o.jsxRuntimeExports.jsxs(re,{children:[o.jsxRuntimeExports.jsx(t.CountryFlag,{countryCode3:e.value}),o.jsxRuntimeExports.jsx(ae,{children:o.jsxRuntimeExports.jsx(le,{isSelected:n,isDisabled:r,children:e.label})}),n?o.jsxRuntimeExports.jsxs(ce,{children:[o.jsxRuntimeExports.jsx(de,{className:"right-tick-icon"}),o.jsxRuntimeExports.jsx(t.SvgClose,{className:"close-tick-icon"})]}):null]})})})},ie=d.div`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+
+  .select-control {
+    border: none;
+    padding: 0 ${t.Space.sp3};
+    min-height: 100%;
+    background-color: inherit;
+    box-shadow: none;
+
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+     background-color: ${e=>e.hasError?t.Colors.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: ${t.Space.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?`${t.Space.sp2}`:`${t.Space.sp0}`};
+    }
+  }
+
+  .select-value-container {
+    width: 100%;
+    padding: 6px ${t.Space.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.textStyles.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 ${t.Space.sp2};
+      min-width: fit-content;
+      background-color: transparent;
+      margin: ${t.Space.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: ${t.Space.sp1};
+      :last-of-type {
+        margin: ${t.Space.sp0};
+      }
+    }
+
+    .multi-select-field__input-container {
+      display: flex;
+      width: ${e=>e.isFocused===!1&&e.optionsLen===0?"100%":e.isFocused===!1&&e.optionsLen>0?t.Space.sp0:"fit-content"};
+      ${t.textStyles.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${t.Space.sp0};
+      cursor: inherit;
+      color: ${e=>e.hasError?t.Colors.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?t.Colors.important:e.theme.colors.grey1};
+        }
+        }
+
+        :disabled {
+          visibility: visible;
+        }
+      }
+    }
+
+    .multi-select-field__multi-value__label {
+      color: inherit;
+      padding: 0;
+      margin-right: ${t.Space.sp1};
+      ${t.textStyles.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};
+      }
+    }
+  }
+`,se=d(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+`,ne=d.div`
+  .select-option {
+    ${t.textStyles.smallRegular.css};
+    height: ${t.Space.sp6};
+    padding: 9px ${t.Space.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=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,le=d.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+`,ae=d.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`,ce=d.div`
+  display: flex;
+`,de=d(t.SvgTick)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  color: ${e=>e.theme.colors.primary};
+`,W=d(t.SvgClose)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,pe=()=>null,ue=()=>null,f={width:new t.ResponsiveSized(343,580,726),height:new t.ResponsiveSized(t.sp[6],t.sp[6]),controlHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginTop:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2])};function me({isDisabled:e,label:n,multiSelectField:r,style:u}){const a=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(xe,{size:a,style:u,isDisabled:e!=null,children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:e,label:n.label,htmlFor:r.name,style:{marginLeft:f.labelMarginLeft.value(a),marginRight:f.labelMarginRight.value(a),marginTop:f.labelMarginTop.value(a),width:n.width??"auto"}}),o.jsxRuntimeExports.jsx(Y,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto",minHeight:f.controlHeight.value(a)}})]})}const xe=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>f.width.valuePx(e.size)};
+  min-height: ${e=>f.height.valuePx(e.size)};
+  padding-right: ${e=>f.marginRight.valuePx(e.size)};
+  padding-top: ${e=>f.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>f.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};
+    }
+  }
+`,_={largeLabelWidth:new t.ResponsiveSized(150,210,252),paddingTopBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),labelHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2]),controlHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2])},he=({sectionId:e,internationalOnboardingDetails:n,filesEndPoint:r,authParams:u,isReadonly:a,deleteFileStatusById:l,updateFileStatusById:x,onEditFileName:z,onDeleteFile:R,updateFilesEntity:F})=>{const h=t.useWindowSizeContext(),{verificationFormLocalData:S}=n,{dateFormat:{visual:k},common:{documents:m},commonSetUp:{businessVerification:$},spendManagement:{billPay:{vendorCreation:{wireDetails:{international:b}}}}}=t.appLocale.getLocalizedStrings(),i=_.largeLabelWidth.value(h),[p,w]=T.useState(!1),C=n.verificationFormFields.slice().sort((s,c)=>s.type==="file"&&c.type!=="file"?-1:0);return o.jsxRuntimeExports.jsx(ge,{children:o.jsxRuntimeExports.jsx(Se,{children:C.map(s=>{switch(s.type){case"file":return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(U.LabeledDocumentField,{name:y(e,s.name),isDisabled:a,sizeLimit:t.SizeLimit10MB,deleteFileStatusById:l,updateFileStatusById:x,filesEndPoint:r,authParams:u,label:{label:s.label,width:i},filemetadataPayload:{documentType:"certificate_of_good_standing",purposeId:"international_wire_business_verification",documentSide:"front"},file:n.userFiles.find(c=>c.fileId===S[s.name]),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},hasError:p,updateFilesEntity:F,onEditFileName:z,onDeleteFile:R,onFileSizeError:c=>w(c),placeholderText:$.dragDropClickPlaceholder,showPhotoPicker:!0,useMobileCam:!0,showWebCamPopUpCloseIcon:!0},y(e,s.name)),a!=="readonly"?o.jsxRuntimeExports.jsx(be,{windowSize:h,isError:!1,children:m.formatDocumentText10MB}):null,o.jsxRuntimeExports.jsx(D,{})]});case"date":return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{isDisabled:a,label:{label:s.label+b.colon,width:i},style:{paddingBottom:_.paddingBottom.valuePx(h)},dateField:{name:y(e,s.name),placeholder:s.placeholder,defaultValue:S[s.name]?L.zeniDate(S[s.name]):void 0,dateFormat:k.defaultInput,maxDate:L.dateNow().subtract(1,"day"),minDate:L.zeniDate("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}}},y(e,s.name)),o.jsxRuntimeExports.jsx(D,{})]});case"enum":return s.isMultipleValuesAllowed===!1?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.LabeledSingleSelectPickerField,{isDisabled:a,label:{label:s.label+b.colon,width:i},singleSelectPickerField:{name:y(e,s.name),placeholder:s.placeholder,optionHeight:t.sp[6],optionTextStyle:t.textStyles.smallRegular,maxMenuHeight:206,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},defaultValue:{selectedOption:S[s.name],allOptions:s.fieldValues.map(c=>({label:c.description,value:c.code}))}}},y(e,s.name)),o.jsxRuntimeExports.jsx(D,{})]}):o.jsxRuntimeExports.jsx(me,{isDisabled:a,label:{label:s.label+b.colon,width:i},style:{zIndex:0},multiSelectField:{name:y(e,s.name),placeholder:s.placeholder,registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOptions&&c.selectedOptions.length>0},defaultValue:t.getMultiCountryOptions(S[s.name],s.fieldValues.map(c=>c.code))}},y(e,s.name));default:return o.jsxRuntimeExports.jsx(D,{})}})})})},y=(e,n)=>`${e}.formData.${n}`,ge=d.div`
+  display: flex;
+  flex-direction: column;
+`,Se=d.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+`,D=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,be=d(t.ExtraSmallRegular)`
+  padding: ${t.Space.sp1} ${t.Space.sp4};
+
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.isError?t.Colors.important:e.theme.colors.grey1};
+`,v={width:new t.ResponsiveSized(343,580,726),titleWidth:new t.ResponsiveSized(343,580,726,826),subTitlePaddingTop:new t.ResponsiveSized(12,t.sp[3]),subTitlePaddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),verificationDetailsRowGap:new t.ResponsiveSized(12,t.sp[5],t.sp[5]),termsPaddingLeftRight:new t.ResponsiveSized(t.sp[0],t.sp[3]),marginLeft:new t.ResponsiveSized(t.sp[4],t.sp[0])},fe={title:new t.ResponsiveSizedStyle("standardSemiBold","largeSemiBold")},I="intlWireVerification",we=({internationalOnboardingDetails:e,filesEndPoint:n,authParams:r,isReadonly:u,analytics:a,isLocalCurrencyEnabled:l,onEditFileName:x,onDeleteFile:z,updateFilesEntity:R,onFormDataChange:F,onCancelClick:h,onSubmitClick:S})=>{const k=o.useTheme(),m=t.useWindowSizeContext(),$="IntlWireverificationPage",{verificationFormFetchState:b,verificationFormSubmitState:i}=e,{commonSetUp:{internationalWire:p},common:{footer:w},dateFormat:{analytics:{YYYYDashMMDashDDFormat:C}}}=t.appLocale.getLocalizedStrings(),s=o.jsxRuntimeExports.jsxs(Ee,{children:[p.terms1,o.jsxRuntimeExports.jsx(t.ZeniLink,{href:p.tosUrl,linkText:p.tos}),p.and,o.jsxRuntimeExports.jsx(t.ZeniLink,{href:p.privacyPolicyUrl,linkText:p.privacyPolicy})]}),c=t.usePrevious(i.fetchState),M=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:T.useMemo(()=>ye(e),[e])}),{isValid:N}=M.formState;T.useEffect(()=>{c==="In-Progress"&&i.fetchState==="Completed"&&h()},[c,i,h]);const q=M.handleSubmit(()=>{N&&(a?.trackSubmitIntlWire(l),S())}),H=async B=>{const g=B[I].formData;if(g!=null){let P={};Object.keys(g).forEach(j=>{const V=e.verificationFormFields.find(E=>E.name===j);if(g[j]!=null&&V!=null){let E;switch(V.type){case"file":E=g[j].fileId;break;case"date":E=L.zeniDate(g[j].toString()).format(C);break;default:E=V.isMultipleValuesAllowed===!0?g[j].selectedOptions.map(A=>t.getAlpha2(A)):g[j].selectedOption;break}P={...P,[j]:E}}}),F(P)}};return T.useEffect(()=>{const B=M.watch((g,{name:P})=>{P!=null&&g!=null&&o.defer(()=>H(g))});return()=>{B.unsubscribe()}}),o.jsxRuntimeExports.jsxs(ve,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{title:p.title,backgroundColor:k.colors.grey4,style:{zIndex:4},onBackClick:()=>{h()},showBackButton:!0,showMenuIcon:!1,source:"InternationalWireVerificationPage"}),o.jsxRuntimeExports.jsxs(Re,{windowSize:m,children:[o.jsxRuntimeExports.jsx(je,{windowSize:m,children:p.subTitle}),b.fetchState==="In-Progress"||b.fetchState==="Not-Started"?o.jsxRuntimeExports.jsx($e,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})}):o.jsxRuntimeExports.jsx(o.FormProvider,{...M,children:o.jsxRuntimeExports.jsxs("form",{id:O($),onSubmit:q,children:[o.jsxRuntimeExports.jsx(ze,{windowSize:m,children:p.header}),o.jsxRuntimeExports.jsx(he,{internationalOnboardingDetails:e,sectionId:I,updateFilesEntity:R,onEditFileName:x,onDeleteFile:z,isReadonly:u,filesEndPoint:n,authParams:r,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById})]})})]}),u!=="readonly"&&b.fetchState==="Completed"?o.jsxRuntimeExports.jsx(t.Footer,{formId:O($),primaryBtn:{label:w.submit,style:{width:"auto",minWidth:m==="small"?"auto":"82px"},isLoading:i.fetchState==="In-Progress"},containerStyle:{width:m==="small"?v.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?v.width.valuePx(m):"auto",paddingLeft:v.termsPaddingLeftRight.valuePx(m),paddingRight:v.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:w.cancel,style:{width:m==="small"?"auto":"82px"},onClick:()=>{h()}},helperText:s,style:{padding:`12px ${t.Space.sp3}`,zIndex:4}}):null]})},ye=e=>{const{verificationFormFields:n,verificationFormLocalData:r,userFiles:u}=e,a={};return n.forEach(l=>{l.type==="enum"?l.isMultipleValuesAllowed===!1?a[l.name]={selectedOption:r[l.name],allOptions:l.fieldValues.map(x=>({label:x.description,value:x.code}))}:a[l.name]=t.getMultiCountryOptions(r[l.name],l.fieldValues.map(x=>x.code)):l.type==="date"?a[l.name]=r[l.name]?L.zeniDate(r[l.name]).toDate():void 0:l.type==="file"?a[l.name]=u.find(x=>x.fileId!==r[l.name]):a[l.name]=r[l.name]}),{[I]:{formData:a}}},O=e=>`${e}_form`,ve=d.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,je=d(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>v.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>v.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>v.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,Re=d.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: ${t.Space.sp9};
+  row-gap: ${e=>v.verificationDetailsRowGap.valuePx(e.windowSize)};
+`,$e=d.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};
+`,Ee=d(t.ExtraSmallRegular)`
+  text-align: center;
+  max-width: 750px;
+  color: ${e=>e.theme.colors.hero};
+`,ze=d.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${fe.title.style(e.windowSize)}`};
+`;exports.default=we;exports.uniqueName=O;