@zeniai/web-cockpit-ui 1.14.88-qa → 1.14.89-next

package/dist/assets/{ACHDetailsPage-BBq7KpbY-CZpHxE8o.js → ACHDetailsPage-BBq7KpbY-D7q0wXF7.js}

@@ -1,4 +1,4 @@
-import{Q as V,a8 as W,F as A,cB as E,V as n,cm as F,cn as H,co as O,ab as Y,aO as Q,y as s,eV as U,b5 as _,o as q,u as t}from"./index-DKkab5BS.js";import{a as x}from"./core-3dlyNYRL.js";import{n as d}from"./mui-bYXq4XMS.js";import{W as G,A as J}from"./BankAccountWarningSection-DakysSbk-BRLKAJ0a.js";import{j as K}from"./MagicLinkTitleSection-CWw516D8-Di58AkiA.js";import{e as X}from"./BankAccountSection-C5rYUW3V-BgvhKGl7.js";const a={paddingTopBottomContainer:new s(t[3],t[3]),paddingLeftContainer:new s(t[3],t[6]),paddingRightContainer:new s(t[3],t[8]),sectionTitleMarginLeft:new s(t[4],t[6]),sectionTitleMarginTop:new s(12,t[3]),buttonWidth:new s(140,140)},B="achDetailsPage",b="bankAccountSection",S=e=>`${e}_form`,ue=({bankAccountCreationState:e,bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,isDisabled:y,style:T,onSaveHandler:N,onBackClick:f,onACHDetailsUpdated:j,onFetchBankName:w,isMagicLink:u,companyName:v,currencySymbol:$,amount:D,bankAccountContext:P})=>{const c=V(),i=W({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Z(g),[g])}),[z,m]=x.useState(!1),r=A.getLocalizedStrings().spendManagement.billPay.vendorCreation,L=A.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:h}=r,R={onOkClick:()=>{m(!1),i.reset(),f?.()},onCancelClick:()=>{m(!1)}},M=async(p,l)=>{const o=l[b].bankRoutingNumber;j(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&U.test(o)===!0&&w?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&E(()=>M(o,l))});return()=>{p.unsubscribe()}});const I=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&N("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:T,size:c,children:[z===!0?n.jsx(F,{titleComponent:n.jsx(O,{children:r.discardTitle}),descriptionComponent:n.jsx(H,{children:r.discardDescription}),primaryButtonText:r.discard,secondaryButtonText:r.cancel,action:R}):null,n.jsx(G,{header:u?n.jsx(K,{companyName:v??"",currencySymbol:$??"",amount:D??0}):C.addACHDetails,isMagicLink:u,isDirty:i.formState.isDirty,onBackClick:f,setShowConfirmationPopup:m}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(J,{warningText:h.accountExistWarning}):null,P==="express-pay"?null:n.jsx(ae,{size:c,children:C.title}),n.jsx(ie,{children:n.jsx(Y,{...i,children:n.jsx("form",{id:S(B),onSubmit:I,children:n.jsx(ee,{size:c,children:n.jsx(X,{bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:y})})})})})]}),n.jsx(Q,{formId:S(B),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(c)},isDisabled:y!=null},showCancel:!u,cancelBtn:{label:L.cancel,style:{width:a.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?m(!0):(i.reset(),f?.())}}})]})},Z=e=>({[b]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),ee=d.div`
+import{Q as W,a8 as E,F as A,cB as V,V as n,cm as F,cn as H,co as O,ab as Y,aO as Q,y as s,eR as U,b5 as _,o as q,u as t}from"./index-BseKE85Q.js";import{a as x}from"./core-3dlyNYRL.js";import{n as d}from"./mui-bYXq4XMS.js";import{W as G,A as J}from"./BankAccountWarningSection-DakysSbk-CA32RCa-.js";import{j as K}from"./MagicLinkTitleSection-CWw516D8-BVhgMGHi.js";import{e as X}from"./BankAccountSection-C5rYUW3V-CEDhkFlm.js";const a={paddingTopBottomContainer:new s(t[3],t[3]),paddingLeftContainer:new s(t[3],t[6]),paddingRightContainer:new s(t[3],t[8]),sectionTitleMarginLeft:new s(t[4],t[6]),sectionTitleMarginTop:new s(12,t[3]),buttonWidth:new s(140,140)},B="achDetailsPage",b="bankAccountSection",S=e=>`${e}_form`,ue=({bankAccountCreationState:e,bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,isDisabled:y,style:T,onSaveHandler:N,onBackClick:f,onACHDetailsUpdated:j,onFetchBankName:w,isMagicLink:u,companyName:v,currencySymbol:$,amount:D,bankAccountContext:P})=>{const c=W(),i=E({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Z(g),[g])}),[z,m]=x.useState(!1),r=A.getLocalizedStrings().spendManagement.billPay.vendorCreation,L=A.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:h}=r,R={onOkClick:()=>{m(!1),i.reset(),f?.()},onCancelClick:()=>{m(!1)}},M=async(p,l)=>{const o=l[b].bankRoutingNumber;j(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&U.test(o)===!0&&w?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&V(()=>M(o,l))});return()=>{p.unsubscribe()}});const I=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&N("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:T,size:c,children:[z===!0?n.jsx(F,{titleComponent:n.jsx(O,{children:r.discardTitle}),descriptionComponent:n.jsx(H,{children:r.discardDescription}),primaryButtonText:r.discard,secondaryButtonText:r.cancel,action:R}):null,n.jsx(G,{header:u?n.jsx(K,{companyName:v??"",currencySymbol:$??"",amount:D??0}):C.addACHDetails,isMagicLink:u,isDirty:i.formState.isDirty,onBackClick:f,setShowConfirmationPopup:m}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(J,{warningText:h.accountExistWarning}):null,P==="express-pay"?null:n.jsx(ae,{size:c,children:C.title}),n.jsx(ie,{children:n.jsx(Y,{...i,children:n.jsx("form",{id:S(B),onSubmit:I,children:n.jsx(ee,{size:c,children:n.jsx(X,{bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:y})})})})})]}),n.jsx(Q,{formId:S(B),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(c)},isDisabled:y!=null},showCancel:!u,cancelBtn:{label:L.cancel,style:{width:a.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?m(!0):(i.reset(),f?.())}}})]})},Z=e=>({[b]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),ee=d.div`
   padding-left: ${e=>a.paddingLeftContainer.valuePx(e.size)};
   padding-right: ${e=>a.paddingRightContainer.valuePx(e.size)};
   padding-top: ${e=>a.paddingTopBottomContainer.valuePx(e.size)};

package/dist/assets/{AIPerformancePage-Djq6mgKa-BXA2rEQ3.js → AIPerformancePage-Djq6mgKa-CDkuvNR-.js}

@@ -1,4 +1,4 @@
-import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3 as T,b as D,ch as b1,u as n,bM as f,du as h1,p as d,a6 as S1,b1 as p1,d as m1,k4 as g,ag as x,k5 as Z1,k6 as B1,aq as S,E as J,b5 as X,al as F1,k7 as W1,dP as _1,fZ as D1,cf as k1,ak as H1}from"./index-DKkab5BS.js";import{a as e}from"./core-3dlyNYRL.js";import{n as o,b as P1,k as T1}from"./mui-bYXq4XMS.js";import{gd as E,ge as e1,gf as F}from"./zeni-epic-state-xFtF3OLs.js";import{R as V1}from"./NavBarWithPicker-DLLvivn4-B4wus8BB.js";import{A as u1,X as x1,Y as U,C as z1,T as O1,a as t1}from"./recharts-CXSQ4XPK.js";import"./sentry-DxvQlcJu.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./lexical-DPEnH3HH.js";const C1={titleLoaderWidth:new k(200,200,300),subtitleLoaderWidth:new k(100,100,200)},R1=o.div`
+import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3 as V,b as D,ch as b1,u as n,bM as f,dp as h1,p as d,a6 as S1,b1 as p1,d as m1,k4 as g,ag as x,k5 as Z1,k6 as B1,aq as S,E as J,b5 as X,al as F1,k7 as W1,dK as _1,fZ as D1,cf as k1,ak as H1}from"./index-BseKE85Q.js";import{a as e}from"./core-3dlyNYRL.js";import{n as o,b as P1,k as V1}from"./mui-bYXq4XMS.js";import{FU as E,FV as e1,FW as F}from"./zeni-epic-state-BwKvATgd.js";import{R as T1}from"./NavBarWithPicker-DLLvivn4-C8MweUK-.js";import{A as u1,X as x1,Y as U,C as z1,T as O1,a as t1}from"./recharts-h5iNQbFd.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./lexical-DPEnH3HH.js";const C1={titleLoaderWidth:new k(200,200,300),subtitleLoaderWidth:new k(100,100,200)},R1=o.div`
   width: 100%;
   height: 100%;
   border: 1px solid ${t=>t.theme.colors.grey3};
@@ -77,7 +77,7 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   padding-bottom: ${r.sp2};
   border-bottom: 1px solid ${t=>t.theme.colors.grey3};
   gap: ${r.sp2};
-`,V=o.div`
+`,T=o.div`
   flex: 1;
   white-space: nowrap;
   overflow: hidden;
@@ -100,7 +100,7 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   text-overflow: ellipsis;
 `,o1=o(H1)`
   color: ${t=>t.theme.colors.hero};
-`,n2=t=>{const a=parseInt(t),s=Math.floor(a/60),i=a%60;if(s===0)return i<15?`${i}m`:`${Math.round(i/15)*15}m`;if(i<15)return i===0?`${s}h`:`${s}h ${i}m`;const l=Math.round(a/15)*15,c=Math.floor(l/60),h=l%60;return h===0?`${c}h`:`${c}h ${h}m`};function a2({taskName:t,taskCount:a,timeSavedMinutes:s,costSaved:i,currency:l}){const c=M();return C.jsxs(r2,{windowSize:c,children:[C.jsxs(V,{style:{flex:2},children:[C.jsx(o2,{windowSize:c,children:Number(a.toFixed()).toLocaleString()}),C.jsx(i2,{style:{margin:`0 ${r.sp2}`},children:t})]}),C.jsx(V,{children:C.jsx(o1,{children:n2(s.toString())})}),C.jsx(V,{children:C.jsxs(o1,{children:[l.currencySymbol,Number(i.toFixed()).toLocaleString()]})})]})}const s2={headerPaddingLeft:new k(0,0,n[9],n[9],n[9])},l2=o.div`
+`,n2=t=>{const a=parseInt(t),s=Math.floor(a/60),i=a%60;if(s===0)return i<15?`${i}m`:`${Math.round(i/15)*15}m`;if(i<15)return i===0?`${s}h`:`${s}h ${i}m`;const l=Math.round(a/15)*15,c=Math.floor(l/60),h=l%60;return h===0?`${c}h`:`${c}h ${h}m`};function a2({taskName:t,taskCount:a,timeSavedMinutes:s,costSaved:i,currency:l}){const c=M();return C.jsxs(r2,{windowSize:c,children:[C.jsxs(T,{style:{flex:2},children:[C.jsx(o2,{windowSize:c,children:Number(a.toFixed()).toLocaleString()}),C.jsx(i2,{style:{margin:`0 ${r.sp2}`},children:t})]}),C.jsx(T,{children:C.jsx(o1,{children:n2(s.toString())})}),C.jsx(T,{children:C.jsxs(o1,{children:[l.currencySymbol,Number(i.toFixed()).toLocaleString()]})})]})}const s2={headerPaddingLeft:new k(0,0,n[9],n[9],n[9])},l2=o.div`
   display: flex;
   flex-direction: row;
   padding-left: ${t=>s2.headerPaddingLeft.valuePx(t.windowSize)};
@@ -201,9 +201,9 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   flex-direction: row;
   align-items: flex-end;
   gap: ${r.sp2};
-`,T2=o(S)`
+`,V2=o(S)`
   color: ${t=>t.color};
-`,V2=o(x)`
+`,T2=o(x)`
   color: ${t=>t.theme.colors.hero};
 `,z2=o.div`
   width: ${r.sp5};
