@zeniai/web-cockpit-ui 1.13.96-dev → 1.13.97-dev

package/dist/assets/{ACHDetailsPage-C_NL9J0X-DQ3wv9Rt.js → ACHDetailsPage-Cwc2nmvY-CBrfq4gI.js}

@@ -1,4 +1,4 @@
-import{X as I,a as W,M as A,c3 as F,j as n,bO as H,bQ as O,bR as V,F as G,a3 as Q,C as s,eP as U,al as X,o as _,n as t}from"./index-DyBH5SZv.js";import{b as x,n as d}from"./vendor-CnQcJ2Lu.js";import{W as q,A as J}from"./BankAccountWarningSection-Ce5s962S-Dy-_2VlU.js";import{M as K}from"./MagicLinkTitleSection-Oa8Szvl2-DvY3D69u.js";import{e as Y}from"./BankAccountSection-cVBEl5IN-DpEdLEP3.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)},S="achDetailsPage",b="bankAccountSection",j=e=>`${e}_form`,de=({bankAccountCreationState:e,bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,isDisabled:C,style:B,onSaveHandler:N,onBackClick:f,onACHDetailsUpdated:T,onFetchBankName:v,isMagicLink:u,companyName:w,currencySymbol:P,amount:$,bankAccountContext:z})=>{const r=I(),i=W({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Z(g),[g])}),[D,m]=x.useState(!1),c=A.getLocalizedStrings().spendManagement.billPay.vendorCreation,M=A.getLocalizedStrings().common.footer,{achDetails:y,bankAccountCommon:h}=c,R={onOkClick:()=>{m(!1),i.reset(),f?.()},onCancelClick:()=>{m(!1)}},L=async(p,l)=>{const o=l[b].bankRoutingNumber;T(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&U.test(o)===!0&&v?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&F(()=>L(o,l))});return()=>{p.unsubscribe()}});const E=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&N("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:B,size:r,children:[D===!0?n.jsx(H,{titleComponent:n.jsx(V,{children:c.discardTitle}),descriptionComponent:n.jsx(O,{children:c.discardDescription}),primaryButtonText:c.discard,secondaryButtonText:c.cancel,action:R}):null,n.jsx(q,{header:u?n.jsx(K,{companyName:w??"",currencySymbol:P??"",amount:$??0}):y.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,z==="express-pay"?null:n.jsx(ae,{size:r,children:y.title}),n.jsx(ie,{children:n.jsx(G,{...i,children:n.jsx("form",{id:j(S),onSubmit:E,children:n.jsx(ee,{size:r,children:n.jsx(Y,{bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:C})})})})})]}),n.jsx(Q,{formId:j(S),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(r)},isDisabled:C!=null},showCancel:!u,cancelBtn:{label:M.cancel,style:{width:a.buttonWidth.value(r)},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{X as I,a as W,M as A,c3 as F,j as n,bO as H,bQ as q,bR as O,F as V,a7 as Q,C as s,eR as U,aq as X,o as _,q as t}from"./index-CEwYV-nF.js";import{b as x,n as d}from"./vendor-CnQcJ2Lu.js";import{W as G,A as J}from"./BankAccountWarningSection-DKdgmMHQ-KMb42RR1.js";import{M as K}from"./MagicLinkTitleSection-CCjLimcL-D5Get_gS.js";import{e as Y}from"./BankAccountSection-Bi3uoDPa-Dwk4Gyix.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)},S="achDetailsPage",b="bankAccountSection",j=e=>`${e}_form`,de=({bankAccountCreationState:e,bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,isDisabled:C,style:v,onSaveHandler:B,onBackClick:f,onACHDetailsUpdated:N,onFetchBankName:T,isMagicLink:u,companyName:w,currencySymbol:P,amount:R,bankAccountContext:$})=>{const r=I(),i=W({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Z(g),[g])}),[D,m]=x.useState(!1),c=A.getLocalizedStrings().spendManagement.billPay.vendorCreation,M=A.getLocalizedStrings().common.footer,{achDetails:y,bankAccountCommon:h}=c,z={onOkClick:()=>{m(!1),i.reset(),f?.()},onCancelClick:()=>{m(!1)}},L=async(p,l)=>{const o=l[b].bankRoutingNumber;N(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&U.test(o)===!0&&T?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&F(()=>L(o,l))});return()=>{p.unsubscribe()}});const E=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&B("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:v,size:r,children:[D===!0?n.jsx(H,{titleComponent:n.jsx(O,{children:c.discardTitle}),descriptionComponent:n.jsx(q,{children:c.discardDescription}),primaryButtonText:c.discard,secondaryButtonText:c.cancel,action:z}):null,n.jsx(G,{header:u?n.jsx(K,{companyName:w??"",currencySymbol:P??"",amount:R??0}):y.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,$==="express-pay"?null:n.jsx(ae,{size:r,children:y.title}),n.jsx(ie,{children:n.jsx(V,{...i,children:n.jsx("form",{id:j(S),onSubmit:E,children:n.jsx(ee,{size:r,children:n.jsx(Y,{bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:C})})})})})]}),n.jsx(Q,{formId:j(S),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(r)},isDisabled:C!=null},showCancel:!u,cancelBtn:{label:M.cancel,style:{width:a.buttonWidth.value(r)},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-DyiOQxOC-Deykua_G.js → AIPerformancePage-CK4ZdUEb-BnOLhCP_.js}

@@ -1,4 +1,4 @@
-import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,jo as H,v as _,bJ as v1,n,bf as L,dn as d1,g as c,V as $1,ai as c1,ar as h1,au as p1,at as N,u as m1,b6 as S1,b7 as b1,as as Q,jp as f,w as g,jq as Z1,jr as B1,p as b,c0 as K,al as Y,f as W1,js as F1,dI as D1,fu as _1,bH as u1,q as P1}from"./index-DyBH5SZv.js";import{b as t,n as i,j as T1,k as H1}from"./vendor-CnQcJ2Lu.js";import{L as V1}from"./NavBarWithPicker-D4jJGXZB-BJWr2BT1.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const e1={titleLoaderWidth:new u(200,200,300),subtitleLoaderWidth:new u(100,100,200)},z1=i.div`
+import{C as u,d3 as w1,X as M,M as y,l as k,aV as M1,j as r,Y as j1,bt as y1,o,jq as H,r as _,bI as v1,q as n,bg as L,dp as d1,g as c,W as $1,ao as c1,ay as h1,aB as p1,aA as N,u as m1,b7 as S1,b8 as b1,az as Q,jr as f,v as g,js as B1,jt as Z1,s as b,c0 as K,aq as J,m as W1,ju as F1,dJ as D1,fw as _1,ah as u1,t as P1}from"./index-CEwYV-nF.js";import{b as t,n as i,j as T1,k as H1}from"./vendor-CnQcJ2Lu.js";import{H as V1}from"./NavBarWithPicker-CXyMHDUO-CLsGi3M3.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const e1={titleLoaderWidth:new u(200,200,300),subtitleLoaderWidth:new u(100,100,200)},z1=i.div`
   width: 100%;
   height: 100%;
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -48,11 +48,11 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   display: flex;
   flex-direction: column;
   gap: ${o.sp2};
-`,Y1=i.div`
+`,J1=i.div`
   display: flex;
   flex-direction: column;
   gap: ${o.sp4};
-`,J1=i.div`
+`,X1=i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -62,7 +62,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   &:last-of-type {
     border-bottom: none;
   }
-`,X1=i.div`
+`,Y1=i.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
@@ -70,7 +70,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   display: flex;
   flex-direction: column;
   gap: ${o.sp1};
-`,Q1=({customStyle:e})=>r.jsxs(I1,{style:e,children:[r.jsx(U1,{children:r.jsxs(K1,{children:[r.jsx(L,{width:180,height:n[4]}),r.jsx(L,{width:300,height:21})]})}),r.jsx(Y1,{children:[...Array(3)].map((s,a)=>r.jsxs(J1,{children:[r.jsxs(X1,{children:[r.jsx(d1,{width:n[6],height:n[6]}),r.jsxs(q1,{children:[r.jsx(L,{width:120,height:18}),r.jsx(L,{width:n[11],height:n[3]})]})]}),r.jsx(L,{width:n[11],height:18}),r.jsx(L,{width:n[11],height:18})]},a))})]}),e2={containerMarginLeft:new u(0,0,n[9],n[9],n[9])},t2=i.div`
+`,Q1=({customStyle:e})=>r.jsxs(I1,{style:e,children:[r.jsx(U1,{children:r.jsxs(K1,{children:[r.jsx(L,{width:180,height:n[4]}),r.jsx(L,{width:300,height:21})]})}),r.jsx(J1,{children:[...Array(3)].map((s,a)=>r.jsxs(X1,{children:[r.jsxs(Y1,{children:[r.jsx(d1,{width:n[6],height:n[6]}),r.jsxs(q1,{children:[r.jsx(L,{width:120,height:18}),r.jsx(L,{width:n[11],height:n[3]})]})]}),r.jsx(L,{width:n[11],height:18}),r.jsx(L,{width:n[11],height:18})]},a))})]}),e2={containerMarginLeft:new u(0,0,n[9],n[9],n[9])},t2=i.div`
   display: flex;
   flex-direction: row;
   margin-left: ${e=>e2.containerMarginLeft.valuePx(e.windowSize)};
@@ -136,7 +136,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   display: flex;
   align-items: center;
   gap: 12px;
-`,f2=i(Y)`
+`,f2=i(J)`
   color: ${e=>e.theme.colors.primary};
   margin-left: ${o.sp3};
 `,W=i(l2)`
@@ -156,7 +156,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   color: ${e=>e.theme.colors.brandColorJadeDark};
 `,v2=i(g)`
   color: ${e=>e.theme.colors.hero};
