https://opencollective.com/_next/static/chunks/pages/preview/[coll…/transactions/[groupId]-d0a69a96c0229e98.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];if(null!=s)for(var a in s)s.hasOwnProperty(a)&&(e[a]=s[a])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:opencollective-frontend":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="355eeee4-2236-4e75-8068-4cd82661040b",e._sentryDebugIdIdentifier="sentry-dbid-355eeee4-2236-4e75-8068-4cd82661040b")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4281],{13223:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(49950).A)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]])},31763:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>l});var a=s(37876);s(14232);var r=s(89099),n=s(76472),i=s(67246);function l(){let e=(0,r.useRouter)();return(0,a.jsx)(i.A,{collapsed:!0,getBreadcrumbs:({account:t,collective:s})=>[{href:`/preview/${s?.slug}/finances`,label:"Finances"},{href:`/preview/${s?.slug}/finances/${t?.slug}`,label:t?.name},{label:`Transaction group ${e.query.groupId.toString().substring(0,8)}`}],children:(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)(n.A,{})})})}},34679:(e,t,s)=>{"use strict";s.d(t,{A:()=>d,g:()=>o});var a=s(37876),r=s(14232),n=s(62449),i=s(38605),l=s(20322);let c=(0,n.zR)({defaultMessage:"Local time: {localTime}{newLine}UTC time: {utcTime}",id:"9kdoVP"}),o=(e,t)=>e.formatMessage(c,{localTime:(0,l.ZH)(e.formatDate(t,{dateStyle:"full",timeStyle:"long"})),utcTime:(0,l.ZH)(e.formatDate(t,{dateStyle:"full",timeStyle:"long",timeZone:"UTC"})),newLine:"\n"}),d=({value:e,dateStyle:t,timeStyle:s,omitTimeIfMidnight:l,...c})=>{let d=(0,n.tz)(),[u,m]=r.useState(),p=r.useMemo(()=>(0,i.gH)(e),[e]);return l&&s&&(s=0===p.getUTCHours()&&0===p.getUTCMinutes()?void 0:s),(0,a.jsx)("time",{...c,title:u,dateTime:p.toISOString(),onMouseEnter:()=>m(o(d,p)),suppressHydrationWarning:!0,children:(0,a.jsx)(n.XU,{dateStyle:t||"long",timeStyle:s,value:p})})}},45616:(e,t,s)=>{"use strict";s.d(t,{q:()=>u});var a=s(37876);s(14232);var r=s(12815),n=s(69932),i=s(23579),l=s(20322),c=s(30619),o=s(34679),d=s(2996);function u({group:e,className:t,asHero:s=!1}){return(0,a.jsxs)("div",{className:(0,l.cn)("grid grid-cols-6 px-4 py-3",t),children:[!s&&(0,a.jsx)("div",{className:"flex items-center whitespace-nowrap text-muted-foreground",children:e?.createdAt&&(0,a.jsx)(o.A,{dateStyle:"medium",value:e?.createdAt})}),(0,a.jsxs)("div",{className:(0,r.$)(s?"col-span-5":"col-span-4","flex items-center gap-3 text-muted-foreground"),children:[(0,a.jsx)("div",{className:(0,r.$)("flex size-8 shrink-0 items-center justify-center rounded-lg",e?.primaryTransaction.type==="CREDIT"?"bg-green-100":"bg-red-100"),children:e?.primaryTransaction.type==="CREDIT"?(0,a.jsx)(n.A,{className:"text-green-600",size:20}):(0,a.jsx)(i.A,{className:"text-red-600",size:20})}),(0,a.jsx)("div",{children:e?"CONTRIBUTION"===e.primaryTransaction.kind?(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("span",{children:["Contribution ","CREDIT"===e.primaryTransaction.type?"from":"to"]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(c.Ay,{collective:e.primaryTransaction.oppositeAccount,radius:20}),e.primaryTransaction.oppositeAccount.name]})]}):"EXPENSE"===e.primaryTransaction.kind?(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("span",{children:["CREDIT"===e.primaryTransaction.type?"Received payment for expense":"Paid expense"," ","CREDIT"===e.primaryTransaction.type?"from":"to"]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(c.Ay,{collective:e.primaryTransaction.oppositeAccount,radius:16}),e.primaryTransaction.oppositeAccount.name]})]}):"BALANCE_TRANSFER"===e.primaryTransaction.kind?(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("span",{children:["CREDIT"===e.primaryTransaction.type?"Received":"Sent"," balance transfer"," ","CREDIT"===e.primaryTransaction.type?"from":"to"]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(c.Ay,{collective:e.primaryTransaction.oppositeAccount,radius:16}),e.primaryTransaction.oppositeAccount.name]})]}):"CREDIT"===e.primaryTransaction.type?"Received":"Sent":null})]}),(0,a.jsx)("div",{className:(0,r.$)("flex items-center justify-end text-right font-medium",e?.primaryTransaction.type==="CREDIT"&&"text-green-600"),children:(0,a.jsx)(d.A,{amount:e?.totalAmount.valueInCents,currency:e?.totalAmount.currency,showCurrencyCode:!1})})]})}},76472:(e,t,s)=>{"use strict";s.d(t,{A:()=>x});var a=s(37876);s(14232);var r=s(88490),n=s(670),i=s(89099),l=s(62449),c=s(9612),o=s(34679),d=s(2996),u=s(83509),m=s(45616);let p=(0,r.J1)`

