Added Transaction Table

2025-06-19 10:16:00 +02:00 · 2025-06-19 10:16:00 +02:00 · 439a14ea25
commit 439a14ea25
parent fd5e50e14c
10 changed files with 2454 additions and 17 deletions
--- a/app/components/pages/transactions/Transactions.tsx
+++ b/app/components/pages/transactions/Transactions.tsx
@ -0,0 +1,110 @@
+'use client';
+import { useState } from 'react';
+import {
+    Button, Dialog, DialogTitle, DialogContent, DialogActions,
+    FormControl, Select, MenuItem, FormControlLabel, Checkbox,
+    Stack, Paper, styled,
+    TextField
+} from '@mui/material';
+import FileUploadIcon from '@mui/icons-material/FileUpload';
+import * as XLSX from 'xlsx';
+import { saveAs } from 'file-saver';
+import { DataGrid } from '@mui/x-data-grid';
+import { columns } from './constants';
+import { rows } from './mockData';
+
+const paginationModel = { page: 0, pageSize: 50 };
+
+export default function TransactionTable() {
+    const [open, setOpen] = useState(false);
+    const [fileType, setFileType] = useState<'csv' | 'xls' | 'xlsx'>('csv');
+    const [onlyCurrentTable, setOnlyCurrentTable] = useState(false);
+
+    const handleExport = () => {
+        const exportRows = onlyCurrentTable ? rows.slice(0, 5) : rows;
+        const exportData = [
+            columns.map(col => col.headerName),
+            // @ts-expect-error - Dynamic field access from DataGrid columns
+            ...exportRows.map(row => columns.map(col => row[col.field] ?? '')),
+        ];
+
+        const worksheet = XLSX.utils.aoa_to_sheet(exportData);
+        const workbook = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(workbook, worksheet, 'Transactions');
+
+        if (fileType === 'csv') {
+            const csv = XLSX.utils.sheet_to_csv(worksheet);
+            const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
+            saveAs(blob, 'transactions.csv');
+        } else {
+            XLSX.writeFile(workbook, `transactions.${fileType}`, { bookType: fileType });
+        }
+
+        setOpen(false);
+    };
+
+    return (
+        <StyledPaper>
+            <Stack direction="row" justifyContent="space-between" alignItems="center" p={2}>
+                <TextField
+                    label="Search"
+                    variant="outlined"
+                    size="small"
+                    // value={'searchQuery'}
+                    onChange={(e) => console.log(`setSearchQuery(${e.target.value})`)}
+                    sx={{ width: 300 }}
+                />
+                <Button
+                    variant="outlined"
+                    startIcon={<FileUploadIcon />}
+                    onClick={() => setOpen(true)}
+                >
+                    Export
+                </Button>
+            </Stack>
+
+            <DataGrid
+                rows={rows}
+                columns={columns}
+                initialState={{ pagination: { paginationModel } }}
+                pageSizeOptions={[50 , 100]}
+                sx={{ border: 0 }}
+            />
+
+            {/* Export Dialog */}
+            <Dialog open={open} onClose={() => setOpen(false)}>
+                <DialogTitle>Export Transactions</DialogTitle>
+                <DialogContent>
+                    <FormControl fullWidth sx={{ mt: 2 }}>
+                        <Select
+                            value={fileType}
+                            onChange={(e) => setFileType(e.target.value as 'csv' | 'xls' | 'xlsx')}
+                        >
+                            <MenuItem value="csv">CSV</MenuItem>
+                            <MenuItem value="xls">XLS</MenuItem>
+                            <MenuItem value="xlsx">XLSX</MenuItem>
+                        </Select>
+                    </FormControl>
+                    <FormControlLabel
+                        control={
+                            <Checkbox
+                                checked={onlyCurrentTable}
+                                onChange={(e) => setOnlyCurrentTable(e.target.checked)}
+                            />
+                        }
+                        label="Only export the results in the current table"
+                        sx={{ mt: 2 }}
+                    />
+                </DialogContent>
+                <DialogActions>
+                    <Button onClick={() => setOpen(false)}>Cancel</Button>
+                    <Button variant="contained" onClick={handleExport}>Export</Button>
+                </DialogActions>
+            </Dialog>
+        </StyledPaper>
+    );
+}
+
+const StyledPaper = styled(Paper)(() => ({
+    height: '90vh',
+}));
--- a/app/components/pages/transactions/constants.ts
+++ b/app/components/pages/transactions/constants.ts
@ -0,0 +1,80 @@
+import { GridColDef } from "@mui/x-data-grid";
+
+export const columns: GridColDef[] = [
+  { field: 'merchandId', headerName: 'Merchant ID', width: 130 },
+  { field: 'transactionID', headerName: 'Transaction ID', width: 130 },
+  { field: 'user', headerName: 'User', width: 75 },
+  { field: 'created', headerName: 'Created', type: 'number', width: 130 },
+  { field: 'state', headerName: 'State', type: 'number', width: 130 },
+  { field: 'statusDescription', headerName: 'Status Description', type: 'number', width: 130 },
+  { field: 'pspStatusCode', headerName: 'PSP Status Code', type: 'number', width: 130 },
+  { field: 'pspStatusMessage', headerName: 'PSP Status Message', type: 'number', width: 90 },
+  { field: 'psp', headerName: 'PSP', type: 'number', width: 90 },
+  { field: 'pspAccount', headerName: 'PSP Account', type: 'number', width: 90 },
+  { field: 'initPSP', headerName: 'Init PSP', type: 'number', width: 90 },
+  { field: 'initPSPAccout', headerName: 'Init PSP Account', type: 'number', width: 90 },
+  { field: 'pspService', headerName: 'PSP Service', type: 'number', width: 90 },
+  { field: 'transactionType', headerName: 'Transaction Type', type: 'number', width: 90 },
+  { field: 'paymentMethod', headerName: 'Payment Method', type: 'number', width: 90 },
+  { field: 'rules', headerName: 'Rules', type: 'number', width: 90 },
+  { field: 'amount', headerName: 'Amount', type: 'number', width: 90 },
+  { field: 'fee', headerName: 'Fee', type: 'number', width: 90 },
+  { field: 'transactionAmount', headerName: 'Transaction Amount', type: 'number', width: 90 },
+  { field: 'baseAmount', headerName: 'Base Amount', type: 'number', width: 90 },
+  { field: 'baseFee', headerName: 'Base Fee', type: 'number', width: 90 },
+  { field: 'baseTransaction', headerName: 'Base Transaction', type: 'number', width: 90 },
+  { field: 'pspFee', headerName: 'PSP Fee', type: 'number', width: 90 },
+  { field: 'basePspFee', headerName: 'Base PSP Fee', type: 'number', width: 90 },
+  { field: 'authAmount', headerName: 'Auth Amount', type: 'number', width: 90 },
+  { field: 'baseAuthAmount', headerName: 'Base Auth Amount', type: 'number', width: 90 },
+  { field: 'userBalance', headerName: 'User Balance', type: 'number', width: 90 },
+  { field: 'updated', headerName: 'Updated', type: 'number', width: 90 },
+  { field: 'userIp', headerName: 'User IP', type: 'number', width: 90 },
+  { field: 'channel', headerName: 'Channel', type: 'number', width: 90 },
+  { field: 'depositType', headerName: 'Deposit Type', type: 'number', width: 90 },
+  { field: 'userEmal', headerName: 'User Emal', type: 'number', width: 90 },
+  { field: 'userCategory', headerName: 'User Category', type: 'number', width: 90 },
+  { field: 'userCountry', headerName: 'User Country', type: 'number', width: 90 },
+  { field: 'userAccount', headerName: 'User Account', type: 'number', width: 90 },
+  { field: 'bankName', headerName: 'Bank Name', type: 'number', width: 90 },
+  { field: 'pspUserReference', headerName: 'PSP User Reference', type: 'number', width: 90 },
+  { field: 'pspFraudScore', headerName: 'PSP Fraud Score', type: 'number', width: 90 },
+  { field: 'fraudStatus', headerName: 'FraudStatus', type: 'number', width: 90 },
+  { field: 'blocked', headerName: 'Blocked', type: 'number', width: 90 },
+  { field: 'abuse', headerName: 'Abuse', type: 'number', width: 90 },
+  { field: 'kycStatus', headerName: 'KYC Status', type: 'number', width: 90 },
+  { field: 'kycPSPName', headerName: 'KYC PSP Name', type: 'number', width: 90 },
+  { field: 'kycPSPStatus', headerName: 'KYC PSP Status', type: 'number', width: 90 },
+  { field: 'kycIdStatus', headerName: 'KYC ID Status', type: 'number', width: 90 },
+  { field: 'kycAddressStatus', headerName: 'KYC Address Status', type: 'number', width: 90 },
+  { field: 'kycAgeStatus', headerName: 'KYC Age Status', type: 'number', width: 90 },
+  { field: 'kycPEPAndSanction', headerName: 'KYC PEP And Sanction', type: 'number', width: 90 },
+  { field: 'pspReferenceId', headerName: 'PSPReferenceID', type: 'number', width: 90 },
+  { field: 'siteReferenceId', headerName: 'Site Reference ID', type: 'number', width: 90 },
+  { field: 'info', headerName: 'Info', type: 'number', width: 90 },
+  { field: 'accountHolder', headerName: 'Account Holder', type: 'number', width: 90 },
+  { field: 'firstName', headerName: 'First Name', type: 'number', width: 90 },
+  { field: 'lastName', headerName: 'Last Name', type: 'number', width: 90 },
+  { field: 'street', headerName: 'Street', type: 'number', width: 90 },
+  { field: 'city', headerName: 'City', type: 'number', width: 90 },
+  { field: 'zip', headerName: 'ZIP', type: 'number', width: 90 },
+  { field: 'dob', headerName: 'DOB', type: 'number', width: 90 },
+  { field: 'mobile', headerName: 'Mobile', type: 'number', width: 90 },
+  { field: 'lastUpdatedBy', headerName: 'Last Updated By', type: 'number', width: 90 },
+  { field: 'ipCity', headerName: 'IP City', type: 'number', width: 90 },
+  { field: 'ipRegion', headerName: 'IP Region', type: 'number', width: 90 },
+  { field: 'ipCountry', headerName: 'IP Country', type: 'number', width: 90 },
+  { field: 'cardIssuerCountry', headerName: 'Card Issuer Country', type: 'number', width: 90 },
+  { field: 'cardBand', headerName: 'Card Band', type: 'number', width: 90 },
+  { field: 'cardCategory', headerName: 'Card Category', type: 'number', width: 90 },
+  { field: 'cardIssuerName', headerName: 'Card Issuer Name', type: 'number', width: 90 },
+  { field: 'inn', headerName: 'INN', type: 'number', width: 90 },
+  { field: 'cardType', headerName: 'Card Type', type: 'number', width: 90 },
+  { field: 'firstAttempt', headerName: 'First Attempt', type: 'number', width: 90 },
+  { field: 'firstSuccessful', headerName: 'First Successful', type: 'number', width: 90 },
+  { field: 'firstTransaction', headerName: 'First Transaction', type: 'number', width: 90 },
+  { field: 'firstPspAcountAttempt', headerName: 'First PSP Acount Attempt', type: 'number', width: 90 },
+  { field: 'firstPspAcountSuccessful', headerName: 'First PSP Acount Successful', type: 'number', width: 90 },
+  { field: 'originTransactionId', headerName: 'Origin Transaction ID', type: 'number', width: 90 },
+  { field: 'transactionReferenceId', headerName: 'Transaction Reference ID', type: 'number', width: 90 },
+];
--- a/app/components/pages/transactions/mockData.ts
+++ b/app/components/pages/transactions/mockData.ts
--- a/app/dashboard/approve/page.tsx
+++ b/app/dashboard/approve/page.tsx
@ -1,15 +1,13 @@
 // This ensures this component is rendered only on the client side
 'use client';