@@ -233,7 +233,7 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${t=>t.theme.colors.brandColorOnyx};
-`;function i1({type:t,value:a,currency:s,timeUnit:i,style:l,noData:c}){const{common:h,aiPerformanceDashboard:p}=j.getLocalizedStrings(),u=t==="cost",v=u?C.jsx(R2,{}):C.jsx(G2,{}),y=u?d.brandColorGoldLight:d.graphColor16Light,$=u?p.aiCostSavedTile.title:p.aiTimeSavedTile.title,H=u?d.brandColorGoldDark:d.graphColor16Dark,w=u?p.aiCostSavedTile.subtitle:p.aiTimeSavedTile.subtitle;return C.jsxs(_2,{style:l,children:[C.jsxs(D2,{children:[C.jsxs(H2,{children:[C.jsx(P2,{children:C.jsx(T2,{color:H,children:$})}),C.jsx(V2,{children:w})]}),C.jsx(z2,{bg:y,children:v})]}),C.jsxs(O2,{children:[u&&!(c??!1)?C.jsx(R,{children:s.currencySymbol}):null,C.jsx(R,{children:a===""?h.strings.hyphen:a}),!u&&!(c??!1)?C.jsx(R,{style:{fontSize:D.largeSemiBold.fontSize},children:i}):null]})]})}const N2=t=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{clipPath:"url(#clip0_4001_4844)"},e.createElement("path",{d:"M12.0037 7.78125V6.84375",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M13.4065 7.78125H11.5043C11.2122 7.78145 10.9293 7.88329 10.7041 8.06928C10.4789 8.25528 10.3254 8.51384 10.2699 8.80063C10.2145 9.08742 10.2606 9.38456 10.4003 9.64108C10.54 9.89761 10.7646 10.0975 11.0356 10.2066L12.9706 10.9809C13.2416 11.09 13.4662 11.2899 13.6059 11.5464C13.7455 11.8029 13.7916 12.1001 13.7362 12.3869C13.6808 12.6737 13.5273 12.9322 13.3021 13.1182C13.0768 13.3042 12.7939 13.406 12.5018 13.4062H10.594",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.0037 14.3438V13.4062",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M2.09766 14.7266C4.17328 16.7469 7.82859 18.0931 12.0005 18.0931C16.1723 18.0931 19.8314 16.7478 21.907 14.7275",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.6466 17.2013C20.5519 12.3131 15.7791 1.21875 12 1.21875C8.22095 1.21875 3.45001 12.3122 6.35626 17.2013",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M5.50031 12.418C3.17719 13.1886 1.6875 14.458 1.6875 16.2195C1.6875 20.4383 6.30469 22.782 12 22.782C17.6953 22.782 22.3125 20.4383 22.3125 16.2195C22.3125 14.458 20.8266 13.1886 18.5034 12.418",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_4001_4844"},e.createElement("rect",{width:24,height:24,fill:"white"})))),I={tileContainerGap:new k(n[2],n[2],n[4]),amountRowMarginTop:new k(n[3],n[5],n[5]),amountRowGap:new k(n[2],n[4],n[4])},A2=o.div`
+`;function i1({type:t,value:a,currency:s,timeUnit:i,style:l,noData:c}){const{common:h,aiPerformanceDashboard:p}=j.getLocalizedStrings(),u=t==="cost",v=u?C.jsx(R2,{}):C.jsx(G2,{}),y=u?d.brandColorGoldLight:d.graphColor16Light,$=u?p.aiCostSavedTile.title:p.aiTimeSavedTile.title,H=u?d.brandColorGoldDark:d.graphColor16Dark,w=u?p.aiCostSavedTile.subtitle:p.aiTimeSavedTile.subtitle;return C.jsxs(_2,{style:l,children:[C.jsxs(D2,{children:[C.jsxs(H2,{children:[C.jsx(P2,{children:C.jsx(V2,{color:H,children:$})}),C.jsx(T2,{children:w})]}),C.jsx(z2,{bg:y,children:v})]}),C.jsxs(O2,{children:[u&&!(c??!1)?C.jsx(R,{children:s.currencySymbol}):null,C.jsx(R,{children:a===""?h.strings.hyphen:a}),!u&&!(c??!1)?C.jsx(R,{style:{fontSize:D.largeSemiBold.fontSize},children:i}):null]})]})}const N2=t=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{clipPath:"url(#clip0_4001_4844)"},e.createElement("path",{d:"M12.0037 7.78125V6.84375",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M13.4065 7.78125H11.5043C11.2122 7.78145 10.9293 7.88329 10.7041 8.06928C10.4789 8.25528 10.3254 8.51384 10.2699 8.80063C10.2145 9.08742 10.2606 9.38456 10.4003 9.64108C10.54 9.89761 10.7646 10.0975 11.0356 10.2066L12.9706 10.9809C13.2416 11.09 13.4662 11.2899 13.6059 11.5464C13.7455 11.8029 13.7916 12.1001 13.7362 12.3869C13.6808 12.6737 13.5273 12.9322 13.3021 13.1182C13.0768 13.3042 12.7939 13.406 12.5018 13.4062H10.594",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.0037 14.3438V13.4062",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M2.09766 14.7266C4.17328 16.7469 7.82859 18.0931 12.0005 18.0931C16.1723 18.0931 19.8314 16.7478 21.907 14.7275",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.6466 17.2013C20.5519 12.3131 15.7791 1.21875 12 1.21875C8.22095 1.21875 3.45001 12.3122 6.35626 17.2013",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M5.50031 12.418C3.17719 13.1886 1.6875 14.458 1.6875 16.2195C1.6875 20.4383 6.30469 22.782 12 22.782C17.6953 22.782 22.3125 20.4383 22.3125 16.2195C22.3125 14.458 20.8266 13.1886 18.5034 12.418",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_4001_4844"},e.createElement("rect",{width:24,height:24,fill:"white"})))),I={tileContainerGap:new k(n[2],n[2],n[4]),amountRowMarginTop:new k(n[3],n[5],n[5]),amountRowGap:new k(n[2],n[4],n[4])},A2=o.div`
   border-radius: 10px;
   padding: 3px;
   background-color: ${t=>t.theme.colors.grey5};
@@ -411,7 +411,7 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   border-radius: 2px;
 `,l1=o(F1)`
   color: ${t=>t.color};
-`,D3=({active:t,payload:a})=>{const s=m1();return(t??!1)&&a&&a.length>0?C.jsx(j3,{children:a.map((i,l)=>{const c=i.name==="costSaved"?"Cost Saved":i.name==="timeSavedInHours"?"Time Saved":i.name,h=i.name==="costSaved"?`$${Math.round(i.value??0).toLocaleString()}`:i.name==="timeSavedInHours"?`${Math.round(i.value??0).toLocaleString()} hours`:i.value;return C.jsxs($3,{style:i.name==="costSaved"?{color:s.colors.brandColorGold}:{color:s.colors.graphColor17},children:[C.jsx(v3,{children:c}),C.jsx(b3,{children:h})]},`tooltip-${l}`)})}):null};function H3({performanceTimeSeries:t}){const a=m1(),s=M(),{aiPerformanceDashboard:i}=j.getLocalizedStrings();return C.jsxs(S3,{children:[C.jsx(Z3,{windowSize:s,children:C.jsx(B3,{children:i.chartTitle})}),C.jsxs(F3,{children:[C.jsx(W3,{children:C.jsx(p1,{children:({width:l,height:c})=>C.jsxs(u1,{width:l,height:c,data:t,margin:{top:6,right:6,left:6,bottom:6},children:[C.jsxs("defs",{children:[C.jsxs("linearGradient",{id:"colorCost",x1:"0",y1:"0",x2:"0",y2:"1",children:[C.jsx("stop",{offset:"5%",stopColor:d.brandColorGoldLight,stopOpacity:.7}),C.jsx("stop",{offset:"95%",stopColor:d.brandColorGoldLight,stopOpacity:0})]}),C.jsxs("linearGradient",{id:"colorTime",x1:"0",y1:"0",x2:"0",y2:"1",children:[C.jsx("stop",{offset:"5%",stopColor:d.graphColor16Dark,stopOpacity:.25}),C.jsx("stop",{offset:"95%",stopColor:d.graphColor16Dark,stopOpacity:0})]})]}),C.jsx(z1,{horizontal:!1,vertical:!1}),C.jsx(x1,{dataKey:"month",tickFormatter:h=>{const[p,u]=h.split("-");return new Date(Number(p),Number(u)-1).toLocaleString("en-US",{month:"short",year:"2-digit"})},tickLine:!1,axisLine:{stroke:a.colors.grey2,strokeWidth:1},tick:{fill:a.colors.hero,...D.extraSmallRegular.cssObject},interval:"preserveStartEnd"}),C.jsx(U,{yAxisId:"left",orientation:"left",hide:!0,domain:[0,"dataMax"]}),C.jsx(U,{yAxisId:"right",orientation:"right",hide:!0,domain:[0,h=>h*M3]}),C.jsx(O1,{cursor:{stroke:a.colors.primary,strokeDasharray:5},content:C.jsx(D3,{})}),C.jsx(t1,{yAxisId:"left",type:"monotone",dataKey:"costSaved",stroke:d.brandColorGold,fillOpacity:1,fill:"url(#colorCost)",strokeWidth:2,activeDot:{r:4,fill:d.neutralGrey5Light,stroke:d.brandColorGold,strokeWidth:2}}),C.jsx(t1,{yAxisId:"right",type:"monotone",dataKey:"timeSavedInHours",stroke:d.graphColor16Dark,fillOpacity:1,fill:"url(#colorTime)",strokeWidth:2,activeDot:{r:4,fill:d.neutralGrey5Light,stroke:d.graphColor16Dark,strokeWidth:2}})]})})}),C.jsxs(_3,{children:[C.jsxs(a1,{children:[C.jsx(s1,{color:d.brandColorGoldDark}),C.jsx(l1,{color:d.brandColorGoldDark,children:i.aiCostSavedTile.title})]}),C.jsxs(a1,{children:[C.jsx(s1,{color:d.graphColor16Dark}),C.jsx(l1,{color:d.graphColor16Dark,children:i.aiTimeSavedTile.title})]})]})]})]})}const P3=t=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{clipPath:"url(#clip0_4001_4887)"},e.createElement("path",{d:"M13.4062 8.71875H11.3981C11.0067 8.71889 10.6267 8.85116 10.3198 9.09415C10.0129 9.33713 9.79705 9.67659 9.70712 10.0576C9.61719 10.4385 9.65849 10.8387 9.82434 11.1933C9.99019 11.5479 10.2709 11.8361 10.6209 12.0112L12.4491 12.9263C12.7991 13.1014 13.0798 13.3896 13.2457 13.7442C13.4115 14.0988 13.4528 14.499 13.3629 14.8799C13.273 15.2609 13.0571 15.6004 12.7502 15.8434C12.4433 16.0863 12.0633 16.2186 11.6719 16.2188H9.65625",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.535 8.71875V7.3125",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.535 17.625V16.2188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M22.7812 11.9996C22.7801 11.2484 22.5534 10.5149 22.1305 9.89408C21.7076 9.27326 21.108 8.79376 20.4094 8.51771C20.7107 7.82876 20.7974 7.06494 20.6579 6.326C20.5185 5.58706 20.1594 4.90735 19.6277 4.37562C19.096 3.84389 18.4162 3.48486 17.6773 3.34541C16.9384 3.20596 16.1746 3.29258 15.4856 3.59396C15.2113 2.89391 14.7323 2.29281 14.1112 1.8691C13.49 1.44539 12.7556 1.21875 12.0037 1.21875C11.2518 1.21875 10.5174 1.44539 9.8963 1.8691C9.27518 2.29281 8.79619 2.89391 8.52186 3.59396C7.83291 3.29258 7.06909 3.20596 6.33015 3.34541C5.59122 3.48486 4.9115 3.84389 4.37977 4.37562C3.84804 4.90735 3.48901 5.58706 3.34956 6.326C3.21011 7.06494 3.29673 7.82876 3.59811 8.51771C2.89806 8.79204 2.29696 9.27102 1.87325 9.89215C1.44954 10.5133 1.2229 11.2477 1.2229 11.9996C1.2229 12.7515 1.44954 13.4859 1.87325 14.107C2.29696 14.7281 2.89806 15.2071 3.59811 15.4815C3.29673 16.1704 3.21011 16.9342 3.34956 17.6732C3.48901 18.4121 3.84804 19.0918 4.37977 19.6235C4.9115 20.1553 5.59122 20.5143 6.33015 20.6538C7.06909 20.7932 7.83291 20.7066 8.52186 20.4052C8.79619 21.1053 9.27518 21.7064 9.8963 22.1301C10.5174 22.5538 11.2518 22.7804 12.0037 22.7804C12.7556 22.7804 13.49 22.5538 14.1112 22.1301C14.7323 21.7064 15.2113 21.1053 15.4856 20.4052C16.1746 20.7066 16.9384 20.7932 17.6773 20.6538C18.4162 20.5143 19.096 20.1553 19.6277 19.6235C20.1594 19.0918 20.5185 18.4121 20.6579 17.6732C20.7974 16.9342 20.7107 16.1704 20.4094 15.4815C21.108 15.2054 21.7076 14.7259 22.1305 14.1051C22.5534 13.4843 22.7801 12.7508 22.7812 11.9996Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_4001_4887"},e.createElement("rect",{width:24,height:24,fill:"white"})))),K={amountRowMarginTop:new k(n[3],n[3],n[5]),amountRowGap:new k(n[2],n[2],n[4]),tileContainerGap:new k(n[2],n[4],n[4])},T3=o.div`
+`,D3=({active:t,payload:a})=>{const s=m1();return(t??!1)&&a&&a.length>0?C.jsx(j3,{children:a.map((i,l)=>{const c=i.name==="costSaved"?"Cost Saved":i.name==="timeSavedInHours"?"Time Saved":i.name,h=i.name==="costSaved"?`$${Math.round(i.value??0).toLocaleString()}`:i.name==="timeSavedInHours"?`${Math.round(i.value??0).toLocaleString()} hours`:i.value;return C.jsxs($3,{style:i.name==="costSaved"?{color:s.colors.brandColorGold}:{color:s.colors.graphColor17},children:[C.jsx(v3,{children:c}),C.jsx(b3,{children:h})]},`tooltip-${l}`)})}):null};function H3({performanceTimeSeries:t}){const a=m1(),s=M(),{aiPerformanceDashboard:i}=j.getLocalizedStrings();return C.jsxs(S3,{children:[C.jsx(Z3,{windowSize:s,children:C.jsx(B3,{children:i.chartTitle})}),C.jsxs(F3,{children:[C.jsx(W3,{children:C.jsx(p1,{children:({width:l,height:c})=>C.jsxs(u1,{width:l,height:c,data:t,margin:{top:6,right:6,left:6,bottom:6},children:[C.jsxs("defs",{children:[C.jsxs("linearGradient",{id:"colorCost",x1:"0",y1:"0",x2:"0",y2:"1",children:[C.jsx("stop",{offset:"5%",stopColor:d.brandColorGoldLight,stopOpacity:.7}),C.jsx("stop",{offset:"95%",stopColor:d.brandColorGoldLight,stopOpacity:0})]}),C.jsxs("linearGradient",{id:"colorTime",x1:"0",y1:"0",x2:"0",y2:"1",children:[C.jsx("stop",{offset:"5%",stopColor:d.graphColor16Dark,stopOpacity:.25}),C.jsx("stop",{offset:"95%",stopColor:d.graphColor16Dark,stopOpacity:0})]})]}),C.jsx(z1,{horizontal:!1,vertical:!1}),C.jsx(x1,{dataKey:"month",tickFormatter:h=>{const[p,u]=h.split("-");return new Date(Number(p),Number(u)-1).toLocaleString("en-US",{month:"short",year:"2-digit"})},tickLine:!1,axisLine:{stroke:a.colors.grey2,strokeWidth:1},tick:{fill:a.colors.hero,...D.extraSmallRegular.cssObject},interval:"preserveStartEnd"}),C.jsx(U,{yAxisId:"left",orientation:"left",hide:!0,domain:[0,"dataMax"]}),C.jsx(U,{yAxisId:"right",orientation:"right",hide:!0,domain:[0,h=>h*M3]}),C.jsx(O1,{cursor:{stroke:a.colors.primary,strokeDasharray:5},content:C.jsx(D3,{})}),C.jsx(t1,{yAxisId:"left",type:"monotone",dataKey:"costSaved",stroke:d.brandColorGold,fillOpacity:1,fill:"url(#colorCost)",strokeWidth:2,activeDot:{r:4,fill:d.neutralGrey5Light,stroke:d.brandColorGold,strokeWidth:2}}),C.jsx(t1,{yAxisId:"right",type:"monotone",dataKey:"timeSavedInHours",stroke:d.graphColor16Dark,fillOpacity:1,fill:"url(#colorTime)",strokeWidth:2,activeDot:{r:4,fill:d.neutralGrey5Light,stroke:d.graphColor16Dark,strokeWidth:2}})]})})}),C.jsxs(_3,{children:[C.jsxs(a1,{children:[C.jsx(s1,{color:d.brandColorGoldDark}),C.jsx(l1,{color:d.brandColorGoldDark,children:i.aiCostSavedTile.title})]}),C.jsxs(a1,{children:[C.jsx(s1,{color:d.graphColor16Dark}),C.jsx(l1,{color:d.graphColor16Dark,children:i.aiTimeSavedTile.title})]})]})]})]})}const P3=t=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{clipPath:"url(#clip0_4001_4887)"},e.createElement("path",{d:"M13.4062 8.71875H11.3981C11.0067 8.71889 10.6267 8.85116 10.3198 9.09415C10.0129 9.33713 9.79705 9.67659 9.70712 10.0576C9.61719 10.4385 9.65849 10.8387 9.82434 11.1933C9.99019 11.5479 10.2709 11.8361 10.6209 12.0112L12.4491 12.9263C12.7991 13.1014 13.0798 13.3896 13.2457 13.7442C13.4115 14.0988 13.4528 14.499 13.3629 14.8799C13.273 15.2609 13.0571 15.6004 12.7502 15.8434C12.4433 16.0863 12.0633 16.2186 11.6719 16.2188H9.65625",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.535 8.71875V7.3125",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.535 17.625V16.2188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M22.7812 11.9996C22.7801 11.2484 22.5534 10.5149 22.1305 9.89408C21.7076 9.27326 21.108 8.79376 20.4094 8.51771C20.7107 7.82876 20.7974 7.06494 20.6579 6.326C20.5185 5.58706 20.1594 4.90735 19.6277 4.37562C19.096 3.84389 18.4162 3.48486 17.6773 3.34541C16.9384 3.20596 16.1746 3.29258 15.4856 3.59396C15.2113 2.89391 14.7323 2.29281 14.1112 1.8691C13.49 1.44539 12.7556 1.21875 12.0037 1.21875C11.2518 1.21875 10.5174 1.44539 9.8963 1.8691C9.27518 2.29281 8.79619 2.89391 8.52186 3.59396C7.83291 3.29258 7.06909 3.20596 6.33015 3.34541C5.59122 3.48486 4.9115 3.84389 4.37977 4.37562C3.84804 4.90735 3.48901 5.58706 3.34956 6.326C3.21011 7.06494 3.29673 7.82876 3.59811 8.51771C2.89806 8.79204 2.29696 9.27102 1.87325 9.89215C1.44954 10.5133 1.2229 11.2477 1.2229 11.9996C1.2229 12.7515 1.44954 13.4859 1.87325 14.107C2.29696 14.7281 2.89806 15.2071 3.59811 15.4815C3.29673 16.1704 3.21011 16.9342 3.34956 17.6732C3.48901 18.4121 3.84804 19.0918 4.37977 19.6235C4.9115 20.1553 5.59122 20.5143 6.33015 20.6538C7.06909 20.7932 7.83291 20.7066 8.52186 20.4052C8.79619 21.1053 9.27518 21.7064 9.8963 22.1301C10.5174 22.5538 11.2518 22.7804 12.0037 22.7804C12.7556 22.7804 13.49 22.5538 14.1112 22.1301C14.7323 21.7064 15.2113 21.1053 15.4856 20.4052C16.1746 20.7066 16.9384 20.7932 17.6773 20.6538C18.4162 20.5143 19.096 20.1553 19.6277 19.6235C20.1594 19.0918 20.5185 18.4121 20.6579 17.6732C20.7974 16.9342 20.7107 16.1704 20.4094 15.4815C21.108 15.2054 21.7076 14.7259 22.1305 14.1051C22.5534 13.4843 22.7801 12.7508 22.7812 11.9996Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_4001_4887"},e.createElement("rect",{width:24,height:24,fill:"white"})))),K={amountRowMarginTop:new k(n[3],n[3],n[5]),amountRowGap:new k(n[2],n[2],n[4]),tileContainerGap:new k(n[2],n[4],n[4])},V3=o.div`
   border-radius: 10px;
   padding: 3px;
   background-color: ${t=>t.theme.colors.grey5};
