@zeniai/web-cockpit-ui 1.15.49-dev → 1.15.50-dev

package/dist/assets/TransactionActivityLogPage-C4oS0b8d-5ZoA1pgW.js

@@ -1,195 +0,0 @@
-import{V as n,L as F,o as a,b9 as H,b as z,an as M,d as B,eJ as U,ao as J,bi as I,g as P,ak as Q,dw as q,a$ as K}from"./index-Cq3X29cS.js";import{a as O}from"./sentry-DQ_HstYV.js";import{n as i}from"./mui-DzE-7sTl.js";import"./liveblocks-hPir54fv.js";import"./core-CCdM5htn.js";import"./recharts-CiLmNGsl.js";import"./zeni-epic-state-B4gyGBI3.js";import"./lottie-B9oE3WTk.js";import"./analytics-BxsZVqMD.js";import"./lexical-BfjdJw9p.js";import"./utils-wDk5ojg7.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="921e56ea-acf8-4008-84a9-3aad3e6e3ad1",e._sentryDebugIdIdentifier="sentry-dbid-921e56ea-acf8-4008-84a9-3aad3e6e3ad1")}catch{}})();const A=z.getLocalizedStrings(),{transactionActivityLog:p}=A.expenseAutomation.transactions,{dateFormat:x}=A,g={"transaction_line.vendor.updated":p.fields.vendor,"transaction_line.vendor.matched":p.fields.vendor,"transaction_line.account.updated":p.fields.category,"transaction_line.class.updated":p.fields.class,"transaction_line.vendor.user_update":p.fields.vendor,"transaction_line.customer.user_update":p.fields.customer,"transaction_line.memo.user_update":p.fields.memo,"transaction_line.description.user_update":p.fields.description,"transaction_line.account.user_update":p.fields.category,"transaction_line.class.user_update":p.fields.class},f=p.linePrefix;function C(e){return e.data?.transaction?.lineId??null}function W(e){return e.endsWith(".user_update")}function Y(e){return e.length>0&&W(e[0].eventType)}function Z(e){const t=e.data?.transaction?.originalLine;if(t==null)return;const r=e.eventType;if(r==="transaction_line.account.user_update")return t.account?.accountName;if(r==="transaction_line.class.user_update")return t.class?.className;if(r==="transaction_line.vendor.user_update")return t.vendor?.name;if(r==="transaction_line.customer.user_update")return t.customer?.name;if(r==="transaction_line.memo.user_update")return t.memo;if(r==="transaction_line.description.user_update")return t.description}function G(e){const t=e.data?.transaction?.updatedLine;if(t==null)return;const r=e.eventType;if(r==="transaction_line.account.user_update")return t.account?.accountName;if(r==="transaction_line.class.user_update")return t.class?.className;if(r==="transaction_line.vendor.user_update")return t.vendor?.name;if(r==="transaction_line.customer.user_update")return t.customer?.name;if(r==="transaction_line.memo.user_update")return t.memo;if(r==="transaction_line.description.user_update")return t.description}function y(e){return e.map(t=>`${t.fieldName}|${t.oldValue??""}|${t.newValue??""}`).join(";;")}function R(e){const t=new Map;for(const s of e){if(s.data==null)continue;const l=C(s);if(l==null)continue;const m=g[s.eventType]??s.eventType,d=Z(s),h=G(s),c=t.get(l)??[];c.push({fieldName:m,oldValue:d,newValue:h}),t.set(l,c)}const r=Array.from(t.keys()).sort((s,l)=>Number(s)-Number(l)||String(s).localeCompare(String(l)));if(r.length===0)return[];const u=[];let o=0;for(;o<r.length;){const s=r[o],l=t.get(s)??[],m=y(l);let d=o;for(;d+1<r.length&&y(t.get(r[d+1])??[])===m;)d+=1;const h=r[d],c=s===h?`${f}${s}`:`${f}${s} - ${f}${h}`;u.push({details:l,lineDisplayLabel:c}),o=d+1}return u}function j(e){return e.map(t=>`${t.fieldName}|${t.newValue??""}|${t.reasoning}`).join(";;")}function X(e){const t=new Map;for(const s of e){if(s.data==null)continue;const l=C(s);if(l==null)continue;const m=E(s),d=g[s.eventType]??s.eventType,h=s.data.aiSummaries[0];if(h!=null){const c=t.get(l)??[];c.push({fieldName:d,newValue:m,reasoning:h.reasoning}),t.set(l,c)}}const r=Array.from(t.keys()).sort((s,l)=>Number(s)-Number(l)||String(s).localeCompare(String(l)));if(r.length===0)return[];const u=[];let o=0;for(;o<r.length;){const s=r[o],l=t.get(s)??[],m=j(l);let d=o;for(;d+1<r.length&&j(t.get(r[d+1])??[])===m;)d+=1;const h=r[d],c=s===h?`${f}${s}`:`${f}${s} - ${f}${h}`;u.push({details:l,lineDisplayLabel:c}),o=d+1}return u}function ee(e){const t=[];let r=0;for(;r<e.length;){const u=e[r],o=[u],s=u.data?.transaction?.correlationId;let l=r+1;if(s!=null)for(;l<e.length&&e[l].data?.transaction?.correlationId===s;)o.push(e[l]),l++;else for(;l<e.length&&e[l].createTime.format("DD MM YYYY HH:mm:ss")===u.createTime.format("DD MM YYYY HH:mm:ss");)o.push(e[l]),l++;t.push(o),r=l}return t}function te(e){if(e.length===1&&e[0].eventType==="transaction.sync_database")return p.transactionIngested;if(Y(e)){const o=e[0].data?.user;if(o!=null){const s=p.userUpdatedDetails.charAt(0).toLowerCase()+p.userUpdatedDetails.slice(1);return`${o.firstName} ${o.lastName} ${s}`}return p.userUpdatedDetails}const t=[...new Set(e.map(o=>g[o.eventType]).filter(o=>o!=null))];if(t.length===0)return e[0].eventType;if(t.length===1)return`${p.aiBookkeeperAdded} ${t[0]}.`;const r=t.at(-1),u=t.slice(0,-1);return`${p.aiBookkeeperAdded} ${u.join(", ")} and ${r}.`}function E(e){const t=e.data?.transaction?.updatedLine;if(!(t==null||e.eventType==="transaction.sync_database")){if(e.eventType==="transaction_line.vendor.updated"||e.eventType==="transaction_line.vendor.matched")return t.vendor?.name;if(e.eventType==="transaction_line.account.updated")return t.account?.accountName;if(e.eventType==="transaction_line.class.updated")return t.class?.className;if(e.eventType==="transaction_line.customer.updated")return t.customer?.name}}function ne(e){return e.flatMap(t=>{if(t.data==null)return[];const r=t.data.aiSummaries[0];if(r==null)return[];const u=E(t);return[{fieldName:g[t.eventType]??t.eventType,newValue:u,reasoning:r.reasoning}]})}const qe=({transactionActivityLogSelectorView:e,onClose:t})=>{const{transactionActivityLogs:r}=e,u=ee(r);return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?n.jsxs(ie,{children:[n.jsx(F,{size:"ExtraLarge",start:!0}),";"]}):e.fetchState==="Completed"&&u.length===0?n.jsxs(v,{children:[n.jsx(_,{children:n.jsx(b,{children:p.title})}),n.jsx(Ie,{children:n.jsx(Ae,{children:p.noLogsFound})})]}):n.jsxs(v,{children:[n.jsxs(_,{children:[n.jsx(b,{children:p.title}),n.jsx(se,{onClick:t,children:n.jsx(ae,{})})]}),n.jsx(oe,{children:u.map((o,s)=>n.jsx(re,{isLast:s===u.length-1,group:o},o[0].id))})]})},re=({group:e,isLast:t})=>{const[r,u]=O.useState(!1),o=Y(e),s=o?[]:X(e),l=o?R(e):[],m=o?[]:ne(e);return n.jsxs(ue,{children:[n.jsxs(he,{children:[n.jsx(me,{children:o?n.jsx(ge,{}):n.jsx(fe,{})}),!t&&n.jsx($e,{})]}),n.jsxs(xe,{children:[n.jsx(ye,{children:te(e)}),n.jsxs(je,{children:[n.jsx(V,{children:e[0].createTime.format(x.visual.MMMDFormat)}),n.jsx(ve,{}),n.jsx(V,{children:e[0].createTime.format(x.visual.HHMMFormat)})]}),o&&l.length>0&&n.jsx(w,{children:l.map((d,h)=>n.jsxs(N,{children:[n.jsxs(T,{children:[n.jsx(L,{children:d.lineDisplayLabel}),n.jsx(k,{"aria-hidden":!0,children:"#"})]}),n.jsx(Le,{children:d.details.map((c,$)=>n.jsxs(ke,{children:[n.jsxs(Ve,{children:[c.fieldName,":"," "]}),c.oldValue!=null&&n.jsx(De,{children:c.oldValue}),c.oldValue!=null&&c.newValue!=null&&n.jsx(Se,{children:" → "}),c.newValue!=null&&n.jsx(Me,{children:c.newValue})]},`${c.fieldName}-${$}`))})]},`${d.lineDisplayLabel}-${h}`))}),!o&&s.length>0&&n.jsx(w,{children:s.map((d,h)=>n.jsxs(N,{children:[n.jsxs(T,{children:[n.jsxs(le,{children:[n.jsx(de,{}),n.jsx(L,{children:d.lineDisplayLabel})]}),n.jsx(k,{"aria-hidden":!0,children:"#"})]}),n.jsx(ce,{children:d.details.map((c,$)=>n.jsxs(pe,{children:[n.jsxs(D,{children:[c.fieldName,c.newValue!=null&&`: ${c.newValue}`]}),n.jsx(S,{children:c.reasoning})]},`${c.fieldName}-${$}`))})]},`${d.lineDisplayLabel}-${h}`))}),!o&&s.length===0&&m.length>0&&n.jsxs(n.Fragment,{children:[n.jsxs(_e,{onClick:()=>u(d=>!d),children:[n.jsx(be,{isExpanded:r}),n.jsx(we,{children:p.details})]}),r&&n.jsx(Ne,{children:m.map((d,h)=>n.jsxs(Te,{children:[n.jsxs(D,{children:[d.fieldName,d.newValue!=null&&`: ${d.newValue}`]}),n.jsx(S,{children:d.reasoning})]},`${d.fieldName}-${h}`))})]})]})]})},ie=i.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-`,v=i.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${a.sp5};
-  background-color: ${e=>e.theme.colors.grey4};
-`,_=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  padding: ${a.sp3} ${a.sp4};
-  position: relative;
-`,b=i(H)`
-  color: ${e=>e.theme.colors.primary};
-`,se=i.button`
-  align-items: center;
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  padding: ${a.sp1};
-  position: absolute;
-  right: ${a.sp4};
-  top: 50%;
-  transform: translateY(-50%);
-`,ae=i(B)`
-  color: ${e=>e.theme.colors.hero};
-  height: 20px;
-  width: 20px;
-
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,oe=i.div`
-  padding-left: ${a.sp8};
-  padding-right: ${a.sp8};
-`,w=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${a.sp2};
-  margin-top: ${a.sp2};
-`,N=i.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  overflow: hidden;
-`,T=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  padding: ${a.sp2} ${a.sp3};
-`,le=i.div`
-  align-items: center;
-  display: flex;
-  gap: ${a.sp2};
-`,de=i(P)`
-  color: ${e=>e.theme.colors.hero};
-  flex-shrink: 0;
-  height: 16px;
-  width: 16px;
-`,L=i(I)`
-  color: ${e=>e.theme.colors.primary};
-`,k=i.span`
-  color: ${e=>e.theme.colors.champion};
-  font-size: 12px;
-`,ce=i.div`
-  padding: 0 ${a.sp3} ${a.sp3};
-`,pe=i.div`
-  padding-top: ${a.sp2};
-
-  & + & {
-    border-top: 1px solid ${e=>e.theme.colors.grey3};
-    margin-top: ${a.sp2};
-    padding-top: ${a.sp2};
-  }
-`,ue=i.div`
-  display: flex;
-  flex-direction: row;
-`,he=i.div`
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  margin-right: ${a.sp3};
-`,me=i.div`
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  height: 24px;
-  justify-content: center;
-  width: 24px;
-`,fe=i(U)`
-  height: 22px;
-  width: 22px;
-`,ge=i.div`
-  border: 2px solid ${e=>e.theme.colors.champion};
-  border-radius: 50%;
-  height: 12px;
-  width: 12px;
-`,$e=i.div`
-  background: ${e=>e.theme.colors.grey3};
-  flex: 1;
-  min-height: ${a.sp3};
-  width: 2px;
-`,xe=i.div`
-  flex: 1;
-  min-width: 0;
-  padding-bottom: ${a.sp4};
-`,ye=i(M)`
-  color: ${e=>e.theme.colors.hero};
-`,je=i.div`
-  align-items: center;
-  display: flex;
-  gap: ${a.sp1};
-  margin-top: 2px;
-`,V=i(J)`
-  color: ${e=>e.theme.colors.hero};
-`,ve=i.div`
-  background: ${e=>e.theme.colors.hero};
-  border-radius: 50%;
-  flex-shrink: 0;
-  height: ${a.sp1};
-  width: ${a.sp1};
-`,_e=i.button`
-  align-items: center;
-  background: ${e=>e.theme.colors.grey4};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  cursor: pointer;
-  display: flex;
-  gap: ${a.sp1};
-  margin-top: ${a.sp2};
-  padding: ${a.sp1} ${a.sp2};
-`,be=i(q)`
-  color: ${e=>e.theme.colors.hero};
-  height: 14px;
-  transform: ${e=>e.isExpanded?"rotate(180deg)":"rotate(0)"};
-  transition: transform 0.2s ease;
-  width: 14px;
-`,we=i(K)`
-  color: ${e=>e.theme.colors.champion};
-`,Ne=i.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  margin-top: ${a.sp2};
-  overflow: hidden;
-`,Te=i.div`
-  padding: ${a.sp3};
-
-  & + & {
-    border-top: 1px solid ${e=>e.theme.colors.grey3};
-  }
-`,D=i(I)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp1};
-`,S=i(Q)`
-  color: ${e=>e.theme.colors.champion};
-  line-height: 20px;
-`,Le=i.div`
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-  padding: ${a.sp2} ${a.sp3} ${a.sp3};
-`,ke=i.div`
-  line-height: 20px;
-
-  & + & {
-    border-top: 1px solid ${e=>e.theme.colors.grey3};
-    margin-top: ${a.sp2};
-    padding-top: ${a.sp2};
-  }
-`,Ve=i.span`
-  color: ${e=>e.theme.colors.primary};
-  font-weight: 600;
-`,De=i.span`
-  color: ${e=>e.theme.colors.champion};
-  text-decoration: line-through;
-`,Se=i.span`
-  color: ${e=>e.theme.colors.champion};
-`,Me=i.span`
-  color: ${e=>e.theme.colors.primary};
-`,Ie=i.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-`,Ae=i(M)`
-  color: ${e=>e.theme.colors.hero};
-`;export{qe as default};