-`;function $2({icon:e,title:s,data:a,currency:C}){return r.jsxs(u2,{children:[r.jsxs(k2,{children:[r.jsx(x2,{children:e}),r.jsx(g2,{children:r.jsx(f2,{children:s})})]}),r.jsx(a2,{}),a.map((l,d)=>r.jsx(C2,{taskName:l.eventName,taskCount:l.eventsCount,timeSavedMinutes:l.timeSavedInMinutes,costSaved:l.totalCostSaved,currency:C},d))]})}const S2=e=>{switch(e){case f.aiPerformanceDashboard.personas.aiBookkeeper:return r.jsx(W,{});case f.aiPerformanceDashboard.personas.aiAccountant:return r.jsx(W,{});case f.aiPerformanceDashboard.personas.aiCardsAgent:return r.jsx(L2,{});case f.aiPerformanceDashboard.personas.aiBillsAgent:return r.jsx(E2,{});case f.aiPerformanceDashboard.personas.aiExpenseAgent:return r.jsx(w2,{});case f.aiPerformanceDashboard.personas.aiBankingAgent:return r.jsx(M2,{});case f.aiPerformanceDashboard.personas.aiAccountantAgent:return r.jsx(W,{});default:return r.jsx(W,{})}};function b2({personas:e,currency:s}){return r.jsxs(m2,{children:[r.jsxs(j2,{children:[r.jsx(y2,{children:f.aiPerformanceDashboard.tileTitle}),r.jsx(v2,{children:f.aiPerformanceDashboard.tileSubtitle})]}),e.map(a=>r.jsx($2,{icon:S2(a.personaName),title:a.personaName,data:a.eventGroups,currency:s},a.personaName))]})}const Z2=i.div`
+`;function $2({icon:e,title:s,data:a,currency:C}){return r.jsxs(u2,{children:[r.jsxs(k2,{children:[r.jsx(x2,{children:e}),r.jsx(g2,{children:r.jsx(f2,{children:s})})]}),r.jsx(a2,{}),a.map((l,d)=>r.jsx(C2,{taskName:l.eventName,taskCount:l.eventsCount,timeSavedMinutes:l.timeSavedInMinutes,costSaved:l.totalCostSaved,currency:C},d))]})}const S2=e=>{switch(e){case f.aiPerformanceDashboard.personas.aiBookkeeper:return r.jsx(W,{});case f.aiPerformanceDashboard.personas.aiAccountant:return r.jsx(W,{});case f.aiPerformanceDashboard.personas.aiCardsAgent:return r.jsx(L2,{});case f.aiPerformanceDashboard.personas.aiBillsAgent:return r.jsx(E2,{});case f.aiPerformanceDashboard.personas.aiExpenseAgent:return r.jsx(w2,{});case f.aiPerformanceDashboard.personas.aiBankingAgent:return r.jsx(M2,{});case f.aiPerformanceDashboard.personas.aiAccountantAgent:return r.jsx(W,{});default:return r.jsx(W,{})}};function b2({personas:e,currency:s}){return r.jsxs(m2,{children:[r.jsxs(j2,{children:[r.jsx(y2,{children:f.aiPerformanceDashboard.tileTitle}),r.jsx(v2,{children:f.aiPerformanceDashboard.tileSubtitle})]}),e.map(a=>r.jsx($2,{icon:S2(a.personaName),title:a.personaName,data:a.eventGroups,currency:s},a.personaName))]})}const B2=i.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -168,7 +168,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   box-shadow: ${e=>e.theme.colors.elevation1};
   padding: ${o.sp4};
   background-color: ${e=>e.theme.colors.grey5};
-`,B2=i.div`
+`,Z2=i.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -214,7 +214,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.brandColorOnyx};
-`;function o1({type:e,value:s,currency:a,timeUnit:C,style:l,noData:d}){const{common:h,aiPerformanceDashboard:p}=y.getLocalizedStrings(),x=e==="cost",$=x?r.jsx(H2,{}):r.jsx(V2,{}),j=x?c.brandColorGoldLight:c.graphColor16Light,v=x?p.aiCostSavedTile.title:p.aiTimeSavedTile.title,P=x?c.brandColorGoldDark:c.graphColor16Dark,w=x?p.aiCostSavedTile.subtitle:p.aiTimeSavedTile.subtitle;return r.jsxs(Z2,{style:l,children:[r.jsxs(B2,{children:[r.jsxs(W2,{children:[r.jsx(F2,{children:r.jsx(D2,{color:P,children:v})}),r.jsx(_2,{children:w})]}),r.jsx(P2,{bg:j,children:$})]}),r.jsxs(T2,{children:[x&&!(d??!1)?r.jsx(R,{children:a.currencySymbol}):null,r.jsx(R,{children:s===""?h.strings.hyphen:s}),!x&&!(d??!1)?r.jsx(R,{style:{fontSize:_.largeSemiBold.fontSize},children:C}):null]})]})}const z2=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("g",{clipPath:"url(#clip0_4001_4844)"},t.createElement("path",{d:"M12.0037 7.78125V6.84375",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.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"}),t.createElement("path",{d:"M12.0037 14.3438V13.4062",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.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"}),t.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"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_4001_4844"},t.createElement("rect",{width:24,height:24,fill:"white"})))),I={tileContainerGap:new u(n[2],n[2],n[4]),amountRowMarginTop:new u(n[3],n[5],n[5]),amountRowGap:new u(n[2],n[4],n[4])},R2=i.div`
+`;function o1({type:e,value:s,currency:a,timeUnit:C,style:l,noData:d}){const{common:h,aiPerformanceDashboard:p}=y.getLocalizedStrings(),x=e==="cost",$=x?r.jsx(H2,{}):r.jsx(V2,{}),j=x?c.brandColorGoldLight:c.graphColor16Light,v=x?p.aiCostSavedTile.title:p.aiTimeSavedTile.title,P=x?c.brandColorGoldDark:c.graphColor16Dark,w=x?p.aiCostSavedTile.subtitle:p.aiTimeSavedTile.subtitle;return r.jsxs(B2,{style:l,children:[r.jsxs(Z2,{children:[r.jsxs(W2,{children:[r.jsx(F2,{children:r.jsx(D2,{color:P,children:v})}),r.jsx(_2,{children:w})]}),r.jsx(P2,{bg:j,children:$})]}),r.jsxs(T2,{children:[x&&!(d??!1)?r.jsx(R,{children:a.currencySymbol}):null,r.jsx(R,{children:s===""?h.strings.hyphen:s}),!x&&!(d??!1)?r.jsx(R,{style:{fontSize:_.largeSemiBold.fontSize},children:C}):null]})]})}const z2=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("g",{clipPath:"url(#clip0_4001_4844)"},t.createElement("path",{d:"M12.0037 7.78125V6.84375",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.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"}),t.createElement("path",{d:"M12.0037 14.3438V13.4062",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.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"}),t.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"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_4001_4844"},t.createElement("rect",{width:24,height:24,fill:"white"})))),I={tileContainerGap:new u(n[2],n[2],n[4]),amountRowMarginTop:new u(n[3],n[5],n[5]),amountRowGap:new u(n[2],n[4],n[4])},R2=i.div`
   border-radius: 10px;
   padding: 3px;
   background-color: ${e=>e.theme.colors.grey5};
@@ -254,22 +254,22 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   flex-direction: row;
   gap: ${e=>e.isPerformanceReportNotFound?o.sp12:I.amountRowGap.valuePx(e.windowSize)};
   margin-top: ${e=>I.amountRowMarginTop.valuePx(e.windowSize)};
-`,Y2=i.div`
+`,J2=i.div`
   display: flex;
   align-items: flex-end;
   gap: ${o.sp1};
 `,F=i(K)`
   font-size: 28px;
   color: ${e=>e.theme.colors.brandColorOnyx};
-`,J2=i(g)`
+`,X2=i(g)`
   font-size: 16px;
   color: ${e=>e.theme.colors.brandColorOnyx};
   line-height: 2;