@@ -419,7 +419,7 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   border: 1px solid ${t=>t.theme.colors.grey3};
   box-shadow: ${d.Elevation1Light};
   min-width: ${t=>t.windowSize==="small"?"300px":"auto"};
-`,V3=o.div`
+`,T3=o.div`
   display: flex;
   flex-direction: ${t=>t.windowSize==="small"?"column":"row"};
   gap: ${t=>K.tileContainerGap.valuePx(t.windowSize)};
@@ -466,7 +466,7 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${t=>t.theme.colors.brandColorOnyx};
-`;function I3({performanceSummary:t,currency:a,isPerformanceReportNotFound:s}){const{common:i,aiPerformanceDashboard:l}=j.getLocalizedStrings(),c=M();return C.jsx(T3,{windowSize:c,children:C.jsxs(V3,{windowSize:c,children:[C.jsx(N3,{children:C.jsx(U3,{})}),C.jsxs(z3,{children:[C.jsxs(O3,{children:[C.jsx(R3,{children:l.valueDelivered.title}),C.jsx(G3,{children:l.valueDelivered.subtitle})]}),C.jsxs(A3,{isPerformanceReportNotFound:s,windowSize:c,children:[C.jsxs(d1,{children:[C.jsx(x,{style:{color:d.brandColorGoldDark},children:l.valueDelivered.title}),s?C.jsx(N,{children:i.strings.hyphen}):C.jsxs(G,{children:[C.jsxs(N,{children:[(100*t.valueMultiplier).toFixed(),i.strings.percentage]}),C.jsxs(A,{children:[i.strings.openingBrace,a.currencySymbol,Number(t.valueDelivered.toFixed()).toLocaleString(),i.strings.closingBrace]})]})]}),!s&&C.jsx(G,{children:C.jsx(A,{children:i.of})}),C.jsxs(d1,{children:[C.jsx(x,{style:{color:d.brandColorGoldDark},children:l.valueDelivered.zeniSubscriptionPlan}),C.jsxs(G,{children:[C.jsxs(N,{children:[a.currencySymbol,s?`${i.currency.currencySymbol}499`:Number(t.subscriptionCost.toFixed()).toLocaleString()]}),C.jsxs(A,{children:[i.strings.backspace,i.timeStrings.month]})]})]})]})]})]})})}const _={contentPaddingLeft:new k(n[3],n[3],n[8]),contentPaddingRight:new k(n[3],n[3],n[8]),containerPadding:new k(n[4],n[4],n[8]),savingsChartMinWidth:new k(300,300,500)},K3=new k(52,52,62),J3=o.div`
+`;function I3({performanceSummary:t,currency:a,isPerformanceReportNotFound:s}){const{common:i,aiPerformanceDashboard:l}=j.getLocalizedStrings(),c=M();return C.jsx(V3,{windowSize:c,children:C.jsxs(T3,{windowSize:c,children:[C.jsx(N3,{children:C.jsx(U3,{})}),C.jsxs(z3,{children:[C.jsxs(O3,{children:[C.jsx(R3,{children:l.valueDelivered.title}),C.jsx(G3,{children:l.valueDelivered.subtitle})]}),C.jsxs(A3,{isPerformanceReportNotFound:s,windowSize:c,children:[C.jsxs(d1,{children:[C.jsx(x,{style:{color:d.brandColorGoldDark},children:l.valueDelivered.title}),s?C.jsx(N,{children:i.strings.hyphen}):C.jsxs(G,{children:[C.jsxs(N,{children:[(100*t.valueMultiplier).toFixed(),i.strings.percentage]}),C.jsxs(A,{children:[i.strings.openingBrace,a.currencySymbol,Number(t.valueDelivered.toFixed()).toLocaleString(),i.strings.closingBrace]})]})]}),!s&&C.jsx(G,{children:C.jsx(A,{children:i.of})}),C.jsxs(d1,{children:[C.jsx(x,{style:{color:d.brandColorGoldDark},children:l.valueDelivered.zeniSubscriptionPlan}),C.jsxs(G,{children:[C.jsxs(N,{children:[a.currencySymbol,s?`${i.currency.currencySymbol}499`:Number(t.subscriptionCost.toFixed()).toLocaleString()]}),C.jsxs(A,{children:[i.strings.backspace,i.timeStrings.month]})]})]})]})]})]})})}const _={contentPaddingLeft:new k(n[3],n[3],n[8]),contentPaddingRight:new k(n[3],n[3],n[8]),containerPadding:new k(n[4],n[4],n[8]),savingsChartMinWidth:new k(300,300,500)},K3=new k(52,52,62),J3=o.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -518,7 +518,7 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`,r4=T1`
+`,r4=V1`
   0% {
     rotate: 0
   }
@@ -536,4 +536,4 @@ import{y as k,a7 as y1,Q as M,F as j,ca as j1,V as C,aK as $1,bQ as v1,o as r,k3
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`,i4=(t,a)=>t===a?`(${T(t)})`:`(${T(t)} - ${T(a)})`;function g4({aggregatedReport:t,onBackClick:a,onReload:s,onTimeRangeSelect:i,onClickMenuIcon:l}){const c=y1().analytics,h=M(),{common:p}=j.getLocalizedStrings(),[u,v]=e.useState(!1),[y,$]=e.useState(null),H=[...e1],w=e1[1],[P,Y]=e.useState(E(w)),[Z,q]=e.useState(w),[g1,f1]=e.useState(!1);j1({componentName:"aiPerformance",enabled:t.fetchState==="Completed"});const b=t.fetchState==="Not-Started"||t.fetchState==="In-Progress",L=t.fetchState==="Error",L1=m=>m.flatMap(M1=>M1.eventGroups.map(B=>({event_name:B.eventName,events_count:B.eventsCount,time_saved_in_minutes:B.timeSavedInMinutes,total_cost_saved:B.totalCostSaved})));e.useEffect(()=>{$("home"),i(E(Z).fromMonth,E(Z).toMonth)},[]),e.useEffect(()=>{if(t.fetchState==="Completed"&&y){const m={period_selected:Z,cost_saved:t.summary.totalCostSaved,time_saved:t.summary.totalTimeSavedMinutes,task_performed:L1(t.personas)};y==="home"?c.trackAIPerfHome(m):y==="refresh"?c.trackAIPerfRefresh(m):y==="timePeriodSelect"&&c.trackAIPerfTimePeriodSelect(m),$(null)}},[t.fetchState,y]),e.useEffect(()=>{const m=()=>{f1(window.scrollY>0)};return window.addEventListener("scroll",m),m(),()=>{window.removeEventListener("scroll",m)}},[]);const E1=C.jsx(C4,{"data-testid":`${$1("ai-performance-page","refresh-icon")}`,onClick:()=>{v(!0),$("refresh"),s(E(w).fromMonth,E(w).toMonth),q(w),Y(E(w))},children:C.jsx(v1,{style:{marginTop:r.sp1},placement:"bottom",title:p.texts.refresh,enterDelay:600,children:C.jsx(o4,{spinning:b&&u})})}),w1={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:H,valueToLabel:m=>m,selectedValue:`${Z} ${i4(P.fromMonth,P.toMonth)}`,titleTextStyle:D.largeMedium,onPickerSelectionChanged:m=>{m!=null&&($("timePeriodSelect"),q(F(m)),Y(E(F(m))),i(E(F(m)).fromMonth,E(F(m)).toMonth))},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:!1},onBackClick:a,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:l,rightSideComponent:E1},Q=Number.parseFloat((t?.summary?.totalTimeSavedMinutes/60).toFixed());return C.jsxs(X3,{children:[C.jsx(J3,{isScrolled:g1,windowSize:h,paddingLeft:_.contentPaddingLeft.value(h),paddingRight:_.contentPaddingRight.value(h),children:C.jsx(V1,{...w1})}),C.jsxs(Y3,{windowSize:h,children:[C.jsxs(q3,{windowSize:h,children:[C.jsxs(e4,{windowSize:h,children:[b?C.jsx(r1,{customStyle:{margin:`0 0 ${r.sp3} 0`}}):C.jsx(i1,{type:"cost",value:L?`${p.strings.hyphen}`:Number(t.summary?.totalCostSaved.toFixed()).toLocaleString(),currency:t.currency,style:{margin:`0 0 ${r.sp3} 0`},noData:L}),b?C.jsx(r1,{customStyle:{margin:"0"}}):C.jsx(i1,{type:"time",value:L?`${p.strings.hyphen}`:t.summary?.totalTimeSavedMinutes<60?Number(t.summary?.totalTimeSavedMinutes).toFixed().toLocaleString():Q.toLocaleString(),currency:t.currency,noData:L,timeUnit:L?"":t.summary?.totalTimeSavedMinutes<60?t.summary?.totalTimeSavedMinutes>1?p.timeStrings.minutes:p.timeStrings.minute:Q>1?p.timeStrings.hours:p.timeStrings.hour})]}),C.jsx(t4,{windowSize:h,children:b?C.jsx(A1,{customStyle:{margin:`0 0 ${r.sp3} 0`}}):L?C.jsx(w3,{selectedTimeSeries:P}):C.jsx(H3,{performanceTimeSeries:t.monthlySummary})})]}),b?C.jsx(c1,{windowSize:h,children:C.jsx(t2,{})}):C.jsxs(C.Fragment,{children:[C.jsx(c1,{windowSize:h,children:L||t.personas.length===0?C.jsx(c3,{}):C.jsx(W2,{personas:t.personas,currency:t.currency})}),C.jsxs(Q3,{windowSize:h,children:[C.jsx(I3,{performanceSummary:t.summary,currency:t.currency,isPerformanceReportNotFound:L}),C.jsx(C3,{performanceSummary:t.summary,currency:t.currency,isPerformanceReportNotFound:L})]})]})]})]})}export{g4 as default,K3 as navBarHeight};
+`,i4=(t,a)=>t===a?`(${V(t)})`:`(${V(t)} - ${V(a)})`;function g4({aggregatedReport:t,onBackClick:a,onReload:s,onTimeRangeSelect:i,onClickMenuIcon:l}){const c=y1().analytics,h=M(),{common:p}=j.getLocalizedStrings(),[u,v]=e.useState(!1),[y,$]=e.useState(null),H=[...e1],w=e1[1],[P,Y]=e.useState(E(w)),[Z,q]=e.useState(w),[g1,f1]=e.useState(!1);j1({componentName:"aiPerformance",enabled:t.fetchState==="Completed"});const b=t.fetchState==="Not-Started"||t.fetchState==="In-Progress",L=t.fetchState==="Error",L1=m=>m.flatMap(M1=>M1.eventGroups.map(B=>({event_name:B.eventName,events_count:B.eventsCount,time_saved_in_minutes:B.timeSavedInMinutes,total_cost_saved:B.totalCostSaved})));e.useEffect(()=>{$("home"),i(E(Z).fromMonth,E(Z).toMonth)},[]),e.useEffect(()=>{if(t.fetchState==="Completed"&&y){const m={period_selected:Z,cost_saved:t.summary.totalCostSaved,time_saved:t.summary.totalTimeSavedMinutes,task_performed:L1(t.personas)};y==="home"?c.trackAIPerfHome(m):y==="refresh"?c.trackAIPerfRefresh(m):y==="timePeriodSelect"&&c.trackAIPerfTimePeriodSelect(m),$(null)}},[t.fetchState,y]),e.useEffect(()=>{const m=()=>{f1(window.scrollY>0)};return window.addEventListener("scroll",m),m(),()=>{window.removeEventListener("scroll",m)}},[]);const E1=C.jsx(C4,{"data-testid":`${$1("ai-performance-page","refresh-icon")}`,onClick:()=>{v(!0),$("refresh"),s(E(w).fromMonth,E(w).toMonth),q(w),Y(E(w))},children:C.jsx(v1,{style:{marginTop:r.sp1},placement:"bottom",title:p.texts.refresh,enterDelay:600,children:C.jsx(o4,{spinning:b&&u})})}),w1={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:H,valueToLabel:m=>m,selectedValue:`${Z} ${i4(P.fromMonth,P.toMonth)}`,titleTextStyle:D.largeMedium,onPickerSelectionChanged:m=>{m!=null&&($("timePeriodSelect"),q(F(m)),Y(E(F(m))),i(E(F(m)).fromMonth,E(F(m)).toMonth))},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:!1},onBackClick:a,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:l,rightSideComponent:E1},Q=Number.parseFloat((t?.summary?.totalTimeSavedMinutes/60).toFixed());return C.jsxs(X3,{children:[C.jsx(J3,{isScrolled:g1,windowSize:h,paddingLeft:_.contentPaddingLeft.value(h),paddingRight:_.contentPaddingRight.value(h),children:C.jsx(T1,{...w1})}),C.jsxs(Y3,{windowSize:h,children:[C.jsxs(q3,{windowSize:h,children:[C.jsxs(e4,{windowSize:h,children:[b?C.jsx(r1,{customStyle:{margin:`0 0 ${r.sp3} 0`}}):C.jsx(i1,{type:"cost",value:L?`${p.strings.hyphen}`:Number(t.summary?.totalCostSaved.toFixed()).toLocaleString(),currency:t.currency,style:{margin:`0 0 ${r.sp3} 0`},noData:L}),b?C.jsx(r1,{customStyle:{margin:"0"}}):C.jsx(i1,{type:"time",value:L?`${p.strings.hyphen}`:t.summary?.totalTimeSavedMinutes<60?Number(t.summary?.totalTimeSavedMinutes).toFixed().toLocaleString():Q.toLocaleString(),currency:t.currency,noData:L,timeUnit:L?"":t.summary?.totalTimeSavedMinutes<60?t.summary?.totalTimeSavedMinutes>1?p.timeStrings.minutes:p.timeStrings.minute:Q>1?p.timeStrings.hours:p.timeStrings.hour})]}),C.jsx(t4,{windowSize:h,children:b?C.jsx(A1,{customStyle:{margin:`0 0 ${r.sp3} 0`}}):L?C.jsx(w3,{selectedTimeSeries:P}):C.jsx(H3,{performanceTimeSeries:t.monthlySummary})})]}),b?C.jsx(c1,{windowSize:h,children:C.jsx(t2,{})}):C.jsxs(C.Fragment,{children:[C.jsx(c1,{windowSize:h,children:L||t.personas.length===0?C.jsx(c3,{}):C.jsx(W2,{personas:t.personas,currency:t.currency})}),C.jsxs(Q3,{windowSize:h,children:[C.jsx(I3,{performanceSummary:t.summary,currency:t.currency,isPerformanceReportNotFound:L}),C.jsx(C3,{performanceSummary:t.summary,currency:t.currency,isPerformanceReportNotFound:L})]})]})]})]})}export{g4 as default,K3 as navBarHeight};

package/dist/assets/{AccountInfoPage-CxWBk_t_-C2BQHsrc.js → AccountInfoPage-CxWBk_t_-B_bVMIaS.js}

@@ -1,4 +1,4 @@
-import{d as w,Q as y,V as t,gI as $,o as n,y as a,hu as P,u as e}from"./index-DKkab5BS.js";import{a as z}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{K as A}from"./StatusSwitcher-DYRXaLvx-DnQc7FsU.js";import{r as S}from"./AccountInfoPageContent-DO6aVqBW-BHlSBq6C.js";import"./sentry-DxvQlcJu.js";import"./zeni-epic-state-xFtF3OLs.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./recharts-CXSQ4XPK.js";import"./lexical-DPEnH3HH.js";import"./downloadPdf-yGlKpV2--C-eO59Y8.js";import"./commonDimensions-B1u_MhON-C0I2HTNT.js";const r={pageTitleMarginXAxis:new a(e[4],e[8]),containerPaddingLeft:new a(e[3],e[6],e[8]),containerPaddingRight:new a(e[3],e[6],e[8])},B=({authParams:i,downloadAccountDetailEndPoint:l,depositAccount:s,zeniAccountsConfigDetail:m,currentTenant:p,onDismissClick:u})=>{const g=w(),d=y(),[c,h]=z.useState("achDetails"),x=f=>{h(f)};return t.jsxs(v,{children:[t.jsx($,{title:"",backgroundColor:g.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:u}),t.jsx(D,{windowSize:d,children:s.accountName}),t.jsx(T,{children:t.jsx(A,{tabIds:["achDetails","wireDetails"],selectedTab:c,entity:"zeni_accounts",onTabSelectedChange:x,isSwitcherLeftAlign:!0})}),t.jsx(j,{windowSize:d,children:t.jsx(S,{authParams:i,downloadAccountDetailEndPoint:l,currentTab:c,zeniAccountsConfigDetail:m,currentTenant:p,depositAccount:s})})]})},j=o.div`
+import{d as w,Q as y,V as t,gI as $,o as n,y as a,hu as P,u as e}from"./index-BseKE85Q.js";import{a as z}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{K as A}from"./StatusSwitcher-DYRXaLvx-Ba_9t0xD.js";import{r as S}from"./AccountInfoPageContent-DO6aVqBW-C-_zFoYr.js";import"./sentry-cYFeB6Pw.js";import"./zeni-epic-state-BwKvATgd.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./downloadPdf-yGlKpV2--ixU1iA2q.js";import"./commonDimensions-B1u_MhON-ChoLEYYu.js";const r={pageTitleMarginXAxis:new a(e[4],e[8]),containerPaddingLeft:new a(e[3],e[6],e[8]),containerPaddingRight:new a(e[3],e[6],e[8])},B=({authParams:i,downloadAccountDetailEndPoint:l,depositAccount:s,zeniAccountsConfigDetail:m,currentTenant:p,onDismissClick:u})=>{const g=w(),d=y(),[c,h]=z.useState("achDetails"),x=f=>{h(f)};return t.jsxs(v,{children:[t.jsx($,{title:"",backgroundColor:g.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:u}),t.jsx(D,{windowSize:d,children:s.accountName}),t.jsx(T,{children:t.jsx(A,{tabIds:["achDetails","wireDetails"],selectedTab:c,entity:"zeni_accounts",onTabSelectedChange:x,isSwitcherLeftAlign:!0})}),t.jsx(j,{windowSize:d,children:t.jsx(S,{authParams:i,downloadAccountDetailEndPoint:l,currentTab:c,zeniAccountsConfigDetail:m,currentTenant:p,depositAccount:s})})]})},j=o.div`
   padding-left: ${i=>`${r.containerPaddingLeft.valuePx(i.windowSize)}`};
   padding-right: ${i=>`${r.containerPaddingRight.valuePx(i.windowSize)}`};
 `,v=o.div`

package/dist/assets/{AccountInfoPageContent-DO6aVqBW-BHlSBq6C.js → AccountInfoPageContent-DO6aVqBW-C-_zFoYr.js}

@@ -1,4 +1,4 @@
-import{Q as we,gR as Ae,hv as J,V as r,F as Se,bQ as D,A as Te,aK as z,o as a,b5 as ve,c0 as Ce,p as E,ag as ee,s as De,gT as ze,ak as re}from"./index-DKkab5BS.js";import{a as s}from"./core-3dlyNYRL.js";import{n as t}from"./mui-bYXq4XMS.js";import{w as Le}from"./downloadPdf-yGlKpV2--C-eO59Y8.js";import{o as _e}from"./commonDimensions-B1u_MhON-C0I2HTNT.js";const{common:{strings:Ee,copyToClipBoard:y},spendManagement:{zeniAccounts:{zeniAccountDetail:K},billPay:{vendorCreation:{achDetails:o}},downloads:W}}=Se.getLocalizedStrings(),er=({authParams:e,downloadAccountDetailEndPoint:ae,currentTab:f,depositAccount:n,zeniAccountsConfigDetail:u,currentTenant:g})=>{const oe=we(),[,R]=Ae(),[k,te]=s.useState(!1),[se,ce]=s.useState(!1),[ne,ie]=s.useState(!1),[le,de]=s.useState(!1),[be,ue]=s.useState(!1),[me,pe]=s.useState(!1),[he,xe]=s.useState(!1),[fe,$e]=s.useState(!1),[p,I]=s.useState(!1),[N,P]=s.useState(!1),[j,Q]=s.useState(!1),[w,F]=s.useState(!1),[A,O]=s.useState(!1),[S,V]=s.useState(!1),[T,q]=s.useState(!1),[$,U]=s.useState(!1),v=g?.company?.companyInfo.companyLegalName,C=J(u.zeniAccountsConfigDetail.mailingAddress).text2,m=J(u.zeniAccountsConfigDetail.bankAddress).text2;s.useEffect(()=>{(p||S||T||$||A||$||j||N||w)&&setTimeout(()=>{I(!1),V(!1),q(!1),U(!1),O(!1),F(!1),Q(!1),P(!1)},1200)},[p,S,T,$,A,w,j,N]);const B=(h,c)=>{switch(h){case"accountType":ce(c);break;case"acccountNumber":ie(c);break;case"routingNumber":de(c);break;case"bankName":ue(c);break;case"beneficiaryName":xe(c);break;case"beneficiaryAddress":pe(c);break;case"bankAddress":$e(c);break}},ye=h=>{let c;h==="achDetails"?c=`${o.bankRoutingNumber} ${n.routingNumberAch}
+import{Q as we,gR as Ae,hv as J,V as r,F as Se,bQ as D,A as Te,aK as z,o as a,b5 as ve,c0 as Ce,p as E,ag as ee,s as De,gT as ze,ak as re}from"./index-BseKE85Q.js";import{a as s}from"./core-3dlyNYRL.js";import{n as t}from"./mui-bYXq4XMS.js";import{w as Le}from"./downloadPdf-yGlKpV2--ixU1iA2q.js";import{o as _e}from"./commonDimensions-B1u_MhON-ChoLEYYu.js";const{common:{strings:Ee,copyToClipBoard:y},spendManagement:{zeniAccounts:{zeniAccountDetail:K},billPay:{vendorCreation:{achDetails:o}},downloads:W}}=Se.getLocalizedStrings(),er=({authParams:e,downloadAccountDetailEndPoint:ae,currentTab:f,depositAccount:n,zeniAccountsConfigDetail:u,currentTenant:g})=>{const oe=we(),[,R]=Ae(),[k,te]=s.useState(!1),[se,ce]=s.useState(!1),[ne,ie]=s.useState(!1),[le,de]=s.useState(!1),[be,ue]=s.useState(!1),[me,pe]=s.useState(!1),[he,xe]=s.useState(!1),[fe,$e]=s.useState(!1),[p,I]=s.useState(!1),[N,P]=s.useState(!1),[j,Q]=s.useState(!1),[w,F]=s.useState(!1),[A,O]=s.useState(!1),[S,V]=s.useState(!1),[T,q]=s.useState(!1),[$,U]=s.useState(!1),v=g?.company?.companyInfo.companyLegalName,C=J(u.zeniAccountsConfigDetail.mailingAddress).text2,m=J(u.zeniAccountsConfigDetail.bankAddress).text2;s.useEffect(()=>{(p||S||T||$||A||$||j||N||w)&&setTimeout(()=>{I(!1),V(!1),q(!1),U(!1),O(!1),F(!1),Q(!1),P(!1)},1200)},[p,S,T,$,A,w,j,N]);const B=(h,c)=>{switch(h){case"accountType":ce(c);break;case"acccountNumber":ie(c);break;case"routingNumber":de(c);break;case"bankName":ue(c);break;case"beneficiaryName":xe(c);break;case"beneficiaryAddress":pe(c);break;case"bankAddress":$e(c);break}},ye=h=>{let c;h==="achDetails"?c=`${o.bankRoutingNumber} ${n.routingNumberAch}
 
 ${o.accountTypeLabel} ${n.accountSubType.name??""}
 

package/dist/assets/{AccountLockedInfoModal-DVvzKHJQ-XsgYaZ9s.js → AccountLockedInfoModal-DVvzKHJQ-CcgfqmYH.js}

@@ -1,4 +1,4 @@
-import{d as g,F as l,V as e,ak as f,b8 as d,n as j,o,p as m,ap as $,bW as y,bX as b,bY as k,bP as w}from"./index-DKkab5BS.js";import{n as r}from"./mui-bYXq4XMS.js";import{t as v}from"./handshake-BPg58FML-D7G7L1P7.js";import"./core-3dlyNYRL.js";import"./sentry-DxvQlcJu.js";import"./zeni-epic-state-xFtF3OLs.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./recharts-CXSQ4XPK.js";import"./lexical-DPEnH3HH.js";const p="support@zeni.ai",i=l.getLocalizedStrings().commonSetUp.twoFactorAuthentication,h=({unlockDate:t,onSubmit:n})=>{const s=g(),x=t.format(l.getLocalizedStrings().dateFormat.visual.MMMDCommaYYYYformat),u=t.format(l.getLocalizedStrings().dateFormat.visual.HHMMFormat);return e.jsxs(S,{children:[e.jsx(C,{children:i.accountLockedTitle}),e.jsxs(L,{children:[e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(Y,{})}),e.jsx(f,{children:i.accountLockedSecurityMessage})]}),e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(F,{})}),e.jsxs(d,{children:[i.tryAgainAfter,e.jsxs(D,{children:[x,e.jsx(A,{children:"•"}),u]}),i.signInViaGoogleOrMicrosoft]})]}),e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(_,{})}),e.jsxs(d,{children:[i.accountLockedContactMessage,e.jsx(z,{href:`mailto:${p}`,children:p})]})]}),e.jsx(j,{variant:"primary",label:i.understood,onClick:n})]})]})};function M({unlockDate:t,onClose:n}){return e.jsx(w,{open:!0,onClose:n,children:e.jsx(O,{children:e.jsx(h,{unlockDate:t,onSubmit:n})})})}const S=r.div`
+import{d as g,F as l,V as e,ak as f,b8 as d,n as j,o,p as m,ap as $,bW as y,bX as b,bY as k,bP as w}from"./index-BseKE85Q.js";import{n as r}from"./mui-bYXq4XMS.js";import{t as v}from"./handshake-BPg58FML-D7G7L1P7.js";import"./core-3dlyNYRL.js";import"./sentry-cYFeB6Pw.js";import"./zeni-epic-state-BwKvATgd.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";const p="support@zeni.ai",i=l.getLocalizedStrings().commonSetUp.twoFactorAuthentication,h=({unlockDate:t,onSubmit:n})=>{const s=g(),x=t.format(l.getLocalizedStrings().dateFormat.visual.MMMDCommaYYYYformat),u=t.format(l.getLocalizedStrings().dateFormat.visual.HHMMFormat);return e.jsxs(S,{children:[e.jsx(C,{children:i.accountLockedTitle}),e.jsxs(L,{children:[e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(Y,{})}),e.jsx(f,{children:i.accountLockedSecurityMessage})]}),e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(F,{})}),e.jsxs(d,{children:[i.tryAgainAfter,e.jsxs(D,{children:[x,e.jsx(A,{children:"•"}),u]}),i.signInViaGoogleOrMicrosoft]})]}),e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(_,{})}),e.jsxs(d,{children:[i.accountLockedContactMessage,e.jsx(z,{href:`mailto:${p}`,children:p})]})]}),e.jsx(j,{variant:"primary",label:i.understood,onClick:n})]})]})};function M({unlockDate:t,onClose:n}){return e.jsx(w,{open:!0,onClose:n,children:e.jsx(O,{children:e.jsx(h,{unlockDate:t,onSubmit:n})})})}const S=r.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/assets/{AccountReconDetailsDrawerPage-DEKzSPCP-IJ1uxgeX.js → AccountReconDetailsDrawerPage-DEKzSPCP-CRuNSiIc.js}

