@zeniai/web-cockpit-ui 1.15.22-qa → 1.15.23-dev

package/dist/assets/ChargeCardPromoPage-B4yj7KP9-9bE0RFY5.js

@@ -1,222 +0,0 @@
-import{Q as $,V as r,e as O,aw as be,a8 as $e,aQ as je,aN as Se,fU as Te,bC as ze,ft as ve,r as Y,aP as ee,F as oe,o as t,c as Pe,d as V,cD as ke,aq as Ie,y as u,ap as Ae,bT as Be,iL as Le,ai as Re,u as p,R as S,p as y,ba as _e,aU as Me,iM as Ee}from"./index-BDOnIbbU.js";import{a as T}from"./sentry-7iaVxNzj.js";import{n,c as De,k as Fe}from"./mui-Dn-FysqD.js";import{EP as Ue}from"./zeni-epic-state-CMxzji9D.js";import{k as Ne}from"./NavigationDots-CjxNj1Qo-DUSolsbK.js";import{J as H,N as G}from"./PromoBaseCards-BHeLFDFF-D9FOKv3v.js";import{M as R}from"./usp-line-BBd1wKwW-BZQcBi21.js";import"./liveblocks-DXXqIP7n.js";import"./core-B5JTMc-Y.js";import"./recharts-CprInlbt.js";import"./lottie-DruO0Lf9.js";import"./analytics-BgoqoHps.js";import"./lexical-C4hGDQy7.js";import"./utils-BV_yqPM7.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="49091fff-1f7f-4870-92bb-b34dd4820d82",e._sentryDebugIdIdentifier="sentry-dbid-49091fff-1f7f-4870-92bb-b34dd4820d82")}catch{}})();const g={containerPaddingTopBottom:new u(p[0],p[0]),uspContainerMarginX:new u(p[6],p[0]),midContainerGap:new u(p[4],84),iconContainerMinHeight:new u(236,396),emptySectionHeight:new u(p[6],43),navigationBottom:new u(p[4],94),navigationLeft:new u(192,244),carouselHeight:new u(268,396),carouselMarginTop:new u(54,p[4]),carouselMarginLeft:new u(120,p[12]),buttonTrayGap:new u(p[3],p[5]),termsOfAgreementMarginTop:new u(p[5],p[10]),contactAdminContainerMarginTop:new u(p[0],p[10]),contactAdminContainerMarginBottom:new u(p[4],p[0]),contactAdminContainerMarginLeftRight:new u(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),_r=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:Q,onExpressInterestClick:ge})=>{const he=O(),W=be(),v=$(),J=$e().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:C,companyLocaleInfo:M}=i,X=je(_?.fetchStatus.fetchState),[ue,Z]=T.useState(!1),xe=()=>{J.trackCardsPromoPageClicked("schedule demo"),J.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:x,isCreditCardEnabled:w},"Cards Promo"),Z(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{X==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&Q()},[X,Q,_?.fetchStatus]);const q=Ue(W.loggedInUserRoleMap),fe=Te(W),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:ye}=i,K=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(We,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),ue===!0?r.jsx(ve,{onCancelClick:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(qe,{windowSize:v,children:q===!0?r.jsxs(Ze,{children:[r.jsxs(Xe,{children:[r.jsx(Ge,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Oe,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),q&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(Je,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:K,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:K===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Be,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const x=$();return r.jsx(ir,{windowSize:x,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(x)},cardPromoType:e,isCheckingEnabled:i})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const x=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:x,children:[a||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:x,children:j})]})]})},Oe=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const x=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:x}):r.jsx(Ve,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Ve=({cards:e,companyLegalName:s})=>{const i=O(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Ke,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ae},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(ur,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Qe,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item1.pre}),r.jsx(A,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(b,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item2.pre}),r.jsx(A,{windowSize:i,children:a.item2.bold}),r.jsx(b,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item3.pre}),r.jsx(A,{windowSize:i,children:a.item3.bold}),r.jsx(b,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item4.pre}),r.jsx(A,{windowSize:i,children:a.item4.bold}),r.jsx(b,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Qe=()=>{const e=$(),s=O(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,x=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:x},{id:2,cardType:"debit",cardText:x},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},We=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Je=n(Re)`
-  color: ${e=>e.theme.colors.hero};
-`,Xe=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Ze=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex: 1;
-  width: 100%;
-`,qe=n.div`
-  padding-top: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
-  text-align: center;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow-x: hidden;
-`,se=n(ke)`
-  max-width: 927px;
-  margin: auto;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,de=n(Ie)`
-  color: ${e=>e.theme.colors.primary};
-  margin: auto;
-  margin-top: ${t.sp2};
-`,le=n(Pe)`
-  margin: auto;
-  max-width: 343px;
-  display: flex;
-  justify-content: center;
-  text-align: center;
-  flex-wrap: wrap;
-  padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,ce=n(V)`
-  max-width: 314px;
-  margin: auto;
-  color: ${e=>e.theme.colors.primary};
-  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
-  text-align: center;
-  margin-top: 6px;
-`,Ke=n.img`
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ye=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  overflow: hidden;
-  padding: ${e=>e.hasContent?`${t.sp2} ${t.sp3}`:t.sp0};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-left: ${e=>e.windowSize==="small"?t.sp3:"auto"};
-  margin-right: ${e=>e.windowSize==="small"?t.sp3:"auto"};
-  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?t.sp0:t.sp6};
-  width: fit-content;
-  gap: ${t.sp1};
-  ${e=>e.hideBadge&&`
-    visibility: hidden;
-    `}
-`,er=n(V)`
-  color: ${e=>e.theme.mode==="dark"?y.brandColorJade:y.brandColorSapphire};
-  text-align: ${e=>e.windowSize==="small"?"left":"center"};
-  ${e=>`${z.promoBadgeText.style(e.windowSize)}`};
-  span {
-    ${e=>`${z.promoBadgeTextBold.style(e.windowSize)}`};
-  }
-`,rr=n.span``,te=n.span`
-  color: ${y.success};
-`,tr=n.div`
-  display: flex;
-  gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,ir=n.div`
-  display: flex;
-  flex-direction: column;
-`,or=n.div`
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-  padding: ${t.sp2} ${t.sp3};
-  position: sticky;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 8;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  row-gap: ${t.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  gap: ${e=>g.buttonTrayGap.valuePx(e.windowSize)};
-`,nr=n.div`
-  width: ${e=>e.windowSize==="small"?"auto":"288px"};
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
-  margin-right: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
-  z-index: 8;
-`,ar=n.div`
-  display: flex;
-  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
-  min-height: ${e=>g.iconContainerMinHeight.valuePx(e.windowSize)};
-  align-items: center;
-  min-width: 480px;
-`,I=n.div`
-  border-radius: ${t.sp12};
-  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
-  padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${t.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  width: ${e=>e.windowSize==="small"?"288px":"100%"};
-  min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
-  box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,b=n(_e)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${z.uspText.style(e.windowSize)}`};
-`,A=n(Me)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${z.uspBoldText.style(e.windowSize)}`};
-`,B=n.div``,L=n.div`
-  padding-left: ${t.sp3};
-`,sr=n(R)`
-  color: ${y.graphColor16Dark};
-`,dr=n(R)`
-  color: ${y.alert};
-`,lr=n(R)`
-  color: ${y.graphColor11};
-`,cr=n(R)`
-  color: ${y.success};
-`,pr=n.div`
-  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
-  ${e=>e.windowSize==="small"?null:De`
-          margin-top: ${t.sp4};
-          margin-bottom: ${t.sp6};
-        `}
-`,mr=n(V)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
-  text-align: center;
-`,N=n(Ee)`
-  ${e=>`${z.contactAdmin.style(e.windowSize)}`};
-  text-decoration: ${e=>e.underline?"underline":"none"};
-  cursor: ${e=>e.underline?"default":null};
-`,gr=n.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,hr=n.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  padding: ${t.sp2} ${t.sp3};
-  display: flex;
-  gap: ${t.sp2};
-  margin: auto;
-  max-width: fit-content;
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-bottom: ${t.sp6};
-`,ur=n.span`
-  ${e=>`${z.cardsContent.style(e.windowSize)}`};
-`,xr=n.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
-  min-width: 480px;
-  position: relative;
-`,wr=n.div`
-  position: relative;
-  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
-`,fr=n.div`
-  position: relative;
-  overflow: visible;
-`,ie=n.div`
-  position: absolute;
-  ${e=>e.isReflection&&`
-  background-color: ${e.theme.colors.grey4};
-  clip-path: inset(16% 0 0 0);
-  `}
-`,Cr=Fe`
-  0% {
-    left: -${t.sp6};
-  }
-  50% {
-    left: calc(100% + ${t.sp6});
-  }
-  100% {
-    left: calc(100% + ${t.sp6});
-  }
-`,yr=n.div`
-  position: absolute;
-  background:
-    ${y.promoCardGradient1Strong}, ${y.promoCardGradient2Strong};
-  width: ${t.sp10};
-  z-index: 3;
-  height: 100%;
-  transform: skew(15deg);
-  animation: ${Cr} 4s linear infinite;
-`;export{Oe as ChargeCardPromoUserContent,_r as default};

package/dist/assets/CompanyOfficerDetailsSection-1BDesjjs-CGxHxKUo.js

@@ -1,260 +0,0 @@
-import{Q as Oe,e as Re,cS as wl,F as ae,y as O,aQ as jl,V as l,bT as We,fH as Me,ap as Le,g1 as _e,o as a,gb as $l,cR as qe,cI as ee,cK as ce,cO as He,e$ as vl,eZ as Sl,cM as Ue,cL as Se,gc as Ne,gd as Il,fz as Cl,cP as Ie,fy as Ve,cQ as Ol,p as Ee,fP as Ge,R as ge,bK as Qe,fG as Ye,al as Pe,g0 as Ke,b as ye,ao as Ll,bH as _l,u as N,dm as El,av as Pl,ge as Dl,am as Fl,gf as Nl,bI as xe,b5 as Vl,a as Ze,ai as kl,d0 as Tl,at as zl,bG as Bl}from"./index-BDOnIbbU.js";import{a as c}from"./sentry-7iaVxNzj.js";import{n as t}from"./mui-Dn-FysqD.js";import{bh as Je,bL as Al}from"./zeni-epic-state-CMxzji9D.js";import{C as Ce}from"./LabeledAddressValueField-BNPvRvHU-DSWtQeav.js";import{I as Rl}from"./LabeledCreatableSingleSelectField-C1dHZ9ym-BSUe-QeQ.js";import{Y as ke}from"./LabeledDocumentField-ffpHZV4a-B_2ABBG3.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]="3e303ef0-8bf4-49cd-aeda-d9cd460c98a4",e._sentryDebugIdIdentifier="sentry-dbid-3e303ef0-8bf4-49cd-aeda-d9cd460c98a4")}catch{}})();const Wl=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:Ml}=ae.getLocalizedStrings(),{businessVerification:Te}=Ml,ue={iconSize:new O(N[6],N[10]),gap:new O(N[2],N[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(Ql,{windowSize:d,children:Te.securityMessageTitle}),l.jsx(Yl,{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(Wl)`
-  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;
-`,Ql=t(Ze)`
-  ${e=>`${Xe.title.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin: 0;
-`,Yl=t(Ze)`
-  ${e=>`${Xe.description.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin: 0;
-`,ll=({text:e})=>l.jsx(Zl,{children:l.jsx(Kl,{children:e})}),Kl=t(Nl)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  padding-right: ${a.sp2};
-`,Zl=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(N[3],N[2]),containerRowGap:new O(12,N[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:Q=!1,sectionHeader:Y,optionalFields:s=[],onCompanyAddressClick:K,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],Z=f?.companyFiles.find(u=>u.documentType==="certificate_of_incorporation"),J=f?.companyFiles.find(u=>u.documentType==="tax_ein"),p=f?.companyDescription,$=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,R]=c.useState(!1),[g,W]=c.useState(!1),M=u=>m.find(je=>je.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:Y??i.confirmCompanyDetails})]}),te?l.jsx(ma,{children:l.jsx(We,{variant:"small-description",display:"flex",maxWidth:"280px",data:i.confirmCompanyDetailsTooltip,placement:h==="small"||d==="onboarding"?"bottom":"right",children:l.jsx(fa,{})})}):null,d==="onboarding"&&Y!=null?l.jsx(ll,{text:ta}):null,x?.companyVerificationStatus!=null?l.jsx(ga,{tagTitle:x.companyVerificationStatus.name,textColor:Me(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:$,options:{required:n==null&&s.includes("companyLegalName")===!1}},additionalInfoLabel:i.companyLegalNameError.replace("_product_type_",w)}),l.jsx(S,{}),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(S,{}),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:()=>{K?.("company_address")}},additionalInfoLabel:i.companyAddressError.replace("_product_type_",w),showAdditionalInfoLabel:!1}),l.jsx(S,{}),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(S,{}),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(S,{}),l.jsx(Se,{label:{label:i.companyIndustryLabel,width:_},singleSelectField:{singleSelect:{name:v(y,"companyIndustry"),placeholder:i.companyIndustryPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:M,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(S,{}),l.jsx(Rl,{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(S,{}),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(S,{}),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(S,{}),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(S,{}),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(S,{}),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(S,{}),l.jsx(ke,{name:v(y,"certificateOfIncorporation"),isDisabled:n,sizeLimit:Ie,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:Z,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=>R(u)}),k||!(n!=null||Z!=null)?l.jsx(Be,{windowSize:h,isError:k,children:ze.formatDocumentText10MB}):null,l.jsx(S,{}),l.jsx(ke,{name:v(y,"ein"),isDisabled:n,sizeLimit:Ie,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=>W(u)}),g||!(n!=null||J!=null)?l.jsx(Be,{windowSize:h,isError:g,children:ze.formatDocumentText10MB}):null,l.jsx(S,{}),Q===!0?l.jsxs(l.Fragment,{children:[l.jsx(Se,{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(S,{})]}):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(Fl)`
-  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(Qe)`
-  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};
-`,S=t.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ga=t(Ye)`
-  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 ja({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:Q}={},showAddUser:Y=!0}){const s=Re(),[K,V]=c.useState(!1),re=ba(e).sort((p,$)=>p.label.localeCompare($.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,Z={control:(p,$)=>({...p,border:0,height:"100%",backgroundColor:E,fill:$.selectProps.menuIsOpen===!0?s.colors.primary:s.colors.grey1,boxShadow:E,">div:last-child":{color:K?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,$)=>({...p,backgroundColor:_,borderRadius:N[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,$)}),menuList:p=>({...p,borderRadius:N[1]}),placeholder:(p,$)=>({...p,margin:0,width:"100%",color:$.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:$,isSelected:B,isFocused:se})=>({...p,...q,color:B?ie??s.colors.champion:s.colors.hero,backgroundColor:B?b:se?s.colors.background:_,cursor:$?"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:$?"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,...$})=>l.jsxs(xe.ValueContainer,{...$,children:[p,Y===!0?l.jsxs(Ta,{hasSelectedUser:!!m,onClick:()=>{d(void 0),V(!1)},children:[l.jsx(Oa,{}),l.jsx("div",{children:Q??"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:K,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:Q??"Select..."})}),components:{Option:Pa,DropdownIndicator:za,IndicatorSeparator:Ba,SingleValue:Va,ValueContainer:ka,MenuList:J},hideSelectedOptions:!1,closeMenuOnSelect:!1,styles:Z,options:re,isDisabled:f,onChange:p=>{d(p),V(!1)},isClearable:!1,isSearchable:!1},El())})})}const $a=t.div``,va=t.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.grey1};
-  fill: ${e=>e.theme.colors.grey1};
-`,Sa=t.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${a.sp2};
-`,Ia=t(Ke)`
-  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($a,{children:l.jsx(xe.Option,{...e,children:l.jsxs(Ca,{children:[l.jsxs(Da,{children:[l.jsx(Fa,{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;
-`,Fa=t.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${a.sp2};
-`,Na=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(Na,{children:e})]})})},ka=({children:e,...d})=>l.jsxs(xe.ValueContainer,{...d,children:[d.selectProps.value==null?l.jsx(Sa,{children:l.jsx(Ia,{})}):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,N[3])},Ra={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:Q=!1,showCompletedIcon:Y=!1,showOfficerSelect:s=!0,showVerificationTag:K=!0,isForTreasury:V=!1,isOverlay:re=!1,productType:h,companyTitles:_,sectionHeader:E,optionalFields:b=[],onOfficerAddressClick:q,onDeleteFile:w,onEditFileName:Z,updateFilesEntity:J,openPopup:p,onGetOtp:$,onVerifyOtp:B,onResendOtp:se,verifiedPhoneNumber:H,onPhoneVerified:X}){const L=Oe(),me=Re(),{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,R=`Officer_${k<0?1:k+1}`;c.useEffect(()=>{X!=null&&e[R]?.phone!=null&&e[R].isPhoneVerified===!0&&X(e[R]?.phone??"")},[]);const g=`${y}.${k}`,W=e[R],M=V?W?.treasuryUserVerificationStatus:W?.userVerificationStatus,P=m.find(o=>o.userId===W?.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)),je=U?u.findIndex(o=>o.userId===W?.userId):0,tl=e[R]?.deleteFileStatusById??{},il=e[R]?.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,I=M?.code==="pending_review"||M?.code==="verified"?"readonly":d,pl=I!=null||!U||M?.code==="require_info",ul=P?.firstName||P?.lastName?`${P?.firstName} ${P?.lastName}`:r.addOfficer,ml=W?.userId!=null?r.confirmIdentityDetails:r.confirmIdentityDetailsNewOfficer,fl={menu:()=>({right:"initial",left:0})},hl=o=>_.find(C=>C.code===o)?.name??o,$e=W?.otpverificationStatus?.fetchState,Fe=jl($e);c.useEffect(()=>{X!=null&&Fe==="In-Progress"&&$e==="Completed"&&X(A(`${g}.phone`))},[Fe,$e]);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(Wa,{style:n,windowSize:L,children:[l.jsxs(Ma,{windowSize:L,isOverlay:re,children:[l.jsxs(Xa,{children:[l.jsxs(Ha,{children:[Y===!0?l.jsx(Ua,{children:Q?l.jsx(Ga,{}):l.jsx(Qa,{})}):null,l.jsx(qa,{windowSize:L,children:E??ml})]}),oe?l.jsx(Ya,{children:l.jsx(We,{variant:"small-description",maxWidth:"275px",data:r.confirmIdentityDetailsTooltip,display:"flex",placement:L==="small"||h==="onboarding"?"bottom":"right",children:l.jsx(Ka,{})})}):null,h==="onboarding"&&E!=null?l.jsx(ll,{text:ol}):null,M!=null&&K?l.jsx(at,{tagTitle:M?.name,textColor:Me(M.code),showLoader:D}):null]}),s?pl?U?l.jsxs(lt,{children:[P?.photo!==void 0?l.jsx(Za,{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:je}),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(ja,{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=$l(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:I,label:{label:r.name,width:de},nameField:{name:F(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:j=>b.includes("name")===!1?!!j:!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:I,showAdditionalInfoLabel:!1,label:{label:r.email,width:de},text:{type:"email",name:F(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:I,label:{label:r.dobLabel,width:fe},dateField:{name:F(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:I,label:{label:r.nationalityLabel,width:de},showAdditionalInfoLabel:h!=="onboarding",additionalInfoLabel:r.nationalityDescription.replace("_product_type_",T),countrySelectField:{name:F(g,"nationalityCountryCode"),placeholder:r.nationalityPlaceholder,defaultValue:Sl(o?.nationalityCountryCode,f.map(j=>j.countryCode)),registerOptions:{validate:j=>!!(j!=null&&j.selectedOption)}}}),l.jsx(z,{}),l.jsx(Ce,{isDisabled:I,label:{label:r.address,width:de},addressValueField:{name:F(g,"officerAddress"),placeholder:ce(r.address),defaultValue:o?.addressStatus?.addressToCreate,registerOptions:{validate:j=>b.includes("officerAddress")===!1?!(I==null&&j==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:I,label:{label:r.phone,width:de},text:{name:F(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:$,onVerifyOtp:yl,onResendOtp:se,isPhoneVerified:bl(),phoneVerificationStatus:o?.otpverificationStatus,getOtpStatus:o?.sendOtpStatus,openPopup:p,verifiedPhoneNumber:H,focusNotRequired:!0}}),l.jsx(z,{}),l.jsx(Se,{label:{label:r.companyRoleLabel,width:fe},singleSelectField:{singleSelect:{name:F(g,"role"),placeholder:dl,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:hl,isDisabled:I,showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:o?.titleAtCompany,allOptions:_?.map(j=>j.code)??[]},registerOptions:{required:b.includes("role")===!1,validate:j=>b.includes("role")===!1?!(I==null&&!j?.selectedOption):!0}},isFunctional:!0,errorInfoLabel:r.companyRoleDescription.replace("_product_type_",T)}),l.jsx(z,{}),l.jsx(Ne,{isDisabled:I,showAdditionalInfoLabel:!1,label:{label:r.companyOwnershipLabel,width:fe},formattedTextField:{type:"number",name:F(g,"ownership"),defaultValue:o?.ownershipInCompany,placeholder:r.companyOwnershipPlaceholder,returnValueType:"floatValue",suffix:"%",allowNegative:!1,isNumericString:!1,registerOptions:{required:b.includes("ownership")===!1,validate:j=>j!=null?j>0&&j<=100:!0,max:100},autoComplete:"new-password"},additionalInfoLabel:h==="onboarding"?r.companyOwnershipDescriptionForOnboarding:r.companyOwnershipDescription}),l.jsx(z,{}),l.jsx(Ne,{isDisabled:I,showAdditionalInfoLabel:!1,label:{label:r.ssnLabel,width:fe},formattedTextField:{type:"text",name:F(g,"ssn"),placeholder:r.addSSNPlaceholder,defaultValue:o?.ssn,format:"###-##-####",registerOptions:{required:b.includes("ssn")===!1,pattern:Il},autoComplete:"new-password",maxLength:9,allowLeadingZeros:!0},protectedInfoText:I!=null&&o?.ssn?cl:void 0,additionalInfoLabel:r.ssnDescription.replace("_product_type_",T),isMasked:!0}),l.jsx(z,{}),l.jsx(Cl,{name:F(g,"selectDocument"),officerIndex:k,sizeLimit:Ie,filesEndPoint:te,authParams:ie,onEditFileName:Z,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:I,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:j=>we(j),isPopupOpen:G,openPopup:p,companyOfficerName:{firstName:o?.firstName??"",lastName:o?.lastName??""}})]},g)})]})}const F=(e,d)=>`${e}.${d}`,Wa=t.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>pe.containerRowGap.valuePx(e.windowSize)};
-`,Ma=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=>`${Ra.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};
-`,Qa=t.div`
-  height: 14px;
-  width: 14px;
-  border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: 50%;
-`,Ya=t.div`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ka=t(Qe)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Za=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(Ye)`
-  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(Ke)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.hero};
-`;export{mt as S,oa as s};