@zeniai/web-components 3.16.99 → 3.17.1

package/dist/CompanyPassportPage-DQ0UbFSn.cjs

@@ -0,0 +1,574 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),z=require("react"),a=require("@emotion/styled"),F=require("@zeniai/client-epic-state"),t=require("./index-oPmOjv0R.cjs"),Ae=require("@emotion/react"),Le=require("./LabeledCreatableSingleSelectField-oqTbqXoC.cjs"),Te=require("./LabeledDocumentField-Dbsc_m7_.cjs"),qe=require("./LabeledSingleSelectField-GgCpy1wc.cjs"),ze=require("./LabeledAddressValue-CXYbATB5.cjs"),Fe=require("./LabeledNameField-C5dK4PLS.cjs"),Ye=require("./LabeledItemWithButton-bpURNBZ9.cjs"),Oe={maxWidth:new t.ResponsiveSized(280,340),contentMaxWidth:new t.ResponsiveSized(200,255)},He=Ae.keyframes`
+ 0% {
+   transform: translateX(100%)
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,Ue=a.div`
+  position: fixed;
+  top: ${t.Space.sp3};
+  right: ${t.Space.sp3};
+  z-index: 1400;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  max-width: ${e=>Oe.maxWidth.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.black};
+  border-radius: 12px;
+  box-shadow: ${e=>`${t.Space.sp0} ${t.Space.sp1} ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  animation: ${He} 0.4s;
+`,Ge=a(t.SvgTickRound)`
+  margin-top: 2px;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.successDark};
+`,Ze=a(t.SvgHighImportance)`
+  margin-top: 2px;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.important};
+`,Xe=a.div`
+  margin-top: ${t.Space.sp1};
+`,Je=a(t.SmallRegularSp)`
+  color: ${t.Colors.neutralGrey2Light};
+`,Ke=a.div`
+  max-width: ${e=>Oe.contentMaxWidth.valuePx(e.windowSize)};
+  margin: ${t.Space.sp0} ${t.Space.sp3};
+`,Qe=a(t.LargeMediumSp)`
+  color: ${e=>e.isSuccess?t.Colors.success:t.Colors.important};
+`,et=a.div`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${t.Colors.primaryDark};
+  }
+`,tt=e=>{const n=t.appLocale.getLocalizedStrings().companyPassport.snackBar;return e==="Error"?n.failedText:n.successText};function ot(e){const n=t.useWindowSizeContext(),{fetchState:s,onRemoveSnackbar:i}=e;z.useEffect(()=>{setTimeout(i,5e3)});const l=t.appLocale.getLocalizedStrings().companyPassport.snackBar,c=s==="Completed";return o.jsxRuntimeExports.jsxs(Ue,{windowSize:n,children:[c?o.jsxRuntimeExports.jsx(Ge,{}):o.jsxRuntimeExports.jsx(Ze,{}),o.jsxRuntimeExports.jsxs(Ke,{windowSize:n,children:[o.jsxRuntimeExports.jsx(Qe,{isSuccess:c,children:c?l.success:l.error}),o.jsxRuntimeExports.jsx(Xe,{children:o.jsxRuntimeExports.jsx(Je,{children:tt(s)})})]}),o.jsxRuntimeExports.jsx(et,{onClick:i,children:o.jsxRuntimeExports.jsx(t.SvgClose,{})})]})}const J={labelWidth:new t.ResponsiveSized(110,145,180),largeLabelWidth:new t.ResponsiveSized(150,215,215),largeLabelDocumentWidth:new t.ResponsiveSized(150,210,252),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2])};function nt(e){const n=t.useWindowSizeContext(),[s,i]=z.useState(!1),{companyPassport:l,commonSetUp:{businessVerification:c},common:{documents:u}}=t.appLocale.getLocalizedStrings(),{fileProps:d,companyFiles:r,deleteFileStatusById:p,updateFileStatusById:h,sectionId:g,isDisabled:m,companyIncInfo:y,style:b}=e,E=J.labelWidth.value(n),j=J.largeLabelWidth.value(n),f=J.largeLabelDocumentWidth.value(n),{dateFormat:{visual:$},companyPassport:R}=t.appLocale.getLocalizedStrings(),x=r.find(V=>V.documentType==="certificate_of_incorporation"),O=n==="small"?l.companyIncInfo.stateOfIncPlaceholderSmall:l.companyIncInfo.stateOfIncPlaceholder,te=n==="small"?l.companyIncInfo.typeOfIncPlaceholderSmall:l.companyIncInfo.typeOfIncPlaceholder;return o.jsxRuntimeExports.jsxs(st,{style:b,children:[o.jsxRuntimeExports.jsx(at,{children:l.companyIncInfo.title}),o.jsxRuntimeExports.jsxs(it,{children:[o.jsxRuntimeExports.jsx(Le.LabeledCreatableSingleSelectField,{label:{label:R.companyIncInfo.typeOfInc,width:j},isDisabled:m,creatableSingleSelectField:{name:K(g,"typeOfInc"),placeholder:te,defaultValue:{selectedOption:y?.typeOfInc,allOptions:l.companyIncInfo.allTypesOfIncorporation}}}),o.jsxRuntimeExports.jsx(ne,{}),o.jsxRuntimeExports.jsx(qe.LabeledSingleSelectField,{label:{label:R.companyIncInfo.stateOfInc,width:j},isDisabled:m,singleSelectField:{name:K(g,"stateOfInc"),placeholder:O,defaultValue:{selectedOption:y?.stateOfInc,allOptions:l.companyIncInfo.allStatesOfIncorporation}}}),o.jsxRuntimeExports.jsx(ne,{}),o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{isDisabled:m,label:{label:l.companyIncInfo.incDate,width:E},style:{paddingBottom:J.paddingBottom.valuePx(n)},dateField:{name:K(g,"incDate"),placeholder:t.getPlaceholderTextWithPrefix(l.companyIncInfo.incDate),defaultValue:y?.incDate,dateFormat:$.defaultInput,maxDate:F.dateNow(),minDate:F.zeniDate("01 Jan 1900"),autoComplete:"off"}}),o.jsxRuntimeExports.jsx(ne,{}),o.jsxRuntimeExports.jsx(Te.LabeledDocumentField,{name:K(g,"certificateOfIncorporation"),isDisabled:m,sizeLimit:t.SizeLimit10MB,deleteFileStatusById:p,updateFileStatusById:h,filesEndPoint:d.filesEndPoint,authParams:d.authParams,label:{label:c.certificateOfIncorporation,width:f},filemetadataPayload:{documentType:"certificate_of_incorporation",purposeId:"business_verification",documentSide:"front"},file:x,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:s,updateFilesEntity:d.updateFilesEntity,onEditFileName:d.onEditFileName,onDeleteFile:d.onDeleteFile,onFileSizeError:V=>i(V)}),o.jsxRuntimeExports.jsx(lt,{windowSize:n,isError:s,children:u.formatDocumentText10MB})]})]})}const K=(e,n)=>`${e}.${n}`,st=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  padding-bottom: ${t.Space.sp9};
+`,it=a.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};
+`,at=a(t.LargeMedium)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.Space.sp3};
+`,ne=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,lt=a(t.SmallRegular)`
+  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};
+`,rt=a(t.StandardRegularUl)`
+  color: ${e=>e.theme.colors.primary};
+  margin-block-start: ${t.Space.sp0};
+  margin-block-end: ${t.Space.sp0};
+  padding: 0 ${t.Space.sp3};
+  text-align: right;
+  list-style-position: inside;
+`,ct=a.li`
+  text-decoration: ${e=>e.isCancelled?"line-through":"unset"};
+`,dt=a(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  border-radius: ${t.Space.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: 1px 6px 1px 6px;
+  width: fit-content;
+  margin-left: auto;
+  margin-bottom: ${t.Space.sp2};
+`,pt=e=>{const{labels:n,style:s,listStyleType:i="disc"}=e;return o.jsxRuntimeExports.jsx(rt,{style:{...s,listStyleType:i},children:n.filter(l=>l!=null&&l.text!="").map((l,c)=>o.jsxRuntimeExports.jsxs(ct,{isCancelled:l.status==="cancelled",children:[l.text,l.subText!=null?o.jsxRuntimeExports.jsxs(dt,{children:["Started: ",l.subText]}):null]},`${l.text}_${c}`))})},_={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]),controlMinHeight:new t.ResponsiveSized(t.sp[4],t.sp[4]),paddingTopBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),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])};function ee({isDisabled:e,label:n,bullettedLabels:s,style:i}){const l=t.useWindowSizeContext();return s.labels.length>0?o.jsxRuntimeExports.jsxs(mt,{size:l,style:i,children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:e,label:n.label,style:{marginLeft:_.labelMarginLeft.value(l),marginRight:_.labelMarginRight.value(l),width:n.width??"auto"}}),o.jsxRuntimeExports.jsx(pt,{...s,style:{maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto"}})]}):null}const mt=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>_.width.valuePx(e.size)};
+  height: auto;
+  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;
+  }
+`,se={labelWidth:new t.ResponsiveSized(110,110,140),mediumLabelWidth:new t.ResponsiveSized(140,140,160),largeLabelWidth:new t.ResponsiveSized(170,170,180)},{companyPassport:w,dateFormat:{analytics:$e}}=t.appLocale.getLocalizedStrings();function ut({companyViewData:e,allIndustries:n,companyInfo:s,companyAddress:i,sectionId:l,isDisabled:c,onCompanyAddressClick:u,style:d}){const r=t.useWindowSizeContext(),p=e.company.company.companyInfo,h=se.labelWidth.value(r),g=se.mediumLabelWidth.value(r),m=se.largeLabelWidth.value(r),y=r==="small"?w.companyInfo.businessModelPlaceholderSmall:w.companyInfo.businessModelPlaceholder,b=E=>n.find(j=>j.code===E)?.name??E;return o.jsxRuntimeExports.jsxs(ht,{style:d,children:[o.jsxRuntimeExports.jsx(gt,{children:w.companyInfo.title}),o.jsxRuntimeExports.jsxs(ft,{children:[o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:c,label:{label:w.companyInfo.companyName,width:m},text:{type:"text",name:W(l,"companyName"),placeholder:t.getPlaceholderTextWithPrefix(w.companyInfo.companyName),defaultValue:s?.companyName,autoComplete:"new-password",options:{required:!!p.name,pattern:t.NON_HYPHEN_MULTI_CHARACTER_PATTERN}}}),o.jsxRuntimeExports.jsx(D,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:c,label:{label:w.companyInfo.legalName,width:g},text:{type:"text",name:W(l,"legalName"),placeholder:t.getPlaceholderTextWithPrefix(w.companyInfo.legalName),defaultValue:s?.legalName,autoComplete:"new-password",options:{required:!!p.companyLegalName,pattern:t.NON_HYPHEN_MULTI_CHARACTER_PATTERN}}}),o.jsxRuntimeExports.jsx(D,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:c,label:{label:w.companyInfo.website,width:h},text:{type:"url",name:W(l,"website"),placeholder:t.getPlaceholderTextWithPrefix(w.companyInfo.website),defaultValue:s?.website?.toString()??"",autoComplete:"new-password"}}),o.jsxRuntimeExports.jsx(D,{}),o.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:w.companyInfo.industry,width:h},singleSelectField:{singleSelect:{name:W(l,"industry"),placeholder:w.companyInfo.industryPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:b,isDisabled:c,showTickMark:!1},defaultValue:{selectedOption:s?.industry,allOptions:n?.map(E=>E.code)??[]}},isFunctional:!0}),o.jsxRuntimeExports.jsx(D,{}),o.jsxRuntimeExports.jsx(Le.LabeledCreatableSingleSelectField,{isDisabled:c,label:{label:w.companyInfo.businessModel,width:m},creatableSingleSelectField:{name:W(l,"businessModel"),placeholder:y,defaultValue:{selectedOption:s?.businessModel,allOptions:w.companyInfo.allBusinessModels}}}),o.jsxRuntimeExports.jsx(D,{}),o.jsxRuntimeExports.jsx(ze.LabeledAddressValue,{isDisabled:c,label:{label:w.companyInfo.address,width:h},addressValue:{placeholder:t.getPlaceholderTextWithPrefix(w.companyInfo.address),address:i?.addressToCreate,onClick:()=>u("company_address")}}),o.jsxRuntimeExports.jsx(D,{}),o.jsxRuntimeExports.jsx(t.LabeledPhoneNumberField,{isDisabled:c,label:{label:w.companyInfo.phone,width:h},text:{name:W(l,"phone"),placeholder:t.getPlaceholderTextWithPrefix(w.companyInfo.phone),defaultValue:s?.phone,autoComplete:"new-password"}}),o.jsxRuntimeExports.jsx(D,{}),o.jsxRuntimeExports.jsx(ee,{label:{label:w.companyInfo.fiscalYear,width:h},bullettedLabels:{labels:[{text:xt(s?.firstMonthOfFY??1)}],listStyleType:"none"}})]})]})}const xt=e=>{const{fiscalYearMonths:n}=F.getFYMonths(e);return`${F.dateNow().month(n[0]-1).format($e.MMMFormat)} to ${F.dateNow().month(n[11]-1).format($e.MMMFormat)}`},W=(e,n)=>`${e}.${n}`,ht=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  padding-bottom: ${t.Space.sp9};
+`,ft=a.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};
+`,gt=a(t.LargeMedium)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.Space.sp3};
+`,D=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,re={labelWidth:new t.ResponsiveSized(110,110,140),buttonWidth:new t.ResponsiveSized(70,70)};function yt({sectionId:e,isDisabled:n,style:s,officer:i,officerAddress:l,isEmptyCompanyOfficerSection:c,onOfficerAddressClick:u}){const d=t.useWindowSizeContext(),r=t.appLocale.getLocalizedStrings().companyPassport,p=re.labelWidth.value(d),h=c&&(i==null||!i.firstName&&!i.lastName&&!i.phone&&!i.email&&!l),g=i?.userId==null||i?.userId==="";return o.jsxRuntimeExports.jsxs($t,{style:s,children:[o.jsxRuntimeExports.jsx(Fe.LabeledNameField,{isDisabled:n,label:{label:r.companyOfficer.name,width:p},nameField:{name:ie(e,"name"),placeHolder:{firstName:r.companyOfficer.firstNamePlaceholder,lastName:r.companyOfficer.lastNamePlaceholder,name:r.companyOfficer.namePlaceholder},defaultValue:{firstName:i?.firstName??"",lastName:i?.lastName??""},autoComplete:"new-password",registerOptions:{required:h!==!0},showFullNameError:!0}}),o.jsxRuntimeExports.jsx(ae,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:g?n:"readonly",label:{label:r.companyOfficer.email,width:p},text:{type:"email",name:ie(e,"email"),placeholder:t.getPlaceholderTextWithPrefix(r.companyOfficer.email),options:{required:h===!0?!1:g},defaultValue:i?.email,autoComplete:"new-password"}}),o.jsxRuntimeExports.jsx(ae,{}),o.jsxRuntimeExports.jsx(ze.LabeledAddressValue,{isDisabled:n,label:{label:r.companyInfo.address,width:p},addressValue:{placeholder:t.getPlaceholderTextWithPrefix(r.companyOfficer.address),address:l?.addressToCreate,onClick:()=>{u(i?.officerType.toLocaleLowerCase().concat("_address"))}}}),o.jsxRuntimeExports.jsx(ae,{}),o.jsxRuntimeExports.jsx(t.LabeledPhoneNumberField,{isDisabled:n,label:{label:r.companyOfficer.phone,width:p},text:{name:ie(e,"phone"),placeholder:t.getPlaceholderTextWithPrefix(r.companyOfficer.phone),defaultValue:i?.phone,autoComplete:"new-password"}})]})}function St({companyOfficers:e,sectionId:n,style:s,isDisabled:i,onOfficerAddressClick:l}){const{setValue:c,getValues:u}=o.useFormContext(),[d,r]=z.useState(-1),p=t.appLocale.getLocalizedStrings().companyPassport,h=e.length,g=e.length===1&&e[0].localData?.userId==null,m=u(n),y=()=>{const $={userId:void 0,officerType:`Officer_${h+1}`,name:{firstName:"",lastName:""},email:"",phone:""};c(n,[...m,$])},b=f=>{if(e[f].localData==null||!e[f].localData?.firstName&&!e[f].localData?.lastName&&!e[f].localData?.phone&&!e[f].localData?.email&&!e[f].addressStatus?.addressToCreate){const $=m.filter((R,x)=>x!==d);c(n,$),r(-1)}else r(f)},E=()=>{r(-1)},j=()=>{const f=m.filter(($,R)=>R!==d);c(n,f),r(-1)};return o.jsxRuntimeExports.jsxs(wt,{style:s,children:[o.jsxRuntimeExports.jsx(Rt,{children:p.companyOfficer.title}),e.map((f,$)=>{const R=f.localData,x=f.addressStatus,O=R?.userId==null||R?.userId==="";return o.jsxRuntimeExports.jsxs(Et,{children:[(h>1||O)&&!g?o.jsxRuntimeExports.jsx(bt,{curIndex:$,isNewUser:O,numberOfOfficers:h,deleteConfirmationIndex:d,isDisabled:i,onDeleteClick:b,onCancelClick:E,onRemoveOfficerSection:j}):null,o.jsxRuntimeExports.jsx(yt,{sectionId:`${n}.${$}`,officer:R,officerAddress:x,isDisabled:i,isEmptyCompanyOfficerSection:g,onOfficerAddressClick:l})]},R?.officerType)}),h<=9&&!g?o.jsxRuntimeExports.jsx(jt,{isSectionDisabled:i,onAddOfficerSection:y}):o.jsxRuntimeExports.jsx(ce,{})]})}const bt=({curIndex:e,isNewUser:n,numberOfOfficers:s,deleteConfirmationIndex:i,isDisabled:l,onDeleteClick:c,onCancelClick:u,onRemoveOfficerSection:d})=>{const r=t.useWindowSizeContext(),p=t.appLocale.getLocalizedStrings().companyPassport;return o.jsxRuntimeExports.jsxs(vt,{children:[o.jsxRuntimeExports.jsx(It,{children:s>1?`${p.companyOfficer.officer} ${e+1}`:""}),n&&l==null?i===e?o.jsxRuntimeExports.jsx(Ft,{children:o.jsxRuntimeExports.jsxs(Ot,{children:[p.companyOfficer.deleteConfirmation,o.jsxRuntimeExports.jsx(t.Button,{label:p.cancel,onClick:u,style:{width:re.buttonWidth.value(r),marginLeft:t.Space.sp4,marginRight:t.Space.sp3},size:"small",variant:"secondary"}),o.jsxRuntimeExports.jsx(t.Button,{label:p.remove,onClick:d,style:{width:re.buttonWidth.value(r)},size:"small",variant:"danger"})]})}):o.jsxRuntimeExports.jsx(zt,{className:"delete-icon-wrapper",onClick:()=>c(e),children:o.jsxRuntimeExports.jsx(t.SvgDelete,{width:t.sp[3],height:t.sp[3],color:t.Colors.important})}):null]})},jt=({isSectionDisabled:e,onAddOfficerSection:n})=>{const s=t.appLocale.getLocalizedStrings().companyPassport;return e!=null?o.jsxRuntimeExports.jsx(ce,{}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Ct,{onClick:n,children:[o.jsxRuntimeExports.jsx(Lt,{}),o.jsxRuntimeExports.jsx(Tt,{children:s.companyOfficer.addOfficer})]}),o.jsxRuntimeExports.jsx(ce,{})]})},ie=(e,n)=>`${e}.${n}`,wt=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  width: 100%;
+`,$t=a.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};
+  margin-bottom: ${t.Space.sp4};
+`,ce=a.div`
+  padding-bottom: ${t.Space.sp6};
+`,Rt=a(t.LargeMedium)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.Space.sp4};
+`,Et=a.div`
+  &:hover {
+    .delete-icon-wrapper {
+      display: flex;
+    }
+  }
+`,vt=a(t.LargeMedium)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.Space.sp2};
+  height: 31px;
+
+  .delete-icon-wrapper {
+    display: none;
+  }
+`,It=a(t.StandardRegular)``,Ct=a.div`
+  padding: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${t.Space.sp4};
+  cursor: pointer;
+
+  &:hover {
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,Lt=a(t.SvgAddRound)`
+  margin-right: ${t.Space.sp2};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.grey1};
+`,Tt=a(t.StandardMedium)`
+  color: inherit;
+`,zt=a.div`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  cursor: pointer;
+`,Ft=a.div`
+  display: flex;
+`,Ot=a(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,ae=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Pt=({name:e,registerOptions:n,defaultValue:s,isDisabled:i,style:l,placeholder:c})=>{const{control:u,formState:{errors:d}}=o.useFormContext(),r=o.useTheme(),p=o.has(d,e??""),h={container:m=>({...m,width:"100%",...l}),menu:m=>({...m,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:m=>({...m,borderRadius:0})},g={hasError:p};return o.jsxRuntimeExports.jsx(o.Controller,{name:e,control:u,defaultValue:s,rules:n,render:({field:{onChange:m,onBlur:y,value:b,ref:E}})=>o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{...g,ref:E,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:c,value:Re(b.selectedOptions),options:Re(b.allOptions),onChange:j=>{m({selectedOptions:j.map(f=>f.value),allOptions:b.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:y,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:Nt,Option:At,Input:Dt,MultiValue:Mt,MultiValueLabel:Wt,MultiValueRemove:Bt,ValueContainer:kt,DropdownIndicator:Kt,IndicatorSeparator:Qt,Placeholder:Vt,ClearIndicator:_t},hideSelectedOptions:!1,styles:h,isDisabled:i!=null})})},Nt=e=>{const{menuIsOpen:n,isFocused:s,isDisabled:i,selectProps:l}=e,{value:c,hasError:u}=l;return o.jsxRuntimeExports.jsx(qt,{menuIsOpen:n,isFocused:s,isDisabled:i,optionsLen:c.length,hasError:u,children:o.jsxRuntimeExports.jsx(o.components.Control,{...e,className:"select-control",children:e.children})})},kt=e=>{const{selectProps:n}=e,{value:s}=n;return o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsxRuntimeExports.jsx(Yt,{className:"selected-options",children:s.map(i=>i.value).join(", ")})]})},Dt=e=>{const{selectProps:n}=e,{placeholder:s,value:i}=n;return o.jsxRuntimeExports.jsx(o.components.Input,{...e,autoComplete:"new-password",placeholder:i.length===0?s:void 0,children:e.children})},Mt=e=>o.jsxRuntimeExports.jsx(o.components.MultiValue,{...e,children:e.children}),Wt=e=>{const{data:n}=e;return o.jsxRuntimeExports.jsx(o.components.MultiValueLabel,{...e,children:n.value})},Bt=e=>o.jsxRuntimeExports.jsx(o.components.MultiValueRemove,{...e,children:o.jsxRuntimeExports.jsx(Pe,{style:{marginTop:"2px"}})}),_t=e=>o.jsxRuntimeExports.jsx(o.components.ClearIndicator,{...e,children:o.jsxRuntimeExports.jsx(Pe,{})}),Vt=()=>null,At=e=>{const{isSelected:n,isDisabled:s,isFocused:i}=e;return o.jsxRuntimeExports.jsx(Ht,{isFocused:i,isSelected:n,isDisabled:s,children:o.jsxRuntimeExports.jsx(o.components.Option,{...e,className:"select-option",children:o.jsxRuntimeExports.jsxs(Ut,{children:[o.jsxRuntimeExports.jsx(Zt,{children:o.jsxRuntimeExports.jsx(Gt,{isSelected:n,isDisabled:s,children:e.label})}),n?o.jsxRuntimeExports.jsxs(Xt,{children:[o.jsxRuntimeExports.jsx(Jt,{className:"right-tick-icon"}),o.jsxRuntimeExports.jsx(t.SvgClose,{className:"close-tick-icon"})]}):null]})})})},qt=a.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};
+      }
+    }
+  }
+`,Yt=a(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+`,Ht=a.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.theme.colors.grey3: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;
+      }
+    }
+  }
+`,Ut=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Gt=a.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+`,Zt=a.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`,Xt=a.div`
+  display: flex;
+`,Jt=a(t.SvgTick)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  color: ${e=>e.theme.colors.primary};
+`,Pe=a(t.SvgClose)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Kt=()=>null,Qt=()=>null,Re=e=>e.map(n=>eo(n)),eo=e=>({value:e,label:e}),L={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 to({isDisabled:e,label:n,multiSelectField:s,style:i}){const l=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(oo,{size:l,style:i,isDisabled:e!=null,children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:e,label:n.label,htmlFor:s.name,style:{marginLeft:L.labelMarginLeft.value(l),marginRight:L.labelMarginRight.value(l),marginTop:L.labelMarginTop.value(l),width:n.width??"auto"}}),o.jsxRuntimeExports.jsx(Pt,{...s,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto",minHeight:L.controlHeight.value(l)}})]})}const oo=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>L.width.valuePx(e.size)};
+  min-height: ${e=>L.height.valuePx(e.size)};
+  padding-right: ${e=>L.marginRight.valuePx(e.size)};
+  padding-top: ${e=>L.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>L.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};
+    }
+  }
+`,Ee={labelWidth:new t.ResponsiveSized(160,160,160),largeLabelWidth:new t.ResponsiveSized(150,215,215)};function no(e){const n=t.useWindowSizeContext(),s=t.useGlobalInfoContext(),[i,l]=z.useState(!1),{companyPassport:c,commonSetUp:{businessVerification:u},common:{documents:d}}=t.appLocale.getLocalizedStrings(),{fileProps:r,companyFiles:p,deleteFileStatusById:h,updateFileStatusById:g,sectionId:m,isDisabled:y,companyTaxInfo:b,style:E}=e,j=Ee.labelWidth.value(n),f=Ee.largeLabelWidth.value(n),$=!F.hasAdminLevelAccess(s.loggedInUserRole??[]),R=p.find(x=>x.documentType==="tax_ein");return o.jsxRuntimeExports.jsxs(so,{style:E,children:[o.jsxRuntimeExports.jsx(ao,{children:c.companyTaxInfo.title}),o.jsxRuntimeExports.jsxs(io,{children:[o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:y,label:{label:c.companyTaxInfo.taxIdOrEIN,width:j},text:{type:"text",name:B(m,"taxIdOrEIN"),placeholder:c.companyTaxInfo.taxIdOrEINPlaceholder,defaultValue:$===!0?c.protectedContent:b?.taxIdOrEIN,options:{pattern:t.TIN_PATTERN},autoComplete:"new-password"},protectedInfoText:$===!0?c.companyTaxInfo.adminPrivilegeRequired:void 0}),o.jsxRuntimeExports.jsx(Y,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:y,label:{label:c.companyTaxInfo.dunsNumber,width:j},text:{type:"text",name:B(m,"dunsNumber"),placeholder:c.companyTaxInfo.dunsNumberPlaceholder,defaultValue:b?.dunsNumber,options:{pattern:/^\d{9}$/},autoComplete:"new-password"}}),o.jsxRuntimeExports.jsx(Y,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:y,label:{label:c.companyTaxInfo.naicsCode,width:j},text:{type:"text",name:B(m,"naicsCode"),placeholder:c.companyTaxInfo.naicsCodePlaceholder,defaultValue:b?.naicsCode,options:{pattern:/^([2-9]{1}[0-9]{1}|[1-9]{1}[1-9]{1})\d{0,4}$/},autoComplete:"new-password"}}),o.jsxRuntimeExports.jsx(Y,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:y,label:{label:c.companyTaxInfo.sicCode,width:j},text:{type:"text",name:B(m,"sicCode"),placeholder:c.companyTaxInfo.sicCodePlaceholder,defaultValue:b?.sicCode,options:{pattern:/^\d{2,4}$/},autoComplete:"new-password"}}),o.jsxRuntimeExports.jsx(Y,{}),o.jsxRuntimeExports.jsx(to,{isDisabled:y,label:{label:c.companyTaxInfo.taxesFiledYears,width:j},multiSelectField:{name:B(m,"taxesFiledYears"),placeholder:c.companyTaxInfo.taxesFiledYearsPlaceholder,defaultValue:{selectedOptions:b?.taxesFiledYears.map(x=>x.toString())??[],allOptions:F.getYearsList().map(x=>x.toString())}}}),o.jsxRuntimeExports.jsx(Y,{}),o.jsxRuntimeExports.jsx(Te.LabeledDocumentField,{name:B(m,"einDocument"),isDisabled:y,sizeLimit:t.SizeLimit10MB,deleteFileStatusById:h,updateFileStatusById:g,filesEndPoint:r.filesEndPoint,authParams:r.authParams,label:{label:u.einDocument,width:f},filemetadataPayload:{documentType:"tax_ein",purposeId:"business_verification",documentSide:"front"},file:R,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:i,updateFilesEntity:r.updateFilesEntity,onEditFileName:r.onEditFileName,onDeleteFile:r.onDeleteFile,onFileSizeError:x=>l(x)}),o.jsxRuntimeExports.jsx(lo,{windowSize:n,isError:i,children:d.formatDocumentText10MB})]})]})}const B=(e,n)=>`${e}.${n}`,so=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  padding-bottom: ${t.Space.sp9};
+`,io=a.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};
+`,ao=a(t.LargeMedium)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.Space.sp3};
+`,Y=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,lo=a(t.SmallRegular)`
+  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};
+`,ro={labelWidth:new t.ResponsiveSized(100,100,140)};function co({sectionId:e,isDisabled:n,primaryContact:s,style:i}){const l=t.useWindowSizeContext(),c=t.appLocale.getLocalizedStrings().companyPassport,u=ro.labelWidth.value(l),d=s==null;return o.jsxRuntimeExports.jsxs(po,{style:i,children:[o.jsxRuntimeExports.jsx(uo,{children:c.primaryContact.title}),o.jsxRuntimeExports.jsxs(mo,{children:[o.jsxRuntimeExports.jsx(Fe.LabeledNameField,{isDisabled:n,label:{label:c.primaryContact.name,width:u},nameField:{name:ve(e,"name"),placeHolder:{firstName:c.primaryContact.firstNamePlaceholder,lastName:c.primaryContact.lastNamePlaceholder,name:c.primaryContact.namePlaceholder},defaultValue:{firstName:s?.firstName??"",lastName:s?.lastName??""},autoComplete:"new-password",registerOptions:{required:d!==!0},showFullNameError:!0}}),o.jsxRuntimeExports.jsx(xo,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:n,label:{label:c.primaryContact.email,width:u},text:{type:"email",name:ve(e,"email"),placeholder:t.getPlaceholderTextWithPrefix(c.primaryContact.email),defaultValue:s?.email,autoComplete:"new-password",options:{required:d!==!0}}})]})]})}const ve=(e,n)=>`${e}.${n}`,po=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  padding-bottom: ${t.Space.sp9};
+`,mo=a.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};
+`,uo=a(t.LargeMedium)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.Space.sp3};
+`,xo=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ho=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  :not(:first-of-type) {
+    margin-left: ${t.Space.sp3};
+  }
+`,fo=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,go=()=>o.jsxRuntimeExports.jsx(fo,{children:"–"}),yo=a.div`
+  padding: 6px ${t.Space.sp2};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,So=a(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  justify-content: flex-end;
+  display: flex;
+  padding: 0 ${t.Space.sp3};
+`,bo=e=>{const{users:n,style:s}=e;return o.jsxRuntimeExports.jsx(So,{style:s,children:n.length!==0?n.filter(i=>!!i.firstName||!!i.lastName).map(i=>o.jsxRuntimeExports.jsxs(ho,{children:[o.jsxRuntimeExports.jsx(yo,{children:`${i.firstName} ${i.lastName}`}),o.jsxRuntimeExports.jsx(t.EntityAvatar,{name:`${i.firstName} ${i.lastName}`,size:t.Space.sp4})]},i.userId)):o.jsxRuntimeExports.jsx(go,{})})},T={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 jo({isDisabled:e,label:n,avatarLabels:s,style:i}){const l=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs($o,{size:l,style:i,children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:e,label:n.label,style:{marginLeft:T.labelMarginLeft.value(l),marginRight:T.labelMarginRight.value(l),marginTop:T.labelMarginTop.value(l),width:n.width??"auto"}}),o.jsxRuntimeExports.jsx(bo,{users:s.users,style:{minHeight:T.controlHeight.value(l),display:"flex",flexGrow:1,flexFlow:"row wrap",maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto",...s.style}})]})}const wo=z.memo(jo,o.isEqual),$o=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>T.width.valuePx(e.size)};
+  min-height: ${e=>T.height.valuePx(e.size)};
+  padding-right: ${e=>T.marginRight.valuePx(e.size)};
+  padding-top: ${e=>T.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>T.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;
+  }
+`,le={labelWidth:new t.ResponsiveSized(100,100,140),mediumLabelWidth:new t.ResponsiveSized(140,150,160),largeLabelWidth:new t.ResponsiveSized(160,180,180)};function Ro({data:e,companyInfo:n,sectionId:s,isDisabled:i,isZeniUser:l,onScheduleClick:c}){const u=t.useWindowSizeContext(),{companyPassport:d,dateFormat:{visual:r}}=t.appLocale.getLocalizedStrings(),p=le.labelWidth.value(u),h=le.mediumLabelWidth.value(u),g=le.largeLabelWidth.value(u),m=e.company.company,{controllers:y,subscriptions:b}=e,{managementInfo:E}=m,j=u==="small"?d.zeniFinanceTeam.scheduleCallPlaceholderSmall:d.zeniFinanceTeam.scheduleCallPlaceholder,f=b.filter(x=>x.plan?.plan.name!=null).map(x=>({text:x.plan?.plan.name,subText:x.subscription.subscription.startDate.format(r.MMMDCommaYYYYformat)})),$=o.flatMap(b.map(x=>x.addOns.map(O=>({text:O.addOn.name,subText:x.subscription.subscription.startDate.format(r.MMMDCommaYYYYformat)})))),R=E.receiverEmails.map(x=>({text:x}));return o.jsxRuntimeExports.jsxs(vo,{children:[o.jsxRuntimeExports.jsx(Co,{children:d.zeniFinanceTeam.title}),o.jsxRuntimeExports.jsxs(Io,{children:[o.jsxRuntimeExports.jsx(wo,{label:{label:d.zeniFinanceTeam.controller,width:h},avatarLabels:{users:y.map(x=>x.user)}}),o.jsxRuntimeExports.jsx(Q,{}),l===!0?o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:i,label:{label:d.zeniFinanceTeam.scheduleCall,width:h},text:{type:"text",name:Eo(s,"meetingLink"),placeholder:j,defaultValue:n?.meetingLink?.toString()??"",autoComplete:"new-password",options:{pattern:t.ZENI_MEETING_URL_PATTERN}}}):n?.meetingLink!=null?o.jsxRuntimeExports.jsx(Ye.LabeledItemWithButton,{label:{label:d.zeniFinanceTeam.scheduleCall,width:h},button:{buttonTitle:d.zeniFinanceTeam.schedule,onClick:()=>c(n.meetingLink)}}):null,R.length>0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Q,{}),o.jsxRuntimeExports.jsx(ee,{label:{label:d.zeniFinanceTeam.emailUs,width:p},bullettedLabels:{labels:R,listStyleType:"none"}})]}):null,f.length>0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Q,{}),o.jsxRuntimeExports.jsx(ee,{label:{label:d.zeniFinanceTeam.subscriptionPlans,width:g},bullettedLabels:{labels:f,listStyleType:"none"}})]}):null,$.length>0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Q,{}),o.jsxRuntimeExports.jsx(ee,{label:{label:d.zeniFinanceTeam.addons,width:h},bullettedLabels:{labels:$,listStyleType:"none"}})]}):null]})]})}const Eo=(e,n)=>`${e}.${n}`,vo=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  padding-bottom: ${t.Space.sp9};
+`,Io=a.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};
+`,Co=a(t.LargeMedium)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.Space.sp3};
+`,Q=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,de={width:new t.ResponsiveSized(343,580,726),buttonWidth:new t.ResponsiveSized(85,85)},Ie="companyPassportPage",pe="companyInfo",me="companyIncInfo",ue="companyTaxInfo",xe="primaryContact",he="companyOfficer",fe="zeniFinanceTeam";function Lo(e){const n=t.useWindowSizeContext(),s=o.useTheme(),{companyPassportView:i,isZeniUser:l,filesEndPoint:c,authParams:u,allIndustries:d,isDisabled:r,isSettings:p=!1,onCompanyDetailsChanged:h,onCompanyOfficerUpdated:g,onNewCompanyOfficerAdded:m,onPrimaryContactDetailsUpdated:y,onNewCompanyOfficerRemoved:b,onSaveAll:E,onAddressClick:j,onScheduleClick:f,onBackClick:$,onResetClick:R,onEditFileName:x,updateFilesEntity:O,onDeleteFile:te,onClickMenuIcon:V}=e,{companyView:A,localData:M,deleteFileStatusById:ye,updateFileStatusById:Se}=i,{companyFiles:H}=M,be={authParams:u,filesEndPoint:c,onEditFileName:x,onDeleteFile:te,updateFilesEntity:O},[q,U]=z.useState(void 0),{companyDetails:Ne,primaryContact:ke,companyOfficerUpdateStatus:De,updateStatus:N}=M,{localData:G,addressStatus:Me}=Ne,je=t.usePrevious(N.fetchState),Z=Object.values(De).filter(C=>C.localData!=null),P=o.useForm({mode:"all",defaultValues:Ce(M,d)});z.useEffect(()=>()=>{U(void 0)},[]),z.useEffect(()=>{je==="In-Progress"&&(N.fetchState==="Completed"||N.fetchState==="Error")&&(P.reset(Ce(M,d)),q!==N.fetchState&&U(N.fetchState))},[q,P,je,N,M,A,d,H]);const We=async(C,S)=>{if(C.includes(pe)||C.includes(me)||C.includes(ue)||C.includes(fe)){const{companyInfo:v,companyIncInfo:I,companyTaxInfo:k,zeniFinanceTeam:oe}=S;h({companyInfo:v,incInfo:I,taxDetails:k,zeniFinanceTeam:oe})}else if(C.includes(xe)){y(S.primaryContact);const v=S.companyOfficer.map(I=>I.userId);if(S.primaryContact.userId!=null&&v.includes(S.primaryContact.userId)){const I=v.findIndex(k=>k===S.primaryContact.userId);I>=0&&g({...S.companyOfficer[I],name:S.primaryContact.name,officerType:`Officer_${I+1}`})}}else if(C.includes(he)){const v=parseInt(C.split(".")[1]);if(v>=0)g({...S.companyOfficer[v],officerType:`Officer_${v+1}`}),S.companyOfficer[v].userId!=null&&S.companyOfficer[v].userId===S.primaryContact.userId&&y({...S.primaryContact,name:S.companyOfficer[v].name});else if(S.companyOfficer.length>Z.length){const I=S.companyOfficer[S.companyOfficer.length-1];m(I)}else{const I=S.companyOfficer.filter(k=>k.officerType!=null);if(I.length<Z.length){const k=I.map((oe,Ve)=>{const we={...oe,officerType:`Officer_${Ve+1}`};return g(we),we});I.length<Z.length&&(b(`Officer_${I.length+1}`),P.reset({companyOfficer:k}))}}}};z.useEffect(()=>{const C=P.watch((S,{name:v})=>{v!=null&&S!=null&&o.defer(()=>We(v,S))});return()=>{C.unsubscribe()}});const Be=P.handleSubmit(C=>{q!=null&&U(void 0),E()}),{companyPassport:X,common:{settings:_e}}=t.appLocale.getLocalizedStrings();if(A==null)throw new Error("Company View is null");return o.jsxRuntimeExports.jsxs(To,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{title:X.title,backgroundColor:s.colors.grey4,style:{zIndex:3},onBackClick:$,showBackButton:!p,showMenuIcon:p?n==="medium-compact"||n==="small":!1,source:"CompanyPassportPage",onClickMenuIcon:V}),q!=null?o.jsxRuntimeExports.jsx(ot,{fetchState:q,onRemoveSnackbar:()=>U(void 0)}):null,o.jsxRuntimeExports.jsxs(zo,{children:[o.jsxRuntimeExports.jsx(Fo,{windowSize:n,children:p?_e.infoText.companyDetails:X.quickAccessInfo}),o.jsxRuntimeExports.jsx(o.FormProvider,{...P,children:o.jsxRuntimeExports.jsxs("form",{id:ge(Ie),onSubmit:Be,children:[o.jsxRuntimeExports.jsx(ut,{sectionId:pe,companyInfo:G?.companyInfo,companyViewData:A,companyAddress:Me,isDisabled:r,onCompanyAddressClick:j,allIndustries:d}),o.jsxRuntimeExports.jsx(nt,{sectionId:me,updateFileStatusById:Se,deleteFileStatusById:ye,companyFiles:H,companyIncInfo:G?.incInfo,fileProps:be,isDisabled:r}),o.jsxRuntimeExports.jsx(no,{sectionId:ue,updateFileStatusById:Se,deleteFileStatusById:ye,companyFiles:H,companyTaxInfo:G?.taxDetails,fileProps:be,isDisabled:r}),o.jsxRuntimeExports.jsx(co,{sectionId:xe,primaryContact:ke.localData,isDisabled:r}),o.jsxRuntimeExports.jsx(St,{companyOfficers:Z,sectionId:he,isDisabled:r,onOfficerAddressClick:j}),o.jsxRuntimeExports.jsx(Ro,{data:A,companyInfo:G?.companyInfo,isDisabled:r,isZeniUser:l,sectionId:fe,onScheduleClick:f})]})})]}),t.formHasDirtyFields(P.formState.dirtyFields)||F.isCompanyPassportDataToBeSaved(M,A,H)?o.jsxRuntimeExports.jsx(t.Footer,{formId:ge(Ie),primaryBtn:{label:X.save,isLoading:N.fetchState==="In-Progress",style:{width:de.buttonWidth.value(n)},isDisabled:e.isDisabled!=null},cancelBtn:{label:X.cancel,style:{width:de.buttonWidth.value(n)},onClick:()=>{P.reset(),R()}}}):null]})}const ge=e=>`${e}_form`,Ce=(e,n)=>{const{companyDetails:s,primaryContact:i,companyOfficerUpdateStatus:l}=e,c=t.appLocale.getLocalizedStrings().companyPassport,u=s.localData?.incInfo.fileId!=null?[s.localData?.incInfo.fileId]:[],d=s.localData?.taxDetails.fileId!=null?[s.localData?.taxDetails.fileId]:[];return{[pe]:{...o.omit(s.localData?.companyInfo,["meetingLink"]),businessModel:{selectedOption:s.localData?.companyInfo?.businessModel,allOptions:c.companyInfo.allBusinessModels},website:s.localData?.companyInfo.website?.toString()??"",industry:{selectedOption:s.localData?.companyInfo.industry,allOptions:n?.map(r=>r.code)},firstMonthOfFY:s.localData?.companyInfo.firstMonthOfFY},[ue]:{...s.localData?.taxDetails,taxesFiledYears:{selectedOptions:s.localData?.taxDetails.taxesFiledYears.map(r=>r.toString())??[],allOptions:F.getYearsList().map(r=>r.toString())},einDocument:e.companyFiles.find(r=>r.documentType==="tax_ein"),fileIds:d},[me]:{typeOfInc:{selectedOption:s.localData?.incInfo?.typeOfInc,allOptions:c.companyIncInfo.allTypesOfIncorporation},stateOfInc:{selectedOption:s.localData?.incInfo?.stateOfInc,allOptions:c.companyIncInfo.allStatesOfIncorporation},incDate:s.localData?.incInfo.incDate?.toDate(),certificateOfIncorporation:e.companyFiles.find(r=>r.documentType==="certificate_of_incorporation"),fileIds:u},[xe]:{userId:i.localData?.userId,name:{firstName:i.localData?.firstName,lastName:i.localData?.lastName},email:i.localData?.email},[he]:Object.values(l).filter(r=>r.localData!=null).map(r=>{const p=r.localData;return{userId:p.userId,officerType:p.officerType,name:{firstName:p.firstName,lastName:p.lastName},email:p.email,phone:p.phone}}),[fe]:{meetingLink:s.localData?.companyInfo.meetingLink?.toString()??""}}},To=a.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,zo=a.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,Fo=a(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>de.width.valuePx(e.windowSize)};
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp4};
+`;exports.default=Lo;exports.uniqueName=ge;