@zeniai/web-components 3.16.99 → 3.17.1

package/dist/CompanyOfficerDetailsSection-DQGNN7NZ.cjs

@@ -0,0 +1,260 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),M=require("react"),r=require("@emotion/styled"),ge=require("@zeniai/client-epic-state"),t=require("./index-oPmOjv0R.cjs"),Se=require("./LabeledAddressValueField-DHQuhYKt.cjs"),Je=require("./LabeledCreatableSingleSelectField-oqTbqXoC.cjs"),be=require("./LabeledDocumentField-Dbsc_m7_.cjs"),$e=require("./LabeledNameField-C5dK4PLS.cjs"),Le=require("./avatar-D-486uIp.cjs");function Ke(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const p in e)if(p!=="default"){const x=Object.getOwnPropertyDescriptor(e,p);Object.defineProperty(c,p,x.get?x:{enumerable:!0,get:()=>e[p]})}}return c.default=e,Object.freeze(c)}const m=Ke(M),Qe=e=>m.createElement("svg",{width:72,height:72,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},m.createElement("path",{opacity:.2,d:"M50.5391 6.01221C51.2636 6.01238 51.9584 6.29976 52.4707 6.81201L62.6016 16.9429C63.1141 17.4553 63.4022 18.1507 63.4023 18.8755V66.1353C63.4023 66.86 63.1149 67.5554 62.6025 68.0679C62.09 68.5804 61.3947 68.8686 60.6699 68.8687H14.2109C13.4862 68.8687 12.7908 68.5804 12.2783 68.0679C11.7658 67.5554 11.4775 66.8601 11.4775 66.1353V8.74463C11.4775 8.01982 11.7658 7.32453 12.2783 6.81201C12.7908 6.29962 13.4862 6.01221 14.2109 6.01221H50.5391Z",fill:"#97C3B9"}),m.createElement("path",{d:"M60.5227 61.2642V61.2318M60.5227 61.2318V15.9951C60.5226 15.2704 60.2346 14.5753 59.722 14.0629L49.5911 3.93209C49.0787 3.41953 48.3837 3.1315 47.659 3.13135H11.3306C10.6057 3.13135 9.91062 3.41928 9.3981 3.9318C8.88559 4.44431 8.59766 5.13944 8.59766 5.86425V63.2551C8.59766 63.9799 8.88559 64.6751 9.3981 65.1876C9.91062 65.7001 10.6057 65.988 11.3306 65.988H57.7898C58.5147 65.988 59.2098 65.7001 59.7223 65.1876C60.2348 64.6751 60.5227 64.0737 60.5227 63.2551C60.5227 62.4365 60.5227 61.2318 60.5227 61.2318Z",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),m.createElement("path",{d:"M46.8682 3.13135V12.9335C46.8682 13.2545 46.9371 13.5724 47.0709 13.869C47.2048 14.1656 47.401 14.4351 47.6483 14.6621C47.8956 14.8891 48.1893 15.0692 48.5124 15.1921C48.8356 15.3149 49.1819 15.3781 49.5317 15.3781H60.2144",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),m.createElement("g",{clipPath:"url(#clip0_1350_23850)"},m.createElement("rect",{x:16.75,y:15,width:22.501,height:1.5,fill:"#97C3B9"}),m.createElement("circle",{cx:16.75,cy:15.75,r:.75,transform:"rotate(90 16.75 15.75)",fill:"#97C3B9"}),m.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 38.5 15)",fill:"#97C3B9"})),m.createElement("g",{clipPath:"url(#clip1_1350_23850)"},m.createElement("rect",{x:16.75,y:28.5,width:30.4971,height:1.5,fill:"#97C3B9"}),m.createElement("circle",{cx:16.75,cy:29.25,r:.75,transform:"rotate(90 16.75 29.25)",fill:"#97C3B9"}),m.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 46.5 28.5)",fill:"#97C3B9"})),m.createElement("g",{clipPath:"url(#clip2_1350_23850)"},m.createElement("rect",{x:16.75,y:42,width:35.4953,height:1.5,fill:"#97C3B9"}),m.createElement("circle",{cx:16.75,cy:42.75,r:.75,transform:"rotate(90 16.75 42.75)",fill:"#97C3B9"}),m.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 51.5 42)",fill:"#97C3B9"})),m.createElement("g",{clipPath:"url(#clip3_1350_23850)"},m.createElement("rect",{x:16.75,y:55.5,width:35.4953,height:1.5,fill:"#97C3B9"}),m.createElement("circle",{cx:16.75,cy:56.25,r:.75,transform:"rotate(90 16.75 56.25)",fill:"#97C3B9"}),m.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 51.5 55.5)",fill:"#97C3B9"})),m.createElement("defs",null,m.createElement("clipPath",{id:"clip0_1350_23850"},m.createElement("rect",{width:24,height:1.5,fill:"white",transform:"translate(16 15)"})),m.createElement("clipPath",{id:"clip1_1350_23850"},m.createElement("rect",{width:32,height:1.5,fill:"white",transform:"translate(16 28.5)"})),m.createElement("clipPath",{id:"clip2_1350_23850"},m.createElement("rect",{width:37.12,height:1.5,fill:"white",transform:"translate(16 42)"})),m.createElement("clipPath",{id:"clip3_1350_23850"},m.createElement("rect",{width:37.12,height:1.5,fill:"white",transform:"translate(16 55.5)"})))),{commonSetUp:Xe}=t.appLocale.getLocalizedStrings(),{businessVerification:Ee}=Xe,se={iconSize:new t.ResponsiveSized(t.sp[6],t.sp[10]),gap:new t.ResponsiveSized(t.sp[2],t.sp[3])},Ie={title:new t.ResponsiveSizedStyle("smallSemiBold","standardSemiBold"),description:new t.ResponsiveSizedStyle("smallRegular","standardRegular")},Ce=()=>{const[e]=t.useAnimation("Secure"),c=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(et,{windowSize:c,children:[e!=null?o.jsxRuntimeExports.jsx(tt,{windowSize:c,animationData:e,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):o.jsxRuntimeExports.jsx(ot,{windowSize:c}),o.jsxRuntimeExports.jsxs(rt,{children:[o.jsxRuntimeExports.jsx(lt,{windowSize:c,children:Ee.securityMessageTitle}),o.jsxRuntimeExports.jsx(nt,{windowSize:c,children:Ee.securityMessageDescription})]})]})},et=r.div`
+  display: flex;
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${e=>se.gap.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.background};
+  padding: ${e=>e.windowSize==="small"?t.Space.sp3:`${t.Space.sp3} ${t.Space.sp4}`};
+`,tt=r(o.Lottie)`
+  width: ${e=>se.iconSize.valuePx(e.windowSize)};
+  height: ${e=>se.iconSize.valuePx(e.windowSize)};
+  display: block;
+`,ot=r(Qe)`
+  width: ${e=>se.iconSize.valuePx(e.windowSize)};
+  height: ${e=>se.iconSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.success};
+`,rt=r.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  flex: 1;
+`,lt=r(t.StyledText)`
+  ${e=>`${Ie.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin: 0;
+`,nt=r(t.StyledText)`
+  ${e=>`${Ie.description.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin: 0;
+`,_e=({text:e})=>o.jsxRuntimeExports.jsx(it,{children:o.jsxRuntimeExports.jsx(at,{children:e})}),at=r(t.ExtraSmallRegularItalic)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  padding-right: ${t.Space.sp2};
+`,it=r.div`
+  display: flex;
+  align-items: flex-end;
+  margin-left: ${t.Space.sp2};
+  margin-top: ${t.Space.sp1};
+`,X={labelWidth:new t.ResponsiveSized(115,145,155),mediumLabelWidth:new t.ResponsiveSized(140,160,170),largeLabelWidth:new t.ResponsiveSized(150,210,244),largeLabelDocumentWidth:new t.ResponsiveSized(150,210,252),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),containerRowGap:new t.ResponsiveSized(12,t.sp[3])},st={title:new t.ResponsiveSizedStyle("standardMedium","largeMedium")},ct=t.appLocale.getLocalizedStrings(),{dateFormat:{visual:dt},commonSetUp:pt,companyPassport:ut,common:{documents:we,optional:mt}}=ct,l=pt.businessVerification,xt=l.sourceOfFundOptions,Ne=M.forwardRef(({fileProps:e,productType:c,allIndustries:p,companyDetails:x,connectedAccountProvider:N,businessVerificationProps:S,isDisabled:s,style:H,sectionId:f,showInfoTooltip:ee=!0,isCompleted:te=!1,showCompletedIcon:oe=!1,showTreasuryFields:G=!1,sectionHeader:Z,optionalFields:i=[],onCompanyAddressClick:Y,onRegisteredAddressClick:F},re)=>{const h=t.useWindowSizeContext(),I=X.labelWidth.value(h),C=X.mediumLabelWidth.value(h),y=X.largeLabelWidth.value(h),q=X.largeLabelDocumentWidth.value(h),j=l.productType[c],J=x?.companyFiles.find(u=>u.documentType==="certificate_of_incorporation"),K=x?.companyFiles.find(u=>u.documentType==="tax_ein"),d=x?.companyDescription,E=x?.companyLegalName,z=x?.website,le=x?.typeOfIncorporation,D=x?.incDate,Q=x?.companyIndustry,L=x?.phone,ce=x?.taxIdOrEIN,k=x?.primaryContactLocalData,ne=x?.deleteFileStatusById??{},U=x?.updateFileStatusById??{},ue=x?.addressStatus?.addressToCreate,me=x?.registeredAddressStatus?.addressToCreate,[T,B]=M.useState(!1),[g,A]=M.useState(!1),W=u=>p.find(xe=>xe.code===u)?.name??u,_=u=>xt[u]??u;return o.jsxRuntimeExports.jsxs(ht,{style:H,ref:re,windowSize:h,children:[o.jsxRuntimeExports.jsx(ft,{children:o.jsxRuntimeExports.jsxs(Rt,{children:[o.jsxRuntimeExports.jsxs(St,{children:[oe===!0?o.jsxRuntimeExports.jsx(yt,{children:te?o.jsxRuntimeExports.jsx(jt,{}):o.jsxRuntimeExports.jsx(bt,{})}):null,o.jsxRuntimeExports.jsx(gt,{windowSize:h,children:Z??l.confirmCompanyDetails})]}),ee?o.jsxRuntimeExports.jsx(Et,{children:o.jsxRuntimeExports.jsx(t.Tooltip,{variant:"small-description",display:"flex",maxWidth:"280px",data:l.confirmCompanyDetailsTooltip,placement:h==="small"||c==="onboarding"?"bottom":"right",children:o.jsxRuntimeExports.jsx(wt,{})})}):null,c==="onboarding"&&Z!=null?o.jsxRuntimeExports.jsx(_e,{text:mt}):null,S?.companyVerificationStatus!=null?o.jsxRuntimeExports.jsx($t,{tagTitle:S.companyVerificationStatus.name,textColor:t.getSetupStatusColor(S.companyVerificationStatus.code),showLoader:S?.isRefreshingViewInBackground}):null]})}),o.jsxRuntimeExports.jsxs(vt,{children:[o.jsxRuntimeExports.jsx(Ce,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:s,showAdditionalInfoLabel:!1,label:{label:l.companyLegalNameLabel,width:y},text:{type:"text",name:w(f,"companyLegalName"),placeholder:l.companyLegalNamePlaceholder,defaultValue:E,options:{required:s==null&&i.includes("companyLegalName")===!1}},additionalInfoLabel:l.companyLegalNameError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:s,showAdditionalInfoLabel:!1,label:{label:l.companyDescriptionLabel,width:C},text:{type:"text",name:w(f,"companyDescription"),placeholder:l.addProductPlaceholder,defaultValue:d,options:{required:s==null&&i.includes("companyDescription")===!1}},additionalInfoLabel:l.companyDescriptionError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(Se.LabeledAddressValueField,{isDisabled:s,label:{label:l.companyAddressLabel,width:C},addressValueField:{name:w(f,"companyAddress"),placeholder:l.companyAddressPlaceholder,defaultValue:ue,registerOptions:{validate:u=>i.includes("companyAddress")===!1?!(s==null&&u==null):!0},onClick:()=>{Y?.("company_address")}},additionalInfoLabel:l.companyAddressError.replace("_product_type_",j),showAdditionalInfoLabel:!1}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(Se.LabeledAddressValueField,{isDisabled:s,label:{label:l.registeredAddressLabel,width:C},addressValueField:{name:w(f,"registeredAddress"),placeholder:l.registeredAddressPlaceholder,defaultValue:me,registerOptions:{validate:u=>i.includes("registeredAddress")===!1?!(s==null&&u==null):!0},onClick:()=>{F?.("company_registered_address")}},additionalInfoLabel:l.registeredAddressError.replace("_product_type_",j),showAdditionalInfoLabel:!1}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:s,showAdditionalInfoLabel:!1,label:{label:l.companyWebsiteLabel,width:I},text:{type:"url",name:w(f,"companyWebsite"),placeholder:l.companyWebsitePlaceholder,defaultValue:z?.toString()??"",options:{required:s==null&&i.includes("companyWebsite")===!1}},additionalInfoLabel:l.companyWebsiteError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:l.companyIndustryLabel,width:I},singleSelectField:{singleSelect:{name:w(f,"companyIndustry"),placeholder:l.companyIndustryPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:W,isDisabled:s,showTickMark:!1},defaultValue:{selectedOption:Q,allOptions:p?.map(u=>u.code)??[]},registerOptions:{required:s==null&&i.includes("companyIndustry")===!1,validate:u=>i.includes("companyIndustry")===!1?!(s==null&&!u?.selectedOption):!0}},isFunctional:!0,errorInfoLabel:l.companyIndustryError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(Je.LabeledCreatableSingleSelectField,{label:{label:l.companyTypeOfIncorporationLabel,width:y},isDisabled:s,creatableSingleSelectField:{name:w(f,"typeOfIncorporation"),placeholder:l.companyTypeOfIncorporationPlaceholder,defaultValue:{selectedOption:le,allOptions:ut.companyIncInfo.allTypesOfIncorporation},registerOptions:{required:s==null&&i.includes("typeOfIncorporation")===!1&&N==="unit",validate:u=>i.includes("typeOfIncorporation")===!1?!(s==null&&!u?.selectedOption):!0}},errorInfoLabel:l.companyTypeOfIncorporationError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{isDisabled:s,label:{label:l.companyIncDateLabel,width:y},style:{paddingBottom:X.paddingBottom.valuePx(h)},dateField:{name:w(f,"incDate"),placeholder:l.companyIncDatePlaceholder,defaultValue:D,dateFormat:dt.defaultInput,maxDate:ge.dateNow(),minDate:ge.zeniDate("01 Jan 1900"),autoComplete:"off",registerOptions:{required:s==null&&i.includes("incDate")===!1}},additionalInfoLabel:l.companyIncDateError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(t.LabeledPhoneNumberField,{isDisabled:s,label:{label:l.companyPhoneLabel,width:I},text:{name:w(f,"companyPhone"),placeholder:t.getPlaceholderTextWithPrefix(l.companyPhoneLabel),defaultValue:L,autoComplete:"new-password",options:{required:s==null&&i.includes("companyPhone")===!1}},errorInfoLabel:l.companyPhoneError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx($e.LabeledNameField,{isDisabled:s,label:{label:l.companyPrimaryContactNameLabel,width:y},nameField:{name:w(f,"primaryContactName"),placeHolder:{firstName:l.firstNamePlaceholder,lastName:l.lastNamePlaceholder,name:l.namePlaceholder},defaultValue:{firstName:k?.firstName??"",lastName:k?.lastName??""},registerOptions:{required:s==null&&i.includes("primaryContactName")===!1,validate:u=>!!u||s!=null||i.includes("primaryContactName")},showFullNameError:!0},errorInfoLabel:l.companyPrimaryContactNameError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:s,showAdditionalInfoLabel:!1,label:{label:l.companyPrimaryContactEmailLabel,width:y},text:{type:"email",name:w(f,"primaryContactEmail"),placeholder:l.companyPrimaryContactEmailPlaceholder,defaultValue:k?.email,options:{required:s==null&&i.includes("primaryContactEmail")===!1}},additionalInfoLabel:l.companyPrimaryContactEmailError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:s,showAdditionalInfoLabel:!1,label:{label:l.companyTaxIdLabel,width:I},text:{type:"text",name:w(f,"companyTaxId"),placeholder:l.companyTaxIdPlaceholder,defaultValue:ce,options:{required:s==null&&i.includes("companyTaxId")===!1,pattern:t.TIN_PATTERN},autoComplete:"new-password"},additionalInfoLabel:l.companyTaxIdError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(be.LabeledDocumentField,{name:w(f,"certificateOfIncorporation"),isDisabled:s,sizeLimit:t.SizeLimit10MB,deleteFileStatusById:ne,updateFileStatusById:U,filesEndPoint:e.filesEndPoint,authParams:e.authParams,label:{label:l.certificateOfIncorporation,width:q},filemetadataPayload:{documentType:"certificate_of_incorporation",purposeId:"business_verification",documentSide:"front"},file:J,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:s==null&&i.includes("certificateOfIncorporation")===!1&&N==="unit"},additionalInfoLabel:l.certOfIncopDocumentError.replace("_product_type_",j),hasError:T,updateFilesEntity:e.updateFilesEntity,onEditFileName:e.onEditFileName,onDeleteFile:e.onDeleteFile,onFileSizeError:u=>B(u)}),T||!(s!=null||J!=null)?o.jsxRuntimeExports.jsx(Re,{windowSize:h,isError:T,children:we.formatDocumentText10MB}):null,o.jsxRuntimeExports.jsx(R,{}),o.jsxRuntimeExports.jsx(be.LabeledDocumentField,{name:w(f,"ein"),isDisabled:s,sizeLimit:t.SizeLimit10MB,deleteFileStatusById:ne,updateFileStatusById:U,filesEndPoint:e.filesEndPoint,authParams:e.authParams,label:{label:l.einDocument,width:q},filemetadataPayload:{documentType:"tax_ein",purposeId:"business_verification",documentSide:"front"},file:K,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:s==null&&i.includes("ein")===!1},additionalInfoLabel:l.einDocumentError.replace("_product_type_",j),hasError:g,updateFilesEntity:e.updateFilesEntity,onEditFileName:e.onEditFileName,onDeleteFile:e.onDeleteFile,onFileSizeError:u=>A(u)}),g||!(s!=null||K!=null)?o.jsxRuntimeExports.jsx(Re,{windowSize:h,isError:g,children:we.formatDocumentText10MB}):null,o.jsxRuntimeExports.jsx(R,{}),G===!0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:l.sourceOfFundsLabel,width:I},singleSelectField:{singleSelect:{name:w(f,"sourceOfFunds"),placeholder:l.sourceOfFundsPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:_,isDisabled:s,showTickMark:!1,menuPlacement:"top",sortOptions:!1},defaultValue:{selectedOption:x?.sourceOfFunds,allOptions:Object.keys(l.sourceOfFundOptions)},registerOptions:{required:s==null&&i.includes("sourceOfFunds")===!1,validate:u=>i.includes("sourceOfFunds")===!1?!(s==null&&!u?.selectedOption):!0}},isFunctional:!0,errorInfoLabel:l.sourceOfFundsError.replace("_product_type_",j)}),o.jsxRuntimeExports.jsx(R,{})]}):null]})]})});Ne.displayName="Company Details Section";const w=(e,c)=>`${e}.${c}`,ht=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>X.containerRowGap.valuePx(e.windowSize)};
+`,ft=r.div`
+  display: flex;
+  justify-content: space-between;
+`,Re=r(t.ExtraSmallRegular)`
+  padding: ${t.Space.sp1} ${t.Space.sp4};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.isError?t.Colors.important:e.theme.colors.grey1};
+`,gt=r.div`
+  ${e=>`${st.title.style(e.windowSize)}`};
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  padding-right: ${t.Space.sp2};
+`,St=r.div`
+  display: flex;
+  align-items: center;
+`,yt=r.div`
+  margin-right: ${t.Space.sp2};
+`,jt=r(t.SvgSuccessRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${t.Colors.success};
+`,bt=r.div`
+  height: 14px;
+  width: 14px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`,Et=r.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,wt=r(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Rt=r.div`
+  display: flex;
+  align-items: center;
+`,vt=r.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};
+`,R=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,$t=r(t.ItemWithTag)`
+  width: max-content;
+  margin-left: ${t.Space.sp3};
+`,Lt=r.div`
+  height: ${t.Space.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,It=(e,c)=>e.map(p=>({...p,value:p.userId,label:p.firstName!=""||p.lastName!=""?`${p.firstName} ${p.lastName}`:p.email})),Ct=(e,c)=>({...e,value:e.userId,label:e.firstName!=""||e.lastName!=""?`${e.firstName} ${e.lastName}`:e.email});function _t({allUsers:e,onSelectedUserChanged:c,selectedUser:p,disable:x=!1,pickerStyles:{optionBackgroundColor:N,selectedOptionBackgroundColor:S,optionTextStyle:s,titleTextStyle:H,backgroundColor:f,titleTextAlignment:ee,selectedOptionColor:te,customStyleConfig:oe}={},customization:{placeholderLabel:G}={},showAddUser:Z=!0}){const i=o.useTheme(),[Y,F]=M.useState(!1),re=It(e).sort((d,E)=>d.label.localeCompare(E.label)),h=p!=null?Ct(p):void 0,I=N??i.colors.grey5,C=f??i.colors.grey5,y=S??i.colors.grey3,q=s??t.textStyles.smallRegular.cssObject,j=H??q,J={control:(d,E)=>({...d,border:0,height:"100%",backgroundColor:C,fill:E.selectProps.menuIsOpen===!0?i.colors.primary:i.colors.grey1,boxShadow:C,">div:last-child":{color:Y?i.colors.primary:i.colors.grey1},":active":{backgroundColor:C},":hover":{fill:i.colors.primary,">div:last-child":{color:i.colors.primary}},minHeight:"auto",cursor:"pointer",flexDirection:"column",">div>div>svg":{color:i.colors.grey1,">path":{color:i.colors.grey5,fill:"currentcolor"}}}),container:d=>({...d,backgroundColor:C,height:"100%"}),singleValue:d=>({...d,margin:0,minWidth:void 0,backgroundColor:void 0,">div":{borderRadius:0,padding:t.Space.sp0,borderLeftStyle:"none",borderWidth:1,borderColor:i.colors.grey1,color:"unset"},">div>div>div>div:last-child":{display:"block",...t.textStyles.standardRegular.cssObject}}),valueContainer:d=>({...d,maxWidth:"100%",cursor:"pointer",height:"100%",...j,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:ee??"flex-start",alignItems:"center",flexWrap:"nowrap",flexDirection:"row",">div":{width:"inherit"}}),menu:(d,E)=>({...d,backgroundColor:I,borderRadius:t.sp[1],boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${i.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",zIndex:3,width:236,margin:`6px ${t.Space.sp0}`,right:"-11%",">div":{flexDirection:"column",maxHeight:200,overflowY:"auto",borderRadius:t.Space.sp1,padding:`${t.Space.sp1} ${t.Space.sp0}`,">div":{width:"-webkit-fill-available"}},...oe?.menu?.(d,E)}),menuList:d=>({...d,borderRadius:t.sp[1]}),placeholder:(d,E)=>({...d,margin:0,width:"100%",color:E.isFocused?i.colors.primary:"currentColor",paddingRight:t.Space.sp2,...t.textStyles.standardRegular.cssObject,">div>div>svg>circle":{fill:i.colors.grey1}}),noOptionsMessage:d=>({...d,...t.textStyles.smallRegular.cssObject,padding:`10px ${t.Space.sp3} 9px ${t.Space.sp3}`,color:i.colors.hero}),option:(d,{isDisabled:E,isSelected:z,isFocused:le})=>({...d,...q,color:z?te??i.colors.champion:i.colors.hero,backgroundColor:z?y:le?i.colors.background:I,cursor:E?"not-allowed":z?"default":"pointer","svg:nth-of-type(2)":{display:"none"},":hover":{backgroundColor:i.colors.background,color:i.colors.primary},"& label":{paddingRight:"10px",cursor:E?"not-allowed":z?"inherit":"pointer"},">div>div>div:first-of-type":{display:"flex"}}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({}),indicatorsContainer:()=>({height:"100%",display:"flex",alignItems:"center"})},K=({children:d,...E})=>o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...E,children:[d,Z===!0?o.jsxRuntimeExports.jsxs(Ht,{hasSelectedUser:!!p,onClick:()=>{c(void 0),F(!1)},children:[o.jsxRuntimeExports.jsx(Vt,{}),o.jsxRuntimeExports.jsx("div",{children:G??"Add User"})]}):null]});return o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>{F(!1)},children:o.jsxRuntimeExports.jsx(Lt,{children:o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{isMulti:!1,menuPlacement:"auto",minMenuHeight:200,maxMenuHeight:200,menuIsOpen:Y,menuShouldScrollIntoView:!1,defaultValue:h,value:h,noOptionsMessage:()=>t.appLocale.getLocalizedStrings().cockpit.management.noPerson,onInputChange:d=>{d!==""&&F(!0)},onMenuOpen:()=>{F(!0)},placeholder:o.jsxRuntimeExports.jsx(Ot,{children:o.jsxRuntimeExports.jsx("div",{children:G??"Select..."})}),components:{Option:At,DropdownIndicator:Gt,IndicatorSeparator:Zt,SingleValue:Dt,ValueContainer:Ut,MenuList:K},hideSelectedOptions:!1,closeMenuOnSelect:!1,styles:J,options:re,isDisabled:x,onChange:d=>{c(d),F(!1)},isClearable:!1,isSearchable:!1},o.nanoid())})})}const Nt=r.div``,Ot=r.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+  fill: ${e=>e.theme.colors.grey1};
+`,Ft=r.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,Tt=r(Le.SvgAvatar)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,Pt=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Vt=r(t.SvgAddRound)`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  margin-right: ${t.Space.sp2};
+  color: inherit;
+`,zt=r(t.SvgArrowFilledBottom)`
+  height: 12px;
+  width: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,kt=r.div``,Bt=r(t.SvgTick)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.theme.colors.primary};
+`,Oe=r.img`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  border-radius: 50%;
+  justify-content: center;
+`,At=e=>{const{data:c,options:p,isSelected:x}=e,N=p.findIndex(S=>S.value===c.value);return o.jsxRuntimeExports.jsx(Nt,{children:o.jsxRuntimeExports.jsx(o.components.Option,{...e,children:o.jsxRuntimeExports.jsxs(Pt,{children:[o.jsxRuntimeExports.jsxs(Wt,{children:[o.jsxRuntimeExports.jsx(Mt,{children:c?.photo!==void 0?o.jsxRuntimeExports.jsx(Oe,{src:c?.photo.href,alt:t.appLocale.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:S})=>{S.onerror=null,S.src=t.AvatarSVG},loading:"lazy"}):o.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:c?.firstName??"",lastName:c?.lastName??"",size:`${t.Space.sp4}`,index:N})}),o.jsxRuntimeExports.jsx("label",{children:e.label})]}),!!x&&o.jsxRuntimeExports.jsx(kt,{children:o.jsxRuntimeExports.jsx(Bt,{})})]})})})},Wt=r.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`,Mt=r.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,qt=r(t.StandardRegular)`
+  padding: ${t.Space.sp0} ${t.Space.sp2};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Dt=({children:e,data:c,...p})=>{const{options:x}=p.selectProps,N=x.findIndex(S=>S.value===c.value);return o.jsxRuntimeExports.jsx(o.components.MultiValueLabel,{...p,children:o.jsxRuntimeExports.jsxs(Yt,{children:[c?.photo!==void 0?o.jsxRuntimeExports.jsx(Oe,{src:c?.photo.href,alt:t.appLocale.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:S})=>{S.onerror=null,S.src=t.AvatarSVG},loading:"lazy"}):o.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:c?.firstName??"",lastName:c?.lastName??"",size:`${t.Space.sp4}`,index:N}),o.jsxRuntimeExports.jsx(qt,{children:e})]})})},Ut=({children:e,...c})=>o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...c,children:[c.selectProps.value==null?o.jsxRuntimeExports.jsx(Ft,{children:o.jsxRuntimeExports.jsx(Tt,{})}):null,e]}),Ht=r(t.SmallRegular)`
+  color: ${e=>e.hasSelectedUser?e.theme.colors.hero:e.theme.colors.primary};
+  display: flex;
+  padding: ${t.Space.sp2} 12px;
+  fill: ${e=>e.hasSelectedUser?e.theme.colors.hero:e.theme.colors.primary};
+  background: ${e=>e.hasSelectedUser?e.theme.colors.grey5:e.theme.colors.background};
+  cursor: ${e=>e.hasSelectedUser?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background: ${e=>e.theme.colors.background};
+  }
+`,Gt=()=>o.jsxRuntimeExports.jsx(zt,{}),Zt=()=>null,Yt=r.div`
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+`,ie={width:new t.ResponsiveSized(343,580,726),labelWidth:new t.ResponsiveSized(115,145,155),largeLabelWidth:new t.ResponsiveSized(160,240,240),veryLargeLabelWidth:new t.ResponsiveSized(150,240,245),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),containerRowGap:new t.ResponsiveSized(12,t.sp[3])},Jt={title:new t.ResponsiveSizedStyle("standardMedium","largeMedium")};function Kt({companyOfficerData:e,isDisabled:c,allOfficers:p,allNationalityCountries:x,isRefreshingViewInBackground:N,connectedAccountProvider:S,style:s,isPopupOpen:H,sectionId:f,filesEndPoint:ee,authParams:te,showInfoTooltip:oe=!0,isCompleted:G=!1,showCompletedIcon:Z=!1,showOfficerSelect:i=!0,showVerificationTag:Y=!0,isForTreasury:F=!1,isOverlay:re=!1,productType:h,companyTitles:I,sectionHeader:C,optionalFields:y=[],onOfficerAddressClick:q,onDeleteFile:j,onEditFileName:J,updateFilesEntity:K,openPopup:d,onGetOtp:E,onVerifyOtp:z,onResendOtp:le,verifiedPhoneNumber:D,onPhoneVerified:Q}){const L=t.useWindowSizeContext(),ce=o.useTheme(),{getValues:k,setValue:ne}=o.useFormContext(),U=p.length>0,[ue,me]=M.useState(!1),T=U?Object.values(e).findIndex(n=>n?.isSelectedForVerification===!0):0,B=`Officer_${T<0?1:T+1}`;M.useEffect(()=>{Q!=null&&e[B]?.phone!=null&&e[B].isPhoneVerified===!0&&Q(e[B]?.phone??"")},[]);const g=`${f}.${T}`,A=e[B],W=F?A?.treasuryUserVerificationStatus:A?.userVerificationStatus,_=p.find(n=>n.userId===A?.userId),u=p.sort((n,$)=>(n.firstName||n.lastName?`${n.firstName} ${n.lastName}`:n.email).localeCompare($.firstName||$.lastName?`${$.firstName} ${$.lastName}`:$.email)),xe=U?u.findIndex(n=>n.userId===A?.userId):0,Fe=e[B]?.deleteFileStatusById??{},Te=e[B]?.updateFileStatusById??{},ye=k(`${g}.selectDocument.selectDocumentType`),{common:{optional:Pe},commonSetUp:{businessVerification:a},dateFormat:{visual:Ve},cockpit:ze}=t.appLocale.getLocalizedStrings(),P=h==="onboarding"?a.productType.business_verification:a.productType[h],ae=ie.labelWidth.value(L),ke=ie.veryLargeLabelWidth.value(L),de=ie.largeLabelWidth.value(L),Be=L==="small"?a.companyRolePlaceholderSmall:a.companyRolePlaceholder,Ae=L==="small"?a.protectedSsnTextSmall:a.protectedSsnText,v=W?.code==="pending_review"||W?.code==="verified"?"readonly":c,We=v!=null||!U||W?.code==="require_info",Me=_?.firstName||_?.lastName?`${_?.firstName} ${_?.lastName}`:a.addOfficer,qe=A?.userId!=null?a.confirmIdentityDetails:a.confirmIdentityDetailsNewOfficer,De={menu:()=>({right:"initial",left:0})},Ue=n=>I.find($=>$.code===n)?.name??n,he=A?.otpverificationStatus?.fetchState,je=t.usePrevious(he);M.useEffect(()=>{Q!=null&&je==="In-Progress"&&he==="Completed"&&Q(k(`${g}.phone`))},[je,he]);const He=(n,$)=>{z(n,$)},Ge=()=>D==null||D===""?!1:k(`${g}.phone`)===D,Ze=()=>{const n=k(`${g}.phone`);return n!=null&&!o.isValidPhoneNumber(n)?a.phoneErrorForOnboarding:a.phoneError.replace("_product_type_",P)};return o.jsxRuntimeExports.jsxs(Qt,{style:s,windowSize:L,children:[o.jsxRuntimeExports.jsxs(Xt,{windowSize:L,isOverlay:re,children:[o.jsxRuntimeExports.jsxs(co,{children:[o.jsxRuntimeExports.jsxs(to,{children:[Z===!0?o.jsxRuntimeExports.jsx(oo,{children:G?o.jsxRuntimeExports.jsx(ro,{}):o.jsxRuntimeExports.jsx(lo,{})}):null,o.jsxRuntimeExports.jsx(eo,{windowSize:L,children:C??qe})]}),oe?o.jsxRuntimeExports.jsx(no,{children:o.jsxRuntimeExports.jsx(t.Tooltip,{variant:"small-description",maxWidth:"275px",data:a.confirmIdentityDetailsTooltip,display:"flex",placement:L==="small"||h==="onboarding"?"bottom":"right",children:o.jsxRuntimeExports.jsx(ao,{})})}):null,h==="onboarding"&&C!=null?o.jsxRuntimeExports.jsx(_e,{text:Pe}):null,W!=null&&Y?o.jsxRuntimeExports.jsx(mo,{tagTitle:W?.name,textColor:t.getSetupStatusColor(W.code),showLoader:N}):null]}),i?We?U?o.jsxRuntimeExports.jsxs(uo,{children:[_?.photo!==void 0?o.jsxRuntimeExports.jsx(io,{src:_?.photo.href,alt:ze.userProfileAltText,onError:({currentTarget:n})=>{n.onerror=null,n.src=t.AvatarSVG},loading:"lazy"}):o.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:_?.firstName??"",lastName:_?.lastName??"",size:`${t.Space.sp4}`,index:xe}),o.jsxRuntimeExports.jsx(ve,{children:`${Me}`})]}):o.jsxRuntimeExports.jsxs(xo,{children:[o.jsxRuntimeExports.jsx(ho,{children:o.jsxRuntimeExports.jsx(fo,{})}),o.jsxRuntimeExports.jsx(ve,{children:`${a.addOfficer}`})]}):o.jsxRuntimeExports.jsx(so,{children:o.jsxRuntimeExports.jsx(_t,{selectedUser:_,allUsers:p,onSelectedUserChanged:n=>{const $=Object.values(e).findIndex(pe=>pe?.userId===n?.userId);ne(`${g}.isSelectedForVerification`,!1),ne(`${f}.${$}.isSelectedForVerification`,!0)},customization:{placeholderLabel:a.addOfficer},showAddUser:p.length<=9,pickerStyles:{backgroundColor:ce.colors.grey5,selectedOptionBackgroundColor:ce.colors.background,customStyleConfig:L==="small"?De:void 0}})}):null]}),Object.values(e).map((n,$)=>{if(T!==$)return null;const pe=t.toSelectDocumentType(n?.documentTypeSelectedForVerification),fe=n?.userFiles??[],Ye=()=>D!=""&&h==="onboarding"?Ge():n?.isPhoneVerified??!1;return o.jsxRuntimeExports.jsxs(po,{children:[o.jsxRuntimeExports.jsx(Ce,{}),o.jsxRuntimeExports.jsx($e.LabeledNameField,{isDisabled:v,label:{label:a.name,width:ae},nameField:{name:O(g,"name"),placeHolder:{firstName:a.firstNamePlaceholder,lastName:a.lastNamePlaceholder,name:a.namePlaceholder},defaultValue:{firstName:n?.firstName??"",lastName:n?.lastName??""},registerOptions:{required:y.includes("name")===!1,validate:b=>y.includes("name")===!1?!!b:!0},showFullNameError:!0},errorInfoLabel:a.nameError.replace("_product_type_",P)}),o.jsxRuntimeExports.jsx(V,{}),n?.userId==null?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:v,showAdditionalInfoLabel:!1,label:{label:a.email,width:ae},text:{type:"email",name:O(g,"email"),placeholder:t.getPlaceholderTextWithPrefix(a.email),defaultValue:n?.email,options:{required:y.includes("email")===!1}},additionalInfoLabel:a.emailDescription.replace("_product_type_",P)}),o.jsxRuntimeExports.jsx(V,{})]}):null,o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{isDisabled:v,label:{label:a.dobLabel,width:de},dateField:{name:O(g,"dob"),type:"text",defaultValue:n?.birthday,placeholder:t.getPlaceholderTextWithPrefix(a.dobLabel),dateFormat:Ve.defaultInput,maxDate:ge.dateNow().subtract(S==="unit"?18:13,"years"),registerOptions:{required:y.includes("dob")===!1},autoComplete:"off"},additionalInfoLabel:a.dobDescription.replace("_product_type_",P),isMasked:!0}),o.jsxRuntimeExports.jsx(V,{}),o.jsxRuntimeExports.jsx(t.LabeledCountrySelectField,{isDisabled:v,label:{label:a.nationalityLabel,width:ae},showAdditionalInfoLabel:h!=="onboarding",additionalInfoLabel:a.nationalityDescription.replace("_product_type_",P),countrySelectField:{name:O(g,"nationalityCountryCode"),placeholder:a.nationalityPlaceholder,defaultValue:t.getCountryOptions(n?.nationalityCountryCode,x.map(b=>b.countryCode)),registerOptions:{validate:b=>!!(b!=null&&b.selectedOption)}}}),o.jsxRuntimeExports.jsx(V,{}),o.jsxRuntimeExports.jsx(Se.LabeledAddressValueField,{isDisabled:v,label:{label:a.address,width:ae},addressValueField:{name:O(g,"officerAddress"),placeholder:t.getPlaceholderTextWithPrefix(a.address),defaultValue:n?.addressStatus?.addressToCreate,registerOptions:{validate:b=>y.includes("officerAddress")===!1?!(v==null&&b==null):!0},onClick:()=>{q(n?.officerType.toLocaleLowerCase().concat("_address"))}},additionalInfoLabel:h==="onboarding"?a.addressAdditionInfo:a.addressError.replace("_product_type_",P),showAdditionalInfoLabel:!0}),o.jsxRuntimeExports.jsx(V,{}),o.jsxRuntimeExports.jsx(t.LabeledPhoneNumberField,{isDisabled:v,label:{label:a.phone,width:ae},text:{name:O(g,"phone"),placeholder:t.getPlaceholderTextWithPrefix(a.phone),defaultValue:n?.phone,autoComplete:"new-password",options:{required:y.includes("phone")===!1}},errorInfoLabel:Ze(),verificationErrorInfoLabel:a.phoneValidationError,isPopupOpen:H,phoneVerifyButtonProps:{otpChallenge:n?.otpChallenge,showOtpButton:S==="unit",onGetOtp:E,onVerifyOtp:He,onResendOtp:le,isPhoneVerified:Ye(),phoneVerificationStatus:n?.otpverificationStatus,getOtpStatus:n?.sendOtpStatus,openPopup:d,verifiedPhoneNumber:D,focusNotRequired:!0}}),o.jsxRuntimeExports.jsx(V,{}),o.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:a.companyRoleLabel,width:de},singleSelectField:{singleSelect:{name:O(g,"role"),placeholder:Be,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:Ue,isDisabled:v,showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:n?.titleAtCompany,allOptions:I?.map(b=>b.code)??[]},registerOptions:{required:y.includes("role")===!1,validate:b=>y.includes("role")===!1?!(v==null&&!b?.selectedOption):!0}},isFunctional:!0,errorInfoLabel:a.companyRoleDescription.replace("_product_type_",P)}),o.jsxRuntimeExports.jsx(V,{}),o.jsxRuntimeExports.jsx(t.LabeledFormattedTextField,{isDisabled:v,showAdditionalInfoLabel:!1,label:{label:a.companyOwnershipLabel,width:de},formattedTextField:{type:"number",name:O(g,"ownership"),defaultValue:n?.ownershipInCompany,placeholder:a.companyOwnershipPlaceholder,returnValueType:"floatValue",suffix:"%",allowNegative:!1,isNumericString:!1,registerOptions:{required:y.includes("ownership")===!1,validate:b=>b!=null?b>0&&b<=100:!0,max:100},autoComplete:"new-password"},additionalInfoLabel:h==="onboarding"?a.companyOwnershipDescriptionForOnboarding:a.companyOwnershipDescription}),o.jsxRuntimeExports.jsx(V,{}),o.jsxRuntimeExports.jsx(t.LabeledFormattedTextField,{isDisabled:v,showAdditionalInfoLabel:!1,label:{label:a.ssnLabel,width:de},formattedTextField:{type:"text",name:O(g,"ssn"),placeholder:a.addSSNPlaceholder,defaultValue:n?.ssn,format:"###-##-####",registerOptions:{required:y.includes("ssn")===!1,pattern:t.SSN_PATTERN},autoComplete:"new-password",maxLength:9,allowLeadingZeros:!0},protectedInfoText:v!=null&&n?.ssn?Ae:void 0,additionalInfoLabel:a.ssnDescription.replace("_product_type_",P),isMasked:!0}),o.jsxRuntimeExports.jsx(V,{}),o.jsxRuntimeExports.jsx(t.SelectDocumentField,{name:O(g,"selectDocument"),officerIndex:T,sizeLimit:t.SizeLimit10MB,filesEndPoint:ee,authParams:te,onEditFileName:J,acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],label:{width:ke},allFiles:fe,updateFilesEntity:K,deleteFileStatusById:Fe,updateFileStatusById:Te,onDeleteFile:j,isDisabled:v,menuPlacement:h==="onboarding"&&pe==null?"top":"auto",defaultValue:{defaultSelectDocumentType:pe,allSelectDocumentType:["driverLicense","passport","ssnCard"],files:{front:t.getFile(!0,fe,ye),back:t.getFile(!1,fe,ye)}},registerOptions:{required:y.includes("selectDocument")===!1},hasError:ue,additionalInfoLabel:a.companyIdDescription.replace("_product_type_",P),onFileSizeError:b=>me(b),isPopupOpen:H,openPopup:d,companyOfficerName:{firstName:n?.firstName??"",lastName:n?.lastName??""}})]},g)})]})}const O=(e,c)=>`${e}.${c}`,Qt=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>ie.containerRowGap.valuePx(e.windowSize)};
+`,Xt=r.div`
+  width: ${e=>ie.width.valuePx(e.windowSize)};
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  row-gap: ${t.Space.sp2};
+  padding-top: ${e=>e.isOverlay?t.Space.sp3:t.Space.sp0};
+`,eo=r.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Jt.title.style(e.windowSize)}`};
+  padding-right: ${t.Space.sp1};
+`,to=r.div`
+  display: flex;
+  align-items: center;
+`,oo=r.div`
+  margin-right: ${t.Space.sp2};
+`,ro=r(t.SvgSuccessRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${t.Colors.success};
+`,lo=r.div`
+  height: 14px;
+  width: 14px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`,no=r.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ao=r(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,io=r.img`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  border-radius: 50%;
+  justify-content: center;
+`,so=r.div`
+  margin-right: 14px;
+  color: ${e=>e.theme.colors.primary};
+`,co=r.div`
+  display: flex;
+  align-items: center;
+`,po=r.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};
+`,V=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,uo=r(t.StandardRegular)`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,ve=r.div`
+  padding-left: ${t.Space.sp2};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,mo=r(t.ItemWithTag)`
+  width: max-content;
+  margin-left: ${t.Space.sp3};
+`,xo=r(t.StandardRegular)`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,ho=r.div`
+  display: flex;
+  align-items: center;
+`,fo=r(Le.SvgAvatar)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`;exports.CompanyDetailsSection=Ne;exports.CompanyOfficerDetailsSection=Kt;

package/dist/CompanyPassportCard-Bkis71qa.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),s=require("@emotion/styled"),o=require("./index-oPmOjv0R.cjs"),g=require("./SummaryCard-CDu0iGx1.cjs"),E=require("react");function y(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return l.default=e,Object.freeze(l)}const t=y(E),f=e=>t.createElement("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{opacity:.2,d:"M25.8382 19.5283C25.8382 19.5283 31.0943 15.1988 31.0943 12.6045C31.0943 11.998 30.7236 11.9138 30.2856 11.9138H20.0263V6.72512C20.0263 6.27027 19.6556 5.9165 19.2176 5.9165H2.74197C2.28712 5.9165 1.93335 6.28712 1.93335 6.72512V20.3706C1.93335 20.8255 2.30397 21.1792 2.74197 21.1792H11.182V27.1765H30.3025C30.7573 27.1765 31.1111 26.8733 31.1111 26.4858C31.0943 24.5822 27.4892 20.9434 25.8382 19.5283Z",fill:"#95C1B7"}),t.createElement("path",{d:"M18.9987 20.1516H1.69754C1.24269 20.1516 0.888916 19.781 0.888916 19.343V5.69754C0.888916 5.24269 1.25953 4.88892 1.69754 4.88892H18.19C18.6449 4.88892 18.9987 5.25953 18.9987 5.69754V20.1516Z",stroke:"#95C1B7",strokeWidth:1.5,strokeMiterlimit:10,strokeLinejoin:"round"}),t.createElement("path",{d:"M18.9987 10.8862H29.2581C29.7129 10.8862 30.0667 10.9705 30.0667 11.5769C30.0667 14.1713 24.8107 18.5007 24.8107 18.5007C26.4616 19.9158 30.0667 23.5546 30.0667 25.4583C30.0667 25.8457 29.6961 26.149 29.2581 26.149H10.1376V20.1517",stroke:"#95C1B7",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M18.9987 20.1516L10.1376 26.1489",stroke:"#95C1B7",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M14.8545 16.3949H5.03308",stroke:"#ECB87D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M14.8545 12.5203H5.03308",stroke:"#ECB87D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M14.8545 8.62878H5.03308",stroke:"#ECB87D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),j=e=>t.createElement("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{opacity:.2,d:"M29.1471 12.9199H19.384V2.69038C19.384 2.2561 19.0302 1.91833 18.612 1.91833H4.13618C3.7019 1.91833 3.36414 2.27219 3.36414 2.69038V30.3391C3.36414 30.7734 3.71799 31.1112 4.13618 31.1112H17.5665H18.612H29.1471C29.5814 31.1112 29.9192 30.7573 29.9192 30.3391V13.692C29.9192 13.2738 29.5653 12.9199 29.1471 12.9199Z",fill:"#97C3B9"}),t.createElement("path",{d:"M26.2595 15.4934H21",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M14.9126 25H5.53552",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M14.9126 20H5.53552",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M14.9126 15H5.53552",stroke:"#ECB87D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M26.2595 25H21",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M26.2595 20H21",stroke:"#ECB87D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M14.9126 10H5.53552",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M14.9126 5.36316H5.53552",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M18.242 30.0978V1.66096C18.242 1.22668 17.8882 0.888916 17.47 0.888916H2.99421C2.55994 0.888916 2.22217 1.24277 2.22217 1.66096V29.3097C2.22217 29.744 2.57602 30.0818 2.99421 30.0818H17.47",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M16.4246 30.0978H28.0052C28.4395 30.0978 28.7772 29.744 28.7772 29.3258V12.6625C28.7772 12.2283 28.4234 11.8905 28.0052 11.8905H18.1617",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10})),M=e=>t.createElement("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{opacity:.2,d:"M16.3966 31.1111C24.5135 31.1111 31.0936 24.5311 31.0936 16.4141C31.0936 8.29723 24.5135 1.71716 16.3966 1.71716C8.27965 1.71716 1.69958 8.29723 1.69958 16.4141C1.69958 24.5311 8.27965 31.1111 16.3966 31.1111Z",fill:"#97C3B9"}),t.createElement("path",{d:"M15.5859 30.2829C23.7028 30.2829 30.2829 23.7028 30.2829 15.5859C30.2829 7.46898 23.7028 0.888916 15.5859 0.888916C7.46898 0.888916 0.888916 7.46898 0.888916 15.5859C0.888916 23.7028 7.46898 30.2829 15.5859 30.2829Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M3.76135 15.9559C3.76135 20.1148 6.01701 23.745 9.36524 25.6834",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M8.81897 19.9034C8.81897 17.3658 11.85 15.304 15.5859 15.304C19.3219 15.304 22.3529 17.3658 22.3529 19.9034C22.3529 24.8729 8.81897 24.9257 8.81897 19.9034Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M15.5859 13.2245C17.1626 13.2245 18.4407 11.9464 18.4407 10.3697C18.4407 8.79304 17.1626 7.51489 15.5859 7.51489C14.0092 7.51489 12.7311 8.79304 12.7311 10.3697C12.7311 11.9464 14.0092 13.2245 15.5859 13.2245Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M27.0404 15.6035C27.0404 11.4446 24.7848 7.81443 21.4365 5.87598",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),h=[{key:"company_legal_name",title:o.appLocale.getLocalizedStrings().companyPassportCard.legalName,Icon:j},{key:"company_officer",title:o.appLocale.getLocalizedStrings().companyPassportCard.companyOfficer,Icon:M},{key:"company_inc",title:o.appLocale.getLocalizedStrings().companyPassportCard.typeOfInc,Icon:f}],D=s(o.CardContentBox)`
+  margin: ${o.Space.sp5};
+  justify-content: space-between;
+`,w=s.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: ${o.Space.sp3};
+`,v=s(o.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+`,S=s.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,B=s.div`
+  color: ${e=>e.theme.colors.primary};
+`,R=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: ${o.Space.sp3} ${o.Space.sp0};
+`,H=s.div`
+  margin-right: ${o.Space.sp3};
+`,I=s.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  text-align: left;
+`,L=s(o.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,u=s(o.SmallRegular)`
+  color: ${e=>e.theme.colors.primary};
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+`,x=s(o.SmallRegularSp)``,T=s.div`
+  width: 100%;
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey3};
+`;function W({card:e,actions:l,data:a,dndProps:i}){return r.jsxRuntimeExports.jsx(o.DraggedDiv,{isDragging:i?.draggedCardType!=null,isDragOver:i?.dragOverCard===e.cardType,draggable:!0,onDragStart:n=>i?.onDragStart(e.cardType,n),onDragOver:n=>i?.onDragOver(n,e.cardType),onDragLeave:n=>i?.onDragLeave(n),onDrop:n=>i?.onDrop(n,e.cardType),dimension:e.dimension,children:r.jsxRuntimeExports.jsx(g.SummaryCard,{card:e,actions:l,children:r.jsxRuntimeExports.jsx(o.Card,{dimension:e.dimension,style:{cursor:"pointer"},onClick:()=>l.onCardClick(e.cardIndex,e.cardType),"data-testid":o.generateDataTestId("dashboard",e.cardType),children:r.jsxRuntimeExports.jsxs(D,{children:[r.jsxRuntimeExports.jsx(w,{children:r.jsxRuntimeExports.jsx(v,{children:o.appLocale.getLocalizedStrings().companyPassportCard.title})}),h.map((n,m)=>{const{title:p,key:c,Icon:d}=n;return r.jsxRuntimeExports.jsxs(S,{children:[r.jsxRuntimeExports.jsxs(R,{children:[r.jsxRuntimeExports.jsx(H,{children:r.jsxRuntimeExports.jsx(d,{height:o.Space.sp5,width:o.Space.sp5})}),r.jsxRuntimeExports.jsxs(I,{children:[r.jsxRuntimeExports.jsx(L,{children:p}),r.jsxRuntimeExports.jsx(b,{data:a?.companyView,itemKey:c})]})]}),m!==h.length-1?r.jsxRuntimeExports.jsx(T,{}):null]},n.key)})]})})})},e.cardIndex)}const b=({itemKey:e,data:l})=>{const a=l?.companyOfficers,i=l?.company,n=i?.company.companyInfo,m=i?.company.incInfo,p=()=>r.jsxRuntimeExports.jsx(B,{children:"—"});switch(e){case"company_legal_name":return n?.companyLegalName==null||n.companyLegalName===""?r.jsxRuntimeExports.jsx(p,{}):r.jsxRuntimeExports.jsx(u,{children:n?.companyLegalName});case"company_officer":{if(a==null||a?.length===0)return r.jsxRuntimeExports.jsx(p,{});const c=a.slice(0,10).sort((k,C)=>k.user.createTime?.isAfter(C.user.createTime)===!0?1:-1),d=[c[0].user.firstName,c[0].user.lastName].join("").trim();return r.jsxRuntimeExports.jsxs(u,{children:[c[0].user.firstName!=null&&c[0].user.firstName!==""?r.jsxRuntimeExports.jsxs(x,{children:[c[0].user.firstName," "]}):null,r.jsxRuntimeExports.jsx(x,{children:c[0].user.lastName}),c[0].user.email!=null?r.jsxRuntimeExports.jsx(x,{children:`${d.length>0?", ":""}${c[0].user.email}`}):null]})}case"company_inc":return m?.companyIncType==null||m.companyIncType===""?r.jsxRuntimeExports.jsx(p,{}):r.jsxRuntimeExports.jsx(u,{children:m?.companyIncType});default:return null}};exports.default=W;

package/dist/CompanyPassportCard-ByT_TIxk.js

@@ -0,0 +1,146 @@
+import { j as r } from "./vendor-.pnpm-B2klaOGU.js";
+import n from "@emotion/styled";
+import { et as x, eu as E, e as M, a as p, S as a, ev as D, F as g, P as w } from "./index-DOPIZEh4.js";
+import { S as B } from "./SummaryCard-BQT9JvZp.js";
+import * as t from "react";
+const j = (e) => /* @__PURE__ */ t.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { opacity: 0.2, d: "M25.8382 19.5283C25.8382 19.5283 31.0943 15.1988 31.0943 12.6045C31.0943 11.998 30.7236 11.9138 30.2856 11.9138H20.0263V6.72512C20.0263 6.27027 19.6556 5.9165 19.2176 5.9165H2.74197C2.28712 5.9165 1.93335 6.28712 1.93335 6.72512V20.3706C1.93335 20.8255 2.30397 21.1792 2.74197 21.1792H11.182V27.1765H30.3025C30.7573 27.1765 31.1111 26.8733 31.1111 26.4858C31.0943 24.5822 27.4892 20.9434 25.8382 19.5283Z", fill: "#95C1B7" }), /* @__PURE__ */ t.createElement("path", { d: "M18.9987 20.1516H1.69754C1.24269 20.1516 0.888916 19.781 0.888916 19.343V5.69754C0.888916 5.24269 1.25953 4.88892 1.69754 4.88892H18.19C18.6449 4.88892 18.9987 5.25953 18.9987 5.69754V20.1516Z", stroke: "#95C1B7", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M18.9987 10.8862H29.2581C29.7129 10.8862 30.0667 10.9705 30.0667 11.5769C30.0667 14.1713 24.8107 18.5007 24.8107 18.5007C26.4616 19.9158 30.0667 23.5546 30.0667 25.4583C30.0667 25.8457 29.6961 26.149 29.2581 26.149H10.1376V20.1517", stroke: "#95C1B7", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M18.9987 20.1516L10.1376 26.1489", stroke: "#95C1B7", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M14.8545 16.3949H5.03308", stroke: "#ECB87D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M14.8545 12.5203H5.03308", stroke: "#ECB87D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M14.8545 8.62878H5.03308", stroke: "#ECB87D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" })), v = (e) => /* @__PURE__ */ t.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { opacity: 0.2, d: "M29.1471 12.9199H19.384V2.69038C19.384 2.2561 19.0302 1.91833 18.612 1.91833H4.13618C3.7019 1.91833 3.36414 2.27219 3.36414 2.69038V30.3391C3.36414 30.7734 3.71799 31.1112 4.13618 31.1112H17.5665H18.612H29.1471C29.5814 31.1112 29.9192 30.7573 29.9192 30.3391V13.692C29.9192 13.2738 29.5653 12.9199 29.1471 12.9199Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M26.2595 15.4934H21", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M14.9126 25H5.53552", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M14.9126 20H5.53552", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M14.9126 15H5.53552", stroke: "#ECB87D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M26.2595 25H21", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M26.2595 20H21", stroke: "#ECB87D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M14.9126 10H5.53552", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M14.9126 5.36316H5.53552", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M18.242 30.0978V1.66096C18.242 1.22668 17.8882 0.888916 17.47 0.888916H2.99421C2.55994 0.888916 2.22217 1.24277 2.22217 1.66096V29.3097C2.22217 29.744 2.57602 30.0818 2.99421 30.0818H17.47", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M16.4246 30.0978H28.0052C28.4395 30.0978 28.7772 29.744 28.7772 29.3258V12.6625C28.7772 12.2283 28.4234 11.8905 28.0052 11.8905H18.1617", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 })), H = (e) => /* @__PURE__ */ t.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { opacity: 0.2, d: "M16.3966 31.1111C24.5135 31.1111 31.0936 24.5311 31.0936 16.4141C31.0936 8.29723 24.5135 1.71716 16.3966 1.71716C8.27965 1.71716 1.69958 8.29723 1.69958 16.4141C1.69958 24.5311 8.27965 31.1111 16.3966 31.1111Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M15.5859 30.2829C23.7028 30.2829 30.2829 23.7028 30.2829 15.5859C30.2829 7.46898 23.7028 0.888916 15.5859 0.888916C7.46898 0.888916 0.888916 7.46898 0.888916 15.5859C0.888916 23.7028 7.46898 30.2829 15.5859 30.2829Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M3.76135 15.9559C3.76135 20.1148 6.01701 23.745 9.36524 25.6834", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M8.81897 19.9034C8.81897 17.3658 11.85 15.304 15.5859 15.304C19.3219 15.304 22.3529 17.3658 22.3529 19.9034C22.3529 24.8729 8.81897 24.9257 8.81897 19.9034Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M15.5859 13.2245C17.1626 13.2245 18.4407 11.9464 18.4407 10.3697C18.4407 8.79304 17.1626 7.51489 15.5859 7.51489C14.0092 7.51489 12.7311 8.79304 12.7311 10.3697C12.7311 11.9464 14.0092 13.2245 15.5859 13.2245Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M27.0404 15.6035C27.0404 11.4446 24.7848 7.81443 21.4365 5.87598", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" })), y = [
+  {
+    key: "company_legal_name",
+    title: p.getLocalizedStrings().companyPassportCard.legalName,
+    Icon: v
+  },
+  {
+    key: "company_officer",
+    title: p.getLocalizedStrings().companyPassportCard.companyOfficer,
+    Icon: H
+  },
+  {
+    key: "company_inc",
+    title: p.getLocalizedStrings().companyPassportCard.typeOfInc,
+    Icon: j
+  }
+], I = n(D)`
+  margin: ${a.sp5};
+  justify-content: space-between;
+`, L = n.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: ${a.sp3};
+`, W = n(g)`
+  color: ${(e) => e.theme.colors.champion};
+`, S = n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`, T = n.div`
+  color: ${(e) => e.theme.colors.primary};
+`, V = n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: ${a.sp3} ${a.sp0};
+`, $ = n.div`
+  margin-right: ${a.sp3};
+`, b = n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  text-align: left;
+`, N = n(g)`
+  color: ${(e) => e.theme.colors.hero};
+`, k = n(g)`
+  color: ${(e) => e.theme.colors.primary};
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+`, C = n(w)``, A = n.div`
+  width: 100%;
+  height: 1px;
+  background-color: ${(e) => e.theme.colors.grey3};
+`;
+function F({
+  card: e,
+  actions: l,
+  data: c,
+  dndProps: s
+}) {
+  return /* @__PURE__ */ r.jsx(
+    x,
+    {
+      isDragging: s?.draggedCardType != null,
+      isDragOver: s?.dragOverCard === e.cardType,
+      draggable: !0,
+      onDragStart: (o) => s?.onDragStart(e.cardType, o),
+      onDragOver: (o) => s?.onDragOver(o, e.cardType),
+      onDragLeave: (o) => s?.onDragLeave(o),
+      onDrop: (o) => s?.onDrop(o, e.cardType),
+      dimension: e.dimension,
+      children: /* @__PURE__ */ r.jsx(B, { card: e, actions: l, children: /* @__PURE__ */ r.jsx(
+        E,
+        {
+          dimension: e.dimension,
+          style: { cursor: "pointer" },
+          onClick: () => l.onCardClick(e.cardIndex, e.cardType),
+          "data-testid": M("dashboard", e.cardType),
+          children: /* @__PURE__ */ r.jsxs(I, { children: [
+            /* @__PURE__ */ r.jsx(L, { children: /* @__PURE__ */ r.jsx(W, { children: p.getLocalizedStrings().companyPassportCard.title }) }),
+            y.map(
+              (o, m) => {
+                const { title: d, key: i, Icon: h } = o;
+                return /* @__PURE__ */ r.jsxs(S, { children: [
+                  /* @__PURE__ */ r.jsxs(V, { children: [
+                    /* @__PURE__ */ r.jsx($, { children: /* @__PURE__ */ r.jsx(h, { height: a.sp5, width: a.sp5 }) }),
+                    /* @__PURE__ */ r.jsxs(b, { children: [
+                      /* @__PURE__ */ r.jsx(N, { children: d }),
+                      /* @__PURE__ */ r.jsx(O, { data: c?.companyView, itemKey: i })
+                    ] })
+                  ] }),
+                  m !== y.length - 1 ? /* @__PURE__ */ r.jsx(A, {}) : null
+                ] }, o.key);
+              }
+            )
+          ] })
+        }
+      ) })
+    },
+    e.cardIndex
+  );
+}
+const O = ({
+  itemKey: e,
+  data: l
+}) => {
+  const c = l?.companyOfficers, s = l?.company, o = s?.company.companyInfo, m = s?.company.incInfo, d = () => /* @__PURE__ */ r.jsx(T, { children: "—" });
+  switch (e) {
+    case "company_legal_name":
+      return o?.companyLegalName == null || o.companyLegalName === "" ? /* @__PURE__ */ r.jsx(d, {}) : /* @__PURE__ */ r.jsx(k, { children: o?.companyLegalName });
+    case "company_officer": {
+      if (c == null || c?.length === 0)
+        return /* @__PURE__ */ r.jsx(d, {});
+      const i = c.slice(0, 10).sort(
+        (u, f) => u.user.createTime?.isAfter(f.user.createTime) === !0 ? 1 : -1
+      ), h = [
+        i[0].user.firstName,
+        i[0].user.lastName
+      ].join("").trim();
+      return /* @__PURE__ */ r.jsxs(k, { children: [
+        i[0].user.firstName != null && i[0].user.firstName !== "" ? /* @__PURE__ */ r.jsxs(C, { children: [
+          i[0].user.firstName,
+          " "
+        ] }) : null,
+        /* @__PURE__ */ r.jsx(C, { children: i[0].user.lastName }),
+        i[0].user.email != null ? /* @__PURE__ */ r.jsx(C, { children: `${h.length > 0 ? ", " : ""}${i[0].user.email}` }) : null
+      ] });
+    }
+    case "company_inc":
+      return m?.companyIncType == null || m.companyIncType === "" ? /* @__PURE__ */ r.jsx(d, {}) : /* @__PURE__ */ r.jsx(k, { children: m?.companyIncType });
+    default:
+      return null;
+  }
+};
+export {
+  F as default
+};