@@ -1,4 +1,4 @@
-import{a8 as xe,fv as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as i,M as ke,b5 as X,al as G,_ as ve,a9 as Ce,dO as we,eT as be,d1 as J,dx as Z,ak as l,d as Ee,aL as Pe,bu as ee,dR as te,at as Re,p as ne,s as De}from"./index-DKkab5BS.js";import{a as r}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{bO as oe,gu as Ie,gv as Te}from"./zeni-epic-state-xFtF3OLs.js";import{E as _e,C as Fe,w as Ue,f as Le}from"./AccountRow-Ck53DDbT-CKEPVSTV.js";import"./sentry-DxvQlcJu.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./recharts-CXSQ4XPK.js";import"./lexical-DPEnH3HH.js";const m={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,navBarHeight:i.sp10,navBarPaddingRight:i.sp4,navBarPaddingLeft:i.sp4,balanceContainerWidth:114,sourceContainerWidth:400},Me=o.div`
+import{a8 as xe,fv as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as i,M as ke,b5 as Q,al as X,_ as ve,a9 as Ce,dJ as we,eP as be,d1 as q,ds as Z,ak as l,d as Ee,aL as Pe,bu as ee,dM as te,at as Re,p as ne,s as De}from"./index-BseKE85Q.js";import{a as r}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{bO as oe,G8 as Ie,G9 as _e}from"./zeni-epic-state-BwKvATgd.js";import{E as Fe,C as Te,w as Ue,f as Me}from"./AccountRow-Ck53DDbT-RIPr-Sky.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";const m={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,navBarHeight:i.sp10,navBarPaddingRight:i.sp4,navBarPaddingLeft:i.sp4,balanceContainerWidth:114,sourceContainerWidth:400},Le=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -52,30 +52,30 @@ import{a8 as xe,fv as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as
   flex: 1 1 0;
   justify-content: center;
   flex-direction: column;
-`,He=o(X)`
+`,He=o(Q)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
   justify-content: center;
   overflow: hidden;
