@zeniai/web-cockpit-ui 1.15.17-dev → 1.15.18-dev

package/dist/assets/{TransactionActivityLogPage-CTl6Lo3h-Dr0PqgiK.js → TransactionActivityLogPage-BW-qVpWu-D-8WEz2X.js}

@@ -1,4 +1,4 @@
-import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h as P,ai as Z,du as q,aZ as G}from"./index-rJQoaAfw.js";import{a as J}from"./sentry-CGE1ab0x.js";import{n as i}from"./mui-KNfEk2A1.js";import"./liveblocks-CohL7dW6.js";import"./core-BMaLzXUJ.js";import"./recharts-D8Mh9GJw.js";import"./zeni-epic-state-CiJSQQSe.js";import"./lottie-XKgYVRq1.js";import"./analytics-DGcxWyl6.js";import"./lexical-CyZM9SwL.js";import"./utils-Co3Y654K.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]="f68ddf57-69cd-4a25-9f9c-b06af3526fd1",e._sentryDebugIdIdentifier="sentry-dbid-f68ddf57-69cd-4a25-9f9c-b06af3526fd1")}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 O(e){return e.endsWith(".user_update")}function Y(e){return e.length>0&&O(e[0].eventType)}function Q(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 W(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=Q(s),h=W(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=F(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 F(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=F(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(E,{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(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]=J.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(D,{children:e[0].createTime.format(x.visual.MMMDFormat)}),n.jsx(ve,{}),n.jsx(D,{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(V,{children:d.lineDisplayLabel}),n.jsx(k,{"aria-hidden":!0,children:"#"})]}),n.jsx(Ve,{children:d.details.map((c,$)=>n.jsxs(ke,{children:[n.jsxs(De,{children:[c.fieldName,":"," "]}),c.oldValue!=null&&n.jsx(Le,{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(V,{children:d.lineDisplayLabel})]}),n.jsx(k,{"aria-hidden":!0,children:"#"})]}),n.jsx(ce,{children:d.details.map((c,$)=>n.jsxs(pe,{children:[n.jsxs(L,{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(_e,{onClick:()=>u(d=>!d),children:[n.jsx(be,{isExpanded:r}),n.jsx(we,{children:p.details})]}),r&&n.jsx(Te,{children:m.map((d,h)=>n.jsxs(Ne,{children:[n.jsxs(L,{children:[d.fieldName,d.newValue!=null&&`: ${d.newValue}`]}),n.jsx(S,{children:d.reasoning})]},`${d.fieldName}-${h}`))})]})]})]})},ie=i.div`
+import{V as n,T as H,o,b7 as E,F as z,al as M,C as U,eF as B,am as J,bg as I,h as P,ai as Z,dv as q,aZ as K}from"./index-BR9aIv1A.js";import{a as Q}from"./sentry-BwoJfpTa.js";import{n as i}from"./mui-C7Q1opAD.js";import"./liveblocks-B8f0lmpe.js";import"./core-B_30foAD.js";import"./recharts-v_b66Qfi.js";import"./zeni-epic-state-Deo9yJpd.js";import"./lottie-CbICbNKh.js";import"./analytics-rms9goNI.js";import"./lexical-CcL2Fd1i.js";import"./utils-C75CTJHa.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]="61eba6ab-c53c-442e-8113-286eb1b8b560",e._sentryDebugIdIdentifier="sentry-dbid-61eba6ab-c53c-442e-8113-286eb1b8b560")}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 F(e){return e.length>0&&W(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=Y(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(F(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 Y(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=Y(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(H,{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=F(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(V,{children:d.lineDisplayLabel}),n.jsx(L,{"aria-hidden":!0,children:"#"})]}),n.jsx(Ve,{children:d.details.map((c,$)=>n.jsxs(Le,{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(V,{children:d.lineDisplayLabel})]}),n.jsx(L,{"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;
@@ -10,13 +10,13 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
   flex-direction: column;
   row-gap: ${o.sp5};
   background-color: ${e=>e.theme.colors.grey4};
-`,_=i.div`
+`,b=i.div`
   align-items: center;
   display: flex;
   justify-content: center;
   padding: ${o.sp3} ${o.sp4};
   position: relative;
-`,b=i(H)`
+`,_=i(E)`
   color: ${e=>e.theme.colors.primary};
 `,se=i.button`
   align-items: center;
@@ -67,7 +67,7 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
   width: 16px;
 `,V=i(I)`
   color: ${e=>e.theme.colors.primary};
-`,k=i.span`
+`,L=i.span`
   color: ${e=>e.theme.colors.champion};
   font-size: 12px;
 `,ce=i.div`
@@ -119,7 +119,7 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
   display: flex;
   gap: ${o.sp1};
   margin-top: 2px;
-`,D=i(K)`
+`,k=i(J)`
   color: ${e=>e.theme.colors.hero};
 `,ve=i.div`
   background: ${e=>e.theme.colors.hero};
@@ -127,7 +127,7 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
   flex-shrink: 0;
   height: ${o.sp1};
   width: ${o.sp1};
-`,_e=i.button`
+`,be=i.button`
   align-items: center;
   background: ${e=>e.theme.colors.grey4};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -137,13 +137,13 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
   gap: ${o.sp1};
   margin-top: ${o.sp2};
   padding: ${o.sp1} ${o.sp2};
-`,be=i(q)`
+`,_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(G)`
+`,we=i(K)`
   color: ${e=>e.theme.colors.champion};
 `,Te=i.div`
   background: ${e=>e.theme.colors.grey5};
@@ -157,7 +157,7 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
   & + & {
     border-top: 1px solid ${e=>e.theme.colors.grey3};
   }
-`,L=i(I)`
+`,D=i(I)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${o.sp1};
 `,S=i(Z)`
@@ -166,7 +166,7 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
 `,Ve=i.div`
   border-top: 1px solid ${e=>e.theme.colors.grey3};
   padding: ${o.sp2} ${o.sp3} ${o.sp3};
-`,ke=i.div`
+`,Le=i.div`
   line-height: 20px;
 
   & + & {
@@ -174,10 +174,10 @@ import{V as n,T as E,o,b7 as H,F as z,al as M,x as U,eG as B,am as K,bg as I,h a
     margin-top: ${o.sp2};
     padding-top: ${o.sp2};
   }
-`,De=i.span`
+`,ke=i.span`
   color: ${e=>e.theme.colors.primary};
   font-weight: 600;
-`,Le=i.span`
+`,De=i.span`
   color: ${e=>e.theme.colors.champion};
   text-decoration: line-through;
 `,Se=i.span`