@zeniai/web-cockpit-ui 1.15.41-qa → 1.15.42-dev

package/dist/assets/{TopExDetailPage-C9pGvGMt-BM8au-2T.js → TopExDetailPage-IEJSc_e7-BtOs5ZNd.js}

@@ -1,4 +1,4 @@
-import{y as j,J as S,V as t,bE as A,F as f,aQ as v,b5 as B,C as P,o as i,x as E,bS as H,bu as V,u as c,p as D,an as $,ac as F,b1 as z}from"./index-B7eWgQzZ.js";import{n}from"./mui-Ba0_ROTv.js";import{FQ as T}from"./zeni-epic-state-DsDV18R1.js";import{E as _,I}from"./TopExCard-BXYnSJ_3-BrLh6FBV.js";import{j as M}from"./TimeframeSwitcher-CnIziozQ-1cQ19qL3.js";import{d as L}from"./NoDataTable-CwJmhtK3-CCNoQlOZ.js";import{P as Z,a as o}from"./sentry-BUYEiWD8.js";import"./liveblocks-DyVXfa5b.js";import"./core-CslRcwFE.js";import"./recharts-Dpk71F6G.js";import"./lottie-DR7Z1uj_.js";import"./analytics-EOspDoDF.js";import"./lexical-DEAOqFKR.js";import"./utils-van4hLXd.js";import"./ReloadCard-DCA58Z6d-lxJyT6Aq.js";import"./graphic-no-data-l-DU4J8fDt-CLHrfBy6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="4773416e-cd04-4de7-a822-db02eb905cff",e._sentryDebugIdIdentifier="sentry-dbid-4773416e-cd04-4de7-a822-db02eb905cff")}catch{}})();const b="141px",O=i.sp4,N="123px",J=n(z)`
+import{y as j,J as S,V as t,bE as A,b as f,aQ as b,b5 as B,D as P,o as i,x as E,bS as H,bu as D,u as c,p as V,an as $,ac as z,b1 as F}from"./index-DGGt5RDJ.js";import{n}from"./mui-BXc79n0P.js";import{FQ as T}from"./zeni-epic-state-Cvu6NpVe.js";import{E as _,I}from"./TopExCard-IMbcUkNt-D4ymrCrP.js";import{j as M}from"./TimeframeSwitcher-CFrCNOFC-CCLnJVYT.js";import{d as Z}from"./NoDataTable-Bgt6dZEF-B3972AwQ.js";import{P as L,a as o}from"./sentry-C7LQiKF9.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.js";import"./ReloadCard-Dketoj2r-tAJXPFMi.js";import"./graphic-no-data-l-DU4J8fDt-CeLdXVsI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="a8616f29-c2ba-4fa3-aec0-13de6e134cd4",e._sentryDebugIdIdentifier="sentry-dbid-a8616f29-c2ba-4fa3-aec0-13de6e134cd4")}catch{}})();const v="141px",O=i.sp4,N="123px",J=n(F)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
@@ -26,8 +26,8 @@ import{y as j,J as S,V as t,bE as A,F as f,aQ as v,b5 as B,C as P,o as i,x as E,
   justify-content: flex-end;
 `,W=n($)`
   user-select: none;
-  width: ${b};
-  min-width: ${b};
+  width: ${v};
+  min-width: ${v};
   text-align: right;
   margin-left: ${O};
 `,X=n.div`
@@ -42,7 +42,7 @@ import{y as j,J as S,V as t,bE as A,F as f,aQ as v,b5 as B,C as P,o as i,x as E,
   min-width: ${N};
   text-align: left;
   margin-left: ${i.sp4};
-`;function G({leftChevron:e,account:l,onAccountBalanceClick:a}){const s=l!=null&&l.balance!=null,r=e==="hidden",g=s?"pointer":"default",d=r===!1&&s,w=d?"pointer":"default",h=r?c[6]:c[4],m=J,{common:{strings:{empty:y}}}=f.getLocalizedStrings(),C=l?.accountDescription?l.accountDescription:y,x=l?.accountName?l.accountName:C;return t.jsxs(Q,{isClickable:d,children:[t.jsxs(X,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(q,{"data-testid":F("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&l!=null&&l.balance!=null&&a?.(l)},children:x})]}),t.jsx(R,{style:{cursor:g},children:t.jsx(W,{isClickable:s,onClick:()=>{l?.balance!=null&&a?.(l)},children:v("0,0",l?.balance.available)})})]})}const K=n.div`
+`;function G({leftChevron:e,account:l,onAccountBalanceClick:a}){const s=l!=null&&l.balance!=null,r=e==="hidden",g=s?"pointer":"default",d=r===!1&&s,w=d?"pointer":"default",h=r?c[6]:c[4],m=J,{common:{strings:{empty:y}}}=f.getLocalizedStrings(),C=l?.accountDescription?l.accountDescription:y,x=l?.accountName?l.accountName:C;return t.jsxs(Q,{isClickable:d,children:[t.jsxs(X,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(q,{"data-testid":z("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&l!=null&&l.balance!=null&&a?.(l)},children:x})]}),t.jsx(R,{style:{cursor:g},children:t.jsx(W,{isClickable:s,onClick:()=>{l?.balance!=null&&a?.(l)},children:b("0,0",l?.balance.available)})})]})}const K=n.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -56,7 +56,7 @@ import{y as j,J as S,V as t,bE as A,F as f,aQ as v,b5 as B,C as P,o as i,x as E,
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`;function ee({accounts:e,onAccountBalanceClick:l}){const a=(s,r)=>s.length>1&&r<s.length-1;return t.jsx(K,{children:e?.map((s,r)=>t.jsxs(U,{children:[t.jsx(G,{leftChevron:"collapsed",account:s,onAccountBalanceClick:l}),a(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=Z.memo(ee),ie=n.div`
+`;function ee({accounts:e,onAccountBalanceClick:l}){const a=(s,r)=>s.length>1&&r<s.length-1;return t.jsx(K,{children:e?.map((s,r)=>t.jsxs(U,{children:[t.jsx(G,{leftChevron:"collapsed",account:s,onAccountBalanceClick:l}),a(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=L.memo(ee),ie=n.div`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -82,7 +82,7 @@ import{y as j,J as S,V as t,bE as A,F as f,aQ as v,b5 as B,C as P,o as i,x as E,
   flex-basis: 100%;
   flex-direction: column;
 `,ce=n($)`
-  color: ${D.alert};
+  color: ${V.alert};
   margin: ${i.sp3} ${i.sp0} ${i.sp5} ${i.sp0};
 `;function de(){switch(j().mode){case"light":return t.jsx(oe,{width:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(le,{width:"100%",preserveAspectRatio:"none"})}}function pe({title:e}){return t.jsxs(re,{children:[e!=null?t.jsx(ce,{children:e}):null,t.jsx(ae,{children:t.jsx(se,{children:t.jsx(de,{})})})]})}const u={wrapperPadding:new E(c[3],c[3],c[8]),chartContainerMinHeight:new E(c[12],c[11])},he=n.div`
   display: flex;
@@ -119,7 +119,7 @@ import{y as j,J as S,V as t,bE as A,F as f,aQ as v,b5 as B,C as P,o as i,x as E,
 `,ge=n.div`
   height: ${i.sp9};
   color: ${e=>e.theme.colors.primary};
-`,we=n(H)``,ye=n(V)`
+`,we=n(H)``,ye=n(D)`
   padding-left: ${i.sp3};
 `,Ce=n.div`
   display: flex;
@@ -129,4 +129,4 @@ import{y as j,J as S,V as t,bE as A,F as f,aQ as v,b5 as B,C as P,o as i,x as E,
   margin-bottom: ${i.sp5};
 `,$e=n.div`
   display: flex;
-`;function Ie(e){const l=j(),{report:a,onTimeframeSelectionChanged:s,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...T],h=_(a.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:y}=a,C=y.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(P.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(A,{source:"TopExDetailPage",title:f.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:l.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(fe,{children:t.jsx(xe,{children:t.jsx(M,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{s?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:v("0,0",C)}),t.jsx(ye,{children:f.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${f.getLocalizedStrings().chartCard.no_data_available_for} ${f.getLocalizedStrings().timeframe[m]}`})}):t.jsx(Ce,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(I,{report:a,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ue,{windowSize:d,children:h?t.jsx(L,{}):t.jsx(ne,{report:a,onAccountBalanceClick:r})})]})}export{Ie as default};
+`;function Ie(e){const l=j(),{report:a,onTimeframeSelectionChanged:s,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...T],h=_(a.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:y}=a,C=y.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(P.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(A,{source:"TopExDetailPage",title:f.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:l.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(fe,{children:t.jsx(xe,{children:t.jsx(M,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{s?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",C)}),t.jsx(ye,{children:f.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${f.getLocalizedStrings().chartCard.no_data_available_for} ${f.getLocalizedStrings().timeframe[m]}`})}):t.jsx(Ce,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(I,{report:a,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ue,{windowSize:d,children:h?t.jsx(Z,{}):t.jsx(ne,{report:a,onAccountBalanceClick:r})})]})}export{Ie as default};

package/dist/assets/TransactionActivityLogPage-CztxkZSm-8f7Qpuaa.js

@@ -0,0 +1,195 @@
+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-DGGt5RDJ.js";import{a as O}from"./sentry-C7LQiKF9.js";import{n as i}from"./mui-BXc79n0P.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./zeni-epic-state-Cvu6NpVe.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.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};