2  query TransactionGroupDetails($slug: String, $groupId: String!) {
3    transactionGroup(account: { slug: $slug }, groupId: $groupId) {
4      id
5      totalAmount {
6        valueInCents
7        currency
8      }
9      account {
10        id
11        name
12        slug
13        imageUrl
14      }
15      createdAt
16      primaryTransaction {
17        kind
18        type
19        oppositeAccount {
20          id
21          name
22          slug
23          imageUrl
24          type
25        }
26      }
27      transactions {
28        id
29        kind
30        type
31        account {
32          id
33          name
34          slug
35          imageUrl
36          type
37        }
38        oppositeAccount {
39          id
40          name
41          slug
42          imageUrl
43          type
44        }
45        expense {
46          id
47          status
48          amountV2 {
49            valueInCents
50            currency
51          }
52        }
53        order {
54          id
55        }
56        amount {
57          valueInCents
58          currency
59        }
60      }
61    }
62  }
63`;function x(){let e=(0,i.useRouter)(),{data:t}=(0,n.IT)(p,{variables:{slug:e.query.accountSlug||e.query.collectiveSlug,groupId:e.query.groupId},fetchPolicy:"cache-and-network"}),s=(0,l.tz)();return(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("div",{className:"relative mx-auto flex max-w-(--breakpoint-lg) flex-col gap-8 px-6 py-12",children:[(0,a.jsxs)("h3",{className:"text-2xl leading-none font-semibold tracking-tight",children:["Transaction group ",e.query.groupId.slice(0,8)]}),(0,a.jsx)(m.q,{asHero:!0,group:t?.transactionGroup,className:"rounded-xl border bg-background text-lg"}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-8",children:[(0,a.jsxs)("div",{className:"space-y-6 rounded-xl border bg-background p-6",children:[(0,a.jsx)("h3",{className:"text-lg font-medium tracking-tight",children:"Transaction details"}),(0,a.jsxs)(u.Tr,{children:[(0,a.jsxs)(u.e3,{children:[(0,a.jsx)(u.sn,{children:(0,a.jsx)(l.sA,{id:"expense.incurredAt",defaultMessage:"Date"})}),(0,a.jsx)(u.zi,{className:"flex w-full max-w-full justify-end text-right",children:t?.transactionGroup?.createdAt&&(0,a.jsx)(o.A,{dateStyle:"medium",timeStyle:"short",value:t?.transactionGroup?.createdAt})})]}),t?.transactionGroup.transactions.map(e=>(0,a.jsxs)(u.e3,{children:[(0,a.jsx)(u.sn,{children:(0,c.Dd)(s,e.kind)}),(0,a.jsx)(u.zi,{className:"flex w-full max-w-full justify-end text-right",children:(0,a.jsx)(d.A,{amount:e.amount.valueInCents,currency:e.amount.currency,showCurrencyCode:!1})})]},e.id))]})]}),(0,a.jsx)("div",{className:"space-y-6 rounded-xl border bg-background p-6",children:(0,a.jsx)("h3",{className:"text-lg font-medium tracking-tight",children:t?.transactionGroup.primaryTransaction.kind==="EXPENSE"?"Expense details":"Order details"})})]})]})})}},80596:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/preview/[collectiveSlug]/transactions/[groupId]",function(){return s(31763)}])},83509:(e,t,s)=>{"use strict";s.d(t,{Es:()=>d,Tr:()=>i,e3:()=>o,sn:()=>c,zi:()=>l});var a=s(37876);s(14232);var r=s(89230),n=s(20322);function i({children:e,className:t}){return(0,a.jsx)("dl",{className:(0,n.cn)("flex w-full flex-col gap-3",t),children:e})}function l({children:e,className:t,showValueAsTitle:s}){return(0,a.jsx)("dd",{className:(0,n.cn)("max-w-fit break-words",t),title:s?String(e):void 0,children:e})}function c({children:e,className:t,title:s}){return(0,a.jsx)("dt",{className:(0,n.cn)("max-w-[240px] min-w-[180px] shrink-0 grow-0 basis-1/4 text-muted-foreground",t),title:s,children:e})}function o({children:e,label:t,value:s,className:r,itemClassName:i,labelClassName:d,showValueAsItemTitle:u}){return(0,a.jsxs)("div",{className:(0,n.cn)("relative flex w-full flex-col gap-3 sm:flex-row",r),children:[t&&(0,a.jsx)(c,{className:d,children:t}),s&&(0,a.jsx)(l,{className:i,showValueAsTitle:u,children:s}),e]})}function d({children:e,label:t,value:s,className:i,itemClassName:l,labelClassName:u,showValueAsItemTitle:m}){return(0,r.A)(s)&&null!==s?(0,a.jsxs)("div",{className:i,children:[t&&(0,a.jsxs)(c,{className:u,children:[t,":"]}),(0,a.jsxs)("div",{className:"flex flex-col gap-1 pt-1",children:[Object.entries(s).map(([e,t])=>(0,a.jsx)(d,{label:`- ${e}`,value:t,className:(0,n.cn)("pl-2"),itemClassName:l,labelClassName:(0,n.cn)(u,"truncate"),showValueAsItemTitle:m},e)),e]})]}):(0,a.jsx)(o,{label:t,value:s,className:i,itemClassName:l,labelClassName:u,showValueAsItemTitle:m,children:e})}}},e=>{e.O(0,[1152,1507,924,2024,297,1321,6525,5536,3337,6907,1298,7147,9918,341,8545,7871,1101,8407,636,6593,8792],()=>e(e.s=80596)),_N_E=e.O()}]);
64//# sourceMappingURL=[groupId]-d0a69a96c0229e98.js.map