-`,X2=i(z2)`
+`,Y2=i(z2)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.brandColorOnyx};
-`;function q2({performanceSummary:e,currency:s,isPerformanceReportNotFound:a}){const{common:C,aiPerformanceDashboard:l}=y.getLocalizedStrings(),d=M(),h=$=>Math.round($/60),p=Z1(e.forecastAnnualSavings.timeSavedMinutes).toFixed(),x=B1(e.forecastAnnualSavings.timeSavedMinutes).toFixed();return r.jsx(R2,{windowSize:d,children:r.jsxs(O2,{windowSize:d,children:[r.jsx(U2,{children:r.jsx(X2,{})}),r.jsxs(A2,{children:[r.jsxs(G2,{children:[r.jsx(N2,{children:l.annualizedImpact.title}),r.jsx(I2,{children:l.annualizedImpact.subtitle})]}),r.jsxs(K2,{isPerformanceReportNotFound:a,windowSize:d,children:[r.jsxs(i1,{children:[r.jsx(g,{style:{color:c.graphColor16Dark},children:l.aiTimeSavedTile.title}),a?r.jsx(F,{children:C.strings.hyphen}):r.jsxs(Y2,{children:[r.jsxs(F,{children:[Number(h(e.forecastAnnualSavings.timeSavedMinutes).toFixed()).toLocaleString()," "]}),r.jsxs(J2,{children:[C.timeStrings.hours,C.strings.space,Number(p)<=1?r.jsxs(r.Fragment,{children:[C.strings.openingBrace,x,C.strings.space,Number(x)>1?C.timeStrings.days:C.timeStrings.day,C.strings.closingBrace]}):r.jsxs(r.Fragment,{children:[C.strings.openingBrace,p,C.strings.space,Number(p)<2?C.timeStrings.week:C.timeStrings.weeks,C.strings.closingBrace]})]})]})]}),r.jsxs(i1,{children:[r.jsx(g,{style:{color:c.graphColor16Dark},children:l.aiCostSavedTile.title}),a?r.jsx(F,{children:C.strings.hyphen}):r.jsxs(F,{children:[s.currencySymbol,Number(e.forecastAnnualSavings.costSaved.toFixed()).toLocaleString()]})]})]})]})]})})}const Q2=e=>t.createElement("svg",{width:91,height:90,viewBox:"0 0 91 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M80.6 6.30005L9.04999 29.25L24.35 34.2M80.6 6.30005L55.85 55.5751L41.225 40.9501M80.6 6.30005L24.35 34.2M80.6 6.30005L35.825 35.55M35.825 35.55L28.4 46.8001M35.825 35.55L41.225 40.9501M28.4 46.8001L41.225 40.9501M28.4 46.8001L24.35 34.2",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{opacity:.2,d:"M9.95001 30.5999L81.5 7.6499L56.75 56.9249L42.125 42.2999L29.3 48.1499L25.25 35.5499L9.95001 30.5999Z",fill:"#97C3B9"}),t.createElement("path",{d:"M43.0228 60.8666C38.2384 60.8666 34.3667 64.7384 34.3667 69.5227C34.3667 64.7384 30.4843 60.8666 25.7 60.8666C30.4843 60.8666 34.3667 56.9843 34.3667 52.2C34.3667 56.9843 38.2384 60.8666 43.0228 60.8666Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10}),t.createElement("path",{d:"M81.7165 42.6554C78.5503 42.6554 75.9866 45.2276 75.9866 48.4042C75.9866 45.2276 73.4162 42.6554 70.25 42.6554C73.4162 42.6554 75.9866 40.0765 75.9866 36.8999C75.9866 40.0765 78.5503 42.6554 81.7165 42.6554Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinejoin:"round"}),t.createElement("path",{d:"M19.4 15.752C17.4119 15.752 15.8021 17.3618 15.8021 19.3499C15.8021 17.3618 14.1881 15.752 12.2 15.752C14.1881 15.752 15.8021 14.138 15.8021 12.1499C15.8021 14.138 17.4119 15.752 19.4 15.752Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinejoin:"round"}),t.createElement("path",{d:"M10.2031 58.269C10.5781 57.219 11.6881 54.714 13.1281 53.094",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M16.5034 49.2688C17.2972 48.4859 19.2031 46.5689 21.0822 45.6607",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M9.07801 63.219C9.00301 64.194 9.03301 66.729 9.75301 69.069",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M12.4531 73.344C13.1281 74.169 15.0631 75.999 17.4031 76.719M22.1281 78.294C23.3281 78.444 26.2231 78.744 28.2031 78.744",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M32.9281 78.969H39.0031M43.7281 78.969H50.2531M54.9781 78.969H61.2781",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M66.0031 79.4189C67.2031 79.4189 70.0981 79.5539 72.0781 80.0939",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M76.8031 81.4438C77.9281 81.7438 80.6281 82.6588 82.4281 83.9188",stroke:"#97C3B9",strokeWidth:.9})),e3=i.div`
+`;function q2({performanceSummary:e,currency:s,isPerformanceReportNotFound:a}){const{common:C,aiPerformanceDashboard:l}=y.getLocalizedStrings(),d=M(),h=$=>Math.round($/60),p=B1(e.forecastAnnualSavings.timeSavedMinutes).toFixed(),x=Z1(e.forecastAnnualSavings.timeSavedMinutes).toFixed();return r.jsx(R2,{windowSize:d,children:r.jsxs(O2,{windowSize:d,children:[r.jsx(U2,{children:r.jsx(Y2,{})}),r.jsxs(A2,{children:[r.jsxs(G2,{children:[r.jsx(N2,{children:l.annualizedImpact.title}),r.jsx(I2,{children:l.annualizedImpact.subtitle})]}),r.jsxs(K2,{isPerformanceReportNotFound:a,windowSize:d,children:[r.jsxs(i1,{children:[r.jsx(g,{style:{color:c.graphColor16Dark},children:l.aiTimeSavedTile.title}),a?r.jsx(F,{children:C.strings.hyphen}):r.jsxs(J2,{children:[r.jsxs(F,{children:[Number(h(e.forecastAnnualSavings.timeSavedMinutes).toFixed()).toLocaleString()," "]}),r.jsxs(X2,{children:[C.timeStrings.hours,C.strings.space,Number(p)<=1?r.jsxs(r.Fragment,{children:[C.strings.openingBrace,x,C.strings.space,Number(x)>1?C.timeStrings.days:C.timeStrings.day,C.strings.closingBrace]}):r.jsxs(r.Fragment,{children:[C.strings.openingBrace,p,C.strings.space,Number(p)<2?C.timeStrings.week:C.timeStrings.weeks,C.strings.closingBrace]})]})]})]}),r.jsxs(i1,{children:[r.jsx(g,{style:{color:c.graphColor16Dark},children:l.aiCostSavedTile.title}),a?r.jsx(F,{children:C.strings.hyphen}):r.jsxs(F,{children:[s.currencySymbol,Number(e.forecastAnnualSavings.costSaved.toFixed()).toLocaleString()]})]})]})]})]})})}const Q2=e=>t.createElement("svg",{width:91,height:90,viewBox:"0 0 91 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M80.6 6.30005L9.04999 29.25L24.35 34.2M80.6 6.30005L55.85 55.5751L41.225 40.9501M80.6 6.30005L24.35 34.2M80.6 6.30005L35.825 35.55M35.825 35.55L28.4 46.8001M35.825 35.55L41.225 40.9501M28.4 46.8001L41.225 40.9501M28.4 46.8001L24.35 34.2",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{opacity:.2,d:"M9.95001 30.5999L81.5 7.6499L56.75 56.9249L42.125 42.2999L29.3 48.1499L25.25 35.5499L9.95001 30.5999Z",fill:"#97C3B9"}),t.createElement("path",{d:"M43.0228 60.8666C38.2384 60.8666 34.3667 64.7384 34.3667 69.5227C34.3667 64.7384 30.4843 60.8666 25.7 60.8666C30.4843 60.8666 34.3667 56.9843 34.3667 52.2C34.3667 56.9843 38.2384 60.8666 43.0228 60.8666Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10}),t.createElement("path",{d:"M81.7165 42.6554C78.5503 42.6554 75.9866 45.2276 75.9866 48.4042C75.9866 45.2276 73.4162 42.6554 70.25 42.6554C73.4162 42.6554 75.9866 40.0765 75.9866 36.8999C75.9866 40.0765 78.5503 42.6554 81.7165 42.6554Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinejoin:"round"}),t.createElement("path",{d:"M19.4 15.752C17.4119 15.752 15.8021 17.3618 15.8021 19.3499C15.8021 17.3618 14.1881 15.752 12.2 15.752C14.1881 15.752 15.8021 14.138 15.8021 12.1499C15.8021 14.138 17.4119 15.752 19.4 15.752Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinejoin:"round"}),t.createElement("path",{d:"M10.2031 58.269C10.5781 57.219 11.6881 54.714 13.1281 53.094",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M16.5034 49.2688C17.2972 48.4859 19.2031 46.5689 21.0822 45.6607",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M9.07801 63.219C9.00301 64.194 9.03301 66.729 9.75301 69.069",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M12.4531 73.344C13.1281 74.169 15.0631 75.999 17.4031 76.719M22.1281 78.294C23.3281 78.444 26.2231 78.744 28.2031 78.744",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M32.9281 78.969H39.0031M43.7281 78.969H50.2531M54.9781 78.969H61.2781",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M66.0031 79.4189C67.2031 79.4189 70.0981 79.5539 72.0781 80.0939",stroke:"#97C3B9",strokeWidth:.9}),t.createElement("path",{d:"M76.8031 81.4438C77.9281 81.7438 80.6281 82.6588 82.4281 83.9188",stroke:"#97C3B9",strokeWidth:.9})),e3=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -310,7 +310,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   display: flex;
   flex-direction: column;
   gap: ${o.sp1};
-`,h3=i(Y)`
+`,h3=i(J)`
   max-width: 400px;
   color: ${e=>e.theme.colors.brandColorOpalDark};
   z-index: 1;
@@ -361,7 +361,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   display: flex;
   flex-direction: column;
   gap: ${e=>L3.headerGap.valuePx(e.windowSize)};
-`,$3=i(Y)`
+`,$3=i(J)`
   max-width: 400px;
   color: ${e=>e.theme.colors.brandColorOpalDark};
 `,S3=i.div`
@@ -374,7 +374,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   height: 100%;
   bottom: 0;
   padding-bottom: ${o.sp3};
-`,Z3=i.div`
+`,B3=i.div`
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -392,7 +392,7 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   border-radius: 2px;
 `,s1=i(W1)`
   color: ${e=>e.color};
-`,B3=({active:e,payload:s})=>{const a=m1();return(e??!1)&&s&&s.length>0?r.jsx(E3,{children:s.map((C,l)=>{const d=C.name==="costSaved"?"Cost Saved":C.name==="timeSavedInHours"?"Time Saved":C.name,h=C.name==="costSaved"?`$${Number(C.value).toFixed().toLocaleString()}`:C.name==="timeSavedInHours"?`${Number(C.value).toFixed().toLocaleString()} hours`:C.value;return r.jsxs(w3,{style:C.name==="costSaved"?{color:a.colors.brandColorGold}:{color:a.colors.graphColor17},children:[r.jsx(M3,{children:d}),r.jsx(j3,{children:h})]},`tooltip-${l}`)})}):null};function W3({performanceTimeSeries:e}){const s=m1(),a=M(),{aiPerformanceDashboard:C}=y.getLocalizedStrings();return r.jsxs(y3,{children:[r.jsx(v3,{windowSize:a,children:r.jsx($3,{children:C.chartTitle})}),r.jsxs(S3,{children:[r.jsx(b3,{children:r.jsx(c1,{children:({width:l,height:d})=>r.jsxs(h1,{width:l,height:d,data:e,margin:{top:6,right:6,left:6,bottom:6},children:[r.jsxs("defs",{children:[r.jsxs("linearGradient",{id:"colorCost",x1:"0",y1:"0",x2:"0",y2:"1",children:[r.jsx("stop",{offset:"5%",stopColor:c.brandColorGoldLight,stopOpacity:.7}),r.jsx("stop",{offset:"95%",stopColor:c.brandColorGoldLight,stopOpacity:0})]}),r.jsxs("linearGradient",{id:"colorTime",x1:"0",y1:"0",x2:"0",y2:"1",children:[r.jsx("stop",{offset:"5%",stopColor:c.graphColor16Dark,stopOpacity:.25}),r.jsx("stop",{offset:"95%",stopColor:c.graphColor16Dark,stopOpacity:0})]})]}),r.jsx(S1,{horizontal:!1,vertical:!1}),r.jsx(p1,{dataKey:"month",tickFormatter:h=>{const[p,x]=h.split("-");return new Date(Number(p),Number(x)-1).toLocaleString("en-US",{month:"short",year:"2-digit"})},tickLine:!1,axisLine:{stroke:s.colors.grey2,strokeWidth:1},tick:{fill:s.colors.hero,..._.extraSmallRegular.cssObject},interval:"preserveStartEnd"}),r.jsx(N,{yAxisId:"left",orientation:"left",hide:!0,domain:[0,"dataMax"]}),r.jsx(N,{yAxisId:"right",orientation:"right",hide:!0,domain:[0,h=>h*f3]}),r.jsx(b1,{cursor:{stroke:s.colors.primary,strokeDasharray:5},content:r.jsx(B3,{})}),r.jsx(Q,{yAxisId:"left",type:"monotone",dataKey:"costSaved",stroke:c.brandColorGold,fillOpacity:1,fill:"url(#colorCost)",strokeWidth:2,activeDot:{r:4,fill:c.neutralGrey5Light,stroke:c.brandColorGold,strokeWidth:2}}),r.jsx(Q,{yAxisId:"right",type:"monotone",dataKey:"timeSavedInHours",stroke:c.graphColor16Dark,fillOpacity:1,fill:"url(#colorTime)",strokeWidth:2,activeDot:{r:4,fill:c.neutralGrey5Light,stroke:c.graphColor16Dark,strokeWidth:2}})]})})}),r.jsxs(Z3,{children:[r.jsxs(C1,{children:[r.jsx(n1,{color:c.brandColorGoldDark}),r.jsx(s1,{color:c.brandColorGoldDark,children:C.aiCostSavedTile.title})]}),r.jsxs(C1,{children:[r.jsx(n1,{color:c.graphColor16Dark}),r.jsx(s1,{color:c.graphColor16Dark,children:C.aiTimeSavedTile.title})]})]})]})]})}const F3=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("g",{clipPath:"url(#clip0_4001_4887)"},t.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"}),t.createElement("path",{d:"M11.535 8.71875V7.3125",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M11.535 17.625V16.2188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_4001_4887"},t.createElement("rect",{width:24,height:24,fill:"white"})))),U={amountRowMarginTop:new u(n[3],n[3],n[5]),amountRowGap:new u(n[2],n[2],n[4]),tileContainerGap:new u(n[2],n[4],n[4])},D3=i.div`
+`,Z3=({active:e,payload:s})=>{const a=m1();return(e??!1)&&s&&s.length>0?r.jsx(E3,{children:s.map((C,l)=>{const d=C.name==="costSaved"?"Cost Saved":C.name==="timeSavedInHours"?"Time Saved":C.name,h=C.name==="costSaved"?`$${Number(C.value).toFixed().toLocaleString()}`:C.name==="timeSavedInHours"?`${Number(C.value).toFixed().toLocaleString()} hours`:C.value;return r.jsxs(w3,{style:C.name==="costSaved"?{color:a.colors.brandColorGold}:{color:a.colors.graphColor17},children:[r.jsx(M3,{children:d}),r.jsx(j3,{children:h})]},`tooltip-${l}`)})}):null};function W3({performanceTimeSeries:e}){const s=m1(),a=M(),{aiPerformanceDashboard:C}=y.getLocalizedStrings();return r.jsxs(y3,{children:[r.jsx(v3,{windowSize:a,children:r.jsx($3,{children:C.chartTitle})}),r.jsxs(S3,{children:[r.jsx(b3,{children:r.jsx(c1,{children:({width:l,height:d})=>r.jsxs(h1,{width:l,height:d,data:e,margin:{top:6,right:6,left:6,bottom:6},children:[r.jsxs("defs",{children:[r.jsxs("linearGradient",{id:"colorCost",x1:"0",y1:"0",x2:"0",y2:"1",children:[r.jsx("stop",{offset:"5%",stopColor:c.brandColorGoldLight,stopOpacity:.7}),r.jsx("stop",{offset:"95%",stopColor:c.brandColorGoldLight,stopOpacity:0})]}),r.jsxs("linearGradient",{id:"colorTime",x1:"0",y1:"0",x2:"0",y2:"1",children:[r.jsx("stop",{offset:"5%",stopColor:c.graphColor16Dark,stopOpacity:.25}),r.jsx("stop",{offset:"95%",stopColor:c.graphColor16Dark,stopOpacity:0})]})]}),r.jsx(S1,{horizontal:!1,vertical:!1}),r.jsx(p1,{dataKey:"month",tickFormatter:h=>{const[p,x]=h.split("-");return new Date(Number(p),Number(x)-1).toLocaleString("en-US",{month:"short",year:"2-digit"})},tickLine:!1,axisLine:{stroke:s.colors.grey2,strokeWidth:1},tick:{fill:s.colors.hero,..._.extraSmallRegular.cssObject},interval:"preserveStartEnd"}),r.jsx(N,{yAxisId:"left",orientation:"left",hide:!0,domain:[0,"dataMax"]}),r.jsx(N,{yAxisId:"right",orientation:"right",hide:!0,domain:[0,h=>h*f3]}),r.jsx(b1,{cursor:{stroke:s.colors.primary,strokeDasharray:5},content:r.jsx(Z3,{})}),r.jsx(Q,{yAxisId:"left",type:"monotone",dataKey:"costSaved",stroke:c.brandColorGold,fillOpacity:1,fill:"url(#colorCost)",strokeWidth:2,activeDot:{r:4,fill:c.neutralGrey5Light,stroke:c.brandColorGold,strokeWidth:2}}),r.jsx(Q,{yAxisId:"right",type:"monotone",dataKey:"timeSavedInHours",stroke:c.graphColor16Dark,fillOpacity:1,fill:"url(#colorTime)",strokeWidth:2,activeDot:{r:4,fill:c.neutralGrey5Light,stroke:c.graphColor16Dark,strokeWidth:2}})]})})}),r.jsxs(B3,{children:[r.jsxs(C1,{children:[r.jsx(n1,{color:c.brandColorGoldDark}),r.jsx(s1,{color:c.brandColorGoldDark,children:C.aiCostSavedTile.title})]}),r.jsxs(C1,{children:[r.jsx(n1,{color:c.graphColor16Dark}),r.jsx(s1,{color:c.graphColor16Dark,children:C.aiTimeSavedTile.title})]})]})]})]})}const F3=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("g",{clipPath:"url(#clip0_4001_4887)"},t.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"}),t.createElement("path",{d:"M11.535 8.71875V7.3125",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M11.535 17.625V16.2188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_4001_4887"},t.createElement("rect",{width:24,height:24,fill:"white"})))),U={amountRowMarginTop:new u(n[3],n[3],n[5]),amountRowGap:new u(n[2],n[2],n[4]),tileContainerGap:new u(n[2],n[4],n[4])},D3=i.div`
   border-radius: 10px;
   padding: 3px;
   background-color: ${e=>e.theme.colors.grey5};
@@ -480,15 +480,15 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   display: flex;
   align-items: center;
   margin: ${o.sp3} 0;
-`,Y3=i.div`
+`,J3=i.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${o.sp3};
   margin-bottom: ${o.sp8};
