@zeniai/web-cockpit-ui 1.13.90-dev → 1.13.91-dev

package/dist/assets/AccountRow-D9vDRsjv-uSOuzaD9.js

@@ -1,298 +0,0 @@
-import{j as t,M as se,_ as E,bt as f,o,Y as y,T as re,dI as le,s as w,dJ as de,g,dK as G,c$ as Z,cq as ue,ab as x,w as X,p,X as xe,u as S,ak as pe,dq as he,r as ge,K as me,m as I,b5 as fe,d0 as je}from"./index-DoFw58Mw.js";import{n as a,b as ye,j as we}from"./vendor-CnQcJ2Lu.js";const $e=a.div`
-  position: relative;
-  ${e=>e.showTreeLine===!0&&e.collapsed!==!0?`&::after {
-      content: "";
-      position: absolute;
-      top: 25px;
-      left: 12px;
-      border-left: 1px dotted ${e.theme.colors.grey1};
-      height: 12px;
-    `:""};
-`,be=a.div`
-  display: flex;
-  min-width: ${o.sp4};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  border-style: solid;
-  border-width: 1px;
-  border-radius: 12px;
-  text-align: center;
-  align-items: center;
-  justify-content: center;
-  color: ${e=>e.colour.toString()};
-`,Ce=a(ge)`
-  text-align: center;
-  color: ${e=>e.colour.toString()};
-`,ve=a.div`
-  svg {
-    path {
-      stroke-width: 2;
-    }
-  }
-`,Re=a(he)`
-  margin-top: 6px;
-  width: 12px;
-  height: 12px;
-`,ke=a(pe)`
-  margin-top: ${o.sp1};
-  margin-left: 2px;
-  width: 12px;
-  height: 12px;
-`;function Te({firstLetter:e,color:n,showIcon:i,showCollapsedIcon:c,showTreeLine:l=!1,className:d}){return t.jsx($e,{showTreeLine:l,collapsed:c,children:t.jsx(be,{colour:n,className:d,children:t.jsx(ve,{children:i===!0?c===!0?t.jsx(ke,{}):t.jsx(Re,{}):t.jsx(Ce,{colour:n,className:d,children:e})})})})}const Ee=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  max-height: 1px;
-  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
-`,Se=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 1px;
-  width: 100%;
-`,Ie=a.div`
-  flex: 1 1 auto;
-  height: 1px;
-  width: 100%;
-`;function Le({kind:e,isScrolling:n}){switch(e){case"section_separator":return t.jsx(Ee,{isScrolling:n});case"account_separator":return t.jsx(We,{"data-testid":y("account-separator",e)})}}const We=()=>t.jsx(Se,{children:t.jsx(Ie,{className:"part-separator"})}),u={timeframeHeight:p[10],leftHeadingWidth:386,leftTimeframeWidth:161,leftLabelWidth:190,bankBalanceWidth:128,bankBalanceTimeframeWidth:126,bankBalanceRightWidth:p[4],bankBalanceRightTimeframeWidth:p[4],clearedBalanceWidth:144,clearedBalanceTimeframeWidth:142,varianceWidth:193,varianceTimeframeWidth:180,varianceNumberWidth:112,varianceNumberLoadingWidth:130,variancePercentageWidth:p[10],statusWidth:144,statusTimeframeWidth:142,tickLeftMargin:p[4],circleRadius:p[4],spacerLineWidth:p[5],wrapperPadding:p[8]};function Lt(e){switch(e){case"timeframe_headers":return p[12];case"title_string_only":return p[8];case"ac_group_report":return p[8];case"total":return p[8];case"section":return p[0];case"loading_in_progress":return p[8];default:return p[0]}}function Wt(){return!0}const Pe=a.div`
-  display: flex;
-  flex-direction: column;
-  height: ${e=>e.heightValue}px;
-  justify-content: flex-start;
-  align-items: center;
-  padding-right: ${u.wrapperPadding}px;
-  cursor: pointer;
-  .part-separator {
-    background-color: ${e=>e.isLastRow?e.theme.colors.hero:e.isSelectedRow?e.theme.colors.primary:e.theme.colors.grey3};
-  }
-  .any-text-container {
-    ${e=>e.isSelectedRow?we`
-            color: ${e.theme.colors.primary};
-          `:null}
-  }
-
-  .bank-icon-container {
-    display: none;
-  }
-
-  &:hover {
-    .part-separator {
-      background-color: ${e=>e.theme.colors.primary};
-    }
-    .any-text-container {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .bank-icon-container {
-      display: flex;
-    }
-  }
-`,_e=a.div`
-  height: ${o.sp8};
-`,Be=a.div`
-  width: 100%;
-  height: ${e=>e.heightValue-1}px;
-  user-select: none;
-  display: flex;
-  flex: 1 1 auto;
-  flex-flow: row;
-  justify-content: flex-start;
-  align-items: center;
-`,Ne=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: flex-start;
-  align-items: center;
-  gap: ${o.sp2};
-  margin-left: ${o.sp4};
-`,De=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-  margin-top: ${o.sp1};
-`,Ae=a(w)`
-  user-select: none;
-  clear: both;
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  text-align: left;
-  color: ${e=>e.theme.colors.hero};
-  width: ${u.leftLabelWidth}px;
-  min-width: ${u.leftLabelWidth}px;
-`,Me=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: flex-end;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,Oe=a(w)`
-  width: ${u.bankBalanceWidth}px;
-  min-width: ${u.bankBalanceWidth}px;
-  text-align: right;
-`,Ve=a.div`
-  width: ${u.bankBalanceRightWidth}px;
-  min-width: ${u.bankBalanceRightWidth}px;
-`,Qe=a(w)`
-  width: ${u.clearedBalanceWidth}px;
-  min-width: ${u.clearedBalanceWidth}px;
-  text-align: right;
-`,Ue=a(w)`
-  width: ${u.statusWidth}px;
-  min-width: ${u.statusWidth}px;
-  height: 1px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-`,Fe=a.div`
-  display: flex;
-  flex-direction: row;
-  min-width: ${u.spacerLineWidth}px;
-  width: ${u.spacerLineWidth}px;
-  align-items: center;
-`,He=a.div`
-  width: 1px;
-  margin-left: ${o.sp3};
-  height: ${e=>e.heightValue}px;
-  background-color: ${e=>e.theme.colors.grey3};
-`,qe=a.div`
-  display: flex;
-  flex-shrink: 0;
-  width: ${u.varianceTimeframeWidth}px;
-  min-width: ${u.varianceTimeframeWidth}px;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  text-align: center;
-  gap: ${o.sp2};
-  margin-left: ${u.tickLeftMargin}px;
-`,ze=a(w)`
-  border-radius: ${o.sp1};
-  color: ${e=>e.textColor.hex()};
-  min-width: ${u.varianceNumberWidth}px;
-  text-align: right;
-`,Ke=a(w)`
-  border-radius: ${o.sp1};
-  padding: ${o.sp0} ${o.sp1};
-  justify-content: center;
-  text-align: center;
-  color: ${e=>e.textColor.hex()};
-  background-color: ${e=>e.bgColor.hex()};
-  min-width: ${u.variancePercentageWidth}px;
-`,Je=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,Ge=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Ze=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-`,Xe=a(I)`
-  color: ${g.success};
-`,K=a(I)`
-  color: ${g.success};
-`,Ye=a(je)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${g.success};
-`,R=a(w)`
-  text-align: right;
-`,et=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`,tt=a(ue)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,nt=a(w)`
-  text-align: right;
-  color: ${g.important};
-  cursor: pointer;
-  text-decoration: underline;
-`,ot=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: flex-start;
-`,at=a.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${o.sp1};
-  align-items: center;
-`,it=a.div`
-  padding-top: ${o.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ct=a(de)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,A=a(fe)`
-  width: 12px;
-  height: 12px;
-  color: ${e=>e.iconColor.hex()};
-  margin-top: ${o.sp1};
-`,$=a.div`
-  display: flex;
-  gap: ${o.sp1};
-`,M=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,J=a(w)`
-  color: ${e=>e.theme.colors.hero};
-`,O=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-`,V=a(I)`
-  color: ${e=>e.textColor.hex()};
-`,Q=a(I)`
-  color: ${e=>e.textColor.hex()};
-`,U=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,F=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,k=a(I)`
-  color: ${e=>e.textColor.hex()};
-`,st=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,rt=a(X)`
-  color: ${e=>e.theme.colors.hero};
-`,lt=a(X)`
-  color: ${g.brandColorPearl};
-`,dt=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,ut=a(G)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,xt=a(G)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,pt=a(Z)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,ht=a(Z)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,{expenseAutomation:{accountRecon:{reconciliation:s}},common:{strings:{hyphen:h,percentage:gt}}}=se.getLocalizedStrings();function Pt({height:e,accountRecon:n,isLastRow:i,isSelectedRow:c,onReviewClicked:l,onOpenDrawerClicked:d,onConnectClicked:r,onReconnectClicked:m,onStatementAddClicked:C}){const _=xe(),L=S(),v=n.accountReconEntity.account.accountName,j=n.accountReconEntity.balance,B=n.accountReconEntity.clearedBalance,te=n.accountReconEntity.variance,ne=n.accountReconEntity.variancePercentage,oe=()=>{r?.(n.accountReconEntity.account.accountId)},ae=()=>{m?.(n.accountReconEntity.account.accountId)},ie=()=>{C?.(n.accountReconEntity.account.accountId)},H=()=>{l?.(n.accountReconEntity.account.accountId)},[ce,N]=ye.useState(!1),q=n.accountConnectionStatus==="connected"||n.connectionInProgress===!0?"plaid":n.accountReconEntity.statementStatus?.code==="uploaded"||n.statementParseInProgress===!0?"bank_statement":"plaid",T=q==="plaid"?n.accountReconEntity.balanceDataStatus?.code==="in_progress"||n.connectionInProgress===!0:n.accountReconEntity.statementDataStatus?.code==="parsing"||n.statementParseInProgress===!0;let z=e;return i&&(z=e+p[8]),t.jsxs(Pe,{"data-testid":y("total-row-root-container"),heightValue:z,isLastRow:i,windowSize:_,isSelectedRow:c,onClick:()=>{ce!==!0&&d?.(n.accountReconEntity.account.accountId)},children:[t.jsxs(Be,{isClickable:!0,"data-testid":y("total-row-container"),heightValue:e,children:[t.jsxs(Ne,{children:[t.jsx(Te,{firstLetter:v.charAt(0),color:new x(L.colors.hero),showIcon:!1,showCollapsedIcon:!1,className:"any-text-container"}),t.jsx(De,{children:t.jsx(f,{enterDelay:600,title:v,style:{padding:`${o.sp1} ${o.sp2}`},placement:"bottom",children:t.jsx(Ae,{className:"any-text-container",children:v})})})]}),t.jsxs(Me,{children:[t.jsx(Oe,{children:t.jsx(wt,{lastUpdatedAt:n.accountReconEntity.reconciliationId!=null?n.accountReconEntity.reconUpdatedAt:n.accountReconEntity.accountUpdatedAt,setIsHovering:N,statementStatus:n.accountReconEntity.statementStatus.code,accountId:n.accountReconEntity.account.accountId,bankBalance:j,bankConnection:n.accountConnectionStatus,onConnectClicked:oe,onStatementAddClicked:ie,isLoading:T,onReconnectClicked:ae})}),t.jsx(Ve,{children:t.jsx(kt,{statementStatus:n.accountReconEntity.statementStatus.code,statementParseInProgress:n.statementParseInProgress,connectionInProgress:n.connectionInProgress,bankStatusCode:n.accountConnectionStatus})}),t.jsx(Qe,{children:t.jsx($t,{clearedBalance:B,isLoading:T})}),t.jsx(mt,{isLoading:T,variance:te,variancePercentage:ne,reconciliationStatusCode:n.accountReconEntity.reconciliationStatus?.code}),t.jsx(Fe,{children:t.jsx(He,{heightValue:e})}),t.jsx(Ue,{onMouseEnter:()=>{N(!0)},onMouseLeave:()=>{N(!1)},children:q==="plaid"?t.jsx(jt,{accountRecon:n,isLoading:T,onReviewClicked:H}):t.jsx(yt,{accountRecon:n,isLoading:T,onReviewClicked:H})})]})]}),t.jsx(Le,{kind:"account_separator",isScrolling:!1}),i?t.jsx(_e,{}):null]})}const mt=({variance:e,variancePercentage:n,reconciliationStatusCode:i,isLoading:c})=>{const l=S(),{varianceColor:d,variancePercentageColor:r,variancePercentageContainerColor:m}=ft(l,e,i),C=c?h:e!=null&&e.amount===0?"0%":n!=null?n===0?"0%":`${n.toFixed(2)}${gt}`:h;return t.jsxs(qe,{children:[t.jsx(ze,{textColor:d,className:"any-text-container",children:e==null||c?h:E("0,0",e)}),t.jsx(Ke,{textColor:r,bgColor:m,className:"any-text-container",children:C})]})},ft=(e,n,i,c)=>{let l,d,r;return n!=null&&n.amount===0&&i!=null&&i==="reconciled"?(l=new x(g.success),d=new x(g.success),r=new x(g.successLight)):c===!0?(l=new x(e.colors.primary),d=new x(e.colors.primary),r=new x(e.colors.grey2)):(l=new x(e.colors.hero),d=new x(e.colors.hero),r=new x(e.colors.background)),{varianceColor:l,variancePercentageColor:d,variancePercentageContainerColor:r}},jt=({accountRecon:e,isLoading:n,onReviewClicked:i})=>{const c=e.accountReconEntity.reconciliationStatus,l=e.accountConnectionStatus,d=e.accountReconEntity.reconciliationId!=null?e.accountReconEntity.reconUpdatedAt:e.accountReconEntity.accountUpdatedAt,r=d!=null?`${d.utc(!0).fromNow().toLowerCase()}`:h;if(n)return t.jsx(Ct,{});if(e.accountReconEntity.balanceDataStatus?.code==="not_found"){let m="";return e.accountReconEntity.balance==null&&e.accountReconEntity.clearedBalance==null?m=s.status.balanceNotFound:e.accountReconEntity.balance==null?m=s.status.bankBalanceNotFound:m=s.status.clearedBalanceNotFound,t.jsx(bt,{status:m,tooltipText:r})}if(l==="reconnect"||l==="not_connected")return t.jsx(D,{tooltipText:r,showTooltip:d!=null});if(c==null&&l==="connected"&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});if(c!=null)switch(c.code){case"save_for_later":case"pending":return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});case"reconciled":return t.jsx(P,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"in_progress":return t.jsx(ee,{tooltipText:r});case"failed":return t.jsx(Y,{tooltipText:r});case"reconciled_on_qbo":return t.jsx(P,{isQBO:!0,tooltipText:r});default:return null}else return t.jsx(D,{showTooltip:d!=null,tooltipText:r})},yt=({accountRecon:e,isLoading:n,onReviewClicked:i})=>{const c=e.accountReconEntity.reconciliationStatus,l=e.accountReconEntity.statementDataStatus?.code==="validated"||e.accountReconEntity.statementDataStatus?.code==="processed",d=e.accountReconEntity.reconUpdatedAt,r=d!=null?`${d.utc(!0).fromNow().toLowerCase()}`:h;if(e.accountReconEntity.statementDataStatus?.code==="parsing_failed"||e.accountReconEntity.statementDataStatus?.code==="validation_failed"||e.accountReconEntity.statementDataStatus?.code==="processing_failed")return t.jsx(Rt,{code:e.accountReconEntity.statementDataStatus?.code,tooltipText:r,errorMessage:e.accountReconEntity.errorMessage?.errorShort});if(n)return t.jsx(vt,{});if(c==null&&l&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});if(c!=null)switch(c.code){case"save_for_later":case"pending":return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});case"reconciled":return t.jsx(P,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"reconciled_on_qbo":return t.jsx(P,{isQBO:!0,tooltipText:r});case"in_progress":return t.jsx(ee,{tooltipText:r});case"failed":return t.jsx(Y,{tooltipText:r});default:return null}else return t.jsx(D,{showTooltip:d!=null,tooltipText:r})},W=({buttonLabel:e,isDisabled:n,tooltipText:i,dataTestId:c,onClick:l})=>t.jsx(f,{title:t.jsx(b,{tooltipText:i}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx(Je,{children:t.jsx(me,{label:e,size:"standard",variant:"secondary",style:{padding:`${o.sp1} 12px`},disabled:n,"data-testid":c,onClick:d=>{d.stopPropagation(),l()}})})}),P=({user:e,isQBO:n,tooltipText:i})=>t.jsx(f,{title:t.jsx(b,{tooltipText:i}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs(Ge,{children:[t.jsxs(Ze,{children:[t.jsx(Ye,{}),t.jsx(Xe,{children:n?s.status.reconciledVia:s.status.reconciledBy})]}),n?t.jsx(K,{children:s.status.QBOUser}):e&&t.jsxs(K,{children:[e.firstName," ",e.lastName]})]})}),wt=({bankBalance:e,bankConnection:n,statementStatus:i,lastUpdatedAt:c,fromDrawer:l=!1,onConnectClicked:d,onReconnectClicked:r,isLoading:m,accountId:C,onStatementAddClicked:_,setIsHovering:L})=>{const v=Tt();if(l===!0)return t.jsx(R,{className:"any-text-container",children:E("0,0",e)??h});if(m===!0)return t.jsx(R,{className:"any-text-container",children:h});if(n==="reconnect"){const j=c!=null?`${c.utc(!0).fromNow()}`:h;return t.jsxs(ot,{children:[t.jsxs(at,{children:[t.jsx(it,{children:t.jsx(f,{title:t.jsx(b,{tooltipText:j}),placement:"bottom",style:{padding:`2px ${o.sp2}`},children:t.jsx(ct,{})})}),t.jsx(R,{className:"any-text-container",children:e!=null?E("0,0",e):h})]}),t.jsx(nt,{"data-testid":y("account-reconciliation-reconnect-button",C),onClick:B=>{B.stopPropagation(),r?.()},children:s.connect.reconnnect})]})}else return n==="connected"||i==="uploaded"?t.jsx(R,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(et,{"data-testid":y("account-reconciliation-connect-button",C),onMouseEnter:()=>{L(!0)},onMouseLeave:()=>{L(!1)},children:t.jsx(re,{controller:v.length>0,children:t.jsx(f,{title:s.tooltips.selectSource,style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx(le,{moreIconType:"custom",customIcon:t.jsx(tt,{}),options:v,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:o.sp3,".more-icon":{width:o.sp3,height:o.sp3}})},menuPlacement:"auto",onOptionSelection:j=>{j==="bank_connection"?d?.():j==="statement"&&_?.()},valueToIcon:j=>j==="bank_connection"?t.jsx(ut,{}):j==="statement"?t.jsx(pt,{}):null})})})})},$t=({clearedBalance:e,isLoading:n})=>e!=null&&n===!1?t.jsx(R,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(R,{className:"any-text-container",children:h}),Y=({tooltipText:e})=>{const n=new x(g.important);return t.jsx(f,{title:t.jsx(b,{tooltipText:e}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx($,{children:t.jsxs(M,{children:[t.jsx(A,{iconColor:n}),t.jsx(O,{children:t.jsx(V,{textColor:n,children:s.status.reconciliationFailed})}),t.jsx(U,{children:t.jsx(Q,{textColor:n,children:s.status.reconcileViaQBO})})]})})})},bt=({status:e,tooltipText:n})=>{const i=new x(g.brandColorGoldDark);return t.jsx(f,{title:t.jsx(b,{tooltipText:n}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs($,{children:[t.jsx(A,{iconColor:i}),t.jsxs(M,{children:[t.jsx(O,{children:t.jsx(V,{textColor:i,children:e})}),t.jsx(U,{children:t.jsx(Q,{textColor:i,children:s.status.reconcileViaQBO})})]})]})})},ee=({tooltipText:e})=>{const n=S(),i=new x(n.colors.grey1);return t.jsx(f,{title:t.jsx(b,{tooltipText:e}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx($,{children:t.jsxs(F,{children:[t.jsx(k,{textColor:i,children:s.status.autoReconInProgress}),t.jsx(k,{textColor:i,children:s.status.isInProgress})]})})})},Ct=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(F,{children:[t.jsx(k,{textColor:n,children:s.status.balanceSyncInProgress}),t.jsx(k,{textColor:n,children:s.status.isInProgress})]})})},vt=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(F,{children:[t.jsx(k,{textColor:n,children:s.status.statementSyncInProgress}),t.jsx(k,{textColor:n,children:s.status.isInProgress})]})})},Rt=({code:e,tooltipText:n,errorMessage:i})=>{const c=new x(g.important),l=Et(e,"list",i);return t.jsx(f,{title:t.jsx(b,{tooltipText:n}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs($,{children:[t.jsx(A,{iconColor:c}),t.jsxs(M,{children:[t.jsx(O,{children:t.jsx(V,{textColor:c,children:l})}),t.jsx(U,{children:t.jsx(Q,{textColor:c,children:s.status.failed})})]})]})})},D=({showTooltip:e,tooltipText:n})=>e==!1?t.jsx($,{children:t.jsx(J,{children:h})}):t.jsx(f,{title:t.jsx(b,{tooltipText:n}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx($,{children:t.jsx(J,{children:h})})}),b=({tooltipText:e})=>t.jsxs(st,{children:[t.jsx(rt,{children:s.tooltips.lastUpdated}),t.jsx(lt,{children:e})]}),kt=({statementStatus:e,statementParseInProgress:n,bankStatusCode:i,connectionInProgress:c})=>{let l=e==="uploaded"||n===!0?t.jsx(ht,{}):null;return l=i==="connected"||i==="reconnect"||c===!0?t.jsx(xt,{}):l,t.jsx(dt,{className:"bank-icon-container",children:l})};function Tt(){const e=[];return e.push({label:s.menu.bankConnection,value:"bank_connection"}),e.push({label:s.menu.statement,value:"statement"}),e}const Et=(e,n,i)=>{if(i!=null&&n==="drawer")return i;let c="";switch(e){case"parsing_failed":c=s.status.statementParseError;break;case"validation_failed":c=s.status.statementValidationFailed;break;case"processing_failed":c=s.status.statementProcessingFailed;break;default:c=s.status.statementParseError;break}return n==="drawer"&&(c=c+" "+s.status.failed),c};export{Te as B,wt as C,Pt as D,Et as E,Lt as L,Wt as N,ft as f,u,$t as w};

package/dist/assets/BusinessVerificationPage-YKJ-CZfb-BgJNO5ZA.js

@@ -1,140 +0,0 @@
-import{u as et,X as tt,a5 as Se,j as i,M as Te,i as G,a as it,ch as at,l as L,A as st,c3 as nt,aJ as ot,a0 as rt,K as lt,aW as ct,Y as dt,c4 as mt,bO as pt,bQ as ut,bR as ft,e as yt,F as ht,a7 as gt,o as r,C as P,m as $e,fE as xt,fc as Ce,cw as wt,c0 as St,a6 as Ct,s as ke,Q as bt,h as vt,p as k}from"./index-DoFw58Mw.js";import{b as j,n as d}from"./vendor-CnQcJ2Lu.js";import{o as Dt,G as Tt}from"./CompanyOfficerDetailsSection-CGewbsKm-DBM7Hns2.js";import{r as $t}from"./verification-CW6uEyev-DdkqedMU.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./LabeledAddressValueField-BODlYe8J-C_77UpWi.js";import"./LabeledCreatableSingleSelectField-DBovHkMc-D9D-7hZt.js";import"./LabeledDocumentField-CIlbLPtO-DSLjsPoT.js";import"./DocumentSecurityBanner-BRFFDueV-stK3q2uU.js";const x={width:new P(343,580,726),titleWidth:new P(343,580,726,826),subTitlePaddingTop:new P(12,k[3]),subTitlePaddingBottom:new P(k[3],k[3]),verificationDetailsRowGap:new P(12,k[5],k[5]),termsPaddingLeftRight:new P(k[0],k[3])},kt={stepTitle:new bt("h6Regular","h5Regular")},be="businessVerificationPage",b="companyDetails",v="companyOfficerDetails",{commonSetUp:{businessVerification:s},common:{settings:It,currency:Nt,footer:ve,strings:{empty:Pt}}}=Te.getLocalizedStrings(),pi=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:F,isRefreshingViewInBackground:_,filesEndPoint:o,authParams:B,productType:y,allIndustries:E,companyTitles:z,maxInsuredAmount:p,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:w=!1,onAddressClick:H,onRegisteredAddressClick:Ne,onBackClick:O,onGetOtp:Pe,onVerifyOtp:je,onResendOtp:Fe,onSendForVerificationClick:Oe,onEditFileName:ee,onCompanyDetailsChanged:Ve,updateFilesEntity:te,onDeleteFile:ie,onDeleteFileList:Le,onCompanyOfficerUpdated:Ae,saveNewAddressInLocalStore:ae,onSaveDetailsClick:_e,onClickMenuIcon:Be})=>{const Ee=et(),m=tt(),{updateStatus:R,companyView:V,companyDetailsLocalData:l,companyOfficerLocalData:S}=t,ze=Se(R.fetchState),U=V?.company.company.featuresActivationInfo.connectedAccountProvider,Re=U==="unit"?i.jsxs(Et,{children:[s.terms.term1,i.jsx(G,{href:s.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.consent}),s.terms.term2,i.jsx(G,{href:s.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.depositTerms}),s.terms.term3,i.jsx(G,{href:s.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.privacy}),s.terms.term4,i.jsx(G,{href:s.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:s.terms.tos}),s.terms.term5]}):s.terms.termsForStripe,[Ue,W]=j.useState(!1),[M,se]=j.useState("save"),[Z,Me]=j.useState(!1),u=it({mode:"all",reValidateMode:"onChange",defaultValues:jt(t,E,z,A)}),{isValid:Ge}=u.formState,K=V?.company.company.companyBillPayInfo,Q=V?.company.company.companyTreasuryInfo,N=y==="zeni_treasury"?Q?.companyVerificationStatus:K?.companyVerificationStatus,D=Object.values(S).findIndex(e=>e?.isSelectedForVerification===!0),T=`Officer_${D<0?1:D+1}`,We=()=>{const e=S[T],a=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,re=e?.titleAtCompany,le=e?.documentTypeSelectedForVerification,ce=e?.phone,de=e?.addressStatus?.addressToCreate,me=de!=null?L.getFormattedAddress(de):void 0,pe=l?.companyDescription,J=l?.companyLegalName,ue=l?.companyIndustry,fe=l?.phone,ye=l?.website,he=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0,Y=l?.primaryContactLocalData,ge=Y?.firstName,xe=Y?.lastName,we=Y?.email;a!=null&&f!=null&&C!=null&&$!=null&&c!=null&&re!=null&&ce!=null&&me!=null&&le!=null&&pe!=null&&J!=null&&fe!=null&&ye!=null&&ue!=null&&J!=null&&he!=null&&ge!=null&&xe!=null&&we!=null&&g?.trackBusinessVerificationSend({email:a,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:re,phone:ce,formattedAddress:me,documentTypeForVerification:le},{companyDescription:pe,legalName:J,phone:fe,website:ye.toString(),industry:ue,formattedAddress:he},{firstName:ge,lastName:xe,email:we},y,n?"Settings":void 0)},Ze=()=>{const e=S[T],a=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=a?.email??"",$=!!a?.firstName&&!!a?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&u.trigger(`${v}.${D<0?0:D}.name`,{shouldFocus:!0}),!1):C&&!$?((!a?.firstName||!a?.lastName)&&u.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},Ke=()=>{const e=S[T],a=l?.primaryContactLocalData,c=e?.email,f=a?.email;if(c){if(!f)return(a?.firstName||a?.lastName)&&u.trigger(`${b}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||X!=null&&X?.length>0)return u.trigger(`${v}.${D<0?0:D}.email`,{shouldFocus:!0}),!1;return!0},Qe=u.handleSubmit(()=>{if(M!=="verification"&&se("verification"),U==="unit"&&S[T]?.isPhoneVerified!==!0){u.setError(`${v}.${D}.phone`,{type:"custom"});return}const e=at(Object.values(S).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),a=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);L.reduceAllFetchState(e.concat(a)).fetchState!=="In-Progress"&&Ge&&(We(),Oe?.(T))}),Xe=async(e,a)=>{e.includes(b)?Ve?.(a[b]):e.includes(v)&&Ae?.(a[v])},qe=j.useCallback(st((e,a)=>{Xe(e,a)},300),[]);j.useEffect(()=>{const e=u.watch((a,{name:c})=>{c!=null&&a!=null&&nt(()=>qe(c,a))});return()=>{e.unsubscribe()}});const ne=Se(t.companyDetailsLocalData?.addressStatus);j.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&ne==null&&(ae?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),u.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,ne,ae,u]);const oe=V?.companyOfficers.slice(0,10).sort((e,a)=>e.user.createTime?.isAfter(a.user.createTime)===!0?1:-1),X=oe?.map(e=>e.user),Je=oe?.map(e=>e.role),Ye={onOkClick:()=>{W(!1),O();const e=[],a=V?.company.company.incInfo.fileIds??[];u.getValues(`${b}.fileIds`).forEach(c=>{a.includes(c)||e.push(c)}),Je?.forEach((c,f)=>{const C=c?.fileIds??[];u.getValues(`${v}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Le?.(e)},onCancelClick:()=>{W(!1)}},He=ot(rt(p),p,Nt.currencySymbol).toUpperCase(),q=N?.code==="pending_review"||N?.code==="verified";return y==="zeni_treasury"&&N?.code==="pending_review"&&ze==="In-Progress"&&R.fetchState==="Completed"?i.jsxs(Kt,{children:[i.jsxs(Qt,{children:[i.jsx($t,{}),i.jsx(Xt,{windowSize:m,children:s.submittedTitle}),i.jsx(Zt,{isReadonly:!1,children:s.submittedDescription})]}),i.jsx(lt,{label:s.submittedButton,onClick:O,variant:"primary"})]}):i.jsxs(Ft,{isSettings:n,children:[i.jsx(ct,{title:h&&w===!0?Pt:s.header,backgroundColor:Ee.colors.grey5,style:{zIndex:Z?1:4},onBackClick:()=>{mt(u.formState.dirtyFields)?W(!0):O()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:Be,rightSideComponent:h?i.jsx(qt,{"data-testid":dt("nav-bar-close-business-verification-overlay"),onClick:()=>{O()}}):null,source:"BusinessVerificationPage"}),Ue===!0?i.jsx(pt,{titleComponent:i.jsx(ft,{children:s.discardTitle}),descriptionComponent:i.jsx(ut,{children:s.discardDescription}),primaryButtonText:s.discard,secondaryButtonText:s.cancel,action:Ye}):null,i.jsxs(Lt,{windowSize:m,children:[(!h||w===!1)&&i.jsx(Vt,{windowSize:m,children:n?It.infoText.businessVerification:s.title}),F==="In-Progress"||F==="Not-Started"?i.jsx(At,{children:i.jsx(yt,{size:"ExtraLarge",start:!0})}):i.jsx(ht,{...u,children:i.jsxs("form",{id:De(be),onSubmit:Qe,children:[h&&w===!0&&i.jsxs(Ot,{children:[i.jsxs(zt,{windowSize:m,children:[i.jsx(Rt,{windowSize:m,children:q?s.businessVerificationDetails:s.verifyBusinessDetails}),!q&&i.jsx(Ut,{children:i.jsxs(Mt,{children:[i.jsx(Gt,{}),i.jsx(Wt,{})]})})]}),i.jsx(Ie,{isReadonly:q,children:s.verifyBusinessDetailsDescription})]}),i.jsxs(_t,{children:[i.jsx(Dt,{companyOfficerData:S,allNationalityCountries:A,allOfficers:X??[],sectionId:v,isRefreshingViewInBackground:_,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:te,onEditFileName:ee,onOfficerAddressClick:H,onDeleteFile:ie,isDisabled:I,filesEndPoint:o,authParams:B,isPopupOpen:Z,openPopup:Me,onGetOtp:Pe,onVerifyOtp:je,onResendOtp:Fe,companyTitles:z,isForTreasury:y==="zeni_treasury",isOverlay:h}),i.jsx(Tt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:N,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:N?.code==="pending_review"||N?.code==="verified"?"readonly":I,fileProps:{authParams:B,filesEndPoint:o,onEditFileName:ee,onDeleteFile:ie,updateFilesEntity:te},onCompanyAddressClick:H,onRegisteredAddressClick:Ne,connectedAccountProvider:U,allIndustries:E})]}),y==="zeni_accounts"?i.jsx(Bt,{windowSize:m,children:s.threadText.replace("__amount__",He)}):null]})})]}),F==="Completed"&&(y==="zeni_treasury"?Q?.companyVerificationStatus?.code!=="pending_review"&&Q?.companyVerificationStatus?.code!=="verified":K?.businessVerificationStatus?.code!=="pending_review"&&K?.businessVerificationStatus?.code!=="verified")?i.jsx(gt,{formId:De(be),primaryBtn:{label:w?ve.submit:s.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":w?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:w?ve.back:s.saveDetailsButton,style:{width:m==="small"?"auto":w?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(w)O();else{const e=S[T],a=l?.primaryContactLocalData;M!=="save"&&se("save");const c=e?.email??"",f=Ze(),C=Ke();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0},{firstName:a?.firstName,lastName:a?.lastName,email:a?.email},y,n?"Settings":void 0),_e?.(T))}}},helperText:Re,style:{padding:`12px ${r.sp3}`,zIndex:Z?0:4}}):null]})},jt=(t,A,F,_)=>{const{companyDetailsLocalData:o,companyOfficerLocalData:B,companyView:y}=t,E=Te.getLocalizedStrings().companyPassport,z=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[b]:{companyDescription:o?.companyDescription??"",ein:o?.companyFiles.find(p=>p.documentType==="tax_ein"),companyId:o?.companyId??"",syncToken:o?.syncToken,companyLegalName:o?.companyLegalName??"",companyWebsite:o?.website?.toString()??"",companyAddress:o?.addressStatus?.addressToCreate,registeredAddress:o?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:o?.companyIndustry,allOptions:A?.map(p=>p.code)},companyPhone:o?.phone??"",companyTaxId:o?.taxIdOrEIN??"",primaryContactName:{firstName:o?.primaryContactLocalData?.firstName??"",lastName:o?.primaryContactLocalData?.lastName??""},primaryContactEmail:o?.primaryContactLocalData?.email??"",primaryContactUserId:o?.primaryContactLocalData?.userId,primaryContactSyncToken:o?.primaryContactLocalData?.syncToken,fileIds:o?.companyFiles.map(p=>p.fileId)??[],certificateOfIncorporation:o?.companyFiles.find(p=>p.documentType==="certificate_of_incorporation"),incDate:o?.incDate?.toDate(),typeOfIncorporation:{selectedOption:o?.typeOfIncorporation,allOptions:E.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:o?.sourceOfFunds??"",allOptions:Object.keys(s.sourceOfFundOptions)},formationDocument:o?.companyFiles.find(p=>p.documentType==="company_formation_document")},[v]:Object.values(B).map((p,I)=>{const n=p,h=xt(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:wt(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:F?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:Ce(!0,n?.userFiles??[],h),back:Ce(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!z&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},De=t=>`${t}_form`,Ft=d.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  row-gap: ${r.sp3};
-  background-color: ${t=>t.isSettings?"unset":t.theme.colors.grey5};
-`,Ot=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  gap: ${r.sp1};
-  width: 100%;
-  padding-bottom: ${r.sp3};
-`,Vt=d(ke)`
-  color: ${t=>t.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${t=>x.titleWidth.valuePx(t.windowSize)};
-  padding-top: ${t=>x.subTitlePaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>x.subTitlePaddingBottom.valuePx(t.windowSize)};
-  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
-`,Lt=d.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  padding-bottom: ${r.sp9};
-  row-gap: ${t=>x.verificationDetailsRowGap.valuePx(t.windowSize)};
-`,At=d.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${t=>t.theme.colors.grey4};
-`,_t=d.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${r.sp11};
-`,Bt=d($e)`
-  margin-top: ${r.sp2};
-  padding: ${r.sp2} ${r.sp2};
-  text-align: center;
-  color: ${t=>t.theme.colors.grey1};
-  width: ${t=>x.width.valuePx(t.windowSize)};
-`,Et=d($e)`
-  text-align: center;
-  max-width: 750px;
-  color: ${t=>t.theme.colors.hero};
-`,zt=d.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${r.sp3};
-  width: 100%;
-`,Rt=d(vt)`
-  ${t=>`${kt.stepTitle.style(t.windowSize)}`};
-  color: ${t=>t.theme.colors.primary};
-  text-align: left;
-`,Ut=d.div`
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  gap: ${r.sp2};
-`,Mt=d.div`
-  display: flex;
-  width: 100%;
-  gap: ${r.sp3};
-`,Gt=d.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.primary};
-  border-radius: ${r.sp2};
-  flex-shrink: 0;
-`,Wt=d.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.grey3};
-  border-radius: ${r.sp2};
-  flex-shrink: 0;
-  position: relative;
-  overflow: hidden;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background-color: ${t=>t.theme.colors.primary};
-    animation: fillProgress 1s ease-in-out forwards;
-  }
-
-  @keyframes fillProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(0%);
-    }
-  }
-`,Ie=d(ke)`
-  color: ${t=>t.theme.colors.hero};
-  margin-top: ${t=>t.isReadonly?r.sp0:r.sp3};
-  white-space: pre-line;
-`,Zt=d(Ie)`
-  margin-top: ${r.sp0};
-  text-align: center;
-`,Kt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${r.sp5};
-  margin: auto;
-`,Qt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${r.sp3};
-`,Xt=d(St)`
-  color: ${t=>t.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,qt=d(Ct)`
-  cursor: pointer;
-  color: ${t=>t.theme.colors.hero};
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-height: ${r.sp4};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;export{pi as default,De as uniqueName};