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

package/dist/assets/TransactionActivityLogPage-DjhEIUYm-BaKCdH85.js

@@ -1,195 +0,0 @@
-import{V as n,T as F,o,b8 as H,F as z,al as M,x as U,eH as B,am as K,bh as I,h as P,ai as W,dv as q,a_ as J}from"./index-CbBDw148.js";import{a as Q}from"./sentry-ClS5bwGc.js";import{n as i}from"./mui-BLUOobNq.js";import"./liveblocks-ivZsDCw2.js";import"./core-Ce1HnmCU.js";import"./recharts-J8hRG6fl.js";import"./zeni-epic-state-W0HMFHDj.js";import"./lottie-solWV_WO.js";import"./analytics-hCfYtzJT.js";import"./lexical-Dk2CPrxk.js";import"./utils-DG8PAOHO.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]="2f667eab-65ed-49db-a2d7-02f033c56f43",e._sentryDebugIdIdentifier="sentry-dbid-2f667eab-65ed-49db-a2d7-02f033c56f43")}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 Z(e){return e.endsWith(".user_update")}function Y(e){return e.length>0&&Z(e[0].eventType)}function G(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 O(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=G(s),h=O(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 a=0;for(;a<r.length;){const s=r[a],l=t.get(s)??[],m=y(l);let d=a;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}),a=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 a=0;for(;a<r.length;){const s=r[a],l=t.get(s)??[],m=j(l);let d=a;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}),a=d+1}return u}function ee(e){const t=[];let r=0;for(;r<e.length;){const u=e[r],a=[u],s=u.data?.transaction?.correlationId;let l=r+1;if(s!=null)for(;l<e.length&&e[l].data?.transaction?.correlationId===s;)a.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");)a.push(e[l]),l++;t.push(a),r=l}return t}function te(e){if(e.length===1&&e[0].eventType==="transaction.sync_database")return p.transactionIngested;if(Y(e)){const a=e[0].data?.user;if(a!=null){const s=p.userUpdatedDetails.charAt(0).toLowerCase()+p.userUpdatedDetails.slice(1);return`${a.firstName} ${a.lastName} ${s}`}return p.userUpdatedDetails}const t=[...new Set(e.map(a=>g[a.eventType]).filter(a=>a!=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(b,{children:n.jsx(_,{children:p.title})}),n.jsx(Ie,{children:n.jsx(Ae,{children:p.noLogsFound})})]}):n.jsxs(v,{children:[n.jsxs(b,{children:[n.jsx(_,{children:p.title}),n.jsx(se,{onClick:t,children:n.jsx(oe,{})})]}),n.jsx(ae,{children:u.map((a,s)=>n.jsx(re,{isLast:s===u.length-1,group:a},a[0].id))})]})},re=({group:e,isLast:t})=>{const[r,u]=Q.useState(!1),a=Y(e),s=a?[]:X(e),l=a?R(e):[],m=a?[]:ne(e);return n.jsxs(ue,{children:[n.jsxs(he,{children:[n.jsx(me,{children:a?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(k,{children:e[0].createTime.format(x.visual.MMMDFormat)}),n.jsx(ve,{}),n.jsx(k,{children:e[0].createTime.format(x.visual.HHMMFormat)})]}),a&&l.length>0&&n.jsx(w,{children:l.map((d,h)=>n.jsxs(T,{children:[n.jsxs(N,{children:[n.jsx(L,{children:d.lineDisplayLabel}),n.jsx(V,{"aria-hidden":!0,children:"#"})]}),n.jsx(Le,{children:d.details.map((c,$)=>n.jsxs(Ve,{children:[n.jsxs(ke,{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}`))}),!a&&s.length>0&&n.jsx(w,{children:s.map((d,h)=>n.jsxs(T,{children:[n.jsxs(N,{children:[n.jsxs(le,{children:[n.jsx(de,{}),n.jsx(L,{children:d.lineDisplayLabel})]}),n.jsx(V,{"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}`))}),!a&&s.length===0&&m.length>0&&n.jsxs(n.Fragment,{children:[n.jsxs(be,{onClick:()=>u(d=>!d),children:[n.jsx(_e,{isExpanded:r}),n.jsx(we,{children:p.details})]}),r&&n.jsx(Te,{children:m.map((d,h)=>n.jsxs(Ne,{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: ${o.sp5};
-  background-color: ${e=>e.theme.colors.grey4};
-`,b=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  padding: ${o.sp3} ${o.sp4};
-  position: relative;
-`,_=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: ${o.sp1};
-  position: absolute;
-  right: ${o.sp4};
-  top: 50%;
-  transform: translateY(-50%);
-`,oe=i(U)`
-  color: ${e=>e.theme.colors.hero};
-  height: 20px;
-  width: 20px;
-
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ae=i.div`
-  padding-left: ${o.sp8};
-  padding-right: ${o.sp8};
-`,w=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp2};
-  margin-top: ${o.sp2};
-`,T=i.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  overflow: hidden;
-`,N=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  padding: ${o.sp2} ${o.sp3};
-`,le=i.div`
-  align-items: center;
-  display: flex;
-  gap: ${o.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};
-`,V=i.span`
-  color: ${e=>e.theme.colors.champion};
-  font-size: 12px;
-`,ce=i.div`
-  padding: 0 ${o.sp3} ${o.sp3};
-`,pe=i.div`
-  padding-top: ${o.sp2};
-
-  & + & {
-    border-top: 1px solid ${e=>e.theme.colors.grey3};
-    margin-top: ${o.sp2};
-    padding-top: ${o.sp2};
-  }
-`,ue=i.div`
-  display: flex;
-  flex-direction: row;
-`,he=i.div`
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  margin-right: ${o.sp3};
-`,me=i.div`
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  height: 24px;
-  justify-content: center;
-  width: 24px;
-`,fe=i(B)`
-  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: ${o.sp3};
-  width: 2px;
-`,xe=i.div`
-  flex: 1;
-  min-width: 0;
-  padding-bottom: ${o.sp4};
-`,ye=i(M)`
-  color: ${e=>e.theme.colors.hero};
-`,je=i.div`
-  align-items: center;
-  display: flex;
-  gap: ${o.sp1};
-  margin-top: 2px;
-`,k=i(K)`
-  color: ${e=>e.theme.colors.hero};
-`,ve=i.div`
-  background: ${e=>e.theme.colors.hero};
-  border-radius: 50%;
-  flex-shrink: 0;
-  height: ${o.sp1};
-  width: ${o.sp1};
-`,be=i.button`
-  align-items: center;
-  background: ${e=>e.theme.colors.grey4};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  cursor: pointer;
-  display: flex;
-  gap: ${o.sp1};
-  margin-top: ${o.sp2};
-  padding: ${o.sp1} ${o.sp2};
-`,_e=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(J)`
-  color: ${e=>e.theme.colors.champion};
-`,Te=i.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  margin-top: ${o.sp2};
-  overflow: hidden;
-`,Ne=i.div`
-  padding: ${o.sp3};
-
-  & + & {
-    border-top: 1px solid ${e=>e.theme.colors.grey3};
-  }
-`,D=i(I)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${o.sp1};
-`,S=i(W)`
-  color: ${e=>e.theme.colors.champion};
-  line-height: 20px;
-`,Le=i.div`
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-  padding: ${o.sp2} ${o.sp3} ${o.sp3};
-`,Ve=i.div`
-  line-height: 20px;
-
-  & + & {
-    border-top: 1px solid ${e=>e.theme.colors.grey3};
-    margin-top: ${o.sp2};
-    padding-top: ${o.sp2};
-  }
-`,ke=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};