-`,ie=o(G)`
+`,ie=o(X)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   justify-content: center;
   overflow: hidden;
-`,Ve=o.div`
+`,Je=o.div`
   display: flex;
   flex: 0 0 auto;
   justify-content: center;
   align-items: center;
-`,qe=o.div`
+`,Ve=o.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: ${i.sp5};
-`,Je=o.div`
+`,qe=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -85,27 +85,27 @@ import{a8 as xe,fv as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as
   background-color: ${e=>e.theme.colors.background};
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,Ke=o.div`
+`,Ge=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   min-width: ${m.balanceContainerWidth}px;
-`,W=o(G)`
+`,W=o(X)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   justify-content: flex-end;
-`,Qe=o(l)`
+`,Ke=o(l)`
   color: ${e=>e.theme.colors.primary};
   text-align: left;
-`,Xe=o.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   min-width: ${m.balanceContainerWidth}px;
-`,Ge=o(l)`
+`,Xe=o(l)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -162,7 +162,7 @@ import{a8 as xe,fv as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as
   justify-content: center;
   min-width: ${m.sourceContainerWidth}px;
   gap: ${i.sp2};
-`,rt=o(X)`
+`,rt=o(Q)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -187,7 +187,7 @@ import{a8 as xe,fv as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   justify-content: flex-end;
-`,T=o(l)`
+`,_=o(l)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -236,4 +236,4 @@ import{a8 as xe,fv as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as
   color: ${e=>e.status==="connected"?e.theme.colors.success:e.status==="reconnect"?e.theme.colors.important:e.theme.colors.link};
   cursor: pointer;
   text-decoration: underline;
-`,{common:p,dateFormat:K,expenseAutomation:{accountRecon:c}}=je.getLocalizedStrings(),xt=(e,n)=>`${e}.${n}`,ft="accountReconDrawerDetailsPage",se="accountReconDrawerDetailsSection";function Mt({accountReconciliation:e,plaidConnectionDetails:n,monthYearPeriod:d,openFilePicker:u,filesEndPoint:f,authParams:S,onDismissClick:$,onFetchLinkTokenClick:E,onEstablishConnectionClick:P,onSelectSourceType:_,onDeleteFile:R,onEditFileName:F,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:L}){const x=xe({mode:"all",reValidateMode:"onChange",defaultValues:Q(e),resetOptions:{keepDirtyValues:!0,keepErrors:!0},values:Q(e)}),k=x.handleSubmit(()=>{}),[h,g]=r.useState(void 0),v=n.link_account_no_microdeposit,C=n.update_account,s=h==="update_account"?C:v,[y,M]=r.useState(s.linkToken??null),[a,w]=r.useState(!1),[N,Y]=r.useState(!1),[O,B]=r.useState(void 0),[re,z]=r.useState(void 0),le=r.useCallback(()=>{g("link_account_no_microdeposit")},[]),de=r.useCallback(()=>{g("update_account"),E("update_account",e.paymentAccountId)},[e.paymentAccountId]),ue={onOkClick:()=>{O!=null&&(R(O),B(void 0)),z(void 0),Y(!1)},onCancelClick:()=>{B(void 0),Y(!1)}},H=r.useRef(h);r.useEffect(()=>{H.current=h},[h]);const pe=r.useCallback(D=>{P(D,e.accountReconEntity.account.accountId,H.current),g(void 0),w(!1)},[P,e.accountReconEntity.account.accountId]),he=r.useCallback((D,me)=>{D!=null&&console.log("Plaid Connection Error",D,me),g(void 0),w(!1)},[]),{open:V,ready:q}=fe({token:y,onSuccess:pe,onExit:he});return r.useEffect(()=>{(oe(new Date().toISOString()).isAfter(s.expiration)||s.linkToken==null)&&s.fetchStatus.fetchState==="Not-Started"&&E("link_account_no_microdeposit")},[s.fetchStatus.fetchState]),r.useEffect(()=>{!a&&h!=null&&s.linkToken===y&&s.fetchStatus.fetchState==="Completed"&&q&&w(!0)},[q,y,s.fetchStatus.fetchState,s.linkToken,h,a]),r.useEffect(()=>{s.fetchStatus.fetchState==="Completed"&&s.linkToken!=null&&s.linkToken!==y&&M(s.linkToken)},[s.fetchStatus.fetchState,s.linkToken,y]),r.useEffect(()=>{a&&V()},[a,V]),t.jsxs(Me,{children:[t.jsx(Oe,{children:t.jsx(Ae,{children:t.jsxs(Ne,{children:[t.jsx(Ye,{}),t.jsxs(ze,{children:[t.jsx(He,{children:e.accountReconEntity.account.accountName}),t.jsx(ie,{children:t.jsx(vt,{monthYearPeriod:d})})]}),t.jsx(Ve,{children:t.jsx(Be,{onClick:$})})]})})}),t.jsxs(We,{children:[t.jsx(ge,{...x,children:t.jsx("form",{style:{width:"100%"},id:ft,onSubmit:k,children:t.jsx(gt,{monthYearPeriod:d,accountReconciliation:e,filesEndPoint:f,openFilePicker:u,authParams:S,onConnectClick:le,onReconnectClick:de,onSelectSourceType:_,onDeleteFile:R,onEditFileName:F,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:L,showConfirmationPopup:N,setShowConfirmationPopup:Y,deleteFileId:O,setDeleteFileId:B,uploadErrorMessage:re,setUploadErrorMessage:z})})}),N===!0||e.statementDeleteStatus.fetchState==="In-Progress"?t.jsx(ye,{titleComponent:t.jsx($e,{children:c.reconciliation.drawer.deleteConfirmation.heading}),descriptionComponent:t.jsx(Se,{children:c.reconciliation.drawer.deleteConfirmation.description}),isLoading:e.statementDeleteStatus.fetchState==="In-Progress",primaryButtonText:p.confirm,secondaryButtonText:p.cancel,action:ue}):null]})]})}const gt=({monthYearPeriod:e,accountReconciliation:n,filesEndPoint:d,authParams:u,openFilePicker:f,onConnectClick:S,onReconnectClick:$,setDeleteFileId:E,setShowConfirmationPopup:P,onEditFileName:_,onSelectSourceType:R,onStatementUploadSuccess:F,onUploadWindowOpenedOnce:U,uploadErrorMessage:L,setUploadErrorMessage:x})=>{const[k,h]=r.useState(!1),g=(n.localData?.accountSource??"plaid")==="plaid"?n.accountReconEntity.reconciliationId!=null?n.accountReconEntity.reconUpdatedAt:n.accountReconEntity.accountUpdatedAt:n.accountReconEntity.reconUpdatedAt,v=[];n.accountReconEntity.account.accountType==="bank"&&v.push({label:c.reconciliation.menu.bankConnection,value:"plaid"}),v.push({label:c.reconciliation.menu.statement,value:"bank_statement"});const C=n.localData?.accountSource,s=n.accountConnectionStatus==="connected"||n.connectionInProgress===!0?"plaid":n.accountReconEntity.statementStatus?.code==="uploaded"||n.statementParseInProgress===!0||k?"bank_statement":void 0;r.useEffect(()=>{n.accountReconEntity.statementStatus.code==="uploaded"&&(n.accountReconEntity.statementDataStatus?.code==="validation_failed"||n.accountReconEntity.statementDataStatus?.code==="parsing_failed"||n.accountReconEntity.statementDataStatus?.code==="processing_failed")&&x(_e(n.accountReconEntity.statementDataStatus?.code,"drawer",n.accountReconEntity.errorMessage?.errorShort))},[n.accountReconEntity.statementStatus.code,n.accountReconEntity.statementDataStatus?.code,n.accountReconEntity.errorMessage?.errorShort,x]);const y=["reconciled","in_progress","reconciled_via_qbo"],M=n.accountReconEntity.reconciliationStatus!=null&&y.includes(n.accountReconEntity.reconciliationStatus.code);return t.jsxs(qe,{children:[t.jsxs(Je,{children:[t.jsxs(Ke,{children:[t.jsx(W,{children:c.reconciliation.headers.bankBalance}),t.jsx(Qe,{children:t.jsx(Fe,{bankBalance:n.accountReconEntity.balance,bankConnection:n.accountConnectionStatus,isLoading:!1,fromDrawer:!0,accountId:n.accountReconEntity.account.accountId,statementStatus:n.accountReconEntity.statementStatus.code,onStatementAddClicked:()=>{},setIsHovering:()=>{}})})]}),t.jsxs(Xe,{children:[t.jsx(W,{children:c.reconciliation.headers.clearedBalance}),t.jsx(Ge,{children:t.jsx(Ue,{clearedBalance:n.accountReconEntity.clearedBalance,isLoading:!1})})]}),t.jsxs(et,{children:[t.jsx(W,{children:c.reconciliation.headers.variance}),t.jsx(tt,{children:t.jsx($t,{variance:n.accountReconEntity.variance,variancePercentage:n.accountReconEntity.variancePercentage})})]})]}),t.jsxs(st,{children:[t.jsxs(rt,{children:[" ",c.reconciliation.drawer.source," "]}),t.jsxs(lt,{children:[t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.type}),t.jsx(T,{children:s!=null?t.jsx(j,{children:s==="plaid"&&n.accountReconEntity.account.accountType==="bank"?t.jsxs(t.Fragment,{children:[t.jsx(ce,{}),c.reconciliation.menu.bankConnection]}):t.jsxs(t.Fragment,{children:[t.jsx(ae,{}),c.reconciliation.menu.statement]})}):t.jsx(Ce,{controller:!0,children:t.jsx(we,{moreIconType:"custom",customIcon:t.jsx(yt,{selectedSourceType:C}),options:v,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:i.sp5,width:"180px"})},menuPlacement:"bottom",onOptionSelection:a=>{R(Ie(a))},valueToIcon:a=>a==="plaid"?t.jsx(ut,{}):a==="bank_statement"?t.jsx(pt,{}):null})})})]}),C==="bank_statement"?t.jsx(b,{children:t.jsx(be,{name:xt(se,"file"),file:n.accountReconEntity.statementMetaData?.file,showPhotoPicker:!1,isDisabled:M,sizeLimit:1e7,onFileSizeError:a=>{a&&x(p.fileElementPicker.sizeLimit)},deleteFileStatusById:{},updateFileStatusById:{},filesEndPoint:d,authParams:u,acceptableTypes:["application/pdf"],placeholderText:c.reconciliation.drawer.downloadPlaceholder,autoOpenFilePicker:f,accountStatementUpload:{uploadHelper:Te,metadataPayload:{accountId:n.accountReconEntity.account.accountId,monthYearPeriod:e},errorMessage:L,onUploadError:a=>{x(a?.message)},onUploadSuccess:a=>{F(a),h(!1)},onUploadStart:()=>{h(!0),x(void 0)},onUploadWindowOpenedOnce:()=>{U()}},onDeleteFile:a=>{E(a),P(!0)},onEditFileName:(a,w)=>{_(a,w)}})}):null,t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.status}),t.jsx(T,{children:C!=="bank_statement"?t.jsx(jt,{status:n.accountConnectionStatus,connectionInProgress:n.connectionInProgress,onConnectClick:S,onReconnectClick:$}):t.jsx(St,{uploadInProgress:k,status:n.accountReconEntity.statementDataStatus?.code})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.accountType}),t.jsx(T,{children:t.jsx(kt,{accountSubType:J(n.accountReconEntity.account.accountSubType??"")})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.lastUpdated}),t.jsx(T,{children:t.jsx(Z,{isLoading:k,customStyle:{height:"20px",width:"100px"},position:"left",children:g!=null?t.jsx(j,{children:J(g.utc(!0).fromNow())}):p.strings.hyphen})})]})]})]})]})},yt=({selectedSourceType:e})=>t.jsxs(it,{children:[e==null||e==="plaid"?t.jsx(ce,{}):t.jsx(ae,{}),t.jsx(ct,{children:e==null||e==="plaid"?c.reconciliation.menu.bankConnection:c.reconciliation.menu.statement}),t.jsx(at,{})]}),jt=({status:e,connectionInProgress:n,onConnectClick:d,onReconnectClick:u})=>n?t.jsx(A,{children:c.reconciliation.drawer.values.connecting}):e==="connected"?t.jsxs(A,{children:[t.jsx(dt,{}),t.jsx(ht,{children:c.reconciliation.drawer.values.connected})]}):t.jsx(A,{onClick:e==="reconnect"?u:d,children:t.jsx(mt,{status:e,children:e==="reconnect"?c.reconciliation.drawer.values.reconnect:c.reconciliation.drawer.values.connect})}),St=({status:e,uploadInProgress:n})=>n?t.jsx(Z,{isLoading:n,customStyle:{height:"20px",width:"100px"},position:"left",children:t.jsx(t.Fragment,{})}):e==null?t.jsx(j,{children:p.strings.hyphen}):e==="parsing"?t.jsx(j,{children:c.reconciliation.drawer.values.statementParsing}):e==="validated"?t.jsx(j,{children:c.reconciliation.drawer.values.uploaded}):t.jsx(j,{children:p.strings.hyphen}),$t=({variance:e,variancePercentage:n,reconciliationStatusCode:d})=>{const u=Ee(),{varianceColor:f,variancePercentageColor:S,variancePercentageContainerColor:$}=Le(u,e,d,!0);return t.jsxs(Ze,{children:[t.jsx(nt,{textColor:f,children:Pe("0,0",e)??p.strings.hyphen}),t.jsxs(ot,{textColor:S,bgColor:$,children:[n!=null?n===0?"0":n.toFixed(2):null,n!=null?p.strings.percentage:null]})]})},kt=({accountSubType:e})=>{const n=e!=null?e.replace("_"," "):p.strings.hyphen;return t.jsx(j,{children:n})},vt=({monthYearPeriod:e})=>t.jsx(ie,{children:Ct(e)}),Ct=e=>{const{month:n,year:d}=e,u=oe(`${d}-${String(n).padStart(2,"0")}-01`);let f=u.endOf("month");return`${u.format(K.visual.DMMMYYYYFormat)} ${p.strings.hyphen} ${f.format(K.visual.DMMMYYYYFormat)}`},Q=e=>({[se]:{file:e.accountReconEntity.statementMetaData?.file,selectedType:e.localData?.accountSource}});export{Mt as default,xt as uniqueName};
+`,{common:p,dateFormat:G,expenseAutomation:{accountRecon:c}}=je.getLocalizedStrings(),xt=(e,n)=>`${e}.${n}`,ft="accountReconDrawerDetailsPage",se="accountReconDrawerDetailsSection";function Lt({accountReconciliation:e,plaidConnectionDetails:n,monthYearPeriod:d,openFilePicker:u,filesEndPoint:f,authParams:S,onDismissClick:$,onFetchLinkTokenClick:E,onEstablishConnectionClick:P,onSelectSourceType:F,onDeleteFile:R,onEditFileName:T,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:M}){const x=xe({mode:"all",reValidateMode:"onChange",defaultValues:K(e),resetOptions:{keepDirtyValues:!0,keepErrors:!0},values:K(e)}),k=x.handleSubmit(()=>{}),[h,g]=r.useState(void 0),v=n.link_account_no_microdeposit,C=n.update_account,s=h==="update_account"?C:v,[y,L]=r.useState(s.linkToken??null),[a,w]=r.useState(!1),[N,Y]=r.useState(!1),[O,B]=r.useState(void 0),[re,z]=r.useState(void 0),le=r.useCallback(()=>{g("link_account_no_microdeposit")},[]),de=r.useCallback(()=>{g("update_account"),E("update_account",e.paymentAccountId)},[e.paymentAccountId]),ue={onOkClick:()=>{O!=null&&(R(O),B(void 0)),z(void 0),Y(!1)},onCancelClick:()=>{B(void 0),Y(!1)}},H=r.useRef(h);r.useEffect(()=>{H.current=h},[h]);const pe=r.useCallback(D=>{P(D,e.accountReconEntity.account.accountId,H.current),g(void 0),w(!1)},[P,e.accountReconEntity.account.accountId]),he=r.useCallback((D,me)=>{D!=null&&console.log("Plaid Connection Error",D,me),g(void 0),w(!1)},[]),{open:J,ready:V}=fe({token:y,onSuccess:pe,onExit:he});return r.useEffect(()=>{(oe(new Date().toISOString()).isAfter(s.expiration)||s.linkToken==null)&&s.fetchStatus.fetchState==="Not-Started"&&E("link_account_no_microdeposit")},[s.fetchStatus.fetchState]),r.useEffect(()=>{!a&&h!=null&&s.linkToken===y&&s.fetchStatus.fetchState==="Completed"&&V&&w(!0)},[V,y,s.fetchStatus.fetchState,s.linkToken,h,a]),r.useEffect(()=>{s.fetchStatus.fetchState==="Completed"&&s.linkToken!=null&&s.linkToken!==y&&L(s.linkToken)},[s.fetchStatus.fetchState,s.linkToken,y]),r.useEffect(()=>{a&&J()},[a,J]),t.jsxs(Le,{children:[t.jsx(Oe,{children:t.jsx(Ae,{children:t.jsxs(Ne,{children:[t.jsx(Ye,{}),t.jsxs(ze,{children:[t.jsx(He,{children:e.accountReconEntity.account.accountName}),t.jsx(ie,{children:t.jsx(vt,{monthYearPeriod:d})})]}),t.jsx(Je,{children:t.jsx(Be,{onClick:$})})]})})}),t.jsxs(We,{children:[t.jsx(ge,{...x,children:t.jsx("form",{style:{width:"100%"},id:ft,onSubmit:k,children:t.jsx(gt,{monthYearPeriod:d,accountReconciliation:e,filesEndPoint:f,openFilePicker:u,authParams:S,onConnectClick:le,onReconnectClick:de,onSelectSourceType:F,onDeleteFile:R,onEditFileName:T,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:M,showConfirmationPopup:N,setShowConfirmationPopup:Y,deleteFileId:O,setDeleteFileId:B,uploadErrorMessage:re,setUploadErrorMessage:z})})}),N===!0||e.statementDeleteStatus.fetchState==="In-Progress"?t.jsx(ye,{titleComponent:t.jsx($e,{children:c.reconciliation.drawer.deleteConfirmation.heading}),descriptionComponent:t.jsx(Se,{children:c.reconciliation.drawer.deleteConfirmation.description}),isLoading:e.statementDeleteStatus.fetchState==="In-Progress",primaryButtonText:p.confirm,secondaryButtonText:p.cancel,action:ue}):null]})]})}const gt=({monthYearPeriod:e,accountReconciliation:n,filesEndPoint:d,authParams:u,openFilePicker:f,onConnectClick:S,onReconnectClick:$,setDeleteFileId:E,setShowConfirmationPopup:P,onEditFileName:F,onSelectSourceType:R,onStatementUploadSuccess:T,onUploadWindowOpenedOnce:U,uploadErrorMessage:M,setUploadErrorMessage:x})=>{const[k,h]=r.useState(!1),g=(n.localData?.accountSource??"plaid")==="plaid"?n.accountReconEntity.reconciliationId!=null?n.accountReconEntity.reconUpdatedAt:n.accountReconEntity.accountUpdatedAt:n.accountReconEntity.reconUpdatedAt,v=[];n.accountReconEntity.account.accountType==="bank"&&v.push({label:c.reconciliation.menu.bankConnection,value:"plaid"}),v.push({label:c.reconciliation.menu.statement,value:"bank_statement"});const C=n.localData?.accountSource,s=n.accountConnectionStatus==="connected"||n.connectionInProgress===!0?"plaid":n.accountReconEntity.statementStatus?.code==="uploaded"||n.statementParseInProgress===!0||k?"bank_statement":void 0;r.useEffect(()=>{n.accountReconEntity.statementStatus.code==="uploaded"&&(n.accountReconEntity.statementDataStatus?.code==="validation_failed"||n.accountReconEntity.statementDataStatus?.code==="parsing_failed"||n.accountReconEntity.statementDataStatus?.code==="processing_failed")&&x(Fe(n.accountReconEntity.statementDataStatus?.code,"drawer",n.accountReconEntity.errorMessage?.errorShort))},[n.accountReconEntity.statementStatus.code,n.accountReconEntity.statementDataStatus?.code,n.accountReconEntity.errorMessage?.errorShort,x]);const y=["reconciled","in_progress","reconciled_via_qbo"],L=n.accountReconEntity.reconciliationStatus!=null&&y.includes(n.accountReconEntity.reconciliationStatus.code);return t.jsxs(Ve,{children:[t.jsxs(qe,{children:[t.jsxs(Ge,{children:[t.jsx(W,{children:c.reconciliation.headers.bankBalance}),t.jsx(Ke,{children:t.jsx(Te,{bankBalance:n.accountReconEntity.balance,bankConnection:n.accountConnectionStatus,isLoading:!1,fromDrawer:!0,accountId:n.accountReconEntity.account.accountId,statementStatus:n.accountReconEntity.statementStatus.code,onStatementAddClicked:()=>{},setIsHovering:()=>{}})})]}),t.jsxs(Qe,{children:[t.jsx(W,{children:c.reconciliation.headers.clearedBalance}),t.jsx(Xe,{children:t.jsx(Ue,{clearedBalance:n.accountReconEntity.clearedBalance,isLoading:!1})})]}),t.jsxs(et,{children:[t.jsx(W,{children:c.reconciliation.headers.variance}),t.jsx(tt,{children:t.jsx($t,{variance:n.accountReconEntity.variance,variancePercentage:n.accountReconEntity.variancePercentage})})]})]}),t.jsxs(st,{children:[t.jsxs(rt,{children:[" ",c.reconciliation.drawer.source," "]}),t.jsxs(lt,{children:[t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.type}),t.jsx(_,{children:s!=null?t.jsx(j,{children:s==="plaid"&&n.accountReconEntity.account.accountType==="bank"?t.jsxs(t.Fragment,{children:[t.jsx(ce,{}),c.reconciliation.menu.bankConnection]}):t.jsxs(t.Fragment,{children:[t.jsx(ae,{}),c.reconciliation.menu.statement]})}):t.jsx(Ce,{controller:!0,children:t.jsx(we,{moreIconType:"custom",customIcon:t.jsx(yt,{selectedSourceType:C}),options:v,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:i.sp5,width:"180px"})},menuPlacement:"bottom",onOptionSelection:a=>{R(Ie(a))},valueToIcon:a=>a==="plaid"?t.jsx(ut,{}):a==="bank_statement"?t.jsx(pt,{}):null})})})]}),C==="bank_statement"?t.jsx(b,{children:t.jsx(be,{name:xt(se,"file"),file:n.accountReconEntity.statementMetaData?.file,showPhotoPicker:!1,isDisabled:L,sizeLimit:1e7,onFileSizeError:a=>{a&&x(p.fileElementPicker.sizeLimit)},deleteFileStatusById:{},updateFileStatusById:{},filesEndPoint:d,authParams:u,acceptableTypes:["application/pdf"],placeholderText:c.reconciliation.drawer.downloadPlaceholder,autoOpenFilePicker:f,accountStatementUpload:{uploadHelper:_e,metadataPayload:{accountId:n.accountReconEntity.account.accountId,monthYearPeriod:e},errorMessage:M,onUploadError:a=>{x(a?.message)},onUploadSuccess:a=>{T(a),h(!1)},onUploadStart:()=>{h(!0),x(void 0)},onUploadWindowOpenedOnce:()=>{U()}},onDeleteFile:a=>{E(a),P(!0)},onEditFileName:(a,w)=>{F(a,w)}})}):null,t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.status}),t.jsx(_,{children:C!=="bank_statement"?t.jsx(jt,{status:n.accountConnectionStatus,connectionInProgress:n.connectionInProgress,onConnectClick:S,onReconnectClick:$}):t.jsx(St,{uploadInProgress:k,status:n.accountReconEntity.statementDataStatus?.code})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.accountType}),t.jsx(_,{children:t.jsx(kt,{accountSubType:q(n.accountReconEntity.account.accountSubType??"")})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.lastUpdated}),t.jsx(_,{children:t.jsx(Z,{isLoading:k,customStyle:{height:"20px",width:"100px"},position:"left",children:g!=null?t.jsx(j,{children:q(g.utc(!0).fromNow())}):p.strings.hyphen})})]})]})]})]})},yt=({selectedSourceType:e})=>t.jsxs(it,{children:[e==null||e==="plaid"?t.jsx(ce,{}):t.jsx(ae,{}),t.jsx(ct,{children:e==null||e==="plaid"?c.reconciliation.menu.bankConnection:c.reconciliation.menu.statement}),t.jsx(at,{})]}),jt=({status:e,connectionInProgress:n,onConnectClick:d,onReconnectClick:u})=>n?t.jsx(A,{children:c.reconciliation.drawer.values.connecting}):e==="connected"?t.jsxs(A,{children:[t.jsx(dt,{}),t.jsx(ht,{children:c.reconciliation.drawer.values.connected})]}):t.jsx(A,{onClick:e==="reconnect"?u:d,children:t.jsx(mt,{status:e,children:e==="reconnect"?c.reconciliation.drawer.values.reconnect:c.reconciliation.drawer.values.connect})}),St=({status:e,uploadInProgress:n})=>n?t.jsx(Z,{isLoading:n,customStyle:{height:"20px",width:"100px"},position:"left",children:t.jsx(t.Fragment,{})}):e==null?t.jsx(j,{children:p.strings.hyphen}):e==="parsing"?t.jsx(j,{children:c.reconciliation.drawer.values.statementParsing}):e==="validated"?t.jsx(j,{children:c.reconciliation.drawer.values.uploaded}):t.jsx(j,{children:p.strings.hyphen}),$t=({variance:e,variancePercentage:n,reconciliationStatusCode:d})=>{const u=Ee(),{varianceColor:f,variancePercentageColor:S,variancePercentageContainerColor:$}=Me(u,e,d,!0);return t.jsxs(Ze,{children:[t.jsx(nt,{textColor:f,children:Pe("0,0",e)??p.strings.hyphen}),t.jsxs(ot,{textColor:S,bgColor:$,children:[n!=null?n===0?"0":n.toFixed(2):null,n!=null?p.strings.percentage:null]})]})},kt=({accountSubType:e})=>{const n=e!=null?e.replace("_"," "):p.strings.hyphen;return t.jsx(j,{children:n})},vt=({monthYearPeriod:e})=>t.jsx(ie,{children:Ct(e)}),Ct=e=>{const{month:n,year:d}=e,u=oe(`${d}-${String(n).padStart(2,"0")}-01`);let f=u.endOf("month");return`${u.format(G.visual.DMMMYYYYFormat)} ${p.strings.hyphen} ${f.format(G.visual.DMMMYYYYFormat)}`},K=e=>({[se]:{file:e.accountReconEntity.statementMetaData?.file,selectedType:e.localData?.accountSource}});export{Lt as default,xt as uniqueName};