-import Typography from '@mui/material/Typography';
 import React from 'react';

 export default function ApprovePage() {
  return (
    <div>
-    <Typography variant="h4" gutterBottom>
-        Approve Overview
-      </Typography>
+      {/* This page will now be rendered on the client-side */}
+      <h1>Approve</h1>
    </div>
  );
 }
--- a/app/dashboard/investigate/page.tsx
+++ b/app/dashboard/investigate/page.tsx
@ -1,15 +1,13 @@
 // This ensures this component is rendered only on the client side
 'use client';

-import Typography from '@mui/material/Typography';
 import React from 'react';

 export default function InvestigatePage() {
  return (
    <div>
-    <Typography variant="h4" gutterBottom>
-      Investigate Overview
-      </Typography>
+      {/* This page will now be rendered on the client-side */}
+      <h1>Investigate</h1>
    </div>
  );
 }
--- a/app/dashboard/kyc/page.tsx
+++ b/app/dashboard/kyc/page.tsx
@ -0,0 +1,15 @@
+// This ensures this component is rendered only on the client side
+// 'use client';
+
+import Typography from '@mui/material/Typography';
+import React from 'react';
+
+export default function KycPage() {
+  return (
+   <div>
+    <Typography variant="h4" gutterBottom>
+        KYC Overview
+      </Typography>
+    </div>
+  );
+}
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@ -9,6 +9,7 @@ const DashboardPage = () => {
      <Typography variant="h4" gutterBottom>
        Dashboard Overview
      </Typography>
+      {/* Add your dashboard content here */}
  </div>
  );
 };
