@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/ReloadCard-DMWwNZ1z-D31XYoZn.js

@@ -1,26 +0,0 @@
-import{e as h,V as r,aJ as a,aK as m,b0 as f,F as j,aP as l,bB as x,ag as g,o as c,b1 as y}from"./index-Dm9r1f6s.js";import{n as s}from"./mui-DLNyBjYF.js";import{a as d}from"./core-B-FNbYlu.js";function C({backgroundColor:e,foregroundColor:o,animated:t,width:i,height:n}){return r.jsxs(x,{speed:2,width:i,height:n,viewBox:`0 0 ${i} ${n}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${i-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${i-48}`,height:"228"})]})}function p({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const u=s(l)`
-  justify-content: flex-start;
-`;function V({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function q({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx(y,{children:({height:i,width:n})=>r.jsx(C,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:n,height:i})})})})})}const w=e=>d.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),d.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),k=s(l)`
-  justify-content: space-between;
-`,b=s.div`
-  height: ${c.sp10};
-  width: ${c.sp10};
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  & svg {
-    color: ${e=>e.theme.colors.hero};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,$=s(g)`
-  color: ${e=>e.theme.colors.champion};
-`,v=s(g)`
-  color: ${e=>e.theme.colors.hero};
-`,B=s(w)``;function M({dimension:e,cardType:o,cardIndex:t,reportTitle:i,onReloadData:n}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>n(t,o),children:r.jsxs(k,{children:[r.jsxs($,{children:[i??f(o)," "]}),r.jsx(b,{children:r.jsx(B,{})}),r.jsx(v,{children:j.getLocalizedStrings().card.failedText})]})})}export{V as E,q as I,M as T};

package/dist/assets/ReportTableViewSelector-EU36E1lv-CLM26q4e.js

@@ -1,150 +0,0 @@
-import{e as Q,q as ie,ca as me,a8 as fe,V as o,an as ge,F as X,cb as ee,ab as xe,y as O,aO as be,o as n,cc as ye,cd as _e,ce as we,cf as $e,cg as ve,al as ce,ch as ke,d as p,ag as Ce,aA as K,bB as je,aS as Se,ak as Ne,at as Ie}from"./index-Dm9r1f6s.js";import{a as f,S as de}from"./core-B-FNbYlu.js";import{n as d}from"./mui-DLNyBjYF.js";import{R as P,I as Oe}from"./CollapsableReportTable-I40BZv7o-d2_h6r8O.js";const V=X.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat,Pe=e=>({this_period:{start_date:e.thisPeriod.startDate.format(V),end_date:e.thisPeriod.endDate.format(V)},number_of_periods:e.numberOfPeriods,order_by:e.orderBy}),De=e=>e!=null?{start_date:e.startDate.format(V),end_date:e.endDate.format(V)}:void 0;function Be(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,include_cover_page:e.includeCoverPage,company_name:e.companyName,statement_file_type:e.statementFileType,statements:e.statements,first_month_of_fy:e.firstMonthOfFY,book_close_date:e.bookCloseDate!=null?e.bookCloseDate.format(V):void 0,timeframe:e.timeframe,additional_balances:e.additionalBalances,format:e.format,balances_filter:Pe(e.balancesFilter),account_view_mode:e.accountViewMode,classes_to_filter_out:e.classesToFilterOut,data_available:De(e.dataAvailable),is_zeni_coa_used:e.isZeniCOAUsed}}async function ro(e,c,a){const t=X.getLocalizedStrings().downloadReport,r=`${e}?query=${encodeURIComponent(JSON.stringify(Be(a)))}`;try{const h=await ye({urlEndPoint:r,authParams:c,fileType:a.statementFileType});if(h.ok){const b=_e(h.headers,t.defaultFileName),y=await h.arrayBuffer();we(y,b)}else console.error(`${t.reportErrorMessage} ${h.statusText}`)}catch(h){console.error(`${t.reportErrorMessage} ${JSON.stringify(h)}`)}}const Fe=d.div`
-  padding: 0 ${n.sp3} 0 ${n.sp3};
-  border: 1px solid ${e=>e.theme.colors.primary};
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${n.sp1};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  height: ${n.sp8};
-  cursor: pointer;
-`,Ae=d(Ne)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: -2px;
-`,Ee=d(Ie)`
-  color: ${e=>e.theme.colors.hero};
-  width: 12px;
-  height: 12px;
-  margin: auto ${n.sp0};
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Te=e=>{const{value:c,onClick:a}=e,t=Q();return o.jsxs(Fe,{onClick:a,children:[o.jsx(Ae,{style:{color:t.colors.primary},children:c}),o.jsx(Ee,{})]})},Le=de.memo(Te);function Me({backgroundColor:e,foregroundColor:c,animated:a,width:t,height:r}){return o.jsxs(je,{speed:2,width:t,height:r,viewBox:`0 0 ${t} ${r}`,animate:a!=!1,backgroundColor:e,foregroundColor:c,style:{marginBottom:n.sp2},children:[o.jsx("rect",{x:"45",y:p[3],rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:p[8],rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:"96",rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:"136",rx:"5",ry:"5",width:"120",height:p[4]})]})}function he({nestedClass:e,isLastNode:c,config:a,parentNodeIDs:t}){const r=P("checkbox_and_name_only",[],e.classId[0]),h={children:[],id:r,isLastNode:c,reportElementData:{element:{kind:"checkbox_and_name_only",title:e.className,data:e,numOfBalances:0},config:a}};return h.children=e.children.map((b,y)=>he({nestedClass:b,config:a,isLastNode:y===e.children.length-1,parentNodeIDs:[...t,r]})),h}function ze(e,c){const a=e.map((t,r)=>{const h=P("checkbox_and_name_only",[],t.classId[0]),b={children:[],id:h,isLastNode:t.children.length!==0,reportElementData:{element:{kind:"checkbox_and_name_only",title:t.className,data:t,numOfBalances:0},config:c}},y=t.children.map(D=>he({nestedClass:D,config:c,isLastNode:r===t.children.length-1,parentNodeIDs:[h]}));return b.children.push(...y),b});return{config:c,headerNodes:[],contentNodes:[...a]}}function Re(e,c){Object.assign(e.config,c);const a=e.contentNodes;return a.forEach(t=>ue(t,c)),{config:c,headerNodes:[],contentNodes:[...a]}}function ue(e,c){Object.assign(e.reportElementData.config,c),e.children.forEach(a=>ue(a,c))}const oe={contentPaddingLeft:new O(p[3],p[3],p[2]),contentPaddingRight:new O(p[3],p[3],p[2])},Ve=d.div`
-  height: ${e=>e.height}px;
-  width: 100%;
-`,We=({reportId:e,firstMonthOfFY:c,nestedClassHierarchy:a,classesToBeFilteredOut:t,selectedView:r,showClassAccountNumber:h,scrollPosition:b,onScroll:y,nodeOpenStatus:D,onNodeCollapseToggled:J,onToggleCheck:B})=>{const W=Q(),Y=ie(),[$,j]=f.useState(void 0),[L,_]=f.useState(!1),[M,F]=f.useState({}),[g,z]=f.useState(void 0),[A,v]=f.useState(r),G="none",E=i=>r==="account_group"?!0:t?.length>0?t.find(l=>l[0]===i[0])!=null:!1,S=(i,l)=>{_(!0),F(i),B?.(i,l,r==="account_group"?!0:void 0),w(i,l)},w=(i,l)=>{const m=H(i);for(const k of m.children)B?.(k.classId,l),w(k.classId,l)},H=i=>{let l=a.filter(m=>m.classId[0]===i[i.length-1])[0];for(let m=i.length-2;m>=0;m--)l=l.children.filter(k=>k.classId[0]===i[m])[0];return l},U=i=>{if(i.length>1){const l=H(i.slice(1));let m=!1;for(const k of l.children)if(t.find(s=>s[0]===k.classId[0])===void 0){m=!0;break}m===!0?B?.(l.classId,!0):B?.(l.classId,!1),F(l.classId)}};f.useEffect(()=>{L&&U(M)}),f.useEffect(()=>{const i={reportId:e,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:G,firstMonthOfFY:c,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,isClassToBeFilteredOut:E,showClassAccountNumber:h};if($==null||!K(g,a)||!K(A,r)||L===!0){const l=ze(a,i);z(a),j(l),v(r)}else{const l=Re($,i);j(l),v(r)}},[a,r,t]);const[q,Z]=f.useState(5),T=i=>{const l=i+p[6];Z(l)};return $!=null?o.jsx(Ve,{height:q,children:o.jsx(Oe,{backgroundColor:r==="classes"?new Se(W.colors.background):void 0,rootNodes:$,type:"name_only",compareMode:"compare_mode_amount",isSticky:{isStickyHeader:!1,isStickyName:!1},treeNodePadding:{left:oe.contentPaddingLeft.value(Y),right:oe.contentPaddingRight.value(Y)},scrollPosition:b,onScroll:y,nodeOpenStatus:D,onNodeCollapseToggled:J,onToggleCheck:S,onReportTableHeightChanged:T})}):null},C={width:new O(350,400,400),height:new O(165,165,165),buttonWidth:new O(62,62),buttonHeight:new O(p[5],p[5]),containerWidth:new O(150,400,400)},Ye=d.div`
-  position: relative;
-  pointer-events: ${e=>e.isDisabled===!0?"none":"initial"};
-`,Ge=d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>C.containerWidth.valuePx(e.windowSize)};
-`,He=d($e)`
-  display: flex;
-  flex-direction: row;
-  width: fit-content;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.primary};
-  .dropdownIcon {
-    color: ${e=>e.theme.colors.hero};
-  }
-  &:hover {
-    .dropdownIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-  gap: ${n.sp2};
-  margin-top: 12px;
-  align-items: center;
-`,Ue=d(ve)`
-  color: ${e=>e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,qe=d.div`
-  display: flex;
-  width: ${e=>e.width}px;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey5};
-  border-radius: ${n.sp1};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp2} ${e.theme.colors.dropShadowHover}`};
-  margin-top: 10px;
-  padding-top: ${n.sp1};
-  background: ${e=>e.theme.colors.grey5};
-`,te=d.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.checked===!0?e.theme.colors.background:"transparent"};
-  & input[type="radio"] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    display: inline-block;
-    width: ${n.sp3};
-    height: ${n.sp3};
-    padding: 2px;
-    background-clip: content-box;
-    border: 1px solid ${e=>e.theme.colors.primary};
-    border-radius: 50%;
-    margin: ${n.sp0} ${n.sp2} ${n.sp0} ${n.sp2};
-    cursor: pointer;
-  }
-
-  input[type="radio"]:checked {
-    background-color: ${e=>e.theme.colors.primary};
-  }
-
-  input[type="radio"]:disabled {
-    cursor: default;
-  }
-
-  &:hover {
-    background: ${e=>e.theme.colors.background};
-  }
-`,se=d(Ce)`
-  height: ${n.sp6};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,Je=d.div`
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  height: 100%;
-  width: inherit;
-  overflow-y: auto;
-  .hide-icon {
-    display: none;
-  }
-  min-height: 165px;
-  max-height: 353px;
-  overscroll-behavior: contain;
-`,Ze=d.div`
-  width: 100%;
-  height: 65px;
-`,ae=d.label`
-  color: ${e=>e.theme.colors.primary};
-  cursor: ${e=>e.disabled===!0?"default":"pointer"};
-`,Ke=d(ce)`
-  display: flex;
-  align-items: center;
-  column-gap: ${n.sp2};
-  margin-left: ${n.sp5};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    cursor: pointer;
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Qe=d.div`
-  display: flex;
-  flex: 1;
-  width: inherit;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Xe=d(ke)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-`,eo=d(ce)`
-  margin-left: ${n.sp5};
-  margin-top: -12px;
-  color: ${e=>e.theme.colors.hero};
-`,{reportViewSelector:I,common:{footer:ne}}=X.getLocalizedStrings(),re="tableViewSelector",le=e=>`${e}_form`;function lo({reportId:e,firstMonthOfFY:c,nodes:a,classesListFetchState:t,selectedView:r,classesToBeFilteredOut:h,showClassAccountNumber:b,onOpenAccountViewMode:y,onSaveClick:D,isClassViewDisabled:J,downloadPage:B,showAccountGroups:W=!0,onResyncReports:Y,isPageFetchInProgress:$=!1,lastRefreshSuccessTime:j}){const L=Q(),_=ie(),[M,F]=f.useState(!1),[g,z]=f.useState(r),[A,v]=f.useState({}),G=(s,u)=>(s.forEach(x=>{u.push(x.classId),u=G(x.children,u)}),u),E=G(a,[]),[S,w]=f.useState(g==="classes"?h:E),H=t!=="Completed"||g==="classes"&&S.length===E.length;me({componentName:`reports.${e}`});const U=s=>s==="classes"?I.classes.label:W===!0?I.accountGroups.label:I.accounts.label,q=fe({mode:"all"}),Z=q.handleSubmit(()=>{F(!1),g==="classes"?D?.("classes",S):D?.("account_group")}),T=s=>{if(z(s),s==="classes")v({}),w([]);else{w(E);let u={};a.forEach(x=>{const N=P("checkbox_and_name_only",[],x.classId[0]);u=Object.assign({},u,{[N]:!1})}),v(u)}},i=()=>{M===!0&&m(),F(!M);let s={};a.forEach(u=>{const x=P("checkbox_and_name_only",[],u.classId[0]);r==="account_group"||S.find(N=>N[0]===u.classId[0])!==void 0?s=Object.assign({},s,{[x]:!1}):s=Object.assign({},s,{[x]:!0})}),v(s)},l=(s,u,x)=>{if(x===!0&&(z("classes"),w(E)),u===!0){const N=P("checkbox_and_name_only",[],s[0]);A[N]=!0,v(A),w(R=>R.filter(pe=>pe[0]!==s[0]))}else{const N=P("checkbox_and_name_only",[],s[0]);A[N]=!1,S.find(R=>R[0]===s[0])===void 0&&w(R=>[...R,s])}},m=()=>{F(!1),z(r),w(h)},k=()=>{$===!1&&Y?.()};return f.useEffect(()=>{if(t==="Completed"&&g==="account_group"){let s={};a.forEach(u=>{const x=P("checkbox_and_name_only",[],u.classId[0]);s=Object.assign({},s,{[x]:!1})}),v(s)}},[t]),o.jsx(ge,{onClickAway:m,children:o.jsxs(Ye,{isDisabled:J??!1,children:[B===!0?o.jsx(Le,{value:U(r),onClick:()=>{y?.(),i()}}):o.jsxs(Ge,{windowSize:_,children:[o.jsxs(He,{onClick:s=>{s.preventDefault(),y?.(),i()},children:[o.jsx(Ue,{className:"dropdownIcon"}),U(r)]}),r==="classes"?o.jsx(Ke,{onClick:k,children:$?I.generatingReportByClass:o.jsxs(o.Fragment,{children:[j&&`${ee(j)}`,o.jsx(Xe,{})]})}):null]}),M?o.jsx(xe,{...q,children:o.jsx("form",{id:le(re),onSubmit:Z,children:o.jsxs(qe,{width:C.width.value(_),children:[o.jsx(te,{checked:g==="account_group",children:o.jsxs(se,{onClick:()=>g!=="account_group"?T("account_group"):null,children:[o.jsx("input",{type:"radio",value:"account_group",id:"accountGroups",name:"formgroup",onChange:s=>T(s.currentTarget.value),checked:g==="account_group",disabled:t!=="Completed"}),o.jsx(ae,{disabled:t!=="Completed",children:W===!0?I.accountGroups.dropdownLabel:I.accounts.dropdownLabel})]})}),o.jsx(Qe,{}),o.jsxs(te,{checked:g==="classes",children:[o.jsxs(se,{onClick:()=>t==="Completed"?T("classes"):null,children:[o.jsx("input",{type:"radio",value:"classes",id:"classes",name:"formgroup",onChange:s=>t==="Completed"?T(s.currentTarget.value):null,checked:g==="classes",disabled:t!=="Completed"}),o.jsx(ae,{disabled:t!=="Completed",children:I.classes.dropdownLabel})]}),$||t!=="Completed"?null:o.jsx(eo,{children:j&&`${ee(j)}`}),t==="Completed"?o.jsx(Je,{id:"sectionformcontainer",children:o.jsx(oo,{reportId:e,firstMonthOfFY:c,nestedClassHierarchy:a,classesToBeFilteredOut:S,selectedView:g,nodeOpenStatus:A,showClassAccountNumber:b,onToggleCheck:l})}):o.jsx(Me,{backgroundColor:L.colors.grey3,foregroundColor:L.colors.grey4,width:C.width.value(_),height:C.height.value(_),animated:!0})]}),o.jsx(Ze,{children:o.jsx(be,{formId:le(re),primaryBtn:{label:ne.save,style:{width:C.buttonWidth.valuePx(_),height:C.buttonHeight.valuePx(_)},isLoading:!1,isDisabled:H,size:"small"},showCancel:!0,cancelBtn:{label:ne.cancel,style:{width:C.buttonWidth.valuePx(_),height:C.buttonHeight.valuePx(_)},onClick:m,size:"small",shouldResetOnCancel:!0},style:{padding:n.sp3}})})]})})}):null]})})}const oo=de.memo(We,K);export{ro as h,lo as u};

package/dist/assets/ReviewDetailsPage-Bk2vvBn3-CMASDCWv.js

@@ -1,290 +0,0 @@
-import{q as Ct,av as Tt,y as u,e$ as Dt,F as It,f0 as Pt,f1 as kt,V as t,f2 as At,f3 as le,f4 as Mt,f5 as Bt,f6 as Ft,aK as j,f7 as Rt,aL as A,f8 as Lt,f9 as zt,fa as Me,fb as Be,fc as Fe,b as K,fd as O,fe as E,ff as W,p as S,fg as Nt,fh as Ot,fi as Et,fj as Wt,bQ as Re,o as n,aO as Zt,d,ah as Vt,b$ as Yt,a as _t,B as qt,fk as Gt,cf as Kt,ak as de,al as ce,fl as Ht,fm as Ut,bg as Qt,l as Jt,b7 as Xt,ap as et,bI as en,ag as tt,br as tn,fn as nn}from"./index-Dm9r1f6s.js";import{a as V}from"./core-B-FNbYlu.js";import{n as a}from"./mui-DLNyBjYF.js";import{bp as Le,bn as ze,bK as I,bQ as an,Fb as ln,bO as oe,bS as on}from"./zeni-epic-state-HWtMOH-U.js";import{t as rn,o as sn}from"./LowBalancePopup-BFo5zRk3-mdHe1dcy.js";import{S as Z}from"./LabeledText-BJ3Zvb5p-ndTmW7U8.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";const nt=["small","medium-compact","medium-regular"],m={largeLabelWidth:new u(150,215,215),infoMinWidth:new u(0,0,0,142,142),infoMarginRight:new u(0,0,0,d[2],d[2]),footerButtonWidth:new u(120,165),iconContainerMarginTop:new u(6,d[1]),navBarContainerPaddingTop:new u(10,d[3]),sectionTitleMarginLeft:new u(d[3],d[0]),reviewContainerMarginLeft:new u(d[3],d[6]),reviewContainerMarginRight:new u(d[3],d[8]),footerRightIconMarginRight:new u(d[0],d[0],d[7]),infoLabelPaddingRight:new u(d[0],d[3]),infoLabelMarginTop:new u(d[1],d[0])},dn={sectionTitle:new _t("h6Medium","h5Medium")},{dateFormat:Ne,common:{currency:v,labels:Oe,edit:cn,strings:{empty:y}},spendManagement:{billPay:mn}}=It.getLocalizedStrings(),{billDetails:i,paymentDetails:Ee}=mn,We=({attachment:e})=>{const[b,g]=V.useState(!1),M=()=>{g(!1)},C=e.fileId?.length===0;return t.jsxs(On,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>C===!1?g(!0):null,children:[b&&e?.fileDownloadUrl!=null?t.jsx(Ht,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:g}):null,t.jsx(En,{children:t.jsx(Ut,{contentType:e.contentType})})]})},da=({billDetails:e,billpayApprovalView:b,isBillPayCommentingEnabled:g,currentTenant:M,isInternationalPaymentShaVsOurEnabled:C,isLocalCurrencyEnabled:at,style:it,analytics:w,isRecurringBillsFeatureEnabled:lt,isApprovalRequiredForMarkAsPaid:ot,isDetectInsufficientFundsEnabled:rt,billId:f,onClickEdit:me,discardBillDetailsFromLocalStore:pe,saveBillDetails:ue,discardOutsideZeniPaymentData:st,updateBillDetailSaveBillCode:ye,redirectToBillsScreen:he,onAttachmentClick:J,retryPayment:dt})=>{const s=Ct(),c=Tt(),B={application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:f},F=g&&f!=null,R=`dashboard_${c.currentTenant?.companyId}`,L=m.largeLabelWidth.value(s),z=e.saveStatus,X=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=Dt(C,at,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),T=Ne.visual.MMMDCommaYYYYformat,ge={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},p={amount:o?.method.includes("international")===!0?Pt(ge,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},N={amount:o?.method.includes("international")===!0?kt(ge,o):o?.fee.amount??0,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},[ct,fe]=V.useState(!1),[mt,xe]=V.useState(!1),be=()=>fe(!1),pt=()=>{w.trackBillPayMagicLinkPreviewEmail("review_bill"),fe(!0)},ut=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${i.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Ln,{size:s,children:t.jsx(Rn,{})})]}):At(e.paymentDetailsSection?.paymentTo);V.useEffect(()=>{(z?.fetchState==="Completed"||X?.fetchState==="Completed")&&(pe(),ye(),he())},[z,X,he,pe,ye]);const $=e.billPayInfo?.stage,P=e.billPayInfo?.billStatus,Y=e.billPayInfo?.billPaymentStatus,yt=e.billPayInfo?.billPaymentRefundStatus,te=$?.code==="paid"?$:P?.code=="approved"&&Y?.code?Y:P,ht=e.billPayInfo?.isRefundInitiated===!0?yt:P?.code=="approved"&&Y?.code?Y:P,ne=()=>{me()},we=()=>{me()},_=e.paymentDetailsSection?.paymentDate,ae=le(o?.method??""),$e=ae.replace("Same Day",""),gt=e.isCollectToAccountInfoFromVendorContact?t.jsx(Mt,{paymentTypeLabel:$e,onClick:pt}):i.addedByZeni,q=b.allApprovalRules.length>0,ft=Le(o?.method!=null&&(o.method.includes(I)||o?.fee.amount!=null&&o.fee.amount!==0)?p.amount-N.amount:p.amount,o?.fee.currencyCode??ze.currencyCode,o?.fee.currencySymbol??ze.currencySymbol),h=an(e.paymentDetailsSection?.paymentType?.method),xt=l=>{w.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",$?.code??"draft",te?.code??""),ue(!0,l)},ve=()=>{xe(!0),w.trackBillPayMarkAsPaid($?.code??"draft",te?.code??"")},bt=()=>{st(),xe(!1)},k=h&&($?.code!=null?$.code==="draft"||P?.code==="approved":!0),x=k&&!ot,je=Ze(x,q,e.isBillMarkedForRetry),wt=()=>h?x?void 0:i.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(I)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&C&&ee===v.currencyCode?Ot(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,ie=rt&&e.paymentDetailsSection!=null?Bt(p,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,$t=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,D=e.recurringConfig,jt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&w.trackBillPayAutoDateChange(f??"new_bill"),o?.method!=null&&l!=null){const St=h?i.paymentOutsideZeni.offline:le(o.method);if(w.trackBillPaySendForApproval(St,l.format(Ne.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,f,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:oe(D?.startDate?.toString()??"").format(T),endDate:oe(D?.endDate?.toString()??"").format(T),frequency:D?.frequency??"monthly",totalAmount:jt.amount,totalPaymentCycles:D?.totalPaymentCycles??0,isApprovalRequired:D?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?D?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?D?.updateRecurringBills==="all":void 0}),ie!=null){const Te=$?.code??"draft",De=P?.code??"",Ie=e.isRecurring?["Recurring"]:["One-Time"],Pe=e.invoiceNumber??"",ke=nn(c.loggedInUser),Ae=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";je===i.scheduleBill?w.trackLowBalanceAccountSchedule(Te,De,Ie,Pe,ke,Ae):je===i.sendForApproval&&w.trackLowBalanceAccountSentForApproval(Te,De,Ie,Pe,ke,Ae)}}},Se=()=>{Ce===!0&&G(!1),e.isBillMarkedForRetry===!0?(dt(),w.trackRetryConfirmClick(te?.code??"",$?.code??"",ht?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&($t(),ue(!1,{}))},vt=ln(p.amount,b.allApprovalRules,c.loggedInUser),[Ce,G]=V.useState(!1);return t.jsxs($n,{children:[mt?t.jsx(rn,{onCancel:bt,onProceedForMarkAsPaid:xt,saveDetailsFetchState:z?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,Ce?t.jsx(sn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Se,onCancelClick:()=>{G(!1),ne()},onClickAway:()=>{G(!1)}}):null,t.jsx(Ft,{anchor:"right",open:ct,onClose:be,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(Rt,{companyName:Lt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:_?.format(T)??"",paymentType:$e,amount:A("0,0[.]00",p),isInvoiceAttached:!!e.file,onClose:be})}),t.jsxs(vn,{windowSize:s,style:it,children:[s==="small"?t.jsxs(Fn,{windowSize:s,children:[t.jsx(He,{onClick:we,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(_e,{windowSize:s,children:i.oneLastLook})]}):t.jsx(Bn,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(He,{onClick:we})}),s!=="small"?t.jsx(Sn,{children:t.jsx(_e,{windowSize:s,children:i.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(Cn,{children:[t.jsxs(Tn,{children:[t.jsx(qn,{}),t.jsxs(Dn,{children:[t.jsx(Pn,{children:i.duplicateBillPayWarning}),t.jsxs(In,{children:[i.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>J(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[i.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(Vn,{children:[t.jsx(_n,{children:i.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=zt(l);return l!=null?t.jsx(Yn,{children:nt.includes(s)?t.jsxs(qe,{windowSize:s,children:[t.jsxs(kn,{children:[t.jsxs(An,{children:[l.attachments&&l.attachments.length>0?t.jsx(We,{attachment:l.attachments[0]}):t.jsx(Ue,{children:t.jsx(Qe,{})}),t.jsx(U,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?i.invoiceNo:null,l.documentId]})})]}),t.jsx(Je,{windowSize:s,children:A("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Wn,{"data-testid":j("review-detail-mobile-info"),onClick:()=>J(l.id,l.billPayInfo.stage.code),children:[t.jsxs(U,{children:[l.dueDate!=null?i.due:null," ",l.dueDate?.format(T)]}),t.jsx(Xe,{children:r!=null?Me.includes(r.code)?t.jsx(Be,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(qe,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(We,{attachment:l.attachments[0]}):t.jsx(Ue,{children:t.jsx(Qe,{})}),t.jsxs(Zn,{"data-testid":j("review-detail-info"),onClick:()=>J(l.id,l.billPayInfo.stage.code),children:[t.jsx(U,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?i.invoiceNo:null," ",l.documentId]})}),t.jsxs(U,{style:{width:"25%"},children:[l.dueDate!=null?i.due:null," ",l.dueDate?.format(T)]}),t.jsx(Je,{style:{width:"25%"},windowSize:s,children:A("0,0[.]00",l.amount)})]}),t.jsx(Xe,{children:r!=null?Me.includes(r.code)?t.jsx(Be,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Mn,{children:[t.jsx(Ge,{children:i.pay}),t.jsx(Ke,{children:t.jsx(Fe,{amount:ft,integerStyles:K.largeMedium.cssObject,decimalStyles:K.smallMedium.cssObject})}),t.jsx(Ge,{children:i.to}),t.jsx(Ke,{children:e.vendor?.name})]}),t.jsxs(jn,{children:[h?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:f,dashboardTabKey:W({type:"details",key:"withdrawFrom"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("withdrawFrom")}`},children:t.jsx(Z,{label:{label:i.withdrawFrom,width:L},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Nt(e.paymentDetailsSection.withdrawFrom,s):y,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:m.infoLabelPaddingRight.valuePx(s),marginTop:m.infoLabelMarginTop.valuePx(s),color:S.brandColorGoldDark},additionalInfoLabel:ie})}),t.jsx(H,{})]}),t.jsx(O,{isThreadAllowed:F,entityId:f,dashboardTabKey:W({type:"details",key:"paymentType"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentType")}`},children:t.jsx(Z,{label:{label:i.paymentMethod,width:L},style:{width:"auto"},value:le(o?.method??""),additionalInfoLabel:wt()})}),t.jsx(H,{}),!h&&_!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:f,dashboardTabKey:W({type:"details",key:"paymentDate"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentDate")}`},children:t.jsx(Z,{label:{label:i.paymentDate,width:L},style:{width:"auto"},value:_.format(T),additionalInfoLabel:`${i.estimatedArrival}${oe(on(_.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(T)} - (${ae.length>0?`${ae} `:""}${i.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${i.deliveryTimeUnits})`})}),t.jsx(H,{})]}):null,h?null:t.jsx(O,{isThreadAllowed:F,entityId:f,dashboardTabKey:W({type:"details",key:"paymentTo"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentTo")}`},children:t.jsx(Z,{label:{label:i.paymentTo,width:L},style:{width:"auto"},value:ut??"",additionalInfoLabel:gt})}),h||lt?t.jsxs(t.Fragment,{children:[t.jsx(H,{}),t.jsx(O,{isThreadAllowed:F,entityId:f,dashboardTabKey:W({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("recurringPaymentType")}`},children:t.jsx(Z,{label:{label:i.paymentType,width:L},style:{width:"auto"},value:Wt(e.isRecurring,h,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Et(s,e.isRecurring,h,e.recurringConfig)})})]}):null]}),!h&&o?.method!=null&&(o.method.includes(I)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(fn,{children:t.jsxs(xn,{windowSize:s,children:[t.jsxs(bn,{children:[t.jsx(yn,{children:i.total}),t.jsx(Re,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(gn,{children:[t.jsxs(Ye,{children:[t.jsx(se,{children:o.method.includes(I)&&ee!==v.currencyCode?Ee.conversionAmountColon:Oe.invoiceAmount}),t.jsx(re,{children:A("0,0[.]00",{amount:p.amount-N.amount,currencySymbol:N.currencySymbol})})]}),t.jsxs(Ye,{children:[t.jsx(se,{children:Ee.transactionFee}),t.jsx(re,{children:A("0,0[.]00",{amount:N.amount,currencySymbol:N.currencySymbol})})]}),t.jsx(hn,{}),t.jsxs(un,{children:[t.jsx(se,{children:Oe.total}),t.jsx(re,{children:A("0,0[.]00",{amount:p.amount,currencyCode:p.currencyCode,currencySymbol:p.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(pn,{})})]}),t.jsx(wn,{children:t.jsx(Fe,{amount:Le(p.amount,p.currencyCode,p.currencySymbol),integerStyles:K.h6Medium.cssObject,decimalStyles:K.standardMedium.cssObject})})]})}):null]}),t.jsx(Zt,{cancelBtn:{label:k&&!x?i.paymentOutsideZeni.markAsPaid:i.editBill,onClick:k&&!x?ve:ne,style:{width:Ve(!1,k,x,q,s)}},primaryBtn:{label:Ze(x,q,e.isBillMarkedForRetry),isLoading:z?.fetchState==="In-Progress"||X?.fetchState==="In-Progress",onClick:x?ve:()=>{vt&&ie!=null?G(!0):Se()},style:{width:Ve(!0,k,x,q,s)}},rightSideComponent:k&&!x&&z.fetchState!=="In-Progress"?t.jsx(Gn,{windowSize:s,children:t.jsx(Re,{style:{color:S.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:cn,placement:"top",children:t.jsx(Hn,{onClick:ne,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(Kn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?t.jsxs(zn,{children:[i.internationalText1,t.jsx(Nn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:i.internationalTerms}),i.internationalText2]}):null})]})},Ze=(e,b,g)=>e?i.paymentOutsideZeni.markAsPaid:g===!0?i.retryPayment:b?i.sendForApproval:i.scheduleBill,Ve=(e,b,g,M,C)=>g?128:b&&!e&&C==="small"?"auto":M?165:m.footerButtonWidth.value(C),pn=a(en)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ye=a(tt)`
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: ${n.sp1};
-`,re=a.div`
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,se=a.div`
-  color: ${e=>e.theme.colors.hero};
-`,un=a(tt)`
-  display: flex;
-  justify-content: space-between;
-  padding-top: ${n.sp1};
-`,yn=a.div``,hn=a.div`
-  background-color: ${S.neutralGrey3Dark};
-  height: 1px;
-  width: 280px;
-`,gn=a.div``,fn=a.div`
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-`,xn=a.div`
-  width: 100%;
-  padding: ${n.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${e=>e.theme.colors.grey3};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${n.sp2};
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${n.sp2};
-`,bn=a(et)`
-  gap: ${n.sp1};
-  display: flex;
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-`,wn=a(et)`
-  display: flex;
-  width: calc(100% - 176px);
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.primary};
-`,$n=a.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,vn=a.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  margin-left: ${e=>m.reviewContainerMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>m.reviewContainerMarginRight.valuePx(e.windowSize)};
-  padding-top: ${n.sp3};
-`,jn=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
-  margin-bottom: ${n.sp3};
-  margin-top: ${n.sp3};
-`,H=a.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,_e=a(qt)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${dn.sectionTitle.style(e.windowSize)}`};
-  margin-left: ${e=>m.sectionTitleMarginLeft.valuePx(e.windowSize)};
-`,Sn=a.div`
-  display: flex;
-  margin-bottom: ${n.sp3};
-  margin-top: ${n.sp3};
-`,Cn=a.div`
-  display: flex;
-  flex-direction: column;
-  border-radius: ${n.sp2};
-  padding: ${n.sp3} ${n.sp4};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Tn=a.div`
-  background-color: ${S.alertLight};
-  border-radius: ${n.sp2};
-  width: 100%;
-  display: flex;
-`,Dn=a.div`
-  display: flex;
-  flex-direction: column;
-  padding-left: ${n.sp2};
-`,In=a(de)`
-  padding-bottom: ${n.sp3};
-  color: ${S.brandColorGoldDark};
-`,Pn=a(Kt)`
-  padding-top: ${n.sp3};
-  color: ${S.brandColorGoldDark};
-`,qe=a.div`
-  display: flex;
-  flex-direction: ${e=>nt.includes(e.windowSize)?"column":"row"};
-  width: 100%;
-`,kn=a.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  column-gap: ${n.sp1};
-`,An=a.div`
-  display: flex;
-  column-gap: ${n.sp2};
-  align-items: center;
-`,Mn=a.div`
-  display: flex;
-  padding-top: ${n.sp3};
-`,Ge=a(Jt)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  margin-right: ${n.sp1};
-`,Ke=a(Xt)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${n.sp1};
-`,He=a(Yt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Bn=a.div`
-  margin-bottom: ${n.sp3};
-`,Fn=a.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${e=>e.showAutofill===!0?n.sp8:"unset"};
-  position: absolute;
-  width: 100%;
-  top: ${n.sp0};
-  padding-top: ${e=>m.navBarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-right: 33px;
-  padding-bottom: ${e=>m.navBarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-left: ${n.sp0};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Rn=a(Vt)`
-  height: ${n.sp3};
-  width: ${n.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Ln=a.span`
-  display: flex;
-  align-items: center;
-  margin-left: ${n.sp2};
-  margin-top: ${e=>m.iconContainerMarginTop.valuePx(e.size)};
-  align-self: ${e=>e.size==="small"?"baseline":"center"};
-`,zn=a(ce)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-`,Nn=a.a`
-  color: ${e=>e.theme.colors.grey1};
-  text-decoration: underline;
-  margin-right: ${n.sp1};
-  margin-left: ${n.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,On=a.div`
-  cursor: ${e=>e.isDisabled?"default":"pointer"};
-  display: flex;
-  flex-direction: row;
-
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  margin-right: ${n.sp2};
-  &:hover {
-    svg {
-      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
-    }
-  }
-`,En=a.div`
-  width: ${n.sp4};
-  height: ${n.sp4};
-  display: flex;
-`,Ue=a.div`
-  cursor: default;
-  display: flex;
-  align-items: center;
-  margin-right: ${n.sp1};
-`,Qe=a(Qt)`
-  cursor: pointer;
-  width: ${n.sp4};
-  height: ${n.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,U=a(de)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  min-width: 142px;
-  flex-grow: 1;
-`,Je=a(de)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  margin-right: ${e=>m.infoMarginRight.valuePx(e.windowSize)};
-  min-width: ${e=>m.infoMinWidth.valuePx(e.windowSize)};
-  justify-content: flex-end;
-`,Wn=a.div`
-  display: flex;
-  cursor: pointer;
-  column-gap: ${n.sp1};
-  margin-left: ${n.sp5};
-`,Xe=a.div`
-  width: 120px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-`,Zn=a.div`
-  display: flex;
-  flex-grow: 1;
-  cursor: pointer;
-  width: 100%;
-`,Q=a(ce)`
-  display: flex;
-  color: ${e=>e.borderColor};
-  height: 20px;
-  text-align: center;
-  max-width: 84px;
-  display: block;
-  cursor: default;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 1px 6px;
-  border: ${e=>`1px solid ${e.borderColor}`};
-  border-radius: ${n.sp1};
-`,Vn=a.div`
-  display: flex;
-  flex-direction: column;
-`,Yn=a.div`
-  display: flex;
-  width: 100%;
-  flex-flow: column;
-  padding-top: ${n.sp2};
-  padding-bottom: ${n.sp2};
-  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,_n=a(ce)`
-  margin-top: ${n.sp3};
-  color: ${S.alert};
-`,qn=a(Gt)`
-  min-width: ${n.sp4};
-  height: ${n.sp4};
-  width: ${n.sp4};
-  margin-top: ${n.sp3};
-  margin-left: ${n.sp4};
-  color: ${S.brandColorGoldDark};
-`,Gn=a.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-right: ${e=>m.footerRightIconMarginRight.valuePx(e.windowSize)};
-`,Kn=a(tn)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Hn=a.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${n.sp2};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;export{da as default};

package/dist/assets/ReviewOverlay-CJlk2MNH-DksHT3Bn.js

@@ -1,152 +0,0 @@
-import{q as B,V as e,aK as x,o as r,aO as L,y as d,L as P,a as C,B as W,p as s,ak as $,cy as R,m as I,ag as j,bf as D,d as n,eg as G,c as q,iQ as A,j$ as F}from"./index-Dm9r1f6s.js";import{n as t}from"./mui-DLNyBjYF.js";const l={containerMarginTop:new d(0,n[2]),containerMarginLeft:new d(n[3],n[8]),containerMarginRight:new d(n[3],n[8]),subTitleMarginBottom:new d(n[2],n[2]),titleMarginBotom:new d(n[0],n[2]),titleMarginRight:new d(n[0],n[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(n[3],n[3],n[8]),navBarPaddingRight:new d(n[3],n[3],n[8])},O={title:new C("h6Regular","h5Regular")},xi=({title:i,description:p,reviewItems:S,showFooter:b,footerProps:{primaryButton:z,cancelButton:E,hideCancel:T},onCloseOverlay:k,onCloseReviewItem:M})=>{const a=B();return e.jsxs(H,{children:[e.jsx(Y,{windowSize:a,children:e.jsx(Z,{children:e.jsx(_,{windowSize:a,children:e.jsx(ii,{children:e.jsx(ei,{onClick:k,"data-testid":x("review-overlay-close",i)})})})})}),e.jsxs(J,{windowSize:a,children:[e.jsxs(K,{windowSize:a,children:[e.jsx(Q,{children:e.jsx(N,{windowSize:a,children:i})}),e.jsx(U,{isError:p.isError,windowSize:a,children:p.content})]}),e.jsx(X,{windowSize:a,children:S.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return e.jsxs(ri,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?e.jsx(ci,{onClick:()=>M(o.id),"data-testid":x("review-close",o.id)}):null,e.jsxs(ti,{children:[e.jsxs(ni,{children:[e.jsx(di,{children:V(o)}),e.jsxs(oi,{children:[e.jsxs(m,{children:[e.jsx(u,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),e.jsx(u,{isWarning:c,isError:h,children:o.rightSideText.title})]}),e.jsxs(m,{children:[e.jsx(si,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),a!=="small"?e.jsxs(w,{windowSize:a,children:[e.jsx(g,{isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(v,{children:e.jsx(y,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),a==="small"?e.jsxs(w,{windowSize:a,children:[e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(v,{children:e.jsx(y,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),b?e.jsx(L,{primaryBtn:z,cancelBtn:E,showCancel:!T}):null]})},V=i=>i.reviewStatus.isLoading?e.jsx(I,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):i.reviewStatus.code==="error"?e.jsx(f,{isError:!0}):i.reviewStatus.code==="warning"?e.jsx(f,{isError:!1}):i.reviewStatus.code==="valid"?e.jsx(ai,{}):i.reviewStatus.code==="low-balance"?e.jsx(hi,{}):e.jsx(li,{}),H=t.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${i=>i.theme.colors.grey4};
-`,J=t.div`
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  margin-top: ${i=>l.containerMarginTop.valuePx(i.windowSize)};
-  margin-bottom: ${r.sp8};
-`,K=t.div`
-  position: sticky;
-  top: ${r.sp0};
-  background-color: ${i=>i.theme.colors.grey4};
-  z-index: 1;
-  padding-left: ${i=>l.containerMarginLeft.valuePx(i.windowSize)};
-  padding-right: ${i=>l.containerMarginRight.valuePx(i.windowSize)};
-`,Q=t.div`
-  display: flex;
-  align-items: center;
-`,N=t(W)`
-  ${i=>`${O.title.style(i.windowSize)}`};
-  color: ${i=>i.theme.colors.primary};
-  margin-top: ${r.sp2};
-  margin-bottom: ${i=>l.titleMarginBotom.valuePx(i.windowSize)};
-  margin-right: ${i=>l.titleMarginRight.valuePx(i.windowSize)};
-`,U=t($)`
-  margin-bottom: ${i=>l.subTitleMarginBottom.valuePx(i.windowSize)};
-  color: ${i=>i.isError?s.important:i.theme.colors.hero};
-`,X=t.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: ${r.sp3};
-  margin-left: ${i=>l.containerMarginLeft.valuePx(i.windowSize)};
-  margin-right: ${i=>l.containerMarginRight.valuePx(i.windowSize)};
-`,Y=t.div`
-  min-height: ${i=>l.navBarHeight.valuePx(i.windowSize)};
-  position: sticky;
-  border-bottom: 1px solid transparent;
-  z-index: 2;
-  top: ${r.sp0};
-  width: 100%;
-`,Z=t.div`
-  position: relative;
-  min-height: 62px;
-`,_=t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  position: absolute;
-  top: ${r.sp0};
-  left: ${r.sp0};
-  right: ${r.sp0};
-  padding-right: ${i=>l.navBarPaddingRight.valuePx(i.windowSize)};
-  padding-left: ${i=>l.navBarPaddingLeft.valuePx(i.windowSize)};
-  height: 100%;
-`,ii=t.div`
-  display: flex;
-  flex: 1 1 0;
-  justify-content: flex-end;
-`,ei=t(P)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  cursor: pointer;
-  color: ${i=>i.theme.colors.grey1};
-  &:hover {
-    color: ${i=>i.theme.colors.primary};
-  }
-`,ri=t.div`
-  position: relative;
-  display: flex;
-  background-color: ${i=>i.isActive?i.isError?s.importantLight:i.isWarning?s.alertLight:i.theme.colors.grey5:i.theme.colors.grey5};
-  border: ${i=>`1px solid ${i.theme.colors.grey3}`};
-  border-radius: ${r.sp2};
-  margin-bottom: ${r.sp3};
-  border-color: ${i=>i.isActive?i.isError?s.important:i.isWarning?s.brandColorGoldDark:i.theme.colors.grey3:i.isLoading?i.theme.colors.primary:i.theme.colors.grey3};
-  flex-direction: column;
-  box-shadow: ${r.sp0} 1px 2px ${r.sp0} ${s.boxShadowElevation};
-`,ti=t.div`
-  padding: ${r.sp3} ${r.sp4};
-  align-items: center;
-`,ni=t.div`
-  display: flex;
-  width: 100%;
-`,oi=t.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: center;
-`,m=t.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-`,w=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: ${i=>i.windowSize==="small"?"self-start":"self-end"};
-`,u=t($)`
-  color: ${i=>i.isError||i.isWarning?i.theme.mode==="dark"?s.neutralGrey4Dark:i.isWarning:i.theme.colors.primary};
-`,si=t(j)`
-  margin-top: -5px;
-  color: ${i=>i.theme.mode==="dark"?s.neutralGrey1Dark:i.theme.colors.primary};
-`,g=t(j)`
-  display: flex;
-  margin-top: -5px;
-  color: ${i=>i.isError?s.important:i.isWarning?s.brandColorGoldDark:i.theme.colors.primary};
-`,f=t(G)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${i=>i.isError?s.important:s.brandColorGoldDark};
-`,ai=t(q)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${s.success};
-`,li=t(F)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${i=>i.theme.colors.grey2};
-`,di=t.div`
-  margin-top: 2px;
-  display: flex;
-`,ci=t(R)`
-  cursor: pointer;
-  color: ${i=>i.theme.colors.hero};
-  &:hover {
-    color: ${i=>i.theme.colors.primary};
-  }
-  position: absolute;
-  top: -12px;
-  right: -12px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  border-radius: 50%;
-  background-color: ${i=>i.theme.colors.grey5};
-`,v=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: ${r.sp1};
-`,y=t(D)`
-  color: ${i=>i.theme.colors.brandColorJade};
-  width: ${r.sp3};
-  height: ${r.sp3};
-`,hi=t(A)`
-  color: ${i=>i.theme.colors.brandColorGoldDark};
-  width: ${r.sp4};
-  height: ${r.sp4};
-`;export{xi as u};