-`,J3=i.div`
+`,X3=i.div`
   flex: 1;
   min-width: 300px;
-`,X3=i.div`
+`,Y3=i.div`
   flex: 2;
   min-width: ${e=>D.savingsChartMinWidth.valuePx(e.windowSize)};
   min-height: 380px;
@@ -517,4 +517,4 @@ import{C as u,d2 as w1,X as M,M as y,l as k,bC as M1,j as r,Y as j1,bs as y1,o,j
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,t4=(e,s)=>e===s?`(${H(e)})`:`(${H(e)} - ${H(s)})`;function h4({aggregatedReport:e,onBackClick:s,onReload:a,onTimeRangeSelect:C,onClickMenuIcon:l}){const d=w1().analytics,h=M(),{common:p}=y.getLocalizedStrings(),[x,$]=t.useState(!1),[j,v]=t.useState(null),P=[...k.TIME_SERIES_DURATIONS],w=k.TIME_SERIES_DURATIONS[1],[T,J]=t.useState(k.convertToTimeSeriesSelectionRange(w)),[Z,X]=t.useState(w),[k1,x1]=t.useState(!1);M1({componentName:"aiPerformance"});const S=e.fetchState==="Not-Started"||e.fetchState==="In-Progress",E=e.fetchState==="Error",g1=m=>m.flatMap(E1=>E1.eventGroups.map(B=>({event_name:B.eventName,events_count:B.eventsCount,time_saved_in_minutes:B.timeSavedInMinutes,total_cost_saved:B.totalCostSaved})));t.useEffect(()=>{v("home"),C(k.convertToTimeSeriesSelectionRange(Z).fromMonth,k.convertToTimeSeriesSelectionRange(Z).toMonth)},[]),t.useEffect(()=>{if(e.fetchState==="Completed"&&j){const m={period_selected:Z,cost_saved:e.summary.totalCostSaved,time_saved:e.summary.totalTimeSavedMinutes,task_performed:g1(e.personas)};j==="home"?d.trackAIPerfHome(m):j==="refresh"?d.trackAIPerfRefresh(m):j==="timePeriodSelect"&&d.trackAIPerfTimePeriodSelect(m),v(null)}},[e.fetchState,j]),t.useEffect(()=>{const m=()=>{x1(window.scrollY>0)};return window.addEventListener("scroll",m),m(),()=>{window.removeEventListener("scroll",m)}},[]);const f1=r.jsx(q3,{"data-testid":`${j1("ai-performance-page","refresh-icon")}`,onClick:()=>{$(!0),v("refresh"),a(k.convertToTimeSeriesSelectionRange(w).fromMonth,k.convertToTimeSeriesSelectionRange(w).toMonth),X(w),J(k.convertToTimeSeriesSelectionRange(w))},children:r.jsx(y1,{style:{marginTop:o.sp1},placement:"bottom",title:p.texts.refresh,enterDelay:600,children:r.jsx(e4,{spinning:S&&x})})}),L1={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:P,valueToLabel:m=>m,selectedValue:`${Z} ${t4(T.fromMonth,T.toMonth)}`,titleTextStyle:_.largeMedium,onPickerSelectionChanged:m=>{m!=null&&(v("timePeriodSelect"),X(k.toTimeSeriesDuration(m)),J(k.convertToTimeSeriesSelectionRange(k.toTimeSeriesDuration(m))),C(k.convertToTimeSeriesSelectionRange(k.toTimeSeriesDuration(m)).fromMonth,k.convertToTimeSeriesSelectionRange(k.toTimeSeriesDuration(m)).toMonth))},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:!1},onBackClick:s,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:l,rightSideComponent:f1},q=Number(parseFloat((e?.summary?.totalTimeSavedMinutes/60).toFixed()));return r.jsxs(I3,{children:[r.jsx(N3,{isScrolled:k1,windowSize:h,paddingLeft:D.contentPaddingLeft.value(h),paddingRight:D.contentPaddingRight.value(h),children:r.jsx(V1,{...L1})}),r.jsxs(U3,{windowSize:h,children:[r.jsxs(K3,{windowSize:h,children:[r.jsxs(J3,{windowSize:h,children:[S?r.jsx(t1,{customStyle:{margin:`0 0 ${o.sp3} 0`}}):r.jsx(o1,{type:"cost",value:E?`${p.strings.hyphen}`:Number(e.summary?.totalCostSaved.toFixed()).toLocaleString(),currency:e.currency,style:{margin:`0 0 ${o.sp3} 0`},noData:E}),S?r.jsx(t1,{customStyle:{margin:"0"}}):r.jsx(o1,{type:"time",value:E?`${p.strings.hyphen}`:e.summary?.totalTimeSavedMinutes<60?Number(e.summary?.totalTimeSavedMinutes).toFixed().toLocaleString():Number(q).toFixed().toLocaleString(),currency:e.currency,noData:E,timeUnit:E?"":e.summary?.totalTimeSavedMinutes<60?e.summary?.totalTimeSavedMinutes>1?p.timeStrings.minutes:p.timeStrings.minute:q>1?p.timeStrings.hours:p.timeStrings.hour})]}),r.jsx(X3,{windowSize:h,children:S?r.jsx(A1,{customStyle:{margin:`0 0 ${o.sp3} 0`}}):E?r.jsx(g3,{selectedTimeSeries:T}):r.jsx(W3,{performanceTimeSeries:e.monthlySummary})})]}),S?r.jsx(l1,{windowSize:h,children:r.jsx(Q1,{})}):r.jsxs(r.Fragment,{children:[r.jsx(l1,{windowSize:h,children:E||e.personas.length===0?r.jsx(s3,{}):r.jsx(b2,{personas:e.personas,currency:e.currency})}),r.jsxs(Y3,{windowSize:h,children:[r.jsx(A3,{performanceSummary:e.summary,currency:e.currency,isPerformanceReportNotFound:E}),r.jsx(q2,{performanceSummary:e.summary,currency:e.currency,isPerformanceReportNotFound:E})]})]})]})]})}export{h4 as default,G3 as navBarHeight};
+`,t4=(e,s)=>e===s?`(${H(e)})`:`(${H(e)} - ${H(s)})`;function h4({aggregatedReport:e,onBackClick:s,onReload:a,onTimeRangeSelect:C,onClickMenuIcon:l}){const d=w1().analytics,h=M(),{common:p}=y.getLocalizedStrings(),[x,$]=t.useState(!1),[j,v]=t.useState(null),P=[...k.TIME_SERIES_DURATIONS],w=k.TIME_SERIES_DURATIONS[1],[T,X]=t.useState(k.convertToTimeSeriesSelectionRange(w)),[B,Y]=t.useState(w),[k1,x1]=t.useState(!1);M1({componentName:"aiPerformance"});const S=e.fetchState==="Not-Started"||e.fetchState==="In-Progress",E=e.fetchState==="Error",g1=m=>m.flatMap(E1=>E1.eventGroups.map(Z=>({event_name:Z.eventName,events_count:Z.eventsCount,time_saved_in_minutes:Z.timeSavedInMinutes,total_cost_saved:Z.totalCostSaved})));t.useEffect(()=>{v("home"),C(k.convertToTimeSeriesSelectionRange(B).fromMonth,k.convertToTimeSeriesSelectionRange(B).toMonth)},[]),t.useEffect(()=>{if(e.fetchState==="Completed"&&j){const m={period_selected:B,cost_saved:e.summary.totalCostSaved,time_saved:e.summary.totalTimeSavedMinutes,task_performed:g1(e.personas)};j==="home"?d.trackAIPerfHome(m):j==="refresh"?d.trackAIPerfRefresh(m):j==="timePeriodSelect"&&d.trackAIPerfTimePeriodSelect(m),v(null)}},[e.fetchState,j]),t.useEffect(()=>{const m=()=>{x1(window.scrollY>0)};return window.addEventListener("scroll",m),m(),()=>{window.removeEventListener("scroll",m)}},[]);const f1=r.jsx(q3,{"data-testid":`${j1("ai-performance-page","refresh-icon")}`,onClick:()=>{$(!0),v("refresh"),a(k.convertToTimeSeriesSelectionRange(w).fromMonth,k.convertToTimeSeriesSelectionRange(w).toMonth),Y(w),X(k.convertToTimeSeriesSelectionRange(w))},children:r.jsx(y1,{style:{marginTop:o.sp1},placement:"bottom",title:p.texts.refresh,enterDelay:600,children:r.jsx(e4,{spinning:S&&x})})}),L1={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:P,valueToLabel:m=>m,selectedValue:`${B} ${t4(T.fromMonth,T.toMonth)}`,titleTextStyle:_.largeMedium,onPickerSelectionChanged:m=>{m!=null&&(v("timePeriodSelect"),Y(k.toTimeSeriesDuration(m)),X(k.convertToTimeSeriesSelectionRange(k.toTimeSeriesDuration(m))),C(k.convertToTimeSeriesSelectionRange(k.toTimeSeriesDuration(m)).fromMonth,k.convertToTimeSeriesSelectionRange(k.toTimeSeriesDuration(m)).toMonth))},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:!1},onBackClick:s,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:l,rightSideComponent:f1},q=Number(parseFloat((e?.summary?.totalTimeSavedMinutes/60).toFixed()));return r.jsxs(I3,{children:[r.jsx(N3,{isScrolled:k1,windowSize:h,paddingLeft:D.contentPaddingLeft.value(h),paddingRight:D.contentPaddingRight.value(h),children:r.jsx(V1,{...L1})}),r.jsxs(U3,{windowSize:h,children:[r.jsxs(K3,{windowSize:h,children:[r.jsxs(X3,{windowSize:h,children:[S?r.jsx(t1,{customStyle:{margin:`0 0 ${o.sp3} 0`}}):r.jsx(o1,{type:"cost",value:E?`${p.strings.hyphen}`:Number(e.summary?.totalCostSaved.toFixed()).toLocaleString(),currency:e.currency,style:{margin:`0 0 ${o.sp3} 0`},noData:E}),S?r.jsx(t1,{customStyle:{margin:"0"}}):r.jsx(o1,{type:"time",value:E?`${p.strings.hyphen}`:e.summary?.totalTimeSavedMinutes<60?Number(e.summary?.totalTimeSavedMinutes).toFixed().toLocaleString():Number(q).toFixed().toLocaleString(),currency:e.currency,noData:E,timeUnit:E?"":e.summary?.totalTimeSavedMinutes<60?e.summary?.totalTimeSavedMinutes>1?p.timeStrings.minutes:p.timeStrings.minute:q>1?p.timeStrings.hours:p.timeStrings.hour})]}),r.jsx(Y3,{windowSize:h,children:S?r.jsx(A1,{customStyle:{margin:`0 0 ${o.sp3} 0`}}):E?r.jsx(g3,{selectedTimeSeries:T}):r.jsx(W3,{performanceTimeSeries:e.monthlySummary})})]}),S?r.jsx(l1,{windowSize:h,children:r.jsx(Q1,{})}):r.jsxs(r.Fragment,{children:[r.jsx(l1,{windowSize:h,children:E||e.personas.length===0?r.jsx(s3,{}):r.jsx(b2,{personas:e.personas,currency:e.currency})}),r.jsxs(J3,{windowSize:h,children:[r.jsx(A3,{performanceSummary:e.summary,currency:e.currency,isPerformanceReportNotFound:E}),r.jsx(q2,{performanceSummary:e.summary,currency:e.currency,isPerformanceReportNotFound:E})]})]})]})]})}export{h4 as default,G3 as navBarHeight};

package/dist/assets/{AccountInfoPage-xglon85A-yRVQMsLQ.js → AccountInfoPage-LiZYkJMA-DAD4cJi7.js}

@@ -1,18 +1,18 @@
-import{u as f,X as P,j as t,gb as $,o,C as a,gV as j,n as i}from"./index-DyBH5SZv.js";import{b as y,n}from"./vendor-CnQcJ2Lu.js";import{K as z}from"./StatusSwitcher-5CZzUYJE-qZVSFmES.js";import{r as A}from"./AccountInfoPageContent-BtMF3gSM-CwB-GVxY.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./downloadPdf-LAHtgcHF-B9uNpNRf.js";import"./commonDimensions-DAvj4Il1-Chc9ZQai.js";const r={pageTitleMarginXAxis:new a(i[4],i[8]),containerPaddingLeft:new a(i[3],i[6],i[8]),containerPaddingRight:new a(i[3],i[6],i[8])},_=({authParams:e,downloadAccountDetailEndPoint:l,depositAccount:s,zeniAccountsConfigDetail:m,currentTenant:p,onDismissClick:u})=>{const g=f(),d=P(),[c,x]=y.useState("achDetails"),h=w=>{x(w)};return t.jsxs(C,{children:[t.jsx($,{title:"",backgroundColor:g.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:u}),t.jsx(S,{windowSize:d,children:s.accountName}),t.jsx(T,{children:t.jsx(z,{tabIds:["achDetails","wireDetails"],selectedTab:c,entity:"zeni_accounts",onTabSelectedChange:h,isSwitcherLeftAlign:!0})}),t.jsx(b,{windowSize:d,children:t.jsx(A,{authParams:e,downloadAccountDetailEndPoint:l,currentTab:c,zeniAccountsConfigDetail:m,currentTenant:p,depositAccount:s})})]})},b=n.div`
+import{u as f,X as P,j as t,gd as $,o,C as a,gX as j,q as i}from"./index-CEwYV-nF.js";import{b as y,n}from"./vendor-CnQcJ2Lu.js";import{K as z}from"./StatusSwitcher-oC-AP25Z-CEWD2b8L.js";import{r as A}from"./AccountInfoPageContent-BTk2gRyM-_lQwCngs.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./downloadPdf-D7ANJLK4-DY2Y05LM.js";import"./commonDimensions-DRfDJ_wQ-BO2rVKKM.js";const r={pageTitleMarginXAxis:new a(i[4],i[8]),containerPaddingLeft:new a(i[3],i[6],i[8]),containerPaddingRight:new a(i[3],i[6],i[8])},B=({authParams:e,downloadAccountDetailEndPoint:l,depositAccount:s,zeniAccountsConfigDetail:m,currentTenant:p,onDismissClick:u})=>{const g=f(),d=P(),[c,x]=y.useState("achDetails"),h=w=>{x(w)};return t.jsxs(S,{children:[t.jsx($,{title:"",backgroundColor:g.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:u}),t.jsx(T,{windowSize:d,children:s.accountName}),t.jsx(b,{children:t.jsx(z,{tabIds:["achDetails","wireDetails"],selectedTab:c,entity:"zeni_accounts",onTabSelectedChange:h,isSwitcherLeftAlign:!0})}),t.jsx(C,{windowSize:d,children:t.jsx(A,{authParams:e,downloadAccountDetailEndPoint:l,currentTab:c,zeniAccountsConfigDetail:m,currentTenant:p,depositAccount:s})})]})},C=n.div`
   padding-left: ${e=>`${r.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${r.containerPaddingRight.valuePx(e.windowSize)}`};
-`,C=n.div`
+`,S=n.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   overflow-x: hidden;
   height: 100%;
   width: 100%;
-`,S=n(j)`
+`,T=n(j)`
   color: ${e=>e.theme.colors.primary};
   padding: ${o.sp3} ${o.sp0};
   margin: ${e=>`${o.sp0} ${r.pageTitleMarginXAxis.valuePx(e.windowSize)} `};
-`,T=n.div`
+`,b=n.div`
   display: flex;
   justify-content: flex-start;
-`;export{_ as default};
+`;export{B as default};

package/dist/assets/AccountInfoPageContent-BTk2gRyM-_lQwCngs.js

@@ -0,0 +1,149 @@
+import{X as we,fe as Ae,gY as H,j as r,M as Se,bt as C,e as Te,Y as z,o as a,aq as ve,bq as De,g as R,v as ee,ee as Ce,fg as ze,t as re}from"./index-CEwYV-nF.js";import{b as s,n as o}from"./vendor-CnQcJ2Lu.js";import{w as Le}from"./downloadPdf-D7ANJLK4-DY2Y05LM.js";import{o as _e}from"./commonDimensions-DRfDJ_wQ-BO2rVKKM.js";const{common:{strings:Re,copyToClipBoard:y},spendManagement:{zeniAccounts:{zeniAccountDetail:K},billPay:{vendorCreation:{achDetails:t}},downloads:Q}}=Se.getLocalizedStrings(),Ze=({authParams:e,downloadAccountDetailEndPoint:ae,currentTab:f,depositAccount:n,zeniAccountsConfigDetail:u,currentTenant:g})=>{const te=we(),[,M]=Ae(),[k,oe]=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,q]=s.useState(!1),[N,I]=s.useState(!1),[j,P]=s.useState(!1),[w,F]=s.useState(!1),[A,J]=s.useState(!1),[S,O]=s.useState(!1),[T,U]=s.useState(!1),[$,X]=s.useState(!1),v=g?.company?.companyInfo.companyLegalName,D=H(u.zeniAccountsConfigDetail.mailingAddress).text2,m=H(u.zeniAccountsConfigDetail.bankAddress).text2;s.useEffect(()=>{(p||S||T||$||A||$||j||N||w)&&setTimeout(()=>{q(!1),O(!1),U(!1),X(!1),J(!1),F(!1),P(!1),I(!1)},1200)},[p,S,T,$,A,w,j,N]);const Y=(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=`${t.bankRoutingNumber} ${n.routingNumberAch}
+
+${t.accountTypeLabel} ${n.accountSubType.name??""}
+
+${t.bankAccountNumber} ${n.accountNumber}
+
+${t.bankName} ${u.zeniAccountsConfigDetail.bankName}
+
+${t.bankAddress} ${m}`:c=`${t.bankRoutingNumber} ${n.routingNumberAch}
+
+${t.accountTypeLabel} ${n.accountSubType.name??""}
+
+${t.bankAccountNumber} ${n.accountNumber}
+
+${t.bankName} ${u.zeniAccountsConfigDetail.bankName}
+
+${t.beneficiaryName} ${v}
+
+${t.bankAddress} ${m}
+
+${t.beneficiaryAddress} ${D}`,M(c),q(!0)},i=(h,c,x,B)=>{let d,l;switch(x){case"acccountNumber":d=ne,l=T;break;case"accountType":d=se,l=S;break;case"bankName":d=be,l=A;break;case"beneficiaryName":d=he,l=N;break;case"beneficiaryAddress":d=me,l=w;break;case"bankAddress":d=fe,l=j;break;default:d=le,l=$;break}const je=()=>{switch(x){case"accountType":O(!0);break;case"acccountNumber":U(!0);break;case"routingNumber":X(!0);break;case"bankName":J(!0);break;case"beneficiaryName":I(!0);break;case"beneficiaryAddress":F(!0);break;case"bankAddress":P(!0);break}};return r.jsxs(Je,{onMouseEnter:()=>Y(x,!0),onMouseLeave:()=>Y(x,!1),children:[r.jsx(Oe,{children:h}),r.jsx(Xe,{children:r.jsxs(Ye,{children:[r.jsxs(Ue,{children:[d||te==="small"?r.jsx(L,{children:r.jsx(C,{display:"flex",placement:"left",title:r.jsx(_,{isTextCopied:l,children:l?y.copied:y.copy}),enterDelay:600,children:l===!0?r.jsx(Z,{}):r.jsx(G,{"data-testid":z("account-info-copy",x),onClick:()=>{M(c),je()}})})}):null,c]}),B!=null?r.jsx(Be,{children:B}):null]})})]})},ge={detail_type:"account_details",deposit_account_id:n.id,company_name:g?.companyName??"",company_legal_name:g?.company?.companyInfo.companyLegalName??""},ke=encodeURIComponent(JSON.stringify(ge)),Ne=`${ae}?query=${ke}`;return r.jsx(Ee,{children:r.jsxs(Me,{children:[r.jsxs(qe,{children:[r.jsx(Pe,{children:f==="achDetails"?K.achTitle:K.wireTitle}),r.jsxs(Ie,{children:[r.jsx(L,{children:r.jsx(C,{display:"flex",placement:"left",title:r.jsx(_,{isTextCopied:k,children:k?Q.downloading:Q.download}),enterDelay:600,children:k===!0?r.jsx(Te,{size:"Small",start:!0}):r.jsx(Fe,{"data-testid":z("account-info-download-pdf"),onClick:()=>{Le(Ne,Re.empty,e,oe,!0)}})})}),r.jsx(L,{children:r.jsx(C,{display:"flex",placement:"left",title:r.jsx(_,{isTextCopied:p,children:p?y.copied:y.copy}),enterDelay:600,children:p===!0?r.jsx(Z,{}):r.jsx(G,{onClick:()=>ye(f),"data-testid":z("title-text-copy")})})})]})]}),f==="achDetails"?r.jsxs(He,{children:[r.jsx(V,{children:i(t.bankRoutingNumber,n.routingNumberAch,"routingNumber")}),r.jsx(b,{children:i(t.accountTypeLabel,n.accountSubType.name,"accountType")}),r.jsx(b,{children:i(t.bankAccountNumber,n.accountNumber,"acccountNumber")}),r.jsx(b,{children:i(t.bankName,u.zeniAccountsConfigDetail.bankName,"bankName")}),m!=null?r.jsx(W,{children:i(t.bankAddress,m,"bankAddress")}):null]}):f==="wireDetails"?r.jsxs(Ke,{children:[r.jsx(V,{children:i(t.bankRoutingNumber,n.routingNumberAch,"routingNumber")}),r.jsx(b,{children:i(t.accountTypeLabel,n.accountSubType.name,"accountType")}),r.jsx(b,{children:i(t.bankAccountNumber,n.accountNumber,"acccountNumber")}),r.jsx(b,{children:i(t.bankName,u.zeniAccountsConfigDetail.bankName,"bankName")}),m!=null?r.jsx(b,{children:i(t.bankAddress,m,"bankAddress")}):null,v!=null?r.jsx(b,{children:i(t.beneficiaryName,v,"beneficiaryName",t.beneficiaryNameSubLabel)}):null,D!=null?r.jsx(W,{children:i(t.beneficiaryAddress,D,"beneficiaryAddress",t.beneficiaryAddressSubLabel)}):null]}):null]})})},Ee=o.div``,Me=o.div`
+  margin: ${a.sp4};
+  margin-left: ${a.sp0};
+`,qe=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: ${a.sp3};
+`,Ie=o.div`
+  display: flex;
+  gap: ${a.sp4};
+`,Pe=o(ve)`
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${a.sp2};
+`,Fe=o(De)`
+  height: ${a.sp3};
+  width: ${a.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,E=o.div`
+  box-sizing: border-box;
+  min-height: ${_e.transactionItemHeight}px;
+  display: flex;
+  border: 1px solid;
+  border-radius: ${a.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-color: ${e=>e.theme.colors.grey3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    .tag {
+      border-color: ${e=>e.theme.colors.grey2};
+      color: ${e=>e.theme.colors.grey1};
+    }
+  }
+`,V=o(E)`
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+
+  border-top-left-radius: ${a.sp2};
+  border-top-right-radius: ${a.sp2};
+  border-bottom-left-radius: ${a.sp0};
+  border-bottom-right-radius: ${a.sp0};
+  &:hover {
+    border-bottom-width: 1px;
+  }
+`,W=o(E)`
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-left-radius: ${a.sp0};
+  border-top-right-radius: ${a.sp0};
+  border-bottom-left-radius: ${a.sp2};
+  border-bottom-right-radius: ${a.sp2};
+  &:hover {
+    border-top-width: 1px;
+  }
+`,L=o.div`
+  display: flex;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,G=o(ze)`
+  height: ${a.sp3};
+  width: ${a.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Z=o(Ce)`
+  height: ${a.sp3};
+  width: ${a.sp3};
+  color: ${R.success};
+`,Je=o.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${a.sp3} ${a.sp4};
+  justify-content: space-between;
+  width: 100%;
+  gap: ${a.sp4};
+`,Oe=o(re)`
+  color: ${e=>e.theme.colors.hero};
+`,Ue=o(re)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: flex-end;
+  text-align: end;
+`,Xe=o.div`
+  display: flex;
+`,Ye=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Be=o(ee)`
+  color: ${e=>e.theme.colors.grey1};
+  text-align: end;
+`,_=o(ee)`
+  color: ${e=>e.isTextCopied?R.primaryDark:R.neutralGrey1Light};
+`,b=o(E)`
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-radius: ${a.sp0};
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+  &:hover {
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+  }
+`,He=o.div``,Ke=o.div``;export{Ze as r};

package/dist/assets/{AccountReconDetailsDrawerPage-DJ9x8tbi-LYKktAAO.js → AccountReconDetailsDrawerPage-CBOR2m1X-DHoJQIYl.js}

@@ -1,4 +1,4 @@
-import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e,o as i,h as ke,al as K,f as Z,a2 as ve,T as Ce,dH as we,eN as be,k5 as G,dr as ee,q as l,u as Ee,_ as Pe,aQ as te,c_ as ne,b0 as Re,g as oe,ax as De}from"./index-DyBH5SZv.js";import{b as r,n as o}from"./vendor-CnQcJ2Lu.js";import{E as Ie,C as _e,w as Fe,f as Te}from"./AccountRow-CP7Tu1pO-VLQJgkE6.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const m={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,navBarHeight:i.sp10,navBarPaddingRight:i.sp4,navBarPaddingLeft:i.sp4,balanceContainerWidth:114,sourceContainerWidth:400},Ue=o.div`
+import{a as xe,eZ as fe,j as t,l as _,F as ge,bO as ye,M as je,bQ as Se,bR as $e,o as i,h as ke,aq as G,m as X,a6 as ve,T as Ce,dI as we,eP as be,k6 as Z,ds as ee,t as l,u as Ee,_ as Pe,aQ as te,c$ as ne,b0 as Re,g as oe,ee as De}from"./index-CEwYV-nF.js";import{b as r,n as o}from"./vendor-CnQcJ2Lu.js";import{E as Ie,C as Fe,w as _e,f as Te}from"./AccountRow--5DnpNqk-CZEL3hfP.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const m={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,navBarHeight:i.sp10,navBarPaddingRight:i.sp4,navBarPaddingLeft:i.sp4,balanceContainerWidth:114,sourceContainerWidth:400},Ue=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -29,13 +29,13 @@ import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e
     color: ${e=>e.theme.colors.primary};
   }
   flex: 0 0 auto;
