@zeniai/web-cockpit-ui 1.14.99-prod → 1.15.0-dev

package/dist/assets/CompanyOfficerDetailsSection-BtUBatbQ-DjcUjadU.js

@@ -1,260 +0,0 @@
-import{q as Oe,d as We,cO as wl,F as ae,y as O,aN as $l,V as l,bQ as Me,fC as Re,ao as Le,fY as _e,o as a,g6 as jl,cN as qe,cE as ee,cG as ce,cK as He,eW as vl,eU as Il,cI as Ue,cH as Ie,g7 as Fe,g8 as Sl,fu as Cl,cL as Se,ft as Ve,cM as Ol,p as Ee,fK as Ge,a as ge,bH as Ye,fB as Ke,ak as Pe,fX as Ze,b as ye,an as Ll,bE as _l,c as F,dh as El,aW as Pl,g9 as Dl,al as Nl,ga as Fl,bF as xe,b3 as Vl,B as Qe,ag as kl,cY as Tl,at as zl,bD as Bl}from"./index-DdzfMgPc.js";import{a as c}from"./sentry-BYtPx_05.js";import{n as t}from"./mui-Devhk6Tb.js";import{bh as Je,bL as Al}from"./zeni-epic-state-BS68m2Ti.js";import{W as Ce}from"./LabeledAddressValueField-Bt41wdNQ-Bq9dv--c.js";import{I as Wl}from"./LabeledCreatableSingleSelectField-fycRE7PX-BF-q4n65.js";import{Y as ke}from"./LabeledDocumentField-C73vQNgq-hhNLfVRz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="6551f865-fb55-498f-aa67-493055492d3a",e._sentryDebugIdIdentifier="sentry-dbid-6551f865-fb55-498f-aa67-493055492d3a")}catch{}})();const Ml=e=>c.createElement("svg",{width:72,height:72,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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"}),c.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"}),c.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"}),c.createElement("g",{clipPath:"url(#clip0_1350_23850)"},c.createElement("rect",{x:16.75,y:15,width:22.501,height:1.5,fill:"#97C3B9"}),c.createElement("circle",{cx:16.75,cy:15.75,r:.75,transform:"rotate(90 16.75 15.75)",fill:"#97C3B9"}),c.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 38.5 15)",fill:"#97C3B9"})),c.createElement("g",{clipPath:"url(#clip1_1350_23850)"},c.createElement("rect",{x:16.75,y:28.5,width:30.4971,height:1.5,fill:"#97C3B9"}),c.createElement("circle",{cx:16.75,cy:29.25,r:.75,transform:"rotate(90 16.75 29.25)",fill:"#97C3B9"}),c.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 46.5 28.5)",fill:"#97C3B9"})),c.createElement("g",{clipPath:"url(#clip2_1350_23850)"},c.createElement("rect",{x:16.75,y:42,width:35.4953,height:1.5,fill:"#97C3B9"}),c.createElement("circle",{cx:16.75,cy:42.75,r:.75,transform:"rotate(90 16.75 42.75)",fill:"#97C3B9"}),c.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 51.5 42)",fill:"#97C3B9"})),c.createElement("g",{clipPath:"url(#clip3_1350_23850)"},c.createElement("rect",{x:16.75,y:55.5,width:35.4953,height:1.5,fill:"#97C3B9"}),c.createElement("circle",{cx:16.75,cy:56.25,r:.75,transform:"rotate(90 16.75 56.25)",fill:"#97C3B9"}),c.createElement("circle",{cx:.75,cy:.75,r:.75,transform:"matrix(0 1 1 0 51.5 55.5)",fill:"#97C3B9"})),c.createElement("defs",null,c.createElement("clipPath",{id:"clip0_1350_23850"},c.createElement("rect",{width:24,height:1.5,fill:"white",transform:"translate(16 15)"})),c.createElement("clipPath",{id:"clip1_1350_23850"},c.createElement("rect",{width:32,height:1.5,fill:"white",transform:"translate(16 28.5)"})),c.createElement("clipPath",{id:"clip2_1350_23850"},c.createElement("rect",{width:37.12,height:1.5,fill:"white",transform:"translate(16 42)"})),c.createElement("clipPath",{id:"clip3_1350_23850"},c.createElement("rect",{width:37.12,height:1.5,fill:"white",transform:"translate(16 55.5)"})))),{commonSetUp:Rl}=ae.getLocalizedStrings(),{businessVerification:Te}=Rl,ue={iconSize:new O(F[6],F[10]),gap:new O(F[2],F[3])},Xe={title:new ge("smallSemiBold","standardSemiBold"),description:new ge("smallRegular","standardRegular")},el=()=>{const[e]=Pl("Secure"),d=Oe();return l.jsxs(ql,{windowSize:d,children:[e!=null?l.jsx(Hl,{windowSize:d,animationData:e,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):l.jsx(Ul,{windowSize:d}),l.jsxs(Gl,{children:[l.jsx(Yl,{windowSize:d,children:Te.securityMessageTitle}),l.jsx(Kl,{windowSize:d,children:Te.securityMessageDescription})]})]})},ql=t.div`
-  display: flex;
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>ue.gap.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.background};
-  padding: ${e=>e.windowSize==="small"?a.sp3:`${a.sp3} ${a.sp4}`};
-`,Hl=t(Vl)`
-  width: ${e=>ue.iconSize.valuePx(e.windowSize)};
-  height: ${e=>ue.iconSize.valuePx(e.windowSize)};
-  display: block;
-`,Ul=t(Ml)`
-  width: ${e=>ue.iconSize.valuePx(e.windowSize)};
-  height: ${e=>ue.iconSize.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.success};
-`,Gl=t.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  flex: 1;
-`,Yl=t(Qe)`
-  ${e=>`${Xe.title.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin: 0;
-`,Kl=t(Qe)`
-  ${e=>`${Xe.description.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin: 0;
-`,ll=({text:e})=>l.jsx(Ql,{children:l.jsx(Zl,{children:e})}),Zl=t(Fl)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  padding-right: ${a.sp2};
-`,Ql=t.div`
-  display: flex;
-  align-items: flex-end;
-  margin-left: ${a.sp2};
-  margin-top: ${a.sp1};
-`,le={labelWidth:new O(115,145,155),mediumLabelWidth:new O(140,160,170),largeLabelWidth:new O(150,210,244),largeLabelDocumentWidth:new O(150,210,252),paddingBottom:new O(F[3],F[2]),containerRowGap:new O(12,F[3])},Jl={title:new ge("standardMedium","largeMedium")},Xl=ae.getLocalizedStrings(),{dateFormat:{visual:ea},commonSetUp:la,companyPassport:aa,common:{documents:ze,optional:ta}}=Xl,i=la.businessVerification,ia=i.sourceOfFundOptions,oa=c.forwardRef(({fileProps:e,productType:d,allIndustries:m,companyDetails:f,connectedAccountProvider:D,businessVerificationProps:x,isDisabled:n,style:G,sectionId:y,showInfoTooltip:te=!0,isCompleted:ie=!1,showCompletedIcon:oe=!1,showTreasuryFields:Y=!1,sectionHeader:K,optionalFields:s=[],onCompanyAddressClick:Z,onRegisteredAddressClick:V},re)=>{const h=Oe(),_=le.labelWidth.value(h),E=le.mediumLabelWidth.value(h),b=le.largeLabelWidth.value(h),q=le.largeLabelDocumentWidth.value(h),w=i.productType[d],Q=f?.companyFiles.find(u=>u.documentType==="certificate_of_incorporation"),J=f?.companyFiles.find(u=>u.documentType==="tax_ein"),p=f?.companyDescription,j=f?.companyLegalName,B=f?.website,se=f?.typeOfIncorporation,H=f?.incDate,X=f?.companyIndustry,L=f?.phone,me=f?.taxIdOrEIN,A=f?.primaryContactLocalData,ne=f?.deleteFileStatusById??{},U=f?.updateFileStatusById??{},be=f?.addressStatus?.addressToCreate,we=f?.registeredAddressStatus?.addressToCreate,[k,W]=c.useState(!1),[g,M]=c.useState(!1),R=u=>m.find($e=>$e.code===u)?.name??u,P=u=>ia[u]??u;return l.jsxs(ra,{style:G,ref:re,windowSize:h,children:[l.jsx(sa,{children:l.jsxs(ha,{children:[l.jsxs(da,{children:[oe===!0?l.jsx(ca,{children:ie?l.jsx(pa,{}):l.jsx(ua,{})}):null,l.jsx(na,{windowSize:h,children:K??i.confirmCompanyDetails})]}),te?l.jsx(ma,{children:l.jsx(Me,{variant:"small-description",display:"flex",maxWidth:"280px",data:i.confirmCompanyDetailsTooltip,placement:h==="small"||d==="onboarding"?"bottom":"right",children:l.jsx(fa,{})})}):null,d==="onboarding"&&K!=null?l.jsx(ll,{text:ta}):null,x?.companyVerificationStatus!=null?l.jsx(ga,{tagTitle:x.companyVerificationStatus.name,textColor:Re(x.companyVerificationStatus.code),showLoader:x?.isRefreshingViewInBackground}):null]})}),l.jsxs(ya,{children:[l.jsx(el,{}),l.jsx(ee,{isDisabled:n,showAdditionalInfoLabel:!1,label:{label:i.companyLegalNameLabel,width:b},text:{type:"text",name:v(y,"companyLegalName"),placeholder:i.companyLegalNamePlaceholder,defaultValue:j,options:{required:n==null&&s.includes("companyLegalName")===!1}},additionalInfoLabel:i.companyLegalNameError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(ee,{isDisabled:n,showAdditionalInfoLabel:!1,label:{label:i.companyDescriptionLabel,width:E},text:{type:"text",name:v(y,"companyDescription"),placeholder:i.addProductPlaceholder,defaultValue:p,options:{required:n==null&&s.includes("companyDescription")===!1}},additionalInfoLabel:i.companyDescriptionError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(Ce,{isDisabled:n,label:{label:i.companyAddressLabel,width:E},addressValueField:{name:v(y,"companyAddress"),placeholder:i.companyAddressPlaceholder,defaultValue:be,registerOptions:{validate:u=>s.includes("companyAddress")===!1?!(n==null&&u==null):!0},onClick:()=>{Z?.("company_address")}},additionalInfoLabel:i.companyAddressError.replace("_product_type_",w),showAdditionalInfoLabel:!1}),l.jsx(I,{}),l.jsx(Ce,{isDisabled:n,label:{label:i.registeredAddressLabel,width:E},addressValueField:{name:v(y,"registeredAddress"),placeholder:i.registeredAddressPlaceholder,defaultValue:we,registerOptions:{validate:u=>s.includes("registeredAddress")===!1?!(n==null&&u==null):!0},onClick:()=>{V?.("company_registered_address")}},additionalInfoLabel:i.registeredAddressError.replace("_product_type_",w),showAdditionalInfoLabel:!1}),l.jsx(I,{}),l.jsx(ee,{isDisabled:n,showAdditionalInfoLabel:!1,label:{label:i.companyWebsiteLabel,width:_},text:{type:"url",name:v(y,"companyWebsite"),placeholder:i.companyWebsitePlaceholder,defaultValue:B?.toString()??"",options:{required:n==null&&s.includes("companyWebsite")===!1}},additionalInfoLabel:i.companyWebsiteError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(Ie,{label:{label:i.companyIndustryLabel,width:_},singleSelectField:{singleSelect:{name:v(y,"companyIndustry"),placeholder:i.companyIndustryPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:R,isDisabled:n,showTickMark:!1},defaultValue:{selectedOption:X,allOptions:m?.map(u=>u.code)??[]},registerOptions:{required:n==null&&s.includes("companyIndustry")===!1,validate:u=>s.includes("companyIndustry")===!1?!(n==null&&!u?.selectedOption):!0}},isFunctional:!0,errorInfoLabel:i.companyIndustryError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(Wl,{label:{label:i.companyTypeOfIncorporationLabel,width:b},isDisabled:n,creatableSingleSelectField:{name:v(y,"typeOfIncorporation"),placeholder:i.companyTypeOfIncorporationPlaceholder,defaultValue:{selectedOption:se,allOptions:aa.companyIncInfo.allTypesOfIncorporation},registerOptions:{required:n==null&&s.includes("typeOfIncorporation")===!1&&D==="unit",validate:u=>s.includes("typeOfIncorporation")===!1?!(n==null&&!u?.selectedOption):!0}},errorInfoLabel:i.companyTypeOfIncorporationError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(He,{isDisabled:n,label:{label:i.companyIncDateLabel,width:b},style:{paddingBottom:le.paddingBottom.valuePx(h)},dateField:{name:v(y,"incDate"),placeholder:i.companyIncDatePlaceholder,defaultValue:H,dateFormat:ea.defaultInput,maxDate:Je(),minDate:Al("01 Jan 1900"),autoComplete:"off",registerOptions:{required:n==null&&s.includes("incDate")===!1}},additionalInfoLabel:i.companyIncDateError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(Ue,{isDisabled:n,label:{label:i.companyPhoneLabel,width:_},text:{name:v(y,"companyPhone"),placeholder:ce(i.companyPhoneLabel),defaultValue:L,autoComplete:"new-password",options:{required:n==null&&s.includes("companyPhone")===!1}},errorInfoLabel:i.companyPhoneError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(qe,{isDisabled:n,label:{label:i.companyPrimaryContactNameLabel,width:b},nameField:{name:v(y,"primaryContactName"),placeHolder:{firstName:i.firstNamePlaceholder,lastName:i.lastNamePlaceholder,name:i.namePlaceholder},defaultValue:{firstName:A?.firstName??"",lastName:A?.lastName??""},registerOptions:{required:n==null&&s.includes("primaryContactName")===!1,validate:u=>!!u||n!=null||s.includes("primaryContactName")},showFullNameError:!0},errorInfoLabel:i.companyPrimaryContactNameError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(ee,{isDisabled:n,showAdditionalInfoLabel:!1,label:{label:i.companyPrimaryContactEmailLabel,width:b},text:{type:"email",name:v(y,"primaryContactEmail"),placeholder:i.companyPrimaryContactEmailPlaceholder,defaultValue:A?.email,options:{required:n==null&&s.includes("primaryContactEmail")===!1}},additionalInfoLabel:i.companyPrimaryContactEmailError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(ee,{isDisabled:n,showAdditionalInfoLabel:!1,label:{label:i.companyTaxIdLabel,width:_},text:{type:"text",name:v(y,"companyTaxId"),placeholder:i.companyTaxIdPlaceholder,defaultValue:me,options:{required:n==null&&s.includes("companyTaxId")===!1,pattern:Ol},autoComplete:"new-password"},additionalInfoLabel:i.companyTaxIdError.replace("_product_type_",w)}),l.jsx(I,{}),l.jsx(ke,{name:v(y,"certificateOfIncorporation"),isDisabled:n,sizeLimit:Se,deleteFileStatusById:ne,updateFileStatusById:U,filesEndPoint:e.filesEndPoint,authParams:e.authParams,label:{label:i.certificateOfIncorporation,width:q},filemetadataPayload:{documentType:"certificate_of_incorporation",purposeId:"business_verification",documentSide:"front"},file:Q,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:n==null&&s.includes("certificateOfIncorporation")===!1&&D==="unit"},additionalInfoLabel:i.certOfIncopDocumentError.replace("_product_type_",w),hasError:k,updateFilesEntity:e.updateFilesEntity,onEditFileName:e.onEditFileName,onDeleteFile:e.onDeleteFile,onFileSizeError:u=>W(u)}),k||!(n!=null||Q!=null)?l.jsx(Be,{windowSize:h,isError:k,children:ze.formatDocumentText10MB}):null,l.jsx(I,{}),l.jsx(ke,{name:v(y,"ein"),isDisabled:n,sizeLimit:Se,deleteFileStatusById:ne,updateFileStatusById:U,filesEndPoint:e.filesEndPoint,authParams:e.authParams,label:{label:i.einDocument,width:q},filemetadataPayload:{documentType:"tax_ein",purposeId:"business_verification",documentSide:"front"},file:J,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:n==null&&s.includes("ein")===!1},additionalInfoLabel:i.einDocumentError.replace("_product_type_",w),hasError:g,updateFilesEntity:e.updateFilesEntity,onEditFileName:e.onEditFileName,onDeleteFile:e.onDeleteFile,onFileSizeError:u=>M(u)}),g||!(n!=null||J!=null)?l.jsx(Be,{windowSize:h,isError:g,children:ze.formatDocumentText10MB}):null,l.jsx(I,{}),Y===!0?l.jsxs(l.Fragment,{children:[l.jsx(Ie,{label:{label:i.sourceOfFundsLabel,width:_},singleSelectField:{singleSelect:{name:v(y,"sourceOfFunds"),placeholder:i.sourceOfFundsPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:P,isDisabled:n,showTickMark:!1,menuPlacement:"top",sortOptions:!1},defaultValue:{selectedOption:f?.sourceOfFunds,allOptions:Object.keys(i.sourceOfFundOptions)},registerOptions:{required:n==null&&s.includes("sourceOfFunds")===!1,validate:u=>s.includes("sourceOfFunds")===!1?!(n==null&&!u?.selectedOption):!0}},isFunctional:!0,errorInfoLabel:i.sourceOfFundsError.replace("_product_type_",w)}),l.jsx(I,{})]}):null]})]})});oa.displayName="Company Details Section";const v=(e,d)=>`${e}.${d}`,ra=t.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>le.containerRowGap.valuePx(e.windowSize)};
-`,sa=t.div`
-  display: flex;
-  justify-content: space-between;
-`,Be=t(Nl)`
-  padding: ${a.sp1} ${a.sp4};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${a.sp0} ${a.sp0} ${a.sp2} ${a.sp2};
-  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
-  color: ${e=>e.isError?Ee.important:e.theme.colors.grey1};
-`,na=t.div`
-  ${e=>`${Jl.title.style(e.windowSize)}`};
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  padding-right: ${a.sp2};
-`,da=t.div`
-  display: flex;
-  align-items: center;
-`,ca=t.div`
-  margin-right: ${a.sp2};
-`,pa=t(Ge)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  color: ${Ee.success};
-`,ua=t.div`
-  height: 14px;
-  width: 14px;
-  border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: 50%;
-`,ma=t.div`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,fa=t(Ye)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,ha=t.div`
-  display: flex;
-  align-items: center;
-`,ya=t.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-`,I=t.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ga=t(Ke)`
-  width: max-content;
-  margin-left: ${a.sp3};
-`,xa=t.div`
-  height: ${a.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-`,ba=(e,d)=>e.map(m=>({...m,value:m.userId,label:m.firstName!=""||m.lastName!=""?`${m.firstName} ${m.lastName}`:m.email})),wa=(e,d)=>({...e,value:e.userId,label:e.firstName!=""||e.lastName!=""?`${e.firstName} ${e.lastName}`:e.email});function $a({allUsers:e,onSelectedUserChanged:d,selectedUser:m,disable:f=!1,pickerStyles:{optionBackgroundColor:D,selectedOptionBackgroundColor:x,optionTextStyle:n,titleTextStyle:G,backgroundColor:y,titleTextAlignment:te,selectedOptionColor:ie,customStyleConfig:oe}={},customization:{placeholderLabel:Y}={},showAddUser:K=!0}){const s=We(),[Z,V]=c.useState(!1),re=ba(e).sort((p,j)=>p.label.localeCompare(j.label)),h=m!=null?wa(m):void 0,_=D??s.colors.grey5,E=y??s.colors.grey5,b=x??s.colors.grey3,q=n??ye.smallRegular.cssObject,w=G??q,Q={control:(p,j)=>({...p,border:0,height:"100%",backgroundColor:E,fill:j.selectProps.menuIsOpen===!0?s.colors.primary:s.colors.grey1,boxShadow:E,">div:last-child":{color:Z?s.colors.primary:s.colors.grey1},":active":{backgroundColor:E},":hover":{fill:s.colors.primary,">div:last-child":{color:s.colors.primary}},minHeight:"auto",cursor:"pointer",flexDirection:"column",">div>div>svg":{color:s.colors.grey1,">path":{color:s.colors.grey5,fill:"currentcolor"}}}),container:p=>({...p,backgroundColor:E,height:"100%"}),singleValue:p=>({...p,margin:0,minWidth:void 0,backgroundColor:void 0,">div":{borderRadius:0,padding:a.sp0,borderLeftStyle:"none",borderWidth:1,borderColor:s.colors.grey1,color:"unset"},">div>div>div>div:last-child":{display:"block",...ye.standardRegular.cssObject}}),valueContainer:p=>({...p,maxWidth:"100%",cursor:"pointer",height:"100%",...w,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:te??"flex-start",alignItems:"center",flexWrap:"nowrap",flexDirection:"row",">div":{width:"inherit"}}),menu:(p,j)=>({...p,backgroundColor:_,borderRadius:F[1],boxShadow:`${a.sp0} 2px ${a.sp2} ${s.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",zIndex:3,width:236,margin:`6px ${a.sp0}`,right:"-11%",">div":{flexDirection:"column",maxHeight:200,overflowY:"auto",borderRadius:a.sp1,padding:`${a.sp1} ${a.sp0}`,">div":{width:"-webkit-fill-available"}},...oe?.menu?.(p,j)}),menuList:p=>({...p,borderRadius:F[1]}),placeholder:(p,j)=>({...p,margin:0,width:"100%",color:j.isFocused?s.colors.primary:"currentColor",paddingRight:a.sp2,...ye.standardRegular.cssObject,">div>div>svg>circle":{fill:s.colors.grey1}}),noOptionsMessage:p=>({...p,...ye.smallRegular.cssObject,padding:`10px ${a.sp3} 9px ${a.sp3}`,color:s.colors.hero}),option:(p,{isDisabled:j,isSelected:B,isFocused:se})=>({...p,...q,color:B?ie??s.colors.champion:s.colors.hero,backgroundColor:B?b:se?s.colors.background:_,cursor:j?"not-allowed":B?"default":"pointer","svg:nth-of-type(2)":{display:"none"},":hover":{backgroundColor:s.colors.background,color:s.colors.primary},"& label":{paddingRight:"10px",cursor:j?"not-allowed":B?"inherit":"pointer"},">div>div>div:first-of-type":{display:"flex"}}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({}),indicatorsContainer:()=>({height:"100%",display:"flex",alignItems:"center"})},J=({children:p,...j})=>l.jsxs(xe.ValueContainer,{...j,children:[p,K===!0?l.jsxs(Ta,{hasSelectedUser:!!m,onClick:()=>{d(void 0),V(!1)},children:[l.jsx(Oa,{}),l.jsx("div",{children:Y??"Add User"})]}):null]});return l.jsx(Ll,{onClickAway:()=>{V(!1)},children:l.jsx(xa,{children:l.jsx(_l,{isMulti:!1,menuPlacement:"auto",minMenuHeight:200,maxMenuHeight:200,menuIsOpen:Z,menuShouldScrollIntoView:!1,defaultValue:h,value:h,noOptionsMessage:()=>ae.getLocalizedStrings().cockpit.management.noPerson,onInputChange:p=>{p!==""&&V(!0)},onMenuOpen:()=>{V(!0)},placeholder:l.jsx(va,{children:l.jsx("div",{children:Y??"Select..."})}),components:{Option:Pa,DropdownIndicator:za,IndicatorSeparator:Ba,SingleValue:Va,ValueContainer:ka,MenuList:J},hideSelectedOptions:!1,closeMenuOnSelect:!1,styles:Q,options:re,isDisabled:f,onChange:p=>{d(p),V(!1)},isClearable:!1,isSearchable:!1},El())})})}const ja=t.div``,va=t.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.grey1};
-  fill: ${e=>e.theme.colors.grey1};
-`,Ia=t.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${a.sp2};
-`,Sa=t(Ze)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,Ca=t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,Oa=t(Tl)`
-  height: ${a.sp4};
-  width: ${a.sp4};
-  margin-right: ${a.sp2};
-  color: inherit;
-`,La=t(zl)`
-  height: 12px;
-  width: 12px;
-  color: ${e=>e.theme.colors.hero};
-`,_a=t.div``,Ea=t(Bl)`
-  width: 12px;
-  height: 12px;
-  color: ${e=>e.theme.colors.primary};
-`,al=t.img`
-  height: ${a.sp4};
-  width: ${a.sp4};
-  border-radius: 50%;
-  justify-content: center;
-`,Pa=e=>{const{data:d,options:m,isSelected:f}=e,D=m.findIndex(x=>x.value===d.value);return l.jsx(ja,{children:l.jsx(xe.Option,{...e,children:l.jsxs(Ca,{children:[l.jsxs(Da,{children:[l.jsx(Na,{children:d?.photo!==void 0?l.jsx(al,{src:d?.photo.href,alt:ae.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:x})=>{x.onerror=null,x.src=Le},loading:"lazy"}):l.jsx(_e,{firstName:d?.firstName??"",lastName:d?.lastName??"",size:`${a.sp4}`,index:D})}),l.jsx("label",{children:e.label})]}),!!f&&l.jsx(_a,{children:l.jsx(Ea,{})})]})})})},Da=t.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-`,Na=t.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${a.sp2};
-`,Fa=t(Pe)`
-  padding: ${a.sp0} ${a.sp2};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Va=({children:e,data:d,...m})=>{const{options:f}=m.selectProps,D=f.findIndex(x=>x.value===d.value);return l.jsx(xe.MultiValueLabel,{...m,children:l.jsxs(Aa,{children:[d?.photo!==void 0?l.jsx(al,{src:d?.photo.href,alt:ae.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:x})=>{x.onerror=null,x.src=Le},loading:"lazy"}):l.jsx(_e,{firstName:d?.firstName??"",lastName:d?.lastName??"",size:`${a.sp4}`,index:D}),l.jsx(Fa,{children:e})]})})},ka=({children:e,...d})=>l.jsxs(xe.ValueContainer,{...d,children:[d.selectProps.value==null?l.jsx(Ia,{children:l.jsx(Sa,{})}):null,e]}),Ta=t(kl)`
-  color: ${e=>e.hasSelectedUser?e.theme.colors.hero:e.theme.colors.primary};
-  display: flex;
-  padding: ${a.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};
-  }
-`,za=()=>l.jsx(La,{}),Ba=()=>null,Aa=t.div`
-  display: flex;
-  flex-direction: row;
-  cursor: pointer;
-`,pe={width:new O(343,580,726),labelWidth:new O(115,145,155),largeLabelWidth:new O(160,240,240),veryLargeLabelWidth:new O(150,240,245),containerRowGap:new O(12,F[3])},Wa={title:new ge("standardMedium","largeMedium")};function mt({companyOfficerData:e,isDisabled:d,allOfficers:m,allNationalityCountries:f,isRefreshingViewInBackground:D,connectedAccountProvider:x,style:n,isPopupOpen:G,sectionId:y,filesEndPoint:te,authParams:ie,showInfoTooltip:oe=!0,isCompleted:Y=!1,showCompletedIcon:K=!1,showOfficerSelect:s=!0,showVerificationTag:Z=!0,isForTreasury:V=!1,isOverlay:re=!1,productType:h,companyTitles:_,sectionHeader:E,optionalFields:b=[],onOfficerAddressClick:q,onDeleteFile:w,onEditFileName:Q,updateFilesEntity:J,openPopup:p,onGetOtp:j,onVerifyOtp:B,onResendOtp:se,verifiedPhoneNumber:H,onPhoneVerified:X}){const L=Oe(),me=We(),{getValues:A,setValue:ne}=wl(),U=m.length>0,[be,we]=c.useState(!1),k=U?Object.values(e).findIndex(o=>o?.isSelectedForVerification===!0):0,W=`Officer_${k<0?1:k+1}`;c.useEffect(()=>{X!=null&&e[W]?.phone!=null&&e[W].isPhoneVerified===!0&&X(e[W]?.phone??"")},[]);const g=`${y}.${k}`,M=e[W],R=V?M?.treasuryUserVerificationStatus:M?.userVerificationStatus,P=m.find(o=>o.userId===M?.userId),u=m.sort((o,C)=>(o.firstName||o.lastName?`${o.firstName} ${o.lastName}`:o.email).localeCompare(C.firstName||C.lastName?`${C.firstName} ${C.lastName}`:C.email)),$e=U?u.findIndex(o=>o.userId===M?.userId):0,tl=e[W]?.deleteFileStatusById??{},il=e[W]?.updateFileStatusById??{},De=A(`${g}.selectDocument.selectDocumentType`),{common:{optional:ol},commonSetUp:{businessVerification:r},dateFormat:{visual:rl},cockpit:sl}=ae.getLocalizedStrings(),T=h==="onboarding"?r.productType.business_verification:r.productType[h],de=pe.labelWidth.value(L),nl=pe.veryLargeLabelWidth.value(L),fe=pe.largeLabelWidth.value(L),dl=L==="small"?r.companyRolePlaceholderSmall:r.companyRolePlaceholder,cl=L==="small"?r.protectedSsnTextSmall:r.protectedSsnText,S=R?.code==="pending_review"||R?.code==="verified"?"readonly":d,pl=S!=null||!U||R?.code==="require_info",ul=P?.firstName||P?.lastName?`${P?.firstName} ${P?.lastName}`:r.addOfficer,ml=M?.userId!=null?r.confirmIdentityDetails:r.confirmIdentityDetailsNewOfficer,fl={menu:()=>({right:"initial",left:0})},hl=o=>_.find(C=>C.code===o)?.name??o,je=M?.otpverificationStatus?.fetchState,Ne=$l(je);c.useEffect(()=>{X!=null&&Ne==="In-Progress"&&je==="Completed"&&X(A(`${g}.phone`))},[Ne,je]);const yl=(o,C)=>{B(o,C)},gl=()=>H==null||H===""?!1:A(`${g}.phone`)===H,xl=()=>{const o=A(`${g}.phone`);return o!=null&&!Dl(o)?r.phoneErrorForOnboarding:r.phoneError.replace("_product_type_",T)};return l.jsxs(Ma,{style:n,windowSize:L,children:[l.jsxs(Ra,{windowSize:L,isOverlay:re,children:[l.jsxs(Xa,{children:[l.jsxs(Ha,{children:[K===!0?l.jsx(Ua,{children:Y?l.jsx(Ga,{}):l.jsx(Ya,{})}):null,l.jsx(qa,{windowSize:L,children:E??ml})]}),oe?l.jsx(Ka,{children:l.jsx(Me,{variant:"small-description",maxWidth:"275px",data:r.confirmIdentityDetailsTooltip,display:"flex",placement:L==="small"||h==="onboarding"?"bottom":"right",children:l.jsx(Za,{})})}):null,h==="onboarding"&&E!=null?l.jsx(ll,{text:ol}):null,R!=null&&Z?l.jsx(at,{tagTitle:R?.name,textColor:Re(R.code),showLoader:D}):null]}),s?pl?U?l.jsxs(lt,{children:[P?.photo!==void 0?l.jsx(Qa,{src:P?.photo.href,alt:sl.userProfileAltText,onError:({currentTarget:o})=>{o.onerror=null,o.src=Le},loading:"lazy"}):l.jsx(_e,{firstName:P?.firstName??"",lastName:P?.lastName??"",size:`${a.sp4}`,index:$e}),l.jsx(Ae,{children:`${ul}`})]}):l.jsxs(tt,{children:[l.jsx(it,{children:l.jsx(ot,{})}),l.jsx(Ae,{children:`${r.addOfficer}`})]}):l.jsx(Ja,{children:l.jsx($a,{selectedUser:P,allUsers:m,onSelectedUserChanged:o=>{const C=Object.values(e).findIndex(he=>he?.userId===o?.userId);ne(`${g}.isSelectedForVerification`,!1),ne(`${y}.${C}.isSelectedForVerification`,!0)},customization:{placeholderLabel:r.addOfficer},showAddUser:m.length<=9,pickerStyles:{backgroundColor:me.colors.grey5,selectedOptionBackgroundColor:me.colors.background,customStyleConfig:L==="small"?fl:void 0}})}):null]}),Object.values(e).map((o,C)=>{if(k!==C)return null;const he=jl(o?.documentTypeSelectedForVerification),ve=o?.userFiles??[],bl=()=>H!=""&&h==="onboarding"?gl():o?.isPhoneVerified??!1;return l.jsxs(et,{children:[l.jsx(el,{}),l.jsx(qe,{isDisabled:S,label:{label:r.name,width:de},nameField:{name:N(g,"name"),placeHolder:{firstName:r.firstNamePlaceholder,lastName:r.lastNamePlaceholder,name:r.namePlaceholder},defaultValue:{firstName:o?.firstName??"",lastName:o?.lastName??""},registerOptions:{required:b.includes("name")===!1,validate:$=>b.includes("name")===!1?!!$:!0},showFullNameError:!0},errorInfoLabel:r.nameError.replace("_product_type_",T)}),l.jsx(z,{}),o?.userId==null?l.jsxs(l.Fragment,{children:[l.jsx(ee,{isDisabled:S,showAdditionalInfoLabel:!1,label:{label:r.email,width:de},text:{type:"email",name:N(g,"email"),placeholder:ce(r.email),defaultValue:o?.email,options:{required:b.includes("email")===!1}},additionalInfoLabel:r.emailDescription.replace("_product_type_",T)}),l.jsx(z,{})]}):null,l.jsx(He,{isDisabled:S,label:{label:r.dobLabel,width:fe},dateField:{name:N(g,"dob"),type:"text",defaultValue:o?.birthday,placeholder:ce(r.dobLabel),dateFormat:rl.defaultInput,maxDate:Je().subtract(x==="unit"?18:13,"years"),registerOptions:{required:b.includes("dob")===!1},autoComplete:"off"},additionalInfoLabel:r.dobDescription.replace("_product_type_",T),isMasked:!0}),l.jsx(z,{}),l.jsx(vl,{isDisabled:S,label:{label:r.nationalityLabel,width:de},showAdditionalInfoLabel:h!=="onboarding",additionalInfoLabel:r.nationalityDescription.replace("_product_type_",T),countrySelectField:{name:N(g,"nationalityCountryCode"),placeholder:r.nationalityPlaceholder,defaultValue:Il(o?.nationalityCountryCode,f.map($=>$.countryCode)),registerOptions:{validate:$=>!!($!=null&&$.selectedOption)}}}),l.jsx(z,{}),l.jsx(Ce,{isDisabled:S,label:{label:r.address,width:de},addressValueField:{name:N(g,"officerAddress"),placeholder:ce(r.address),defaultValue:o?.addressStatus?.addressToCreate,registerOptions:{validate:$=>b.includes("officerAddress")===!1?!(S==null&&$==null):!0},onClick:()=>{q(o?.officerType.toLocaleLowerCase().concat("_address"))}},additionalInfoLabel:h==="onboarding"?r.addressAdditionInfo:r.addressError.replace("_product_type_",T),showAdditionalInfoLabel:!0}),l.jsx(z,{}),l.jsx(Ue,{isDisabled:S,label:{label:r.phone,width:de},text:{name:N(g,"phone"),placeholder:ce(r.phone),defaultValue:o?.phone,autoComplete:"new-password",options:{required:b.includes("phone")===!1}},errorInfoLabel:xl(),verificationErrorInfoLabel:r.phoneValidationError,isPopupOpen:G,phoneVerifyButtonProps:{otpChallenge:o?.otpChallenge,showOtpButton:x==="unit",onGetOtp:j,onVerifyOtp:yl,onResendOtp:se,isPhoneVerified:bl(),phoneVerificationStatus:o?.otpverificationStatus,getOtpStatus:o?.sendOtpStatus,openPopup:p,verifiedPhoneNumber:H,focusNotRequired:!0}}),l.jsx(z,{}),l.jsx(Ie,{label:{label:r.companyRoleLabel,width:fe},singleSelectField:{singleSelect:{name:N(g,"role"),placeholder:dl,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:hl,isDisabled:S,showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:o?.titleAtCompany,allOptions:_?.map($=>$.code)??[]},registerOptions:{required:b.includes("role")===!1,validate:$=>b.includes("role")===!1?!(S==null&&!$?.selectedOption):!0}},isFunctional:!0,errorInfoLabel:r.companyRoleDescription.replace("_product_type_",T)}),l.jsx(z,{}),l.jsx(Fe,{isDisabled:S,showAdditionalInfoLabel:!1,label:{label:r.companyOwnershipLabel,width:fe},formattedTextField:{type:"number",name:N(g,"ownership"),defaultValue:o?.ownershipInCompany,placeholder:r.companyOwnershipPlaceholder,returnValueType:"floatValue",suffix:"%",allowNegative:!1,isNumericString:!1,registerOptions:{required:b.includes("ownership")===!1,validate:$=>$!=null?$>0&&$<=100:!0,max:100},autoComplete:"new-password"},additionalInfoLabel:h==="onboarding"?r.companyOwnershipDescriptionForOnboarding:r.companyOwnershipDescription}),l.jsx(z,{}),l.jsx(Fe,{isDisabled:S,showAdditionalInfoLabel:!1,label:{label:r.ssnLabel,width:fe},formattedTextField:{type:"text",name:N(g,"ssn"),placeholder:r.addSSNPlaceholder,defaultValue:o?.ssn,format:"###-##-####",registerOptions:{required:b.includes("ssn")===!1,pattern:Sl},autoComplete:"new-password",maxLength:9,allowLeadingZeros:!0},protectedInfoText:S!=null&&o?.ssn?cl:void 0,additionalInfoLabel:r.ssnDescription.replace("_product_type_",T),isMasked:!0}),l.jsx(z,{}),l.jsx(Cl,{name:N(g,"selectDocument"),officerIndex:k,sizeLimit:Se,filesEndPoint:te,authParams:ie,onEditFileName:Q,acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],label:{width:nl},allFiles:ve,updateFilesEntity:J,deleteFileStatusById:tl,updateFileStatusById:il,onDeleteFile:w,isDisabled:S,menuPlacement:h==="onboarding"&&he==null?"top":"auto",defaultValue:{defaultSelectDocumentType:he,allSelectDocumentType:["driverLicense","passport","ssnCard"],files:{front:Ve(!0,ve,De),back:Ve(!1,ve,De)}},registerOptions:{required:b.includes("selectDocument")===!1},hasError:be,additionalInfoLabel:r.companyIdDescription.replace("_product_type_",T),onFileSizeError:$=>we($),isPopupOpen:G,openPopup:p,companyOfficerName:{firstName:o?.firstName??"",lastName:o?.lastName??""}})]},g)})]})}const N=(e,d)=>`${e}.${d}`,Ma=t.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>pe.containerRowGap.valuePx(e.windowSize)};
-`,Ra=t.div`
-  width: ${e=>pe.width.valuePx(e.windowSize)};
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  row-gap: ${a.sp2};
-  padding-top: ${e=>e.isOverlay?a.sp3:a.sp0};
-`,qa=t.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${Wa.title.style(e.windowSize)}`};
-  padding-right: ${a.sp1};
-`,Ha=t.div`
-  display: flex;
-  align-items: center;
-`,Ua=t.div`
-  margin-right: ${a.sp2};
-`,Ga=t(Ge)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  color: ${Ee.success};
-`,Ya=t.div`
-  height: 14px;
-  width: 14px;
-  border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: 50%;
-`,Ka=t.div`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Za=t(Ye)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Qa=t.img`
-  height: ${a.sp4};
-  width: ${a.sp4};
-  border-radius: 50%;
-  justify-content: center;
-`,Ja=t.div`
-  margin-right: 14px;
-  color: ${e=>e.theme.colors.primary};
-`,Xa=t.div`
-  display: flex;
-  align-items: center;
-`,et=t.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-`,z=t.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,lt=t(Pe)`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-`,Ae=t.div`
-  padding-left: ${a.sp2};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,at=t(Ke)`
-  width: max-content;
-  margin-left: ${a.sp3};
-`,tt=t(Pe)`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,it=t.div`
-  display: flex;
-  align-items: center;
-`,ot=t(Ze)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.hero};
-`;export{mt as S,oa as s};