@zeniai/web-cockpit-ui 1.15.25-dev → 1.15.26-dev

package/dist/assets/CompanyPassportPage-F_GUET9a-DyWAWfST.js

@@ -0,0 +1,574 @@
+import{J as N,e as Ae,aR as da,a9 as pa,cG as ma,F as k,V as a,bD as ua,ac as ha,cH as fa,aS as xa,y as m,cI as ba,c as Ce,o as t,al as ee,cJ as z,cK as ze,cL as L,cM as ya,cN as Ue,cO as ga,cP as $a,cQ as qe,aw as wa,cR as Ia,cS as He,cT as Ge,cU as ja,cV as va,cW as Da,p as P,cX as Sa,cY as Oa,bt as Ca,aU as Fa,ba as U,cZ as Fe,u as p,ai as Ze,i as Me,c_ as ka,aE as Ta,c$ as Pa,d0 as Na,bI as La,d1 as za,cj as Ma,d2 as Ea,am as Va,bJ as W,d3 as Ba,b as ce,bH as _a}from"./index-GSKpJ8ET.js";import{a as _,P as Wa}from"./sentry-BZBky1_g.js";import{n as s,k as Ra}from"./mui-DenpH-hx.js";import{Fk as Ya,bj as Je,bL as Aa,bh as ye,bC as Ua,Fl as qa}from"./zeni-epic-state-BKgIzPpM.js";import{I as Qe}from"./LabeledCreatableSingleSelectField-DHNAX5Pu-BPIIBKMF.js";import{Y as Xe}from"./LabeledDocumentField-Bx1u7vv_-DaqPO373.js";import{$ as Ke}from"./LabeledAddressValue-D2t8ti-C-Z0RI74Eh.js";import"./liveblocks-D1OOExFG.js";import"./core-CEu4PzGb.js";import"./recharts-9NtTDQfo.js";import"./lottie-fNTw06NH.js";import"./analytics-DgE91yP9.js";import"./lexical-CnqcqOEB.js";import"./utils-CHibiken.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="c30d590b-8f98-4b89-b286-2b3a7d02a61f",e._sentryDebugIdIdentifier="sentry-dbid-c30d590b-8f98-4b89-b286-2b3a7d02a61f")}catch{}})();const ea={maxWidth:new m(280,340),contentMaxWidth:new m(200,255)},Ha=Ra`
+ 0% {
+   transform: translateX(100%)
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,Ga=s.div`
+  position: fixed;
+  top: ${t.sp3};
+  right: ${t.sp3};
+  z-index: 1400;
+  padding: ${t.sp3} ${t.sp4};
+  max-width: ${e=>ea.maxWidth.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.black};
+  border-radius: 12px;
+  box-shadow: ${e=>`${t.sp0} ${t.sp1} ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  animation: ${Ha} 0.4s;
+`,Za=s(Sa)`
+  margin-top: 2px;
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${P.successDark};
+`,Ja=s(Oa)`
+  margin-top: 2px;
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${P.important};
+`,Qa=s.div`
+  margin-top: ${t.sp1};
+`,Xa=s(Fa)`
+  color: ${P.neutralGrey2Light};
+`,Ka=s.div`
+  max-width: ${e=>ea.contentMaxWidth.valuePx(e.windowSize)};
+  margin: ${t.sp0} ${t.sp3};
+`,et=s(Ca)`
+  color: ${e=>e.isSuccess?P.success:P.important};
+`,at=s.div`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${P.primaryDark};
+  }
+`,tt=e=>{const o=k.getLocalizedStrings().companyPassport.snackBar;return e==="Error"?o.failedText:o.successText};function ot(e){const o=N(),{fetchState:l,onRemoveSnackbar:i}=e;_.useEffect(()=>{setTimeout(i,5e3)});const n=k.getLocalizedStrings().companyPassport.snackBar,c=l==="Completed";return a.jsxs(Ga,{windowSize:o,children:[c?a.jsx(Za,{}):a.jsx(Ja,{}),a.jsxs(Ka,{windowSize:o,children:[a.jsx(et,{isSuccess:c,children:c?n.success:n.error}),a.jsx(Qa,{children:a.jsx(Xa,{children:tt(l)})})]}),a.jsx(at,{onClick:i,children:a.jsx(Ce,{})})]})}const se={labelWidth:new m(110,145,180),largeLabelWidth:new m(150,215,215),largeLabelDocumentWidth:new m(150,210,252),paddingBottom:new m(p[3],p[2])};function lt(e){const o=N(),[l,i]=_.useState(!1),{companyPassport:n,commonSetUp:{businessVerification:c},common:{documents:f}}=k.getLocalizedStrings(),{fileProps:d,companyFiles:r,deleteFileStatusById:u,updateFileStatusById:b,sectionId:g,isDisabled:h,companyIncInfo:$,style:I}=e,S=se.labelWidth.value(o),j=se.largeLabelWidth.value(o),y=se.largeLabelDocumentWidth.value(o),{dateFormat:{visual:O},companyPassport:D}=k.getLocalizedStrings(),x=r.find(J=>J.documentType==="certificate_of_incorporation"),V=o==="small"?n.companyIncInfo.stateOfIncPlaceholderSmall:n.companyIncInfo.stateOfIncPlaceholder,pe=o==="small"?n.companyIncInfo.typeOfIncPlaceholderSmall:n.companyIncInfo.typeOfIncPlaceholder;return a.jsxs(it,{style:I,children:[a.jsx(nt,{children:n.companyIncInfo.title}),a.jsxs(st,{children:[a.jsx(Qe,{label:{label:D.companyIncInfo.typeOfInc,width:j},isDisabled:h,creatableSingleSelectField:{name:ne(g,"typeOfInc"),placeholder:pe,defaultValue:{selectedOption:$?.typeOfInc,allOptions:n.companyIncInfo.allTypesOfIncorporation}}}),a.jsx(ue,{}),a.jsx(ga,{label:{label:D.companyIncInfo.stateOfInc,width:j},isDisabled:h,singleSelectField:{name:ne(g,"stateOfInc"),placeholder:V,defaultValue:{selectedOption:$?.stateOfInc,allOptions:n.companyIncInfo.allStatesOfIncorporation}}}),a.jsx(ue,{}),a.jsx($a,{isDisabled:h,label:{label:n.companyIncInfo.incDate,width:S},style:{paddingBottom:se.paddingBottom.valuePx(o)},dateField:{name:ne(g,"incDate"),placeholder:L(n.companyIncInfo.incDate),defaultValue:$?.incDate,dateFormat:O.defaultInput,maxDate:ye(),minDate:Aa("01 Jan 1900"),autoComplete:"off"}}),a.jsx(ue,{}),a.jsx(Xe,{name:ne(g,"certificateOfIncorporation"),isDisabled:h,sizeLimit:qe,deleteFileStatusById:u,updateFileStatusById:b,filesEndPoint:d.filesEndPoint,authParams:d.authParams,label:{label:c.certificateOfIncorporation,width:y},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:l,updateFilesEntity:d.updateFilesEntity,onEditFileName:d.onEditFileName,onDeleteFile:d.onDeleteFile,onFileSizeError:J=>i(J)}),a.jsx(rt,{windowSize:o,isError:l,children:f.formatDocumentText10MB})]})]})}const ne=(e,o)=>`${e}.${o}`,it=s.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${t.sp9};
+`,st=s.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.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,nt=s(U)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.sp3};
+`,ue=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,rt=s(Ze)`
+  padding: ${t.sp1} ${t.sp4};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.sp0} ${t.sp0} ${t.sp2} ${t.sp2};
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.isError?P.important:e.theme.colors.grey1};
+`,ct=s(Ea)`
+  color: ${e=>e.theme.colors.primary};
+  margin-block-start: ${t.sp0};
+  margin-block-end: ${t.sp0};
+  padding: 0 ${t.sp3};
+  text-align: right;
+  list-style-position: inside;
+`,dt=s.li`
+  text-decoration: ${e=>e.isCancelled?"line-through":"unset"};
+`,pt=s(Va)`
+  color: ${e=>e.theme.colors.grey1};
+  border-radius: ${t.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: 1px 6px 1px 6px;
+  width: fit-content;
+  margin-left: auto;
+  margin-bottom: ${t.sp2};
+`,mt=e=>{const{labels:o,style:l,listStyleType:i="disc"}=e;return a.jsx(ct,{style:{...l,listStyleType:i},children:o.filter(n=>n!=null&&n.text!="").map((n,c)=>a.jsxs(dt,{isCancelled:n.status==="cancelled",children:[n.text,n.subText!=null?a.jsxs(pt,{children:["Started: ",n.subText]}):null]},`${n.text}_${c}`))})},Z={width:new m(343,580,726),paddingTopBottom:new m(p[3],p[3]),marginRight:new m(p[2],p[2]),labelMarginLeft:new m(p[3],p[4]),labelMarginRight:new m(p[3],p[4])};function de({isDisabled:e,label:o,bullettedLabels:l,style:i}){const n=N();return l.labels.length>0?a.jsxs(ut,{size:n,style:i,children:[a.jsx(Fe,{isDisabled:e,label:o.label,style:{marginLeft:Z.labelMarginLeft.value(n),marginRight:Z.labelMarginRight.value(n),width:o.width??"auto"}}),a.jsx(mt,{...l,style:{maxWidth:o.width!=null?`calc(100% - ${o.width}px)`:"auto"}})]}):null}const ut=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>Z.width.valuePx(e.size)};
+  height: auto;
+  padding-right: ${e=>Z.marginRight.valuePx(e.size)};
+  padding-top: ${e=>Z.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>Z.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;
+  }
+`,he={labelWidth:new m(110,110,140),mediumLabelWidth:new m(140,140,160),largeLabelWidth:new m(170,170,180)},{companyPassport:v,dateFormat:{analytics:Ee}}=k.getLocalizedStrings();function ht({companyViewData:e,allIndustries:o,companyInfo:l,companyAddress:i,sectionId:n,isDisabled:c,onCompanyAddressClick:f,style:d}){const r=N(),u=e.company.company.companyInfo,b=he.labelWidth.value(r),g=he.mediumLabelWidth.value(r),h=he.largeLabelWidth.value(r),$=r==="small"?v.companyInfo.businessModelPlaceholderSmall:v.companyInfo.businessModelPlaceholder,I=S=>o.find(j=>j.code===S)?.name??S;return a.jsxs(xt,{style:d,children:[a.jsx(yt,{children:v.companyInfo.title}),a.jsxs(bt,{children:[a.jsx(z,{isDisabled:c,label:{label:v.companyInfo.companyName,width:h},text:{type:"text",name:H(n,"companyName"),placeholder:L(v.companyInfo.companyName),defaultValue:l?.companyName,autoComplete:"new-password",options:{required:!!u.name,pattern:ze}}}),a.jsx(A,{}),a.jsx(z,{isDisabled:c,label:{label:v.companyInfo.legalName,width:g},text:{type:"text",name:H(n,"legalName"),placeholder:L(v.companyInfo.legalName),defaultValue:l?.legalName,autoComplete:"new-password",options:{required:!!u.companyLegalName,pattern:ze}}}),a.jsx(A,{}),a.jsx(z,{isDisabled:c,label:{label:v.companyInfo.website,width:b},text:{type:"url",name:H(n,"website"),placeholder:L(v.companyInfo.website),defaultValue:l?.website?.toString()??"",autoComplete:"new-password"}}),a.jsx(A,{}),a.jsx(ya,{label:{label:v.companyInfo.industry,width:b},singleSelectField:{singleSelect:{name:H(n,"industry"),placeholder:v.companyInfo.industryPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:I,isDisabled:c,showTickMark:!1},defaultValue:{selectedOption:l?.industry,allOptions:o?.map(S=>S.code)??[]}},isFunctional:!0}),a.jsx(A,{}),a.jsx(Qe,{isDisabled:c,label:{label:v.companyInfo.businessModel,width:h},creatableSingleSelectField:{name:H(n,"businessModel"),placeholder:$,defaultValue:{selectedOption:l?.businessModel,allOptions:v.companyInfo.allBusinessModels}}}),a.jsx(A,{}),a.jsx(Ke,{isDisabled:c,label:{label:v.companyInfo.address,width:b},addressValue:{placeholder:L(v.companyInfo.address),address:i?.addressToCreate,onClick:()=>f("company_address")}}),a.jsx(A,{}),a.jsx(Ue,{isDisabled:c,label:{label:v.companyInfo.phone,width:b},text:{name:H(n,"phone"),placeholder:L(v.companyInfo.phone),defaultValue:l?.phone,autoComplete:"new-password"}}),a.jsx(A,{}),a.jsx(de,{label:{label:v.companyInfo.fiscalYear,width:b},bullettedLabels:{labels:[{text:ft(l?.firstMonthOfFY??1)}],listStyleType:"none"}})]})]})}const ft=e=>{const{fiscalYearMonths:o}=qa(e);return`${ye().month(o[0]-1).format(Ee.MMMFormat)} to ${ye().month(o[11]-1).format(Ee.MMMFormat)}`},H=(e,o)=>`${e}.${o}`,xt=s.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${t.sp9};
+`,bt=s.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.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,yt=s(U)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.sp3};
+`,A=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ge={labelWidth:new m(110,110,140),buttonWidth:new m(70,70)};function gt({sectionId:e,isDisabled:o,style:l,officer:i,officerAddress:n,isEmptyCompanyOfficerSection:c,onOfficerAddressClick:f}){const d=N(),r=k.getLocalizedStrings().companyPassport,u=ge.labelWidth.value(d),b=c&&(i==null||!i.firstName&&!i.lastName&&!i.phone&&!i.email&&!n),g=i?.userId==null||i?.userId==="";return a.jsxs(vt,{style:l,children:[a.jsx(He,{isDisabled:o,label:{label:r.companyOfficer.name,width:u},nameField:{name:fe(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:b!==!0},showFullNameError:!0}}),a.jsx(xe,{}),a.jsx(z,{isDisabled:g?o:"readonly",label:{label:r.companyOfficer.email,width:u},text:{type:"email",name:fe(e,"email"),placeholder:L(r.companyOfficer.email),options:{required:b===!0?!1:g},defaultValue:i?.email,autoComplete:"new-password"}}),a.jsx(xe,{}),a.jsx(Ke,{isDisabled:o,label:{label:r.companyInfo.address,width:u},addressValue:{placeholder:L(r.companyOfficer.address),address:n?.addressToCreate,onClick:()=>{f(i?.officerType.toLocaleLowerCase().concat("_address"))}}}),a.jsx(xe,{}),a.jsx(Ue,{isDisabled:o,label:{label:r.companyOfficer.phone,width:u},text:{name:fe(e,"phone"),placeholder:L(r.companyOfficer.phone),defaultValue:i?.phone,autoComplete:"new-password"}})]})}function $t({companyOfficers:e,sectionId:o,style:l,isDisabled:i,onOfficerAddressClick:n}){const{setValue:c,getValues:f}=Ge(),[d,r]=_.useState(-1),u=k.getLocalizedStrings().companyPassport,b=e.length,g=e.length===1&&e[0].localData?.userId==null,h=f(o),$=()=>{const y={userId:void 0,officerType:`Officer_${b+1}`,name:{firstName:"",lastName:""},email:"",phone:""};c(o,[...h,y])},I=y=>{if(e[y].localData==null||!e[y].localData?.firstName&&!e[y].localData?.lastName&&!e[y].localData?.phone&&!e[y].localData?.email&&!e[y].addressStatus?.addressToCreate){const O=h.filter((D,x)=>x!==d);c(o,O),r(-1)}else r(y)},S=()=>{r(-1)},j=()=>{const y=h.filter((O,D)=>D!==d);c(o,y),r(-1)};return a.jsxs(jt,{style:l,children:[a.jsx(Dt,{children:u.companyOfficer.title}),e.map((y,O)=>{const D=y.localData,x=y.addressStatus,V=D?.userId==null||D?.userId==="";return a.jsxs(St,{children:[(b>1||V)&&!g?a.jsx(wt,{curIndex:O,isNewUser:V,numberOfOfficers:b,deleteConfirmationIndex:d,isDisabled:i,onDeleteClick:I,onCancelClick:S,onRemoveOfficerSection:j}):null,a.jsx(gt,{sectionId:`${o}.${O}`,officer:D,officerAddress:x,isDisabled:i,isEmptyCompanyOfficerSection:g,onOfficerAddressClick:n})]},D?.officerType)}),b<=9&&!g?a.jsx(It,{isSectionDisabled:i,onAddOfficerSection:$}):a.jsx($e,{})]})}const wt=({curIndex:e,isNewUser:o,numberOfOfficers:l,deleteConfirmationIndex:i,isDisabled:n,onDeleteClick:c,onCancelClick:f,onRemoveOfficerSection:d})=>{const r=N(),u=k.getLocalizedStrings().companyPassport;return a.jsxs(Ot,{children:[a.jsx(Ct,{children:l>1?`${u.companyOfficer.officer} ${e+1}`:""}),o&&n==null?i===e?a.jsx(Nt,{children:a.jsxs(Lt,{children:[u.companyOfficer.deleteConfirmation,a.jsx(Me,{label:u.cancel,onClick:f,style:{width:ge.buttonWidth.value(r),marginLeft:t.sp4,marginRight:t.sp3},size:"small",variant:"secondary"}),a.jsx(Me,{label:u.remove,onClick:d,style:{width:ge.buttonWidth.value(r)},size:"small",variant:"danger"})]})}):a.jsx(Pt,{className:"delete-icon-wrapper",onClick:()=>c(e),children:a.jsx(ka,{width:p[3],height:p[3],color:P.important})}):null]})},It=({isSectionDisabled:e,onAddOfficerSection:o})=>{const l=k.getLocalizedStrings().companyPassport;return e!=null?a.jsx($e,{}):a.jsxs(a.Fragment,{children:[a.jsxs(Ft,{onClick:o,children:[a.jsx(kt,{}),a.jsx(Tt,{children:l.companyOfficer.addOfficer})]}),a.jsx($e,{})]})},fe=(e,o)=>`${e}.${o}`,jt=s.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  width: 100%;
+`,vt=s.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.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+  margin-bottom: ${t.sp4};
+`,$e=s.div`
+  padding-bottom: ${t.sp6};
+`,Dt=s(U)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.sp4};
+`,St=s.div`
+  &:hover {
+    .delete-icon-wrapper {
+      display: flex;
+    }
+  }
+`,Ot=s(U)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.sp2};
+  height: 31px;
+
+  .delete-icon-wrapper {
+    display: none;
+  }
+`,Ct=s(ee)``,Ft=s.div`
+  padding: ${t.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.sp2};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${t.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};
+  }
+`,kt=s(za)`
+  margin-right: ${t.sp2};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.grey1};
+`,Tt=s(Ma)`
+  color: inherit;
+`,Pt=s.div`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  cursor: pointer;
+`,Nt=s.div`
+  display: flex;
+`,Lt=s(ee)`
+  color: ${e=>e.theme.colors.hero};
+`,xe=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,zt=({name:e,registerOptions:o,defaultValue:l,isDisabled:i,style:n,placeholder:c})=>{const{control:f,formState:{errors:d}}=Ge(),r=Ae(),u=Pa(d,e??""),b={container:h=>({...h,width:"100%",...n}),menu:h=>({...h,backgroundColor:r.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${r.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:h=>({...h,borderRadius:0})},g={hasError:u};return a.jsx(Na,{name:e,control:f,defaultValue:l,rules:o,render:({field:{onChange:h,onBlur:$,value:I,ref:S}})=>a.jsx(La,{...g,ref:S,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:c,value:Ve(I.selectedOptions),options:Ve(I.allOptions),onChange:j=>{h({selectedOptions:j.map(y=>y.value),allOptions:I.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:$,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:Mt,Option:At,Input:Vt,MultiValue:Bt,MultiValueLabel:_t,MultiValueRemove:Wt,ValueContainer:Et,DropdownIndicator:Kt,IndicatorSeparator:eo,Placeholder:Yt,ClearIndicator:Rt},hideSelectedOptions:!1,styles:b,isDisabled:i!=null})})},Mt=e=>{const{menuIsOpen:o,isFocused:l,isDisabled:i,selectProps:n}=e,{value:c,hasError:f}=n;return a.jsx(Ut,{menuIsOpen:o,isFocused:l,isDisabled:i,optionsLen:c.length,hasError:f,children:a.jsx(W.Control,{...e,className:"select-control",children:e.children})})},Et=e=>{const{selectProps:o}=e,{value:l}=o;return a.jsxs(W.ValueContainer,{...e,className:"select-value-container",children:[e.children,a.jsx(qt,{className:"selected-options",children:l.map(i=>i.value).join(", ")})]})},Vt=e=>{const{selectProps:o}=e,{placeholder:l,value:i}=o;return a.jsx(W.Input,{...e,autoComplete:"new-password",placeholder:i.length===0?l:void 0,children:e.children})},Bt=e=>a.jsx(W.MultiValue,{...e,children:e.children}),_t=e=>{const{data:o}=e;return a.jsx(W.MultiValueLabel,{...e,children:o.value})},Wt=e=>a.jsx(W.MultiValueRemove,{...e,children:a.jsx(aa,{style:{marginTop:"2px"}})}),Rt=e=>a.jsx(W.ClearIndicator,{...e,children:a.jsx(aa,{})}),Yt=()=>null,At=e=>{const{isSelected:o,isDisabled:l,isFocused:i}=e;return a.jsx(Ht,{isFocused:i,isSelected:o,isDisabled:l,children:a.jsx(W.Option,{...e,className:"select-option",children:a.jsxs(Gt,{children:[a.jsx(Jt,{children:a.jsx(Zt,{isSelected:o,isDisabled:l,children:e.label})}),o?a.jsxs(Qt,{children:[a.jsx(Xt,{className:"right-tick-icon"}),a.jsx(Ce,{className:"close-tick-icon"})]}):null]})})})},Ut=s.div`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+
+  .select-control {
+    border: none;
+    padding: 0 ${t.sp3};
+    min-height: 100%;
+    background-color: inherit;
+    box-shadow: none;
+
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+     background-color: ${e=>e.hasError?P.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.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.sp2}`:`${t.sp0}`};
+    }
+  }
+
+  .select-value-container {
+    width: 100%;
+    padding: 6px ${t.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;
+
+    ${ce.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.sp2};
+      min-width: fit-content;
+      background-color: transparent;
+      margin: ${t.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.sp1};
+      :last-of-type {
+        margin: ${t.sp0};
+      }
+    }
+
+    .multi-select-field__input-container {
+      display: flex;
+      width: ${e=>e.isFocused===!1&&e.optionsLen===0?"100%":e.isFocused===!1&&e.optionsLen>0?t.sp0:"fit-content"};
+      ${ce.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${t.sp0};
+      cursor: inherit;
+      color: ${e=>e.hasError?P.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?P.important:e.theme.colors.grey1};
+        }
+        }
+
+        :disabled {
+          visibility: visible;
+        }
+      }
+    }
+
+    .multi-select-field__multi-value__label {
+      color: inherit;
+      padding: 0;
+      margin-right: ${t.sp1};
+      ${ce.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};
+      }
+    }
+  }
+`,qt=s(ee)`
+  color: ${e=>e.theme.colors.primary};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+`,Ht=s.div`
+  .select-option {
+    ${ce.smallRegular.css};
+    height: ${t.sp6};
+    padding: 9px ${t.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;
+      }
+    }
+  }
+`,Gt=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Zt=s.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+`,Jt=s.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`,Qt=s.div`
+  display: flex;
+`,Xt=s(_a)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  color: ${e=>e.theme.colors.primary};
+`,aa=s(Ce)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Kt=()=>null,eo=()=>null,Ve=e=>e.map(o=>ao(o)),ao=e=>({value:e,label:e}),M={width:new m(343,580,726),height:new m(p[6],p[6]),controlHeight:new m(p[6],p[6]),paddingTopBottom:new m(p[2],p[2]),marginRight:new m(p[2],p[2]),labelMarginLeft:new m(p[3],p[4]),labelMarginRight:new m(p[3],p[4]),labelMarginTop:new m(p[2],p[2])};function to({isDisabled:e,label:o,multiSelectField:l,style:i}){const n=N();return a.jsxs(oo,{size:n,style:i,isDisabled:e!=null,children:[a.jsx(Fe,{isDisabled:e,label:o.label,htmlFor:l.name,style:{marginLeft:M.labelMarginLeft.value(n),marginRight:M.labelMarginRight.value(n),marginTop:M.labelMarginTop.value(n),width:o.width??"auto"}}),a.jsx(zt,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:o.width!=null?`calc(100% - ${o.width}px)`:"auto",minHeight:M.controlHeight.value(n)}})]})}const oo=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>M.width.valuePx(e.size)};
+  min-height: ${e=>M.height.valuePx(e.size)};
+  padding-right: ${e=>M.marginRight.valuePx(e.size)};
+  padding-top: ${e=>M.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>M.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};
+    }
+  }
+`,Be={labelWidth:new m(160,160,160),largeLabelWidth:new m(150,215,215)};function lo(e){const o=N(),l=wa(),[i,n]=_.useState(!1),{companyPassport:c,commonSetUp:{businessVerification:f},common:{documents:d}}=k.getLocalizedStrings(),{fileProps:r,companyFiles:u,deleteFileStatusById:b,updateFileStatusById:g,sectionId:h,isDisabled:$,companyTaxInfo:I,style:S}=e,j=Be.labelWidth.value(o),y=Be.largeLabelWidth.value(o),O=!Ua(l.loggedInUserRole??[]),D=u.find(x=>x.documentType==="tax_ein");return a.jsxs(io,{style:S,children:[a.jsx(no,{children:c.companyTaxInfo.title}),a.jsxs(so,{children:[a.jsx(z,{isDisabled:$,label:{label:c.companyTaxInfo.taxIdOrEIN,width:j},text:{type:"text",name:G(h,"taxIdOrEIN"),placeholder:c.companyTaxInfo.taxIdOrEINPlaceholder,defaultValue:O===!0?c.protectedContent:I?.taxIdOrEIN,options:{pattern:Ia},autoComplete:"new-password"},protectedInfoText:O===!0?c.companyTaxInfo.adminPrivilegeRequired:void 0}),a.jsx(K,{}),a.jsx(z,{isDisabled:$,label:{label:c.companyTaxInfo.dunsNumber,width:j},text:{type:"text",name:G(h,"dunsNumber"),placeholder:c.companyTaxInfo.dunsNumberPlaceholder,defaultValue:I?.dunsNumber,options:{pattern:/^\d{9}$/},autoComplete:"new-password"}}),a.jsx(K,{}),a.jsx(z,{isDisabled:$,label:{label:c.companyTaxInfo.naicsCode,width:j},text:{type:"text",name:G(h,"naicsCode"),placeholder:c.companyTaxInfo.naicsCodePlaceholder,defaultValue:I?.naicsCode,options:{pattern:/^([2-9]{1}[0-9]{1}|[1-9]{1}[1-9]{1})\d{0,4}$/},autoComplete:"new-password"}}),a.jsx(K,{}),a.jsx(z,{isDisabled:$,label:{label:c.companyTaxInfo.sicCode,width:j},text:{type:"text",name:G(h,"sicCode"),placeholder:c.companyTaxInfo.sicCodePlaceholder,defaultValue:I?.sicCode,options:{pattern:/^\d{2,4}$/},autoComplete:"new-password"}}),a.jsx(K,{}),a.jsx(to,{isDisabled:$,label:{label:c.companyTaxInfo.taxesFiledYears,width:j},multiSelectField:{name:G(h,"taxesFiledYears"),placeholder:c.companyTaxInfo.taxesFiledYearsPlaceholder,defaultValue:{selectedOptions:I?.taxesFiledYears.map(x=>x.toString())??[],allOptions:Je().map(x=>x.toString())}}}),a.jsx(K,{}),a.jsx(Xe,{name:G(h,"einDocument"),isDisabled:$,sizeLimit:qe,deleteFileStatusById:b,updateFileStatusById:g,filesEndPoint:r.filesEndPoint,authParams:r.authParams,label:{label:f.einDocument,width:y},filemetadataPayload:{documentType:"tax_ein",purposeId:"business_verification",documentSide:"front"},file:D,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=>n(x)}),a.jsx(ro,{windowSize:o,isError:i,children:d.formatDocumentText10MB})]})]})}const G=(e,o)=>`${e}.${o}`,io=s.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${t.sp9};
+`,so=s.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.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,no=s(U)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.sp3};
+`,K=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ro=s(Ze)`
+  padding: ${t.sp1} ${t.sp4};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.sp0} ${t.sp0} ${t.sp2} ${t.sp2};
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.isError?P.important:e.theme.colors.grey1};
+`,co={labelWidth:new m(100,100,140)};function po({sectionId:e,isDisabled:o,primaryContact:l,style:i}){const n=N(),c=k.getLocalizedStrings().companyPassport,f=co.labelWidth.value(n),d=l==null;return a.jsxs(mo,{style:i,children:[a.jsx(ho,{children:c.primaryContact.title}),a.jsxs(uo,{children:[a.jsx(He,{isDisabled:o,label:{label:c.primaryContact.name,width:f},nameField:{name:_e(e,"name"),placeHolder:{firstName:c.primaryContact.firstNamePlaceholder,lastName:c.primaryContact.lastNamePlaceholder,name:c.primaryContact.namePlaceholder},defaultValue:{firstName:l?.firstName??"",lastName:l?.lastName??""},autoComplete:"new-password",registerOptions:{required:d!==!0},showFullNameError:!0}}),a.jsx(fo,{}),a.jsx(z,{isDisabled:o,label:{label:c.primaryContact.email,width:f},text:{type:"email",name:_e(e,"email"),placeholder:L(c.primaryContact.email),defaultValue:l?.email,autoComplete:"new-password",options:{required:d!==!0}}})]})]})}const _e=(e,o)=>`${e}.${o}`,mo=s.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${t.sp9};
+`,uo=s.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.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,ho=s(U)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.sp3};
+`,fo=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,xo=s.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  :not(:first-of-type) {
+    margin-left: ${t.sp3};
+  }
+`,bo=s.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,yo=()=>a.jsx(bo,{children:"–"}),go=s.div`
+  padding: 6px ${t.sp2};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,$o=s(ee)`
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  justify-content: flex-end;
+  display: flex;
+  padding: 0 ${t.sp3};
+`,wo=e=>{const{users:o,style:l}=e;return a.jsx($o,{style:l,children:o.length!==0?o.filter(i=>!!i.firstName||!!i.lastName).map(i=>a.jsxs(xo,{children:[a.jsx(go,{children:`${i.firstName} ${i.lastName}`}),a.jsx(Ba,{name:`${i.firstName} ${i.lastName}`,size:t.sp4})]},i.userId)):a.jsx(yo,{})})},E={width:new m(343,580,726),height:new m(p[6],p[6]),controlHeight:new m(p[6],p[6]),paddingTopBottom:new m(p[2],p[2]),marginRight:new m(p[2],p[2]),labelMarginLeft:new m(p[3],p[4]),labelMarginRight:new m(p[3],p[4]),labelMarginTop:new m(p[2],p[2])};function Io({isDisabled:e,label:o,avatarLabels:l,style:i}){const n=N();return a.jsxs(vo,{size:n,style:i,children:[a.jsx(Fe,{isDisabled:e,label:o.label,style:{marginLeft:E.labelMarginLeft.value(n),marginRight:E.labelMarginRight.value(n),marginTop:E.labelMarginTop.value(n),width:o.width??"auto"}}),a.jsx(wo,{users:l.users,style:{minHeight:E.controlHeight.value(n),display:"flex",flexGrow:1,flexFlow:"row wrap",maxWidth:o.width!=null?`calc(100% - ${o.width}px)`:"auto",...l.style}})]})}const jo=Wa.memo(Io,Ta),vo=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>E.width.valuePx(e.size)};
+  min-height: ${e=>E.height.valuePx(e.size)};
+  padding-right: ${e=>E.marginRight.valuePx(e.size)};
+  padding-top: ${e=>E.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>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;
+  }
+`,be={labelWidth:new m(100,100,140),mediumLabelWidth:new m(140,150,160),largeLabelWidth:new m(160,180,180)};function Do({data:e,companyInfo:o,sectionId:l,isDisabled:i,isZeniUser:n,onScheduleClick:c}){const f=N(),{companyPassport:d,dateFormat:{visual:r}}=k.getLocalizedStrings(),u=be.labelWidth.value(f),b=be.mediumLabelWidth.value(f),g=be.largeLabelWidth.value(f),h=e.company.company,{controllers:$,subscriptions:I}=e,{managementInfo:S}=h,j=f==="small"?d.zeniFinanceTeam.scheduleCallPlaceholderSmall:d.zeniFinanceTeam.scheduleCallPlaceholder,y=I.filter(x=>x.plan?.plan.name!=null).map(x=>({text:x.plan?.plan.name,subText:x.subscription.subscription.startDate.format(r.MMMDCommaYYYYformat)})),O=ja(I.map(x=>x.addOns.map(V=>({text:V.addOn.name,subText:x.subscription.subscription.startDate.format(r.MMMDCommaYYYYformat)})))),D=S.receiverEmails.map(x=>({text:x}));return a.jsxs(Oo,{children:[a.jsx(Fo,{children:d.zeniFinanceTeam.title}),a.jsxs(Co,{children:[a.jsx(jo,{label:{label:d.zeniFinanceTeam.controller,width:b},avatarLabels:{users:$.map(x=>x.user)}}),a.jsx(re,{}),n===!0?a.jsx(z,{isDisabled:i,label:{label:d.zeniFinanceTeam.scheduleCall,width:b},text:{type:"text",name:So(l,"meetingLink"),placeholder:j,defaultValue:o?.meetingLink?.toString()??"",autoComplete:"new-password",options:{pattern:va}}}):o?.meetingLink!=null?a.jsx(Da,{label:{label:d.zeniFinanceTeam.scheduleCall,width:b},button:{buttonTitle:d.zeniFinanceTeam.schedule,onClick:()=>c(o.meetingLink)}}):null,D.length>0?a.jsxs(a.Fragment,{children:[a.jsx(re,{}),a.jsx(de,{label:{label:d.zeniFinanceTeam.emailUs,width:u},bullettedLabels:{labels:D,listStyleType:"none"}})]}):null,y.length>0?a.jsxs(a.Fragment,{children:[a.jsx(re,{}),a.jsx(de,{label:{label:d.zeniFinanceTeam.subscriptionPlans,width:g},bullettedLabels:{labels:y,listStyleType:"none"}})]}):null,O.length>0?a.jsxs(a.Fragment,{children:[a.jsx(re,{}),a.jsx(de,{label:{label:d.zeniFinanceTeam.addons,width:b},bullettedLabels:{labels:O,listStyleType:"none"}})]}):null]})]})}const So=(e,o)=>`${e}.${o}`,Oo=s.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${t.sp9};
+`,Co=s.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.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,Fo=s(U)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${t.sp3};
+`,re=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,we={width:new m(343,580,726),buttonWidth:new m(85,85)},We="companyPassportPage",Ie="companyInfo",je="companyIncInfo",ve="companyTaxInfo",De="primaryContact",Se="companyOfficer",Oe="zeniFinanceTeam";function Ho(e){const o=N(),l=Ae(),{companyPassportView:i,isZeniUser:n,filesEndPoint:c,authParams:f,allIndustries:d,isDisabled:r,isSettings:u=!1,onCompanyDetailsChanged:b,onCompanyOfficerUpdated:g,onNewCompanyOfficerAdded:h,onPrimaryContactDetailsUpdated:$,onNewCompanyOfficerRemoved:I,onSaveAll:S,onAddressClick:j,onScheduleClick:y,onBackClick:O,onResetClick:D,onEditFileName:x,updateFilesEntity:V,onDeleteFile:pe,onClickMenuIcon:J}=e,{companyView:Q,localData:q,deleteFileStatusById:ke,updateFileStatusById:Te}=i,{companyFiles:ae}=q,Pe={authParams:f,filesEndPoint:c,onEditFileName:x,onDeleteFile:pe,updateFilesEntity:V},[X,te]=_.useState(void 0),{companyDetails:ta,primaryContact:oa,companyOfficerUpdateStatus:la,updateStatus:R}=q,{localData:oe,addressStatus:ia}=ta,Ne=da(R.fetchState),le=Object.values(la).filter(T=>T.localData!=null),B=pa({mode:"all",defaultValues:Ye(q,d)});_.useEffect(()=>()=>{te(void 0)},[]),_.useEffect(()=>{Ne==="In-Progress"&&(R.fetchState==="Completed"||R.fetchState==="Error")&&(B.reset(Ye(q,d)),X!==R.fetchState&&te(R.fetchState))},[X,B,Ne,R,q,Q,d,ae]);const sa=async(T,w)=>{if(T.includes(Ie)||T.includes(je)||T.includes(ve)||T.includes(Oe)){const{companyInfo:C,companyIncInfo:F,companyTaxInfo:Y,zeniFinanceTeam:me}=w;b({companyInfo:C,incInfo:F,taxDetails:Y,zeniFinanceTeam:me})}else if(T.includes(De)){$(w.primaryContact);const C=w.companyOfficer.map(F=>F.userId);if(w.primaryContact.userId!=null&&C.includes(w.primaryContact.userId)){const F=C.findIndex(Y=>Y===w.primaryContact.userId);F>=0&&g({...w.companyOfficer[F],name:w.primaryContact.name,officerType:`Officer_${F+1}`})}}else if(T.includes(Se)){const C=parseInt(T.split(".")[1]);if(C>=0)g({...w.companyOfficer[C],officerType:`Officer_${C+1}`}),w.companyOfficer[C].userId!=null&&w.companyOfficer[C].userId===w.primaryContact.userId&&$({...w.primaryContact,name:w.companyOfficer[C].name});else if(w.companyOfficer.length>le.length){const F=w.companyOfficer[w.companyOfficer.length-1];h(F)}else{const F=w.companyOfficer.filter(Y=>Y.officerType!=null);if(F.length<le.length){const Y=F.map((me,ca)=>{const Le={...me,officerType:`Officer_${ca+1}`};return g(Le),Le});F.length<le.length&&(I(`Officer_${F.length+1}`),B.reset({companyOfficer:Y}))}}}};_.useEffect(()=>{const T=B.watch((w,{name:C})=>{C!=null&&w!=null&&ma(()=>sa(C,w))});return()=>{T.unsubscribe()}});const na=B.handleSubmit(T=>{X!=null&&te(void 0),S()}),{companyPassport:ie,common:{settings:ra}}=k.getLocalizedStrings();if(Q==null)throw new Error("Company View is null");return a.jsxs(ko,{children:[a.jsx(ua,{title:ie.title,backgroundColor:l.colors.grey4,style:{zIndex:3},onBackClick:O,showBackButton:!u,showMenuIcon:u?o==="medium-compact"||o==="small":!1,source:"CompanyPassportPage",onClickMenuIcon:J}),X!=null?a.jsx(ot,{fetchState:X,onRemoveSnackbar:()=>te(void 0)}):null,a.jsxs(To,{children:[a.jsx(Po,{windowSize:o,children:u?ra.infoText.companyDetails:ie.quickAccessInfo}),a.jsx(ha,{...B,children:a.jsxs("form",{id:Re(We),onSubmit:na,children:[a.jsx(ht,{sectionId:Ie,companyInfo:oe?.companyInfo,companyViewData:Q,companyAddress:ia,isDisabled:r,onCompanyAddressClick:j,allIndustries:d}),a.jsx(lt,{sectionId:je,updateFileStatusById:Te,deleteFileStatusById:ke,companyFiles:ae,companyIncInfo:oe?.incInfo,fileProps:Pe,isDisabled:r}),a.jsx(lo,{sectionId:ve,updateFileStatusById:Te,deleteFileStatusById:ke,companyFiles:ae,companyTaxInfo:oe?.taxDetails,fileProps:Pe,isDisabled:r}),a.jsx(po,{sectionId:De,primaryContact:oa.localData,isDisabled:r}),a.jsx($t,{companyOfficers:le,sectionId:Se,isDisabled:r,onOfficerAddressClick:j}),a.jsx(Do,{data:Q,companyInfo:oe?.companyInfo,isDisabled:r,isZeniUser:n,sectionId:Oe,onScheduleClick:y})]})})]}),fa(B.formState.dirtyFields)||Ya(q,Q,ae)?a.jsx(xa,{formId:Re(We),primaryBtn:{label:ie.save,isLoading:R.fetchState==="In-Progress",style:{width:we.buttonWidth.value(o)},isDisabled:e.isDisabled!=null},cancelBtn:{label:ie.cancel,style:{width:we.buttonWidth.value(o)},onClick:()=>{B.reset(),D()}}}):null]})}const Re=e=>`${e}_form`,Ye=(e,o)=>{const{companyDetails:l,primaryContact:i,companyOfficerUpdateStatus:n}=e,c=k.getLocalizedStrings().companyPassport,f=l.localData?.incInfo.fileId!=null?[l.localData?.incInfo.fileId]:[],d=l.localData?.taxDetails.fileId!=null?[l.localData?.taxDetails.fileId]:[];return{[Ie]:{...ba(l.localData?.companyInfo,["meetingLink"]),businessModel:{selectedOption:l.localData?.companyInfo?.businessModel,allOptions:c.companyInfo.allBusinessModels},website:l.localData?.companyInfo.website?.toString()??"",industry:{selectedOption:l.localData?.companyInfo.industry,allOptions:o?.map(r=>r.code)},firstMonthOfFY:l.localData?.companyInfo.firstMonthOfFY},[ve]:{...l.localData?.taxDetails,taxesFiledYears:{selectedOptions:l.localData?.taxDetails.taxesFiledYears.map(r=>r.toString())??[],allOptions:Je().map(r=>r.toString())},einDocument:e.companyFiles.find(r=>r.documentType==="tax_ein"),fileIds:d},[je]:{typeOfInc:{selectedOption:l.localData?.incInfo?.typeOfInc,allOptions:c.companyIncInfo.allTypesOfIncorporation},stateOfInc:{selectedOption:l.localData?.incInfo?.stateOfInc,allOptions:c.companyIncInfo.allStatesOfIncorporation},incDate:l.localData?.incInfo.incDate?.toDate(),certificateOfIncorporation:e.companyFiles.find(r=>r.documentType==="certificate_of_incorporation"),fileIds:f},[De]:{userId:i.localData?.userId,name:{firstName:i.localData?.firstName,lastName:i.localData?.lastName},email:i.localData?.email},[Se]:Object.values(n).filter(r=>r.localData!=null).map(r=>{const u=r.localData;return{userId:u.userId,officerType:u.officerType,name:{firstName:u.firstName,lastName:u.lastName},email:u.email,phone:u.phone}}),[Oe]:{meetingLink:l.localData?.companyInfo.meetingLink?.toString()??""}}},ko=s.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,To=s.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,Po=s(ee)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>we.width.valuePx(e.windowSize)};
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp4};
+`;export{Ho as default,Re as uniqueName};