-`,Le=o.div`
+`,Be=o.div`
   padding-left: ${m.containerPaddingLeft};
   padding-right: ${m.containerPaddingRight};
-`,Be=o.div`
+`,Le=o.div`
   position: relative;
   min-height: 62px;
-`,We=o.div`
+`,Ae=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -47,18 +47,18 @@ import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e
   padding-right: ${m.navBarPaddingRight};
   padding-left: ${m.navBarPaddingLeft};
   height: 100%;
-`,Ae=o(ke)`
+`,We=o(ke)`
   display: flex;
   flex: 1 1 0;
   justify-content: center;
   flex-direction: column;
-`,Ne=o(K)`
+`,Ne=o(G)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
   justify-content: center;
   overflow: hidden;
-`,ie=o(Z)`
+`,ie=o(X)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
@@ -85,21 +85,21 @@ import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e
   background-color: ${e=>e.theme.colors.background};
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,Je=o.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   min-width: ${m.balanceContainerWidth}px;
-`,A=o(Z)`
+`,W=o(X)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   justify-content: flex-end;
-`,Qe=o(l)`
+`,Je=o(l)`
   color: ${e=>e.theme.colors.primary};
   text-align: left;
-`,Ge=o.div`
+`,Ze=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -110,19 +110,19 @@ import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e
   color: ${e=>e.theme.colors.primary};
   align-items: center;
   justify-content: flex-start;
-`,Xe=o.div`
+`,Ke=o.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   gap: ${i.sp1};
-`,Ke=o.div`
+`,Ge=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   min-width: ${m.balanceContainerWidth}px;
-`,Ze=o(l)`
+`,Xe=o(l)`
   display: flex;
   color: ${e=>e.theme.colors.grey3};
   align-items: center;
@@ -162,7 +162,7 @@ import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e
   justify-content: center;
   min-width: ${m.sourceContainerWidth}px;
   gap: ${i.sp2};
-`,at=o(K)`
+`,at=o(G)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -187,7 +187,7 @@ import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   justify-content: flex-end;
-`,_=o(l)`
+`,F=o(l)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -236,4 +236,4 @@ import{a as xe,eX as fe,j as t,l as F,F as ge,bO as ye,M as je,bQ as Se,bR as $e
   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:V,expenseAutomation:{accountRecon:c}}=je.getLocalizedStrings(),ht=(e,n)=>`${e}.${n}`,mt="accountReconDrawerDetailsPage",se="accountReconDrawerDetailsSection";function Ft({accountReconciliation:e,plaidConnectionDetails:n,monthYearPeriod:d,openFilePicker:u,filesEndPoint:f,authParams:S,onDismissClick:$,onFetchLinkTokenClick:E,onEstablishConnectionClick:P,onSelectSourceType:T,onDeleteFile:R,onEditFileName:U,onStatementUploadSuccess:M,onUploadWindowOpenedOnce:O}){const x=xe({mode:"all",reValidateMode:"onChange",defaultValues:X(e),resetOptions:{keepDirtyValues:!0,keepErrors:!0},values:X(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,Y]=r.useState(s.linkToken??null),[a,w]=r.useState(!1),[z,L]=r.useState(!1),[B,W]=r.useState(void 0),[re,H]=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:()=>{B!=null&&(R(B),W(void 0)),H(void 0),L(!1)},onCancelClick:()=>{W(void 0),L(!1)}},q=r.useRef(h);r.useEffect(()=>{q.current=h},[h]);const pe=r.useCallback(D=>{P(D,e.accountReconEntity.account.accountId,q.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:Q}=fe({token:y,onSuccess:pe,onExit:he});return r.useEffect(()=>{(F.zeniDate(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&&Y(s.linkToken)},[s.fetchStatus.fetchState,s.linkToken,y]),r.useEffect(()=>{a&&J()},[a,J]),t.jsxs(Ue,{children:[t.jsx(Oe,{children:t.jsx(Be,{children:t.jsxs(We,{children:[t.jsx(Me,{}),t.jsxs(Ae,{children:[t.jsx(Ne,{children:e.accountReconEntity.account.accountName}),t.jsx(ie,{children:t.jsx($t,{monthYearPeriod:d})})]}),t.jsx(ze,{children:t.jsx(Ye,{onClick:$})})]})})}),t.jsxs(Le,{children:[t.jsx(ge,{...x,children:t.jsx("form",{style:{width:"100%"},id:mt,onSubmit:k,children:t.jsx(xt,{monthYearPeriod:d,accountReconciliation:e,filesEndPoint:f,openFilePicker:u,authParams:S,onConnectClick:le,onReconnectClick:de,onSelectSourceType:T,onDeleteFile:R,onEditFileName:U,onStatementUploadSuccess:M,onUploadWindowOpenedOnce:O,showConfirmationPopup:z,setShowConfirmationPopup:L,deleteFileId:B,setDeleteFileId:W,uploadErrorMessage:re,setUploadErrorMessage:H})})}),z===!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 xt=({monthYearPeriod:e,accountReconciliation:n,filesEndPoint:d,authParams:u,openFilePicker:f,onConnectClick:S,onReconnectClick:$,setDeleteFileId:E,setShowConfirmationPopup:P,onEditFileName:T,onSelectSourceType:R,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:M,uploadErrorMessage:O,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=[];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(Ie(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"],Y=n.accountReconEntity.reconciliationStatus!=null&&y.includes(n.accountReconEntity.reconciliationStatus.code);return t.jsxs(He,{children:[t.jsxs(qe,{children:[t.jsxs(Je,{children:[t.jsx(A,{children:c.reconciliation.headers.bankBalance}),t.jsx(Qe,{children:t.jsx(_e,{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(Ge,{children:[t.jsx(A,{children:c.reconciliation.headers.clearedBalance}),t.jsx(Ve,{children:t.jsx(Fe,{clearedBalance:n.accountReconEntity.clearedBalance,isLoading:!1})})]}),t.jsxs(Ke,{children:[t.jsx(A,{children:c.reconciliation.headers.variance}),t.jsx(Ze,{children:t.jsx(jt,{variance:n.accountReconEntity.variance,variancePercentage:n.accountReconEntity.variancePercentage})})]})]}),t.jsxs(ct,{children:[t.jsxs(at,{children:[" ",c.reconciliation.drawer.source," "]}),t.jsxs(st,{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"?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(ft,{selectedSourceType:C}),options:v,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:i.sp5,width:"180px"})},menuPlacement:"bottom",onOptionSelection:a=>{R(F.toReconciliationAccountSource(a))},valueToIcon:a=>a==="plaid"?t.jsx(lt,{}):a==="bank_statement"?t.jsx(dt,{}):null})})})]}),C==="bank_statement"?t.jsx(b,{children:t.jsx(be,{name:ht(se,"file"),file:n.accountReconEntity.statementMetaData?.file,showPhotoPicker:!1,isDisabled:Y,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:F.uploadAccountStatementIntoDocumentAI,metadataPayload:{accountId:n.accountReconEntity.account.accountId,monthYearPeriod:e},errorMessage:O,onUploadError:a=>{x(a?.message)},onUploadSuccess:a=>{U(a),h(!1)},onUploadStart:()=>{h(!0),x(void 0)},onUploadWindowOpenedOnce:()=>{M()}},onDeleteFile:a=>{E(a),P(!0)},onEditFileName:(a,w)=>{T(a,w)}})}):null,t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.status}),t.jsx(_,{children:C!=="bank_statement"?t.jsx(gt,{status:n.accountConnectionStatus,connectionInProgress:n.connectionInProgress,onConnectClick:S,onReconnectClick:$}):t.jsx(yt,{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(St,{accountSubType:G(n.accountReconEntity.account.accountSubType??"")})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.lastUpdated}),t.jsx(_,{children:t.jsx(ee,{isLoading:k,customStyle:{height:"20px",width:"100px"},position:"left",children:g!=null?t.jsx(j,{children:G(g.utc(!0).fromNow())}):p.strings.hyphen})})]})]})]})]})},ft=({selectedSourceType:e})=>t.jsxs(nt,{children:[e==null||e==="plaid"?t.jsx(ce,{}):t.jsx(ae,{}),t.jsx(ot,{children:e==null||e==="plaid"?c.reconciliation.menu.bankConnection:c.reconciliation.menu.statement}),t.jsx(it,{})]}),gt=({status:e,connectionInProgress:n,onConnectClick:d,onReconnectClick:u})=>n?t.jsx(N,{children:c.reconciliation.drawer.values.connecting}):e==="connected"?t.jsxs(N,{children:[t.jsx(rt,{}),t.jsx(ut,{children:c.reconciliation.drawer.values.connected})]}):t.jsx(N,{onClick:e==="reconnect"?u:d,children:t.jsx(pt,{status:e,children:e==="reconnect"?c.reconciliation.drawer.values.reconnect:c.reconciliation.drawer.values.connect})}),yt=({status:e,uploadInProgress:n})=>n?t.jsx(ee,{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}),jt=({variance:e,variancePercentage:n,reconciliationStatusCode:d})=>{const u=Ee(),{varianceColor:f,variancePercentageColor:S,variancePercentageContainerColor:$}=Te(u,e,d,!0);return t.jsxs(Xe,{children:[t.jsx(et,{textColor:f,children:Pe("0,0",e)??p.strings.hyphen}),t.jsxs(tt,{textColor:S,bgColor:$,children:[n!=null?n===0?"0":n.toFixed(2):null,n!=null?p.strings.percentage:null]})]})},St=({accountSubType:e})=>{const n=e!=null?e.replace("_"," "):p.strings.hyphen;return t.jsx(j,{children:n})},$t=({monthYearPeriod:e})=>t.jsx(ie,{children:kt(e)}),kt=e=>{const{month:n,year:d}=e,u=F.zeniDate(`${d}-${String(n).padStart(2,"0")}-01`);let f=u.endOf("month");return`${u.format(V.visual.DMMMYYYYFormat)} ${p.strings.hyphen} ${f.format(V.visual.DMMMYYYYFormat)}`},X=e=>({[se]:{file:e.accountReconEntity.statementMetaData?.file,selectedType:e.localData?.accountSource}});export{Ft as default,ht as uniqueName};
+`,{common:p,dateFormat:V,expenseAutomation:{accountRecon:c}}=je.getLocalizedStrings(),ht=(e,n)=>`${e}.${n}`,mt="accountReconDrawerDetailsPage",se="accountReconDrawerDetailsSection";function _t({accountReconciliation:e,plaidConnectionDetails:n,monthYearPeriod:d,openFilePicker:u,filesEndPoint:f,authParams:S,onDismissClick:$,onFetchLinkTokenClick:E,onEstablishConnectionClick:P,onSelectSourceType:T,onDeleteFile:R,onEditFileName:U,onStatementUploadSuccess:M,onUploadWindowOpenedOnce:O}){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,Y]=r.useState(s.linkToken??null),[a,w]=r.useState(!1),[z,B]=r.useState(!1),[L,A]=r.useState(void 0),[re,H]=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:()=>{L!=null&&(R(L),A(void 0)),H(void 0),B(!1)},onCancelClick:()=>{A(void 0),B(!1)}},q=r.useRef(h);r.useEffect(()=>{q.current=h},[h]);const pe=r.useCallback(D=>{P(D,e.accountReconEntity.account.accountId,q.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:Q,ready:J}=fe({token:y,onSuccess:pe,onExit:he});return r.useEffect(()=>{(_.zeniDate(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"&&J&&w(!0)},[J,y,s.fetchStatus.fetchState,s.linkToken,h,a]),r.useEffect(()=>{s.fetchStatus.fetchState==="Completed"&&s.linkToken!=null&&s.linkToken!==y&&Y(s.linkToken)},[s.fetchStatus.fetchState,s.linkToken,y]),r.useEffect(()=>{a&&Q()},[a,Q]),t.jsxs(Ue,{children:[t.jsx(Oe,{children:t.jsx(Le,{children:t.jsxs(Ae,{children:[t.jsx(Me,{}),t.jsxs(We,{children:[t.jsx(Ne,{children:e.accountReconEntity.account.accountName}),t.jsx(ie,{children:t.jsx($t,{monthYearPeriod:d})})]}),t.jsx(ze,{children:t.jsx(Ye,{onClick:$})})]})})}),t.jsxs(Be,{children:[t.jsx(ge,{...x,children:t.jsx("form",{style:{width:"100%"},id:mt,onSubmit:k,children:t.jsx(xt,{monthYearPeriod:d,accountReconciliation:e,filesEndPoint:f,openFilePicker:u,authParams:S,onConnectClick:le,onReconnectClick:de,onSelectSourceType:T,onDeleteFile:R,onEditFileName:U,onStatementUploadSuccess:M,onUploadWindowOpenedOnce:O,showConfirmationPopup:z,setShowConfirmationPopup:B,deleteFileId:L,setDeleteFileId:A,uploadErrorMessage:re,setUploadErrorMessage:H})})}),z===!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 xt=({monthYearPeriod:e,accountReconciliation:n,filesEndPoint:d,authParams:u,openFilePicker:f,onConnectClick:S,onReconnectClick:$,setDeleteFileId:E,setShowConfirmationPopup:P,onEditFileName:T,onSelectSourceType:R,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:M,uploadErrorMessage:O,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=[];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(Ie(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"],Y=n.accountReconEntity.reconciliationStatus!=null&&y.includes(n.accountReconEntity.reconciliationStatus.code);return t.jsxs(He,{children:[t.jsxs(qe,{children:[t.jsxs(Qe,{children:[t.jsx(W,{children:c.reconciliation.headers.bankBalance}),t.jsx(Je,{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(Ze,{children:[t.jsx(W,{children:c.reconciliation.headers.clearedBalance}),t.jsx(Ve,{children:t.jsx(_e,{clearedBalance:n.accountReconEntity.clearedBalance,isLoading:!1})})]}),t.jsxs(Ge,{children:[t.jsx(W,{children:c.reconciliation.headers.variance}),t.jsx(Xe,{children:t.jsx(jt,{variance:n.accountReconEntity.variance,variancePercentage:n.accountReconEntity.variancePercentage})})]})]}),t.jsxs(ct,{children:[t.jsxs(at,{children:[" ",c.reconciliation.drawer.source," "]}),t.jsxs(st,{children:[t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.type}),t.jsx(F,{children:s!=null?t.jsx(j,{children:s==="plaid"?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(ft,{selectedSourceType:C}),options:v,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:i.sp5,width:"180px"})},menuPlacement:"bottom",onOptionSelection:a=>{R(_.toReconciliationAccountSource(a))},valueToIcon:a=>a==="plaid"?t.jsx(lt,{}):a==="bank_statement"?t.jsx(dt,{}):null})})})]}),C==="bank_statement"?t.jsx(b,{children:t.jsx(be,{name:ht(se,"file"),file:n.accountReconEntity.statementMetaData?.file,showPhotoPicker:!1,isDisabled:Y,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:_.uploadAccountStatementIntoDocumentAI,metadataPayload:{accountId:n.accountReconEntity.account.accountId,monthYearPeriod:e},errorMessage:O,onUploadError:a=>{x(a?.message)},onUploadSuccess:a=>{U(a),h(!1)},onUploadStart:()=>{h(!0),x(void 0)},onUploadWindowOpenedOnce:()=>{M()}},onDeleteFile:a=>{E(a),P(!0)},onEditFileName:(a,w)=>{T(a,w)}})}):null,t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.status}),t.jsx(F,{children:C!=="bank_statement"?t.jsx(gt,{status:n.accountConnectionStatus,connectionInProgress:n.connectionInProgress,onConnectClick:S,onReconnectClick:$}):t.jsx(yt,{uploadInProgress:k,status:n.accountReconEntity.statementDataStatus?.code})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.accountType}),t.jsx(F,{children:t.jsx(St,{accountSubType:Z(n.accountReconEntity.account.accountSubType??"")})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.lastUpdated}),t.jsx(F,{children:t.jsx(ee,{isLoading:k,customStyle:{height:"20px",width:"100px"},position:"left",children:g!=null?t.jsx(j,{children:Z(g.utc(!0).fromNow())}):p.strings.hyphen})})]})]})]})]})},ft=({selectedSourceType:e})=>t.jsxs(nt,{children:[e==null||e==="plaid"?t.jsx(ce,{}):t.jsx(ae,{}),t.jsx(ot,{children:e==null||e==="plaid"?c.reconciliation.menu.bankConnection:c.reconciliation.menu.statement}),t.jsx(it,{})]}),gt=({status:e,connectionInProgress:n,onConnectClick:d,onReconnectClick:u})=>n?t.jsx(N,{children:c.reconciliation.drawer.values.connecting}):e==="connected"?t.jsxs(N,{children:[t.jsx(rt,{}),t.jsx(ut,{children:c.reconciliation.drawer.values.connected})]}):t.jsx(N,{onClick:e==="reconnect"?u:d,children:t.jsx(pt,{status:e,children:e==="reconnect"?c.reconciliation.drawer.values.reconnect:c.reconciliation.drawer.values.connect})}),yt=({status:e,uploadInProgress:n})=>n?t.jsx(ee,{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}),jt=({variance:e,variancePercentage:n,reconciliationStatusCode:d})=>{const u=Ee(),{varianceColor:f,variancePercentageColor:S,variancePercentageContainerColor:$}=Te(u,e,d,!0);return t.jsxs(Ke,{children:[t.jsx(et,{textColor:f,children:Pe("0,0",e)??p.strings.hyphen}),t.jsxs(tt,{textColor:S,bgColor:$,children:[n!=null?n===0?"0":n.toFixed(2):null,n!=null?p.strings.percentage:null]})]})},St=({accountSubType:e})=>{const n=e!=null?e.replace("_"," "):p.strings.hyphen;return t.jsx(j,{children:n})},$t=({monthYearPeriod:e})=>t.jsx(ie,{children:kt(e)}),kt=e=>{const{month:n,year:d}=e,u=_.zeniDate(`${d}-${String(n).padStart(2,"0")}-01`);let f=u.endOf("month");return`${u.format(V.visual.DMMMYYYYFormat)} ${p.strings.hyphen} ${f.format(V.visual.DMMMYYYYFormat)}`},K=e=>({[se]:{file:e.accountReconEntity.statementMetaData?.file,selectedType:e.localData?.accountSource}});export{_t as default,ht as uniqueName};