--- a/app/dashboard/transactions/page.tsx
+++ b/app/dashboard/transactions/page.tsx
@ -1,15 +1,13 @@
 // This ensures this component is rendered only on the client side
 'use client';

-import Typography from '@mui/material/Typography';
-import React from 'react';
+import TransactionTable from '@/app/components/pages/transactions/Transactions';

 export default function TransactionPage() {
  return (
-   <div>
-    <Typography variant="h4" gutterBottom>
-        Transaction Overview
-      </Typography>
+    <div style={{ width: '100%' }}>
+      {/* This page will now be rendered on the client-side */}
+      <TransactionTable />
    </div>
  );
 }
--- a/package.json
+++ b/package.json
@ -13,12 +13,16 @@
    "@emotion/styled": "^11.14.0",
    "@mui/icons-material": "^7.1.1",
    "@mui/material": "^7.1.1",
+    "@mui/x-data-grid": "^8.5.2",
+    "file-saver": "^2.0.5",
    "next": "15.3.3",
    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "xlsx": "^0.18.5"
  },
  "devDependencies": {
    "@eslint/eslintrc": "^3",
+    "@types/file-saver": "^2.0.7",
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
--- a/yarn.lock
+++ b/yarn.lock
@ -47,7 +47,7 @@
  dependencies:
    "@babel/types" "^7.27.3"

-"@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.27.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.27.1", "@babel/runtime@^7.27.6", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
  version "7.27.6"
  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.6.tgz#ec4070a04d76bae8ddbb10770ba55714a417b7c6"
  integrity sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==
@ -551,6 +551,27 @@
    prop-types "^15.8.1"
    react-is "^19.1.0"

+"@mui/x-data-grid@^8.5.2":
+  version "8.5.2"
+  resolved "https://registry.yarnpkg.com/@mui/x-data-grid/-/x-data-grid-8.5.2.tgz#1788587711d2e49fabe3b8f6ccd5e38ef762f4b1"
+  integrity sha512-4KzawLZqRKp3KcGKsTDVz7zkEjACllQD5Zb8ds1QKlA6C3/oIoSU7PsemFLj+RL3rT5aORsLMBl97/egQ5tUhA==
+  dependencies:
+    "@babel/runtime" "^7.27.6"
+    "@mui/utils" "^7.1.1"
+    "@mui/x-internals" "8.5.2"
+    clsx "^2.1.1"
+    prop-types "^15.8.1"
+    use-sync-external-store "^1.5.0"
+
+"@mui/x-internals@8.5.2":
+  version "8.5.2"
+  resolved "https://registry.yarnpkg.com/@mui/x-internals/-/x-internals-8.5.2.tgz#fba1bbbff2866ed118761c8fc4fcc7909d167f53"
+  integrity sha512-5YhB2AekK7G8d0YrAjg3WNf0uy3V73JD98WNxJhbIlCraQgl8QOQzr2zNO7MAf/X7mZQtjpjuAsiG3+gI2NVyg==
+  dependencies:
+    "@babel/runtime" "^7.27.6"
+    "@mui/utils" "^7.1.1"
+    reselect "^5.1.1"
+
 "@napi-rs/wasm-runtime@^0.2.11":
  version "0.2.11"
  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.11.tgz#192c1610e1625048089ab4e35bc0649ce478500e"
@ -677,6 +698,11 @@
  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==

+"@types/file-saver@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@types/file-saver/-/file-saver-2.0.7.tgz#8dbb2f24bdc7486c54aa854eb414940bbd056f7d"
+  integrity sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==
+
 "@types/json-schema@^7.0.15":
  version "7.0.15"
  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
@ -925,6 +951,11 @@ acorn@^8.15.0:
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
  integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==

+adler-32@~1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/adler-32/-/adler-32-1.3.1.tgz#1dbf0b36dda0012189a32b3679061932df1821e2"
+  integrity sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==
+
 ajv@^6.12.4:
  version "6.12.6"
  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
@ -1149,6 +1180,14 @@ caniuse-lite@^1.0.30001579:
  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001723.tgz#c4f3174f02089720736e1887eab345e09bb10944"
  integrity sha512-1R/elMjtehrFejxwmexeXAtae5UO9iSyFn6G/I806CYC/BLyyBk1EPhrKBkWhy6wM6Xnm47dSJQec+tLJ39WHw==

+cfb@~1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/cfb/-/cfb-1.2.2.tgz#94e687628c700e5155436dac05f74e08df23bc44"
+  integrity sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==
+  dependencies:
+    adler-32 "~1.3.0"
+    crc-32 "~1.2.0"
+
 chalk@^4.0.0:
  version "4.1.2"
  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
@ -1167,6 +1206,11 @@ clsx@^2.1.1:
  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==

+codepage@~1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/codepage/-/codepage-1.15.0.tgz#2e00519024b39424ec66eeb3ec07227e692618ab"
+  integrity sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==
+
 color-convert@^2.0.1:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
@ -1216,6 +1260,11 @@ cosmiconfig@^7.0.0:
    path-type "^4.0.0"
    yaml "^1.10.0"

+crc-32@~1.2.0, crc-32@~1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-1.2.2.tgz#3cad35a934b8bf71f25ca524b6da51fb7eace2ff"
+  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
+
 cross-spawn@^7.0.6:
  version "7.0.6"
  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
@ -1738,6 +1787,11 @@ file-entry-cache@^8.0.0:
  dependencies:
    flat-cache "^4.0.0"

+file-saver@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/file-saver/-/file-saver-2.0.5.tgz#d61cfe2ce059f414d899e9dd6d4107ee25670c38"
+  integrity sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==
+
 fill-range@^7.1.1:
  version "7.1.1"
  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
@ -1778,6 +1832,11 @@ for-each@^0.3.3, for-each@^0.3.5:
  dependencies:
    is-callable "^1.2.7"

+frac@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/frac/-/frac-1.1.2.tgz#3d74f7f6478c88a1b5020306d747dc6313c74d0b"
+  integrity sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==
+
 function-bind@^1.1.2:
  version "1.1.2"
  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
@ -2619,6 +2678,11 @@ regexp.prototype.flags@^1.5.3, regexp.prototype.flags@^1.5.4:
    gopd "^1.2.0"
    set-function-name "^2.0.2"

+reselect@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/reselect/-/reselect-5.1.1.tgz#c766b1eb5d558291e5e550298adb0becc24bb72e"
+  integrity sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==
+
 resolve-from@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
@ -2833,6 +2897,13 @@ source-map@^0.5.7:
  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==

+ssf@~0.11.2:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/ssf/-/ssf-0.11.2.tgz#0b99698b237548d088fc43cdf2b70c1a7512c06c"
+  integrity sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==
+  dependencies:
+    frac "~1.1.2"
+
 stable-hash@^0.0.5:
  version "0.0.5"
  resolved "https://registry.yarnpkg.com/stable-hash/-/stable-hash-0.0.5.tgz#94e8837aaeac5b4d0f631d2972adef2924b40269"
@ -3094,6 +3165,11 @@ uri-js@^4.2.2:
  dependencies:
    punycode "^2.1.0"

+use-sync-external-store@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz#55122e2a3edd2a6c106174c27485e0fd59bcfca0"
+  integrity sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==
+
 which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
@ -3154,11 +3230,34 @@ which@^2.0.1:
  dependencies:
    isexe "^2.0.0"

+wmf@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wmf/-/wmf-1.0.2.tgz#7d19d621071a08c2bdc6b7e688a9c435298cc2da"
+  integrity sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==
+
 word-wrap@^1.2.5:
  version "1.2.5"
  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==

+word@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/word/-/word-0.3.0.tgz#8542157e4f8e849f4a363a288992d47612db9961"
+  integrity sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==
+
+xlsx@^0.18.5:
+  version "0.18.5"
+  resolved "https://registry.yarnpkg.com/xlsx/-/xlsx-0.18.5.tgz#16711b9113c848076b8a177022799ad356eba7d0"
+  integrity sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==
+  dependencies:
+    adler-32 "~1.3.0"
+    cfb "~1.2.1"
+    codepage "~1.15.0"
+    crc-32 "~1.2.1"
+    ssf "~0.11.2"
+    wmf "~1.0.1"
+    word "~0.3.0"
+
 yaml@^1.10.0:
  version "1.10.2"
  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"