@zeniai/web-components 3.16.96 → 3.16.97

package/dist/InternationalWireVerificationPage-B-shGAxd.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-CQwLnHSI.cjs"),U=require("./LabeledDocumentField-B1pUmFdK.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;