package/dist/assets/{AccountRow-Ck53DDbT-CKEPVSTV.js → AccountRow-Ck53DDbT-RIPr-Sky.js}

@@ -1,4 +1,4 @@
-import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as de,p as m,dQ as Z,dR as Y,cY as ue,aS as x,ag as X,u as p,Q as xe,d as S,aZ as pe,dv as he,am as me,n as ge,al as I,bI as fe,dH as je}from"./index-DKkab5BS.js";import{a as ye}from"./core-3dlyNYRL.js";import{n as a,b as we}from"./mui-bYXq4XMS.js";const $e=a.div`
+import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dJ as le,ak as w,dK as de,p as m,dL as Z,dM as Y,cY as ue,aS as x,ag as X,u as p,Q as xe,d as S,aZ as pe,dq as he,am as me,n as ge,al as I,bI as fe,dC as je}from"./index-BseKE85Q.js";import{a as ye}from"./core-3dlyNYRL.js";import{n as a,b as we}from"./mui-bYXq4XMS.js";const $e=a.div`
   position: relative;
   ${e=>e.showTreeLine===!0&&e.collapsed!==!0?`&::after {
       content: "";
@@ -52,7 +52,7 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
   flex: 1 1 auto;
   height: 1px;
   width: 100%;
-`;function Pe({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 Wt(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 Lt(){return!0}const Le=a.div`
+`;function We({kind:e,isScrolling:n}){switch(e){case"section_separator":return t.jsx(Ee,{isScrolling:n});case"account_separator":return t.jsx(Le,{"data-testid":y("account-separator",e)})}}const Le=()=>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 Pt(){return!0}const Pe=a.div`
   display: flex;
   flex-direction: column;
   height: ${e=>e.heightValue}px;
@@ -119,24 +119,24 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
   color: ${e=>e.theme.colors.hero};
   width: ${u.leftLabelWidth}px;
   min-width: ${u.leftLabelWidth}px;
-`,Oe=a.div`
+`,Ve=a.div`
   display: flex;
   flex: 1 1 auto;
   justify-content: flex-end;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-`,Qe=a(w)`
+`,Oe=a(w)`
   width: ${u.bankBalanceWidth}px;
   min-width: ${u.bankBalanceWidth}px;
   text-align: right;
-`,Ve=a.div`
+`,Qe=a.div`
   width: ${u.bankBalanceRightWidth}px;
   min-width: ${u.bankBalanceRightWidth}px;
-`,Fe=a(w)`
+`,Me=a(w)`
   width: ${u.clearedBalanceWidth}px;
   min-width: ${u.clearedBalanceWidth}px;
   text-align: right;
-`,Me=a(w)`
+`,Fe=a(w)`
   width: ${u.statusWidth}px;
   min-width: ${u.statusWidth}px;
   height: 1px;
@@ -150,12 +150,12 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
   min-width: ${u.spacerLineWidth}px;
   width: ${u.spacerLineWidth}px;
   align-items: center;
-`,He=a.div`
+`,ze=a.div`
   width: 1px;
   margin-left: ${o.sp3};
   height: ${e=>e.heightValue}px;
   background-color: ${e=>e.theme.colors.grey3};
-`,ze=a.div`
+`,He=a.div`
   display: flex;
   flex-shrink: 0;
   width: ${u.varianceTimeframeWidth}px;
@@ -171,7 +171,7 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
   color: ${e=>e.textColor.hex()};
   min-width: ${u.varianceNumberWidth}px;
   text-align: right;
-`,Ge=a(w)`
+`,Je=a(w)`
   border-radius: ${o.sp1};
   padding: ${o.sp0} ${o.sp1};
   justify-content: center;
@@ -179,11 +179,11 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
   color: ${e=>e.textColor.hex()};
   background-color: ${e=>e.bgColor.hex()};
   min-width: ${u.variancePercentageWidth}px;
-`,Je=a.div`
+`,Ke=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,Ke=a.div`
+`,Ge=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -194,7 +194,7 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
   gap: ${o.sp1};
 `,Ye=a(I)`
   color: ${m.success};
-`,J=a(I)`
+`,K=a(I)`
   color: ${m.success};
 `,Xe=a(je)`
   width: ${o.sp3};
@@ -233,7 +233,7 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
 `,it=a(de)`
   width: ${o.sp3};
   height: ${o.sp3};
-`,O=a(fe)`
+`,V=a(fe)`
   width: 12px;
   height: 12px;
   color: ${e=>e.iconColor.hex()};
@@ -241,26 +241,26 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
 `,$=a.div`
   display: flex;
   gap: ${o.sp1};
-`,Q=a.div`
+`,O=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-`,K=a(w)`
+`,G=a(w)`
   color: ${e=>e.theme.colors.hero};
-`,V=a.div`
+`,Q=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${o.sp1};
-`,F=a(I)`
-  color: ${e=>e.textColor.hex()};
 `,M=a(I)`
   color: ${e=>e.textColor.hex()};
+`,F=a(I)`
+  color: ${e=>e.textColor.hex()};
 `,U=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,H=a.div`
+`,z=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -295,4 +295,4 @@ import{V as t,F as se,aL as E,bQ as f,o,aK as y,a9 as re,dO as le,ak as w,dP as
   width: ${o.sp3};
   height: ${o.sp3};
   margin-top: 2px;
-`,{expenseAutomation:{accountRecon:{reconciliation:s}},common:{strings:{hyphen:h,percentage:mt}}}=se.getLocalizedStrings();function Bt({height:e,accountRecon:n,isLastRow:c,isSelectedRow:i,onReviewClicked:l,onOpenDrawerClicked:d,onConnectClicked:r,onReconnectClicked:g,onStatementAddClicked:k}){const P=xe(),_=S(),v=n.accountReconEntity.account.accountName,W=n.accountReconEntity.balance,j=n.accountReconEntity.clearedBalance,N=n.accountReconEntity.variance,ne=n.accountReconEntity.variancePercentage,oe=()=>{r?.(n.accountReconEntity.account.accountId)},ae=()=>{g?.(n.accountReconEntity.account.accountId)},ce=()=>{k?.(n.accountReconEntity.account.accountId)},z=()=>{l?.(n.accountReconEntity.account.accountId)},[ie,D]=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 G=e;return c&&(G=e+p[8]),t.jsxs(Le,{"data-testid":y("account-recon-row-root-container",n.accountReconEntity.account.accountName),heightValue:G,isLastRow:c,windowSize:P,isSelectedRow:i,onClick:()=>{ie!==!0&&d?.(n.accountReconEntity.account.accountId)},children:[t.jsxs(_e,{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(_.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(Oe,{children:[t.jsx(Qe,{children:t.jsx(wt,{accountType:n.accountReconEntity.account.accountType,lastUpdatedAt:n.accountReconEntity.reconciliationId!=null?n.accountReconEntity.reconUpdatedAt:n.accountReconEntity.accountUpdatedAt,setIsHovering:D,statementStatus:n.accountReconEntity.statementStatus.code,accountId:n.accountReconEntity.account.accountId,bankBalance:W,bankConnection:n.accountConnectionStatus,onConnectClicked:oe,onStatementAddClicked:ce,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(Fe,{children:t.jsx($t,{clearedBalance:j,isLoading:T})}),t.jsx(gt,{isLoading:T,variance:N,variancePercentage:ne,reconciliationStatusCode:n.accountReconEntity.reconciliationStatus?.code}),t.jsx(Ue,{children:t.jsx(He,{heightValue:e})}),t.jsx(Me,{onMouseEnter:()=>{D(!0)},onMouseLeave:()=>{D(!1)},children:q==="plaid"?t.jsx(jt,{accountRecon:n,isLoading:T,onReviewClicked:z}):t.jsx(yt,{accountRecon:n,isLoading:T,onReviewClicked:z})})]})]}),t.jsx(Pe,{kind:"account_separator",isScrolling:!1}),c?t.jsx(Be,{}):null]})}const gt=({variance:e,variancePercentage:n,reconciliationStatusCode:c,isLoading:i})=>{const l=S(),{varianceColor:d,variancePercentageColor:r,variancePercentageContainerColor:g}=ft(l,e,c),k=i?h:e!=null&&e.amount===0?"0%":n!=null?n===0?"0%":`${n.toFixed(2)}${mt}`:h;return t.jsxs(ze,{children:[t.jsx(qe,{textColor:d,className:"any-text-container",children:e==null||i?h:E("0,0",e)}),t.jsx(Ge,{textColor:r,bgColor:g,className:"any-text-container",children:k})]})},ft=(e,n,c,i)=>{let l,d,r;return n!=null&&n.amount===0&&c!=null&&c==="reconciled"?(l=new x(m.success),d=new x(m.success),r=new x(m.successLight)):i===!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:c})=>{const i=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(vt,{});if(e.accountReconEntity.balanceDataStatus?.code==="not_found"){let g="";return e.accountReconEntity.balance==null&&e.accountReconEntity.clearedBalance==null?g=s.status.balanceNotFound:e.accountReconEntity.balance==null?g=s.status.bankBalanceNotFound:g=s.status.clearedBalanceNotFound,t.jsx(bt,{status:g,tooltipText:r})}if(l==="reconnect"||l==="not_connected")return t.jsx(A,{tooltipText:r,showTooltip:d!=null});if(i==null&&l==="connected"&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(L,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});if(i!=null)switch(i.code){case"save_for_later":case"pending":return t.jsx(L,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});case"reconciled":return t.jsx(B,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"in_progress":return t.jsx(te,{tooltipText:r});case"failed":return t.jsx(ee,{tooltipText:r});case"reconciled_on_qbo":return t.jsx(B,{isQBO:!0,tooltipText:r});default:return null}else return t.jsx(A,{showTooltip:d!=null,tooltipText:r})},yt=({accountRecon:e,isLoading:n,onReviewClicked:c})=>{const i=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(Ct,{});if(i==null&&l&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(L,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});if(i!=null)switch(i.code){case"save_for_later":case"pending":return t.jsx(L,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});case"reconciled":return t.jsx(B,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"reconciled_on_qbo":return t.jsx(B,{isQBO:!0,tooltipText:r});case"in_progress":return t.jsx(te,{tooltipText:r});case"failed":return t.jsx(ee,{tooltipText:r});default:return null}else return t.jsx(A,{showTooltip:d!=null,tooltipText:r})},L=({buttonLabel:e,isDisabled:n,tooltipText:c,dataTestId:i,onClick:l})=>t.jsx(f,{title:t.jsx(b,{tooltipText:c}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx(Je,{children:t.jsx(ge,{label:e,size:"standard",variant:"secondary",style:{padding:`${o.sp1} 12px`},disabled:n,"data-testid":i,onClick:d=>{d.stopPropagation(),l()}})})}),B=({user:e,isQBO:n,tooltipText:c})=>t.jsx(f,{title:t.jsx(b,{tooltipText:c}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs(Ke,{children:[t.jsxs(Ze,{children:[t.jsx(Xe,{}),t.jsx(Ye,{children:n?s.status.reconciledVia:s.status.reconciledBy})]}),n?t.jsx(J,{children:s.status.QBOUser}):e&&t.jsxs(J,{children:[e.firstName," ",e.lastName]})]})}),wt=({bankBalance:e,accountType:n,bankConnection:c,statementStatus:i,lastUpdatedAt:l,fromDrawer:d=!1,onConnectClicked:r,onReconnectClicked:g,isLoading:k,accountId:P,onStatementAddClicked:_,setIsHovering:v})=>{const W=Tt(n);if(d===!0)return t.jsx(C,{className:"any-text-container",children:E("0,0",e)??h});if(k===!0)return t.jsx(C,{className:"any-text-container",children:h});if(c==="reconnect"){const j=l!=null?`${l.utc(!0).fromNow()}`:h;return t.jsxs(ot,{children:[t.jsxs(at,{children:[t.jsx(ct,{children:t.jsx(f,{title:t.jsx(b,{tooltipText:j}),placement:"bottom",style:{padding:`2px ${o.sp2}`},children:t.jsx(it,{})})}),t.jsx(C,{className:"any-text-container",children:e!=null?E("0,0",e):h})]}),t.jsx(nt,{"data-testid":y("account-reconciliation-reconnect-button",P),onClick:N=>{N.stopPropagation(),g?.()},children:s.connect.reconnnect})]})}else return c==="connected"||i==="uploaded"?t.jsx(C,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(et,{"data-testid":y("account-reconciliation-connect-button",P),onMouseEnter:()=>{v(!0)},onMouseLeave:()=>{v(!1)},children:t.jsx(re,{controller:W.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:W,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"?r?.():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(C,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(C,{className:"any-text-container",children:h}),ee=({tooltipText:e})=>{const n=new x(m.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(Q,{children:[t.jsx(O,{iconColor:n}),t.jsx(V,{children:t.jsx(F,{textColor:n,children:s.status.reconciliationFailed})}),t.jsx(U,{children:t.jsx(M,{textColor:n,children:s.status.reconcileViaQBO})})]})})})},bt=({status:e,tooltipText:n})=>{const c=new x(m.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(O,{iconColor:c}),t.jsxs(Q,{children:[t.jsx(V,{children:t.jsx(F,{textColor:c,children:e})}),t.jsx(U,{children:t.jsx(M,{textColor:c,children:s.status.reconcileViaQBO})})]})]})})},te=({tooltipText:e})=>{const n=S(),c=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(H,{children:[t.jsx(R,{textColor:c,children:s.status.autoReconInProgress}),t.jsx(R,{textColor:c,children:s.status.isInProgress})]})})})},vt=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(H,{children:[t.jsx(R,{textColor:n,children:s.status.balanceSyncInProgress}),t.jsx(R,{textColor:n,children:s.status.isInProgress})]})})},Ct=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(H,{children:[t.jsx(R,{textColor:n,children:s.status.statementSyncInProgress}),t.jsx(R,{textColor:n,children:s.status.isInProgress})]})})},Rt=({code:e,tooltipText:n,errorMessage:c})=>{const i=new x(m.important),l=Et(e,"list",c);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(O,{iconColor:i}),t.jsxs(Q,{children:[t.jsx(V,{children:t.jsx(F,{textColor:i,children:l})}),t.jsx(U,{children:t.jsx(M,{textColor:i,children:s.status.failed})})]})]})})},A=({showTooltip:e,tooltipText:n})=>e==!1?t.jsx($,{children:t.jsx(K,{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(K,{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:c,connectionInProgress:i})=>{let l=e==="uploaded"||n===!0?t.jsx(ht,{}):null;return l=c==="connected"||c==="reconnect"||i===!0?t.jsx(xt,{}):l,t.jsx(dt,{className:"bank-icon-container",children:l})};function Tt(e){const n=[];return e!=null&&e==="bank"&&n.push({label:s.menu.bankConnection,value:"bank_connection"}),n.push({label:s.menu.statement,value:"statement"}),n}const Et=(e,n,c)=>{if(c!=null&&n==="drawer")return c;let i="";switch(e){case"parsing_failed":i=s.status.statementParseError;break;case"validation_failed":i=s.status.statementValidationFailed;break;case"processing_failed":i=s.status.statementProcessingFailed;break;default:i=s.status.statementParseError;break}return n==="drawer"&&(i=i+" "+s.status.failed),i};export{Te as B,wt as C,Lt as D,Et as E,Wt as N,Bt as R,ft as f,u,$t as w};
+`,{expenseAutomation:{accountRecon:{reconciliation:s}},common:{strings:{hyphen:h,percentage:mt}}}=se.getLocalizedStrings();function Bt({height:e,accountRecon:n,isLastRow:c,isSelectedRow:i,onReviewClicked:l,onOpenDrawerClicked:d,onConnectClicked:r,onReconnectClicked:g,onStatementAddClicked:k}){const W=xe(),_=S(),v=n.accountReconEntity.account.accountName,L=n.accountReconEntity.balance,j=n.accountReconEntity.clearedBalance,N=n.accountReconEntity.variance,ne=n.accountReconEntity.variancePercentage,oe=()=>{r?.(n.accountReconEntity.account.accountId)},ae=()=>{g?.(n.accountReconEntity.account.accountId)},ce=()=>{k?.(n.accountReconEntity.account.accountId)},H=()=>{l?.(n.accountReconEntity.account.accountId)},[ie,D]=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 J=e;return c&&(J=e+p[8]),t.jsxs(Pe,{"data-testid":y("account-recon-row-root-container",n.accountReconEntity.account.accountName),heightValue:J,isLastRow:c,windowSize:W,isSelectedRow:i,onClick:()=>{ie!==!0&&d?.(n.accountReconEntity.account.accountId)},children:[t.jsxs(_e,{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(_.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(Ve,{children:[t.jsx(Oe,{children:t.jsx(wt,{accountType:n.accountReconEntity.account.accountType,lastUpdatedAt:n.accountReconEntity.reconciliationId!=null?n.accountReconEntity.reconUpdatedAt:n.accountReconEntity.accountUpdatedAt,setIsHovering:D,statementStatus:n.accountReconEntity.statementStatus.code,accountId:n.accountReconEntity.account.accountId,bankBalance:L,bankConnection:n.accountConnectionStatus,onConnectClicked:oe,onStatementAddClicked:ce,isLoading:T,onReconnectClicked:ae})}),t.jsx(Qe,{children:t.jsx(kt,{statementStatus:n.accountReconEntity.statementStatus.code,statementParseInProgress:n.statementParseInProgress,connectionInProgress:n.connectionInProgress,bankStatusCode:n.accountConnectionStatus})}),t.jsx(Me,{children:t.jsx($t,{clearedBalance:j,isLoading:T})}),t.jsx(gt,{isLoading:T,variance:N,variancePercentage:ne,reconciliationStatusCode:n.accountReconEntity.reconciliationStatus?.code}),t.jsx(Ue,{children:t.jsx(ze,{heightValue:e})}),t.jsx(Fe,{onMouseEnter:()=>{D(!0)},onMouseLeave:()=>{D(!1)},children:q==="plaid"?t.jsx(jt,{accountRecon:n,isLoading:T,onReviewClicked:H}):t.jsx(yt,{accountRecon:n,isLoading:T,onReviewClicked:H})})]})]}),t.jsx(We,{kind:"account_separator",isScrolling:!1}),c?t.jsx(Be,{}):null]})}const gt=({variance:e,variancePercentage:n,reconciliationStatusCode:c,isLoading:i})=>{const l=S(),{varianceColor:d,variancePercentageColor:r,variancePercentageContainerColor:g}=ft(l,e,c),k=i?h:e!=null&&e.amount===0?"0%":n!=null?n===0?"0%":`${n.toFixed(2)}${mt}`:h;return t.jsxs(He,{children:[t.jsx(qe,{textColor:d,className:"any-text-container",children:e==null||i?h:E("0,0",e)}),t.jsx(Je,{textColor:r,bgColor:g,className:"any-text-container",children:k})]})},ft=(e,n,c,i)=>{let l,d,r;return n!=null&&n.amount===0&&c!=null&&c==="reconciled"?(l=new x(m.success),d=new x(m.success),r=new x(m.successLight)):i===!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:c})=>{const i=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(vt,{});if(e.accountReconEntity.balanceDataStatus?.code==="not_found"){let g="";return e.accountReconEntity.balance==null&&e.accountReconEntity.clearedBalance==null?g=s.status.balanceNotFound:e.accountReconEntity.balance==null?g=s.status.bankBalanceNotFound:g=s.status.clearedBalanceNotFound,t.jsx(bt,{status:g,tooltipText:r})}if(l==="reconnect"||l==="not_connected")return t.jsx(A,{tooltipText:r,showTooltip:d!=null});if(i==null&&l==="connected"&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(P,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});if(i!=null)switch(i.code){case"save_for_later":case"pending":return t.jsx(P,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});case"reconciled":return t.jsx(B,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"in_progress":return t.jsx(te,{tooltipText:r});case"failed":return t.jsx(ee,{tooltipText:r});case"reconciled_on_qbo":return t.jsx(B,{isQBO:!0,tooltipText:r});default:return null}else return t.jsx(A,{showTooltip:d!=null,tooltipText:r})},yt=({accountRecon:e,isLoading:n,onReviewClicked:c})=>{const i=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(Ct,{});if(i==null&&l&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(P,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});if(i!=null)switch(i.code){case"save_for_later":case"pending":return t.jsx(P,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:c});case"reconciled":return t.jsx(B,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"reconciled_on_qbo":return t.jsx(B,{isQBO:!0,tooltipText:r});case"in_progress":return t.jsx(te,{tooltipText:r});case"failed":return t.jsx(ee,{tooltipText:r});default:return null}else return t.jsx(A,{showTooltip:d!=null,tooltipText:r})},P=({buttonLabel:e,isDisabled:n,tooltipText:c,dataTestId:i,onClick:l})=>t.jsx(f,{title:t.jsx(b,{tooltipText:c}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx(Ke,{children:t.jsx(ge,{label:e,size:"standard",variant:"secondary",style:{padding:`${o.sp1} 12px`},disabled:n,"data-testid":i,onClick:d=>{d.stopPropagation(),l()}})})}),B=({user:e,isQBO:n,tooltipText:c})=>t.jsx(f,{title:t.jsx(b,{tooltipText:c}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs(Ge,{children:[t.jsxs(Ze,{children:[t.jsx(Xe,{}),t.jsx(Ye,{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,accountType:n,bankConnection:c,statementStatus:i,lastUpdatedAt:l,fromDrawer:d=!1,onConnectClicked:r,onReconnectClicked:g,isLoading:k,accountId:W,onStatementAddClicked:_,setIsHovering:v})=>{const L=Tt(n);if(d===!0)return t.jsx(C,{className:"any-text-container",children:E("0,0",e)??h});if(k===!0)return t.jsx(C,{className:"any-text-container",children:h});if(c==="reconnect"){const j=l!=null?`${l.utc(!0).fromNow()}`:h;return t.jsxs(ot,{children:[t.jsxs(at,{children:[t.jsx(ct,{children:t.jsx(f,{title:t.jsx(b,{tooltipText:j}),placement:"bottom",style:{padding:`2px ${o.sp2}`},children:t.jsx(it,{})})}),t.jsx(C,{className:"any-text-container",children:e!=null?E("0,0",e):h})]}),t.jsx(nt,{"data-testid":y("account-reconciliation-reconnect-button",W),onClick:N=>{N.stopPropagation(),g?.()},children:s.connect.reconnnect})]})}else return c==="connected"||i==="uploaded"?t.jsx(C,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(et,{"data-testid":y("account-reconciliation-connect-button",W),onMouseEnter:()=>{v(!0)},onMouseLeave:()=>{v(!1)},children:t.jsx(re,{controller:L.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:L,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"?r?.():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(C,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(C,{className:"any-text-container",children:h}),ee=({tooltipText:e})=>{const n=new x(m.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(O,{children:[t.jsx(V,{iconColor:n}),t.jsx(Q,{children:t.jsx(M,{textColor:n,children:s.status.reconciliationFailed})}),t.jsx(U,{children:t.jsx(F,{textColor:n,children:s.status.reconcileViaQBO})})]})})})},bt=({status:e,tooltipText:n})=>{const c=new x(m.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(V,{iconColor:c}),t.jsxs(O,{children:[t.jsx(Q,{children:t.jsx(M,{textColor:c,children:e})}),t.jsx(U,{children:t.jsx(F,{textColor:c,children:s.status.reconcileViaQBO})})]})]})})},te=({tooltipText:e})=>{const n=S(),c=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(z,{children:[t.jsx(R,{textColor:c,children:s.status.autoReconInProgress}),t.jsx(R,{textColor:c,children:s.status.isInProgress})]})})})},vt=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(z,{children:[t.jsx(R,{textColor:n,children:s.status.balanceSyncInProgress}),t.jsx(R,{textColor:n,children:s.status.isInProgress})]})})},Ct=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(z,{children:[t.jsx(R,{textColor:n,children:s.status.statementSyncInProgress}),t.jsx(R,{textColor:n,children:s.status.isInProgress})]})})},Rt=({code:e,tooltipText:n,errorMessage:c})=>{const i=new x(m.important),l=Et(e,"list",c);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(V,{iconColor:i}),t.jsxs(O,{children:[t.jsx(Q,{children:t.jsx(M,{textColor:i,children:l})}),t.jsx(U,{children:t.jsx(F,{textColor:i,children:s.status.failed})})]})]})})},A=({showTooltip:e,tooltipText:n})=>e==!1?t.jsx($,{children:t.jsx(G,{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(G,{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:c,connectionInProgress:i})=>{let l=e==="uploaded"||n===!0?t.jsx(ht,{}):null;return l=c==="connected"||c==="reconnect"||i===!0?t.jsx(xt,{}):l,t.jsx(dt,{className:"bank-icon-container",children:l})};function Tt(e){const n=[];return e!=null&&e==="bank"&&n.push({label:s.menu.bankConnection,value:"bank_connection"}),n.push({label:s.menu.statement,value:"statement"}),n}const Et=(e,n,c)=>{if(c!=null&&n==="drawer")return c;let i="";switch(e){case"parsing_failed":i=s.status.statementParseError;break;case"validation_failed":i=s.status.statementValidationFailed;break;case"processing_failed":i=s.status.statementProcessingFailed;break;default:i=s.status.statementParseError;break}return n==="drawer"&&(i=i+" "+s.status.failed),i};export{Te as B,wt as C,Pt as D,Et as E,Lt as N,Bt as R,ft as f,u,$t as w};