From 01a0c4323ccc4c8d0ccc75b5a2f5c82152297c24 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 5 Jun 2023 20:05:44 -0700
Subject: [PATCH 001/304] Styling Cross Pod Document Upload component

---
 src/components/Form/CrossPodWriteForm.jsx | 122 ++++++++++++++--------
 1 file changed, 81 insertions(+), 41 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 4413bcbaa..32c8fa825 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -2,6 +2,20 @@
 import React, { useContext } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import FormControl from '@mui/material/FormControl';
+import InputLabel from '@mui/material/InputLabel';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+// import FormControlLabel from '@mui/material/FormControlLabel';
+// import IconButton from '@mui/material/IconButton';
+// import CloseIcon from '@mui/icons-material/Close';
 // Utility Imports
 import { runNotification, makeHandleFormSubmission } from '../../utils';
 // Custom Hook Imports
@@ -73,10 +87,6 @@ const CrossPodWriteForm = () => {
     handleFormSubmit(event, podUsername);
   };
 
-  const formRowStyle = {
-    margin: '20px 0'
-  };
-
   /* eslint-disable jsx-a11y/label-has-associated-control */
   return (
     <FormSection
@@ -85,47 +95,77 @@ const CrossPodWriteForm = () => {
       statusType="Upload status"
       defaultMessage="To be uploaded..."
     >
-      <form onSubmit={handleCrossPodUpload} autoComplete="off">
-        <div style={formRowStyle}>
-          <label htmlFor="cross-upload-doc">Upload document to username: </label>
+      <Box display="flex" justifyContent="center">
+        <form onSubmit={handleCrossPodUpload} autoComplete="off">
+          <FormControl fullWidth>
+            <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
+            <TextField
+              id="cross-upload-doc"
+              name="crossPodUpload"
+              {...username}
+              placeholder={selectedUser}
+              label="Search username"
+              required
+            />
+          </FormControl>
+          <InputLabel htmlFor="cross-search-doctype">
+            <em>Select Document Type</em>
+          </InputLabel>
+          <FormControl fullWidth>
+            <DocumentSelection htmlId="cross-search-doctype" />
+            <br />
+            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+              Search Pod
+            </Button>
+          </FormControl>
+          <br />
+          <FormControl>
+            <Typography htmlFor="upload-doc-expiration">
+              Expiration date (if applicable):
+            </Typography>
+            <LocalizationProvider dateAdapter={AdapterDayjs}>
+              <DemoContainer components={['DatePicker']}>
+                <DemoItem id="upload-doc-expiration" name="date" type="date">
+                  <DatePicker />
+                </DemoItem>
+              </DemoContainer>
+            </LocalizationProvider>
+          </FormControl>
           <br />
+          <FormControl fullWidth>
+            <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
+            <TextField
+              id="upload-doc-desc"
+              name="description"
+              {...description}
+              multiline
+              rows={4}
+            />
+          </FormControl>
           <br />
-          <input
-            id="cross-upload-doc"
-            size="25"
-            name="crossPodUpload"
-            {...username}
-            placeholder={selectedUser}
-          />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc">Select Document Type</label>
-          <DocumentSelection htmlId="upload-doc" />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
-          <input id="upload-doc-expiration" name="date" type="date" />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-desc">Enter description: </label>
+          <FormControl fullWidth>
+            <Typography htmlFor="upload-doctype">File to upload:</Typography>
+            <Button
+              id="upload-doctype"
+              type="file"
+              name="uploadDoctype"
+              accept=".pdf, .docx, .doc, .txt, .rtf"
+              onChange={handleFileChange}
+              variant="contained"
+            >
+              Choose File
+              <input hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple type="file" />
+            </Button>
+          </FormControl>
           <br />
           <br />
-          <textarea id="upload-doc-desc" name="description" {...description} />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doctype">File to upload: </label>
-          <input
-            id="upload-doctype"
-            type="file"
-            name="uploadDoctype"
-            accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-            onChange={handleFileChange}
-          />
-          <button disabled={state.processing} type="submit">
-            Upload file
-          </button>
-        </div>
-      </form>
+          <FormControl fullWidth>
+            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+              Upload file
+            </Button>
+          </FormControl>
+        </form>
+      </Box>
     </FormSection>
   );
   /* eslint-enable jsx-a11y/label-has-associated-control */

From 6fe275c28e66fdc9570537bf55c6027669b29df8 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 5 Jun 2023 20:16:04 -0700
Subject: [PATCH 002/304] Trimming excess code

---
 src/components/Form/CrossPodWriteForm.jsx | 24 +++++++++--------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 32c8fa825..90e179295 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -6,16 +6,14 @@ import { useSession } from '@inrupt/solid-ui-react';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
+// import FormControlLabel from '@mui/material/FormControlLabel';
 import InputLabel from '@mui/material/InputLabel';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo';
+// import { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-// import FormControlLabel from '@mui/material/FormControlLabel';
-// import IconButton from '@mui/material/IconButton';
-// import CloseIcon from '@mui/icons-material/Close';
 // Utility Imports
 import { runNotification, makeHandleFormSubmission } from '../../utils';
 // Custom Hook Imports
@@ -113,10 +111,6 @@ const CrossPodWriteForm = () => {
           </InputLabel>
           <FormControl fullWidth>
             <DocumentSelection htmlId="cross-search-doctype" />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Search Pod
-            </Button>
           </FormControl>
           <br />
           <FormControl>
@@ -124,11 +118,11 @@ const CrossPodWriteForm = () => {
               Expiration date (if applicable):
             </Typography>
             <LocalizationProvider dateAdapter={AdapterDayjs}>
-              <DemoContainer components={['DatePicker']}>
-                <DemoItem id="upload-doc-expiration" name="date" type="date">
-                  <DatePicker />
-                </DemoItem>
-              </DemoContainer>
+              {/* <DemoContainer components={['DatePicker']}> */}
+              {/* <DemoItem id="upload-doc-expiration" name="date" type="date"> */}
+              <DatePicker id="upload-doc-expiration" />
+              {/* </DemoItem> */}
+              {/* </DemoContainer> */}
             </LocalizationProvider>
           </FormControl>
           <br />
@@ -147,9 +141,9 @@ const CrossPodWriteForm = () => {
             <Typography htmlFor="upload-doctype">File to upload:</Typography>
             <Button
               id="upload-doctype"
-              type="file"
+              // type="file"
               name="uploadDoctype"
-              accept=".pdf, .docx, .doc, .txt, .rtf"
+              // accept=".pdf, .docx, .doc, .txt, .rtf"
               onChange={handleFileChange}
               variant="contained"
             >

From e1107f9089fcac01ba7d80a5ee03e2a43ca166a3 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Tue, 6 Jun 2023 19:25:41 -0700
Subject: [PATCH 003/304] Preparing for draft PR

---
 src/components/Form/CrossPodWriteForm.jsx | 119 +++++++++-------------
 1 file changed, 47 insertions(+), 72 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 90e179295..2779028a0 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -3,17 +3,11 @@ import React, { useContext } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
-import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
-// import FormControlLabel from '@mui/material/FormControlLabel';
 import InputLabel from '@mui/material/InputLabel';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-// import { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 // Utility Imports
 import { runNotification, makeHandleFormSubmission } from '../../utils';
 // Custom Hook Imports
@@ -85,6 +79,10 @@ const CrossPodWriteForm = () => {
     handleFormSubmit(event, podUsername);
   };
 
+  const formRowStyle = {
+    margin: '20px 0'
+  };
+
   /* eslint-disable jsx-a11y/label-has-associated-control */
   return (
     <FormSection
@@ -93,73 +91,50 @@ const CrossPodWriteForm = () => {
       statusType="Upload status"
       defaultMessage="To be uploaded..."
     >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleCrossPodUpload} autoComplete="off">
-          <FormControl fullWidth>
-            <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
-            <TextField
-              id="cross-upload-doc"
-              name="crossPodUpload"
-              {...username}
-              placeholder={selectedUser}
-              label="Search username"
-              required
-            />
-          </FormControl>
-          <InputLabel htmlFor="cross-search-doctype">
-            <em>Select Document Type</em>
-          </InputLabel>
-          <FormControl fullWidth>
-            <DocumentSelection htmlId="cross-search-doctype" />
-          </FormControl>
-          <br />
-          <FormControl>
-            <Typography htmlFor="upload-doc-expiration">
-              Expiration date (if applicable):
-            </Typography>
-            <LocalizationProvider dateAdapter={AdapterDayjs}>
-              {/* <DemoContainer components={['DatePicker']}> */}
-              {/* <DemoItem id="upload-doc-expiration" name="date" type="date"> */}
-              <DatePicker id="upload-doc-expiration" />
-              {/* </DemoItem> */}
-              {/* </DemoContainer> */}
-            </LocalizationProvider>
-          </FormControl>
-          <br />
-          <FormControl fullWidth>
-            <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
-            <TextField
-              id="upload-doc-desc"
-              name="description"
-              {...description}
-              multiline
-              rows={4}
-            />
-          </FormControl>
-          <br />
-          <FormControl fullWidth>
-            <Typography htmlFor="upload-doctype">File to upload:</Typography>
-            <Button
-              id="upload-doctype"
-              // type="file"
-              name="uploadDoctype"
-              // accept=".pdf, .docx, .doc, .txt, .rtf"
-              onChange={handleFileChange}
-              variant="contained"
-            >
-              Choose File
-              <input hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple type="file" />
-            </Button>
-          </FormControl>
-          <br />
+      <form onSubmit={handleCrossPodUpload} autoComplete="off">
+        <FormControl fullWidth>
+          <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
+          <TextField
+            id="cross-upload-doc"
+            name="crossPodUpload"
+            {...username}
+            placeholder={selectedUser}
+            label="Search username"
+            required
+          />
+        </FormControl>
+        <InputLabel htmlFor="cross-search-doctype">
+          <em>Select Document Type</em>
+        </InputLabel>
+        <FormControl fullWidth>
+          <DocumentSelection htmlId="cross-search-doctype" />
+        </FormControl>
+        <br />
+        <div style={formRowStyle}>
+          <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
+          <input id="upload-doc-expiration" name="date" type="date" />
+        </div>
+        <FormControl fullWidth>
+          <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
+          <TextField id="upload-doc-desc" name="description" {...description} multiline rows={4} />
+        </FormControl>
+        <div style={formRowStyle}>
+          <label htmlFor="upload-doctype">File to upload:</label>
+          <input
+            id="upload-doctype"
+            type="file"
+            name="uploadDoctype"
+            accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
+            onChange={handleFileChange}
+          />
           <br />
-          <FormControl fullWidth>
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Upload file
-            </Button>
-          </FormControl>
-        </form>
-      </Box>
+        </div>
+        <FormControl fullWidth>
+          <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+            Upload file
+          </Button>
+        </FormControl>
+      </form>
     </FormSection>
   );
   /* eslint-enable jsx-a11y/label-has-associated-control */

From ee85a6cca5e03d8511030b0f0c0cf02adda96d98 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Tue, 6 Jun 2023 23:00:07 -0700
Subject: [PATCH 004/304] Comlpeting merge with Development

---
 package-lock.json                         | 11265 +++++++++++++++++++-
 src/components/Clients/AddClient.jsx      |    10 +-
 src/components/Form/CrossPodWriteForm.jsx |    93 +-
 3 files changed, 11319 insertions(+), 49 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b9d0de16a..b4ded7d4f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,7 +1,7 @@
 {
   "name": "pass",
   "version": "0.0.4",
-  "lockfileVersion": 3,
+  "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
@@ -14385,5 +14385,11268 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     }
+  },
+  "dependencies": {
+    "@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@babel/code-frame": {
+      "version": "7.21.4",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz",
+      "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==",
+      "requires": {
+        "@babel/highlight": "^7.18.6"
+      }
+    },
+    "@babel/compat-data": {
+      "version": "7.22.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.3.tgz",
+      "integrity": "sha512-aNtko9OPOwVESUFp3MZfD8Uzxl7JzSeJpd7npIoxCasU37PFbAQRpKglkaKwlHOyeJdrREpo8TW8ldrkYWwvIQ==",
+      "dev": true
+    },
+    "@babel/core": {
+      "version": "7.22.1",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.1.tgz",
+      "integrity": "sha512-Hkqu7J4ynysSXxmAahpN1jjRwVJ+NdpraFLIWflgjpVob3KNyK3/tIUc7Q7szed8WMp0JNa7Qtd1E9Oo22F9gA==",
+      "dev": true,
+      "requires": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.21.4",
+        "@babel/generator": "^7.22.0",
+        "@babel/helper-compilation-targets": "^7.22.1",
+        "@babel/helper-module-transforms": "^7.22.1",
+        "@babel/helpers": "^7.22.0",
+        "@babel/parser": "^7.22.0",
+        "@babel/template": "^7.21.9",
+        "@babel/traverse": "^7.22.1",
+        "@babel/types": "^7.22.0",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.2",
+        "semver": "^6.3.0"
+      }
+    },
+    "@babel/generator": {
+      "version": "7.22.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.3.tgz",
+      "integrity": "sha512-C17MW4wlk//ES/CJDL51kPNwl+qiBQyN7b9SKyVp11BLGFeSPoVaHrv+MNt8jwQFhQWowW88z1eeBx3pFz9v8A==",
+      "requires": {
+        "@babel/types": "^7.22.3",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      }
+    },
+    "@babel/helper-annotate-as-pure": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz",
+      "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==",
+      "requires": {
+        "@babel/types": "^7.18.6"
+      }
+    },
+    "@babel/helper-compilation-targets": {
+      "version": "7.22.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.1.tgz",
+      "integrity": "sha512-Rqx13UM3yVB5q0D/KwQ8+SPfX/+Rnsy1Lw1k/UwOC4KC6qrzIQoY3lYnBu5EHKBlEHHcj0M0W8ltPSkD8rqfsQ==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.22.0",
+        "@babel/helper-validator-option": "^7.21.0",
+        "browserslist": "^4.21.3",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        }
+      }
+    },
+    "@babel/helper-environment-visitor": {
+      "version": "7.22.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.1.tgz",
+      "integrity": "sha512-Z2tgopurB/kTbidvzeBrc2To3PUP/9i5MUe+fU6QJCQDyPwSH2oRapkLw3KGECDYSjhQZCNxEvNvZlLw8JjGwA=="
+    },
+    "@babel/helper-function-name": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
+      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
+      "requires": {
+        "@babel/template": "^7.20.7",
+        "@babel/types": "^7.21.0"
+      }
+    },
+    "@babel/helper-hoist-variables": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
+      "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
+      "requires": {
+        "@babel/types": "^7.18.6"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.21.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz",
+      "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==",
+      "requires": {
+        "@babel/types": "^7.21.4"
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.22.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.1.tgz",
+      "integrity": "sha512-dxAe9E7ySDGbQdCVOY/4+UcD8M9ZFqZcZhSPsPacvCG4M+9lwtDDQfI2EoaSvmf7W/8yCBkGU0m7Pvt1ru3UZw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-environment-visitor": "^7.22.1",
+        "@babel/helper-module-imports": "^7.21.4",
+        "@babel/helper-simple-access": "^7.21.5",
+        "@babel/helper-split-export-declaration": "^7.18.6",
+        "@babel/helper-validator-identifier": "^7.19.1",
+        "@babel/template": "^7.21.9",
+        "@babel/traverse": "^7.22.1",
+        "@babel/types": "^7.22.0"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.21.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz",
+      "integrity": "sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==",
+      "dev": true
+    },
+    "@babel/helper-simple-access": {
+      "version": "7.21.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz",
+      "integrity": "sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.21.5"
+      }
+    },
+    "@babel/helper-split-export-declaration": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
+      "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
+      "requires": {
+        "@babel/types": "^7.18.6"
+      }
+    },
+    "@babel/helper-string-parser": {
+      "version": "7.21.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz",
+      "integrity": "sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w=="
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.19.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
+      "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w=="
+    },
+    "@babel/helper-validator-option": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
+      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==",
+      "dev": true
+    },
+    "@babel/helpers": {
+      "version": "7.22.3",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.3.tgz",
+      "integrity": "sha512-jBJ7jWblbgr7r6wYZHMdIqKc73ycaTcCaWRq4/2LpuPHcx7xMlZvpGQkOYc9HeSjn6rcx15CPlgVcBtZ4WZJ2w==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.21.9",
+        "@babel/traverse": "^7.22.1",
+        "@babel/types": "^7.22.3"
+      }
+    },
+    "@babel/highlight": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
+      "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.18.6",
+        "chalk": "^2.0.0",
+        "js-tokens": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "color-convert": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+          "requires": {
+            "color-name": "1.1.3"
+          }
+        },
+        "color-name": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+        },
+        "escape-string-regexp": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "@babel/parser": {
+      "version": "7.22.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.4.tgz",
+      "integrity": "sha512-VLLsx06XkEYqBtE5YGPwfSGwfrjnyPP5oiGty3S8pQLFDFLaS8VwWSIxkTXpcvr5zeYLE6+MBNl2npl/YnfofA=="
+    },
+    "@babel/plugin-transform-react-jsx-self": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz",
+      "integrity": "sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.20.2"
+      }
+    },
+    "@babel/plugin-transform-react-jsx-source": {
+      "version": "7.19.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz",
+      "integrity": "sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.19.0"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.22.3",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.3.tgz",
+      "integrity": "sha512-XsDuspWKLUsxwCp6r7EhsExHtYfbe5oAGQ19kqngTdCPUoPQzOPdUbD/pB9PJiwb2ptYKQDjSJT3R6dC+EPqfQ==",
+      "requires": {
+        "regenerator-runtime": "^0.13.11"
+      }
+    },
+    "@babel/template": {
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
+      "requires": {
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.22.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.4.tgz",
+      "integrity": "sha512-Tn1pDsjIcI+JcLKq1AVlZEr4226gpuAQTsLMorsYg9tuS/kG7nuwwJ4AB8jfQuEgb/COBwR/DqJxmoiYFu5/rQ==",
+      "requires": {
+        "@babel/code-frame": "^7.21.4",
+        "@babel/generator": "^7.22.3",
+        "@babel/helper-environment-visitor": "^7.22.1",
+        "@babel/helper-function-name": "^7.21.0",
+        "@babel/helper-hoist-variables": "^7.18.6",
+        "@babel/helper-split-export-declaration": "^7.18.6",
+        "@babel/parser": "^7.22.4",
+        "@babel/types": "^7.22.4",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/types": {
+      "version": "7.22.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.4.tgz",
+      "integrity": "sha512-Tx9x3UBHTTsMSW85WB2kphxYQVvrZ/t1FxD88IpSgIjiUJlCm9z+xWIDwyo1vffTwSqteqyznB8ZE9vYYk16zA==",
+      "requires": {
+        "@babel/helper-string-parser": "^7.21.5",
+        "@babel/helper-validator-identifier": "^7.19.1",
+        "to-fast-properties": "^2.0.0"
+      }
+    },
+    "@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true
+    },
+    "@bergos/jsonparse": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@bergos/jsonparse/-/jsonparse-1.4.1.tgz",
+      "integrity": "sha512-vXIT0nzZGX/+yMD5bx2VhTzc92H55tPoehh1BW/FZHOndWGFddrH3MAfdx39FRc7irABirW6EQaGxIJYV6CGuA==",
+      "requires": {
+        "buffer": "^6.0.3"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        }
+      }
+    },
+    "@colors/colors": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
+      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "dev": true
+    },
+    "@comunica/actor-abstract-mediatyped": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-abstract-mediatyped/-/actor-abstract-mediatyped-2.7.0.tgz",
+      "integrity": "sha512-MaWLuizdSB4csgFBuPKeDTy2/SxrmpJnlK3uWp5rDvBio6kcKeUtpeeMdiwJ/VRfNaGm4tWvxpYU9H2HRj0MZQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/actor-abstract-parse": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-abstract-parse/-/actor-abstract-parse-2.7.0.tgz",
+      "integrity": "sha512-Zjsoq44A8TCWHrfH4EtZ648TgquxuD6W8x9osrYZL8o7f+XtZCD5cri3DBgCedUT78x79tj0wfVURp+15Ob9dQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-abstract-path": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-abstract-path/-/actor-abstract-path-2.7.1.tgz",
+      "integrity": "sha512-XJ5d5+4xEb0dVy4rnE4WLbMnRuFYNHEyuYgnHBUuZDz/gvQ7FrJf41ZFRdEnAFMWtTV9Am56I7XqyHsoBnBUIA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-string": "^1.6.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-context-preprocess-source-to-destination": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-context-preprocess-source-to-destination/-/actor-context-preprocess-source-to-destination-2.7.0.tgz",
+      "integrity": "sha512-ZQsN2ruwjgxgVMJ9yarTciyO1hKVb5EhiT0oBF9euYFO7qiK6io7vNv2M4HgcRwv5sXQ47M70BQI929sbouTcg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-context-preprocess": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/actor-dereference-fallback": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-fallback/-/actor-dereference-fallback-2.7.0.tgz",
+      "integrity": "sha512-unDUV3cDbp8lbB2mQOUbdEnxKwiWEDbcCFAmg6czoTUQBeHWHvDHZMhqsYZunTpiLbpHJX7dTt0xeA4bBGh9kw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-dereference": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-dereference-file": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-file/-/actor-dereference-file-2.7.0.tgz",
+      "integrity": "sha512-pz13PDjayD7I0SxQ/VIZB8HcisugT2VUcjD3P97Z22qaToFexR9UzgWLUP7bFEJDS5tq1hgKCvOn9Y/6sSXJeQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-dereference": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-dereference-http": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-http/-/actor-dereference-http-2.7.1.tgz",
+      "integrity": "sha512-dj6pFRd1cmupz1L0IzKP+mdmGpDd6l9qyk2Z7d/ZvKTocjTGP00R3AIxBp3z1JypC/eAeFZP62i97BeVUUEHIg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-dereference": "^2.7.0",
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "cross-fetch": "^3.1.5",
+        "relative-to-absolute-iri": "^1.0.7",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "@comunica/actor-dereference-rdf-parse": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-rdf-parse/-/actor-dereference-rdf-parse-2.7.0.tgz",
+      "integrity": "sha512-mLVyQBA7KCIKAIWtmBusg16aVY1uFLZh9mFLaJnMhOATmAacHwtV2JYHYC+CZgE5e6vIVBkjQjt2eFVwEvFE3g==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-dereference": "^2.7.0",
+        "@comunica/bus-dereference-rdf": "^2.7.0",
+        "@comunica/bus-rdf-parse": "^2.7.0"
+      }
+    },
+    "@comunica/actor-hash-bindings-sha1": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-hash-bindings-sha1/-/actor-hash-bindings-sha1-2.7.0.tgz",
+      "integrity": "sha512-MaP0YHTQxGrgi0xFQw7ppk++PY0sVlh6aZH852Hitmj2iYONSX2ekSqBQA4vX6Eb5fGZWjqMPZVZ3ozeaDHkjw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-hash-bindings": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "canonicalize": "^2.0.0",
+        "hash.js": "^1.1.7",
+        "rdf-string": "^1.6.1"
+      }
+    },
+    "@comunica/actor-http-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-http-fetch/-/actor-http-fetch-2.7.0.tgz",
+      "integrity": "sha512-MU281B74Ed+gAge3aTozqdP3CQEmDvp3CcfkfZzETFGZSL5tHXLnXIezctefEfrCco2iruT+micJPL8/vmQjOQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/mediatortype-time": "^2.7.0",
+        "abort-controller": "^3.0.0",
+        "cross-fetch": "^3.1.5"
+      }
+    },
+    "@comunica/actor-http-proxy": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-http-proxy/-/actor-http-proxy-2.7.0.tgz",
+      "integrity": "sha512-WRBAiBelvC5GkUbgLrQf/hLwfR0oDFf4xmtH0PJoxv5XQRzXh1aluA97HtsmfP/26FSd/dBU2Lm+l6MG/USb0w==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/mediatortype-time": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/actor-http-wayback": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-http-wayback/-/actor-http-wayback-2.7.0.tgz",
+      "integrity": "sha512-Dbri4JQIqkGTTIgZ1SVlRAt2WA1XJ5B3wbpTcBNIwyBu22/SB6Be/OuCoozYZLpIhBI9/vh331KQPIQr+e0ymg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "cross-fetch": "^3.1.5",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "@comunica/actor-init-query": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-init-query/-/actor-init-query-2.7.1.tgz",
+      "integrity": "sha512-Bgq9GNxve+nB2/6zNQc651JHnY9dGTO0VViTh/3lTnefDs4whf0speEBxj3HJrcbyEN4LZBPa2BCjdsgx82iLg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-http-proxy": "^2.7.0",
+        "@comunica/bus-context-preprocess": "^2.7.0",
+        "@comunica/bus-http-invalidate": "^2.7.0",
+        "@comunica/bus-init": "^2.7.0",
+        "@comunica/bus-optimize-query-operation": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-query-parse": "^2.7.0",
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/logger-pretty": "^2.7.0",
+        "@comunica/runner": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "@types/yargs": "^17.0.13",
+        "asynciterator": "^3.8.0",
+        "negotiate": "^1.0.1",
+        "process": "^0.11.10",
+        "rdf-quad": "^1.5.0",
+        "rdf-string": "^1.6.1",
+        "sparqlalgebrajs": "^4.0.5",
+        "streamify-string": "^1.0.1",
+        "yargs": "^17.6.2"
+      }
+    },
+    "@comunica/actor-optimize-query-operation-bgp-to-join": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-optimize-query-operation-bgp-to-join/-/actor-optimize-query-operation-bgp-to-join-2.7.0.tgz",
+      "integrity": "sha512-Bgyv6gujo8I5nuyYD7O8I1g6+YqXBjgZ8szp9+LqVGIaUFLg5SAevYuNhh8+urAjfGdIrFwixKsNMZmv5Yb5Mg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-optimize-query-operation": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-optimize-query-operation-join-bgp": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-optimize-query-operation-join-bgp/-/actor-optimize-query-operation-join-bgp-2.7.0.tgz",
+      "integrity": "sha512-4RUorGWiNUzkh5khBHc5GjdQJC7ztHTUAxaJTJ49pqJUVTLe0gR7EaLQ9juZJ/rvyFJTXQ7kTAJvQWr0a8EpEQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-optimize-query-operation": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-optimize-query-operation-join-connected": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-optimize-query-operation-join-connected/-/actor-optimize-query-operation-join-connected-2.7.0.tgz",
+      "integrity": "sha512-jfmqPgH+xEySSjisxNVZxqbBTxIogozFQ2t5DPGnOQDRTLcIZhKIZ5Toe5HyHo6JUnxpMVWHRMVoLj7gUasv1A==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-optimize-query-operation": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-ask": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-ask/-/actor-query-operation-ask-2.7.1.tgz",
+      "integrity": "sha512-JaR2JYrysOkhnlNguL2D51an30ksr7n+1sOhbkxUuc7fq69MZXTEYmzcb7OUm9KycNlBobjD0E/6oxBo7IqAsg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-bgp-join": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-bgp-join/-/actor-query-operation-bgp-join-2.7.1.tgz",
+      "integrity": "sha512-J2ixGEUNn8IcKETHeCuQlrKpEZA3x7jO7/xPQj+B/cNpYWKZnFK3VGLj2Tyx8boAt2SM9YtDf8rlAIgy2LCxbQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-construct": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-construct/-/actor-query-operation-construct-2.7.1.tgz",
+      "integrity": "sha512-BCY7/cFnxFlvjDZi8cVK9zX/LZgfvLyUWPqRM+XVHl0nZHU6Qcg6BREX04pWDjkT4W7CdNLXaX5sUGBVN+uChw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-terms": "^1.9.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-describe-subject": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-describe-subject/-/actor-query-operation-describe-subject-2.7.1.tgz",
+      "integrity": "sha512-SVz2weZK/qh7kp4Xk1BXq+hzRtxffkqcvluUblsG/7IM909FeXbitOpib9+96EixYdv4YwxoU7D02Xuw3OHNjw==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-query-operation-union": "^2.7.1",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-distinct-hash": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-distinct-hash/-/actor-query-operation-distinct-hash-2.7.1.tgz",
+      "integrity": "sha512-eqNHhtA64fdH5gUPoAj37B8sUSPOsC24j/xWiW5I+qVjdPP6j2Hf61uwTWhwr25Kn+90MmkEUmFs+GxNj27R+Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-hash-bindings": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-extend": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-extend/-/actor-query-operation-extend-2.7.1.tgz",
+      "integrity": "sha512-IQ3cJrp4SBTeZqvSUn40p+XTtTcZnaArWqJfG9jxUmlt1yML/38sHiM8AoTRr1/l5zesGX8SZiTJ4iINlAWObw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5",
+        "sparqlee": "^2.3.0"
+      }
+    },
+    "@comunica/actor-query-operation-filter-sparqlee": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-filter-sparqlee/-/actor-query-operation-filter-sparqlee-2.7.1.tgz",
+      "integrity": "sha512-JmkoG5QPzD02MxU2C6uunkvbTnE0Hy2CdFvm675QGczSGBNWYBnlgopAVeISz4stAr3cmDzvP74smlfRF7cPtA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5",
+        "sparqlee": "^2.3.0"
+      }
+    },
+    "@comunica/actor-query-operation-from-quad": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-from-quad/-/actor-query-operation-from-quad-2.7.1.tgz",
+      "integrity": "sha512-j4HEwTZLCVAPi3vkppeALP6XMLkvLLC+lkR28hSZ5EO7swkTJLXC4isW05h7q9Db7N/nXZV5LsibsKOH/+V8BA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-group": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-group/-/actor-query-operation-group-2.7.1.tgz",
+      "integrity": "sha512-CBo5M0xJCVGjkQwTZW/ZNm1leC6RgLm/vqXGySjDFj+El+G6ueROHIBiPOg0XjCbq2+CaVReXIpO/auNfLmutg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-hash-bindings": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5",
+        "sparqlee": "^2.3.0"
+      }
+    },
+    "@comunica/actor-query-operation-join": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-join/-/actor-query-operation-join-2.7.1.tgz",
+      "integrity": "sha512-kw2WHWpBNW5beOhlRK99LmpmNpK7hABYKqybTYiPDsrV/14STf/A9OnO3ztEROBoxLks7R7OjyGpSBBKgtJ3Yg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-leftjoin": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-leftjoin/-/actor-query-operation-leftjoin-2.7.1.tgz",
+      "integrity": "sha512-mVrkVlWNMKstSRXAz/2LUDnjSDSwx5RwI7nJuILISajKU/rmVnQfkIAt1N6znafh1b4qm7qC7pDJbn1Q/R4D5w==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5",
+        "sparqlee": "^2.3.0"
+      }
+    },
+    "@comunica/actor-query-operation-minus": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-minus/-/actor-query-operation-minus-2.7.1.tgz",
+      "integrity": "sha512-t8oY3lfPIj6h1mC/XOpd68Otu0a705a/4v9fN/k6m4yY8pcvmFn7U0YXYjgUcc2BRwfwQj785wLvXjj57kGSBA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-nop": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-nop/-/actor-query-operation-nop-2.7.1.tgz",
+      "integrity": "sha512-5K7VI8ZMG8Bxo7Ne4FYJ0PfdNdRXoVzeGd5HQM+zx5Dy9eBajB1nwXsZxs93+3WW/njFoBXJZ9K9SqIVO5G2Lg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-orderby-sparqlee": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-orderby-sparqlee/-/actor-query-operation-orderby-sparqlee-2.7.1.tgz",
+      "integrity": "sha512-2xN6dznbmEapjcBa2JmwttcUB0s3yhKqslvJqyXmfjvDqdMk1kDeERtGMTVe9eHe5JJMfo9naPezmyjNVJi0QQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5",
+        "sparqlee": "^2.3.0"
+      }
+    },
+    "@comunica/actor-query-operation-path-alt": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-alt/-/actor-query-operation-path-alt-2.7.1.tgz",
+      "integrity": "sha512-aOOaMFs2Z0pL9U/D/SYd1x4VXfTLd32DFTPOuA+jZdjwbCYQA1Rgp8e3V31MOENFgtvzZ9NrxBcMq+q9EpyoEg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/actor-query-operation-union": "^2.7.1",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-path-inv": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-inv/-/actor-query-operation-path-inv-2.7.1.tgz",
+      "integrity": "sha512-kkoyfOX1nn2G/f6K3AD117U7ETxI+coL/RWkFm7f5usCFR4TfhRHkESwKRynwso0vEH7hQyKj1LomkBicnbTIA==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-path-link": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-link/-/actor-query-operation-path-link-2.7.1.tgz",
+      "integrity": "sha512-H33V2zbxvLk2vhRyxKc4aqEIO3knfF5KKVCQZODISd6Z96SiRT18DZCKHbpBglvEJYwTWyKI9nd/8dUMGXpOOg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-path-nps": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-nps/-/actor-query-operation-path-nps-2.7.1.tgz",
+      "integrity": "sha512-3UCEUsMvqdHPB0LYFK22Dz47qUQNeGd6TZeFemOJ91weGONscQWi6JLsaeLW1+PWiqyJtCgiOToZmLvi/4r7tA==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-path-one-or-more": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-one-or-more/-/actor-query-operation-path-one-or-more-2.7.1.tgz",
+      "integrity": "sha512-P9UThBStBvK60D9LHlNC/UnqaRydjudG1+64WFi4wonCAneYcXkPEGUBNAjMT1cKvhCLrIe3E0/GRBDDM7N1uw==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-path-seq": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-seq/-/actor-query-operation-path-seq-2.7.1.tgz",
+      "integrity": "sha512-GVXMKc+8xj1MDz8HZnynZubHNPtUU3gjnsAT7vy/mELmUr0iB1+4TCJA5r0cKOIqlPyNEModRhH/5ZUAAUnftg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-path-zero-or-more": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-zero-or-more/-/actor-query-operation-path-zero-or-more-2.7.1.tgz",
+      "integrity": "sha512-ySt8le6jR7Ndht3FEVYXO/skrXoYPNiXfqxcQEzXSfU0XL40R9UZFiG56CBZtJSi7SsnjM/Oq3ax3/dEXK3X/w==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "rdf-string": "^1.6.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-path-zero-or-one": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-zero-or-one/-/actor-query-operation-path-zero-or-one-2.7.1.tgz",
+      "integrity": "sha512-MqUcFSddkly+P9+iyVRXYFeOIbUtEONAcpPT9ZTKkD4UuA7pu91UbXeDQFWmTt/AQb4+xGxZDEvtFdfP1MM7Rg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-path": "^2.7.1",
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-project": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-project/-/actor-query-operation-project-2.7.1.tgz",
+      "integrity": "sha512-3+4GYs+ckt8wnp8+O5LpL+IepkYUuc/647FBgNl1TB44AJvki4OT83xzmUiP98j69oVRvKoAnolsbtt/ReONdQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/data-factory": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-quadpattern": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-quadpattern/-/actor-query-operation-quadpattern-2.7.1.tgz",
+      "integrity": "sha512-XX/Z4OUgAFdkcrHCkO05mqITCSZHopMjxWTeLHohrO6vrkdCX+IBA0lkiWoDkPqNhUySKtwJd8sEtC2VN1RNMw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-terms": "^1.9.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-reduced-hash": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-reduced-hash/-/actor-query-operation-reduced-hash-2.7.1.tgz",
+      "integrity": "sha512-R/VMR7gq9ACLNWN8Bkapwvk1TVDPaqB5iu+a2u5XkDbo+8/Ay6HGKi+1lmR+PobZ6WUBqWh6i3Jl96mH15Y29A==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-hash-bindings": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@types/lru-cache": "^7.0.0",
+        "lru-cache": "^7.0.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-service": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-service/-/actor-query-operation-service-2.7.1.tgz",
+      "integrity": "sha512-UPQtTgUBbPNAXQGlHVGwpHfKYtItGra36ochmrosN1mafi+MZ9nwgJc/bMK6zVT5F8upcNXSDqbw2dbzd2yHfg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-slice": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-slice/-/actor-query-operation-slice-2.7.1.tgz",
+      "integrity": "sha512-Jl6UYVzRRNy8YwZPuowvuUy+ot5c5y2kiVc6Tc6KkVQlrOrHmnY4g9leywRBDr/pWarqGDWi+kJpvUrKbaaSsw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-sparql-endpoint": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-sparql-endpoint/-/actor-query-operation-sparql-endpoint-2.7.1.tgz",
+      "integrity": "sha512-EiXGuLLI8cwJTJ/upEd1tsOLXz2mlFwXfzKCTdb9qnkLkPUJJ9xwRFTEKhJjrRYoAFZZxvCDcQbWJyI5bCi7ew==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/mediatortype-httprequests": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "fetch-sparql-endpoint": "^3.1.1",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-union": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-union/-/actor-query-operation-union-2.7.1.tgz",
+      "integrity": "sha512-yeWKlCIwI2AFqeSmxFOIUJwgs9Ajt/1+dZ4Sa4XwUC9I2rGWCDqSLWzWDI9JJtAY7bvoNehoNG3TMRO4SzyTTw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-terms": "^1.9.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-add-rewrite": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-add-rewrite/-/actor-query-operation-update-add-rewrite-2.7.1.tgz",
+      "integrity": "sha512-gfO+QYEOmgeWoKulZ/aIcBaXvsWVZe6vMRjlyjrFwOJS6PJqISo6Y7bMdGRh5KifFzFGNzCvXP525J+EYwlclA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-clear": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-clear/-/actor-query-operation-update-clear-2.7.1.tgz",
+      "integrity": "sha512-2gkCOXTmxvIQe0Vmh6Od6JNC5kslIDGTlsKv+6W18xvnRM/XZcm9pdqgwkmMIDuNi8mfly+hyReXdZBEysg/FA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-compositeupdate": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-compositeupdate/-/actor-query-operation-update-compositeupdate-2.7.1.tgz",
+      "integrity": "sha512-zkngl7sHe5ecic501tclqVFNmXKpBdMHN8qQ/eymJXKSnsjxCJOkdILRe6KzuzWmKXP3bOZ3PhbrPrjuw24lLA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-copy-rewrite": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-copy-rewrite/-/actor-query-operation-update-copy-rewrite-2.7.1.tgz",
+      "integrity": "sha512-XFY9UV4iQcXs5rzO3t76B0jHyys4rU7i4O1W2Ws4ySLRJGZHVI7JbTdk0NGXJZPYXC7Bu5RNjOQChMYYsdNmwA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-create": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-create/-/actor-query-operation-update-create-2.7.1.tgz",
+      "integrity": "sha512-H4U8HL8l8aSy09VJdWboiLQnS2shLM0CaFTTP0QvzW0rftMHcb6VNqsNSGazwR52nQsOB03gsQ2swtE71XWpzg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-deleteinsert": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-deleteinsert/-/actor-query-operation-update-deleteinsert-2.7.1.tgz",
+      "integrity": "sha512-Lif4fM7cU1IzJY7OcbUhSD4CKXlU1lWFNM/Q2QvbS+/UY66f6gny+Z7+jCuJU8zNHRYpD373zTo2+d3qH7kczg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-query-operation-construct": "^2.7.1",
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-drop": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-drop/-/actor-query-operation-update-drop-2.7.1.tgz",
+      "integrity": "sha512-HVGPToxpofIMx7JxtrVONWAnM6ER3NC8E3or256LEFD8MU3cqYc9fcf1TSgVr/qfsucxc0T3O1gHfhcvmGNuyw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-load": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-load/-/actor-query-operation-update-load-2.7.1.tgz",
+      "integrity": "sha512-JstRsbPOi4O7y1wRBouCcz4V1G7L1gVy01mzQLyfB4IsPYFuyb1VtX4FY5I3xrY/DRTe1WWewbNHGlixpsesrw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-update-move-rewrite": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-move-rewrite/-/actor-query-operation-update-move-rewrite-2.7.1.tgz",
+      "integrity": "sha512-dsqM02Quq9tBTKmNgNKF+lsnPkcDx/TpVaPCpTHZZl3uXDXiJI77U4zWG7ONPYs+YPdzzouhe/VMkPGTAN2qXA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-operation-values": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-values/-/actor-query-operation-values-2.7.1.tgz",
+      "integrity": "sha512-fs+gAJFLqhBCu696LkkQwmrAtWwO18TS+kIQ8FR0X2/qhUl2nvVSZSfMDhLGhORH15GFZ7XPhHzz0gPFqvnG9A==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-query-parse-graphql": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-parse-graphql/-/actor-query-parse-graphql-2.7.0.tgz",
+      "integrity": "sha512-c71SIVHp/OqaujIX6MeBMqdVYUpjD9bowwqqlvzY5t5Z1OcGcKe1Bv0QtiBpSh1Z6a+JDyLBwzMBOyd94qH3XA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-parse": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "graphql-to-sparql": "^3.0.1"
+      }
+    },
+    "@comunica/actor-query-parse-sparql": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-parse-sparql/-/actor-query-parse-sparql-2.7.0.tgz",
+      "integrity": "sha512-lcyga5k+4rF1nCfIkYAUFUs9fSPBEeYl326f7iilsu0CdiMQDryQpj5YDWsPyxNiti/Gbz92VBZe4MzIBqH2TA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-parse": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@types/sparqljs": "^3.1.3",
+        "sparqlalgebrajs": "^4.0.5",
+        "sparqljs": "^3.6.1"
+      }
+    },
+    "@comunica/actor-query-result-serialize-json": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-json/-/actor-query-result-serialize-json-2.7.0.tgz",
+      "integrity": "sha512-uMi2wZo4MaYNzZl6VL0P+c1IKiOlT2ZUZBXcLzQLNgmeG4QF4/GN7r9e6PFYNsUhIfJ7i3pgFgXjhOO5/bElMw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "rdf-string": "^1.6.1",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-rdf": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-rdf/-/actor-query-result-serialize-rdf-2.7.0.tgz",
+      "integrity": "sha512-c1WMybmC20C63ehjPLPFxRW/TkrtAhtJ1JBO+rWqrNd0msy+/nT6tgEJ23IfVs3tKNC4R0EM1RdwB+P0NBoTVA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/bus-rdf-serialize": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-simple": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-simple/-/actor-query-result-serialize-simple-2.7.0.tgz",
+      "integrity": "sha512-XbCpM+6FI/0FmDKQI9IUvQEZ4FT2NJFVVZacLxi2LZQwQ1GEA2r+CD2wb1V6wZhf8Yk5Chw5lhGlp+x727vE2Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-sparql-csv": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-csv/-/actor-query-result-serialize-sparql-csv-2.7.0.tgz",
+      "integrity": "sha512-/5M4vya+wBljBnoQE9E0UCi6b0nBkw1miah0ioWk9NvgFEoe5YdmIhYcqTm19WKU0+8fOus/lKC14U505gXaMA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-sparql-json": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-json/-/actor-query-result-serialize-sparql-json-2.7.0.tgz",
+      "integrity": "sha512-HdJTVnhNQ/dE838OkrDihOaUpaSVwsbf13IEo5XM/dYesgjU38HiP3iGH6qgHnPaa1a39qoGo5b+vCMTBzjILg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-http-invalidate": "^2.7.0",
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-sparql-tsv": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-tsv/-/actor-query-result-serialize-sparql-tsv-2.7.0.tgz",
+      "integrity": "sha512-kqwkVg4UYuVSAjJ6IHpRFQskw+e+LpIOv68mmI9ZvXD7oww+40ZR6r2s9FGYeVG8O5TcN0qF6Cr/NRzSfzXS9A==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "rdf-string-ttl": "^1.3.2",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-sparql-xml": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-xml/-/actor-query-result-serialize-sparql-xml-2.7.0.tgz",
+      "integrity": "sha512-unvfawP7DdSn/ARikozEemG5+47j4DiV6f/KG+yB4dUseJSlAc5ILLeTD7oE3j03vnq4f52pk/ZHwfXEgmiZ8A==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-stats": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-stats/-/actor-query-result-serialize-stats-2.7.0.tgz",
+      "integrity": "sha512-dDAL9iAUDJt9etrYTCOOVL9VgdqMFGj/uIE7C/CMdnnuA9vn6JCkGkVzEwDonPPBf/tpLAapjHrwozqQmRIvyA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-http-invalidate": "^2.7.0",
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "process": "^0.11.10",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-table": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-table/-/actor-query-result-serialize-table-2.7.0.tgz",
+      "integrity": "sha512-lbocdiCRZaauRqBeKgWW/2xiUqdNEAyOUL65ktk8hL7X8UUSZQdYW0CtvFYaHtlmeUG8MwSJsJd4GHU6t7D4zw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-terms": "^1.9.1",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-query-result-serialize-tree": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-tree/-/actor-query-result-serialize-tree-2.7.0.tgz",
+      "integrity": "sha512-BlvpBvN7slyYr9v/p4dRZcW7we51kdoNiAPBes9J4+3YZHv8P7uMsLribRNvNCUtdBGO77ALBnONy2d2yYF9ng==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-result-serialize": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "readable-stream": "^4.2.0",
+        "sparqljson-to-tree": "^3.0.1"
+      }
+    },
+    "@comunica/actor-rdf-join-entries-sort-cardinality": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-entries-sort-cardinality/-/actor-rdf-join-entries-sort-cardinality-2.7.0.tgz",
+      "integrity": "sha512-4JN9a4jo5E01zqhnKEtSNNedawvzmX3ptvg4MKkvtaHPGCIQl5jg9l+UcB4nFbU7H0l8pAicpe7Se3h5ZtnPcQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join-entries-sort": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-hash": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-hash/-/actor-rdf-join-inner-hash-2.7.1.tgz",
+      "integrity": "sha512-Lc7bLPkJNqyOixg3qrF/gSq885wgyggSu9fONeFH/mf5UHNePWCnRCAGQpLdO1nRu4Vo8EzNCxEnMsdi1DxABQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asyncjoin": "^1.1.1"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-multi-bind": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-multi-bind/-/actor-rdf-join-inner-multi-bind-2.7.1.tgz",
+      "integrity": "sha512-lix7hYxnNOflWWYV8rhVG30rAl1Cg+vlcJs8LnqB7qxfRwspYquC4wfKOiuARosR8GziGtnfLSAdY8GqqgfRew==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/bus-rdf-join-entries-sort": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-multi-empty": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-multi-empty/-/actor-rdf-join-inner-multi-empty-2.7.1.tgz",
+      "integrity": "sha512-ZA2vqTePvUh0aZLcNtWvbT4NjEFW8rWHfA1eSOY98V21i5sLnyap2cMS5dSy0MpwHkptL7Kdz7AjnKP9tqe8kA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asynciterator": "^3.8.0"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-multi-smallest": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-multi-smallest/-/actor-rdf-join-inner-multi-smallest-2.7.1.tgz",
+      "integrity": "sha512-NlJW0f/2pfKPZyyOnwx2CT2FQ9odw/f7gnJIJeSN8eOzep7H6TsFNtloJUmne5FUEvqOiuIA2bmVc9l0c75bWA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/bus-rdf-join-entries-sort": "^2.7.0",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-nestedloop": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-nestedloop/-/actor-rdf-join-inner-nestedloop-2.7.1.tgz",
+      "integrity": "sha512-CNkZb28ZH8m9KADGMtyCqbD1fmZAWzCCpGDfYI0SI0kCTbTswIjYwDlZZa4FX3e2PmcixTPcfaysWAIkRyHXTA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asyncjoin": "^1.1.1"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-none": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-none/-/actor-rdf-join-inner-none-2.7.1.tgz",
+      "integrity": "sha512-IK+OkXLqPubytrPy+oXbBXIB+W97OPCnabeBL8HwH6IhMOmCDcNMw10hx3z2NEzCFNMxToxJ+l6xChW7nesI6Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "asynciterator": "^3.8.0"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-single": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-single/-/actor-rdf-join-inner-single-2.7.1.tgz",
+      "integrity": "sha512-xqE4I8w5K9H8Q3JLjYOyivILqn8o5i5ERHgTE7vcnG+kEpmbHqvhqrnznm7XvmghEhddsHf7s12xqXty8JGwLQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-join-inner-symmetrichash": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-symmetrichash/-/actor-rdf-join-inner-symmetrichash-2.7.1.tgz",
+      "integrity": "sha512-+ZRrfmw9R/bW1n2FGHfVasxxMIDPgxyKzZ5/ji8Tu8gV9bMsiQzrXw2aRR1cpNnXgcI45zTO+hS2D8dUYBWf+g==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asyncjoin": "^1.1.1"
+      }
+    },
+    "@comunica/actor-rdf-join-minus-hash": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-minus-hash/-/actor-rdf-join-minus-hash-2.7.1.tgz",
+      "integrity": "sha512-e394ek3/IBDCqTlweL7Mc7q6/HZOZHT24g7+aP+SzHhhR9dHc8R02cJKW/p/L1dF2XmUXqTHWG7OdWHDT1gbVA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/actor-rdf-join-minus-hash-undef": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-minus-hash-undef/-/actor-rdf-join-minus-hash-undef-2.7.1.tgz",
+      "integrity": "sha512-3kCOhxgqIkGH9RTrKBGnuicpsC8+dMBw85go8MDhBtNF/xNkR+LeI2j0OhPhJayWhf25k7V4kz727VULiPa5dg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "rdf-string": "^1.6.1"
+      }
+    },
+    "@comunica/actor-rdf-join-optional-bind": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-optional-bind/-/actor-rdf-join-optional-bind-2.7.1.tgz",
+      "integrity": "sha512-vszNrDxhhcGVosisz1MtXjPFbNBkMXY3uGjb0LTqINOX/qVHD661VC7DzgM88wEY4lF6gPrJQYQBwfpb1IOMnA==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-rdf-join-inner-multi-bind": "^2.7.1",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-rdf-join-optional-nestedloop": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-optional-nestedloop/-/actor-rdf-join-optional-nestedloop-2.7.1.tgz",
+      "integrity": "sha512-bYLZyeway6lb/HYcL76TvFoJEQdNlCTItk3hK4fIg9KD71N4Z4ptblsRcvnEHEsDjrj+Wr4oyAwHJKECuvdl2Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "asyncjoin": "^1.1.1"
+      }
+    },
+    "@comunica/actor-rdf-join-selectivity-variable-counting": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-selectivity-variable-counting/-/actor-rdf-join-selectivity-variable-counting-2.7.1.tgz",
+      "integrity": "sha512-h3ycbClIfXUKb4akpL/Vg9t/Q7m3kFCPyYkn4gUk2L+2504hgtf7h62NgxvtiJrrTLbwt5xP0qGUclaeedYfcA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join-selectivity": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/mediatortype-accuracy": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-rdf-metadata-accumulate-cancontainundefs": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-cancontainundefs/-/actor-rdf-metadata-accumulate-cancontainundefs-2.7.0.tgz",
+      "integrity": "sha512-Q/lMs1kWiMmf8APv7AhMWeANFbJakevSSFIFKJlXURVQ5cjA+astqERlq8rPd78b9OowPS5PvdgWsrkoqs6S4w==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-accumulate-cardinality": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-cardinality/-/actor-rdf-metadata-accumulate-cardinality-2.7.0.tgz",
+      "integrity": "sha512-V4q6/t9lgqUE+T/sY8MjPQx2ziGAbqwtHErAd7JQjaH7OQ4ztavPSs8DVr5F1fPkW7DMMwtKsMmTkazzFoH8tA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-accumulate-pagesize": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-pagesize/-/actor-rdf-metadata-accumulate-pagesize-2.7.0.tgz",
+      "integrity": "sha512-kA+NIWFH0uIXB0MalHlu17UTsBB3oxjWFQIVnI9JHP7JK0f3eTwQKOLIwCLHy3895L/KC4r9AuLPiIszAvodVQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-accumulate-requesttime": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-requesttime/-/actor-rdf-metadata-accumulate-requesttime-2.7.0.tgz",
+      "integrity": "sha512-T37DAojujIFRaND8VL/OsykWXOJYc61Ja0/FShpAflzMhE876ne0Gj/MTFlmWyscTA1MPl77h39cEPwC7u30lg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-all": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-all/-/actor-rdf-metadata-all-2.7.0.tgz",
+      "integrity": "sha512-kEbJA62Bx7Rj2h2E8bUUn3P0s6e8BdxHvB1dMn9x/rS2dwTdYe0i10r8dF52/8LyLQkToqtZwugNKbOIRXr2/Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-allow-http-methods": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-allow-http-methods/-/actor-rdf-metadata-extract-allow-http-methods-2.7.0.tgz",
+      "integrity": "sha512-Mzxkt3hO4XGijp8kGR12D7Wh5on+LvQL9zKrM0tiuT4rcW8M6g9DhHfUNhV2GIovH0SmutvHEdam+rlfE+qoKw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-hydra-controls": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-hydra-controls/-/actor-rdf-metadata-extract-hydra-controls-2.7.0.tgz",
+      "integrity": "sha512-Fc+ce+eMS1TVX9RULe2/srCBwktAlI1mjTWZ6JgsVIDLH8VRH53oyv+9mEJWCCk2dLwo7EyboplGGd59SEpAAA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*",
+        "@types/uritemplate": "^0.3.4",
+        "uritemplate": "0.3.4"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-hydra-count": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-hydra-count/-/actor-rdf-metadata-extract-hydra-count-2.7.0.tgz",
+      "integrity": "sha512-/979gXjZh5sgIBELaNAwMKOxE5uvplncft9eu1oIYT0iDuKBp7IBJ38Ymq8srR0nFBT86TibELLA7KuZHtaUPw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-hydra-pagesize": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-hydra-pagesize/-/actor-rdf-metadata-extract-hydra-pagesize-2.7.0.tgz",
+      "integrity": "sha512-WkFPtmE7jZiu+TfZ+oRpALB4dU/i3gb7FdQYKPfeg/ms84IjKfxxGCugXLn6RB6OWZL7wfsgyGAg+yEcXLtTgQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-patch-sparql-update": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-patch-sparql-update/-/actor-rdf-metadata-extract-patch-sparql-update-2.7.0.tgz",
+      "integrity": "sha512-jxfFA0O3SxhxTI0yZ6FjWSi4tnbhtXXAPBOrwbUK/KhNbGkebgfoyXBLCyBvawemfXuMxAvZxkXQ7JLo01+u0Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-put-accepted": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-put-accepted/-/actor-rdf-metadata-extract-put-accepted-2.7.0.tgz",
+      "integrity": "sha512-rNOadqaLyL8h+O/+CQGvquYuyXqfwvjDRnUUxSKGkexBQNFwR1sQfFQKEEEHpFxzo111zwiqutyvwZGkZcHXeQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-request-time": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-request-time/-/actor-rdf-metadata-extract-request-time-2.7.0.tgz",
+      "integrity": "sha512-IZO5vd7WmLHJh/GkeCEyypTj+nfmSVknyz+ktrb0zyXUFN2y8gn1/UMRR2iqJF87Hn7jpxms6QRwit7zpJhyhg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-metadata-extract-sparql-service": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-sparql-service/-/actor-rdf-metadata-extract-sparql-service-2.7.0.tgz",
+      "integrity": "sha512-jiVRggdAqQG3W+g1chcOlP7XQZ1OY3TdRz6BcXyb88vV2Q28iGYBuTwBSGrGLD5w6LwQfNdnsfP+4nqC1r+0hA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "relative-to-absolute-iri": "^1.0.7"
+      }
+    },
+    "@comunica/actor-rdf-metadata-primary-topic": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-primary-topic/-/actor-rdf-metadata-primary-topic-2.7.0.tgz",
+      "integrity": "sha512-qrnF0UXmcGkEZ2ONPCUkXfctAEiRrE+6KD0MJGpaFcMrGc9zusQy60QnvYizCbFWTkRfh6O1uN7scNe+yoWBlw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-metadata": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-rdf-parse-html": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html/-/actor-rdf-parse-html-2.7.1.tgz",
+      "integrity": "sha512-sKLMCZn9rD7cu+6PLIcug37Qqw3kaPbU2Hz0peYxKu0saxLAjWbg+G7F/FbtnAdfiFYvAhd1jf5RoUmVmBMxDw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/bus-rdf-parse-html": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "htmlparser2": "^9.0.0",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-rdf-parse-html-microdata": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html-microdata/-/actor-rdf-parse-html-microdata-2.7.0.tgz",
+      "integrity": "sha512-rjHJu5JDDmfA6Mt1eY4f7JTtez6MaKZ/LwEXmuB5R8xFV1/ikdMMuUr2B2eBuSv+aj/nNf+PlPo7R0d4IDzBGw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse-html": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "microdata-rdf-streaming-parser": "^2.0.1"
+      }
+    },
+    "@comunica/actor-rdf-parse-html-rdfa": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html-rdfa/-/actor-rdf-parse-html-rdfa-2.7.0.tgz",
+      "integrity": "sha512-xqnsvFuNxupkbqQ6tr2VyY9g/vD86XddhNJFkMXs/SGNuvGakC4P1EdCSabsDFa3xT9OFZkBeWelKAHl+8ghPw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse-html": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "rdfa-streaming-parser": "^2.0.1"
+      }
+    },
+    "@comunica/actor-rdf-parse-html-script": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html-script/-/actor-rdf-parse-html-script-2.7.0.tgz",
+      "integrity": "sha512-lFWAJmTXm3Cj3NxjH0rWVtuRtjuER/qTuSUDxCL2u3N6m5GZUfQ5kSeKgHoddWSBF8GLxcgrHZhTlFyIHYvbfg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/bus-rdf-parse-html": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "readable-stream": "^4.2.0",
+        "relative-to-absolute-iri": "^1.0.7"
+      }
+    },
+    "@comunica/actor-rdf-parse-jsonld": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-jsonld/-/actor-rdf-parse-jsonld-2.7.0.tgz",
+      "integrity": "sha512-Q5DFm7S7hWim03GEekFKDvzZCyt97f7ah+GMOmZANhvb6AskV0xMCgA/ROzCzFBmKA2oZ9Xh+W8FVuNlMuahbw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "jsonld-context-parser": "^2.2.2",
+        "jsonld-streaming-parser": "^3.0.1",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "@comunica/actor-rdf-parse-n3": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-n3/-/actor-rdf-parse-n3-2.7.0.tgz",
+      "integrity": "sha512-jzn4DqUhWtAdqw8p+7JtG7HDc0XWG1tMMjw6h+YrIPIEjeNQeTfqaLxRYj2syYBh5/DagjybDjpX14AQstURiA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "n3": "^1.16.3"
+      }
+    },
+    "@comunica/actor-rdf-parse-rdfxml": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-rdfxml/-/actor-rdf-parse-rdfxml-2.7.0.tgz",
+      "integrity": "sha512-VCeQlAc+ZmioDmjZaZr2G3s/lnuYfeHvbFIUvwiaNt9BAjvPJzttIfJ+roAOgdchXbTqrL6iaNDIaI9GXJQlWw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "rdfxml-streaming-parser": "^2.2.1"
+      }
+    },
+    "@comunica/actor-rdf-parse-shaclc": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-shaclc/-/actor-rdf-parse-shaclc-2.7.0.tgz",
+      "integrity": "sha512-zcMZgcuBA8pN+i5fNkGhGl0bvGCwrfUTaHsaGvW+o3v2I8F5UBYBHMe0/JrGDrj/vcktROwnbtbh7igNBPd4FA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "readable-stream": "^4.2.0",
+        "shaclc-parse": "^1.4.0",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "@comunica/actor-rdf-parse-xml-rdfa": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-xml-rdfa/-/actor-rdf-parse-xml-rdfa-2.7.0.tgz",
+      "integrity": "sha512-vVyrui9XvprSAcQo4Tp/fK8M8GGCAF/NIftcTByyhqP8B4hNcAXP7Jd2c2H/A5IfdtkyN6nS8IWddwT4nho9qA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "rdfa-streaming-parser": "^2.0.1"
+      }
+    },
+    "@comunica/actor-rdf-resolve-hypermedia-links-next": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-links-next/-/actor-rdf-resolve-hypermedia-links-next-2.7.0.tgz",
+      "integrity": "sha512-j6c3L1QaI0IDXTQNoNnn3IjGvwvc6r30q4fxig8zRGwTQbmA7UIsvk+xqLPmX9enkzkU+IaUVAYwIWJ/o4dw+Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-resolve-hypermedia-links-queue-fifo": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-links-queue-fifo/-/actor-rdf-resolve-hypermedia-links-queue-fifo-2.7.0.tgz",
+      "integrity": "sha512-1Aq52zaseMsGxmU9J+MsEoQfI9Y0Q2RGyILoB0Fpz87CgDTt7VdxMoINVHH3pTOaLD0hhNaiKuPxNA7SME6+EA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
+        "@comunica/bus-rdf-resolve-hypermedia-links-queue": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/actor-rdf-resolve-hypermedia-none": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-none/-/actor-rdf-resolve-hypermedia-none-2.7.0.tgz",
+      "integrity": "sha512-KXx04t9KPE70XQF3ReM5m3B4Ju/Zb2Q7CJMP3q8WZOzQkh6lzE0v8v8w6DXRcjabOINzahtua1gZxX6I26kyGQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source": "^2.7.0",
+        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
+        "rdf-store-stream": "^1.3.1"
+      }
+    },
+    "@comunica/actor-rdf-resolve-hypermedia-qpf": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-qpf/-/actor-rdf-resolve-hypermedia-qpf-2.7.0.tgz",
+      "integrity": "sha512-pJY0XIiapYB0p3q0gzkPdpe9n/ERwWDbX9ffFJAzSA2u2TqBlksXnoWV0klmkbRTXuIKLGsXxXs1Bxd6eN4KdA==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-rdf-metadata-extract-hydra-controls": "^2.7.0",
+        "@comunica/bus-dereference-rdf": "^2.7.0",
+        "@comunica/bus-rdf-metadata": "^2.7.0",
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-string": "^1.6.1",
+        "rdf-terms": "^1.9.1"
+      }
+    },
+    "@comunica/actor-rdf-resolve-hypermedia-sparql": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-sparql/-/actor-rdf-resolve-hypermedia-sparql-2.7.1.tgz",
+      "integrity": "sha512-5EPmW+44D1ImQSrTOrb3M7Mg4d4J4kGu84dkF34k21rYzFJfBj+QNA5+VDLGWKpkrNsmC/KSqqMIirmHxcfDTw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "fetch-sparql-endpoint": "^3.1.1",
+        "lru-cache": "^7.0.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-terms": "^1.9.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-rdf-resolve-quad-pattern-federated": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-federated/-/actor-rdf-resolve-quad-pattern-federated-2.7.1.tgz",
+      "integrity": "sha512-b6gowLBrDBs2diYR7Vkpuc5NqkNl/mONtZ7rKuQ/BuIizsTTRrdHTh+NsUssYYHje129kdm9Vva+URm+RwdhYw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/data-factory": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-terms": "^1.9.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-rdf-resolve-quad-pattern-hypermedia": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-hypermedia/-/actor-rdf-resolve-quad-pattern-hypermedia-2.7.1.tgz",
+      "integrity": "sha512-QmKMCIc8BKP9ytAZnQuigY6zkLWV6rlwh33zhVxZsBSZH3oQdZ+1jgHSilZHQwQaIt3ZjlJm3XwhJODlC9P2Lg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-dereference-rdf": "^2.7.0",
+        "@comunica/bus-http-invalidate": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-metadata": "^2.7.0",
+        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
+        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
+        "@comunica/bus-rdf-resolve-hypermedia-links-queue": "^2.7.0",
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "@types/lru-cache": "^7.0.0",
+        "asynciterator": "^3.8.0",
+        "lru-cache": "^7.0.0",
+        "rdf-streaming-store": "^1.1.0",
+        "readable-stream": "^4.2.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source/-/actor-rdf-resolve-quad-pattern-rdfjs-source-2.7.0.tgz",
+      "integrity": "sha512-iy48Hk6XAwatiB4LbdClh4CXWbkGMHO+SRZtt3H7LTztUCGTMZJBsXkuuQQf98yj32MmWPXkkQ77kzsBqcIz5A==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0"
+      }
+    },
+    "@comunica/actor-rdf-resolve-quad-pattern-string-source": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-string-source/-/actor-rdf-resolve-quad-pattern-string-source-2.7.1.tgz",
+      "integrity": "sha512-PuJ4ifIA/iGJer/KTBGITR3qdVgReZIkS6I7/QRyKyE3erJKzV6/rENgGPaeSyYf2BjI3H7AaUTVP9wJCgBsUg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "lru-cache": "^7.14.1",
+        "rdf-store-stream": "^1.3.1",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-rdf-serialize-jsonld": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-serialize-jsonld/-/actor-rdf-serialize-jsonld-2.7.0.tgz",
+      "integrity": "sha512-5N4B6t8tmQE26K1WpqLyboT7mUYxnbJRPYesWjk5U/6bZxejuo5u4mxU8CwMy4YmzA/ICcmXVzK8V37pS/mqXA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "jsonld-streaming-serializer": "^2.0.1"
+      }
+    },
+    "@comunica/actor-rdf-serialize-n3": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-serialize-n3/-/actor-rdf-serialize-n3-2.7.0.tgz",
+      "integrity": "sha512-0lY4QMcYkXwIDo1auv+ilpdq2sl5HS+RV630fMOZm26w89BGOJAt6Ko30zu9ezFW2P1MWCwQn3xUW5fnATTivQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "n3": "^1.16.3"
+      }
+    },
+    "@comunica/actor-rdf-serialize-shaclc": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-serialize-shaclc/-/actor-rdf-serialize-shaclc-2.7.0.tgz",
+      "integrity": "sha512-dPRksmEcy35GCF3HmP6mT9dehmrIXFyuNeTuoeBtAf0o1q6lj3kkSf5Cc/u4mD8qmbqdm7alijESDofA9mWecA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-serialize": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "arrayify-stream": "^2.0.1",
+        "readable-stream": "^4.3.0",
+        "shaclc-write": "^1.4.2"
+      }
+    },
+    "@comunica/actor-rdf-update-hypermedia-patch-sparql-update": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-hypermedia-patch-sparql-update/-/actor-rdf-update-hypermedia-patch-sparql-update-2.7.1.tgz",
+      "integrity": "sha512-vMPEfvnUsRZEYmN7nM+pW0+zBVN5wUerrgtSqQRSwBu6JxGUQpqBocxbli6viIAIPNpc3XePRQpXo5f3PCiQrA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "cross-fetch": "^3.1.5",
+        "rdf-string-ttl": "^1.3.2",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/actor-rdf-update-hypermedia-put-ldp": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-hypermedia-put-ldp/-/actor-rdf-update-hypermedia-put-ldp-2.7.1.tgz",
+      "integrity": "sha512-jCk6p2P5Zv7VZ9QgIjAlDfXD8dPQNe+7g+AGQ/aU8zMuA/AOkGl/b+dcYBvae+2GL88aY7S2rQtl0S47kDMHMA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-rdf-serialize": "^2.7.0",
+        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "cross-fetch": "^3.1.5"
+      }
+    },
+    "@comunica/actor-rdf-update-hypermedia-sparql": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-hypermedia-sparql/-/actor-rdf-update-hypermedia-sparql-2.7.1.tgz",
+      "integrity": "sha512-vzhE4Y7EfGSb2jSaovPFqerhAdCbDKbntGg9pZRUZxmIDMoON/dO1frVw7qkGfjFa0Oevu4dIbo0mWIuUUqhuQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "fetch-sparql-endpoint": "^3.1.1",
+        "rdf-string-ttl": "^1.3.2",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "@comunica/actor-rdf-update-quads-hypermedia": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-quads-hypermedia/-/actor-rdf-update-quads-hypermedia-2.7.1.tgz",
+      "integrity": "sha512-IjFW8niWwwwPUMEwC9g+fNZ9BIgbSJaMK7fUBZ6zlnqGx4jGL7rSLUMz2criwn23MWLL+ss/6QE9D0xpsa6lDA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-dereference-rdf": "^2.7.0",
+        "@comunica/bus-http-invalidate": "^2.7.0",
+        "@comunica/bus-rdf-metadata": "^2.7.0",
+        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
+        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@types/lru-cache": "^7.0.0",
+        "lru-cache": "^7.0.0"
+      }
+    },
+    "@comunica/actor-rdf-update-quads-rdfjs-store": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-quads-rdfjs-store/-/actor-rdf-update-quads-rdfjs-store-2.7.1.tgz",
+      "integrity": "sha512-zeV6i0fK7oL9nsE+B2qwTUHcoom5JyCHVrv7G0COuyN5bC40vUV05f4Q9Y/M4IGPf6V7d10Li3uOgvvBO64P0w==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-string": "^1.6.1"
+      }
+    },
+    "@comunica/bindings-factory": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bindings-factory/-/bindings-factory-2.7.0.tgz",
+      "integrity": "sha512-NeLbBmqiNhyUCZSfqZfwZD50dQ5+DABgPbzfuZnbHq9uSfhxAzuGCzgrK0hmuwRHWOPBtmeRnyZTJorePuxTzQ==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "immutable": "^4.1.0",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-string": "^1.6.1"
+      }
+    },
+    "@comunica/bus-context-preprocess": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-context-preprocess/-/bus-context-preprocess-2.7.0.tgz",
+      "integrity": "sha512-UWssXqxrFATZm2XtBtvEoSDb6T21Hx7gOrFeh1zznh3X9XaVguh1mslJ9CPg6ZPx/6EzvL6FpU0PglP0jVgXKA==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/bus-dereference": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-dereference/-/bus-dereference-2.7.0.tgz",
+      "integrity": "sha512-a9eBVPWxRShgENTIyWz1Kl/Fl0BdAk2GhISuY7zEyNcPj5bfj0c7aqo+6BhCszJTAi3Q/DVkoNI18UwKphHU5w==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-mediatyped": "^2.7.0",
+        "@comunica/actor-abstract-parse": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/bus-dereference-rdf": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-dereference-rdf/-/bus-dereference-rdf-2.7.0.tgz",
+      "integrity": "sha512-nc3pVfoJiPGZqHJN1oDfVrqizskzpaSwk4+UDi1VRttxcXqn1YgtDEawu7BLqdEvgOuBZGej+tnwZ0mLfzIAvw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-dereference": "^2.7.0",
+        "@comunica/bus-rdf-parse": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-hash-bindings": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-hash-bindings/-/bus-hash-bindings-2.7.0.tgz",
+      "integrity": "sha512-am2+/3oy6awS7guHoZopS7Vt3LhYNm3trAsx4M6XJyfGyQhjXR/LKtHxyQoiywiD6ODu+CccR1oHH1n/Ges9tw==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/bus-http": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-http/-/bus-http-2.7.0.tgz",
+      "integrity": "sha512-7clRnc6NScFRkzPqNPWxuShzFbXI+s9Hq64CoF1K8YLncayIoGKjSqu8/5MfN8cOEuWPWwaPA1APU1FqCN4OaQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "is-stream": "^2.0.1",
+        "readable-stream-node-to-web": "^1.0.1",
+        "readable-web-to-node-stream": "^3.0.2",
+        "web-streams-ponyfill": "^1.4.2"
+      }
+    },
+    "@comunica/bus-http-invalidate": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-http-invalidate/-/bus-http-invalidate-2.7.0.tgz",
+      "integrity": "sha512-FGyY3raBRacGMa6SXVcNwk3g3YV3U/VT8YPYy9GZZmV7RbaH4n4yh/85pp2zICSJM64KV+OGkYcLX9+e+0AFlw==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/bus-init": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-init/-/bus-init-2.7.0.tgz",
+      "integrity": "sha512-mubSRunj8V4pG4OsfKkrHzyDR3rUQbgNC/Zz9aOWIO4mKly+ep1uhm1lc9k1KaXmi7mafILkC0Pe8XxEXyu2pw==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "readable-stream": "^4.2.0"
+      }
+    },
+    "@comunica/bus-optimize-query-operation": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-optimize-query-operation/-/bus-optimize-query-operation-2.7.0.tgz",
+      "integrity": "sha512-+f97sEvfujOg1aTaA5vQ8WbpkaYqH5lfC/o3PiJKI+fwzZ+ujfwh2BNTVj7vJz2GOYu5XUVzyuWkXULbIIjQFg==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/bus-query-operation": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-query-operation/-/bus-query-operation-2.7.1.tgz",
+      "integrity": "sha512-LuCx2VNEGIfWGiWI8WA+BsIlbDzYfcEJVL3F/5XuUN5vYv50a/9tOWfEIpUAfmbCVtuHPEmBrRpF9DUaxOOtxg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/data-factory": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "rdf-string": "^1.6.1",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/bus-query-parse": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-query-parse/-/bus-query-parse-2.7.0.tgz",
+      "integrity": "sha512-V5TH4l0bLm/nyoaLa962nhMmXgDKezeJJIhfOvRkU0owzCvt//9tE4Wu47TANR+odMt6PoXkSpRZFis9yUylAw==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/bus-query-result-serialize": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-query-result-serialize/-/bus-query-result-serialize-2.7.0.tgz",
+      "integrity": "sha512-txEg0uViBFAz2gtpv4gid9/w1xa9HHdys3E1xBEZmvyCodd9n7wplVio06Qibr6nzlQFZGXhKmkwxq8MJNyB+A==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-mediatyped": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/bus-rdf-join": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-join/-/bus-rdf-join-2.7.1.tgz",
+      "integrity": "sha512-y2H7vm1EonBLtbz/Ji74M3FdvIuBHuUG4uiMU5hKmr12zyqlV00BYMfxD4oGGpHM6hKhHnGYraULIraxVPm7+w==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/bus-rdf-join-selectivity": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/metadata": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.1",
+        "rdf-string": "^1.6.1"
+      }
+    },
+    "@comunica/bus-rdf-join-entries-sort": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-join-entries-sort/-/bus-rdf-join-entries-sort-2.7.0.tgz",
+      "integrity": "sha512-Hdf1N1K2UxCpJyOxkaG4rC8wtM4EevcXIZA5Eq0DTBOUnLxfF0/4xt4soFjEnagDM38flwurvw6UvfoRnjANVA==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/bus-rdf-join-selectivity": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-join-selectivity/-/bus-rdf-join-selectivity-2.7.0.tgz",
+      "integrity": "sha512-M0C+43cdTHuKM6zgTiWhA1Lz7qGjP4bXiuyKYMXwMjfEIc3o0Q4HaMvTHDj5aUlXvMrPsxj1ad4AAljoB0Z5eg==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/mediatortype-accuracy": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/bus-rdf-metadata": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-metadata/-/bus-rdf-metadata-2.7.0.tgz",
+      "integrity": "sha512-M68omFUuylN4fFn9btUnotF3hx4HQEyrqBt8VZbvnUFSuTY4sFUnkSsLXeGGCT84zem4ljSXZtc/OTnqMqZssw==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-rdf-metadata-accumulate": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-metadata-accumulate/-/bus-rdf-metadata-accumulate-2.7.0.tgz",
+      "integrity": "sha512-3yUVaGbRjTyqZWDhTK5qsjf5NpmeRO2TNRESFQUuPHKwSE6/e8eEyMQYnQseG39RGaz6xJOQ3edIxVPOHagNvQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/bus-rdf-metadata-extract": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-metadata-extract/-/bus-rdf-metadata-extract-2.7.0.tgz",
+      "integrity": "sha512-VsfI3LrzpHoGREZseFBpcCo/E0JxvhzZOfzGi7/8PTY9BLbu1j6QsQnGdcSGCxhDv73jKnQZA+JiCu0QaFIYrg==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-rdf-parse": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-parse/-/bus-rdf-parse-2.7.0.tgz",
+      "integrity": "sha512-j3T4R68xbAyisEh5G22ZNPRS45MK2epVtDEEyPdOZa681PtI8PElPCR8gPZeUlWOPxf/v3xKMbvWn/fHBaFjQA==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-mediatyped": "^2.7.0",
+        "@comunica/actor-abstract-parse": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-rdf-parse-html": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-parse-html/-/bus-rdf-parse-html-2.7.0.tgz",
+      "integrity": "sha512-1oRe+ghYPQmj97wiqN3KfxLOGPfSFZsH3+5AHjk2bQ41bzPUj/gHkGWEmnFHu68uf15ezyfLghKR7itimKSC2w==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-rdf-resolve-hypermedia": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-hypermedia/-/bus-rdf-resolve-hypermedia-2.7.0.tgz",
+      "integrity": "sha512-rMJ3zjd3izan11ykcMKbwMLVh109pOy+JQDb+oYsOYbxHf4/gfv1Lg8m899hnBJNHiznlb91rBBzzcwQITanhA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-rdf-resolve-hypermedia-links": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-hypermedia-links/-/bus-rdf-resolve-hypermedia-links-2.7.0.tgz",
+      "integrity": "sha512-khx0fyvoCtcVBqCc6t5rSwUseHZtss37qO3In6m0aJFReD7wdZpRk6Vr0nZAHmijoBK4dNZdORy0jGZ0hXLk9g==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-rdf-resolve-hypermedia-links-queue": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-hypermedia-links-queue/-/bus-rdf-resolve-hypermedia-links-queue-2.7.0.tgz",
+      "integrity": "sha512-Sm/J57AS3il/UFSOMFRtGoHNKqUggaU8XQrTTURQg/3ma+3nwa337Fr7emXxTp5cNEZQ3521oJwG5tEHHj2jHg==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/bus-rdf-resolve-quad-pattern": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-quad-pattern/-/bus-rdf-resolve-quad-pattern-2.7.0.tgz",
+      "integrity": "sha512-ypF7kKJrEetXH9qz+Zht49iMw1ShnOVCzvWkFj4ZacrneBHkllCJViaTH08r9HAHUIh2x3ZCXueAIiANsmegxw==",
+      "dev": true,
+      "requires": {
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/bus-rdf-serialize": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-serialize/-/bus-rdf-serialize-2.7.0.tgz",
+      "integrity": "sha512-IxoxZ4lhuucnyChxGUm/cOctsfkDa9y/TVdOebYL3rntllNcuwIRmUSEwjXpdh4qTFOsWHy5kS/YlFqNRnU2JA==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-abstract-mediatyped": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/bus-rdf-update-hypermedia": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-update-hypermedia/-/bus-rdf-update-hypermedia-2.7.1.tgz",
+      "integrity": "sha512-0Yh5E0iM1QnzjbaW5CnvoOoUYDmFm/ExUqW0Q90z6Kgx1FN0uFcnZqDGwSKAQ8mP8/tMi6USF2kb6/DAhM+qmw==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-update-quads": "^2.7.1",
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/bus-rdf-update-quads": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-update-quads/-/bus-rdf-update-quads-2.7.1.tgz",
+      "integrity": "sha512-yPHDe8kjHi1Ie+6ECj5eSG5m2qqQAeHIqaGPBuP9ITiR9LYK2zG9P3YkfiLmTOfYRzdikbo39oryefuOP463fg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-rdf-resolve-quad-pattern-federated": "^2.7.1",
+        "@comunica/bus-http": "^2.7.0",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "asynciterator": "^3.8.0",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "@comunica/config-query-sparql": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/config-query-sparql/-/config-query-sparql-2.7.0.tgz",
+      "integrity": "sha512-rMnFgT7cz9+0z7wV4OzIMY5qM9/Z0mTGrR8y2JokoHyyTcBGOSajFmy61XCSLMCsLLG8qDXsJ4ClCCky3TGfqA==",
+      "dev": true
+    },
+    "@comunica/context-entries": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/context-entries/-/context-entries-2.7.0.tgz",
+      "integrity": "sha512-TTRuhJxD+PmbgtdPh3LyS6bAKCxAW7jZnk28mEJqMpE2Ljt5OEuZaZHfVfWCapnWRUDWsh+kxsSGbu9En/FyUQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "@rdfjs/types": "*",
+        "jsonld-context-parser": "^2.2.2",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@comunica/core": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/core/-/core-2.7.0.tgz",
+      "integrity": "sha512-HyOrP4+WgmclUYUb5ik1LHpDjaVP8nf7td5VXrfdg/3/7yj2q21JRwuAnaNmr8gHBmvliUcFAtHvv1y6ChDdvQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/types": "^2.7.0",
+        "immutable": "^4.1.0"
+      }
+    },
+    "@comunica/data-factory": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/data-factory/-/data-factory-2.7.0.tgz",
+      "integrity": "sha512-dSTzrR1w9SzAWx70ZXKXHUC8f0leUolLZ9TOhGjFhhsBMJ9Pbo0g6vHV8txX5FViShngrg9QNKhsHeQnMk5z6Q==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/logger-pretty": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/logger-pretty/-/logger-pretty-2.7.0.tgz",
+      "integrity": "sha512-uf/pzLCgmHfTwQOytGqlEwGkmlZjo3+mqTqmIi083zRZmB/6kbJUUY3W1XcmdJDqdZUAoFCRBRam/L+8FL7HBA==",
+      "dev": true,
+      "requires": {
+        "@comunica/types": "^2.7.0",
+        "object-inspect": "^1.12.2",
+        "process": "^0.11.10"
+      }
+    },
+    "@comunica/logger-void": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/logger-void/-/logger-void-2.7.0.tgz",
+      "integrity": "sha512-fmwNwwbx1SogjY6Ik36TLWkfMyYpz58H4boEnqvTYN786fFz9xawgd+fIVc3VV7RwRUBMdONAGFLUKPc5NNgNg==",
+      "dev": true,
+      "requires": {
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/mediator-all": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediator-all/-/mediator-all-2.7.0.tgz",
+      "integrity": "sha512-wrAzC56Lsf029sRu0qVDw+zaXsJbrSU4RdCSfskQ4xNJuUGx4i4nWC7AGp1T4iddSdjY50DzAC5WISnxFLvOTA==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/mediator-combine-pipeline": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediator-combine-pipeline/-/mediator-combine-pipeline-2.7.0.tgz",
+      "integrity": "sha512-Nwc9jjnfxiC8Pw3K2zn0DJyYJjtdd2sGRXE+qwny0MtC4fG6Ft9koQA09FelZwBL/dZCDpbBhyu7UaX3aDLWmQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/mediator-combine-union": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediator-combine-union/-/mediator-combine-union-2.7.0.tgz",
+      "integrity": "sha512-A647k9qSJHSgGmAjYtKuHAPPNCJriQp6uiOePRDNtcyizCdhd0rpG9FOA00qAoa5aZATXz5XJo9LV2Vhm27ckA==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/mediator-join-coefficients-fixed": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/mediator-join-coefficients-fixed/-/mediator-join-coefficients-fixed-2.7.1.tgz",
+      "integrity": "sha512-684IfDK4hH3gWzeFRl0mjxAknxJ2y9szYCSC2TWn8oYHUahT8uqQk6eXESI+pR5ULDpjPbMPGOuWrLCnqNCE1w==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-rdf-join": "^2.7.1",
+        "@comunica/context-entries": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/mediatortype-join-coefficients": "^2.7.0",
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/mediator-number": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediator-number/-/mediator-number-2.7.0.tgz",
+      "integrity": "sha512-pfZBobnwvnsdvMrmNQAvm5eNvA95gizJL8TCdxHsKglqiVVELKmiZTLKxoI1z2oDBtBWhca4Hsu/8/5UsOxSrA==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/mediator-race": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediator-race/-/mediator-race-2.7.0.tgz",
+      "integrity": "sha512-evgUI97nfe/ZzGvUUd8AlWxwehwzSUQkWA6PQGL+K5+rGYQpH7ZjkUU2wJltYgIsOCmqxBl8TMeqqLe1YZrKaQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/mediatortype-accuracy": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-accuracy/-/mediatortype-accuracy-2.7.0.tgz",
+      "integrity": "sha512-M+dcfRH6/9URE9Rgl2/zdKk+AzuG8CXja2kGtKb36WKi9A+u88FoxPCbGw4yO/SPHvuRkPCAYeDsFK5shiR7gg==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/mediatortype-httprequests": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-httprequests/-/mediatortype-httprequests-2.7.0.tgz",
+      "integrity": "sha512-Vwc4ugWEuDV4B/M5m1ATJkP/5zsOwOjGPp22iBZcYvjALjfjphzfZmxZv/dFccGdnKPEM4Dxej72xqF8lDPheQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/mediatortype-join-coefficients": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-join-coefficients/-/mediatortype-join-coefficients-2.7.0.tgz",
+      "integrity": "sha512-QEgQDbLnrWftrI9UycI+sYRAwhhsYCqu8Cl00XX4moV5eUk/4zrWLx6kwTpABH9k8bUnZCcbv0VcRl91qT5JPA==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@rdfjs/types": "*"
+      }
+    },
+    "@comunica/mediatortype-time": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-time/-/mediatortype-time-2.7.0.tgz",
+      "integrity": "sha512-huqm6rIAOj0x1f7JzgFZ5aDx4VbThc74MQLpQbwqCTmgCg4GgP0Kj6J2WY0CZxd4GSh+byeFkvP73vtGYUh8bg==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0"
+      }
+    },
+    "@comunica/metadata": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/metadata/-/metadata-2.7.0.tgz",
+      "integrity": "sha512-YlUxDJJ2C28BcOwimLzhRZ9v68KY79kcdnZxln3lmJcTLnF/j0q/5Nayb3NkZaQdcVhJw6Ah7Za1jGkmF/Ur3Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/types": "^2.7.0"
+      }
+    },
+    "@comunica/query-sparql": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@comunica/query-sparql/-/query-sparql-2.7.1.tgz",
+      "integrity": "sha512-OAFm6nu9QRIQUPMADAIGrTpiddUuAgJ3cBBdg+YZMIzva/Ia/oKFxs+T/3HSybHawj5b25BToE81ZdKGJ/3gWg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-context-preprocess-source-to-destination": "^2.7.0",
+        "@comunica/actor-dereference-fallback": "^2.7.0",
+        "@comunica/actor-dereference-http": "^2.7.1",
+        "@comunica/actor-dereference-rdf-parse": "^2.7.0",
+        "@comunica/actor-hash-bindings-sha1": "^2.7.0",
+        "@comunica/actor-http-fetch": "^2.7.0",
+        "@comunica/actor-http-proxy": "^2.7.0",
+        "@comunica/actor-http-wayback": "^2.7.0",
+        "@comunica/actor-init-query": "^2.7.1",
+        "@comunica/actor-optimize-query-operation-bgp-to-join": "^2.7.0",
+        "@comunica/actor-optimize-query-operation-join-bgp": "^2.7.0",
+        "@comunica/actor-optimize-query-operation-join-connected": "^2.7.0",
+        "@comunica/actor-query-operation-ask": "^2.7.1",
+        "@comunica/actor-query-operation-bgp-join": "^2.7.1",
+        "@comunica/actor-query-operation-construct": "^2.7.1",
+        "@comunica/actor-query-operation-describe-subject": "^2.7.1",
+        "@comunica/actor-query-operation-distinct-hash": "^2.7.1",
+        "@comunica/actor-query-operation-extend": "^2.7.1",
+        "@comunica/actor-query-operation-filter-sparqlee": "^2.7.1",
+        "@comunica/actor-query-operation-from-quad": "^2.7.1",
+        "@comunica/actor-query-operation-group": "^2.7.1",
+        "@comunica/actor-query-operation-join": "^2.7.1",
+        "@comunica/actor-query-operation-leftjoin": "^2.7.1",
+        "@comunica/actor-query-operation-minus": "^2.7.1",
+        "@comunica/actor-query-operation-nop": "^2.7.1",
+        "@comunica/actor-query-operation-orderby-sparqlee": "^2.7.1",
+        "@comunica/actor-query-operation-path-alt": "^2.7.1",
+        "@comunica/actor-query-operation-path-inv": "^2.7.1",
+        "@comunica/actor-query-operation-path-link": "^2.7.1",
+        "@comunica/actor-query-operation-path-nps": "^2.7.1",
+        "@comunica/actor-query-operation-path-one-or-more": "^2.7.1",
+        "@comunica/actor-query-operation-path-seq": "^2.7.1",
+        "@comunica/actor-query-operation-path-zero-or-more": "^2.7.1",
+        "@comunica/actor-query-operation-path-zero-or-one": "^2.7.1",
+        "@comunica/actor-query-operation-project": "^2.7.1",
+        "@comunica/actor-query-operation-quadpattern": "^2.7.1",
+        "@comunica/actor-query-operation-reduced-hash": "^2.7.1",
+        "@comunica/actor-query-operation-service": "^2.7.1",
+        "@comunica/actor-query-operation-slice": "^2.7.1",
+        "@comunica/actor-query-operation-sparql-endpoint": "^2.7.1",
+        "@comunica/actor-query-operation-union": "^2.7.1",
+        "@comunica/actor-query-operation-update-add-rewrite": "^2.7.1",
+        "@comunica/actor-query-operation-update-clear": "^2.7.1",
+        "@comunica/actor-query-operation-update-compositeupdate": "^2.7.1",
+        "@comunica/actor-query-operation-update-copy-rewrite": "^2.7.1",
+        "@comunica/actor-query-operation-update-create": "^2.7.1",
+        "@comunica/actor-query-operation-update-deleteinsert": "^2.7.1",
+        "@comunica/actor-query-operation-update-drop": "^2.7.1",
+        "@comunica/actor-query-operation-update-load": "^2.7.1",
+        "@comunica/actor-query-operation-update-move-rewrite": "^2.7.1",
+        "@comunica/actor-query-operation-values": "^2.7.1",
+        "@comunica/actor-query-parse-graphql": "^2.7.0",
+        "@comunica/actor-query-parse-sparql": "^2.7.0",
+        "@comunica/actor-query-result-serialize-json": "^2.7.0",
+        "@comunica/actor-query-result-serialize-rdf": "^2.7.0",
+        "@comunica/actor-query-result-serialize-simple": "^2.7.0",
+        "@comunica/actor-query-result-serialize-sparql-csv": "^2.7.0",
+        "@comunica/actor-query-result-serialize-sparql-json": "^2.7.0",
+        "@comunica/actor-query-result-serialize-sparql-tsv": "^2.7.0",
+        "@comunica/actor-query-result-serialize-sparql-xml": "^2.7.0",
+        "@comunica/actor-query-result-serialize-stats": "^2.7.0",
+        "@comunica/actor-query-result-serialize-table": "^2.7.0",
+        "@comunica/actor-query-result-serialize-tree": "^2.7.0",
+        "@comunica/actor-rdf-join-entries-sort-cardinality": "^2.7.0",
+        "@comunica/actor-rdf-join-inner-hash": "^2.7.1",
+        "@comunica/actor-rdf-join-inner-multi-bind": "^2.7.1",
+        "@comunica/actor-rdf-join-inner-multi-empty": "^2.7.1",
+        "@comunica/actor-rdf-join-inner-multi-smallest": "^2.7.1",
+        "@comunica/actor-rdf-join-inner-nestedloop": "^2.7.1",
+        "@comunica/actor-rdf-join-inner-none": "^2.7.1",
+        "@comunica/actor-rdf-join-inner-single": "^2.7.1",
+        "@comunica/actor-rdf-join-inner-symmetrichash": "^2.7.1",
+        "@comunica/actor-rdf-join-minus-hash": "^2.7.1",
+        "@comunica/actor-rdf-join-minus-hash-undef": "^2.7.1",
+        "@comunica/actor-rdf-join-optional-bind": "^2.7.1",
+        "@comunica/actor-rdf-join-optional-nestedloop": "^2.7.1",
+        "@comunica/actor-rdf-join-selectivity-variable-counting": "^2.7.1",
+        "@comunica/actor-rdf-metadata-accumulate-cancontainundefs": "^2.7.0",
+        "@comunica/actor-rdf-metadata-accumulate-cardinality": "^2.7.0",
+        "@comunica/actor-rdf-metadata-accumulate-pagesize": "^2.7.0",
+        "@comunica/actor-rdf-metadata-accumulate-requesttime": "^2.7.0",
+        "@comunica/actor-rdf-metadata-all": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-allow-http-methods": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-hydra-controls": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-hydra-count": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-hydra-pagesize": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-patch-sparql-update": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-put-accepted": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-request-time": "^2.7.0",
+        "@comunica/actor-rdf-metadata-extract-sparql-service": "^2.7.0",
+        "@comunica/actor-rdf-metadata-primary-topic": "^2.7.0",
+        "@comunica/actor-rdf-parse-html": "^2.7.1",
+        "@comunica/actor-rdf-parse-html-microdata": "^2.7.0",
+        "@comunica/actor-rdf-parse-html-rdfa": "^2.7.0",
+        "@comunica/actor-rdf-parse-html-script": "^2.7.0",
+        "@comunica/actor-rdf-parse-jsonld": "^2.7.0",
+        "@comunica/actor-rdf-parse-n3": "^2.7.0",
+        "@comunica/actor-rdf-parse-rdfxml": "^2.7.0",
+        "@comunica/actor-rdf-parse-shaclc": "^2.7.0",
+        "@comunica/actor-rdf-parse-xml-rdfa": "^2.7.0",
+        "@comunica/actor-rdf-resolve-hypermedia-links-next": "^2.7.0",
+        "@comunica/actor-rdf-resolve-hypermedia-links-queue-fifo": "^2.7.0",
+        "@comunica/actor-rdf-resolve-hypermedia-none": "^2.7.0",
+        "@comunica/actor-rdf-resolve-hypermedia-qpf": "^2.7.0",
+        "@comunica/actor-rdf-resolve-hypermedia-sparql": "^2.7.1",
+        "@comunica/actor-rdf-resolve-quad-pattern-federated": "^2.7.1",
+        "@comunica/actor-rdf-resolve-quad-pattern-hypermedia": "^2.7.1",
+        "@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source": "^2.7.0",
+        "@comunica/actor-rdf-resolve-quad-pattern-string-source": "^2.7.1",
+        "@comunica/actor-rdf-serialize-jsonld": "^2.7.0",
+        "@comunica/actor-rdf-serialize-n3": "^2.7.0",
+        "@comunica/actor-rdf-serialize-shaclc": "^2.7.0",
+        "@comunica/actor-rdf-update-hypermedia-patch-sparql-update": "^2.7.1",
+        "@comunica/actor-rdf-update-hypermedia-put-ldp": "^2.7.1",
+        "@comunica/actor-rdf-update-hypermedia-sparql": "^2.7.1",
+        "@comunica/actor-rdf-update-quads-hypermedia": "^2.7.1",
+        "@comunica/actor-rdf-update-quads-rdfjs-store": "^2.7.1",
+        "@comunica/bus-http-invalidate": "^2.7.0",
+        "@comunica/bus-query-operation": "^2.7.1",
+        "@comunica/config-query-sparql": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "@comunica/logger-void": "^2.7.0",
+        "@comunica/mediator-all": "^2.7.0",
+        "@comunica/mediator-combine-pipeline": "^2.7.0",
+        "@comunica/mediator-combine-union": "^2.7.0",
+        "@comunica/mediator-join-coefficients-fixed": "^2.7.1",
+        "@comunica/mediator-number": "^2.7.0",
+        "@comunica/mediator-race": "^2.7.0",
+        "@comunica/runner": "^2.7.0",
+        "@comunica/runner-cli": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "process": "^0.11.10"
+      }
+    },
+    "@comunica/runner": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/runner/-/runner-2.7.0.tgz",
+      "integrity": "sha512-qCZrafNV6vYloE9YsaQrf2Sl8J4o/R2EeBk7Y+RmRtwrG2jpcvmEsvii5CayKOGapq05WwIoZEhz999ZpTmhJQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/bus-init": "^2.7.0",
+        "@comunica/core": "^2.7.0",
+        "componentsjs": "^5.3.2",
+        "process": "^0.11.10"
+      }
+    },
+    "@comunica/runner-cli": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/runner-cli/-/runner-cli-2.7.0.tgz",
+      "integrity": "sha512-+5+AqL35WucUDKK24ASA9UD/3MxhYmped9hI3NiV6WKWbWfF/saAO2wlcpTla+bk9XWtz9cHVLLOmXUWb/XWNA==",
+      "dev": true,
+      "requires": {
+        "@comunica/core": "^2.7.0",
+        "@comunica/runner": "^2.7.0",
+        "@comunica/types": "^2.7.0",
+        "process": "^0.11.10"
+      }
+    },
+    "@comunica/types": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@comunica/types/-/types-2.7.0.tgz",
+      "integrity": "sha512-P/aD3W9wqTtZx9SOWPldihmyrf02PK3lDUUP7QG76+1MlDxBna3UrXaIWS6VdV4dWzEULsnvZUIq+23o5A3WCg==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@types/yargs": "^17.0.13",
+        "asynciterator": "^3.8.0",
+        "sparqlalgebrajs": "^4.0.5"
+      }
+    },
+    "@dabh/diagnostics": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@dabh/diagnostics/-/diagnostics-2.0.3.tgz",
+      "integrity": "sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==",
+      "dev": true,
+      "requires": {
+        "colorspace": "1.1.x",
+        "enabled": "2.0.x",
+        "kuler": "^2.0.0"
+      }
+    },
+    "@emotion/babel-plugin": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz",
+      "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.1",
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/serialize": "^1.1.2",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "@emotion/cache": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
+      "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
+      "requires": {
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/sheet": "^1.2.2",
+        "@emotion/utils": "^1.2.1",
+        "@emotion/weak-memoize": "^0.3.1",
+        "stylis": "4.2.0"
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz",
+      "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ=="
+    },
+    "@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "requires": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "@emotion/react": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.0.tgz",
+      "integrity": "sha512-ZSK3ZJsNkwfjT3JpDAWJZlrGD81Z3ytNDsxw1LKq1o+xkmO5pnWfr6gmCC8gHEFf3nSSX/09YrG67jybNPxSUw==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.11.0",
+        "@emotion/cache": "^11.11.0",
+        "@emotion/serialize": "^1.1.2",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+        "@emotion/utils": "^1.2.1",
+        "@emotion/weak-memoize": "^0.3.1",
+        "hoist-non-react-statics": "^3.3.1"
+      }
+    },
+    "@emotion/serialize": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz",
+      "integrity": "sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==",
+      "requires": {
+        "@emotion/hash": "^0.9.1",
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/unitless": "^0.8.1",
+        "@emotion/utils": "^1.2.1",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@emotion/sheet": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz",
+      "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA=="
+    },
+    "@emotion/styled": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz",
+      "integrity": "sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.11.0",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@emotion/serialize": "^1.1.2",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+        "@emotion/utils": "^1.2.1"
+      }
+    },
+    "@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
+    },
+    "@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
+    },
+    "@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz",
+      "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==",
+      "requires": {}
+    },
+    "@emotion/utils": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz",
+      "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg=="
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
+      "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
+    },
+    "@es-joy/jsdoccomment": {
+      "version": "0.37.1",
+      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.37.1.tgz",
+      "integrity": "sha512-5vxWJ1gEkEF0yRd0O+uK6dHJf7adrxwQSX8PuRiPfFSAbNLnY0ZJfXaZucoz14Jj2N11xn2DnlEPwWRpYpvRjg==",
+      "dev": true,
+      "requires": {
+        "comment-parser": "1.3.1",
+        "esquery": "^1.5.0",
+        "jsdoc-type-pratt-parser": "~4.0.0"
+      }
+    },
+    "@esbuild/android-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+      "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+      "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+      "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+      "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+      "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+      "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+      "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+      "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+      "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+      "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-mips64el": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+      "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ppc64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+      "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-riscv64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+      "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-s390x": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+      "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+      "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/netbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/openbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/sunos-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+      "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+      "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+      "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
+      "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
+      "dev": true,
+      "optional": true
+    },
+    "@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^3.3.0"
+      }
+    },
+    "@eslint-community/regexpp": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
+      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
+      "dev": true
+    },
+    "@eslint/eslintrc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz",
+      "integrity": "sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.5.2",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "dependencies": {
+        "globals": {
+          "version": "13.20.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+          "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        }
+      }
+    },
+    "@eslint/js": {
+      "version": "8.42.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz",
+      "integrity": "sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==",
+      "dev": true
+    },
+    "@humanwhocodes/config-array": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
+      "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
+      "dev": true,
+      "requires": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      }
+    },
+    "@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true
+    },
+    "@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
+    "@inrupt/oidc-client": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@inrupt/oidc-client/-/oidc-client-1.11.6.tgz",
+      "integrity": "sha512-1rCTk1T6pdm/7gKozutZutk7jwmYBADlnkGGoI5ypke099NOCa5KFXjkQpbjsps0PRkKZ+0EaR70XN5+xqmViA==",
+      "requires": {
+        "acorn": "^7.4.1",
+        "base64-js": "^1.5.1",
+        "core-js": "^3.8.3",
+        "crypto-js": "^4.0.0",
+        "serialize-javascript": "^4.0.0"
+      }
+    },
+    "@inrupt/oidc-client-ext": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@inrupt/oidc-client-ext/-/oidc-client-ext-1.16.0.tgz",
+      "integrity": "sha512-09fJEX64GFq6eWY5xSFsKWo9Uz2v14s2L2It49/KnzAe7O9hc8XXelNndLPxrrOOzuf38YHv4W1irFJPy4PPMw==",
+      "requires": {
+        "@inrupt/oidc-client": "^1.11.6",
+        "@inrupt/solid-client-authn-core": "^1.16.0",
+        "jose": "^4.10.0",
+        "uuid": "^9.0.0"
+      }
+    },
+    "@inrupt/solid-client": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/@inrupt/solid-client/-/solid-client-1.29.0.tgz",
+      "integrity": "sha512-n5kspeQnrj2h57q4q14bnzC64yPZ/1Y+nvkKy6hamurzsxuRNN/D3tpNjRN4QSTfIE7Yi/swUhu7q5NZ6uASgg==",
+      "requires": {
+        "@inrupt/universal-fetch": "^1.0.1",
+        "@rdfjs/dataset": "^1.1.0",
+        "@types/rdfjs__dataset": "^1.0.4",
+        "buffer": "^6.0.3",
+        "fsevents": "^2.3.2",
+        "http-link-header": "^1.1.0",
+        "jsonld-context-parser": "^2.3.0",
+        "jsonld-streaming-parser": "^3.2.0",
+        "n3": "^1.10.0",
+        "uuid": "^9.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        }
+      }
+    },
+    "@inrupt/solid-client-authn-browser": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@inrupt/solid-client-authn-browser/-/solid-client-authn-browser-1.16.0.tgz",
+      "integrity": "sha512-6Wq/e8C5RapSFTRhs7TKThwhLaQ2DdMqmAiqaNlP7XpTWKRv87Chc2sX0msPjzmM+L/Tde2+71lX1o0x6sQbKA==",
+      "requires": {
+        "@inrupt/oidc-client-ext": "^1.16.0",
+        "@inrupt/solid-client-authn-core": "^1.16.0",
+        "@inrupt/universal-fetch": "^1.0.1",
+        "@types/lodash.clonedeep": "^4.5.6",
+        "@types/node": "^20.1.0",
+        "@types/uuid": "^9.0.1",
+        "events": "^3.3.0",
+        "jose": "^4.3.7",
+        "lodash.clonedeep": "^4.5.0",
+        "uuid": "^9.0.0"
+      }
+    },
+    "@inrupt/solid-client-authn-core": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@inrupt/solid-client-authn-core/-/solid-client-authn-core-1.16.0.tgz",
+      "integrity": "sha512-lp4p21Ob0SJwPW2mJcUkM6YBp/zj9MM+RlHRM1uUdpPgvybGDLEIgJfKjkjku0RqFFJwCSP/KtbdCgnNFk5KXw==",
+      "requires": {
+        "@inrupt/universal-fetch": "^1.0.1",
+        "events": "^3.3.0",
+        "jose": "^4.10.0",
+        "lodash.clonedeep": "^4.5.0",
+        "uuid": "^9.0.0"
+      }
+    },
+    "@inrupt/solid-ui-react": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/@inrupt/solid-ui-react/-/solid-ui-react-2.8.2.tgz",
+      "integrity": "sha512-4VmzfFso37mVJQVmDCXjl0od2w0sgGWvO8KWxOHsKmKqxY89vPpMKaN4gviLSFkjShec8YqtojxLjvrTJhfrFQ==",
+      "requires": {
+        "@inrupt/solid-client": "^1.23.3",
+        "@inrupt/solid-client-authn-browser": "^1.12.2",
+        "core-js": "^3.18.3",
+        "react-table": "^7.6.3",
+        "stream": "0.0.2",
+        "swr": "^1.3.0"
+      }
+    },
+    "@inrupt/universal-fetch": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@inrupt/universal-fetch/-/universal-fetch-1.0.1.tgz",
+      "integrity": "sha512-oqbG7jS1fa6hVkjSir+u5Ab3eSbyxFyOjsgjDICL27mAd5z8oImTSETnY2hYbkRaJQYKMBOXhtm7L5/+EbeVJg==",
+      "requires": {
+        "node-fetch": "^2.6.7",
+        "undici": "^5.19.1"
+      }
+    },
+    "@inrupt/vocab-common-rdf": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@inrupt/vocab-common-rdf/-/vocab-common-rdf-1.0.5.tgz",
+      "integrity": "sha512-onrehQte8m0XW83WwM6T4o5WgmYGzdYUCef6FDjMKfQCF64FnARFNn5fYhKodimBaAOFKhuJ3vw1NBZV/EYqJw=="
+    },
+    "@ioredis/commands": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.2.0.tgz",
+      "integrity": "sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==",
+      "dev": true
+    },
+    "@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true
+    },
+    "@jest/expect-utils": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.5.0.tgz",
+      "integrity": "sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==",
+      "dev": true,
+      "requires": {
+        "jest-get-type": "^29.4.3"
+      }
+    },
+    "@jest/schemas": {
+      "version": "29.4.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.4.3.tgz",
+      "integrity": "sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==",
+      "dev": true,
+      "requires": {
+        "@sinclair/typebox": "^0.25.16"
+      }
+    },
+    "@jest/types": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.5.0.tgz",
+      "integrity": "sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==",
+      "dev": true,
+      "requires": {
+        "@jest/schemas": "^29.4.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      }
+    },
+    "@jeswr/prefixcc": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jeswr/prefixcc/-/prefixcc-1.2.1.tgz",
+      "integrity": "sha512-kBBXbqsaeh3Irp416h/RbelqJgIOp6X/OJJlYmLyr/9qlBYKTKSCuEv5/xjZ0Yf8Yec+QFRYBaOQ2JkMBSH7KA==",
+      "dev": true,
+      "requires": {
+        "cross-fetch": "^3.1.5",
+        "fsevents": "^2.3.2"
+      }
+    },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "requires": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w=="
+    },
+    "@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+    },
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.18",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "requires": {
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
+      },
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": {
+          "version": "1.4.14",
+          "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+          "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+        }
+      }
+    },
+    "@jsdoc/salty": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@jsdoc/salty/-/salty-0.2.5.tgz",
+      "integrity": "sha512-TfRP53RqunNe2HBobVBJ0VLhK1HbfvBYeTC1ahnN64PWvyYyGebmMiPkuwvD9fpw2ZbkoPb8Q7mwy0aR8Z9rvw==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.21"
+      }
+    },
+    "@koa/cors": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@koa/cors/-/cors-3.4.3.tgz",
+      "integrity": "sha512-WPXQUaAeAMVaLTEFpoq3T2O1C+FstkjJnDQqy95Ck1UdILajsRhu6mhJ8H2f4NFPRBoCNN+qywTJfq/gGki5mw==",
+      "dev": true,
+      "requires": {
+        "vary": "^1.1.2"
+      }
+    },
+    "@mui/base": {
+      "version": "5.0.0-beta.4",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.4.tgz",
+      "integrity": "sha512-ejhtqYJpjDgHGEljjMBQWZ22yEK0OzIXNa7toJmmXsP4TT3W7xVy8bTJ0TniPDf+JNjrsgfgiFTDGdlEhV1E+g==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.13.1",
+        "@popperjs/core": "^2.11.8",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      }
+    },
+    "@mui/core-downloads-tracker": {
+      "version": "5.13.4",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.13.4.tgz",
+      "integrity": "sha512-yFrMWcrlI0TqRN5jpb6Ma9iI7sGTHpytdzzL33oskFHNQ8UgrtPas33Y1K7sWAMwCrr1qbWDrOHLAQG4tAzuSw=="
+    },
+    "@mui/icons-material": {
+      "version": "5.11.16",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.11.16.tgz",
+      "integrity": "sha512-oKkx9z9Kwg40NtcIajF9uOXhxiyTZrrm9nmIJ4UjkU2IdHpd4QVLbCc/5hZN/y0C6qzi2Zlxyr9TGddQx2vx2A==",
+      "requires": {
+        "@babel/runtime": "^7.21.0"
+      }
+    },
+    "@mui/material": {
+      "version": "5.13.4",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.13.4.tgz",
+      "integrity": "sha512-Yq+4f1KLPa/Szd3xqra2hbOAf2Usl8GbubncArM6LIp40mBLtXIdPE29MNtHsbtuzz4g+eidrETgoi3wdbEYfQ==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/base": "5.0.0-beta.4",
+        "@mui/core-downloads-tracker": "^5.13.4",
+        "@mui/system": "^5.13.2",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.13.1",
+        "@types/react-transition-group": "^4.4.6",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      }
+    },
+    "@mui/private-theming": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.13.1.tgz",
+      "integrity": "sha512-HW4npLUD9BAkVppOUZHeO1FOKUJWAwbpy0VQoGe3McUYTlck1HezGHQCfBQ5S/Nszi7EViqiimECVl9xi+/WjQ==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/utils": "^5.13.1",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/styled-engine": {
+      "version": "5.13.2",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.13.2.tgz",
+      "integrity": "sha512-VCYCU6xVtXOrIN8lcbuPmoG+u7FYuOERG++fpY74hPpEWkyFQG97F+/XfTQVYzlR2m7nPjnwVUgATcTCMEaMvw==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@emotion/cache": "^11.11.0",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/styled-engine-sc": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine-sc/-/styled-engine-sc-5.12.0.tgz",
+      "integrity": "sha512-3MgYoY2YG5tx0E5oKqvCv94oL0ABVBr+qpcyvciXW/v0wzPG6bXvuZV80GHYlJfasgnnRa1AbRWf5a9FcX8v6g==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/system": {
+      "version": "5.13.2",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.13.2.tgz",
+      "integrity": "sha512-TPyWmRJPt0JPVxacZISI4o070xEJ7ftxpVtu6LWuYVOUOINlhoGOclam4iV8PDT3EMQEHuUrwU49po34UdWLlw==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/private-theming": "^5.13.1",
+        "@mui/styled-engine": "^5.13.2",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.13.1",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/types": {
+      "version": "7.2.4",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
+      "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
+      "requires": {}
+    },
+    "@mui/utils": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.13.1.tgz",
+      "integrity": "sha512-6lXdWwmlUbEU2jUI8blw38Kt+3ly7xkmV9ljzY4Q20WhsJMWiNry9CX8M+TaP/HbtuyR8XKsdMgQW7h7MM3n3A==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^18.2.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      }
+    },
+    "@mui/x-date-pickers": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-6.6.0.tgz",
+      "integrity": "sha512-cF7Ijv0IgYi/tCQa2qdoCEHF5gtj/nn/gGdr3oOw/VI6QcKQkbLwA0baPfWEMS2weT9HR6JFerMQ5i57dWv+2A==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/utils": "^5.13.1",
+        "@types/react-transition-group": "^4.4.6",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-transition-group": "^4.4.5"
+      }
+    },
+    "@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true
+    },
+    "@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      }
+    },
+    "@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="
+    },
+    "@rdfjs/data-model": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@rdfjs/data-model/-/data-model-1.3.4.tgz",
+      "integrity": "sha512-iKzNcKvJotgbFDdti7GTQDCYmL7GsGldkYStiP0K8EYtN7deJu5t7U11rKTz+nR7RtesUggT+lriZ7BakFv8QQ==",
+      "requires": {
+        "@rdfjs/types": ">=1.0.1"
+      }
+    },
+    "@rdfjs/dataset": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@rdfjs/dataset/-/dataset-1.1.1.tgz",
+      "integrity": "sha512-BNwCSvG0cz0srsG5esq6CQKJc1m8g/M0DZpLuiEp0MMpfwguXX7VeS8TCg4UUG3DV/DqEvhy83ZKSEjdsYseeA==",
+      "requires": {
+        "@rdfjs/data-model": "^1.2.0"
+      }
+    },
+    "@rdfjs/types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rdfjs/types/-/types-1.1.0.tgz",
+      "integrity": "sha512-5zm8bN2/CC634dTcn/0AhTRLaQRjXDZs3QfcAsQKNturHT7XVWcKy/8p3P5gXl+YkZTAmy7T5M/LyiT/jbkENw==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@remix-run/router": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.6.3.tgz",
+      "integrity": "sha512-EXJysQ7J3veRECd0kZFQwYYd5sJMcq2O/m60zu1W2l3oVQ9xtub8jTOtYRE0+M2iomyG/W3Ps7+vp2kna0C27Q=="
+    },
+    "@rubensworks/saxes": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@rubensworks/saxes/-/saxes-6.0.1.tgz",
+      "integrity": "sha512-UW4OTIsOtJ5KSXo2Tchi4lhZqu+tlHrOAs4nNti7CrtB53kAZl3/hyrTi6HkMihxdbDM6m2Zc3swc/ZewEe1xw==",
+      "dev": true,
+      "requires": {
+        "xmlchars": "^2.2.0"
+      }
+    },
+    "@sinclair/typebox": {
+      "version": "0.25.24",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.25.24.tgz",
+      "integrity": "sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==",
+      "dev": true
+    },
+    "@sindresorhus/is": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
+      "integrity": "sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==",
+      "dev": true
+    },
+    "@solid/access-token-verifier": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@solid/access-token-verifier/-/access-token-verifier-2.0.5.tgz",
+      "integrity": "sha512-YsoMmEk7pN6tlCHcDm5iLa9ZYvTYvuk3SX5cz18XW1qYmM46znEGnXz94vm7DIa7DcTLGi9suMw7M5pRs2xOLw==",
+      "dev": true,
+      "requires": {
+        "jose": "^4.10.3",
+        "lru-cache": "^6.0.0",
+        "n3": "^1.16.2",
+        "node-fetch": "^2.6.7",
+        "ts-guards": "^0.5.1"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "@solid/community-server": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@solid/community-server/-/community-server-5.1.0.tgz",
+      "integrity": "sha512-i0ANCJeumuM6hm6/iYV8viMA3z69CWVpy5U3k+Sr1QUWDqIBM/HSpOwlmn9HI917qJeTxkAgnCPGYVTXl3WS1Q==",
+      "dev": true,
+      "requires": {
+        "@comunica/context-entries": "^2.2.0",
+        "@comunica/query-sparql": "^2.2.1",
+        "@rdfjs/types": "^1.1.0",
+        "@solid/access-token-verifier": "^2.0.3",
+        "@types/async-lock": "^1.1.5",
+        "@types/bcryptjs": "^2.4.2",
+        "@types/cors": "^2.8.12",
+        "@types/ejs": "^3.1.1",
+        "@types/end-of-stream": "^1.4.1",
+        "@types/fs-extra": "^9.0.13",
+        "@types/lodash.orderby": "^4.6.7",
+        "@types/marked": "^4.0.3",
+        "@types/mime-types": "^2.1.1",
+        "@types/n3": "^1.10.4",
+        "@types/node": "^14.18.23",
+        "@types/nodemailer": "^6.4.4",
+        "@types/oidc-provider": "^7.11.1",
+        "@types/proper-lockfile": "^4.1.2",
+        "@types/pump": "^1.1.1",
+        "@types/punycode": "^2.1.0",
+        "@types/sparqljs": "^3.1.3",
+        "@types/url-join": "^4.0.1",
+        "@types/uuid": "^8.3.4",
+        "@types/ws": "^8.5.3",
+        "@types/yargs": "^17.0.10",
+        "arrayify-stream": "^2.0.0",
+        "async-lock": "^1.3.2",
+        "bcryptjs": "^2.4.3",
+        "componentsjs": "^5.3.0",
+        "cors": "^2.8.5",
+        "cross-fetch": "^3.1.5",
+        "ejs": "^3.1.8",
+        "end-of-stream": "^1.4.4",
+        "escape-string-regexp": "^4.0.0",
+        "fetch-sparql-endpoint": "^3.0.1",
+        "fs-extra": "^10.1.0",
+        "handlebars": "^4.7.7",
+        "ioredis": "^5.2.2",
+        "jose": "^4.8.3",
+        "jsonld-context-parser": "^2.1.5",
+        "lodash.orderby": "^4.6.0",
+        "marked": "^4.0.18",
+        "mime-types": "^2.1.35",
+        "n3": "^1.16.2",
+        "nodemailer": "^6.7.7",
+        "oidc-provider": "7.10.6",
+        "proper-lockfile": "^4.1.2",
+        "pump": "^3.0.0",
+        "punycode": "^2.1.1",
+        "rdf-dereference": "^2.0.0",
+        "rdf-parse": "^2.1.0",
+        "rdf-serialize": "^2.0.0",
+        "rdf-terms": "^1.9.0",
+        "sparqlalgebrajs": "^4.0.3",
+        "sparqljs": "^3.5.2",
+        "url-join": "^4.0.1",
+        "uuid": "^8.3.2",
+        "winston": "^3.8.1",
+        "winston-transport": "^4.5.0",
+        "ws": "^8.8.1",
+        "yargs": "^17.5.1"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "14.18.48",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.48.tgz",
+          "integrity": "sha512-iL0PIMwejpmuVHgfibHpfDwOdsbmB50wr21X71VnF5d7SsBF7WK+ZvP/SCcFm7Iwb9iiYSap9rlrdhToNAWdxg==",
+          "dev": true
+        },
+        "@types/uuid": {
+          "version": "8.3.4",
+          "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
+          "integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
+          "dev": true
+        },
+        "uuid": {
+          "version": "8.3.2",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+          "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+          "dev": true
+        }
+      }
+    },
+    "@szmarczak/http-timer": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.6.tgz",
+      "integrity": "sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==",
+      "dev": true,
+      "requires": {
+        "defer-to-connect": "^2.0.0"
+      }
+    },
+    "@testing-library/dom": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.0.tgz",
+      "integrity": "sha512-Dffe68pGwI6WlLRYR2I0piIkyole9cSBH5jGQKCGMRpHW5RHCqAUaqc2Kv0tUyd4dU4DLPKhJIjyKOnjv4tuUw==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "^5.0.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      }
+    },
+    "@testing-library/react": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.0.0.tgz",
+      "integrity": "sha512-S04gSNJbYE30TlIMLTzv6QCTzt9AqIF5y6s6SzVFILNcNvbV/jU96GeiTPillGQo+Ny64M/5PV7klNYYgv5Dfg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@testing-library/dom": "^9.0.0",
+        "@types/react-dom": "^18.0.0"
+      }
+    },
+    "@testing-library/user-event": {
+      "version": "14.4.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.4.3.tgz",
+      "integrity": "sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==",
+      "dev": true,
+      "requires": {}
+    },
+    "@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "dev": true
+    },
+    "@types/accepts": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/accepts/-/accepts-1.3.5.tgz",
+      "integrity": "sha512-jOdnI/3qTpHABjM5cx1Hc0sKsPoYCp+DP/GJRGtDlPd7fiV9oXGGIcjW/ZOxLIvjGz8MA+uMZI9metHlgqbgwQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/aria-query": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
+      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
+      "dev": true
+    },
+    "@types/async-lock": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@types/async-lock/-/async-lock-1.4.0.tgz",
+      "integrity": "sha512-2+rYSaWrpdbQG3SA0LmMT6YxWLrI81AqpMlSkw3QtFc2HGDufkweQSn30Eiev7x9LL0oyFrBqk1PXOnB9IEgKg==",
+      "dev": true
+    },
+    "@types/bcryptjs": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@types/bcryptjs/-/bcryptjs-2.4.2.tgz",
+      "integrity": "sha512-LiMQ6EOPob/4yUL66SZzu6Yh77cbzJFYll+ZfaPiPPFswtIlA/Fs1MzdKYA7JApHU49zQTbJGX3PDmCpIdDBRQ==",
+      "dev": true
+    },
+    "@types/body-parser": {
+      "version": "1.19.2",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
+      "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==",
+      "dev": true,
+      "requires": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/cacheable-request": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.3.tgz",
+      "integrity": "sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==",
+      "dev": true,
+      "requires": {
+        "@types/http-cache-semantics": "*",
+        "@types/keyv": "^3.1.4",
+        "@types/node": "*",
+        "@types/responselike": "^1.0.0"
+      }
+    },
+    "@types/chai": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.5.tgz",
+      "integrity": "sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==",
+      "dev": true
+    },
+    "@types/chai-subset": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.3.tgz",
+      "integrity": "sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==",
+      "dev": true,
+      "requires": {
+        "@types/chai": "*"
+      }
+    },
+    "@types/connect": {
+      "version": "3.4.35",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
+      "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/content-disposition": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@types/content-disposition/-/content-disposition-0.5.5.tgz",
+      "integrity": "sha512-v6LCdKfK6BwcqMo+wYW05rLS12S0ZO0Fl4w1h4aaZMD7bqT3gVUns6FvLJKGZHQmYn3SX55JWGpziwJRwVgutA==",
+      "dev": true
+    },
+    "@types/cookies": {
+      "version": "0.7.7",
+      "resolved": "https://registry.npmjs.org/@types/cookies/-/cookies-0.7.7.tgz",
+      "integrity": "sha512-h7BcvPUogWbKCzBR2lY4oqaZbO3jXZksexYJVFvkrFeLgbZjQkU4x8pRq6eg2MHXQhY0McQdqmmsxRWlVAHooA==",
+      "dev": true,
+      "requires": {
+        "@types/connect": "*",
+        "@types/express": "*",
+        "@types/keygrip": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/cors": {
+      "version": "2.8.13",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz",
+      "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/ejs": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.2.tgz",
+      "integrity": "sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==",
+      "dev": true
+    },
+    "@types/end-of-stream": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@types/end-of-stream/-/end-of-stream-1.4.1.tgz",
+      "integrity": "sha512-dYCSlUtCGXuP2axeKD5l1vj/04iNXW8TLXryDa0uA8u8EsNE68jn27ZLg7jAPV+qJAlk1wC4WtRdIoZXvuUl0A==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/express": {
+      "version": "4.17.17",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz",
+      "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==",
+      "dev": true,
+      "requires": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "@types/express-serve-static-core": {
+      "version": "4.17.35",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz",
+      "integrity": "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "@types/fs-extra": {
+      "version": "9.0.13",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-9.0.13.tgz",
+      "integrity": "sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/http-assert": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@types/http-assert/-/http-assert-1.5.3.tgz",
+      "integrity": "sha512-FyAOrDuQmBi8/or3ns4rwPno7/9tJTijVW6aQQjK02+kOQ8zmoNg2XJtAuQhvQcy1ASJq38wirX5//9J1EqoUA==",
+      "dev": true
+    },
+    "@types/http-cache-semantics": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz",
+      "integrity": "sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==",
+      "dev": true
+    },
+    "@types/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==",
+      "dev": true
+    },
+    "@types/http-link-header": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/http-link-header/-/http-link-header-1.0.3.tgz",
+      "integrity": "sha512-y8HkoD/vyid+5MrJ3aas0FvU3/BVBGcyG9kgxL0Zn4JwstA8CglFPnrR0RuzOjRCXwqzL5uxWC2IO7Ub0rMU2A==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/istanbul-lib-coverage": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
+      "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
+      "dev": true
+    },
+    "@types/istanbul-lib-report": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+      "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
+      "dev": true,
+      "requires": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "@types/istanbul-reports": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
+      "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
+      "dev": true,
+      "requires": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "@types/jest": {
+      "version": "29.5.2",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.2.tgz",
+      "integrity": "sha512-mSoZVJF5YzGVCk+FsDxzDuH7s+SCkzrgKZzf0Z0T2WudhBUPoF6ktoTPC4R0ZoCPCV5xUvuU6ias5NvxcBcMMg==",
+      "dev": true,
+      "requires": {
+        "expect": "^29.0.0",
+        "pretty-format": "^29.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "29.5.0",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
+          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
+          "dev": true,
+          "requires": {
+            "@jest/schemas": "^29.4.3",
+            "ansi-styles": "^5.0.0",
+            "react-is": "^18.0.0"
+          }
+        }
+      }
+    },
+    "@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "@types/keygrip": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/keygrip/-/keygrip-1.0.2.tgz",
+      "integrity": "sha512-GJhpTepz2udxGexqos8wgaBx4I/zWIDPh/KOGEwAqtuGDkOUJu5eFvwmdBX4AmB8Odsr+9pHCQqiAqDL/yKMKw==",
+      "dev": true
+    },
+    "@types/keyv": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.4.tgz",
+      "integrity": "sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/koa": {
+      "version": "2.13.6",
+      "resolved": "https://registry.npmjs.org/@types/koa/-/koa-2.13.6.tgz",
+      "integrity": "sha512-diYUfp/GqfWBAiwxHtYJ/FQYIXhlEhlyaU7lB/bWQrx4Il9lCET5UwpFy3StOAohfsxxvEQ11qIJgT1j2tfBvw==",
+      "dev": true,
+      "requires": {
+        "@types/accepts": "*",
+        "@types/content-disposition": "*",
+        "@types/cookies": "*",
+        "@types/http-assert": "*",
+        "@types/http-errors": "*",
+        "@types/keygrip": "*",
+        "@types/koa-compose": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/koa-compose": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/@types/koa-compose/-/koa-compose-3.2.5.tgz",
+      "integrity": "sha512-B8nG/OoE1ORZqCkBVsup/AKcvjdgoHnfi4pZMn5UwAPCbhk/96xyv284eBYW8JlQbQ7zDmnpFr68I/40mFoIBQ==",
+      "dev": true,
+      "requires": {
+        "@types/koa": "*"
+      }
+    },
+    "@types/linkify-it": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-3.0.2.tgz",
+      "integrity": "sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==",
+      "dev": true
+    },
+    "@types/lodash": {
+      "version": "4.14.195",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.195.tgz",
+      "integrity": "sha512-Hwx9EUgdwf2GLarOjQp5ZH8ZmblzcbTBC2wtQWNKARBSxM9ezRIAUpeDTgoQRAFB0+8CNWXVA9+MaSOzOF3nPg=="
+    },
+    "@types/lodash.clonedeep": {
+      "version": "4.5.7",
+      "resolved": "https://registry.npmjs.org/@types/lodash.clonedeep/-/lodash.clonedeep-4.5.7.tgz",
+      "integrity": "sha512-ccNqkPptFIXrpVqUECi60/DFxjNKsfoQxSQsgcBJCX/fuX1wgyQieojkcWH/KpE3xzLoWN/2k+ZeGqIN3paSvw==",
+      "requires": {
+        "@types/lodash": "*"
+      }
+    },
+    "@types/lodash.orderby": {
+      "version": "4.6.7",
+      "resolved": "https://registry.npmjs.org/@types/lodash.orderby/-/lodash.orderby-4.6.7.tgz",
+      "integrity": "sha512-GaaUBTS4RTjL8gz1ZXkwAB/defpGMOWwCG9C4HL9g81i4wghIoVVESQCUa1xRsyUBqAb5JwLbSwvL0q36rK0sA==",
+      "dev": true,
+      "requires": {
+        "@types/lodash": "*"
+      }
+    },
+    "@types/lru-cache": {
+      "version": "7.10.10",
+      "resolved": "https://registry.npmjs.org/@types/lru-cache/-/lru-cache-7.10.10.tgz",
+      "integrity": "sha512-nEpVRPWW9EBmx2SCfNn3ClYxPL7IktPX12HhIoSc/H5mMjdeW3+YsXIpseLQ2xF35+OcpwKQbEUw5VtqE4PDNA==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "*"
+      }
+    },
+    "@types/markdown-it": {
+      "version": "12.2.3",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-12.2.3.tgz",
+      "integrity": "sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==",
+      "dev": true,
+      "requires": {
+        "@types/linkify-it": "*",
+        "@types/mdurl": "*"
+      }
+    },
+    "@types/marked": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@types/marked/-/marked-4.3.1.tgz",
+      "integrity": "sha512-vSSbKZFbNktrQ15v7o1EaH78EbWV+sPQbPjHG+Cp8CaNcPFUEfjZ0Iml/V0bFDwsTlYe8o6XC5Hfdp91cqPV2g==",
+      "dev": true
+    },
+    "@types/mdurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.2.tgz",
+      "integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
+      "dev": true
+    },
+    "@types/mime": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
+      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==",
+      "dev": true
+    },
+    "@types/mime-types": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.1.tgz",
+      "integrity": "sha512-vXOTGVSLR2jMw440moWTC7H19iUyLtP3Z1YTj7cSsubOICinjMxFeb/V57v9QdyyPGbbWolUFSSmSiRSn94tFw==",
+      "dev": true
+    },
+    "@types/minimist": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
+    },
+    "@types/n3": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@types/n3/-/n3-1.10.4.tgz",
+      "integrity": "sha512-FfRTwcbXcScVHuAjIASveRWL6Fi6fPALl1Ge8tMESYLqU7R42LJvtdBpUi+f9YK0oQPqIN+zFFgMDFJfLMx0bg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "rdf-js": "^4.0.2"
+      }
+    },
+    "@types/node": {
+      "version": "20.2.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.5.tgz",
+      "integrity": "sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ=="
+    },
+    "@types/nodemailer": {
+      "version": "6.4.8",
+      "resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.8.tgz",
+      "integrity": "sha512-oVsJSCkqViCn8/pEu2hfjwVO+Gb3e+eTWjg3PcjeFKRItfKpKwHphQqbYmPQrlMk+op7pNNWPbsJIEthpFN/OQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/oidc-provider": {
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/@types/oidc-provider/-/oidc-provider-7.14.0.tgz",
+      "integrity": "sha512-zIoedB25LuuiNb0tqRQYI3BzdHXVCsZrCHm38apiLe1p6TmbZA7dCSv8rH3AR8xyBk7eNiE+iIBDEHlBx4UzPA==",
+      "dev": true,
+      "requires": {
+        "@types/koa": "*"
+      }
+    },
+    "@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+    },
+    "@types/prop-types": {
+      "version": "15.7.5",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+    },
+    "@types/proper-lockfile": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@types/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
+      "integrity": "sha512-kd4LMvcnpYkspDcp7rmXKedn8iJSCoa331zRRamUp5oanKt/CefbEGPQP7G89enz7sKD4bvsr8mHSsC8j5WOvA==",
+      "dev": true,
+      "requires": {
+        "@types/retry": "*"
+      }
+    },
+    "@types/pump": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@types/pump/-/pump-1.1.1.tgz",
+      "integrity": "sha512-wpRerjHDxFBQ4r8XNv3xHJZeuqrBBoeQ/fhgkooV2F7KsPIYRROb/+f9ODgZfOEyO5/w2ej4YQdpPPXipT8DAA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/punycode": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/punycode/-/punycode-2.1.0.tgz",
+      "integrity": "sha512-PG5aLpW6PJOeV2fHRslP4IOMWn+G+Uq8CfnyJ+PDS8ndCbU+soO+fB3NKCKo0p/Jh2Y4aPaiQZsrOXFdzpcA6g==",
+      "dev": true
+    },
+    "@types/qs": {
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
+      "dev": true
+    },
+    "@types/range-parser": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
+      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
+      "dev": true
+    },
+    "@types/rdfjs__dataset": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/rdfjs__dataset/-/rdfjs__dataset-1.0.5.tgz",
+      "integrity": "sha512-8OBC9Kr/ZSgNoUTe5mHTDPHaPt8Xen4XbYfqcbYv56d+4WdKliHXaFmFc0L4I5vsynE5JGu21Hvg2zWgX1Az6Q==",
+      "requires": {
+        "rdf-js": "^4.0.2"
+      }
+    },
+    "@types/react": {
+      "version": "18.2.8",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.8.tgz",
+      "integrity": "sha512-lTyWUNrd8ntVkqycEEplasWy2OxNlShj3zqS0LuB1ENUGis5HodmhM7DtCoUGbxj3VW/WsGA0DUhpG6XrM7gPA==",
+      "requires": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@types/react-dom": {
+      "version": "18.2.4",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.4.tgz",
+      "integrity": "sha512-G2mHoTMTL4yoydITgOGwWdWMVd8sNgyEP85xVmMKAPUBwQWm9wBPQUmvbeF4V3WBY1P7mmL4BkjQ0SqUpf1snw==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-1vz2yObaQkLL7YFe/pme2cpvDsCwI1WXIfL+5eLz0MI9gFG24Re16RzUsI8t9XZn9ZWvgLNDrJBmrqXJO7GNQQ==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-transition-group": {
+      "version": "4.4.6",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz",
+      "integrity": "sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/readable-stream": {
+      "version": "2.3.15",
+      "resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-2.3.15.tgz",
+      "integrity": "sha512-oM5JSKQCcICF1wvGgmecmHldZ48OZamtMxcGGVICOJA8o8cahXC1zEVAif8iwoc5j8etxFaRFnf095+CDsuoFQ==",
+      "requires": {
+        "@types/node": "*",
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "@types/responselike": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.0.tgz",
+      "integrity": "sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/retry": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
+      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+      "dev": true
+    },
+    "@types/scheduler": {
+      "version": "0.16.3",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
+      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ=="
+    },
+    "@types/semver": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
+      "dev": true
+    },
+    "@types/send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz",
+      "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==",
+      "dev": true,
+      "requires": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "@types/serve-static": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.1.tgz",
+      "integrity": "sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==",
+      "dev": true,
+      "requires": {
+        "@types/mime": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/spark-md5": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/spark-md5/-/spark-md5-3.0.2.tgz",
+      "integrity": "sha512-82E/lVRaqelV9qmRzzJ1PKTpyrpnT7mwdneKNJB9hUtypZDMggloDfFUCIqRRx3lYRxteCwXSq9c+W71Vf0QnQ==",
+      "dev": true
+    },
+    "@types/sparqljs": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@types/sparqljs/-/sparqljs-3.1.4.tgz",
+      "integrity": "sha512-0MvCTEfveYJDkI91olLcDf/F3wMMbsxwNxiNZeglt4tbIFULd9pRpcacj1MuA+acFDkTnPXS9L7OqZNn/W1MAg==",
+      "dev": true,
+      "requires": {
+        "rdf-js": "^4.0.2"
+      }
+    },
+    "@types/stack-utils": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
+      "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
+      "dev": true
+    },
+    "@types/triple-beam": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@types/triple-beam/-/triple-beam-1.3.2.tgz",
+      "integrity": "sha512-txGIh+0eDFzKGC25zORnswy+br1Ha7hj5cMVwKIU7+s0U2AxxJru/jZSMU6OC9MJWP6+pc/hc6ZjyZShpsyY2g==",
+      "dev": true
+    },
+    "@types/uritemplate": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@types/uritemplate/-/uritemplate-0.3.4.tgz",
+      "integrity": "sha512-1D8mJEeQEXynoPQKJkneIK+tXaM2Qnk6c80RBQPV/O2ToypI4mlqXy5jojnYKjTX2Q+EMNMOWt0wNdLbb2MUpA==",
+      "dev": true
+    },
+    "@types/url-join": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@types/url-join/-/url-join-4.0.1.tgz",
+      "integrity": "sha512-wDXw9LEEUHyV+7UWy7U315nrJGJ7p1BzaCxDpEoLr789Dk1WDVMMlf3iBfbG2F8NdWnYyFbtTxUn2ZNbm1Q4LQ==",
+      "dev": true
+    },
+    "@types/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-rFT3ak0/2trgvp4yYZo5iKFEPsET7vKydKF+VRCxlQ9bpheehyAJH89dAkaLEq/j/RZXJIqcgsmPJKUP1Z28HA=="
+    },
+    "@types/ws": {
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.4.tgz",
+      "integrity": "sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/yargs": {
+      "version": "17.0.24",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
+      "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==",
+      "dev": true,
+      "requires": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "@types/yargs-parser": {
+      "version": "21.0.0",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
+      "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
+      "dev": true
+    },
+    "@vitejs/plugin-react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz",
+      "integrity": "sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.20.12",
+        "@babel/plugin-transform-react-jsx-self": "^7.18.6",
+        "@babel/plugin-transform-react-jsx-source": "^7.19.6",
+        "magic-string": "^0.27.0",
+        "react-refresh": "^0.14.0"
+      }
+    },
+    "@vitest/coverage-c8": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-c8/-/coverage-c8-0.31.4.tgz",
+      "integrity": "sha512-VPx368m4DTcpA/P0v3YdVxl4QOSh1DbUcXURLRvDShrIB5KxOgfzw4Bn2R8AhAe/GyiWW/FIsJ/OJdYXCCiC1w==",
+      "dev": true,
+      "requires": {
+        "@ampproject/remapping": "^2.2.1",
+        "c8": "^7.13.0",
+        "magic-string": "^0.30.0",
+        "picocolors": "^1.0.0",
+        "std-env": "^3.3.2"
+      },
+      "dependencies": {
+        "magic-string": {
+          "version": "0.30.0",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+          "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.13"
+          }
+        }
+      }
+    },
+    "@vitest/expect": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.31.4.tgz",
+      "integrity": "sha512-tibyx8o7GUyGHZGyPgzwiaPaLDQ9MMuCOrc03BYT0nryUuhLbL7NV2r/q98iv5STlwMgaKuFJkgBW/8iPKwlSg==",
+      "dev": true,
+      "requires": {
+        "@vitest/spy": "0.31.4",
+        "@vitest/utils": "0.31.4",
+        "chai": "^4.3.7"
+      }
+    },
+    "@vitest/runner": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.31.4.tgz",
+      "integrity": "sha512-Wgm6UER+gwq6zkyrm5/wbpXGF+g+UBB78asJlFkIOwyse0pz8lZoiC6SW5i4gPnls/zUcPLWS7Zog0LVepXnpg==",
+      "dev": true,
+      "requires": {
+        "@vitest/utils": "0.31.4",
+        "concordance": "^5.0.4",
+        "p-limit": "^4.0.0",
+        "pathe": "^1.1.0"
+      },
+      "dependencies": {
+        "p-limit": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+          "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^1.0.0"
+          }
+        },
+        "yocto-queue": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
+          "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
+          "dev": true
+        }
+      }
+    },
+    "@vitest/snapshot": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.31.4.tgz",
+      "integrity": "sha512-LemvNumL3NdWSmfVAMpXILGyaXPkZbG5tyl6+RQSdcHnTj6hvA49UAI8jzez9oQyE/FWLKRSNqTGzsHuk89LRA==",
+      "dev": true,
+      "requires": {
+        "magic-string": "^0.30.0",
+        "pathe": "^1.1.0",
+        "pretty-format": "^27.5.1"
+      },
+      "dependencies": {
+        "magic-string": {
+          "version": "0.30.0",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+          "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.13"
+          }
+        }
+      }
+    },
+    "@vitest/spy": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.31.4.tgz",
+      "integrity": "sha512-3ei5ZH1s3aqbEyftPAzSuunGICRuhE+IXOmpURFdkm5ybUADk+viyQfejNk6q8M5QGX8/EVKw+QWMEP3DTJDag==",
+      "dev": true,
+      "requires": {
+        "tinyspy": "^2.1.0"
+      }
+    },
+    "@vitest/utils": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.31.4.tgz",
+      "integrity": "sha512-DobZbHacWznoGUfYU8XDPY78UubJxXfMNY1+SUdOp1NsI34eopSA6aZMeaGu10waSOeYwE8lxrd/pLfT0RMxjQ==",
+      "dev": true,
+      "requires": {
+        "concordance": "^5.0.4",
+        "loupe": "^2.3.6",
+        "pretty-format": "^27.5.1"
+      }
+    },
+    "@zxing/browser": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@zxing/browser/-/browser-0.1.3.tgz",
+      "integrity": "sha512-PauJzwg5SqZBI2fGmEeRWJHj/1CZd6L2waPaAVQgdTCTlS7h0NrTH/XXEQIjYYg2gFpFALtH2MtLNlUEIGZShg==",
+      "requires": {
+        "@zxing/text-encoding": "^0.9.0"
+      }
+    },
+    "@zxing/library": {
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@zxing/library/-/library-0.20.0.tgz",
+      "integrity": "sha512-6Ev6rcqVjMakZFIDvbUf0dtpPGeZMTfyxYg4HkVWioWeN7cRcnUWT3bU6sdohc82O1nPXcjq6WiGfXX2Pnit6A==",
+      "peer": true,
+      "requires": {
+        "@zxing/text-encoding": "~0.9.0",
+        "ts-custom-error": "^3.2.1"
+      }
+    },
+    "@zxing/text-encoding": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
+      "integrity": "sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==",
+      "optional": true
+    },
+    "abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "dev": true
+    },
+    "abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
+    "accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "requires": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      }
+    },
+    "acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
+    },
+    "acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "requires": {}
+    },
+    "acorn-walk": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+      "dev": true
+    },
+    "agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "requires": {
+        "debug": "4"
+      }
+    },
+    "ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "requires": {
+        "type-fest": "^0.21.3"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.21.3",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+          "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+          "dev": true
+        }
+      }
+    },
+    "ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^2.0.1"
+      }
+    },
+    "argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "requires": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      }
+    },
+    "array-includes": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+      "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "is-string": "^1.0.7"
+      }
+    },
+    "array.prototype.flat": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
+      "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
+      }
+    },
+    "array.prototype.flatmap": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
+      "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
+      }
+    },
+    "array.prototype.tosorted": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "arrayify-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrayify-stream/-/arrayify-stream-2.0.1.tgz",
+      "integrity": "sha512-z8fB6PtmnewQpFB53piS2d1KlUi3BPMICH2h7leCOUXpQcwvZ4GbHHSpdKoUrgLMR6b4Qan/uDe1St3Ao3yIHg==",
+      "dev": true
+    },
+    "assertion-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
+      "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
+      "dev": true
+    },
+    "ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
+      "dev": true
+    },
+    "astral-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
+      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
+      "dev": true
+    },
+    "async": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
+      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
+      "dev": true
+    },
+    "async-lock": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/async-lock/-/async-lock-1.4.0.tgz",
+      "integrity": "sha512-coglx5yIWuetakm3/1dsX9hxCNox22h7+V80RQOu2XUUMidtArxKoZoOtHUPuR84SycKTXzgGzAUR5hJxujyJQ==",
+      "dev": true
+    },
+    "asynciterator": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/asynciterator/-/asynciterator-3.8.0.tgz",
+      "integrity": "sha512-bD34LqKHJnkB77MHjL3hOAUOcy9dbB+3lHvL+EiJpD3k2Nyq3i1dCk5adMisB2rwlrHVu/+XRhOdPZL9hzpsfw==",
+      "dev": true
+    },
+    "asyncjoin": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/asyncjoin/-/asyncjoin-1.1.2.tgz",
+      "integrity": "sha512-zi6B+C3GgEu8qrmFn3gDd58cbGNaNFW3s8DJmCxUOjQwqWZcQO6dEoZBWl56+QGQyX0da0FRX1fsAyYB9LmwJA==",
+      "dev": true,
+      "requires": {
+        "asynciterator": "^3.6.0"
+      }
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true
+    },
+    "available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true
+    },
+    "axe-core": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.2.tgz",
+      "integrity": "sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==",
+      "dev": true
+    },
+    "axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "requires": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "babel-eslint": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
+      "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "@babel/parser": "^7.7.0",
+        "@babel/traverse": "^7.7.0",
+        "@babel/types": "^7.7.0",
+        "eslint-visitor-keys": "^1.0.0",
+        "resolve": "^1.12.0"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+          "dev": true
+        }
+      }
+    },
+    "babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      }
+    },
+    "babel-plugin-styled-components": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.3.tgz",
+      "integrity": "sha512-jBioLwBVHpOMU4NsueH/ADcHrjS0Y/WTpt2eGVmmuSFNEv2DF3XhcMncuZlbbjxQ4vzxg+yEr6E6TNjrIQbsJQ==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.18.6",
+        "@babel/helper-module-imports": "^7.21.4",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "lodash": "^4.17.21",
+        "picomatch": "^2.3.1"
+      }
+    },
+    "babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw=="
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
+    },
+    "bcryptjs": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
+      "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==",
+      "dev": true
+    },
+    "bignumber.js": {
+      "version": "9.1.1",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.1.tgz",
+      "integrity": "sha512-pHm4LsMJ6lzgNGVfZHjMoO8sdoRhOzOH4MLmY65Jg70bpxCKu5iOHNJyfF6OyvYw7t8Fpf35RuzUyqnQsj8Vig==",
+      "dev": true
+    },
+    "bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true
+    },
+    "blueimp-md5": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz",
+      "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "browserslist": {
+      "version": "4.21.7",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.7.tgz",
+      "integrity": "sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30001489",
+        "electron-to-chromium": "^1.4.411",
+        "node-releases": "^2.0.12",
+        "update-browserslist-db": "^1.0.11"
+      }
+    },
+    "buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "requires": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "requires": {
+        "streamsearch": "^1.1.0"
+      }
+    },
+    "bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true
+    },
+    "c8": {
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/c8/-/c8-7.14.0.tgz",
+      "integrity": "sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==",
+      "dev": true,
+      "requires": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@istanbuljs/schema": "^0.1.3",
+        "find-up": "^5.0.0",
+        "foreground-child": "^2.0.0",
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-reports": "^3.1.4",
+        "rimraf": "^3.0.2",
+        "test-exclude": "^6.0.0",
+        "v8-to-istanbul": "^9.0.0",
+        "yargs": "^16.2.0",
+        "yargs-parser": "^20.2.9"
+      },
+      "dependencies": {
+        "cliui": {
+          "version": "7.0.4",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+          "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+          "dev": true,
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.0",
+            "wrap-ansi": "^7.0.0"
+          }
+        },
+        "yargs": {
+          "version": "16.2.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+          "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+          "dev": true,
+          "requires": {
+            "cliui": "^7.0.2",
+            "escalade": "^3.1.1",
+            "get-caller-file": "^2.0.5",
+            "require-directory": "^2.1.1",
+            "string-width": "^4.2.0",
+            "y18n": "^5.0.5",
+            "yargs-parser": "^20.2.2"
+          }
+        }
+      }
+    },
+    "cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true
+    },
+    "cache-content-type": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-content-type/-/cache-content-type-1.0.1.tgz",
+      "integrity": "sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==",
+      "dev": true,
+      "requires": {
+        "mime-types": "^2.1.18",
+        "ylru": "^1.2.0"
+      }
+    },
+    "cacheable-lookup": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-6.1.0.tgz",
+      "integrity": "sha512-KJ/Dmo1lDDhmW2XDPMo+9oiy/CeqosPguPCrgcVzKyZrL6pM1gU2GmPY/xo6OQPTUaA/c0kwHuywB4E6nmT9ww==",
+      "dev": true
+    },
+    "cacheable-request": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.2.tgz",
+      "integrity": "sha512-pouW8/FmiPQbuGpkXQ9BAPv/Mo5xDGANgSNXzTzJ8DrKGuXOssM4wIQRjfanNRh3Yu5cfYPvcorqbhg2KIJtew==",
+      "dev": true,
+      "requires": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^4.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^6.0.1",
+        "responselike": "^2.0.0"
+      }
+    },
+    "call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      }
+    },
+    "callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
+    },
+    "camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ=="
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001495",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001495.tgz",
+      "integrity": "sha512-F6x5IEuigtUfU5ZMQK2jsy5JqUUlEFRVZq8bO2a+ysq5K7jD6PPc9YXZj78xDNS3uNchesp1Jw47YXEqr+Viyg==",
+      "dev": true
+    },
+    "canonicalize": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/canonicalize/-/canonicalize-2.0.0.tgz",
+      "integrity": "sha512-ulDEYPv7asdKvqahuAY35c1selLdzDwHqugK92hfkzvlDCwXRRelDkR+Er33md/PtnpqHemgkuDPanZ4fiYZ8w==",
+      "dev": true
+    },
+    "catharsis": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/catharsis/-/catharsis-0.9.0.tgz",
+      "integrity": "sha512-prMTQVpcns/tzFgFVkVp6ak6RykZyWb3gu8ckUpd6YkTlacOd3DXGJjIpD4Q6zJirizvaiAjSSHlOsA+6sNh2A==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "chai": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
+      "integrity": "sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==",
+      "dev": true,
+      "requires": {
+        "assertion-error": "^1.1.0",
+        "check-error": "^1.0.2",
+        "deep-eql": "^4.1.2",
+        "get-func-name": "^2.0.0",
+        "loupe": "^2.3.1",
+        "pathval": "^1.1.1",
+        "type-detect": "^4.0.5"
+      }
+    },
+    "chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      }
+    },
+    "chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+      "dev": true
+    },
+    "check-error": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
+      "integrity": "sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==",
+      "dev": true
+    },
+    "ci-info": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "dev": true
+    },
+    "cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^3.1.0"
+      }
+    },
+    "cli-width": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
+      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
+      "dev": true
+    },
+    "cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "requires": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "clone-response": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
+      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
+    },
+    "cluster-key-slot": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz",
+      "integrity": "sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==",
+      "dev": true
+    },
+    "co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "dev": true
+    },
+    "color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      },
+      "dependencies": {
+        "color-convert": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
+        },
+        "color-name": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+          "dev": true
+        }
+      }
+    },
+    "color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "requires": {
+        "color-name": "~1.1.4"
+      }
+    },
+    "color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "colorspace": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.4.tgz",
+      "integrity": "sha512-BgvKJiuVu1igBUF2kEjRCZXol6wiiGbY5ipL/oVPwm0BL9sIpMIzM8IK7vwuxIIzOXMV3Ey5w+vxhm0rR/TN8w==",
+      "dev": true,
+      "requires": {
+        "color": "^3.1.3",
+        "text-hex": "1.0.x"
+      }
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "comment-parser": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.3.1.tgz",
+      "integrity": "sha512-B52sN2VNghyq5ofvUsqZjmk6YkihBX5vMSChmSK9v4ShjKf3Vk5Xcmgpw4o+iIgtrnM/u5FiMpz9VKb8lpBveA==",
+      "dev": true
+    },
+    "componentsjs": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/componentsjs/-/componentsjs-5.4.1.tgz",
+      "integrity": "sha512-kdxlhqcHw/eGP5hSRRd1wUuZvTW7+rSZEDqwszeHBkDQodREjpoxoS+Z3Xhc6nxEMIKAC8rdedTsww7nrhcpJQ==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@types/minimist": "^1.2.0",
+        "@types/node": "^18.0.0",
+        "@types/semver": "^7.3.4",
+        "jsonld-context-parser": "^2.1.1",
+        "minimist": "^1.2.0",
+        "rdf-data-factory": "^1.1.0",
+        "rdf-object": "^1.13.1",
+        "rdf-parse": "^2.0.0",
+        "rdf-quad": "^1.5.0",
+        "rdf-string": "^1.6.0",
+        "rdf-terms": "^1.7.0",
+        "semver": "^7.3.2",
+        "winston": "^3.3.3"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "18.16.16",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.16.16.tgz",
+          "integrity": "sha512-NpaM49IGQQAUlBhHMF82QH80J08os4ZmyF9MkpCzWAGuOHqE4gTEbhzd7L3l5LmWuZ6E0OiC1FweQ4tsiW35+g==",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.5.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
+          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "concordance": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/concordance/-/concordance-5.0.4.tgz",
+      "integrity": "sha512-OAcsnTEYu1ARJqWVGwf4zh4JDfHZEaSNlNccFmt8YjB2l/n19/PF2viLINHc57vO4FKIAFl2FWASIGZZWZ2Kxw==",
+      "dev": true,
+      "requires": {
+        "date-time": "^3.1.0",
+        "esutils": "^2.0.3",
+        "fast-diff": "^1.2.0",
+        "js-string-escape": "^1.0.1",
+        "lodash": "^4.17.15",
+        "md5-hex": "^3.0.1",
+        "semver": "^7.3.2",
+        "well-known-symbols": "^2.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.5.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
+          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "confusing-browser-globals": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
+      "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==",
+      "dev": true
+    },
+    "content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.2.1"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+          "dev": true
+        }
+      }
+    },
+    "content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true
+    },
+    "convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
+    },
+    "cookies": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/cookies/-/cookies-0.8.0.tgz",
+      "integrity": "sha512-8aPsApQfebXnuI+537McwYsDtjVxGm8gTIzQI3FDW6t5t/DAhERxtnbEPN/8RX+uZthoz4eCOgloXaE5cYyNow==",
+      "dev": true,
+      "requires": {
+        "depd": "~2.0.0",
+        "keygrip": "~1.1.0"
+      }
+    },
+    "core-js": {
+      "version": "3.30.2",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.30.2.tgz",
+      "integrity": "sha512-uBJiDmwqsbJCWHAwjrx3cvjbMXP7xD72Dmsn5LOJpiRmE3WbBbN5rCqQ2Qh6Ek6/eOrjlWngEynBWo4VxerQhg=="
+    },
+    "cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dev": true,
+      "requires": {
+        "object-assign": "^4",
+        "vary": "^1"
+      }
+    },
+    "cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "requires": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      }
+    },
+    "cross-fetch": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.6.tgz",
+      "integrity": "sha512-riRvo06crlE8HiqOwIpQhxwdOk4fOeR7FVM/wXoxchFEqMNUjvbs3bfo4OTgMEMHzppd4DxFBDbyySj8Cv781g==",
+      "requires": {
+        "node-fetch": "^2.6.11"
+      }
+    },
+    "cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "requires": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      }
+    },
+    "crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
+    "css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg=="
+    },
+    "css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "requires": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "cssstyle": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
+      "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
+      "dev": true,
+      "requires": {
+        "rrweb-cssom": "^0.6.0"
+      }
+    },
+    "csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "data-urls": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
+      "integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
+      "dev": true,
+      "requires": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^12.0.0"
+      }
+    },
+    "date-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/date-time/-/date-time-3.1.0.tgz",
+      "integrity": "sha512-uqCUKXE5q1PNBXjPqvwhwJf9SwMoAHBgWJ6DcrnS5o+W2JOiIILl0JEdVD8SGujrNS02GGxgwAg2PN2zONgtjg==",
+      "dev": true,
+      "requires": {
+        "time-zone": "^1.0.0"
+      }
+    },
+    "debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "requires": {
+        "ms": "2.1.2"
+      }
+    },
+    "decimal.js": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
+      "dev": true
+    },
+    "decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^3.1.0"
+      },
+      "dependencies": {
+        "mimic-response": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+          "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+          "dev": true
+        }
+      }
+    },
+    "deep-eql": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
+      "integrity": "sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==",
+      "dev": true,
+      "requires": {
+        "type-detect": "^4.0.0"
+      }
+    },
+    "deep-equal": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+      "dev": true,
+      "requires": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      }
+    },
+    "deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "defer-to-connect": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.1.tgz",
+      "integrity": "sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==",
+      "dev": true
+    },
+    "define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true
+    },
+    "define-properties": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+      "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+      "dev": true,
+      "requires": {
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true
+    },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "dev": true
+    },
+    "denque": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
+      "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
+      "dev": true
+    },
+    "depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true
+    },
+    "destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "dev": true
+    },
+    "diff-sequences": {
+      "version": "29.4.3",
+      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz",
+      "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==",
+      "dev": true
+    },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
+    "dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true
+    },
+    "dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "requires": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      }
+    },
+    "domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true
+    },
+    "domexception": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
+      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "dev": true,
+      "requires": {
+        "webidl-conversions": "^7.0.0"
+      }
+    },
+    "domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.3.0"
+      }
+    },
+    "domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dev": true,
+      "requires": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      }
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true
+    },
+    "ejs": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
+      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "dev": true,
+      "requires": {
+        "jake": "^10.8.5"
+      }
+    },
+    "electron-to-chromium": {
+      "version": "1.4.423",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.423.tgz",
+      "integrity": "sha512-y4A7YfQcDGPAeSWM1IuoWzXpg9RY1nwHzHSwRtCSQFp9FgAVDgdWlFf0RbdWfLWQ2WUI+bddUgk5RgTjqRE6FQ==",
+      "dev": true
+    },
+    "emitter-component": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/emitter-component/-/emitter-component-1.1.1.tgz",
+      "integrity": "sha512-G+mpdiAySMuB7kesVRLuyvYRqDmshB7ReKEVuyBPkzQlmiDiLrt7hHHIy4Aff552bgknVN7B2/d3lzhGO5dvpQ=="
+    },
+    "emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "enabled": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/enabled/-/enabled-2.0.0.tgz",
+      "integrity": "sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ==",
+      "dev": true
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true
+    },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true
+    },
+    "error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "es-abstract": {
+      "version": "1.21.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz",
+      "integrity": "sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==",
+      "dev": true,
+      "requires": {
+        "array-buffer-byte-length": "^1.0.0",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.5",
+        "get-intrinsic": "^1.2.0",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.10",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.12.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.4.3",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.7",
+        "string.prototype.trimend": "^1.0.6",
+        "string.prototype.trimstart": "^1.0.6",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.9"
+      }
+    },
+    "es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      }
+    },
+    "es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      }
+    },
+    "esbuild": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
+      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
+      "dev": true,
+      "requires": {
+        "@esbuild/android-arm": "0.17.19",
+        "@esbuild/android-arm64": "0.17.19",
+        "@esbuild/android-x64": "0.17.19",
+        "@esbuild/darwin-arm64": "0.17.19",
+        "@esbuild/darwin-x64": "0.17.19",
+        "@esbuild/freebsd-arm64": "0.17.19",
+        "@esbuild/freebsd-x64": "0.17.19",
+        "@esbuild/linux-arm": "0.17.19",
+        "@esbuild/linux-arm64": "0.17.19",
+        "@esbuild/linux-ia32": "0.17.19",
+        "@esbuild/linux-loong64": "0.17.19",
+        "@esbuild/linux-mips64el": "0.17.19",
+        "@esbuild/linux-ppc64": "0.17.19",
+        "@esbuild/linux-riscv64": "0.17.19",
+        "@esbuild/linux-s390x": "0.17.19",
+        "@esbuild/linux-x64": "0.17.19",
+        "@esbuild/netbsd-x64": "0.17.19",
+        "@esbuild/openbsd-x64": "0.17.19",
+        "@esbuild/sunos-x64": "0.17.19",
+        "@esbuild/win32-arm64": "0.17.19",
+        "@esbuild/win32-ia32": "0.17.19",
+        "@esbuild/win32-x64": "0.17.19"
+      }
+    },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true
+    },
+    "escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+    },
+    "eslint": {
+      "version": "8.42.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz",
+      "integrity": "sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==",
+      "dev": true,
+      "requires": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.4.0",
+        "@eslint/eslintrc": "^2.0.3",
+        "@eslint/js": "8.42.0",
+        "@humanwhocodes/config-array": "^0.11.10",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "ajv": "^6.10.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.0",
+        "eslint-visitor-keys": "^3.4.1",
+        "espree": "^9.5.2",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.1",
+        "strip-ansi": "^6.0.1",
+        "strip-json-comments": "^3.1.0",
+        "text-table": "^0.2.0"
+      },
+      "dependencies": {
+        "globals": {
+          "version": "13.20.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+          "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        }
+      }
+    },
+    "eslint-config-airbnb": {
+      "version": "19.0.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-airbnb/-/eslint-config-airbnb-19.0.4.tgz",
+      "integrity": "sha512-T75QYQVQX57jiNgpF9r1KegMICE94VYwoFQyMGhrvc+lB8YF2E/M/PYDaQe1AJcWaEgqLE+ErXV1Og/+6Vyzew==",
+      "dev": true,
+      "requires": {
+        "eslint-config-airbnb-base": "^15.0.0",
+        "object.assign": "^4.1.2",
+        "object.entries": "^1.1.5"
+      }
+    },
+    "eslint-config-airbnb-base": {
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
+      "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
+      "dev": true,
+      "requires": {
+        "confusing-browser-globals": "^1.0.10",
+        "object.assign": "^4.1.2",
+        "object.entries": "^1.1.5",
+        "semver": "^6.3.0"
+      }
+    },
+    "eslint-config-esnext": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-esnext/-/eslint-config-esnext-4.1.0.tgz",
+      "integrity": "sha512-GhfVEXdqYKEIIj7j+Fw2SQdL9qyZMekgXfq6PyXM66cQw0B435ddjz3P3kxOBVihMRJ0xGYjosaveQz5Y6z0uA==",
+      "dev": true,
+      "requires": {
+        "babel-eslint": "^10.0.1",
+        "eslint": "^6.8.0",
+        "eslint-plugin-babel": "^5.2.1",
+        "eslint-plugin-import": "^2.14.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "argparse": {
+          "version": "1.0.10",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+          "dev": true,
+          "requires": {
+            "sprintf-js": "~1.0.2"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "color-convert": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
+        },
+        "color-name": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+          "dev": true
+        },
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "5.7.1",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "dev": true
+            }
+          }
+        },
+        "escape-string-regexp": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+          "dev": true
+        },
+        "eslint": {
+          "version": "6.8.0",
+          "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
+          "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "ajv": "^6.10.0",
+            "chalk": "^2.1.0",
+            "cross-spawn": "^6.0.5",
+            "debug": "^4.0.1",
+            "doctrine": "^3.0.0",
+            "eslint-scope": "^5.0.0",
+            "eslint-utils": "^1.4.3",
+            "eslint-visitor-keys": "^1.1.0",
+            "espree": "^6.1.2",
+            "esquery": "^1.0.1",
+            "esutils": "^2.0.2",
+            "file-entry-cache": "^5.0.1",
+            "functional-red-black-tree": "^1.0.1",
+            "glob-parent": "^5.0.0",
+            "globals": "^12.1.0",
+            "ignore": "^4.0.6",
+            "import-fresh": "^3.0.0",
+            "imurmurhash": "^0.1.4",
+            "inquirer": "^7.0.0",
+            "is-glob": "^4.0.0",
+            "js-yaml": "^3.13.1",
+            "json-stable-stringify-without-jsonify": "^1.0.1",
+            "levn": "^0.3.0",
+            "lodash": "^4.17.14",
+            "minimatch": "^3.0.4",
+            "mkdirp": "^0.5.1",
+            "natural-compare": "^1.4.0",
+            "optionator": "^0.8.3",
+            "progress": "^2.0.0",
+            "regexpp": "^2.0.1",
+            "semver": "^6.1.2",
+            "strip-ansi": "^5.2.0",
+            "strip-json-comments": "^3.0.1",
+            "table": "^5.2.3",
+            "text-table": "^0.2.0",
+            "v8-compile-cache": "^2.0.3"
+          }
+        },
+        "eslint-scope": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+          "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.3.0",
+            "estraverse": "^4.1.1"
+          }
+        },
+        "eslint-utils": {
+          "version": "1.4.3",
+          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
+          "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
+          "dev": true,
+          "requires": {
+            "eslint-visitor-keys": "^1.1.0"
+          }
+        },
+        "eslint-visitor-keys": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+          "dev": true
+        },
+        "espree": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
+          "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+          "dev": true,
+          "requires": {
+            "acorn": "^7.1.1",
+            "acorn-jsx": "^5.2.0",
+            "eslint-visitor-keys": "^1.1.0"
+          }
+        },
+        "estraverse": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+          "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+          "dev": true
+        },
+        "file-entry-cache": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
+          "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
+          "dev": true,
+          "requires": {
+            "flat-cache": "^2.0.1"
+          }
+        },
+        "flat-cache": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
+          "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
+          "dev": true,
+          "requires": {
+            "flatted": "^2.0.0",
+            "rimraf": "2.6.3",
+            "write": "1.0.3"
+          }
+        },
+        "flatted": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
+          "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
+          "dev": true
+        },
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "globals": {
+          "version": "12.4.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
+          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.8.1"
+          }
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+          "dev": true
+        },
+        "ignore": {
+          "version": "4.0.6",
+          "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+          "dev": true
+        },
+        "js-yaml": {
+          "version": "3.14.1",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+          "dev": true,
+          "requires": {
+            "argparse": "^1.0.7",
+            "esprima": "^4.0.0"
+          }
+        },
+        "levn": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+          "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2"
+          }
+        },
+        "mkdirp": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.6"
+          }
+        },
+        "optionator": {
+          "version": "0.8.3",
+          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+          "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+          "dev": true,
+          "requires": {
+            "deep-is": "~0.1.3",
+            "fast-levenshtein": "~2.0.6",
+            "levn": "~0.3.0",
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2",
+            "word-wrap": "~1.2.3"
+          }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+          "dev": true
+        },
+        "prelude-ls": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+          "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
+          "dev": true
+        },
+        "regexpp": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
+          "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        },
+        "type-check": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+          "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "~1.1.2"
+          }
+        },
+        "type-fest": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
+    "eslint-config-node": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-node/-/eslint-config-node-4.1.0.tgz",
+      "integrity": "sha512-Wz17xV5O2WFG8fGdMYEBdbiL6TL7YNJSJvSX9V4sXQownewfYmoqlly7wxqLkOUv/57pq6LnnotMiQQrrPjCqQ==",
+      "dev": true,
+      "requires": {
+        "eslint": "^6.8.0",
+        "eslint-config-esnext": "^4.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "argparse": {
+          "version": "1.0.10",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+          "dev": true,
+          "requires": {
+            "sprintf-js": "~1.0.2"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "color-convert": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
+        },
+        "color-name": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+          "dev": true
+        },
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "5.7.1",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "dev": true
+            }
+          }
+        },
+        "escape-string-regexp": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+          "dev": true
+        },
+        "eslint": {
+          "version": "6.8.0",
+          "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
+          "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "ajv": "^6.10.0",
+            "chalk": "^2.1.0",
+            "cross-spawn": "^6.0.5",
+            "debug": "^4.0.1",
+            "doctrine": "^3.0.0",
+            "eslint-scope": "^5.0.0",
+            "eslint-utils": "^1.4.3",
+            "eslint-visitor-keys": "^1.1.0",
+            "espree": "^6.1.2",
+            "esquery": "^1.0.1",
+            "esutils": "^2.0.2",
+            "file-entry-cache": "^5.0.1",
+            "functional-red-black-tree": "^1.0.1",
+            "glob-parent": "^5.0.0",
+            "globals": "^12.1.0",
+            "ignore": "^4.0.6",
+            "import-fresh": "^3.0.0",
+            "imurmurhash": "^0.1.4",
+            "inquirer": "^7.0.0",
+            "is-glob": "^4.0.0",
+            "js-yaml": "^3.13.1",
+            "json-stable-stringify-without-jsonify": "^1.0.1",
+            "levn": "^0.3.0",
+            "lodash": "^4.17.14",
+            "minimatch": "^3.0.4",
+            "mkdirp": "^0.5.1",
+            "natural-compare": "^1.4.0",
+            "optionator": "^0.8.3",
+            "progress": "^2.0.0",
+            "regexpp": "^2.0.1",
+            "semver": "^6.1.2",
+            "strip-ansi": "^5.2.0",
+            "strip-json-comments": "^3.0.1",
+            "table": "^5.2.3",
+            "text-table": "^0.2.0",
+            "v8-compile-cache": "^2.0.3"
+          }
+        },
+        "eslint-scope": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+          "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.3.0",
+            "estraverse": "^4.1.1"
+          }
+        },
+        "eslint-utils": {
+          "version": "1.4.3",
+          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
+          "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
+          "dev": true,
+          "requires": {
+            "eslint-visitor-keys": "^1.1.0"
+          }
+        },
+        "eslint-visitor-keys": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+          "dev": true
+        },
+        "espree": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
+          "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+          "dev": true,
+          "requires": {
+            "acorn": "^7.1.1",
+            "acorn-jsx": "^5.2.0",
+            "eslint-visitor-keys": "^1.1.0"
+          }
+        },
+        "estraverse": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+          "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+          "dev": true
+        },
+        "file-entry-cache": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
+          "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
+          "dev": true,
+          "requires": {
+            "flat-cache": "^2.0.1"
+          }
+        },
+        "flat-cache": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
+          "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
+          "dev": true,
+          "requires": {
+            "flatted": "^2.0.0",
+            "rimraf": "2.6.3",
+            "write": "1.0.3"
+          }
+        },
+        "flatted": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
+          "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
+          "dev": true
+        },
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "globals": {
+          "version": "12.4.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
+          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.8.1"
+          }
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+          "dev": true
+        },
+        "ignore": {
+          "version": "4.0.6",
+          "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+          "dev": true
+        },
+        "js-yaml": {
+          "version": "3.14.1",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+          "dev": true,
+          "requires": {
+            "argparse": "^1.0.7",
+            "esprima": "^4.0.0"
+          }
+        },
+        "levn": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+          "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2"
+          }
+        },
+        "mkdirp": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.6"
+          }
+        },
+        "optionator": {
+          "version": "0.8.3",
+          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+          "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+          "dev": true,
+          "requires": {
+            "deep-is": "~0.1.3",
+            "fast-levenshtein": "~2.0.6",
+            "levn": "~0.3.0",
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2",
+            "word-wrap": "~1.2.3"
+          }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+          "dev": true
+        },
+        "prelude-ls": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+          "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
+          "dev": true
+        },
+        "regexpp": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
+          "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        },
+        "type-check": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+          "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "~1.1.2"
+          }
+        },
+        "type-fest": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
+    "eslint-config-prettier": {
+      "version": "8.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
+      "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
+      "dev": true,
+      "requires": {}
+    },
+    "eslint-import-resolver-node": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz",
+      "integrity": "sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.11.0",
+        "resolve": "^1.22.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
+    "eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
+    "eslint-plugin-babel": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-babel/-/eslint-plugin-babel-5.3.1.tgz",
+      "integrity": "sha512-VsQEr6NH3dj664+EyxJwO4FCYm/00JhYb3Sk3ft8o+fpKuIfQ9TaW6uVUfvwMXHcf/lsnRIoyFPsLMyiWCSL/g==",
+      "dev": true,
+      "requires": {
+        "eslint-rule-composer": "^0.3.0"
+      }
+    },
+    "eslint-plugin-es": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz",
+      "integrity": "sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==",
+      "dev": true,
+      "requires": {
+        "eslint-utils": "^2.0.0",
+        "regexpp": "^3.0.0"
+      }
+    },
+    "eslint-plugin-import": {
+      "version": "2.27.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz",
+      "integrity": "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "array.prototype.flatmap": "^1.3.1",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.7",
+        "eslint-module-utils": "^2.7.4",
+        "has": "^1.0.3",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.values": "^1.1.6",
+        "resolve": "^1.22.1",
+        "semver": "^6.3.0",
+        "tsconfig-paths": "^3.14.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        }
+      }
+    },
+    "eslint-plugin-jsdoc": {
+      "version": "40.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-40.3.0.tgz",
+      "integrity": "sha512-EhCqpzRkxoT2DUB4AnrU0ggBYvTh3bWrLZzQTupq6vSVE6XzNwJVKsOHa41GCoevnsWMBNmoDVjXWGqckjuG1g==",
+      "dev": true,
+      "requires": {
+        "@es-joy/jsdoccomment": "~0.37.0",
+        "comment-parser": "1.3.1",
+        "debug": "^4.3.4",
+        "escape-string-regexp": "^4.0.0",
+        "esquery": "^1.5.0",
+        "semver": "^7.3.8",
+        "spdx-expression-parse": "^3.0.1"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.5.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
+          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-plugin-jsx-a11y": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
+      }
+    },
+    "eslint-plugin-node": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
+      "integrity": "sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==",
+      "dev": true,
+      "requires": {
+        "eslint-plugin-es": "^3.0.0",
+        "eslint-utils": "^2.0.0",
+        "ignore": "^5.1.1",
+        "minimatch": "^3.0.4",
+        "resolve": "^1.10.1",
+        "semver": "^6.1.0"
+      }
+    },
+    "eslint-plugin-prettier": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz",
+      "integrity": "sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==",
+      "dev": true,
+      "requires": {
+        "prettier-linter-helpers": "^1.0.0"
+      }
+    },
+    "eslint-plugin-react": {
+      "version": "7.32.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz",
+      "integrity": "sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.0",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "dependencies": {
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "resolve": {
+          "version": "2.0.0-next.4",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+          "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+          "dev": true,
+          "requires": {
+            "is-core-module": "^2.9.0",
+            "path-parse": "^1.0.7",
+            "supports-preserve-symlinks-flag": "^1.0.0"
+          }
+        }
+      }
+    },
+    "eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "requires": {}
+    },
+    "eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "dev": true
+    },
+    "eslint-scope": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
+      "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      }
+    },
+    "eslint-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "dev": true
+    },
+    "espree": {
+      "version": "9.5.2",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.2.tgz",
+      "integrity": "sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.8.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.8.2",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+          "dev": true
+        }
+      }
+    },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
+    },
+    "esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.1.0"
+      }
+    },
+    "esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.2.0"
+      }
+    },
+    "estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
+    },
+    "event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+    },
+    "events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
+    },
+    "expect": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-29.5.0.tgz",
+      "integrity": "sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==",
+      "dev": true,
+      "requires": {
+        "@jest/expect-utils": "^29.5.0",
+        "jest-get-type": "^29.4.3",
+        "jest-matcher-utils": "^29.5.0",
+        "jest-message-util": "^29.5.0",
+        "jest-util": "^29.5.0"
+      }
+    },
+    "external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+      "dev": true,
+      "requires": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      }
+    },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "fastq": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
+      "requires": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "fecha": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/fecha/-/fecha-4.2.3.tgz",
+      "integrity": "sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==",
+      "dev": true
+    },
+    "fetch-sparql-endpoint": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fetch-sparql-endpoint/-/fetch-sparql-endpoint-3.3.2.tgz",
+      "integrity": "sha512-O2VajOk7E0SPhV/2sPbwl9s7lFEVGlmSjGWsQaOuO8Y21KVZtJFSliYHWTI2sP5paYHwIL4x/mEqH+4Bft/aVw==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@types/readable-stream": "^2.3.11",
+        "@types/sparqljs": "^3.1.3",
+        "abort-controller": "^3.0.0",
+        "cross-fetch": "^3.0.6",
+        "is-stream": "^2.0.0",
+        "minimist": "^1.2.0",
+        "n3": "^1.6.3",
+        "rdf-string": "^1.6.0",
+        "readable-web-to-node-stream": "^3.0.2",
+        "sparqljs": "^3.1.2",
+        "sparqljson-parse": "^2.1.0",
+        "sparqlxml-parse": "^2.1.1",
+        "stream-to-string": "^1.1.0"
+      }
+    },
+    "figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+          "dev": true
+        }
+      }
+    },
+    "file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^3.0.4"
+      }
+    },
+    "filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dev": true,
+      "requires": {
+        "minimatch": "^5.0.1"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "minimatch": {
+          "version": "5.1.6",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+          "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
+    "find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      }
+    },
+    "flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "requires": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      }
+    },
+    "flatted": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
+      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+      "dev": true
+    },
+    "fn.name": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fn.name/-/fn.name-1.1.0.tgz",
+      "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==",
+      "dev": true
+    },
+    "for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "foreground-child": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
+      "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dev": true,
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "dev": true
+    },
+    "fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "optional": true
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+    },
+    "function.prototype.name": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
+      "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.19.0",
+        "functions-have-names": "^1.2.2"
+      }
+    },
+    "functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
+      "dev": true
+    },
+    "functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true
+    },
+    "gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true
+    },
+    "get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true
+    },
+    "get-func-name": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
+      "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
+      "dev": true
+    },
+    "get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "requires": {
+        "pump": "^3.0.0"
+      }
+    },
+    "get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "requires": {
+        "is-glob": "^4.0.3"
+      }
+    },
+    "globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
+    },
+    "globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3"
+      }
+    },
+    "gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "got": {
+      "version": "11.8.6",
+      "resolved": "https://registry.npmjs.org/got/-/got-11.8.6.tgz",
+      "integrity": "sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==",
+      "dev": true,
+      "requires": {
+        "@sindresorhus/is": "^4.0.0",
+        "@szmarczak/http-timer": "^4.0.5",
+        "@types/cacheable-request": "^6.0.1",
+        "@types/responselike": "^1.0.0",
+        "cacheable-lookup": "^5.0.3",
+        "cacheable-request": "^7.0.2",
+        "decompress-response": "^6.0.0",
+        "http2-wrapper": "^1.0.0-beta.5.2",
+        "lowercase-keys": "^2.0.0",
+        "p-cancelable": "^2.0.0",
+        "responselike": "^2.0.0"
+      },
+      "dependencies": {
+        "cacheable-lookup": {
+          "version": "5.0.4",
+          "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
+          "integrity": "sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==",
+          "dev": true
+        }
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "graphql": {
+      "version": "15.8.0",
+      "resolved": "https://registry.npmjs.org/graphql/-/graphql-15.8.0.tgz",
+      "integrity": "sha512-5gghUc24tP9HRznNpV2+FIoq3xKkj5dTQqf4v0CpdPbFVwFkWoxOM+o+2OC9ZSvjEMTjfmG9QT+gcvggTwW1zw==",
+      "dev": true
+    },
+    "graphql-to-sparql": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/graphql-to-sparql/-/graphql-to-sparql-3.0.1.tgz",
+      "integrity": "sha512-A+RwB99o66CUj+XuqtP/u3P7fGS/qF6P+/jhNl1BE/JZ2SCnkrODvV0LADuJeCDmPh45fDhq+GTDVoN1ZQHYFw==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "graphql": "^15.5.2",
+        "jsonld-context-parser": "^2.0.2",
+        "minimist": "^1.2.0",
+        "rdf-data-factory": "^1.1.0",
+        "sparqlalgebrajs": "^4.0.0"
+      }
+    },
+    "handlebars": {
+      "version": "4.7.7",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.7.tgz",
+      "integrity": "sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.0",
+        "source-map": "^0.6.1",
+        "uglify-js": "^3.1.4",
+        "wordwrap": "^1.0.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true
+    },
+    "has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true
+    },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true
+    },
+    "has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
+    "hash.js": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.1"
+      }
+    },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
+    "html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "requires": {
+        "whatwg-encoding": "^2.0.0"
+      }
+    },
+    "html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true
+    },
+    "htmlparser2": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.0.0.tgz",
+      "integrity": "sha512-uxbSI98wmFT/G4P2zXx4OVx04qWUmyFPrD2/CNepa2Zo3GPNaCaaxElDgwUrwYWkK1nr9fft0Ya8dws8coDLLQ==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.1.0",
+        "entities": "^4.5.0"
+      }
+    },
+    "http-assert": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/http-assert/-/http-assert-1.5.0.tgz",
+      "integrity": "sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==",
+      "dev": true,
+      "requires": {
+        "deep-equal": "~1.0.1",
+        "http-errors": "~1.8.0"
+      },
+      "dependencies": {
+        "deep-equal": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
+          "integrity": "sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==",
+          "dev": true
+        }
+      }
+    },
+    "http-cache-semantics": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dev": true,
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "dependencies": {
+        "depd": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+          "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+          "dev": true
+        }
+      }
+    },
+    "http-link-header": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/http-link-header/-/http-link-header-1.1.1.tgz",
+      "integrity": "sha512-mW3N/rTYpCn99s1do0zx6nzFZSwLH9HGfUM4ZqLWJ16ylmYaC2v5eYGqrNTQlByx8AzUgGI+V/32gXPugs1+Sw=="
+    },
+    "http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "dev": true,
+      "requires": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
+    "http2-wrapper": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-1.0.3.tgz",
+      "integrity": "sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==",
+      "dev": true,
+      "requires": {
+        "quick-lru": "^5.1.1",
+        "resolve-alpn": "^1.0.0"
+      }
+    },
+    "https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "requires": {
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+    },
+    "ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true
+    },
+    "immutable": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
+      "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==",
+      "dev": true
+    },
+    "import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "requires": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "inquirer": {
+      "version": "7.3.3",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
+      "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^3.0.0",
+        "external-editor": "^3.0.3",
+        "figures": "^3.0.0",
+        "lodash": "^4.17.19",
+        "mute-stream": "0.0.8",
+        "run-async": "^2.4.0",
+        "rxjs": "^6.6.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "through": "^2.3.6"
+      }
+    },
+    "internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      }
+    },
+    "ioredis": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.3.2.tgz",
+      "integrity": "sha512-1DKMMzlIHM02eBBVOFQ1+AolGjs6+xEcM4PDL7NqOS6szq7H9jSaEkIUH6/a5Hl241LzW6JLSiAbNvTQjUupUA==",
+      "dev": true,
+      "requires": {
+        "@ioredis/commands": "^1.1.1",
+        "cluster-key-slot": "^1.1.0",
+        "debug": "^4.3.4",
+        "denque": "^2.1.0",
+        "lodash.defaults": "^4.2.0",
+        "lodash.isarguments": "^3.1.0",
+        "redis-errors": "^1.2.0",
+        "redis-parser": "^3.0.0",
+        "standard-as-callback": "^2.1.0"
+      }
+    },
+    "is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+    },
+    "is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "requires": {
+        "has-bigints": "^1.0.1"
+      }
+    },
+    "is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true
+    },
+    "is-core-module": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true
+    },
+    "is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true
+    },
+    "is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true
+    },
+    "is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true
+    },
+    "is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true
+    },
+    "is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true
+    },
+    "is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true
+    },
+    "is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true
+    },
+    "is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
+    "is-typed-array": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz",
+      "integrity": "sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true
+    },
+    "is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "requires": {
+        "is-docker": "^2.0.0"
+      }
+    },
+    "isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "istanbul-lib-coverage": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
+      "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
+      "dev": true
+    },
+    "istanbul-lib-report": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+      "integrity": "sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==",
+      "dev": true,
+      "requires": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^3.0.0",
+        "supports-color": "^7.1.0"
+      }
+    },
+    "istanbul-reports": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
+      "integrity": "sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==",
+      "dev": true,
+      "requires": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      }
+    },
+    "jake": {
+      "version": "10.8.7",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz",
+      "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==",
+      "dev": true,
+      "requires": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      }
+    },
+    "jest-diff": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.5.0.tgz",
+      "integrity": "sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^29.4.3",
+        "jest-get-type": "^29.4.3",
+        "pretty-format": "^29.5.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "29.5.0",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
+          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
+          "dev": true,
+          "requires": {
+            "@jest/schemas": "^29.4.3",
+            "ansi-styles": "^5.0.0",
+            "react-is": "^18.0.0"
+          }
+        }
+      }
+    },
+    "jest-get-type": {
+      "version": "29.4.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz",
+      "integrity": "sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==",
+      "dev": true
+    },
+    "jest-matcher-utils": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz",
+      "integrity": "sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.0.0",
+        "jest-diff": "^29.5.0",
+        "jest-get-type": "^29.4.3",
+        "pretty-format": "^29.5.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "29.5.0",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
+          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
+          "dev": true,
+          "requires": {
+            "@jest/schemas": "^29.4.3",
+            "ansi-styles": "^5.0.0",
+            "react-is": "^18.0.0"
+          }
+        }
+      }
+    },
+    "jest-message-util": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.5.0.tgz",
+      "integrity": "sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^29.5.0",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.5.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "29.5.0",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
+          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
+          "dev": true,
+          "requires": {
+            "@jest/schemas": "^29.4.3",
+            "ansi-styles": "^5.0.0",
+            "react-is": "^18.0.0"
+          }
+        }
+      }
+    },
+    "jest-util": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.5.0.tgz",
+      "integrity": "sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==",
+      "dev": true,
+      "requires": {
+        "@jest/types": "^29.5.0",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      }
+    },
+    "jose": {
+      "version": "4.14.4",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz",
+      "integrity": "sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g=="
+    },
+    "js-string-escape": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/js-string-escape/-/js-string-escape-1.0.1.tgz",
+      "integrity": "sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "requires": {
+        "argparse": "^2.0.1"
+      }
+    },
+    "js2xmlparser": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/js2xmlparser/-/js2xmlparser-4.0.2.tgz",
+      "integrity": "sha512-6n4D8gLlLf1n5mNLQPRfViYzu9RATblzPEtm1SthMX1Pjao0r9YI9nw7ZIfRxQMERS87mcswrg+r/OYrPRX6jA==",
+      "dev": true,
+      "requires": {
+        "xmlcreate": "^2.0.4"
+      }
+    },
+    "jsdoc": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/jsdoc/-/jsdoc-4.0.2.tgz",
+      "integrity": "sha512-e8cIg2z62InH7azBBi3EsSEqrKx+nUtAS5bBcYTSpZFA+vhNPyhv8PTFZ0WsjOPDj04/dOLlm08EDcQJDqaGQg==",
+      "dev": true,
+      "requires": {
+        "@babel/parser": "^7.20.15",
+        "@jsdoc/salty": "^0.2.1",
+        "@types/markdown-it": "^12.2.3",
+        "bluebird": "^3.7.2",
+        "catharsis": "^0.9.0",
+        "escape-string-regexp": "^2.0.0",
+        "js2xmlparser": "^4.0.2",
+        "klaw": "^3.0.0",
+        "markdown-it": "^12.3.2",
+        "markdown-it-anchor": "^8.4.1",
+        "marked": "^4.0.10",
+        "mkdirp": "^1.0.4",
+        "requizzle": "^0.2.3",
+        "strip-json-comments": "^3.1.0",
+        "underscore": "~1.13.2"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+          "dev": true
+        }
+      }
+    },
+    "jsdoc-tsimport-plugin": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/jsdoc-tsimport-plugin/-/jsdoc-tsimport-plugin-1.0.5.tgz",
+      "integrity": "sha512-6mvyF+tXdanf3zxEumTF9Uf/sXGlANP+XohSuiJiOVVWPGxi+3f2a2sy5Ew3W+0PMYUkcGYNxfYd5mMZsIHQpg==",
+      "dev": true
+    },
+    "jsdoc-type-pratt-parser": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.0.0.tgz",
+      "integrity": "sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==",
+      "dev": true
+    },
+    "jsdom": {
+      "version": "22.1.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
+      "integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
+      "dev": true,
+      "requires": {
+        "abab": "^2.0.6",
+        "cssstyle": "^3.0.0",
+        "data-urls": "^4.0.0",
+        "decimal.js": "^10.4.3",
+        "domexception": "^4.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.4",
+        "parse5": "^7.1.2",
+        "rrweb-cssom": "^0.6.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.2",
+        "w3c-xmlserializer": "^4.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^12.0.1",
+        "ws": "^8.13.0",
+        "xml-name-validator": "^4.0.0"
+      }
+    },
+    "jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA=="
+    },
+    "json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true
+    },
+    "jsonc-parser": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
+      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+      "dev": true
+    },
+    "jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.6",
+        "universalify": "^2.0.0"
+      }
+    },
+    "jsonld-context-parser": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/jsonld-context-parser/-/jsonld-context-parser-2.3.0.tgz",
+      "integrity": "sha512-c6w2GE57O26eWFjcPX6k6G86ootsIfpuVwhZKjCll0bVoDGBxr1P4OuU+yvgfnh1GJhAGErolfC7W1BklLjWMg==",
+      "requires": {
+        "@types/http-link-header": "^1.0.1",
+        "@types/node": "^18.0.0",
+        "canonicalize": "^1.0.1",
+        "cross-fetch": "^3.0.6",
+        "http-link-header": "^1.0.2",
+        "relative-to-absolute-iri": "^1.0.5"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "18.16.16",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.16.16.tgz",
+          "integrity": "sha512-NpaM49IGQQAUlBhHMF82QH80J08os4ZmyF9MkpCzWAGuOHqE4gTEbhzd7L3l5LmWuZ6E0OiC1FweQ4tsiW35+g=="
+        },
+        "canonicalize": {
+          "version": "1.0.8",
+          "resolved": "https://registry.npmjs.org/canonicalize/-/canonicalize-1.0.8.tgz",
+          "integrity": "sha512-0CNTVCLZggSh7bc5VkX5WWPWO+cyZbNd07IHIsSXLia/eAq+r836hgk+8BKoEh7949Mda87VUOitx5OddVj64A=="
+        }
+      }
+    },
+    "jsonld-streaming-parser": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/jsonld-streaming-parser/-/jsonld-streaming-parser-3.2.0.tgz",
+      "integrity": "sha512-lJR1SCT364PGpFrOQaY+ZQ7qDWqqiT3IMK+AvZ83fo0LvltFn8/UyXvIFc3RO7YcaEjLahAF0otCi8vOq21NtQ==",
+      "requires": {
+        "@bergos/jsonparse": "^1.4.0",
+        "@rdfjs/types": "*",
+        "@types/http-link-header": "^1.0.1",
+        "@types/readable-stream": "^2.3.13",
+        "buffer": "^6.0.3",
+        "canonicalize": "^1.0.1",
+        "http-link-header": "^1.0.2",
+        "jsonld-context-parser": "^2.3.0",
+        "rdf-data-factory": "^1.1.0",
+        "readable-stream": "^4.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        },
+        "canonicalize": {
+          "version": "1.0.8",
+          "resolved": "https://registry.npmjs.org/canonicalize/-/canonicalize-1.0.8.tgz",
+          "integrity": "sha512-0CNTVCLZggSh7bc5VkX5WWPWO+cyZbNd07IHIsSXLia/eAq+r836hgk+8BKoEh7949Mda87VUOitx5OddVj64A=="
+        }
+      }
+    },
+    "jsonld-streaming-serializer": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/jsonld-streaming-serializer/-/jsonld-streaming-serializer-2.1.0.tgz",
+      "integrity": "sha512-COHdLoeMTnrqHMoFhN3PoAwqnrKrpPC7/ACb0WbELYvt+HSOIFN3v4IJP7fOtLNQ4GeaeYkvbeWJ7Jo4EjxMDw==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@types/readable-stream": "^2.3.13",
+        "buffer": "^6.0.3",
+        "jsonld-context-parser": "^2.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        }
+      }
+    },
+    "jsx-ast-utils": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.5",
+        "object.assign": "^4.1.3"
+      }
+    },
+    "keygrip": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
+      "integrity": "sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==",
+      "dev": true,
+      "requires": {
+        "tsscmp": "1.0.6"
+      }
+    },
+    "keyv": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.2.tgz",
+      "integrity": "sha512-5MHbFaKn8cNSmVW7BYnijeAVlE4cYA/SVkifVgrh7yotnfhKmjuXpDKjrABLnT0SfHWV21P8ow07OGfRrNDg8g==",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "klaw": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/klaw/-/klaw-3.0.0.tgz",
+      "integrity": "sha512-0Fo5oir+O9jnXu5EefYbVK+mHMBeEVEy2cmctR1O1NECcCkPRreJKrS6Qt/j3KC2C148Dfo9i3pCmCMsdqGr0g==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.9"
+      }
+    },
+    "koa": {
+      "version": "2.14.2",
+      "resolved": "https://registry.npmjs.org/koa/-/koa-2.14.2.tgz",
+      "integrity": "sha512-VFI2bpJaodz6P7x2uyLiX6RLYpZmOJqNmoCst/Yyd7hQlszyPwG/I9CQJ63nOtKSxpt5M7NH67V6nJL2BwCl7g==",
+      "dev": true,
+      "requires": {
+        "accepts": "^1.3.5",
+        "cache-content-type": "^1.0.0",
+        "content-disposition": "~0.5.2",
+        "content-type": "^1.0.4",
+        "cookies": "~0.8.0",
+        "debug": "^4.3.2",
+        "delegates": "^1.0.0",
+        "depd": "^2.0.0",
+        "destroy": "^1.0.4",
+        "encodeurl": "^1.0.2",
+        "escape-html": "^1.0.3",
+        "fresh": "~0.5.2",
+        "http-assert": "^1.3.0",
+        "http-errors": "^1.6.3",
+        "is-generator-function": "^1.0.7",
+        "koa-compose": "^4.1.0",
+        "koa-convert": "^2.0.0",
+        "on-finished": "^2.3.0",
+        "only": "~0.0.2",
+        "parseurl": "^1.3.2",
+        "statuses": "^1.5.0",
+        "type-is": "^1.6.16",
+        "vary": "^1.1.2"
+      }
+    },
+    "koa-compose": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/koa-compose/-/koa-compose-4.1.0.tgz",
+      "integrity": "sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw==",
+      "dev": true
+    },
+    "koa-convert": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/koa-convert/-/koa-convert-2.0.0.tgz",
+      "integrity": "sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==",
+      "dev": true,
+      "requires": {
+        "co": "^4.6.0",
+        "koa-compose": "^4.1.0"
+      }
+    },
+    "kuler": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/kuler/-/kuler-2.0.0.tgz",
+      "integrity": "sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==",
+      "dev": true
+    },
+    "language-subtag-registry": {
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
+      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
+      "dev": true
+    },
+    "language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==",
+      "dev": true,
+      "requires": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
+    "levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      }
+    },
+    "lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+    },
+    "linkify-it": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-3.0.3.tgz",
+      "integrity": "sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==",
+      "dev": true,
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "local-pkg": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
+      "dev": true
+    },
+    "locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^5.0.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
+    },
+    "lodash.defaults": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
+      "integrity": "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==",
+      "dev": true
+    },
+    "lodash.isarguments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
+      "integrity": "sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==",
+      "dev": true
+    },
+    "lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "lodash.orderby": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.orderby/-/lodash.orderby-4.6.0.tgz",
+      "integrity": "sha512-T0rZxKmghOOf5YPnn8EY5iLYeWCpZq8G41FfqoVHH5QDTAFaghJRmAdLiadEDq+ztgM2q5PjA+Z1fOwGrLgmtg==",
+      "dev": true
+    },
+    "logform": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/logform/-/logform-2.5.1.tgz",
+      "integrity": "sha512-9FyqAm9o9NKKfiAKfZoYo9bGXXuwMkxQiQttkT4YjjVtQVIQtK6LmVtlxmCaFswo6N4AfEkHqZTV0taDtPotNg==",
+      "dev": true,
+      "requires": {
+        "@colors/colors": "1.5.0",
+        "@types/triple-beam": "^1.3.2",
+        "fecha": "^4.2.0",
+        "ms": "^2.1.1",
+        "safe-stable-stringify": "^2.3.1",
+        "triple-beam": "^1.3.0"
+      }
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "loupe": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
+      "integrity": "sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==",
+      "dev": true,
+      "requires": {
+        "get-func-name": "^2.0.0"
+      }
+    },
+    "lowercase-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+      "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+      "dev": true
+    },
+    "lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true
+    },
+    "lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true
+    },
+    "magic-string": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      }
+    },
+    "make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "requires": {
+        "semver": "^6.0.0"
+      }
+    },
+    "markdown-it": {
+      "version": "12.3.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.3.2.tgz",
+      "integrity": "sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==",
+      "dev": true,
+      "requires": {
+        "argparse": "^2.0.1",
+        "entities": "~2.1.0",
+        "linkify-it": "^3.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
+          "integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==",
+          "dev": true
+        }
+      }
+    },
+    "markdown-it-anchor": {
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-8.6.7.tgz",
+      "integrity": "sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==",
+      "dev": true,
+      "requires": {}
+    },
+    "marked": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz",
+      "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==",
+      "dev": true
+    },
+    "md5-hex": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/md5-hex/-/md5-hex-3.0.1.tgz",
+      "integrity": "sha512-BUiRtTtV39LIJwinWBjqVsU9xhdnz7/i889V859IBFpuqGAj6LuOvHv5XLbgZ2R7ptJoJaEcxkv88/h25T7Ciw==",
+      "dev": true,
+      "requires": {
+        "blueimp-md5": "^2.10.0"
+      }
+    },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
+      "dev": true
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true
+    },
+    "microdata-rdf-streaming-parser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/microdata-rdf-streaming-parser/-/microdata-rdf-streaming-parser-2.0.1.tgz",
+      "integrity": "sha512-oEEYP3OwPGOtoE4eIyJvX1eJXI7VkGR4gKYqpEufaRXc2ele/Tkid/KMU3Los13wGrOq6woSxLEGOYSHzpRvwA==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "htmlparser2": "^8.0.0",
+        "rdf-data-factory": "^1.1.0",
+        "readable-stream": "^4.1.0",
+        "relative-to-absolute-iri": "^1.0.2"
+      },
+      "dependencies": {
+        "htmlparser2": {
+          "version": "8.0.2",
+          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
+          "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.3",
+            "domutils": "^3.0.1",
+            "entities": "^4.4.0"
+          }
+        }
+      }
+    },
+    "micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "requires": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      }
+    },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
+    "mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true
+    },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true
+    },
+    "minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true
+    },
+    "mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true
+    },
+    "mlly": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.3.0.tgz",
+      "integrity": "sha512-HT5mcgIQKkOrZecOjOX3DJorTikWXwsBfpcr/MGBkhfWcjiqvnaL/9ppxvIUXfjT6xt4DVIAsN9fMUz1ev4bIw==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.8.2",
+        "pathe": "^1.1.0",
+        "pkg-types": "^1.0.3",
+        "ufo": "^1.1.2"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.8.2",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+          "dev": true
+        }
+      }
+    },
+    "ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "mute-stream": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+      "dev": true
+    },
+    "n3": {
+      "version": "1.16.4",
+      "resolved": "https://registry.npmjs.org/n3/-/n3-1.16.4.tgz",
+      "integrity": "sha512-jtC53efM5/q4BYC3qBnegn1MJDKXHH9PEd6gVDNpIicbgXS6gkANz4DdI0jt4aLvza1xSjCcni33riXWvfoEdw==",
+      "requires": {
+        "queue-microtask": "^1.1.2",
+        "readable-stream": "^4.0.0"
+      }
+    },
+    "nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "dev": true
+    },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "negotiate": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/negotiate/-/negotiate-1.0.1.tgz",
+      "integrity": "sha512-KBCIM4dAIT9j/pSXLHHQbZG74NmKNXTtxU2zHN0HG6uzzuFE01m1UdGoUmVHmACiBuCAOL7KwfqSW1oUQBj/vg==",
+      "dev": true
+    },
+    "negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true
+    },
+    "neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true
+    },
+    "nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true
+    },
+    "node-fetch": {
+      "version": "2.6.11",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.11.tgz",
+      "integrity": "sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==",
+      "requires": {
+        "whatwg-url": "^5.0.0"
+      },
+      "dependencies": {
+        "tr46": {
+          "version": "0.0.3",
+          "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+          "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+        },
+        "webidl-conversions": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+          "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+        },
+        "whatwg-url": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+          "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+          "requires": {
+            "tr46": "~0.0.3",
+            "webidl-conversions": "^3.0.0"
+          }
+        }
+      }
+    },
+    "node-releases": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
+      "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==",
+      "dev": true
+    },
+    "nodemailer": {
+      "version": "6.9.3",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.3.tgz",
+      "integrity": "sha512-fy9v3NgTzBngrMFkDsKEj0r02U7jm6XfC3b52eoNV+GCrGj+s8pt5OqhiJdWKuw51zCTdiNR/IUD1z33LIIGpg==",
+      "dev": true
+    },
+    "normalize-url": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
+      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
+      "dev": true
+    },
+    "nwsapi": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.5.tgz",
+      "integrity": "sha512-6xpotnECFy/og7tKSBVmUNft7J3jyXAka4XvG6AUhFWRz+Q/Ljus7znJAA3bxColfQLdS+XsjoodtJfCgeTEFQ==",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
+    },
+    "object-hash": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
+      "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
+      "dev": true
+    },
+    "object-inspect": {
+      "version": "1.12.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+      "dev": true
+    },
+    "object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true
+    },
+    "object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "object.entries": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
+      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      }
+    },
+    "object.fromentries": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz",
+      "integrity": "sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      }
+    },
+    "object.hasown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      }
+    },
+    "object.values": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz",
+      "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      }
+    },
+    "oidc-provider": {
+      "version": "7.10.6",
+      "resolved": "https://registry.npmjs.org/oidc-provider/-/oidc-provider-7.10.6.tgz",
+      "integrity": "sha512-7fbnormUyTLP34dmR5WXoJtTWtfj6MsFNzIMKVRKv21e18NIXggn14EBUFC5rrMMtmeExb03+lJI/v+opD+0oQ==",
+      "dev": true,
+      "requires": {
+        "@koa/cors": "^3.1.0",
+        "cacheable-lookup": "^6.0.1",
+        "debug": "^4.3.2",
+        "ejs": "^3.1.6",
+        "got": "^11.8.2",
+        "jose": "^4.1.4",
+        "jsesc": "^3.0.2",
+        "koa": "^2.13.3",
+        "koa-compose": "^4.1.0",
+        "nanoid": "^3.1.28",
+        "object-hash": "^2.2.0",
+        "oidc-token-hash": "^5.0.1",
+        "paseto2": "npm:paseto@^2.1.3",
+        "paseto3": "npm:paseto@^3.0.0",
+        "quick-lru": "^5.1.1",
+        "raw-body": "^2.4.1"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+          "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+          "dev": true
+        }
+      }
+    },
+    "oidc-token-hash": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.3.tgz",
+      "integrity": "sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==",
+      "dev": true
+    },
+    "on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "one-time": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/one-time/-/one-time-1.0.0.tgz",
+      "integrity": "sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==",
+      "dev": true,
+      "requires": {
+        "fn.name": "1.x.x"
+      }
+    },
+    "onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
+    "only": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/only/-/only-0.0.2.tgz",
+      "integrity": "sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ==",
+      "dev": true
+    },
+    "open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "requires": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      }
+    },
+    "optionator": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
+      "requires": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.3"
+      }
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+      "dev": true
+    },
+    "p-cancelable": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz",
+      "integrity": "sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==",
+      "dev": true
+    },
+    "p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "requires": {
+        "yocto-queue": "^0.1.0"
+      }
+    },
+    "p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^3.0.2"
+      }
+    },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "requires": {
+        "callsites": "^3.0.0"
+      }
+    },
+    "parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      }
+    },
+    "parse5": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+      "dev": true,
+      "requires": {
+        "entities": "^4.4.0"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true
+    },
+    "paseto2": {
+      "version": "npm:paseto@2.1.3",
+      "resolved": "https://registry.npmjs.org/paseto/-/paseto-2.1.3.tgz",
+      "integrity": "sha512-BNkbvr0ZFDbh3oV13QzT5jXIu8xpFc9r0o5mvWBhDU1GBkVt1IzHK1N6dcYmN7XImrUmPQ0HCUXmoe2WPo8xsg==",
+      "dev": true
+    },
+    "paseto3": {
+      "version": "npm:paseto@3.1.4",
+      "resolved": "https://registry.npmjs.org/paseto/-/paseto-3.1.4.tgz",
+      "integrity": "sha512-BifaKKu+MS9b/vTgFMC6Q8uLUMqw8VtYgl4qODJWb6Jqt+dTKn8XH9EftJZx+6wxF4ELBbKdH33DZa4inMYVcg==",
+      "dev": true,
+      "optional": true
+    },
+    "path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true
+    },
+    "path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
+    },
+    "pathe": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
+      "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
+      "dev": true
+    },
+    "pathval": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
+      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
+      "dev": true
+    },
+    "picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+    },
+    "pkg-types": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
+      "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
+      "dev": true,
+      "requires": {
+        "jsonc-parser": "^3.2.0",
+        "mlly": "^1.2.0",
+        "pathe": "^1.1.0"
+      }
+    },
+    "postcss": {
+      "version": "8.4.24",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz",
+      "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
+      "dev": true,
+      "requires": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true
+    },
+    "prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "dev": true
+    },
+    "prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "requires": {
+        "fast-diff": "^1.1.2"
+      }
+    },
+    "pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+          "dev": true
+        },
+        "react-is": {
+          "version": "17.0.2",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+          "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+          "dev": true
+        }
+      }
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="
+    },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
+    },
+    "promise-polyfill": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-1.1.6.tgz",
+      "integrity": "sha512-7rrONfyLkDEc7OJ5QBkqa4KI4EBhCd340xRuIUPGCfu13znS+vx+VDdrT9ODAJHlXm7w4lbxN3DRjyv58EuzDg==",
+      "dev": true
+    },
+    "prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
+    "proper-lockfile": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
+      "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.4",
+        "retry": "^0.12.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "psl": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
+      "dev": true
+    },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "dev": true
+    },
+    "querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "dev": true
+    },
+    "queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
+    },
+    "quick-lru": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
+      "dev": true
+    },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "http-errors": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+          "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+          "dev": true,
+          "requires": {
+            "depd": "2.0.0",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.2.0",
+            "statuses": "2.0.1",
+            "toidentifier": "1.0.1"
+          }
+        },
+        "statuses": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+          "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+          "dev": true
+        }
+      }
+    },
+    "rdf-data-factory": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/rdf-data-factory/-/rdf-data-factory-1.1.1.tgz",
+      "integrity": "sha512-0HoLx7lbBlNd2YTmNKin0txgiYmAV56eVU823at8cG2+iD0Ia5kcRNDpzZy6I/HCtFTymHvTfdhHTzm3ak3Jpw==",
+      "requires": {
+        "@rdfjs/types": "*"
+      }
+    },
+    "rdf-dereference": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/rdf-dereference/-/rdf-dereference-2.1.0.tgz",
+      "integrity": "sha512-1ZUgruR9mkFC+sbn8qWTDVEL+NgU6MUS4Fp4c0ykZFPizopwvtBqr2Z8IJr579HGFY7HBZIfgljNXMqFls+PHQ==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-dereference-fallback": "^2.0.2",
+        "@comunica/actor-dereference-file": "^2.0.2",
+        "@comunica/actor-dereference-http": "^2.0.2",
+        "@comunica/actor-dereference-rdf-parse": "^2.6.0",
+        "@comunica/actor-http-fetch": "^2.0.1",
+        "@comunica/actor-http-proxy": "^2.0.1",
+        "@comunica/actor-rdf-parse-html": "^2.0.1",
+        "@comunica/actor-rdf-parse-html-microdata": "^2.0.1",
+        "@comunica/actor-rdf-parse-html-rdfa": "^2.0.1",
+        "@comunica/actor-rdf-parse-html-script": "^2.0.1",
+        "@comunica/actor-rdf-parse-jsonld": "^2.0.1",
+        "@comunica/actor-rdf-parse-n3": "^2.0.1",
+        "@comunica/actor-rdf-parse-rdfxml": "^2.0.1",
+        "@comunica/actor-rdf-parse-shaclc": "^2.6.0",
+        "@comunica/actor-rdf-parse-xml-rdfa": "^2.0.1",
+        "@comunica/bus-dereference": "^2.0.2",
+        "@comunica/bus-dereference-rdf": "^2.0.2",
+        "@comunica/bus-http": "^2.0.1",
+        "@comunica/bus-init": "^2.0.1",
+        "@comunica/bus-rdf-parse": "^2.0.1",
+        "@comunica/bus-rdf-parse-html": "^2.0.1",
+        "@comunica/config-query-sparql": "^2.0.1",
+        "@comunica/core": "^2.0.1",
+        "@comunica/mediator-combine-pipeline": "^2.0.1",
+        "@comunica/mediator-combine-union": "^2.0.1",
+        "@comunica/mediator-number": "^2.0.1",
+        "@comunica/mediator-race": "^2.0.1",
+        "@rdfjs/types": "*",
+        "rdf-string": "^1.6.0",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "rdf-isomorphic": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/rdf-isomorphic/-/rdf-isomorphic-1.3.1.tgz",
+      "integrity": "sha512-6uIhsXTVp2AtO6f41PdnRV5xZsa0zVZQDTBdn0br+DZuFf5M/YD+T6m8hKDUnALI6nFL/IujTMLgEs20MlNidQ==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "hash.js": "^1.1.7",
+        "rdf-string": "^1.6.0",
+        "rdf-terms": "^1.7.0"
+      }
+    },
+    "rdf-js": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/rdf-js/-/rdf-js-4.0.2.tgz",
+      "integrity": "sha512-ApvlFa/WsQh8LpPK/6hctQwG06Z9ztQQGWVtrcrf9L6+sejHNXLPOqL+w7q3hF+iL0C4sv3AX1PUtGkLNzyZ0Q==",
+      "requires": {
+        "@rdfjs/types": "*"
+      }
+    },
+    "rdf-literal": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/rdf-literal/-/rdf-literal-1.3.1.tgz",
+      "integrity": "sha512-+o/PGOfJchyay9Rjrvi/oveRJACnt2WFO3LhEvtPlsRD1tFmwVUCMU+s33FtQprMo+z1ohFrv/yfEQ6Eym4KgQ==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.0"
+      }
+    },
+    "rdf-object": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/rdf-object/-/rdf-object-1.14.0.tgz",
+      "integrity": "sha512-/KSUWr7onDtL7d81kOpcUzJ2vHYOYJc2KU9WzBZRYydBhK0Sksh5Hg4VCQNaxUEvYEgdrrTuq9SLpOOCmag0rQ==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "jsonld-context-parser": "^2.0.2",
+        "rdf-data-factory": "^1.1.0",
+        "rdf-string": "^1.6.0",
+        "streamify-array": "^1.0.1"
+      }
+    },
+    "rdf-parse": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/rdf-parse/-/rdf-parse-2.3.2.tgz",
+      "integrity": "sha512-TOeI7FKlyr/GupfGaXZvpMLzvByOrtwt4zHLMuuy3deNGse9QyhHsspVraZam491sIgBogdchzcUqkf2WXnAsg==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-http-fetch": "^2.0.1",
+        "@comunica/actor-http-proxy": "^2.0.1",
+        "@comunica/actor-rdf-parse-html": "^2.0.1",
+        "@comunica/actor-rdf-parse-html-microdata": "^2.0.1",
+        "@comunica/actor-rdf-parse-html-rdfa": "^2.0.1",
+        "@comunica/actor-rdf-parse-html-script": "^2.0.1",
+        "@comunica/actor-rdf-parse-jsonld": "^2.0.1",
+        "@comunica/actor-rdf-parse-n3": "^2.0.1",
+        "@comunica/actor-rdf-parse-rdfxml": "^2.0.1",
+        "@comunica/actor-rdf-parse-shaclc": "^2.6.2",
+        "@comunica/actor-rdf-parse-xml-rdfa": "^2.0.1",
+        "@comunica/bus-http": "^2.0.1",
+        "@comunica/bus-init": "^2.0.1",
+        "@comunica/bus-rdf-parse": "^2.0.1",
+        "@comunica/bus-rdf-parse-html": "^2.0.1",
+        "@comunica/config-query-sparql": "^2.0.1",
+        "@comunica/core": "^2.0.1",
+        "@comunica/mediator-combine-pipeline": "^2.0.1",
+        "@comunica/mediator-combine-union": "^2.0.1",
+        "@comunica/mediator-number": "^2.0.1",
+        "@comunica/mediator-race": "^2.0.1",
+        "@rdfjs/types": "*",
+        "readable-stream": "^4.3.0",
+        "stream-to-string": "^1.2.0"
+      }
+    },
+    "rdf-quad": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/rdf-quad/-/rdf-quad-1.5.0.tgz",
+      "integrity": "sha512-LnCYx8XbRVW1wr6UiZPSy2Tv7bXAtEwuyck/68dANhFu8VMnGS+QfUNP3b9YI6p4Bfd/fyDx5E3x81IxGV6BzA==",
+      "dev": true,
+      "requires": {
+        "rdf-data-factory": "^1.0.1",
+        "rdf-literal": "^1.2.0",
+        "rdf-string": "^1.5.0"
+      }
+    },
+    "rdf-serialize": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/rdf-serialize/-/rdf-serialize-2.2.2.tgz",
+      "integrity": "sha512-zzWQMMMmDzocuFLEOcdz8U5AxbdjBvknwFEHXCyw2lklcEjd2OtsvD5NgWQc+zbsWZKxewvDYEXuzhkNAHRv1g==",
+      "dev": true,
+      "requires": {
+        "@comunica/actor-rdf-serialize-jsonld": "^2.6.6",
+        "@comunica/actor-rdf-serialize-n3": "^2.6.6",
+        "@comunica/actor-rdf-serialize-shaclc": "^2.6.0",
+        "@comunica/bus-init": "^2.0.1",
+        "@comunica/bus-rdf-serialize": "^2.0.1",
+        "@comunica/config-query-sparql": "^2.0.1",
+        "@comunica/core": "^2.0.1",
+        "@comunica/mediator-combine-pipeline": "^2.0.1",
+        "@comunica/mediator-combine-union": "^2.0.1",
+        "@comunica/mediator-race": "^2.0.1",
+        "@rdfjs/types": "*",
+        "readable-stream": "^4.3.0",
+        "stream-to-string": "^1.1.0"
+      }
+    },
+    "rdf-store-stream": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/rdf-store-stream/-/rdf-store-stream-1.3.1.tgz",
+      "integrity": "sha512-+cpnGKJMwFbCa/L0fogSMrNA95P+T2tSoWWXj94IdGN2UdYu+oQpaP7vav5wGenWQ1J9/nQu6Sy0m+stNfAZFw==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "n3": "^1.11.1"
+      }
+    },
+    "rdf-streaming-store": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/rdf-streaming-store/-/rdf-streaming-store-1.1.0.tgz",
+      "integrity": "sha512-C/5NTKGpKrNJ5VUo42DtGFsXYDlP3rx/u4C6gEBuSn+6eVFahjFdUDgNGcPtVyhCQkctRCj3GT1lX9UeyoXWtw==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@types/n3": "^1.10.4",
+        "@types/readable-stream": "^2.3.15",
+        "n3": "^1.16.3",
+        "rdf-string": "^1.6.2",
+        "rdf-terms": "^1.9.1",
+        "readable-stream": "^4.3.0"
+      }
+    },
+    "rdf-string": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/rdf-string/-/rdf-string-1.6.3.tgz",
+      "integrity": "sha512-HIVwQ2gOqf+ObsCLSUAGFZMIl3rh9uGcRf1KbM85UDhKqP+hy6qj7Vz8FKt3GA54RiThqK3mNcr66dm1LP0+6g==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.0"
+      }
+    },
+    "rdf-string-ttl": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/rdf-string-ttl/-/rdf-string-ttl-1.3.2.tgz",
+      "integrity": "sha512-yqolaVoUvTaSC5aaQuMcB4BL54G/pCGsV4jQH87f0TvAx8zHZG0koh7XWrjva/IPGcVb1QTtaeEdfda5mcddJg==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.0"
+      }
+    },
+    "rdf-terms": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/rdf-terms/-/rdf-terms-1.9.1.tgz",
+      "integrity": "sha512-GrE8CbQSvuVEFRCywMu6VOgV1AFE6X+nFYcAhEc5pwYKI13bUvz4voiVufQiy3V8rzQKu21Sgl+dS2qcJavy7w==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "rdf-data-factory": "^1.1.0",
+        "rdf-string": "^1.6.0"
+      }
+    },
+    "rdfa-streaming-parser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/rdfa-streaming-parser/-/rdfa-streaming-parser-2.0.1.tgz",
+      "integrity": "sha512-7Yyaj030LO7iQ38Wh/RNLVeYrVFJeyx3dpCK7C1nvX55eIN/gE4HWfbg4BYI9X7Bd+eUIUMVeiKYLmYjV6apow==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "htmlparser2": "^8.0.0",
+        "rdf-data-factory": "^1.1.0",
+        "readable-stream": "^4.0.0",
+        "relative-to-absolute-iri": "^1.0.2"
+      },
+      "dependencies": {
+        "htmlparser2": {
+          "version": "8.0.2",
+          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
+          "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.3",
+            "domutils": "^3.0.1",
+            "entities": "^4.4.0"
+          }
+        }
+      }
+    },
+    "rdfxml-streaming-parser": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/rdfxml-streaming-parser/-/rdfxml-streaming-parser-2.2.3.tgz",
+      "integrity": "sha512-HoH8urnga+YQ5sDY9ufRb0wg6FvwR284sSXpZ+fJE5X5Oej6dfzkFer81uBNZzyNmzJR1TpMYMznyXEjPMLhCA==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@rubensworks/saxes": "^6.0.1",
+        "@types/readable-stream": "^2.3.13",
+        "buffer": "^6.0.3",
+        "rdf-data-factory": "^1.1.0",
+        "readable-stream": "^4.0.0",
+        "relative-to-absolute-iri": "^1.0.0",
+        "validate-iri": "^1.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        }
+      }
+    },
+    "react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      }
+    },
+    "react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "react-paginate": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/react-paginate/-/react-paginate-8.2.0.tgz",
+      "integrity": "sha512-sJCz1PW+9PNIjUSn919nlcRVuleN2YPoFBOvL+6TPgrH/3lwphqiSOgdrLafLdyLDxsgK+oSgviqacF4hxsDIw==",
+      "requires": {
+        "prop-types": "^15"
+      }
+    },
+    "react-refresh": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
+      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
+      "dev": true
+    },
+    "react-router": {
+      "version": "6.12.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.12.0.tgz",
+      "integrity": "sha512-/tCGtLq9umxRvbYeIx3j94CmpQfue0E3qnetVm9luKhu58cR4t+3O4ZrQXBdXfJrBATOAj+wF/1ihJJQI8AoTw==",
+      "requires": {
+        "@remix-run/router": "1.6.3"
+      }
+    },
+    "react-router-dom": {
+      "version": "6.12.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.12.0.tgz",
+      "integrity": "sha512-UzLwZ3ZVaDr6YV0HdjwxuwtDKgwpJx9o1ea9fU0HV4tTvzdB8WPHzlLFMo5orchpIS84e8G4Erlhu7Rl84XDFQ==",
+      "requires": {
+        "@remix-run/router": "1.6.3",
+        "react-router": "6.12.0"
+      }
+    },
+    "react-table": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/react-table/-/react-table-7.8.0.tgz",
+      "integrity": "sha512-hNaz4ygkZO4bESeFfnfOft73iBUj8K5oKi1EcSHPAibEydfsX2MyU6Z8KCr3mv3C9Kqqh71U+DhZkFvibbnPbA==",
+      "requires": {}
+    },
+    "react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      }
+    },
+    "readable-stream": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.0.tgz",
+      "integrity": "sha512-kDMOq0qLtxV9f/SQv522h8cxZBqNZXuXNyjyezmfAAuribMyVXziljpQ/uQhfE1XLg2/TLTW2DsnoE4VAi/krg==",
+      "requires": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        }
+      }
+    },
+    "readable-stream-node-to-web": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/readable-stream-node-to-web/-/readable-stream-node-to-web-1.0.1.tgz",
+      "integrity": "sha512-OGzi2VKLa8H259kAx7BIwuRrXHGcxeHj4RdASSgEGBP9Q2wowdPvBc65upF4Q9O05qWgKqBw1+9PiLTtObl7uQ==",
+      "dev": true
+    },
+    "readable-web-to-node-stream": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/readable-web-to-node-stream/-/readable-web-to-node-stream-3.0.2.tgz",
+      "integrity": "sha512-ePeK6cc1EcKLEhJFt/AebMCLL+GgSKhuygrZ/GLaKZYEecIgIECf4UaUuaByiGtzckwR4ain9VzUh95T1exYGw==",
+      "dev": true,
+      "requires": {
+        "readable-stream": "^3.6.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "redis-errors": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/redis-errors/-/redis-errors-1.2.0.tgz",
+      "integrity": "sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==",
+      "dev": true
+    },
+    "redis-parser": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redis-parser/-/redis-parser-3.0.0.tgz",
+      "integrity": "sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==",
+      "dev": true,
+      "requires": {
+        "redis-errors": "^1.0.0"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    },
+    "regexp.prototype.flags": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
+      "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "functions-have-names": "^1.2.3"
+      }
+    },
+    "regexpp": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+      "dev": true
+    },
+    "relative-to-absolute-iri": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/relative-to-absolute-iri/-/relative-to-absolute-iri-1.0.7.tgz",
+      "integrity": "sha512-Xjyl4HmIzg2jzK/Un2gELqbcE8Fxy85A/aLSHE6PE/3+OGsFwmKVA1vRyGaz6vLWSqLDMHA+5rjD/xbibSQN1Q=="
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true
+    },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true
+    },
+    "requizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/requizzle/-/requizzle-0.2.4.tgz",
+      "integrity": "sha512-JRrFk1D4OQ4SqovXOgdav+K8EAhSB/LJZqCz8tbX0KObcdeM15Ss59ozWMBWmmINMagCwmqn4ZNryUGpBsl6Jw==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.21"
+      }
+    },
+    "resolve": {
+      "version": "1.22.2",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
+      "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
+      "requires": {
+        "is-core-module": "^2.11.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      }
+    },
+    "resolve-alpn": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-alpn/-/resolve-alpn-1.2.1.tgz",
+      "integrity": "sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==",
+      "dev": true
+    },
+    "resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
+    },
+    "responselike": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.1.tgz",
+      "integrity": "sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==",
+      "dev": true,
+      "requires": {
+        "lowercase-keys": "^2.0.0"
+      }
+    },
+    "restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "requires": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true
+    },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true
+    },
+    "rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "rollup": {
+      "version": "3.23.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.23.1.tgz",
+      "integrity": "sha512-ybRdFVHOoljGEFILHLd2g/qateqUdjE6YS41WXq4p3C/WwD3xtWxV4FYWETA1u9TeXQc5K8L8zHE5d/scOvrOQ==",
+      "dev": true,
+      "requires": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "rollup-plugin-visualizer": {
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.9.0.tgz",
+      "integrity": "sha512-bbDOv47+Bw4C/cgs0czZqfm8L82xOZssk4ayZjG40y9zbXclNk7YikrZTDao6p7+HDiGxrN0b65SgZiVm9k1Cg==",
+      "dev": true,
+      "requires": {
+        "open": "^8.4.0",
+        "picomatch": "^2.3.1",
+        "source-map": "^0.7.4",
+        "yargs": "^17.5.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+          "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+          "dev": true
+        }
+      }
+    },
+    "rrweb-cssom": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
+      "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
+      "dev": true
+    },
+    "run-async": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
+      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
+      "dev": true
+    },
+    "run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "requires": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "rxjs": {
+      "version": "6.6.7",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      }
+    },
+    "safe-stable-stringify": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
+      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
+      "dev": true
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "requires": {
+        "xmlchars": "^2.2.0"
+      }
+    },
+    "scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true
+    },
+    "serialize-javascript": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "dev": true
+    },
+    "shaclc-parse": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/shaclc-parse/-/shaclc-parse-1.4.0.tgz",
+      "integrity": "sha512-zyxjIYQH2ghg/wtMvOp+4Nr6aK8j9bqFiVT3w47K8WHPYN+S3Zgnh2ybT+dGgMwo9KjiOoywxhjC7d8Z6GCmfA==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "^1.1.0",
+        "n3": "^1.16.3"
+      }
+    },
+    "shaclc-write": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/shaclc-write/-/shaclc-write-1.4.2.tgz",
+      "integrity": "sha512-aejD8fNgTfTINInjlwW7oz4GbmIJmDFJu4Tc3WVhmMH2QV24F+Ey/I/obMP/cQu/LwcfX7O2eu7bI9RUFeDMWw==",
+      "dev": true,
+      "requires": {
+        "@jeswr/prefixcc": "^1.2.1",
+        "n3": "^1.16.3",
+        "rdf-string-ttl": "^1.3.2"
+      }
+    },
+    "shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "^3.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true
+    },
+    "side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      }
+    },
+    "siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      },
+      "dependencies": {
+        "is-arrayish": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+          "dev": true
+        }
+      }
+    },
+    "slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
+      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.0",
+        "astral-regex": "^1.0.0",
+        "is-fullwidth-code-point": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "color-convert": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
+        },
+        "color-name": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+          "dev": true
+        }
+      }
+    },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true
+    },
+    "spark-md5": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/spark-md5/-/spark-md5-3.0.2.tgz",
+      "integrity": "sha512-wcFzz9cDfbuqe0FZzfi2or1sgyIrsDwmPwfZC4hiNidPdPINjeUwNfv5kldczoEAcjl9Y1L3SM7Uz2PUEQzxQw==",
+      "dev": true
+    },
+    "sparqlalgebrajs": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/sparqlalgebrajs/-/sparqlalgebrajs-4.1.0.tgz",
+      "integrity": "sha512-Ir5uE1/25hssTv/hRwl8/S2E2Z/QLPsGkkqkUIUqLXSqPXI3tJTxbwQKtCw0Ki/b3UfxrQQmydP1jpWcTVL+hQ==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@types/sparqljs": "^3.1.3",
+        "fast-deep-equal": "^3.1.3",
+        "minimist": "^1.2.6",
+        "rdf-data-factory": "^1.1.0",
+        "rdf-isomorphic": "^1.3.0",
+        "rdf-string": "^1.6.0",
+        "sparqljs": "^3.6.1"
+      }
+    },
+    "sparqlee": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/sparqlee/-/sparqlee-2.3.2.tgz",
+      "integrity": "sha512-AKkS3O8Il35nJ7gwP2U4S8yEN2ahrFewI8LG/3KDPBoLBHwMrlcojANSKep4ogKJBR6BCvYZipSjP27ueyBvWA==",
+      "dev": true,
+      "requires": {
+        "@comunica/bindings-factory": "^2.0.1",
+        "@rdfjs/types": "*",
+        "@types/lru-cache": "^5.1.1",
+        "@types/spark-md5": "^3.0.2",
+        "@types/uuid": "^8.0.0",
+        "bignumber.js": "^9.0.1",
+        "hash.js": "^1.1.7",
+        "lru-cache": "^6.0.0",
+        "rdf-data-factory": "^1.1.0",
+        "rdf-string": "^1.6.0",
+        "relative-to-absolute-iri": "^1.0.6",
+        "spark-md5": "^3.0.1",
+        "sparqlalgebrajs": "^4.0.3",
+        "uuid": "^8.0.0"
+      },
+      "dependencies": {
+        "@types/lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/@types/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-ssE3Vlrys7sdIzs5LOxCzTVMsU7i9oa/IaW92wF32JFb3CVczqOkru2xspuKczHEbG3nvmPY7IFqVmGGHdNbYw==",
+          "dev": true
+        },
+        "@types/uuid": {
+          "version": "8.3.4",
+          "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
+          "integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "uuid": {
+          "version": "8.3.2",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+          "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+          "dev": true
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "sparqljs": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/sparqljs/-/sparqljs-3.6.2.tgz",
+      "integrity": "sha512-KQEJPaOMeeDpdYYuiFb3JEErRLL8XqX4G7sdhZyHC6Qn4+PEMUff/EjUGkwcJ6aCC0JCTIgxDpRdE3+GFXpdxw==",
+      "dev": true,
+      "requires": {
+        "rdf-data-factory": "^1.1.1"
+      }
+    },
+    "sparqljson-parse": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/sparqljson-parse/-/sparqljson-parse-2.2.0.tgz",
+      "integrity": "sha512-2TfvNvUsaJyWfCrq3ExdDdbF9LBLzIUCricg+D1YCYbbmyTzscgCtRk4KcIyJF178DtfCt4BkKzbKl8IXMHp8w==",
+      "dev": true,
+      "requires": {
+        "@bergos/jsonparse": "^1.4.1",
+        "@rdfjs/types": "*",
+        "@types/readable-stream": "^2.3.13",
+        "rdf-data-factory": "^1.1.0",
+        "readable-stream": "^4.0.0"
+      }
+    },
+    "sparqljson-to-tree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/sparqljson-to-tree/-/sparqljson-to-tree-3.0.1.tgz",
+      "integrity": "sha512-WKDWCP6CM0Oa/OmzJJDpFudfa0yCcYnQoSPVb4RBp8XOYDOPn75fzrZURYQBSng/BUieT/zxaw68tstI6G3pSw==",
+      "dev": true,
+      "requires": {
+        "rdf-literal": "^1.2.0",
+        "sparqljson-parse": "^2.0.0"
+      }
+    },
+    "sparqlxml-parse": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/sparqlxml-parse/-/sparqlxml-parse-2.1.1.tgz",
+      "integrity": "sha512-71sltShF6gDAzuKWEHNeij7r0Mv5VqRrvJing6W4WHJ12GRe6+t1IRTv6MeqxYN3XJmKevs7B3HCBUo7wceeJQ==",
+      "dev": true,
+      "requires": {
+        "@rdfjs/types": "*",
+        "@rubensworks/saxes": "^6.0.1",
+        "@types/readable-stream": "^2.3.13",
+        "buffer": "^6.0.3",
+        "rdf-data-factory": "^1.1.0",
+        "readable-stream": "^4.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        }
+      }
+    },
+    "spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "requires": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-license-ids": {
+      "version": "3.0.13",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz",
+      "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==",
+      "dev": true
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true
+    },
+    "stack-trace": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz",
+      "integrity": "sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==",
+      "dev": true
+    },
+    "stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+          "dev": true
+        }
+      }
+    },
+    "stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true
+    },
+    "standard-as-callback": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/standard-as-callback/-/standard-as-callback-2.1.0.tgz",
+      "integrity": "sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==",
+      "dev": true
+    },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true
+    },
+    "std-env": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.3.tgz",
+      "integrity": "sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==",
+      "dev": true
+    },
+    "stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "requires": {
+        "internal-slot": "^1.0.4"
+      }
+    },
+    "stream": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stream/-/stream-0.0.2.tgz",
+      "integrity": "sha512-gCq3NDI2P35B2n6t76YJuOp7d6cN/C7Rt0577l91wllh0sY9ZBuw9KaSGqH/b0hzn3CWWJbpbW0W0WvQ1H/Q7g==",
+      "requires": {
+        "emitter-component": "^1.1.1"
+      }
+    },
+    "stream-to-string": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/stream-to-string/-/stream-to-string-1.2.1.tgz",
+      "integrity": "sha512-WsvTDNF8UYs369Yko3pcdTducQtYpzEZeOV7cTuReyFvOoA9S/DLJ6sYK+xPafSPHhUMpaxiljKYnT6JSFztIA==",
+      "dev": true,
+      "requires": {
+        "promise-polyfill": "^1.1.6"
+      }
+    },
+    "streamify-array": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/streamify-array/-/streamify-array-1.0.1.tgz",
+      "integrity": "sha512-ZnswaBcC6B1bhPLSQOlC6CdaDUSzU0wr2lvvHpbHNms8V7+DLd8uEAzDAWpsjxbFkijBHhuObFO/qqu52DZUMA==",
+      "dev": true
+    },
+    "streamify-string": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/streamify-string/-/streamify-string-1.0.1.tgz",
+      "integrity": "sha512-RXvBglotrvSIuQQ7oC55pdV40wZ/17gTb68ipMC4LA0SqMN4Sqfsf31Dpei7qXpYqZQ8ueVnPglUvtep3tlhqw==",
+      "dev": true
+    },
+    "streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
+    },
+    "string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.2.0"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+          "dev": true
+        }
+      }
+    },
+    "string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "dev": true
+        }
+      }
+    },
+    "string.prototype.matchall": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
+        "side-channel": "^1.0.4"
+      }
+    },
+    "string.prototype.trim": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz",
+      "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      }
+    },
+    "string.prototype.trimend": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz",
+      "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      }
+    },
+    "string.prototype.trimstart": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz",
+      "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      }
+    },
+    "strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
+    "strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true
+    },
+    "strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true
+    },
+    "strip-literal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.1.tgz",
+      "integrity": "sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.8.2"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.8.2",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+          "dev": true
+        }
+      }
+    },
+    "styled-components": {
+      "version": "5.3.11",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz",
+      "integrity": "sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@babel/traverse": "^7.4.5",
+        "@emotion/is-prop-valid": "^1.1.0",
+        "@emotion/stylis": "^0.8.4",
+        "@emotion/unitless": "^0.7.4",
+        "babel-plugin-styled-components": ">= 1.12.0",
+        "css-to-react-native": "^3.0.0",
+        "hoist-non-react-statics": "^3.0.0",
+        "shallowequal": "^1.1.0",
+        "supports-color": "^5.5.0"
+      },
+      "dependencies": {
+        "@emotion/unitless": {
+          "version": "0.7.5",
+          "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+          "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
+    },
+    "supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^4.0.0"
+      }
+    },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+    },
+    "swr": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/swr/-/swr-1.3.0.tgz",
+      "integrity": "sha512-dkghQrOl2ORX9HYrMDtPa7LTVHJjCTeZoB1dqTbnnEDlSvN8JEKpYIYurDfvbQFUUS8Cg8PceFVZNkW0KNNYPw==",
+      "requires": {}
+    },
+    "symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true
+    },
+    "table": {
+      "version": "5.4.6",
+      "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
+      "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.10.2",
+        "lodash": "^4.17.14",
+        "slice-ansi": "^2.1.0",
+        "string-width": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
+    "test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "requires": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      }
+    },
+    "text-hex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz",
+      "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==",
+      "dev": true
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true
+    },
+    "time-zone": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/time-zone/-/time-zone-1.0.0.tgz",
+      "integrity": "sha512-TIsDdtKo6+XrPtiTm1ssmMngN1sAhyKnTO2kunQWqNPWIVvCm15Wmw4SWInwTVgJ5u/Tr04+8Ei9TNcw4x4ONA==",
+      "dev": true
+    },
+    "tinybench": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.5.0.tgz",
+      "integrity": "sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==",
+      "dev": true
+    },
+    "tinypool": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.5.0.tgz",
+      "integrity": "sha512-paHQtnrlS1QZYKF/GnLoOM/DN9fqaGOFbCbxzAhwniySnzl9Ebk8w73/dd34DAhe/obUbPAOldTyYXQZxnPBPQ==",
+      "dev": true
+    },
+    "tinyspy": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.1.1.tgz",
+      "integrity": "sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==",
+      "dev": true
+    },
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "~1.0.2"
+      }
+    },
+    "to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog=="
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true
+    },
+    "tough-cookie": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
+      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+      "dev": true,
+      "requires": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "dependencies": {
+        "universalify": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+          "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+          "dev": true
+        }
+      }
+    },
+    "tr46": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
+      "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.3.0"
+      }
+    },
+    "triple-beam": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.3.0.tgz",
+      "integrity": "sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==",
+      "dev": true
+    },
+    "ts-custom-error": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/ts-custom-error/-/ts-custom-error-3.3.1.tgz",
+      "integrity": "sha512-5OX1tzOjxWEgsr/YEUWSuPrQ00deKLh6D7OTWcvNHm12/7QPyRh8SYpyWvA4IZv8H/+GQWQEh/kwo95Q9OVW1A==",
+      "peer": true
+    },
+    "ts-guards": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/ts-guards/-/ts-guards-0.5.1.tgz",
+      "integrity": "sha512-Y6P/VJnwARiPMfxO7rvaYaz5tGQ5TQ0Wnb2cWIxMpFOioYkhsT8XaCrJX6wYPNFACa4UOrN5SPqhwpM8NolAhQ==",
+      "dev": true
+    },
+    "tsconfig-paths": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
+      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
+      "dev": true,
+      "requires": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        }
+      }
+    },
+    "tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "tsscmp": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz",
+      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
+      "dev": true
+    },
+    "type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1"
+      }
+    },
+    "type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true
+    },
+    "type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      }
+    },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
+      "dev": true
+    },
+    "ufo": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.2.tgz",
+      "integrity": "sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==",
+      "dev": true
+    },
+    "uglify-js": {
+      "version": "3.17.4",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz",
+      "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==",
+      "dev": true,
+      "optional": true
+    },
+    "unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      }
+    },
+    "underscore": {
+      "version": "1.13.6",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz",
+      "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A==",
+      "dev": true
+    },
+    "undici": {
+      "version": "5.22.1",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.22.1.tgz",
+      "integrity": "sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==",
+      "requires": {
+        "busboy": "^1.6.0"
+      }
+    },
+    "universalify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+      "dev": true
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "dev": true
+    },
+    "update-browserslist-db": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
+      "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+      "dev": true,
+      "requires": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      }
+    },
+    "uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "uritemplate": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/uritemplate/-/uritemplate-0.3.4.tgz",
+      "integrity": "sha512-enADBvHfhjrwxFMTVWeIIYz51SZ91uC6o2MR/NQTVljJB6HTZ8eQL3Q7JBj3RxNISA14MOwJaU3vpf5R6dyxHA==",
+      "dev": true
+    },
+    "url-join": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+      "dev": true
+    },
+    "url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dev": true,
+      "requires": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg=="
+    },
+    "v8-compile-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
+      "dev": true
+    },
+    "v8-to-istanbul": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz",
+      "integrity": "sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^1.6.0"
+      }
+    },
+    "validate-iri": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/validate-iri/-/validate-iri-1.0.1.tgz",
+      "integrity": "sha512-gLXi7351CoyVVQw8XE5sgpYawRKatxE7kj/xmCxXOZS1kMdtcqC0ILIqLuVEVnAUQSL/evOGG3eQ+8VgbdnstA==",
+      "dev": true
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true
+    },
+    "vite": {
+      "version": "4.3.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
+      "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==",
+      "dev": true,
+      "requires": {
+        "esbuild": "^0.17.5",
+        "fsevents": "~2.3.2",
+        "postcss": "^8.4.23",
+        "rollup": "^3.21.0"
+      }
+    },
+    "vite-node": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.31.4.tgz",
+      "integrity": "sha512-uzL377GjJtTbuc5KQxVbDu2xfU/x0wVjUtXQR2ihS21q/NK6ROr4oG0rsSkBBddZUVCwzfx22in76/0ZZHXgkQ==",
+      "dev": true,
+      "requires": {
+        "cac": "^6.7.14",
+        "debug": "^4.3.4",
+        "mlly": "^1.2.0",
+        "pathe": "^1.1.0",
+        "picocolors": "^1.0.0",
+        "vite": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "vitest": {
+      "version": "0.31.4",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.31.4.tgz",
+      "integrity": "sha512-GoV0VQPmWrUFOZSg3RpQAPN+LPmHg2/gxlMNJlyxJihkz6qReHDV6b0pPDcqFLNEPya4tWJ1pgwUNP9MLmUfvQ==",
+      "dev": true,
+      "requires": {
+        "@types/chai": "^4.3.5",
+        "@types/chai-subset": "^1.3.3",
+        "@types/node": "*",
+        "@vitest/expect": "0.31.4",
+        "@vitest/runner": "0.31.4",
+        "@vitest/snapshot": "0.31.4",
+        "@vitest/spy": "0.31.4",
+        "@vitest/utils": "0.31.4",
+        "acorn": "^8.8.2",
+        "acorn-walk": "^8.2.0",
+        "cac": "^6.7.14",
+        "chai": "^4.3.7",
+        "concordance": "^5.0.4",
+        "debug": "^4.3.4",
+        "local-pkg": "^0.4.3",
+        "magic-string": "^0.30.0",
+        "pathe": "^1.1.0",
+        "picocolors": "^1.0.0",
+        "std-env": "^3.3.2",
+        "strip-literal": "^1.0.1",
+        "tinybench": "^2.5.0",
+        "tinypool": "^0.5.0",
+        "vite": "^3.0.0 || ^4.0.0",
+        "vite-node": "0.31.4",
+        "why-is-node-running": "^2.2.2"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.8.2",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+          "dev": true
+        },
+        "magic-string": {
+          "version": "0.30.0",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+          "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.13"
+          }
+        }
+      }
+    },
+    "w3c-xmlserializer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
+      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
+      "dev": true,
+      "requires": {
+        "xml-name-validator": "^4.0.0"
+      }
+    },
+    "web-streams-ponyfill": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/web-streams-ponyfill/-/web-streams-ponyfill-1.4.2.tgz",
+      "integrity": "sha512-LCHW+fE2UBJ2vjhqJujqmoxh1ytEDEr0dPO3CabMdMDJPKmsaxzS90V1Ar6LtNE5VHLqxR4YMEj1i4lzMAccIA==",
+      "dev": true
+    },
+    "webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true
+    },
+    "well-known-symbols": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/well-known-symbols/-/well-known-symbols-2.0.0.tgz",
+      "integrity": "sha512-ZMjC3ho+KXo0BfJb7JgtQ5IBuvnShdlACNkKkdsqBmYw3bPAaJfPeYUo6tLUaT5tG/Gkh7xkpBhKRQ9e7pyg9Q==",
+      "dev": true
+    },
+    "whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "requires": {
+        "iconv-lite": "0.6.3"
+      },
+      "dependencies": {
+        "iconv-lite": {
+          "version": "0.6.3",
+          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+          "dev": true,
+          "requires": {
+            "safer-buffer": ">= 2.1.2 < 3.0.0"
+          }
+        }
+      }
+    },
+    "whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "dev": true
+    },
+    "whatwg-url": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
+      "integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
+      "dev": true,
+      "requires": {
+        "tr46": "^4.1.1",
+        "webidl-conversions": "^7.0.0"
+      }
+    },
+    "which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "requires": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      }
+    },
+    "which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "requires": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      }
+    },
+    "which-typed-array": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz",
+      "integrity": "sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "why-is-node-running": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz",
+      "integrity": "sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==",
+      "dev": true,
+      "requires": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      }
+    },
+    "winston": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/winston/-/winston-3.9.0.tgz",
+      "integrity": "sha512-jW51iW/X95BCW6MMtZWr2jKQBP4hV5bIDq9QrIjfDk6Q9QuxvTKEAlpUNAzP+HYHFFCeENhph16s0zEunu4uuQ==",
+      "dev": true,
+      "requires": {
+        "@colors/colors": "1.5.0",
+        "@dabh/diagnostics": "^2.0.2",
+        "async": "^3.2.3",
+        "is-stream": "^2.0.0",
+        "logform": "^2.4.0",
+        "one-time": "^1.0.0",
+        "readable-stream": "^3.4.0",
+        "safe-stable-stringify": "^2.3.1",
+        "stack-trace": "0.0.x",
+        "triple-beam": "^1.3.0",
+        "winston-transport": "^4.5.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "winston-transport": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.5.0.tgz",
+      "integrity": "sha512-YpZzcUzBedhlTAfJg6vJDlyEai/IFMIVcaEZZyl3UXIl4gmqRpU7AE89AHLkbzLUsv0NVmw7ts+iztqKxxPW1Q==",
+      "dev": true,
+      "requires": {
+        "logform": "^2.3.2",
+        "readable-stream": "^3.6.0",
+        "triple-beam": "^1.3.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "word-wrap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
+      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "dev": true
+    },
+    "wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
+      "dev": true
+    },
+    "wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "write": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz",
+      "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==",
+      "dev": true,
+      "requires": {
+        "mkdirp": "^0.5.1"
+      },
+      "dependencies": {
+        "mkdirp": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.6"
+          }
+        }
+      }
+    },
+    "ws": {
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
+      "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
+      "dev": true,
+      "requires": {}
+    },
+    "xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true
+    },
+    "xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true
+    },
+    "xmlcreate": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/xmlcreate/-/xmlcreate-2.0.4.tgz",
+      "integrity": "sha512-nquOebG4sngPmGPICTS5EnxqhKbCmz5Ox5hsszI2T6U5qdrJizBc+0ilYSEjTSzU0yZcmvppztXe/5Al5fUwdg==",
+      "dev": true
+    },
+    "y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true
+    },
+    "yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
+    },
+    "yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "requires": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "dependencies": {
+        "yargs-parser": {
+          "version": "21.1.1",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+          "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+          "dev": true
+        }
+      }
+    },
+    "yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true
+    },
+    "ylru": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/ylru/-/ylru-1.3.2.tgz",
+      "integrity": "sha512-RXRJzMiK6U2ye0BlGGZnmpwJDPgakn6aNQ0A7gHRbD4I0uvK4TW6UqkK1V0pp9jskjJBAXd3dRrbzWkqJ+6cxA==",
+      "dev": true
+    },
+    "yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
+    }
   }
 }
diff --git a/src/components/Clients/AddClient.jsx b/src/components/Clients/AddClient.jsx
index 8a26c879a..ce0eccb79 100644
--- a/src/components/Clients/AddClient.jsx
+++ b/src/components/Clients/AddClient.jsx
@@ -135,18 +135,18 @@ const AddClient = () => {
       >
         <div>
           <label htmlFor="add-user-given-name">First/given name: </label>
-          <input id="add-user-given-name" name="addUserGivenName" {...userGivenName} />{' '}
+          <input id="add-user-given-name" name="addUserGivenName" {...userGivenName} />
         </div>
         <br />
         <div>
           <label htmlFor="add-user-last-name">Last/family name: </label>
-          <input id="add-user-last-name" name="addUserFamilyName" {...userFamilyName} />{' '}
+          <input id="add-user-last-name" name="addUserFamilyName" {...userFamilyName} />
         </div>
         <br />
         <div>
           <label htmlFor="add-username">
-            Add username to client list (i.e., username without{' '}
-            {SOLID_IDENTITY_PROVIDER.split('/')[2]}):{' '}
+            Add username to client list (i.e., username without
+            {SOLID_IDENTITY_PROVIDER.split('/')[2]}):
           </label>
           <br />
           <br />
@@ -156,7 +156,7 @@ const AddClient = () => {
             size="25"
             value={username}
             onChange={(e) => wrappedSetUsername(e.target.value)}
-          />{' '}
+          />
         </div>
         <br />
         <label htmlFor="add-webId">
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 2779028a0..866b068fd 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -3,6 +3,7 @@ import React, { useContext } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
 import InputLabel from '@mui/material/InputLabel';
@@ -91,50 +92,56 @@ const CrossPodWriteForm = () => {
       statusType="Upload status"
       defaultMessage="To be uploaded..."
     >
-      <form onSubmit={handleCrossPodUpload} autoComplete="off">
-        <FormControl fullWidth>
-          <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
-          <TextField
-            id="cross-upload-doc"
-            name="crossPodUpload"
-            {...username}
-            placeholder={selectedUser}
-            label="Search username"
-            required
-          />
-        </FormControl>
-        <InputLabel htmlFor="cross-search-doctype">
-          <em>Select Document Type</em>
-        </InputLabel>
-        <FormControl fullWidth>
-          <DocumentSelection htmlId="cross-search-doctype" />
-        </FormControl>
-        <br />
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
-          <input id="upload-doc-expiration" name="date" type="date" />
-        </div>
-        <FormControl fullWidth>
-          <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
-          <TextField id="upload-doc-desc" name="description" {...description} multiline rows={4} />
-        </FormControl>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doctype">File to upload:</label>
-          <input
-            id="upload-doctype"
-            type="file"
-            name="uploadDoctype"
-            accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-            onChange={handleFileChange}
-          />
+      <Box display="flex" justifyContent="center">
+        <form onSubmit={handleCrossPodUpload} autoComplete="off">
+          <FormControl fullWidth>
+            <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
+            <TextField
+              id="cross-upload-doc"
+              name="crossPodUpload"
+              {...username}
+              placeholder={selectedUser}
+              label="Search username"
+              required
+            />
+          </FormControl>
+          <InputLabel htmlFor="cross-search-doctype">
+            <em>Select Document Type</em>
+          </InputLabel>
+          <FormControl fullWidth>
+            <DocumentSelection htmlId="cross-search-doctype" />
+          </FormControl>
           <br />
-        </div>
-        <FormControl fullWidth>
-          <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-            Upload file
-          </Button>
-        </FormControl>
-      </form>
+          <div style={formRowStyle}>
+            <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
+            <input id="upload-doc-expiration" name="date" type="date" />
+          </div>
+          <FormControl fullWidth>
+            <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
+            <TextField
+              id="upload-doc-desc"
+              name="description"
+              {...description}
+              multiline
+              rows={4}
+            />
+          </FormControl>
+            <label htmlFor="upload-doctype">File to upload:</label>
+            <input
+              id="upload-doctype"
+              type="file"
+              name="uploadDoctype"
+              accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
+              onChange={handleFileChange}
+            />
+            <br />
+          <FormControl fullWidth>
+            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+              Upload file
+            </Button>
+          </FormControl>
+        </form>
+      </Box>
     </FormSection>
   );
   /* eslint-enable jsx-a11y/label-has-associated-control */

From 4bf373dadbb60ac8a192dededc0f42b369d2d7f3 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Tue, 6 Jun 2023 23:03:51 -0700
Subject: [PATCH 005/304] Trimming code

---
 src/components/Form/CrossPodWriteForm.jsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 866b068fd..f74418073 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -35,7 +35,7 @@ const CrossPodWriteForm = () => {
   const { clearValue: clearUsername, ...username } = useField('text');
   const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
 
-  // Initalized state for file upload
+  // Initialized state for file upload
   const handleFileChange = (event) => {
     if (event.target.files.length === 1) {
       dispatch({ type: 'SET_FILE', payload: event.target.files[0] });
@@ -126,15 +126,15 @@ const CrossPodWriteForm = () => {
               rows={4}
             />
           </FormControl>
-            <label htmlFor="upload-doctype">File to upload:</label>
-            <input
-              id="upload-doctype"
-              type="file"
-              name="uploadDoctype"
-              accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-              onChange={handleFileChange}
-            />
-            <br />
+          <label htmlFor="upload-doctype">File to upload:</label>
+          <input
+            id="upload-doctype"
+            type="file"
+            name="uploadDoctype"
+            accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
+            onChange={handleFileChange}
+          />
+          <br />
           <FormControl fullWidth>
             <Button variant="contained" disabled={state.processing} type="submit" color="primary">
               Upload file

From 664ea23d83afdef2b0819d8a1b11f4030972284c Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 7 Jun 2023 11:09:16 -0700
Subject: [PATCH 006/304] Rough draft, date and upload to be fixed

---
 package-lock.json                          | 14 ++++++
 src/components/Form/CrossPodWriteForm.jsx  | 57 +++++++++++++++-------
 src/components/Form/UploadDocumentForm.jsx |  2 +-
 3 files changed, 55 insertions(+), 18 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f67a7bce9..e9fcffbc4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6088,6 +6088,13 @@
         "node": ">=6"
       }
     },
+    "node_modules/dayjs": {
+      "version": "1.11.8",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz",
+      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -19166,6 +19173,13 @@
         "time-zone": "^1.0.0"
       }
     },
+    "dayjs": {
+      "version": "1.11.8",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz",
+      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==",
+      "optional": true,
+      "peer": true
+    },
     "debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index f74418073..c1989e8cc 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
@@ -9,6 +9,10 @@ import FormControl from '@mui/material/FormControl';
 import InputLabel from '@mui/material/InputLabel';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 // Utility Imports
 import { runNotification, makeHandleFormSubmission } from '../../utils';
 // Custom Hook Imports
@@ -34,6 +38,7 @@ const CrossPodWriteForm = () => {
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
   const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const [dateValue, setDateValue] = useState(new Date());
 
   // Initialized state for file upload
   const handleFileChange = (event) => {
@@ -80,10 +85,6 @@ const CrossPodWriteForm = () => {
     handleFormSubmit(event, podUsername);
   };
 
-  const formRowStyle = {
-    margin: '20px 0'
-  };
-
   /* eslint-disable jsx-a11y/label-has-associated-control */
   return (
     <FormSection
@@ -112,10 +113,26 @@ const CrossPodWriteForm = () => {
             <DocumentSelection htmlId="cross-search-doctype" />
           </FormControl>
           <br />
-          <div style={formRowStyle}>
-            <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
-            <input id="upload-doc-expiration" name="date" type="date" />
-          </div>
+          <FormControl>
+            <Typography htmlFor="upload-doc-expiration">
+              Expiration date (if applicable):
+            </Typography>
+            <LocalizationProvider dateAdapter={AdapterDayjs}>
+              <DemoContainer components={['DateTimePicker']}>
+                <DemoItem>
+                  <DatePicker
+                    label="Controlled picker"
+                    value={dateValue}
+                    onChange={(newValue) => setDateValue(newValue)}
+                    id="upload-doc-expiration"
+                    name="date"
+                    type="date"
+                  />
+                </DemoItem>
+              </DemoContainer>
+            </LocalizationProvider>
+          </FormControl>
+          <br />
           <FormControl fullWidth>
             <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
             <TextField
@@ -126,15 +143,21 @@ const CrossPodWriteForm = () => {
               rows={4}
             />
           </FormControl>
-          <label htmlFor="upload-doctype">File to upload:</label>
-          <input
-            id="upload-doctype"
-            type="file"
-            name="uploadDoctype"
-            accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-            onChange={handleFileChange}
-          />
           <br />
+          <FormControl fullWidth>
+            <Typography htmlFor="upload-doctype">File to upload:</Typography>
+            <Button
+              id="upload-doctype"
+              type="file"
+              name="uploadDoctype"
+              accept=".pdf, .docx, .doc, .txt, .rtf"
+              onChange={handleFileChange}
+              variant="contained"
+            >
+              Choose File
+              <input hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple type="file" />
+            </Button>
+          </FormControl>
           <FormControl fullWidth>
             <Button variant="contained" disabled={state.processing} type="submit" color="primary">
               Upload file
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 3b814a8eb..b326be201 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -24,7 +24,7 @@ const UploadDocumentForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
 
-  // Initalized state for file upload
+  // Initialized state for file upload
   const handleFileChange = (event) => {
     if (event.target.files.length === 1) {
       dispatch({ type: 'SET_FILE', payload: event.target.files[0] });

From 10564f5be975653e63d202d6a2b80b228946214d Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 7 Jun 2023 12:27:04 -0700
Subject: [PATCH 007/304] Fixing startup issues

---
 package.json                              | 1 +
 src/components/Form/CrossPodWriteForm.jsx | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 8db195cc9..1ba459f55 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "@mui/x-date-pickers": "^6.5.0",
     "@zxing/browser": "^0.1.3",
     "crypto-js": "^4.1.1",
+    "dayjs": "^1.11.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-paginate": "^8.2.0",
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index c1989e8cc..bbd5d9d93 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -121,8 +121,7 @@ const CrossPodWriteForm = () => {
               <DemoContainer components={['DateTimePicker']}>
                 <DemoItem>
                   <DatePicker
-                    label="Controlled picker"
-                    value={dateValue}
+                    // value={dateValue}
                     onChange={(newValue) => setDateValue(newValue)}
                     id="upload-doc-expiration"
                     name="date"

From 01e16dec07e488ddc69c5a3e3d7185d7599591fd Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 7 Jun 2023 21:06:05 -0700
Subject: [PATCH 008/304] Beginning testing code from mui-form-tests branch

---
 src/components/Form/CrossPodWriteForm.jsx  | 94 +++++++++++++++-------
 src/utils/frontend/FormSubmissionHelper.js | 14 +++-
 2 files changed, 75 insertions(+), 33 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index bbd5d9d93..f791cc220 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -13,6 +13,8 @@ import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import FormHelperText from '@mui/material/FormHelperText';
+import Input from '@mui/material/Input';
 // Utility Imports
 import { runNotification, makeHandleFormSubmission } from '../../utils';
 // Custom Hook Imports
@@ -38,7 +40,19 @@ const CrossPodWriteForm = () => {
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
   const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
-  const [dateValue, setDateValue] = useState(new Date());
+  const [expireDate, setExpireDate] = useState(null);
+
+  const handleUsername = (event) => {
+    setUsername(event.target.value);
+  };
+
+  const handleDocDescription = (event) => {
+    setDocDescription(event.target.value);
+  };
+
+  const handleDocType = (event) => {
+    setDocType(event.target.value);
+  };
 
   // Initialized state for file upload
   const handleFileChange = (event) => {
@@ -52,22 +66,41 @@ const CrossPodWriteForm = () => {
   // Custom useField hook for handling form inputs
   const { clearValue: clearDescription, _type, ...description } = useField('textarea');
 
-  const clearInputFields = (event) => {
-    event.target.reset();
-    clearDescription();
-    clearUsername();
+  // const clearInputFields = (event) => {
+  //   event.target.reset();
+  //   clearDescription();
+  //   clearUsername();
+  //   setExpireDate(null);
+  //   setSelectedUser('');
+  //   dispatch({ type: 'CLEAR_FILE' });
+  //   dispatch({ type: 'CLEAR_PROCESSING' });
+  // };
+  const clearInputFields = () => {
+    setUsername('');
+    setDocType('');
+    setExpireDate(null);
+    setDocDescription('');
     setSelectedUser('');
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
   const handleFormSubmit = makeHandleFormSubmission(
-    INTERACTION_TYPES.CROSS,
+    // INTERACTION_TYPES.CROSS,
+    // expireDate,
+    // state,
+    // dispatch,
+    // session,
+    // clearInputFields
+    UPLOAD_TYPES.CROSS,
+    expireDate,
+    docDescription,
     state,
     dispatch,
     session,
     clearInputFields
   );
+
   // Event handler for form/document submission to Pod
   const handleCrossPodUpload = async (event) => {
     event.preventDefault();
@@ -114,21 +147,16 @@ const CrossPodWriteForm = () => {
           </FormControl>
           <br />
           <FormControl>
-            <Typography htmlFor="upload-doc-expiration">
-              Expiration date (if applicable):
-            </Typography>
+            <InputLabel htmlFor="upload-doc-expiration" />
             <LocalizationProvider dateAdapter={AdapterDayjs}>
-              <DemoContainer components={['DateTimePicker']}>
-                <DemoItem>
-                  <DatePicker
-                    // value={dateValue}
-                    onChange={(newValue) => setDateValue(newValue)}
-                    id="upload-doc-expiration"
-                    name="date"
-                    type="date"
-                  />
-                </DemoItem>
-              </DemoContainer>
+              <DatePicker
+                id="upload-doc-expiration"
+                name="date"
+                format="MM/DD/YYYY"
+                label="Expire date (if applicable)"
+                value={expireDate}
+                onChange={(newDate) => setExpireDate(newDate)}
+              />
             </LocalizationProvider>
           </FormControl>
           <br />
@@ -140,28 +168,36 @@ const CrossPodWriteForm = () => {
               {...description}
               multiline
               rows={4}
+              label="Enter Description"
+              value={docDescription}
+              onChange={handleDocDescription}
             />
           </FormControl>
           <br />
-          <FormControl fullWidth>
-            <Typography htmlFor="upload-doctype">File to upload:</Typography>
-            <Button
+          <FormControl required>
+            <InputLabel htmlFor="upload-doctype" />
+            <Input
               id="upload-doctype"
               type="file"
               name="uploadDoctype"
-              accept=".pdf, .docx, .doc, .txt, .rtf"
+              accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
               onChange={handleFileChange}
-              variant="contained"
-            >
-              Choose File
-              <input hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple type="file" />
-            </Button>
+            />
+            <FormHelperText>
+              File to upload:
+              {state.file ? state.file.name : 'No file selected'}
+            </FormHelperText>
           </FormControl>
           <FormControl fullWidth>
             <Button variant="contained" disabled={state.processing} type="submit" color="primary">
               Upload file
             </Button>
           </FormControl>
+          <FormControl>
+            <Button variant="contained" type="button" onClick={clearInputFields}>
+              Clear Form
+            </Button>
+          </FormControl>
         </form>
       </Box>
     </FormSection>
diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index 9fba18e7b..4c490403c 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -12,6 +12,7 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @memberof utils
  * @function makeHandleFormSubmission
  * @param {string} uploadType - Type of upload (cross, self, etc.) to perform
+ * @param {Dayjs} expireDate - Expiration Date
  * @param {object} state - current state
  * @param {object} dispatch - dispatch for actions
  * @param {Session} session - current Solid session
@@ -19,10 +20,13 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @returns {Function} A function that components can call to submit forms to PASS
  */
 const makeHandleFormSubmission =
-  (uploadType, state, dispatch, session, clearInputFields) =>
+  (uploadType, expireDate, state, dispatch, session, clearInputFields) =>
   async (event, crossPodUsername = '') => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
+    const docType = event.target.document.value;
+    // const expirationDate = event.target.date.value;
+    const docDescription = event.target.description.value;
 
     if (!state.file) {
       runNotification('Submission failed. Reason: missing file', 5, state, dispatch);
@@ -32,10 +36,12 @@ const makeHandleFormSubmission =
       return;
     }
 
+    const formattedDate = expireDate ? expireDate.format('MM/DD/YYYY') : 'No Date Provided';
+
     const fileObject = {
-      type: event.target.document.value,
-      date: event.target.date.value,
-      description: event.target.description.value,
+      type: docType,
+      date: formattedDate || 'Not available',
+      description: docDescription || 'No description provided',
       file: state.file
     };
 

From 33e1a216c948bf59e9d308465807b2ea67816990 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Thu, 8 Jun 2023 15:27:28 -0700
Subject: [PATCH 009/304] Applying styling to merged elements

---
 src/components/Form/CrossPodWriteForm.jsx | 194 ++++++++++------------
 src/contexts/MessageContext.jsx           |   2 +-
 2 files changed, 88 insertions(+), 108 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 91b949709..2844d2ab5 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -10,7 +10,6 @@ import InputLabel from '@mui/material/InputLabel';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import FormHelperText from '@mui/material/FormHelperText';
@@ -21,8 +20,6 @@ import { runNotification, makeHandleFormSubmission } from '../../utils';
 import { useField, useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
-// Constants Imports
-import { INTERACTION_TYPES } from '../../constants';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
@@ -47,17 +44,13 @@ const CrossPodWriteForm = () => {
     setDocType(event.target.value);
   };
 
-  const handleUsername = (event) => {
-    setUsername(event.target.value);
-  };
-
-  const handleDocDescription = (event) => {
-    setDocDescription(event.target.value);
-  };
+  // const handleUsername = (event) => {
+  //   setUsername(event.target.value);
+  // };
 
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
+  // const handleDocDescription = (event) => {
+  //   setDocDescription(event.target.value);
+  // };
 
   // Initialized state for file upload
   const handleFileChange = (event) => {
@@ -81,10 +74,10 @@ const CrossPodWriteForm = () => {
   //   dispatch({ type: 'CLEAR_PROCESSING' });
   // };
   const clearInputFields = () => {
-    setUsername('');
+    // setUsername('');
     setDocType('');
     setExpireDate(null);
-    setDocDescription('');
+    // setDocDescription('');
     setSelectedUser('');
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
@@ -97,9 +90,9 @@ const CrossPodWriteForm = () => {
     // dispatch,
     // session,
     // clearInputFields
-    UPLOAD_TYPES.CROSS,
+    // UPLOAD_TYPES.CROSS,
     expireDate,
-    docDescription,
+    // docDescription,
     state,
     dispatch,
     session,
@@ -133,97 +126,84 @@ const CrossPodWriteForm = () => {
     >
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleCrossPodUpload} autoComplete="off">
-          <FormControl fullWidth>
-            <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
-            <TextField
-              id="cross-upload-doc"
-              name="crossPodUpload"
-              {...username}
-              placeholder={selectedUser}
-              label="Search username"
-              required
-            />
-          </FormControl>
-          <InputLabel htmlFor="cross-search-doctype">
-            <em>Select Document Type</em>
-          </InputLabel>
-          <FormControl fullWidth>
-            <DocumentSelection htmlId="cross-search-doctype" />
-          </FormControl>
-          <br />
-          <FormControl>
-            <InputLabel htmlFor="upload-doc-expiration" />
-            <LocalizationProvider dateAdapter={AdapterDayjs}>
-              <DatePicker
-                id="upload-doc-expiration"
-                name="date"
-                format="MM/DD/YYYY"
-                label="Expire date (if applicable)"
-                value={expireDate}
-                onChange={(newDate) => setExpireDate(newDate)}
+          <Box display="flex" flexDirection="column" justifyContent="center">
+            <FormControl>
+              <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
+              <TextField
+                id="cross-upload-doc"
+                name="crossPodUpload"
+                {...username}
+                placeholder={selectedUser}
+                label="Search username"
+                required
+              />
+            </FormControl>
+            <Typography>
+              <DocumentSelection
+                htmlForAndIdProp="upload-doc"
+                handleDocType={handleDocType}
+                docType={docType}
+              />
+            </Typography>
+            <br />
+            <FormControl>
+              <InputLabel htmlFor="upload-doc-expiration" />
+              <LocalizationProvider dateAdapter={AdapterDayjs}>
+                <DatePicker
+                  id="upload-doc-expiration"
+                  name="date"
+                  format="MM/DD/YYYY"
+                  label="Expire date (if applicable)"
+                  value={expireDate}
+                  onChange={(newDate) => setExpireDate(newDate)}
+                  type="date"
+                />
+              </LocalizationProvider>
+            </FormControl>
+            <br />
+            <FormControl>
+              <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
+              <TextField
+                id="upload-doc-desc"
+                name="description"
+                {...description}
+                multiline
+                rows={4}
+                label="Enter Description"
+                // value={docDescription}
+                // onChange={handleDocDescription}
+              />
+            </FormControl>
+            <FormControl>
+              <InputLabel htmlFor="upload-doctype" />
+              <Input
+                id="upload-doctype"
+                type="file"
+                name="uploadDoctype"
+                accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
+                onChange={handleFileChange}
+                required
               />
-            </LocalizationProvider>
-          </FormControl>
-          <input
-            id="cross-upload-doc"
-            size="25"
-            name="crossPodUpload"
-            {...username}
-            placeholder={selectedUser}
-          />
-        </div>
-        <div style={formRowStyle}>
-          <DocumentSelection
-            htmlForAndIdProp="upload-doc"
-            handleDocType={handleDocType}
-            docType={docType}
-          />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
-          <input id="upload-doc-expiration" name="date" type="date" />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-desc">Enter description: </label>
-          <br />
-          <FormControl fullWidth>
-            <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
-            <TextField
-              id="upload-doc-desc"
-              name="description"
-              {...description}
-              multiline
-              rows={4}
-              label="Enter Description"
-              value={docDescription}
-              onChange={handleDocDescription}
-            />
-          </FormControl>
-          <br />
-          <FormControl required>
-            <InputLabel htmlFor="upload-doctype" />
-            <Input
-              id="upload-doctype"
-              type="file"
-              name="uploadDoctype"
-              accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-              onChange={handleFileChange}
-            />
-            <FormHelperText>
-              File to upload:
-              {state.file ? state.file.name : 'No file selected'}
-            </FormHelperText>
-          </FormControl>
-          <FormControl fullWidth>
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Upload file
-            </Button>
-          </FormControl>
-          <FormControl>
-            <Button variant="contained" type="button" onClick={clearInputFields}>
-              Clear Form
-            </Button>
-          </FormControl>
+              <FormHelperText>
+                File to upload: {state.file ? state.file.name : 'No file selected'}
+              </FormHelperText>
+            </FormControl>
+            <FormControl>
+              <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+                Upload file
+              </Button>
+            </FormControl>
+            <FormControl>
+              <Button
+                variant="contained"
+                type="button"
+                color="secondary"
+                onClick={clearInputFields}
+              >
+                Clear Form
+              </Button>
+            </FormControl>
+          </Box>
         </form>
       </Box>
     </FormSection>
diff --git a/src/contexts/MessageContext.jsx b/src/contexts/MessageContext.jsx
index e0863cd3b..c426d9825 100644
--- a/src/contexts/MessageContext.jsx
+++ b/src/contexts/MessageContext.jsx
@@ -50,7 +50,7 @@ export const MessageContextProvider = ({ children }) => {
 
   /**
    * A function that generates a Users container if logging in for the first
-   * time and initalizes the list of users from Solid
+   * time and initializes the list of users from Solid
    *
    * @function fetchData
    */

From 65f6e55c5bc0883b83641c3656d600d8415378fa Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Thu, 8 Jun 2023 16:33:18 -0700
Subject: [PATCH 010/304] Trimming code

---
 src/components/Form/CrossPodWriteForm.jsx | 33 ++++-------------------
 1 file changed, 5 insertions(+), 28 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 2844d2ab5..59fc8f31f 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -20,6 +20,8 @@ import { runNotification, makeHandleFormSubmission } from '../../utils';
 import { useField, useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
+// Constants Imports
+import { INTERACTION_TYPES } from '../../constants';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
@@ -44,14 +46,6 @@ const CrossPodWriteForm = () => {
     setDocType(event.target.value);
   };
 
-  // const handleUsername = (event) => {
-  //   setUsername(event.target.value);
-  // };
-
-  // const handleDocDescription = (event) => {
-  //   setDocDescription(event.target.value);
-  // };
-
   // Initialized state for file upload
   const handleFileChange = (event) => {
     if (event.target.files.length === 1) {
@@ -64,39 +58,22 @@ const CrossPodWriteForm = () => {
   // Custom useField hook for handling form inputs
   const { clearValue: clearDescription, _type, ...description } = useField('textarea');
 
-  // const clearInputFields = (event) => {
-  //   event.target.reset();
-  //   clearDescription();
-  //   clearUsername();
-  //   setExpireDate(null);
-  //   setSelectedUser('');
-  //   dispatch({ type: 'CLEAR_FILE' });
-  //   dispatch({ type: 'CLEAR_PROCESSING' });
-  // };
   const clearInputFields = () => {
-    // setUsername('');
     setDocType('');
     setExpireDate(null);
-    // setDocDescription('');
     setSelectedUser('');
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
   const handleFormSubmit = makeHandleFormSubmission(
-    // INTERACTION_TYPES.CROSS,
-    // expireDate,
-    // state,
-    // dispatch,
-    // session,
-    // clearInputFields
-    // UPLOAD_TYPES.CROSS,
+    INTERACTION_TYPES.CROSS,
     expireDate,
-    // docDescription,
     state,
     dispatch,
     session,
-    clearInputFields
+    clearInputFields,
+    expireDate
   );
 
   // Event handler for form/document submission to Pod

From afe8c3a60665bdd706d60bdc5b8262bad02a3f26 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 8 Jun 2023 17:01:34 -0700
Subject: [PATCH 011/304] Fixed issue with old package-lock.json

---
 package-lock.json | 11475 ++------------------------------------------
 1 file changed, 353 insertions(+), 11122 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 052d40ef7..3ed8e7254 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,7 +1,7 @@
 {
   "name": "pass",
-  "version": "0.0.4",
-  "lockfileVersion": 2,
+  "version": "0.0.5",
+  "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
@@ -23,6 +23,7 @@
         "@mui/x-date-pickers": "^6.5.0",
         "@zxing/browser": "^0.1.3",
         "crypto-js": "^4.1.1",
+        "dayjs": "^1.11.8",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-paginate": "^8.2.0",
@@ -3005,6 +3006,342 @@
         "node": "^14 || ^16 || ^17 || ^18 || ^19 || ^20"
       }
     },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+      "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+      "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+      "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+      "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+      "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+      "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+      "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+      "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+      "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+      "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+      "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+      "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+      "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+      "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+      "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+      "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+      "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+      "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@esbuild/win32-x64": {
       "version": "0.17.19",
       "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
@@ -6091,9 +6428,7 @@
     "node_modules/dayjs": {
       "version": "1.11.8",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz",
-      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==",
-      "optional": true,
-      "peer": true
+      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ=="
     },
     "node_modules/debug": {
       "version": "4.3.4",
@@ -8450,6 +8785,19 @@
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
       "dev": true
     },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -14043,11122 +14391,5 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     }
-  },
-  "dependencies": {
-    "@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dev": true,
-      "requires": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "@babel/code-frame": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz",
-      "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==",
-      "requires": {
-        "@babel/highlight": "^7.18.6"
-      }
-    },
-    "@babel/compat-data": {
-      "version": "7.22.3",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.3.tgz",
-      "integrity": "sha512-aNtko9OPOwVESUFp3MZfD8Uzxl7JzSeJpd7npIoxCasU37PFbAQRpKglkaKwlHOyeJdrREpo8TW8ldrkYWwvIQ==",
-      "dev": true
-    },
-    "@babel/core": {
-      "version": "7.22.1",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.1.tgz",
-      "integrity": "sha512-Hkqu7J4ynysSXxmAahpN1jjRwVJ+NdpraFLIWflgjpVob3KNyK3/tIUc7Q7szed8WMp0JNa7Qtd1E9Oo22F9gA==",
-      "dev": true,
-      "requires": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.22.0",
-        "@babel/helper-compilation-targets": "^7.22.1",
-        "@babel/helper-module-transforms": "^7.22.1",
-        "@babel/helpers": "^7.22.0",
-        "@babel/parser": "^7.22.0",
-        "@babel/template": "^7.21.9",
-        "@babel/traverse": "^7.22.1",
-        "@babel/types": "^7.22.0",
-        "convert-source-map": "^1.7.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.2",
-        "semver": "^6.3.0"
-      }
-    },
-    "@babel/generator": {
-      "version": "7.22.3",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.3.tgz",
-      "integrity": "sha512-C17MW4wlk//ES/CJDL51kPNwl+qiBQyN7b9SKyVp11BLGFeSPoVaHrv+MNt8jwQFhQWowW88z1eeBx3pFz9v8A==",
-      "requires": {
-        "@babel/types": "^7.22.3",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jsesc": "^2.5.1"
-      }
-    },
-    "@babel/helper-annotate-as-pure": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz",
-      "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==",
-      "requires": {
-        "@babel/types": "^7.18.6"
-      }
-    },
-    "@babel/helper-compilation-targets": {
-      "version": "7.22.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.1.tgz",
-      "integrity": "sha512-Rqx13UM3yVB5q0D/KwQ8+SPfX/+Rnsy1Lw1k/UwOC4KC6qrzIQoY3lYnBu5EHKBlEHHcj0M0W8ltPSkD8rqfsQ==",
-      "dev": true,
-      "requires": {
-        "@babel/compat-data": "^7.22.0",
-        "@babel/helper-validator-option": "^7.21.0",
-        "browserslist": "^4.21.3",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.0"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-          "dev": true,
-          "requires": {
-            "yallist": "^3.0.2"
-          }
-        }
-      }
-    },
-    "@babel/helper-environment-visitor": {
-      "version": "7.22.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.1.tgz",
-      "integrity": "sha512-Z2tgopurB/kTbidvzeBrc2To3PUP/9i5MUe+fU6QJCQDyPwSH2oRapkLw3KGECDYSjhQZCNxEvNvZlLw8JjGwA=="
-    },
-    "@babel/helper-function-name": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
-      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
-      "requires": {
-        "@babel/template": "^7.20.7",
-        "@babel/types": "^7.21.0"
-      }
-    },
-    "@babel/helper-hoist-variables": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
-      "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
-      "requires": {
-        "@babel/types": "^7.18.6"
-      }
-    },
-    "@babel/helper-module-imports": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz",
-      "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==",
-      "requires": {
-        "@babel/types": "^7.21.4"
-      }
-    },
-    "@babel/helper-module-transforms": {
-      "version": "7.22.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.1.tgz",
-      "integrity": "sha512-dxAe9E7ySDGbQdCVOY/4+UcD8M9ZFqZcZhSPsPacvCG4M+9lwtDDQfI2EoaSvmf7W/8yCBkGU0m7Pvt1ru3UZw==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-environment-visitor": "^7.22.1",
-        "@babel/helper-module-imports": "^7.21.4",
-        "@babel/helper-simple-access": "^7.21.5",
-        "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/helper-validator-identifier": "^7.19.1",
-        "@babel/template": "^7.21.9",
-        "@babel/traverse": "^7.22.1",
-        "@babel/types": "^7.22.0"
-      }
-    },
-    "@babel/helper-plugin-utils": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz",
-      "integrity": "sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==",
-      "dev": true
-    },
-    "@babel/helper-simple-access": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz",
-      "integrity": "sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==",
-      "dev": true,
-      "requires": {
-        "@babel/types": "^7.21.5"
-      }
-    },
-    "@babel/helper-split-export-declaration": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
-      "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
-      "requires": {
-        "@babel/types": "^7.18.6"
-      }
-    },
-    "@babel/helper-string-parser": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz",
-      "integrity": "sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w=="
-    },
-    "@babel/helper-validator-identifier": {
-      "version": "7.19.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
-      "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w=="
-    },
-    "@babel/helper-validator-option": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
-      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==",
-      "dev": true
-    },
-    "@babel/helpers": {
-      "version": "7.22.3",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.3.tgz",
-      "integrity": "sha512-jBJ7jWblbgr7r6wYZHMdIqKc73ycaTcCaWRq4/2LpuPHcx7xMlZvpGQkOYc9HeSjn6rcx15CPlgVcBtZ4WZJ2w==",
-      "dev": true,
-      "requires": {
-        "@babel/template": "^7.21.9",
-        "@babel/traverse": "^7.22.1",
-        "@babel/types": "^7.22.3"
-      }
-    },
-    "@babel/highlight": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
-      "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
-      "requires": {
-        "@babel/helper-validator-identifier": "^7.18.6",
-        "chalk": "^2.0.0",
-        "js-tokens": "^4.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          }
-        },
-        "color-convert": {
-          "version": "1.9.3",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "requires": {
-            "color-name": "1.1.3"
-          }
-        },
-        "color-name": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-        },
-        "escape-string-regexp": {
-          "version": "1.0.5",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
-        },
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
-      }
-    },
-    "@babel/parser": {
-      "version": "7.22.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.4.tgz",
-      "integrity": "sha512-VLLsx06XkEYqBtE5YGPwfSGwfrjnyPP5oiGty3S8pQLFDFLaS8VwWSIxkTXpcvr5zeYLE6+MBNl2npl/YnfofA=="
-    },
-    "@babel/plugin-transform-react-jsx-self": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz",
-      "integrity": "sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.20.2"
-      }
-    },
-    "@babel/plugin-transform-react-jsx-source": {
-      "version": "7.19.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz",
-      "integrity": "sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.19.0"
-      }
-    },
-    "@babel/runtime": {
-      "version": "7.22.3",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.3.tgz",
-      "integrity": "sha512-XsDuspWKLUsxwCp6r7EhsExHtYfbe5oAGQ19kqngTdCPUoPQzOPdUbD/pB9PJiwb2ptYKQDjSJT3R6dC+EPqfQ==",
-      "requires": {
-        "regenerator-runtime": "^0.13.11"
-      }
-    },
-    "@babel/template": {
-      "version": "7.21.9",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
-      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
-      "requires": {
-        "@babel/code-frame": "^7.21.4",
-        "@babel/parser": "^7.21.9",
-        "@babel/types": "^7.21.5"
-      }
-    },
-    "@babel/traverse": {
-      "version": "7.22.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.4.tgz",
-      "integrity": "sha512-Tn1pDsjIcI+JcLKq1AVlZEr4226gpuAQTsLMorsYg9tuS/kG7nuwwJ4AB8jfQuEgb/COBwR/DqJxmoiYFu5/rQ==",
-      "requires": {
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.22.3",
-        "@babel/helper-environment-visitor": "^7.22.1",
-        "@babel/helper-function-name": "^7.21.0",
-        "@babel/helper-hoist-variables": "^7.18.6",
-        "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.22.4",
-        "@babel/types": "^7.22.4",
-        "debug": "^4.1.0",
-        "globals": "^11.1.0"
-      }
-    },
-    "@babel/types": {
-      "version": "7.22.4",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.4.tgz",
-      "integrity": "sha512-Tx9x3UBHTTsMSW85WB2kphxYQVvrZ/t1FxD88IpSgIjiUJlCm9z+xWIDwyo1vffTwSqteqyznB8ZE9vYYk16zA==",
-      "requires": {
-        "@babel/helper-string-parser": "^7.21.5",
-        "@babel/helper-validator-identifier": "^7.19.1",
-        "to-fast-properties": "^2.0.0"
-      }
-    },
-    "@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-      "dev": true
-    },
-    "@bergos/jsonparse": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@bergos/jsonparse/-/jsonparse-1.4.1.tgz",
-      "integrity": "sha512-vXIT0nzZGX/+yMD5bx2VhTzc92H55tPoehh1BW/FZHOndWGFddrH3MAfdx39FRc7irABirW6EQaGxIJYV6CGuA==",
-      "requires": {
-        "buffer": "^6.0.3"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-          "requires": {
-            "base64-js": "^1.3.1",
-            "ieee754": "^1.2.1"
-          }
-        }
-      }
-    },
-    "@colors/colors": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
-      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
-      "dev": true
-    },
-    "@comunica/actor-abstract-mediatyped": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-abstract-mediatyped/-/actor-abstract-mediatyped-2.7.0.tgz",
-      "integrity": "sha512-MaWLuizdSB4csgFBuPKeDTy2/SxrmpJnlK3uWp5rDvBio6kcKeUtpeeMdiwJ/VRfNaGm4tWvxpYU9H2HRj0MZQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/actor-abstract-parse": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-abstract-parse/-/actor-abstract-parse-2.7.0.tgz",
-      "integrity": "sha512-Zjsoq44A8TCWHrfH4EtZ648TgquxuD6W8x9osrYZL8o7f+XtZCD5cri3DBgCedUT78x79tj0wfVURp+15Ob9dQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-abstract-path": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-abstract-path/-/actor-abstract-path-2.7.1.tgz",
-      "integrity": "sha512-XJ5d5+4xEb0dVy4rnE4WLbMnRuFYNHEyuYgnHBUuZDz/gvQ7FrJf41ZFRdEnAFMWtTV9Am56I7XqyHsoBnBUIA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-string": "^1.6.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-context-preprocess-source-to-destination": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-context-preprocess-source-to-destination/-/actor-context-preprocess-source-to-destination-2.7.0.tgz",
-      "integrity": "sha512-ZQsN2ruwjgxgVMJ9yarTciyO1hKVb5EhiT0oBF9euYFO7qiK6io7vNv2M4HgcRwv5sXQ47M70BQI929sbouTcg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-context-preprocess": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/actor-dereference-fallback": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-fallback/-/actor-dereference-fallback-2.7.0.tgz",
-      "integrity": "sha512-unDUV3cDbp8lbB2mQOUbdEnxKwiWEDbcCFAmg6czoTUQBeHWHvDHZMhqsYZunTpiLbpHJX7dTt0xeA4bBGh9kw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-dereference": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-dereference-file": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-file/-/actor-dereference-file-2.7.0.tgz",
-      "integrity": "sha512-pz13PDjayD7I0SxQ/VIZB8HcisugT2VUcjD3P97Z22qaToFexR9UzgWLUP7bFEJDS5tq1hgKCvOn9Y/6sSXJeQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-dereference": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-dereference-http": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-http/-/actor-dereference-http-2.7.1.tgz",
-      "integrity": "sha512-dj6pFRd1cmupz1L0IzKP+mdmGpDd6l9qyk2Z7d/ZvKTocjTGP00R3AIxBp3z1JypC/eAeFZP62i97BeVUUEHIg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-dereference": "^2.7.0",
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "cross-fetch": "^3.1.5",
-        "relative-to-absolute-iri": "^1.0.7",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "@comunica/actor-dereference-rdf-parse": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-dereference-rdf-parse/-/actor-dereference-rdf-parse-2.7.0.tgz",
-      "integrity": "sha512-mLVyQBA7KCIKAIWtmBusg16aVY1uFLZh9mFLaJnMhOATmAacHwtV2JYHYC+CZgE5e6vIVBkjQjt2eFVwEvFE3g==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-dereference": "^2.7.0",
-        "@comunica/bus-dereference-rdf": "^2.7.0",
-        "@comunica/bus-rdf-parse": "^2.7.0"
-      }
-    },
-    "@comunica/actor-hash-bindings-sha1": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-hash-bindings-sha1/-/actor-hash-bindings-sha1-2.7.0.tgz",
-      "integrity": "sha512-MaP0YHTQxGrgi0xFQw7ppk++PY0sVlh6aZH852Hitmj2iYONSX2ekSqBQA4vX6Eb5fGZWjqMPZVZ3ozeaDHkjw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-hash-bindings": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "canonicalize": "^2.0.0",
-        "hash.js": "^1.1.7",
-        "rdf-string": "^1.6.1"
-      }
-    },
-    "@comunica/actor-http-fetch": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-http-fetch/-/actor-http-fetch-2.7.0.tgz",
-      "integrity": "sha512-MU281B74Ed+gAge3aTozqdP3CQEmDvp3CcfkfZzETFGZSL5tHXLnXIezctefEfrCco2iruT+micJPL8/vmQjOQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/mediatortype-time": "^2.7.0",
-        "abort-controller": "^3.0.0",
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "@comunica/actor-http-proxy": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-http-proxy/-/actor-http-proxy-2.7.0.tgz",
-      "integrity": "sha512-WRBAiBelvC5GkUbgLrQf/hLwfR0oDFf4xmtH0PJoxv5XQRzXh1aluA97HtsmfP/26FSd/dBU2Lm+l6MG/USb0w==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/mediatortype-time": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/actor-http-wayback": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-http-wayback/-/actor-http-wayback-2.7.0.tgz",
-      "integrity": "sha512-Dbri4JQIqkGTTIgZ1SVlRAt2WA1XJ5B3wbpTcBNIwyBu22/SB6Be/OuCoozYZLpIhBI9/vh331KQPIQr+e0ymg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "cross-fetch": "^3.1.5",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "@comunica/actor-init-query": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-init-query/-/actor-init-query-2.7.1.tgz",
-      "integrity": "sha512-Bgq9GNxve+nB2/6zNQc651JHnY9dGTO0VViTh/3lTnefDs4whf0speEBxj3HJrcbyEN4LZBPa2BCjdsgx82iLg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-http-proxy": "^2.7.0",
-        "@comunica/bus-context-preprocess": "^2.7.0",
-        "@comunica/bus-http-invalidate": "^2.7.0",
-        "@comunica/bus-init": "^2.7.0",
-        "@comunica/bus-optimize-query-operation": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-query-parse": "^2.7.0",
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/logger-pretty": "^2.7.0",
-        "@comunica/runner": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "@types/yargs": "^17.0.13",
-        "asynciterator": "^3.8.0",
-        "negotiate": "^1.0.1",
-        "process": "^0.11.10",
-        "rdf-quad": "^1.5.0",
-        "rdf-string": "^1.6.1",
-        "sparqlalgebrajs": "^4.0.5",
-        "streamify-string": "^1.0.1",
-        "yargs": "^17.6.2"
-      }
-    },
-    "@comunica/actor-optimize-query-operation-bgp-to-join": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-optimize-query-operation-bgp-to-join/-/actor-optimize-query-operation-bgp-to-join-2.7.0.tgz",
-      "integrity": "sha512-Bgyv6gujo8I5nuyYD7O8I1g6+YqXBjgZ8szp9+LqVGIaUFLg5SAevYuNhh8+urAjfGdIrFwixKsNMZmv5Yb5Mg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-optimize-query-operation": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-optimize-query-operation-join-bgp": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-optimize-query-operation-join-bgp/-/actor-optimize-query-operation-join-bgp-2.7.0.tgz",
-      "integrity": "sha512-4RUorGWiNUzkh5khBHc5GjdQJC7ztHTUAxaJTJ49pqJUVTLe0gR7EaLQ9juZJ/rvyFJTXQ7kTAJvQWr0a8EpEQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-optimize-query-operation": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-optimize-query-operation-join-connected": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-optimize-query-operation-join-connected/-/actor-optimize-query-operation-join-connected-2.7.0.tgz",
-      "integrity": "sha512-jfmqPgH+xEySSjisxNVZxqbBTxIogozFQ2t5DPGnOQDRTLcIZhKIZ5Toe5HyHo6JUnxpMVWHRMVoLj7gUasv1A==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-optimize-query-operation": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-ask": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-ask/-/actor-query-operation-ask-2.7.1.tgz",
-      "integrity": "sha512-JaR2JYrysOkhnlNguL2D51an30ksr7n+1sOhbkxUuc7fq69MZXTEYmzcb7OUm9KycNlBobjD0E/6oxBo7IqAsg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-bgp-join": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-bgp-join/-/actor-query-operation-bgp-join-2.7.1.tgz",
-      "integrity": "sha512-J2ixGEUNn8IcKETHeCuQlrKpEZA3x7jO7/xPQj+B/cNpYWKZnFK3VGLj2Tyx8boAt2SM9YtDf8rlAIgy2LCxbQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-construct": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-construct/-/actor-query-operation-construct-2.7.1.tgz",
-      "integrity": "sha512-BCY7/cFnxFlvjDZi8cVK9zX/LZgfvLyUWPqRM+XVHl0nZHU6Qcg6BREX04pWDjkT4W7CdNLXaX5sUGBVN+uChw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-terms": "^1.9.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-describe-subject": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-describe-subject/-/actor-query-operation-describe-subject-2.7.1.tgz",
-      "integrity": "sha512-SVz2weZK/qh7kp4Xk1BXq+hzRtxffkqcvluUblsG/7IM909FeXbitOpib9+96EixYdv4YwxoU7D02Xuw3OHNjw==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-query-operation-union": "^2.7.1",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-distinct-hash": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-distinct-hash/-/actor-query-operation-distinct-hash-2.7.1.tgz",
-      "integrity": "sha512-eqNHhtA64fdH5gUPoAj37B8sUSPOsC24j/xWiW5I+qVjdPP6j2Hf61uwTWhwr25Kn+90MmkEUmFs+GxNj27R+Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-hash-bindings": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-extend": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-extend/-/actor-query-operation-extend-2.7.1.tgz",
-      "integrity": "sha512-IQ3cJrp4SBTeZqvSUn40p+XTtTcZnaArWqJfG9jxUmlt1yML/38sHiM8AoTRr1/l5zesGX8SZiTJ4iINlAWObw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5",
-        "sparqlee": "^2.3.0"
-      }
-    },
-    "@comunica/actor-query-operation-filter-sparqlee": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-filter-sparqlee/-/actor-query-operation-filter-sparqlee-2.7.1.tgz",
-      "integrity": "sha512-JmkoG5QPzD02MxU2C6uunkvbTnE0Hy2CdFvm675QGczSGBNWYBnlgopAVeISz4stAr3cmDzvP74smlfRF7cPtA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5",
-        "sparqlee": "^2.3.0"
-      }
-    },
-    "@comunica/actor-query-operation-from-quad": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-from-quad/-/actor-query-operation-from-quad-2.7.1.tgz",
-      "integrity": "sha512-j4HEwTZLCVAPi3vkppeALP6XMLkvLLC+lkR28hSZ5EO7swkTJLXC4isW05h7q9Db7N/nXZV5LsibsKOH/+V8BA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-group": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-group/-/actor-query-operation-group-2.7.1.tgz",
-      "integrity": "sha512-CBo5M0xJCVGjkQwTZW/ZNm1leC6RgLm/vqXGySjDFj+El+G6ueROHIBiPOg0XjCbq2+CaVReXIpO/auNfLmutg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-hash-bindings": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5",
-        "sparqlee": "^2.3.0"
-      }
-    },
-    "@comunica/actor-query-operation-join": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-join/-/actor-query-operation-join-2.7.1.tgz",
-      "integrity": "sha512-kw2WHWpBNW5beOhlRK99LmpmNpK7hABYKqybTYiPDsrV/14STf/A9OnO3ztEROBoxLks7R7OjyGpSBBKgtJ3Yg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-leftjoin": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-leftjoin/-/actor-query-operation-leftjoin-2.7.1.tgz",
-      "integrity": "sha512-mVrkVlWNMKstSRXAz/2LUDnjSDSwx5RwI7nJuILISajKU/rmVnQfkIAt1N6znafh1b4qm7qC7pDJbn1Q/R4D5w==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5",
-        "sparqlee": "^2.3.0"
-      }
-    },
-    "@comunica/actor-query-operation-minus": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-minus/-/actor-query-operation-minus-2.7.1.tgz",
-      "integrity": "sha512-t8oY3lfPIj6h1mC/XOpd68Otu0a705a/4v9fN/k6m4yY8pcvmFn7U0YXYjgUcc2BRwfwQj785wLvXjj57kGSBA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-nop": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-nop/-/actor-query-operation-nop-2.7.1.tgz",
-      "integrity": "sha512-5K7VI8ZMG8Bxo7Ne4FYJ0PfdNdRXoVzeGd5HQM+zx5Dy9eBajB1nwXsZxs93+3WW/njFoBXJZ9K9SqIVO5G2Lg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-orderby-sparqlee": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-orderby-sparqlee/-/actor-query-operation-orderby-sparqlee-2.7.1.tgz",
-      "integrity": "sha512-2xN6dznbmEapjcBa2JmwttcUB0s3yhKqslvJqyXmfjvDqdMk1kDeERtGMTVe9eHe5JJMfo9naPezmyjNVJi0QQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5",
-        "sparqlee": "^2.3.0"
-      }
-    },
-    "@comunica/actor-query-operation-path-alt": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-alt/-/actor-query-operation-path-alt-2.7.1.tgz",
-      "integrity": "sha512-aOOaMFs2Z0pL9U/D/SYd1x4VXfTLd32DFTPOuA+jZdjwbCYQA1Rgp8e3V31MOENFgtvzZ9NrxBcMq+q9EpyoEg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/actor-query-operation-union": "^2.7.1",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-path-inv": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-inv/-/actor-query-operation-path-inv-2.7.1.tgz",
-      "integrity": "sha512-kkoyfOX1nn2G/f6K3AD117U7ETxI+coL/RWkFm7f5usCFR4TfhRHkESwKRynwso0vEH7hQyKj1LomkBicnbTIA==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-path-link": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-link/-/actor-query-operation-path-link-2.7.1.tgz",
-      "integrity": "sha512-H33V2zbxvLk2vhRyxKc4aqEIO3knfF5KKVCQZODISd6Z96SiRT18DZCKHbpBglvEJYwTWyKI9nd/8dUMGXpOOg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-path-nps": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-nps/-/actor-query-operation-path-nps-2.7.1.tgz",
-      "integrity": "sha512-3UCEUsMvqdHPB0LYFK22Dz47qUQNeGd6TZeFemOJ91weGONscQWi6JLsaeLW1+PWiqyJtCgiOToZmLvi/4r7tA==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-path-one-or-more": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-one-or-more/-/actor-query-operation-path-one-or-more-2.7.1.tgz",
-      "integrity": "sha512-P9UThBStBvK60D9LHlNC/UnqaRydjudG1+64WFi4wonCAneYcXkPEGUBNAjMT1cKvhCLrIe3E0/GRBDDM7N1uw==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-path-seq": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-seq/-/actor-query-operation-path-seq-2.7.1.tgz",
-      "integrity": "sha512-GVXMKc+8xj1MDz8HZnynZubHNPtUU3gjnsAT7vy/mELmUr0iB1+4TCJA5r0cKOIqlPyNEModRhH/5ZUAAUnftg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-path-zero-or-more": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-zero-or-more/-/actor-query-operation-path-zero-or-more-2.7.1.tgz",
-      "integrity": "sha512-ySt8le6jR7Ndht3FEVYXO/skrXoYPNiXfqxcQEzXSfU0XL40R9UZFiG56CBZtJSi7SsnjM/Oq3ax3/dEXK3X/w==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "rdf-string": "^1.6.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-path-zero-or-one": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-path-zero-or-one/-/actor-query-operation-path-zero-or-one-2.7.1.tgz",
-      "integrity": "sha512-MqUcFSddkly+P9+iyVRXYFeOIbUtEONAcpPT9ZTKkD4UuA7pu91UbXeDQFWmTt/AQb4+xGxZDEvtFdfP1MM7Rg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-path": "^2.7.1",
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-project": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-project/-/actor-query-operation-project-2.7.1.tgz",
-      "integrity": "sha512-3+4GYs+ckt8wnp8+O5LpL+IepkYUuc/647FBgNl1TB44AJvki4OT83xzmUiP98j69oVRvKoAnolsbtt/ReONdQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/data-factory": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-quadpattern": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-quadpattern/-/actor-query-operation-quadpattern-2.7.1.tgz",
-      "integrity": "sha512-XX/Z4OUgAFdkcrHCkO05mqITCSZHopMjxWTeLHohrO6vrkdCX+IBA0lkiWoDkPqNhUySKtwJd8sEtC2VN1RNMw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-terms": "^1.9.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-reduced-hash": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-reduced-hash/-/actor-query-operation-reduced-hash-2.7.1.tgz",
-      "integrity": "sha512-R/VMR7gq9ACLNWN8Bkapwvk1TVDPaqB5iu+a2u5XkDbo+8/Ay6HGKi+1lmR+PobZ6WUBqWh6i3Jl96mH15Y29A==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-hash-bindings": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@types/lru-cache": "^7.0.0",
-        "lru-cache": "^7.0.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-service": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-service/-/actor-query-operation-service-2.7.1.tgz",
-      "integrity": "sha512-UPQtTgUBbPNAXQGlHVGwpHfKYtItGra36ochmrosN1mafi+MZ9nwgJc/bMK6zVT5F8upcNXSDqbw2dbzd2yHfg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-slice": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-slice/-/actor-query-operation-slice-2.7.1.tgz",
-      "integrity": "sha512-Jl6UYVzRRNy8YwZPuowvuUy+ot5c5y2kiVc6Tc6KkVQlrOrHmnY4g9leywRBDr/pWarqGDWi+kJpvUrKbaaSsw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-sparql-endpoint": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-sparql-endpoint/-/actor-query-operation-sparql-endpoint-2.7.1.tgz",
-      "integrity": "sha512-EiXGuLLI8cwJTJ/upEd1tsOLXz2mlFwXfzKCTdb9qnkLkPUJJ9xwRFTEKhJjrRYoAFZZxvCDcQbWJyI5bCi7ew==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/mediatortype-httprequests": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "fetch-sparql-endpoint": "^3.1.1",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-union": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-union/-/actor-query-operation-union-2.7.1.tgz",
-      "integrity": "sha512-yeWKlCIwI2AFqeSmxFOIUJwgs9Ajt/1+dZ4Sa4XwUC9I2rGWCDqSLWzWDI9JJtAY7bvoNehoNG3TMRO4SzyTTw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-terms": "^1.9.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-add-rewrite": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-add-rewrite/-/actor-query-operation-update-add-rewrite-2.7.1.tgz",
-      "integrity": "sha512-gfO+QYEOmgeWoKulZ/aIcBaXvsWVZe6vMRjlyjrFwOJS6PJqISo6Y7bMdGRh5KifFzFGNzCvXP525J+EYwlclA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-clear": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-clear/-/actor-query-operation-update-clear-2.7.1.tgz",
-      "integrity": "sha512-2gkCOXTmxvIQe0Vmh6Od6JNC5kslIDGTlsKv+6W18xvnRM/XZcm9pdqgwkmMIDuNi8mfly+hyReXdZBEysg/FA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-compositeupdate": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-compositeupdate/-/actor-query-operation-update-compositeupdate-2.7.1.tgz",
-      "integrity": "sha512-zkngl7sHe5ecic501tclqVFNmXKpBdMHN8qQ/eymJXKSnsjxCJOkdILRe6KzuzWmKXP3bOZ3PhbrPrjuw24lLA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-copy-rewrite": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-copy-rewrite/-/actor-query-operation-update-copy-rewrite-2.7.1.tgz",
-      "integrity": "sha512-XFY9UV4iQcXs5rzO3t76B0jHyys4rU7i4O1W2Ws4ySLRJGZHVI7JbTdk0NGXJZPYXC7Bu5RNjOQChMYYsdNmwA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-create": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-create/-/actor-query-operation-update-create-2.7.1.tgz",
-      "integrity": "sha512-H4U8HL8l8aSy09VJdWboiLQnS2shLM0CaFTTP0QvzW0rftMHcb6VNqsNSGazwR52nQsOB03gsQ2swtE71XWpzg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-deleteinsert": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-deleteinsert/-/actor-query-operation-update-deleteinsert-2.7.1.tgz",
-      "integrity": "sha512-Lif4fM7cU1IzJY7OcbUhSD4CKXlU1lWFNM/Q2QvbS+/UY66f6gny+Z7+jCuJU8zNHRYpD373zTo2+d3qH7kczg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-query-operation-construct": "^2.7.1",
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-drop": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-drop/-/actor-query-operation-update-drop-2.7.1.tgz",
-      "integrity": "sha512-HVGPToxpofIMx7JxtrVONWAnM6ER3NC8E3or256LEFD8MU3cqYc9fcf1TSgVr/qfsucxc0T3O1gHfhcvmGNuyw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-load": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-load/-/actor-query-operation-update-load-2.7.1.tgz",
-      "integrity": "sha512-JstRsbPOi4O7y1wRBouCcz4V1G7L1gVy01mzQLyfB4IsPYFuyb1VtX4FY5I3xrY/DRTe1WWewbNHGlixpsesrw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-update-move-rewrite": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-update-move-rewrite/-/actor-query-operation-update-move-rewrite-2.7.1.tgz",
-      "integrity": "sha512-dsqM02Quq9tBTKmNgNKF+lsnPkcDx/TpVaPCpTHZZl3uXDXiJI77U4zWG7ONPYs+YPdzzouhe/VMkPGTAN2qXA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-operation-values": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-operation-values/-/actor-query-operation-values-2.7.1.tgz",
-      "integrity": "sha512-fs+gAJFLqhBCu696LkkQwmrAtWwO18TS+kIQ8FR0X2/qhUl2nvVSZSfMDhLGhORH15GFZ7XPhHzz0gPFqvnG9A==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-query-parse-graphql": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-parse-graphql/-/actor-query-parse-graphql-2.7.0.tgz",
-      "integrity": "sha512-c71SIVHp/OqaujIX6MeBMqdVYUpjD9bowwqqlvzY5t5Z1OcGcKe1Bv0QtiBpSh1Z6a+JDyLBwzMBOyd94qH3XA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-parse": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "graphql-to-sparql": "^3.0.1"
-      }
-    },
-    "@comunica/actor-query-parse-sparql": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-parse-sparql/-/actor-query-parse-sparql-2.7.0.tgz",
-      "integrity": "sha512-lcyga5k+4rF1nCfIkYAUFUs9fSPBEeYl326f7iilsu0CdiMQDryQpj5YDWsPyxNiti/Gbz92VBZe4MzIBqH2TA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-parse": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@types/sparqljs": "^3.1.3",
-        "sparqlalgebrajs": "^4.0.5",
-        "sparqljs": "^3.6.1"
-      }
-    },
-    "@comunica/actor-query-result-serialize-json": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-json/-/actor-query-result-serialize-json-2.7.0.tgz",
-      "integrity": "sha512-uMi2wZo4MaYNzZl6VL0P+c1IKiOlT2ZUZBXcLzQLNgmeG4QF4/GN7r9e6PFYNsUhIfJ7i3pgFgXjhOO5/bElMw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "rdf-string": "^1.6.1",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-rdf": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-rdf/-/actor-query-result-serialize-rdf-2.7.0.tgz",
-      "integrity": "sha512-c1WMybmC20C63ehjPLPFxRW/TkrtAhtJ1JBO+rWqrNd0msy+/nT6tgEJ23IfVs3tKNC4R0EM1RdwB+P0NBoTVA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/bus-rdf-serialize": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-simple": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-simple/-/actor-query-result-serialize-simple-2.7.0.tgz",
-      "integrity": "sha512-XbCpM+6FI/0FmDKQI9IUvQEZ4FT2NJFVVZacLxi2LZQwQ1GEA2r+CD2wb1V6wZhf8Yk5Chw5lhGlp+x727vE2Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-sparql-csv": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-csv/-/actor-query-result-serialize-sparql-csv-2.7.0.tgz",
-      "integrity": "sha512-/5M4vya+wBljBnoQE9E0UCi6b0nBkw1miah0ioWk9NvgFEoe5YdmIhYcqTm19WKU0+8fOus/lKC14U505gXaMA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-sparql-json": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-json/-/actor-query-result-serialize-sparql-json-2.7.0.tgz",
-      "integrity": "sha512-HdJTVnhNQ/dE838OkrDihOaUpaSVwsbf13IEo5XM/dYesgjU38HiP3iGH6qgHnPaa1a39qoGo5b+vCMTBzjILg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-http-invalidate": "^2.7.0",
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-sparql-tsv": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-tsv/-/actor-query-result-serialize-sparql-tsv-2.7.0.tgz",
-      "integrity": "sha512-kqwkVg4UYuVSAjJ6IHpRFQskw+e+LpIOv68mmI9ZvXD7oww+40ZR6r2s9FGYeVG8O5TcN0qF6Cr/NRzSfzXS9A==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "rdf-string-ttl": "^1.3.2",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-sparql-xml": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-sparql-xml/-/actor-query-result-serialize-sparql-xml-2.7.0.tgz",
-      "integrity": "sha512-unvfawP7DdSn/ARikozEemG5+47j4DiV6f/KG+yB4dUseJSlAc5ILLeTD7oE3j03vnq4f52pk/ZHwfXEgmiZ8A==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-stats": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-stats/-/actor-query-result-serialize-stats-2.7.0.tgz",
-      "integrity": "sha512-dDAL9iAUDJt9etrYTCOOVL9VgdqMFGj/uIE7C/CMdnnuA9vn6JCkGkVzEwDonPPBf/tpLAapjHrwozqQmRIvyA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-http-invalidate": "^2.7.0",
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "process": "^0.11.10",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-table": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-table/-/actor-query-result-serialize-table-2.7.0.tgz",
-      "integrity": "sha512-lbocdiCRZaauRqBeKgWW/2xiUqdNEAyOUL65ktk8hL7X8UUSZQdYW0CtvFYaHtlmeUG8MwSJsJd4GHU6t7D4zw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-terms": "^1.9.1",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-query-result-serialize-tree": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-query-result-serialize-tree/-/actor-query-result-serialize-tree-2.7.0.tgz",
-      "integrity": "sha512-BlvpBvN7slyYr9v/p4dRZcW7we51kdoNiAPBes9J4+3YZHv8P7uMsLribRNvNCUtdBGO77ALBnONy2d2yYF9ng==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-result-serialize": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "readable-stream": "^4.2.0",
-        "sparqljson-to-tree": "^3.0.1"
-      }
-    },
-    "@comunica/actor-rdf-join-entries-sort-cardinality": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-entries-sort-cardinality/-/actor-rdf-join-entries-sort-cardinality-2.7.0.tgz",
-      "integrity": "sha512-4JN9a4jo5E01zqhnKEtSNNedawvzmX3ptvg4MKkvtaHPGCIQl5jg9l+UcB4nFbU7H0l8pAicpe7Se3h5ZtnPcQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join-entries-sort": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-hash": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-hash/-/actor-rdf-join-inner-hash-2.7.1.tgz",
-      "integrity": "sha512-Lc7bLPkJNqyOixg3qrF/gSq885wgyggSu9fONeFH/mf5UHNePWCnRCAGQpLdO1nRu4Vo8EzNCxEnMsdi1DxABQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asyncjoin": "^1.1.1"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-multi-bind": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-multi-bind/-/actor-rdf-join-inner-multi-bind-2.7.1.tgz",
-      "integrity": "sha512-lix7hYxnNOflWWYV8rhVG30rAl1Cg+vlcJs8LnqB7qxfRwspYquC4wfKOiuARosR8GziGtnfLSAdY8GqqgfRew==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/bus-rdf-join-entries-sort": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-multi-empty": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-multi-empty/-/actor-rdf-join-inner-multi-empty-2.7.1.tgz",
-      "integrity": "sha512-ZA2vqTePvUh0aZLcNtWvbT4NjEFW8rWHfA1eSOY98V21i5sLnyap2cMS5dSy0MpwHkptL7Kdz7AjnKP9tqe8kA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asynciterator": "^3.8.0"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-multi-smallest": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-multi-smallest/-/actor-rdf-join-inner-multi-smallest-2.7.1.tgz",
-      "integrity": "sha512-NlJW0f/2pfKPZyyOnwx2CT2FQ9odw/f7gnJIJeSN8eOzep7H6TsFNtloJUmne5FUEvqOiuIA2bmVc9l0c75bWA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/bus-rdf-join-entries-sort": "^2.7.0",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-nestedloop": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-nestedloop/-/actor-rdf-join-inner-nestedloop-2.7.1.tgz",
-      "integrity": "sha512-CNkZb28ZH8m9KADGMtyCqbD1fmZAWzCCpGDfYI0SI0kCTbTswIjYwDlZZa4FX3e2PmcixTPcfaysWAIkRyHXTA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asyncjoin": "^1.1.1"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-none": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-none/-/actor-rdf-join-inner-none-2.7.1.tgz",
-      "integrity": "sha512-IK+OkXLqPubytrPy+oXbBXIB+W97OPCnabeBL8HwH6IhMOmCDcNMw10hx3z2NEzCFNMxToxJ+l6xChW7nesI6Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "asynciterator": "^3.8.0"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-single": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-single/-/actor-rdf-join-inner-single-2.7.1.tgz",
-      "integrity": "sha512-xqE4I8w5K9H8Q3JLjYOyivILqn8o5i5ERHgTE7vcnG+kEpmbHqvhqrnznm7XvmghEhddsHf7s12xqXty8JGwLQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-join-inner-symmetrichash": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-inner-symmetrichash/-/actor-rdf-join-inner-symmetrichash-2.7.1.tgz",
-      "integrity": "sha512-+ZRrfmw9R/bW1n2FGHfVasxxMIDPgxyKzZ5/ji8Tu8gV9bMsiQzrXw2aRR1cpNnXgcI45zTO+hS2D8dUYBWf+g==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asyncjoin": "^1.1.1"
-      }
-    },
-    "@comunica/actor-rdf-join-minus-hash": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-minus-hash/-/actor-rdf-join-minus-hash-2.7.1.tgz",
-      "integrity": "sha512-e394ek3/IBDCqTlweL7Mc7q6/HZOZHT24g7+aP+SzHhhR9dHc8R02cJKW/p/L1dF2XmUXqTHWG7OdWHDT1gbVA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/actor-rdf-join-minus-hash-undef": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-minus-hash-undef/-/actor-rdf-join-minus-hash-undef-2.7.1.tgz",
-      "integrity": "sha512-3kCOhxgqIkGH9RTrKBGnuicpsC8+dMBw85go8MDhBtNF/xNkR+LeI2j0OhPhJayWhf25k7V4kz727VULiPa5dg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "rdf-string": "^1.6.1"
-      }
-    },
-    "@comunica/actor-rdf-join-optional-bind": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-optional-bind/-/actor-rdf-join-optional-bind-2.7.1.tgz",
-      "integrity": "sha512-vszNrDxhhcGVosisz1MtXjPFbNBkMXY3uGjb0LTqINOX/qVHD661VC7DzgM88wEY4lF6gPrJQYQBwfpb1IOMnA==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-rdf-join-inner-multi-bind": "^2.7.1",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-rdf-join-optional-nestedloop": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-optional-nestedloop/-/actor-rdf-join-optional-nestedloop-2.7.1.tgz",
-      "integrity": "sha512-bYLZyeway6lb/HYcL76TvFoJEQdNlCTItk3hK4fIg9KD71N4Z4ptblsRcvnEHEsDjrj+Wr4oyAwHJKECuvdl2Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "asyncjoin": "^1.1.1"
-      }
-    },
-    "@comunica/actor-rdf-join-selectivity-variable-counting": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-join-selectivity-variable-counting/-/actor-rdf-join-selectivity-variable-counting-2.7.1.tgz",
-      "integrity": "sha512-h3ycbClIfXUKb4akpL/Vg9t/Q7m3kFCPyYkn4gUk2L+2504hgtf7h62NgxvtiJrrTLbwt5xP0qGUclaeedYfcA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join-selectivity": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/mediatortype-accuracy": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-rdf-metadata-accumulate-cancontainundefs": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-cancontainundefs/-/actor-rdf-metadata-accumulate-cancontainundefs-2.7.0.tgz",
-      "integrity": "sha512-Q/lMs1kWiMmf8APv7AhMWeANFbJakevSSFIFKJlXURVQ5cjA+astqERlq8rPd78b9OowPS5PvdgWsrkoqs6S4w==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-accumulate-cardinality": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-cardinality/-/actor-rdf-metadata-accumulate-cardinality-2.7.0.tgz",
-      "integrity": "sha512-V4q6/t9lgqUE+T/sY8MjPQx2ziGAbqwtHErAd7JQjaH7OQ4ztavPSs8DVr5F1fPkW7DMMwtKsMmTkazzFoH8tA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-accumulate-pagesize": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-pagesize/-/actor-rdf-metadata-accumulate-pagesize-2.7.0.tgz",
-      "integrity": "sha512-kA+NIWFH0uIXB0MalHlu17UTsBB3oxjWFQIVnI9JHP7JK0f3eTwQKOLIwCLHy3895L/KC4r9AuLPiIszAvodVQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-accumulate-requesttime": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-accumulate-requesttime/-/actor-rdf-metadata-accumulate-requesttime-2.7.0.tgz",
-      "integrity": "sha512-T37DAojujIFRaND8VL/OsykWXOJYc61Ja0/FShpAflzMhE876ne0Gj/MTFlmWyscTA1MPl77h39cEPwC7u30lg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-all": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-all/-/actor-rdf-metadata-all-2.7.0.tgz",
-      "integrity": "sha512-kEbJA62Bx7Rj2h2E8bUUn3P0s6e8BdxHvB1dMn9x/rS2dwTdYe0i10r8dF52/8LyLQkToqtZwugNKbOIRXr2/Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-allow-http-methods": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-allow-http-methods/-/actor-rdf-metadata-extract-allow-http-methods-2.7.0.tgz",
-      "integrity": "sha512-Mzxkt3hO4XGijp8kGR12D7Wh5on+LvQL9zKrM0tiuT4rcW8M6g9DhHfUNhV2GIovH0SmutvHEdam+rlfE+qoKw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-hydra-controls": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-hydra-controls/-/actor-rdf-metadata-extract-hydra-controls-2.7.0.tgz",
-      "integrity": "sha512-Fc+ce+eMS1TVX9RULe2/srCBwktAlI1mjTWZ6JgsVIDLH8VRH53oyv+9mEJWCCk2dLwo7EyboplGGd59SEpAAA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*",
-        "@types/uritemplate": "^0.3.4",
-        "uritemplate": "0.3.4"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-hydra-count": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-hydra-count/-/actor-rdf-metadata-extract-hydra-count-2.7.0.tgz",
-      "integrity": "sha512-/979gXjZh5sgIBELaNAwMKOxE5uvplncft9eu1oIYT0iDuKBp7IBJ38Ymq8srR0nFBT86TibELLA7KuZHtaUPw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-hydra-pagesize": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-hydra-pagesize/-/actor-rdf-metadata-extract-hydra-pagesize-2.7.0.tgz",
-      "integrity": "sha512-WkFPtmE7jZiu+TfZ+oRpALB4dU/i3gb7FdQYKPfeg/ms84IjKfxxGCugXLn6RB6OWZL7wfsgyGAg+yEcXLtTgQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-patch-sparql-update": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-patch-sparql-update/-/actor-rdf-metadata-extract-patch-sparql-update-2.7.0.tgz",
-      "integrity": "sha512-jxfFA0O3SxhxTI0yZ6FjWSi4tnbhtXXAPBOrwbUK/KhNbGkebgfoyXBLCyBvawemfXuMxAvZxkXQ7JLo01+u0Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-put-accepted": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-put-accepted/-/actor-rdf-metadata-extract-put-accepted-2.7.0.tgz",
-      "integrity": "sha512-rNOadqaLyL8h+O/+CQGvquYuyXqfwvjDRnUUxSKGkexBQNFwR1sQfFQKEEEHpFxzo111zwiqutyvwZGkZcHXeQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-request-time": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-request-time/-/actor-rdf-metadata-extract-request-time-2.7.0.tgz",
-      "integrity": "sha512-IZO5vd7WmLHJh/GkeCEyypTj+nfmSVknyz+ktrb0zyXUFN2y8gn1/UMRR2iqJF87Hn7jpxms6QRwit7zpJhyhg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-metadata-extract-sparql-service": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-extract-sparql-service/-/actor-rdf-metadata-extract-sparql-service-2.7.0.tgz",
-      "integrity": "sha512-jiVRggdAqQG3W+g1chcOlP7XQZ1OY3TdRz6BcXyb88vV2Q28iGYBuTwBSGrGLD5w6LwQfNdnsfP+4nqC1r+0hA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "relative-to-absolute-iri": "^1.0.7"
-      }
-    },
-    "@comunica/actor-rdf-metadata-primary-topic": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-metadata-primary-topic/-/actor-rdf-metadata-primary-topic-2.7.0.tgz",
-      "integrity": "sha512-qrnF0UXmcGkEZ2ONPCUkXfctAEiRrE+6KD0MJGpaFcMrGc9zusQy60QnvYizCbFWTkRfh6O1uN7scNe+yoWBlw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-metadata": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-rdf-parse-html": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html/-/actor-rdf-parse-html-2.7.1.tgz",
-      "integrity": "sha512-sKLMCZn9rD7cu+6PLIcug37Qqw3kaPbU2Hz0peYxKu0saxLAjWbg+G7F/FbtnAdfiFYvAhd1jf5RoUmVmBMxDw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/bus-rdf-parse-html": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "htmlparser2": "^9.0.0",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-rdf-parse-html-microdata": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html-microdata/-/actor-rdf-parse-html-microdata-2.7.0.tgz",
-      "integrity": "sha512-rjHJu5JDDmfA6Mt1eY4f7JTtez6MaKZ/LwEXmuB5R8xFV1/ikdMMuUr2B2eBuSv+aj/nNf+PlPo7R0d4IDzBGw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse-html": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "microdata-rdf-streaming-parser": "^2.0.1"
-      }
-    },
-    "@comunica/actor-rdf-parse-html-rdfa": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html-rdfa/-/actor-rdf-parse-html-rdfa-2.7.0.tgz",
-      "integrity": "sha512-xqnsvFuNxupkbqQ6tr2VyY9g/vD86XddhNJFkMXs/SGNuvGakC4P1EdCSabsDFa3xT9OFZkBeWelKAHl+8ghPw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse-html": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "rdfa-streaming-parser": "^2.0.1"
-      }
-    },
-    "@comunica/actor-rdf-parse-html-script": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-html-script/-/actor-rdf-parse-html-script-2.7.0.tgz",
-      "integrity": "sha512-lFWAJmTXm3Cj3NxjH0rWVtuRtjuER/qTuSUDxCL2u3N6m5GZUfQ5kSeKgHoddWSBF8GLxcgrHZhTlFyIHYvbfg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/bus-rdf-parse-html": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "readable-stream": "^4.2.0",
-        "relative-to-absolute-iri": "^1.0.7"
-      }
-    },
-    "@comunica/actor-rdf-parse-jsonld": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-jsonld/-/actor-rdf-parse-jsonld-2.7.0.tgz",
-      "integrity": "sha512-Q5DFm7S7hWim03GEekFKDvzZCyt97f7ah+GMOmZANhvb6AskV0xMCgA/ROzCzFBmKA2oZ9Xh+W8FVuNlMuahbw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "jsonld-context-parser": "^2.2.2",
-        "jsonld-streaming-parser": "^3.0.1",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "@comunica/actor-rdf-parse-n3": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-n3/-/actor-rdf-parse-n3-2.7.0.tgz",
-      "integrity": "sha512-jzn4DqUhWtAdqw8p+7JtG7HDc0XWG1tMMjw6h+YrIPIEjeNQeTfqaLxRYj2syYBh5/DagjybDjpX14AQstURiA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "n3": "^1.16.3"
-      }
-    },
-    "@comunica/actor-rdf-parse-rdfxml": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-rdfxml/-/actor-rdf-parse-rdfxml-2.7.0.tgz",
-      "integrity": "sha512-VCeQlAc+ZmioDmjZaZr2G3s/lnuYfeHvbFIUvwiaNt9BAjvPJzttIfJ+roAOgdchXbTqrL6iaNDIaI9GXJQlWw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "rdfxml-streaming-parser": "^2.2.1"
-      }
-    },
-    "@comunica/actor-rdf-parse-shaclc": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-shaclc/-/actor-rdf-parse-shaclc-2.7.0.tgz",
-      "integrity": "sha512-zcMZgcuBA8pN+i5fNkGhGl0bvGCwrfUTaHsaGvW+o3v2I8F5UBYBHMe0/JrGDrj/vcktROwnbtbh7igNBPd4FA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "readable-stream": "^4.2.0",
-        "shaclc-parse": "^1.4.0",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "@comunica/actor-rdf-parse-xml-rdfa": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-parse-xml-rdfa/-/actor-rdf-parse-xml-rdfa-2.7.0.tgz",
-      "integrity": "sha512-vVyrui9XvprSAcQo4Tp/fK8M8GGCAF/NIftcTByyhqP8B4hNcAXP7Jd2c2H/A5IfdtkyN6nS8IWddwT4nho9qA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "rdfa-streaming-parser": "^2.0.1"
-      }
-    },
-    "@comunica/actor-rdf-resolve-hypermedia-links-next": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-links-next/-/actor-rdf-resolve-hypermedia-links-next-2.7.0.tgz",
-      "integrity": "sha512-j6c3L1QaI0IDXTQNoNnn3IjGvwvc6r30q4fxig8zRGwTQbmA7UIsvk+xqLPmX9enkzkU+IaUVAYwIWJ/o4dw+Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-resolve-hypermedia-links-queue-fifo": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-links-queue-fifo/-/actor-rdf-resolve-hypermedia-links-queue-fifo-2.7.0.tgz",
-      "integrity": "sha512-1Aq52zaseMsGxmU9J+MsEoQfI9Y0Q2RGyILoB0Fpz87CgDTt7VdxMoINVHH3pTOaLD0hhNaiKuPxNA7SME6+EA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
-        "@comunica/bus-rdf-resolve-hypermedia-links-queue": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/actor-rdf-resolve-hypermedia-none": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-none/-/actor-rdf-resolve-hypermedia-none-2.7.0.tgz",
-      "integrity": "sha512-KXx04t9KPE70XQF3ReM5m3B4Ju/Zb2Q7CJMP3q8WZOzQkh6lzE0v8v8w6DXRcjabOINzahtua1gZxX6I26kyGQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source": "^2.7.0",
-        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
-        "rdf-store-stream": "^1.3.1"
-      }
-    },
-    "@comunica/actor-rdf-resolve-hypermedia-qpf": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-qpf/-/actor-rdf-resolve-hypermedia-qpf-2.7.0.tgz",
-      "integrity": "sha512-pJY0XIiapYB0p3q0gzkPdpe9n/ERwWDbX9ffFJAzSA2u2TqBlksXnoWV0klmkbRTXuIKLGsXxXs1Bxd6eN4KdA==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-rdf-metadata-extract-hydra-controls": "^2.7.0",
-        "@comunica/bus-dereference-rdf": "^2.7.0",
-        "@comunica/bus-rdf-metadata": "^2.7.0",
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-string": "^1.6.1",
-        "rdf-terms": "^1.9.1"
-      }
-    },
-    "@comunica/actor-rdf-resolve-hypermedia-sparql": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-hypermedia-sparql/-/actor-rdf-resolve-hypermedia-sparql-2.7.1.tgz",
-      "integrity": "sha512-5EPmW+44D1ImQSrTOrb3M7Mg4d4J4kGu84dkF34k21rYzFJfBj+QNA5+VDLGWKpkrNsmC/KSqqMIirmHxcfDTw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "fetch-sparql-endpoint": "^3.1.1",
-        "lru-cache": "^7.0.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-terms": "^1.9.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-rdf-resolve-quad-pattern-federated": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-federated/-/actor-rdf-resolve-quad-pattern-federated-2.7.1.tgz",
-      "integrity": "sha512-b6gowLBrDBs2diYR7Vkpuc5NqkNl/mONtZ7rKuQ/BuIizsTTRrdHTh+NsUssYYHje129kdm9Vva+URm+RwdhYw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/data-factory": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-terms": "^1.9.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-rdf-resolve-quad-pattern-hypermedia": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-hypermedia/-/actor-rdf-resolve-quad-pattern-hypermedia-2.7.1.tgz",
-      "integrity": "sha512-QmKMCIc8BKP9ytAZnQuigY6zkLWV6rlwh33zhVxZsBSZH3oQdZ+1jgHSilZHQwQaIt3ZjlJm3XwhJODlC9P2Lg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-dereference-rdf": "^2.7.0",
-        "@comunica/bus-http-invalidate": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-metadata": "^2.7.0",
-        "@comunica/bus-rdf-metadata-accumulate": "^2.7.0",
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/bus-rdf-resolve-hypermedia": "^2.7.0",
-        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
-        "@comunica/bus-rdf-resolve-hypermedia-links-queue": "^2.7.0",
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "@types/lru-cache": "^7.0.0",
-        "asynciterator": "^3.8.0",
-        "lru-cache": "^7.0.0",
-        "rdf-streaming-store": "^1.1.0",
-        "readable-stream": "^4.2.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source/-/actor-rdf-resolve-quad-pattern-rdfjs-source-2.7.0.tgz",
-      "integrity": "sha512-iy48Hk6XAwatiB4LbdClh4CXWbkGMHO+SRZtt3H7LTztUCGTMZJBsXkuuQQf98yj32MmWPXkkQ77kzsBqcIz5A==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0"
-      }
-    },
-    "@comunica/actor-rdf-resolve-quad-pattern-string-source": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-resolve-quad-pattern-string-source/-/actor-rdf-resolve-quad-pattern-string-source-2.7.1.tgz",
-      "integrity": "sha512-PuJ4ifIA/iGJer/KTBGITR3qdVgReZIkS6I7/QRyKyE3erJKzV6/rENgGPaeSyYf2BjI3H7AaUTVP9wJCgBsUg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "lru-cache": "^7.14.1",
-        "rdf-store-stream": "^1.3.1",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-rdf-serialize-jsonld": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-serialize-jsonld/-/actor-rdf-serialize-jsonld-2.7.0.tgz",
-      "integrity": "sha512-5N4B6t8tmQE26K1WpqLyboT7mUYxnbJRPYesWjk5U/6bZxejuo5u4mxU8CwMy4YmzA/ICcmXVzK8V37pS/mqXA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "jsonld-streaming-serializer": "^2.0.1"
-      }
-    },
-    "@comunica/actor-rdf-serialize-n3": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-serialize-n3/-/actor-rdf-serialize-n3-2.7.0.tgz",
-      "integrity": "sha512-0lY4QMcYkXwIDo1auv+ilpdq2sl5HS+RV630fMOZm26w89BGOJAt6Ko30zu9ezFW2P1MWCwQn3xUW5fnATTivQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "n3": "^1.16.3"
-      }
-    },
-    "@comunica/actor-rdf-serialize-shaclc": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-serialize-shaclc/-/actor-rdf-serialize-shaclc-2.7.0.tgz",
-      "integrity": "sha512-dPRksmEcy35GCF3HmP6mT9dehmrIXFyuNeTuoeBtAf0o1q6lj3kkSf5Cc/u4mD8qmbqdm7alijESDofA9mWecA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-serialize": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "arrayify-stream": "^2.0.1",
-        "readable-stream": "^4.3.0",
-        "shaclc-write": "^1.4.2"
-      }
-    },
-    "@comunica/actor-rdf-update-hypermedia-patch-sparql-update": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-hypermedia-patch-sparql-update/-/actor-rdf-update-hypermedia-patch-sparql-update-2.7.1.tgz",
-      "integrity": "sha512-vMPEfvnUsRZEYmN7nM+pW0+zBVN5wUerrgtSqQRSwBu6JxGUQpqBocxbli6viIAIPNpc3XePRQpXo5f3PCiQrA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "cross-fetch": "^3.1.5",
-        "rdf-string-ttl": "^1.3.2",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/actor-rdf-update-hypermedia-put-ldp": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-hypermedia-put-ldp/-/actor-rdf-update-hypermedia-put-ldp-2.7.1.tgz",
-      "integrity": "sha512-jCk6p2P5Zv7VZ9QgIjAlDfXD8dPQNe+7g+AGQ/aU8zMuA/AOkGl/b+dcYBvae+2GL88aY7S2rQtl0S47kDMHMA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-rdf-serialize": "^2.7.0",
-        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "@comunica/actor-rdf-update-hypermedia-sparql": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-hypermedia-sparql/-/actor-rdf-update-hypermedia-sparql-2.7.1.tgz",
-      "integrity": "sha512-vzhE4Y7EfGSb2jSaovPFqerhAdCbDKbntGg9pZRUZxmIDMoON/dO1frVw7qkGfjFa0Oevu4dIbo0mWIuUUqhuQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "fetch-sparql-endpoint": "^3.1.1",
-        "rdf-string-ttl": "^1.3.2",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "@comunica/actor-rdf-update-quads-hypermedia": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-quads-hypermedia/-/actor-rdf-update-quads-hypermedia-2.7.1.tgz",
-      "integrity": "sha512-IjFW8niWwwwPUMEwC9g+fNZ9BIgbSJaMK7fUBZ6zlnqGx4jGL7rSLUMz2criwn23MWLL+ss/6QE9D0xpsa6lDA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-dereference-rdf": "^2.7.0",
-        "@comunica/bus-http-invalidate": "^2.7.0",
-        "@comunica/bus-rdf-metadata": "^2.7.0",
-        "@comunica/bus-rdf-metadata-extract": "^2.7.0",
-        "@comunica/bus-rdf-update-hypermedia": "^2.7.1",
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@types/lru-cache": "^7.0.0",
-        "lru-cache": "^7.0.0"
-      }
-    },
-    "@comunica/actor-rdf-update-quads-rdfjs-store": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/actor-rdf-update-quads-rdfjs-store/-/actor-rdf-update-quads-rdfjs-store-2.7.1.tgz",
-      "integrity": "sha512-zeV6i0fK7oL9nsE+B2qwTUHcoom5JyCHVrv7G0COuyN5bC40vUV05f4Q9Y/M4IGPf6V7d10Li3uOgvvBO64P0w==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-string": "^1.6.1"
-      }
-    },
-    "@comunica/bindings-factory": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bindings-factory/-/bindings-factory-2.7.0.tgz",
-      "integrity": "sha512-NeLbBmqiNhyUCZSfqZfwZD50dQ5+DABgPbzfuZnbHq9uSfhxAzuGCzgrK0hmuwRHWOPBtmeRnyZTJorePuxTzQ==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "immutable": "^4.1.0",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-string": "^1.6.1"
-      }
-    },
-    "@comunica/bus-context-preprocess": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-context-preprocess/-/bus-context-preprocess-2.7.0.tgz",
-      "integrity": "sha512-UWssXqxrFATZm2XtBtvEoSDb6T21Hx7gOrFeh1zznh3X9XaVguh1mslJ9CPg6ZPx/6EzvL6FpU0PglP0jVgXKA==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/bus-dereference": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-dereference/-/bus-dereference-2.7.0.tgz",
-      "integrity": "sha512-a9eBVPWxRShgENTIyWz1Kl/Fl0BdAk2GhISuY7zEyNcPj5bfj0c7aqo+6BhCszJTAi3Q/DVkoNI18UwKphHU5w==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-mediatyped": "^2.7.0",
-        "@comunica/actor-abstract-parse": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/bus-dereference-rdf": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-dereference-rdf/-/bus-dereference-rdf-2.7.0.tgz",
-      "integrity": "sha512-nc3pVfoJiPGZqHJN1oDfVrqizskzpaSwk4+UDi1VRttxcXqn1YgtDEawu7BLqdEvgOuBZGej+tnwZ0mLfzIAvw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-dereference": "^2.7.0",
-        "@comunica/bus-rdf-parse": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-hash-bindings": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-hash-bindings/-/bus-hash-bindings-2.7.0.tgz",
-      "integrity": "sha512-am2+/3oy6awS7guHoZopS7Vt3LhYNm3trAsx4M6XJyfGyQhjXR/LKtHxyQoiywiD6ODu+CccR1oHH1n/Ges9tw==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/bus-http": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-http/-/bus-http-2.7.0.tgz",
-      "integrity": "sha512-7clRnc6NScFRkzPqNPWxuShzFbXI+s9Hq64CoF1K8YLncayIoGKjSqu8/5MfN8cOEuWPWwaPA1APU1FqCN4OaQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "is-stream": "^2.0.1",
-        "readable-stream-node-to-web": "^1.0.1",
-        "readable-web-to-node-stream": "^3.0.2",
-        "web-streams-ponyfill": "^1.4.2"
-      }
-    },
-    "@comunica/bus-http-invalidate": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-http-invalidate/-/bus-http-invalidate-2.7.0.tgz",
-      "integrity": "sha512-FGyY3raBRacGMa6SXVcNwk3g3YV3U/VT8YPYy9GZZmV7RbaH4n4yh/85pp2zICSJM64KV+OGkYcLX9+e+0AFlw==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/bus-init": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-init/-/bus-init-2.7.0.tgz",
-      "integrity": "sha512-mubSRunj8V4pG4OsfKkrHzyDR3rUQbgNC/Zz9aOWIO4mKly+ep1uhm1lc9k1KaXmi7mafILkC0Pe8XxEXyu2pw==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "readable-stream": "^4.2.0"
-      }
-    },
-    "@comunica/bus-optimize-query-operation": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-optimize-query-operation/-/bus-optimize-query-operation-2.7.0.tgz",
-      "integrity": "sha512-+f97sEvfujOg1aTaA5vQ8WbpkaYqH5lfC/o3PiJKI+fwzZ+ujfwh2BNTVj7vJz2GOYu5XUVzyuWkXULbIIjQFg==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/bus-query-operation": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-query-operation/-/bus-query-operation-2.7.1.tgz",
-      "integrity": "sha512-LuCx2VNEGIfWGiWI8WA+BsIlbDzYfcEJVL3F/5XuUN5vYv50a/9tOWfEIpUAfmbCVtuHPEmBrRpF9DUaxOOtxg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/data-factory": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "rdf-string": "^1.6.1",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/bus-query-parse": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-query-parse/-/bus-query-parse-2.7.0.tgz",
-      "integrity": "sha512-V5TH4l0bLm/nyoaLa962nhMmXgDKezeJJIhfOvRkU0owzCvt//9tE4Wu47TANR+odMt6PoXkSpRZFis9yUylAw==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/bus-query-result-serialize": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-query-result-serialize/-/bus-query-result-serialize-2.7.0.tgz",
-      "integrity": "sha512-txEg0uViBFAz2gtpv4gid9/w1xa9HHdys3E1xBEZmvyCodd9n7wplVio06Qibr6nzlQFZGXhKmkwxq8MJNyB+A==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-mediatyped": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/bus-rdf-join": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-join/-/bus-rdf-join-2.7.1.tgz",
-      "integrity": "sha512-y2H7vm1EonBLtbz/Ji74M3FdvIuBHuUG4uiMU5hKmr12zyqlV00BYMfxD4oGGpHM6hKhHnGYraULIraxVPm7+w==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/bus-rdf-join-selectivity": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/metadata": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.1",
-        "rdf-string": "^1.6.1"
-      }
-    },
-    "@comunica/bus-rdf-join-entries-sort": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-join-entries-sort/-/bus-rdf-join-entries-sort-2.7.0.tgz",
-      "integrity": "sha512-Hdf1N1K2UxCpJyOxkaG4rC8wtM4EevcXIZA5Eq0DTBOUnLxfF0/4xt4soFjEnagDM38flwurvw6UvfoRnjANVA==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/bus-rdf-join-selectivity": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-join-selectivity/-/bus-rdf-join-selectivity-2.7.0.tgz",
-      "integrity": "sha512-M0C+43cdTHuKM6zgTiWhA1Lz7qGjP4bXiuyKYMXwMjfEIc3o0Q4HaMvTHDj5aUlXvMrPsxj1ad4AAljoB0Z5eg==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/mediatortype-accuracy": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/bus-rdf-metadata": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-metadata/-/bus-rdf-metadata-2.7.0.tgz",
-      "integrity": "sha512-M68omFUuylN4fFn9btUnotF3hx4HQEyrqBt8VZbvnUFSuTY4sFUnkSsLXeGGCT84zem4ljSXZtc/OTnqMqZssw==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-rdf-metadata-accumulate": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-metadata-accumulate/-/bus-rdf-metadata-accumulate-2.7.0.tgz",
-      "integrity": "sha512-3yUVaGbRjTyqZWDhTK5qsjf5NpmeRO2TNRESFQUuPHKwSE6/e8eEyMQYnQseG39RGaz6xJOQ3edIxVPOHagNvQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/bus-rdf-metadata-extract": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-metadata-extract/-/bus-rdf-metadata-extract-2.7.0.tgz",
-      "integrity": "sha512-VsfI3LrzpHoGREZseFBpcCo/E0JxvhzZOfzGi7/8PTY9BLbu1j6QsQnGdcSGCxhDv73jKnQZA+JiCu0QaFIYrg==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-rdf-parse": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-parse/-/bus-rdf-parse-2.7.0.tgz",
-      "integrity": "sha512-j3T4R68xbAyisEh5G22ZNPRS45MK2epVtDEEyPdOZa681PtI8PElPCR8gPZeUlWOPxf/v3xKMbvWn/fHBaFjQA==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-mediatyped": "^2.7.0",
-        "@comunica/actor-abstract-parse": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-rdf-parse-html": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-parse-html/-/bus-rdf-parse-html-2.7.0.tgz",
-      "integrity": "sha512-1oRe+ghYPQmj97wiqN3KfxLOGPfSFZsH3+5AHjk2bQ41bzPUj/gHkGWEmnFHu68uf15ezyfLghKR7itimKSC2w==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-rdf-resolve-hypermedia": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-hypermedia/-/bus-rdf-resolve-hypermedia-2.7.0.tgz",
-      "integrity": "sha512-rMJ3zjd3izan11ykcMKbwMLVh109pOy+JQDb+oYsOYbxHf4/gfv1Lg8m899hnBJNHiznlb91rBBzzcwQITanhA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-resolve-quad-pattern": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-rdf-resolve-hypermedia-links": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-hypermedia-links/-/bus-rdf-resolve-hypermedia-links-2.7.0.tgz",
-      "integrity": "sha512-khx0fyvoCtcVBqCc6t5rSwUseHZtss37qO3In6m0aJFReD7wdZpRk6Vr0nZAHmijoBK4dNZdORy0jGZ0hXLk9g==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-rdf-resolve-hypermedia-links-queue": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-hypermedia-links-queue/-/bus-rdf-resolve-hypermedia-links-queue-2.7.0.tgz",
-      "integrity": "sha512-Sm/J57AS3il/UFSOMFRtGoHNKqUggaU8XQrTTURQg/3ma+3nwa337Fr7emXxTp5cNEZQ3521oJwG5tEHHj2jHg==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-resolve-hypermedia-links": "^2.7.0",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/bus-rdf-resolve-quad-pattern": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-resolve-quad-pattern/-/bus-rdf-resolve-quad-pattern-2.7.0.tgz",
-      "integrity": "sha512-ypF7kKJrEetXH9qz+Zht49iMw1ShnOVCzvWkFj4ZacrneBHkllCJViaTH08r9HAHUIh2x3ZCXueAIiANsmegxw==",
-      "dev": true,
-      "requires": {
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/bus-rdf-serialize": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-serialize/-/bus-rdf-serialize-2.7.0.tgz",
-      "integrity": "sha512-IxoxZ4lhuucnyChxGUm/cOctsfkDa9y/TVdOebYL3rntllNcuwIRmUSEwjXpdh4qTFOsWHy5kS/YlFqNRnU2JA==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-abstract-mediatyped": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/bus-rdf-update-hypermedia": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-update-hypermedia/-/bus-rdf-update-hypermedia-2.7.1.tgz",
-      "integrity": "sha512-0Yh5E0iM1QnzjbaW5CnvoOoUYDmFm/ExUqW0Q90z6Kgx1FN0uFcnZqDGwSKAQ8mP8/tMi6USF2kb6/DAhM+qmw==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-update-quads": "^2.7.1",
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/bus-rdf-update-quads": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/bus-rdf-update-quads/-/bus-rdf-update-quads-2.7.1.tgz",
-      "integrity": "sha512-yPHDe8kjHi1Ie+6ECj5eSG5m2qqQAeHIqaGPBuP9ITiR9LYK2zG9P3YkfiLmTOfYRzdikbo39oryefuOP463fg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-rdf-resolve-quad-pattern-federated": "^2.7.1",
-        "@comunica/bus-http": "^2.7.0",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "asynciterator": "^3.8.0",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "@comunica/config-query-sparql": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/config-query-sparql/-/config-query-sparql-2.7.0.tgz",
-      "integrity": "sha512-rMnFgT7cz9+0z7wV4OzIMY5qM9/Z0mTGrR8y2JokoHyyTcBGOSajFmy61XCSLMCsLLG8qDXsJ4ClCCky3TGfqA==",
-      "dev": true
-    },
-    "@comunica/context-entries": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/context-entries/-/context-entries-2.7.0.tgz",
-      "integrity": "sha512-TTRuhJxD+PmbgtdPh3LyS6bAKCxAW7jZnk28mEJqMpE2Ljt5OEuZaZHfVfWCapnWRUDWsh+kxsSGbu9En/FyUQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "@rdfjs/types": "*",
-        "jsonld-context-parser": "^2.2.2",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@comunica/core": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/core/-/core-2.7.0.tgz",
-      "integrity": "sha512-HyOrP4+WgmclUYUb5ik1LHpDjaVP8nf7td5VXrfdg/3/7yj2q21JRwuAnaNmr8gHBmvliUcFAtHvv1y6ChDdvQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/types": "^2.7.0",
-        "immutable": "^4.1.0"
-      }
-    },
-    "@comunica/data-factory": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/data-factory/-/data-factory-2.7.0.tgz",
-      "integrity": "sha512-dSTzrR1w9SzAWx70ZXKXHUC8f0leUolLZ9TOhGjFhhsBMJ9Pbo0g6vHV8txX5FViShngrg9QNKhsHeQnMk5z6Q==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/logger-pretty": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/logger-pretty/-/logger-pretty-2.7.0.tgz",
-      "integrity": "sha512-uf/pzLCgmHfTwQOytGqlEwGkmlZjo3+mqTqmIi083zRZmB/6kbJUUY3W1XcmdJDqdZUAoFCRBRam/L+8FL7HBA==",
-      "dev": true,
-      "requires": {
-        "@comunica/types": "^2.7.0",
-        "object-inspect": "^1.12.2",
-        "process": "^0.11.10"
-      }
-    },
-    "@comunica/logger-void": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/logger-void/-/logger-void-2.7.0.tgz",
-      "integrity": "sha512-fmwNwwbx1SogjY6Ik36TLWkfMyYpz58H4boEnqvTYN786fFz9xawgd+fIVc3VV7RwRUBMdONAGFLUKPc5NNgNg==",
-      "dev": true,
-      "requires": {
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/mediator-all": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediator-all/-/mediator-all-2.7.0.tgz",
-      "integrity": "sha512-wrAzC56Lsf029sRu0qVDw+zaXsJbrSU4RdCSfskQ4xNJuUGx4i4nWC7AGp1T4iddSdjY50DzAC5WISnxFLvOTA==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/mediator-combine-pipeline": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediator-combine-pipeline/-/mediator-combine-pipeline-2.7.0.tgz",
-      "integrity": "sha512-Nwc9jjnfxiC8Pw3K2zn0DJyYJjtdd2sGRXE+qwny0MtC4fG6Ft9koQA09FelZwBL/dZCDpbBhyu7UaX3aDLWmQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/mediator-combine-union": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediator-combine-union/-/mediator-combine-union-2.7.0.tgz",
-      "integrity": "sha512-A647k9qSJHSgGmAjYtKuHAPPNCJriQp6uiOePRDNtcyizCdhd0rpG9FOA00qAoa5aZATXz5XJo9LV2Vhm27ckA==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/mediator-join-coefficients-fixed": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/mediator-join-coefficients-fixed/-/mediator-join-coefficients-fixed-2.7.1.tgz",
-      "integrity": "sha512-684IfDK4hH3gWzeFRl0mjxAknxJ2y9szYCSC2TWn8oYHUahT8uqQk6eXESI+pR5ULDpjPbMPGOuWrLCnqNCE1w==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-rdf-join": "^2.7.1",
-        "@comunica/context-entries": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/mediatortype-join-coefficients": "^2.7.0",
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/mediator-number": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediator-number/-/mediator-number-2.7.0.tgz",
-      "integrity": "sha512-pfZBobnwvnsdvMrmNQAvm5eNvA95gizJL8TCdxHsKglqiVVELKmiZTLKxoI1z2oDBtBWhca4Hsu/8/5UsOxSrA==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/mediator-race": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediator-race/-/mediator-race-2.7.0.tgz",
-      "integrity": "sha512-evgUI97nfe/ZzGvUUd8AlWxwehwzSUQkWA6PQGL+K5+rGYQpH7ZjkUU2wJltYgIsOCmqxBl8TMeqqLe1YZrKaQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/mediatortype-accuracy": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-accuracy/-/mediatortype-accuracy-2.7.0.tgz",
-      "integrity": "sha512-M+dcfRH6/9URE9Rgl2/zdKk+AzuG8CXja2kGtKb36WKi9A+u88FoxPCbGw4yO/SPHvuRkPCAYeDsFK5shiR7gg==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/mediatortype-httprequests": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-httprequests/-/mediatortype-httprequests-2.7.0.tgz",
-      "integrity": "sha512-Vwc4ugWEuDV4B/M5m1ATJkP/5zsOwOjGPp22iBZcYvjALjfjphzfZmxZv/dFccGdnKPEM4Dxej72xqF8lDPheQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/mediatortype-join-coefficients": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-join-coefficients/-/mediatortype-join-coefficients-2.7.0.tgz",
-      "integrity": "sha512-QEgQDbLnrWftrI9UycI+sYRAwhhsYCqu8Cl00XX4moV5eUk/4zrWLx6kwTpABH9k8bUnZCcbv0VcRl91qT5JPA==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@rdfjs/types": "*"
-      }
-    },
-    "@comunica/mediatortype-time": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/mediatortype-time/-/mediatortype-time-2.7.0.tgz",
-      "integrity": "sha512-huqm6rIAOj0x1f7JzgFZ5aDx4VbThc74MQLpQbwqCTmgCg4GgP0Kj6J2WY0CZxd4GSh+byeFkvP73vtGYUh8bg==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0"
-      }
-    },
-    "@comunica/metadata": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/metadata/-/metadata-2.7.0.tgz",
-      "integrity": "sha512-YlUxDJJ2C28BcOwimLzhRZ9v68KY79kcdnZxln3lmJcTLnF/j0q/5Nayb3NkZaQdcVhJw6Ah7Za1jGkmF/Ur3Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/types": "^2.7.0"
-      }
-    },
-    "@comunica/query-sparql": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@comunica/query-sparql/-/query-sparql-2.7.1.tgz",
-      "integrity": "sha512-OAFm6nu9QRIQUPMADAIGrTpiddUuAgJ3cBBdg+YZMIzva/Ia/oKFxs+T/3HSybHawj5b25BToE81ZdKGJ/3gWg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-context-preprocess-source-to-destination": "^2.7.0",
-        "@comunica/actor-dereference-fallback": "^2.7.0",
-        "@comunica/actor-dereference-http": "^2.7.1",
-        "@comunica/actor-dereference-rdf-parse": "^2.7.0",
-        "@comunica/actor-hash-bindings-sha1": "^2.7.0",
-        "@comunica/actor-http-fetch": "^2.7.0",
-        "@comunica/actor-http-proxy": "^2.7.0",
-        "@comunica/actor-http-wayback": "^2.7.0",
-        "@comunica/actor-init-query": "^2.7.1",
-        "@comunica/actor-optimize-query-operation-bgp-to-join": "^2.7.0",
-        "@comunica/actor-optimize-query-operation-join-bgp": "^2.7.0",
-        "@comunica/actor-optimize-query-operation-join-connected": "^2.7.0",
-        "@comunica/actor-query-operation-ask": "^2.7.1",
-        "@comunica/actor-query-operation-bgp-join": "^2.7.1",
-        "@comunica/actor-query-operation-construct": "^2.7.1",
-        "@comunica/actor-query-operation-describe-subject": "^2.7.1",
-        "@comunica/actor-query-operation-distinct-hash": "^2.7.1",
-        "@comunica/actor-query-operation-extend": "^2.7.1",
-        "@comunica/actor-query-operation-filter-sparqlee": "^2.7.1",
-        "@comunica/actor-query-operation-from-quad": "^2.7.1",
-        "@comunica/actor-query-operation-group": "^2.7.1",
-        "@comunica/actor-query-operation-join": "^2.7.1",
-        "@comunica/actor-query-operation-leftjoin": "^2.7.1",
-        "@comunica/actor-query-operation-minus": "^2.7.1",
-        "@comunica/actor-query-operation-nop": "^2.7.1",
-        "@comunica/actor-query-operation-orderby-sparqlee": "^2.7.1",
-        "@comunica/actor-query-operation-path-alt": "^2.7.1",
-        "@comunica/actor-query-operation-path-inv": "^2.7.1",
-        "@comunica/actor-query-operation-path-link": "^2.7.1",
-        "@comunica/actor-query-operation-path-nps": "^2.7.1",
-        "@comunica/actor-query-operation-path-one-or-more": "^2.7.1",
-        "@comunica/actor-query-operation-path-seq": "^2.7.1",
-        "@comunica/actor-query-operation-path-zero-or-more": "^2.7.1",
-        "@comunica/actor-query-operation-path-zero-or-one": "^2.7.1",
-        "@comunica/actor-query-operation-project": "^2.7.1",
-        "@comunica/actor-query-operation-quadpattern": "^2.7.1",
-        "@comunica/actor-query-operation-reduced-hash": "^2.7.1",
-        "@comunica/actor-query-operation-service": "^2.7.1",
-        "@comunica/actor-query-operation-slice": "^2.7.1",
-        "@comunica/actor-query-operation-sparql-endpoint": "^2.7.1",
-        "@comunica/actor-query-operation-union": "^2.7.1",
-        "@comunica/actor-query-operation-update-add-rewrite": "^2.7.1",
-        "@comunica/actor-query-operation-update-clear": "^2.7.1",
-        "@comunica/actor-query-operation-update-compositeupdate": "^2.7.1",
-        "@comunica/actor-query-operation-update-copy-rewrite": "^2.7.1",
-        "@comunica/actor-query-operation-update-create": "^2.7.1",
-        "@comunica/actor-query-operation-update-deleteinsert": "^2.7.1",
-        "@comunica/actor-query-operation-update-drop": "^2.7.1",
-        "@comunica/actor-query-operation-update-load": "^2.7.1",
-        "@comunica/actor-query-operation-update-move-rewrite": "^2.7.1",
-        "@comunica/actor-query-operation-values": "^2.7.1",
-        "@comunica/actor-query-parse-graphql": "^2.7.0",
-        "@comunica/actor-query-parse-sparql": "^2.7.0",
-        "@comunica/actor-query-result-serialize-json": "^2.7.0",
-        "@comunica/actor-query-result-serialize-rdf": "^2.7.0",
-        "@comunica/actor-query-result-serialize-simple": "^2.7.0",
-        "@comunica/actor-query-result-serialize-sparql-csv": "^2.7.0",
-        "@comunica/actor-query-result-serialize-sparql-json": "^2.7.0",
-        "@comunica/actor-query-result-serialize-sparql-tsv": "^2.7.0",
-        "@comunica/actor-query-result-serialize-sparql-xml": "^2.7.0",
-        "@comunica/actor-query-result-serialize-stats": "^2.7.0",
-        "@comunica/actor-query-result-serialize-table": "^2.7.0",
-        "@comunica/actor-query-result-serialize-tree": "^2.7.0",
-        "@comunica/actor-rdf-join-entries-sort-cardinality": "^2.7.0",
-        "@comunica/actor-rdf-join-inner-hash": "^2.7.1",
-        "@comunica/actor-rdf-join-inner-multi-bind": "^2.7.1",
-        "@comunica/actor-rdf-join-inner-multi-empty": "^2.7.1",
-        "@comunica/actor-rdf-join-inner-multi-smallest": "^2.7.1",
-        "@comunica/actor-rdf-join-inner-nestedloop": "^2.7.1",
-        "@comunica/actor-rdf-join-inner-none": "^2.7.1",
-        "@comunica/actor-rdf-join-inner-single": "^2.7.1",
-        "@comunica/actor-rdf-join-inner-symmetrichash": "^2.7.1",
-        "@comunica/actor-rdf-join-minus-hash": "^2.7.1",
-        "@comunica/actor-rdf-join-minus-hash-undef": "^2.7.1",
-        "@comunica/actor-rdf-join-optional-bind": "^2.7.1",
-        "@comunica/actor-rdf-join-optional-nestedloop": "^2.7.1",
-        "@comunica/actor-rdf-join-selectivity-variable-counting": "^2.7.1",
-        "@comunica/actor-rdf-metadata-accumulate-cancontainundefs": "^2.7.0",
-        "@comunica/actor-rdf-metadata-accumulate-cardinality": "^2.7.0",
-        "@comunica/actor-rdf-metadata-accumulate-pagesize": "^2.7.0",
-        "@comunica/actor-rdf-metadata-accumulate-requesttime": "^2.7.0",
-        "@comunica/actor-rdf-metadata-all": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-allow-http-methods": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-hydra-controls": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-hydra-count": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-hydra-pagesize": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-patch-sparql-update": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-put-accepted": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-request-time": "^2.7.0",
-        "@comunica/actor-rdf-metadata-extract-sparql-service": "^2.7.0",
-        "@comunica/actor-rdf-metadata-primary-topic": "^2.7.0",
-        "@comunica/actor-rdf-parse-html": "^2.7.1",
-        "@comunica/actor-rdf-parse-html-microdata": "^2.7.0",
-        "@comunica/actor-rdf-parse-html-rdfa": "^2.7.0",
-        "@comunica/actor-rdf-parse-html-script": "^2.7.0",
-        "@comunica/actor-rdf-parse-jsonld": "^2.7.0",
-        "@comunica/actor-rdf-parse-n3": "^2.7.0",
-        "@comunica/actor-rdf-parse-rdfxml": "^2.7.0",
-        "@comunica/actor-rdf-parse-shaclc": "^2.7.0",
-        "@comunica/actor-rdf-parse-xml-rdfa": "^2.7.0",
-        "@comunica/actor-rdf-resolve-hypermedia-links-next": "^2.7.0",
-        "@comunica/actor-rdf-resolve-hypermedia-links-queue-fifo": "^2.7.0",
-        "@comunica/actor-rdf-resolve-hypermedia-none": "^2.7.0",
-        "@comunica/actor-rdf-resolve-hypermedia-qpf": "^2.7.0",
-        "@comunica/actor-rdf-resolve-hypermedia-sparql": "^2.7.1",
-        "@comunica/actor-rdf-resolve-quad-pattern-federated": "^2.7.1",
-        "@comunica/actor-rdf-resolve-quad-pattern-hypermedia": "^2.7.1",
-        "@comunica/actor-rdf-resolve-quad-pattern-rdfjs-source": "^2.7.0",
-        "@comunica/actor-rdf-resolve-quad-pattern-string-source": "^2.7.1",
-        "@comunica/actor-rdf-serialize-jsonld": "^2.7.0",
-        "@comunica/actor-rdf-serialize-n3": "^2.7.0",
-        "@comunica/actor-rdf-serialize-shaclc": "^2.7.0",
-        "@comunica/actor-rdf-update-hypermedia-patch-sparql-update": "^2.7.1",
-        "@comunica/actor-rdf-update-hypermedia-put-ldp": "^2.7.1",
-        "@comunica/actor-rdf-update-hypermedia-sparql": "^2.7.1",
-        "@comunica/actor-rdf-update-quads-hypermedia": "^2.7.1",
-        "@comunica/actor-rdf-update-quads-rdfjs-store": "^2.7.1",
-        "@comunica/bus-http-invalidate": "^2.7.0",
-        "@comunica/bus-query-operation": "^2.7.1",
-        "@comunica/config-query-sparql": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "@comunica/logger-void": "^2.7.0",
-        "@comunica/mediator-all": "^2.7.0",
-        "@comunica/mediator-combine-pipeline": "^2.7.0",
-        "@comunica/mediator-combine-union": "^2.7.0",
-        "@comunica/mediator-join-coefficients-fixed": "^2.7.1",
-        "@comunica/mediator-number": "^2.7.0",
-        "@comunica/mediator-race": "^2.7.0",
-        "@comunica/runner": "^2.7.0",
-        "@comunica/runner-cli": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "process": "^0.11.10"
-      }
-    },
-    "@comunica/runner": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/runner/-/runner-2.7.0.tgz",
-      "integrity": "sha512-qCZrafNV6vYloE9YsaQrf2Sl8J4o/R2EeBk7Y+RmRtwrG2jpcvmEsvii5CayKOGapq05WwIoZEhz999ZpTmhJQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/bus-init": "^2.7.0",
-        "@comunica/core": "^2.7.0",
-        "componentsjs": "^5.3.2",
-        "process": "^0.11.10"
-      }
-    },
-    "@comunica/runner-cli": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/runner-cli/-/runner-cli-2.7.0.tgz",
-      "integrity": "sha512-+5+AqL35WucUDKK24ASA9UD/3MxhYmped9hI3NiV6WKWbWfF/saAO2wlcpTla+bk9XWtz9cHVLLOmXUWb/XWNA==",
-      "dev": true,
-      "requires": {
-        "@comunica/core": "^2.7.0",
-        "@comunica/runner": "^2.7.0",
-        "@comunica/types": "^2.7.0",
-        "process": "^0.11.10"
-      }
-    },
-    "@comunica/types": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@comunica/types/-/types-2.7.0.tgz",
-      "integrity": "sha512-P/aD3W9wqTtZx9SOWPldihmyrf02PK3lDUUP7QG76+1MlDxBna3UrXaIWS6VdV4dWzEULsnvZUIq+23o5A3WCg==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@types/yargs": "^17.0.13",
-        "asynciterator": "^3.8.0",
-        "sparqlalgebrajs": "^4.0.5"
-      }
-    },
-    "@dabh/diagnostics": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@dabh/diagnostics/-/diagnostics-2.0.3.tgz",
-      "integrity": "sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==",
-      "dev": true,
-      "requires": {
-        "colorspace": "1.1.x",
-        "enabled": "2.0.x",
-        "kuler": "^2.0.0"
-      }
-    },
-    "@emotion/babel-plugin": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz",
-      "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==",
-      "requires": {
-        "@babel/helper-module-imports": "^7.16.7",
-        "@babel/runtime": "^7.18.3",
-        "@emotion/hash": "^0.9.1",
-        "@emotion/memoize": "^0.8.1",
-        "@emotion/serialize": "^1.1.2",
-        "babel-plugin-macros": "^3.1.0",
-        "convert-source-map": "^1.5.0",
-        "escape-string-regexp": "^4.0.0",
-        "find-root": "^1.1.0",
-        "source-map": "^0.5.7",
-        "stylis": "4.2.0"
-      }
-    },
-    "@emotion/cache": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
-      "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
-      "requires": {
-        "@emotion/memoize": "^0.8.1",
-        "@emotion/sheet": "^1.2.2",
-        "@emotion/utils": "^1.2.1",
-        "@emotion/weak-memoize": "^0.3.1",
-        "stylis": "4.2.0"
-      }
-    },
-    "@emotion/hash": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz",
-      "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ=="
-    },
-    "@emotion/is-prop-valid": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
-      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
-      "requires": {
-        "@emotion/memoize": "^0.8.1"
-      }
-    },
-    "@emotion/memoize": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
-      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
-    },
-    "@emotion/react": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.0.tgz",
-      "integrity": "sha512-ZSK3ZJsNkwfjT3JpDAWJZlrGD81Z3ytNDsxw1LKq1o+xkmO5pnWfr6gmCC8gHEFf3nSSX/09YrG67jybNPxSUw==",
-      "requires": {
-        "@babel/runtime": "^7.18.3",
-        "@emotion/babel-plugin": "^11.11.0",
-        "@emotion/cache": "^11.11.0",
-        "@emotion/serialize": "^1.1.2",
-        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-        "@emotion/utils": "^1.2.1",
-        "@emotion/weak-memoize": "^0.3.1",
-        "hoist-non-react-statics": "^3.3.1"
-      }
-    },
-    "@emotion/serialize": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz",
-      "integrity": "sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==",
-      "requires": {
-        "@emotion/hash": "^0.9.1",
-        "@emotion/memoize": "^0.8.1",
-        "@emotion/unitless": "^0.8.1",
-        "@emotion/utils": "^1.2.1",
-        "csstype": "^3.0.2"
-      }
-    },
-    "@emotion/sheet": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz",
-      "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA=="
-    },
-    "@emotion/styled": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz",
-      "integrity": "sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==",
-      "requires": {
-        "@babel/runtime": "^7.18.3",
-        "@emotion/babel-plugin": "^11.11.0",
-        "@emotion/is-prop-valid": "^1.2.1",
-        "@emotion/serialize": "^1.1.2",
-        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-        "@emotion/utils": "^1.2.1"
-      }
-    },
-    "@emotion/stylis": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
-      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
-    },
-    "@emotion/unitless": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
-      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
-    },
-    "@emotion/use-insertion-effect-with-fallbacks": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz",
-      "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==",
-      "requires": {}
-    },
-    "@emotion/utils": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz",
-      "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg=="
-    },
-    "@emotion/weak-memoize": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
-      "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
-    },
-    "@es-joy/jsdoccomment": {
-      "version": "0.37.1",
-      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.37.1.tgz",
-      "integrity": "sha512-5vxWJ1gEkEF0yRd0O+uK6dHJf7adrxwQSX8PuRiPfFSAbNLnY0ZJfXaZucoz14Jj2N11xn2DnlEPwWRpYpvRjg==",
-      "dev": true,
-      "requires": {
-        "comment-parser": "1.3.1",
-        "esquery": "^1.5.0",
-        "jsdoc-type-pratt-parser": "~4.0.0"
-      }
-    },
-    "@esbuild/win32-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
-      "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
-      "dev": true,
-      "optional": true
-    },
-    "@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "requires": {
-        "eslint-visitor-keys": "^3.3.0"
-      }
-    },
-    "@eslint-community/regexpp": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
-      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
-      "dev": true
-    },
-    "@eslint/eslintrc": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz",
-      "integrity": "sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==",
-      "dev": true,
-      "requires": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.5.2",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "dependencies": {
-        "globals": {
-          "version": "13.20.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-          "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-          "dev": true,
-          "requires": {
-            "type-fest": "^0.20.2"
-          }
-        }
-      }
-    },
-    "@eslint/js": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz",
-      "integrity": "sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==",
-      "dev": true
-    },
-    "@humanwhocodes/config-array": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
-      "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
-      "dev": true,
-      "requires": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      }
-    },
-    "@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true
-    },
-    "@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
-      "dev": true
-    },
-    "@inrupt/oidc-client": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@inrupt/oidc-client/-/oidc-client-1.11.6.tgz",
-      "integrity": "sha512-1rCTk1T6pdm/7gKozutZutk7jwmYBADlnkGGoI5ypke099NOCa5KFXjkQpbjsps0PRkKZ+0EaR70XN5+xqmViA==",
-      "requires": {
-        "acorn": "^7.4.1",
-        "base64-js": "^1.5.1",
-        "core-js": "^3.8.3",
-        "crypto-js": "^4.0.0",
-        "serialize-javascript": "^4.0.0"
-      }
-    },
-    "@inrupt/oidc-client-ext": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@inrupt/oidc-client-ext/-/oidc-client-ext-1.16.0.tgz",
-      "integrity": "sha512-09fJEX64GFq6eWY5xSFsKWo9Uz2v14s2L2It49/KnzAe7O9hc8XXelNndLPxrrOOzuf38YHv4W1irFJPy4PPMw==",
-      "requires": {
-        "@inrupt/oidc-client": "^1.11.6",
-        "@inrupt/solid-client-authn-core": "^1.16.0",
-        "jose": "^4.10.0",
-        "uuid": "^9.0.0"
-      }
-    },
-    "@inrupt/solid-client": {
-      "version": "1.29.0",
-      "resolved": "https://registry.npmjs.org/@inrupt/solid-client/-/solid-client-1.29.0.tgz",
-      "integrity": "sha512-n5kspeQnrj2h57q4q14bnzC64yPZ/1Y+nvkKy6hamurzsxuRNN/D3tpNjRN4QSTfIE7Yi/swUhu7q5NZ6uASgg==",
-      "requires": {
-        "@inrupt/universal-fetch": "^1.0.1",
-        "@rdfjs/dataset": "^1.1.0",
-        "@types/rdfjs__dataset": "^1.0.4",
-        "buffer": "^6.0.3",
-        "fsevents": "^2.3.2",
-        "http-link-header": "^1.1.0",
-        "jsonld-context-parser": "^2.3.0",
-        "jsonld-streaming-parser": "^3.2.0",
-        "n3": "^1.10.0",
-        "uuid": "^9.0.0"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-          "requires": {
-            "base64-js": "^1.3.1",
-            "ieee754": "^1.2.1"
-          }
-        }
-      }
-    },
-    "@inrupt/solid-client-authn-browser": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@inrupt/solid-client-authn-browser/-/solid-client-authn-browser-1.16.0.tgz",
-      "integrity": "sha512-6Wq/e8C5RapSFTRhs7TKThwhLaQ2DdMqmAiqaNlP7XpTWKRv87Chc2sX0msPjzmM+L/Tde2+71lX1o0x6sQbKA==",
-      "requires": {
-        "@inrupt/oidc-client-ext": "^1.16.0",
-        "@inrupt/solid-client-authn-core": "^1.16.0",
-        "@inrupt/universal-fetch": "^1.0.1",
-        "@types/lodash.clonedeep": "^4.5.6",
-        "@types/node": "^20.1.0",
-        "@types/uuid": "^9.0.1",
-        "events": "^3.3.0",
-        "jose": "^4.3.7",
-        "lodash.clonedeep": "^4.5.0",
-        "uuid": "^9.0.0"
-      }
-    },
-    "@inrupt/solid-client-authn-core": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@inrupt/solid-client-authn-core/-/solid-client-authn-core-1.16.0.tgz",
-      "integrity": "sha512-lp4p21Ob0SJwPW2mJcUkM6YBp/zj9MM+RlHRM1uUdpPgvybGDLEIgJfKjkjku0RqFFJwCSP/KtbdCgnNFk5KXw==",
-      "requires": {
-        "@inrupt/universal-fetch": "^1.0.1",
-        "events": "^3.3.0",
-        "jose": "^4.10.0",
-        "lodash.clonedeep": "^4.5.0",
-        "uuid": "^9.0.0"
-      }
-    },
-    "@inrupt/solid-ui-react": {
-      "version": "2.8.2",
-      "resolved": "https://registry.npmjs.org/@inrupt/solid-ui-react/-/solid-ui-react-2.8.2.tgz",
-      "integrity": "sha512-4VmzfFso37mVJQVmDCXjl0od2w0sgGWvO8KWxOHsKmKqxY89vPpMKaN4gviLSFkjShec8YqtojxLjvrTJhfrFQ==",
-      "requires": {
-        "@inrupt/solid-client": "^1.23.3",
-        "@inrupt/solid-client-authn-browser": "^1.12.2",
-        "core-js": "^3.18.3",
-        "react-table": "^7.6.3",
-        "stream": "0.0.2",
-        "swr": "^1.3.0"
-      }
-    },
-    "@inrupt/universal-fetch": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@inrupt/universal-fetch/-/universal-fetch-1.0.1.tgz",
-      "integrity": "sha512-oqbG7jS1fa6hVkjSir+u5Ab3eSbyxFyOjsgjDICL27mAd5z8oImTSETnY2hYbkRaJQYKMBOXhtm7L5/+EbeVJg==",
-      "requires": {
-        "node-fetch": "^2.6.7",
-        "undici": "^5.19.1"
-      }
-    },
-    "@inrupt/vocab-common-rdf": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@inrupt/vocab-common-rdf/-/vocab-common-rdf-1.0.5.tgz",
-      "integrity": "sha512-onrehQte8m0XW83WwM6T4o5WgmYGzdYUCef6FDjMKfQCF64FnARFNn5fYhKodimBaAOFKhuJ3vw1NBZV/EYqJw=="
-    },
-    "@ioredis/commands": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.2.0.tgz",
-      "integrity": "sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==",
-      "dev": true
-    },
-    "@istanbuljs/schema": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "dev": true
-    },
-    "@jest/expect-utils": {
-      "version": "29.5.0",
-      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.5.0.tgz",
-      "integrity": "sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==",
-      "dev": true,
-      "requires": {
-        "jest-get-type": "^29.4.3"
-      }
-    },
-    "@jest/schemas": {
-      "version": "29.4.3",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.4.3.tgz",
-      "integrity": "sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==",
-      "dev": true,
-      "requires": {
-        "@sinclair/typebox": "^0.25.16"
-      }
-    },
-    "@jest/types": {
-      "version": "29.5.0",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.5.0.tgz",
-      "integrity": "sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==",
-      "dev": true,
-      "requires": {
-        "@jest/schemas": "^29.4.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^17.0.8",
-        "chalk": "^4.0.0"
-      }
-    },
-    "@jeswr/prefixcc": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jeswr/prefixcc/-/prefixcc-1.2.1.tgz",
-      "integrity": "sha512-kBBXbqsaeh3Irp416h/RbelqJgIOp6X/OJJlYmLyr/9qlBYKTKSCuEv5/xjZ0Yf8Yec+QFRYBaOQ2JkMBSH7KA==",
-      "dev": true,
-      "requires": {
-        "cross-fetch": "^3.1.5",
-        "fsevents": "^2.3.2"
-      }
-    },
-    "@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "requires": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "@jridgewell/resolve-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
-      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w=="
-    },
-    "@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
-    },
-    "@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
-    },
-    "@jridgewell/trace-mapping": {
-      "version": "0.3.18",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
-      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
-      "requires": {
-        "@jridgewell/resolve-uri": "3.1.0",
-        "@jridgewell/sourcemap-codec": "1.4.14"
-      },
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": {
-          "version": "1.4.14",
-          "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-          "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
-        }
-      }
-    },
-    "@jsdoc/salty": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/@jsdoc/salty/-/salty-0.2.5.tgz",
-      "integrity": "sha512-TfRP53RqunNe2HBobVBJ0VLhK1HbfvBYeTC1ahnN64PWvyYyGebmMiPkuwvD9fpw2ZbkoPb8Q7mwy0aR8Z9rvw==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.21"
-      }
-    },
-    "@koa/cors": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/@koa/cors/-/cors-3.4.3.tgz",
-      "integrity": "sha512-WPXQUaAeAMVaLTEFpoq3T2O1C+FstkjJnDQqy95Ck1UdILajsRhu6mhJ8H2f4NFPRBoCNN+qywTJfq/gGki5mw==",
-      "dev": true,
-      "requires": {
-        "vary": "^1.1.2"
-      }
-    },
-    "@mui/base": {
-      "version": "5.0.0-beta.4",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.4.tgz",
-      "integrity": "sha512-ejhtqYJpjDgHGEljjMBQWZ22yEK0OzIXNa7toJmmXsP4TT3W7xVy8bTJ0TniPDf+JNjrsgfgiFTDGdlEhV1E+g==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@emotion/is-prop-valid": "^1.2.1",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.13.1",
-        "@popperjs/core": "^2.11.8",
-        "clsx": "^1.2.1",
-        "prop-types": "^15.8.1",
-        "react-is": "^18.2.0"
-      }
-    },
-    "@mui/core-downloads-tracker": {
-      "version": "5.13.4",
-      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.13.4.tgz",
-      "integrity": "sha512-yFrMWcrlI0TqRN5jpb6Ma9iI7sGTHpytdzzL33oskFHNQ8UgrtPas33Y1K7sWAMwCrr1qbWDrOHLAQG4tAzuSw=="
-    },
-    "@mui/icons-material": {
-      "version": "5.11.16",
-      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.11.16.tgz",
-      "integrity": "sha512-oKkx9z9Kwg40NtcIajF9uOXhxiyTZrrm9nmIJ4UjkU2IdHpd4QVLbCc/5hZN/y0C6qzi2Zlxyr9TGddQx2vx2A==",
-      "requires": {
-        "@babel/runtime": "^7.21.0"
-      }
-    },
-    "@mui/material": {
-      "version": "5.13.4",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.13.4.tgz",
-      "integrity": "sha512-Yq+4f1KLPa/Szd3xqra2hbOAf2Usl8GbubncArM6LIp40mBLtXIdPE29MNtHsbtuzz4g+eidrETgoi3wdbEYfQ==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@mui/base": "5.0.0-beta.4",
-        "@mui/core-downloads-tracker": "^5.13.4",
-        "@mui/system": "^5.13.2",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.13.1",
-        "@types/react-transition-group": "^4.4.6",
-        "clsx": "^1.2.1",
-        "csstype": "^3.1.2",
-        "prop-types": "^15.8.1",
-        "react-is": "^18.2.0",
-        "react-transition-group": "^4.4.5"
-      }
-    },
-    "@mui/private-theming": {
-      "version": "5.13.1",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.13.1.tgz",
-      "integrity": "sha512-HW4npLUD9BAkVppOUZHeO1FOKUJWAwbpy0VQoGe3McUYTlck1HezGHQCfBQ5S/Nszi7EViqiimECVl9xi+/WjQ==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.13.1",
-        "prop-types": "^15.8.1"
-      }
-    },
-    "@mui/styled-engine": {
-      "version": "5.13.2",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.13.2.tgz",
-      "integrity": "sha512-VCYCU6xVtXOrIN8lcbuPmoG+u7FYuOERG++fpY74hPpEWkyFQG97F+/XfTQVYzlR2m7nPjnwVUgATcTCMEaMvw==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@emotion/cache": "^11.11.0",
-        "csstype": "^3.1.2",
-        "prop-types": "^15.8.1"
-      }
-    },
-    "@mui/styled-engine-sc": {
-      "version": "5.12.0",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine-sc/-/styled-engine-sc-5.12.0.tgz",
-      "integrity": "sha512-3MgYoY2YG5tx0E5oKqvCv94oL0ABVBr+qpcyvciXW/v0wzPG6bXvuZV80GHYlJfasgnnRa1AbRWf5a9FcX8v6g==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "prop-types": "^15.8.1"
-      }
-    },
-    "@mui/system": {
-      "version": "5.13.2",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.13.2.tgz",
-      "integrity": "sha512-TPyWmRJPt0JPVxacZISI4o070xEJ7ftxpVtu6LWuYVOUOINlhoGOclam4iV8PDT3EMQEHuUrwU49po34UdWLlw==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@mui/private-theming": "^5.13.1",
-        "@mui/styled-engine": "^5.13.2",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.13.1",
-        "clsx": "^1.2.1",
-        "csstype": "^3.1.2",
-        "prop-types": "^15.8.1"
-      }
-    },
-    "@mui/types": {
-      "version": "7.2.4",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
-      "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
-      "requires": {}
-    },
-    "@mui/utils": {
-      "version": "5.13.1",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.13.1.tgz",
-      "integrity": "sha512-6lXdWwmlUbEU2jUI8blw38Kt+3ly7xkmV9ljzY4Q20WhsJMWiNry9CX8M+TaP/HbtuyR8XKsdMgQW7h7MM3n3A==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@types/prop-types": "^15.7.5",
-        "@types/react-is": "^18.2.0",
-        "prop-types": "^15.8.1",
-        "react-is": "^18.2.0"
-      }
-    },
-    "@mui/x-date-pickers": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-6.6.0.tgz",
-      "integrity": "sha512-cF7Ijv0IgYi/tCQa2qdoCEHF5gtj/nn/gGdr3oOw/VI6QcKQkbLwA0baPfWEMS2weT9HR6JFerMQ5i57dWv+2A==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.13.1",
-        "@types/react-transition-group": "^4.4.6",
-        "clsx": "^1.2.1",
-        "prop-types": "^15.8.1",
-        "react-transition-group": "^4.4.5"
-      }
-    },
-    "@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "requires": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      }
-    },
-    "@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true
-    },
-    "@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "requires": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      }
-    },
-    "@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="
-    },
-    "@rdfjs/data-model": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/@rdfjs/data-model/-/data-model-1.3.4.tgz",
-      "integrity": "sha512-iKzNcKvJotgbFDdti7GTQDCYmL7GsGldkYStiP0K8EYtN7deJu5t7U11rKTz+nR7RtesUggT+lriZ7BakFv8QQ==",
-      "requires": {
-        "@rdfjs/types": ">=1.0.1"
-      }
-    },
-    "@rdfjs/dataset": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@rdfjs/dataset/-/dataset-1.1.1.tgz",
-      "integrity": "sha512-BNwCSvG0cz0srsG5esq6CQKJc1m8g/M0DZpLuiEp0MMpfwguXX7VeS8TCg4UUG3DV/DqEvhy83ZKSEjdsYseeA==",
-      "requires": {
-        "@rdfjs/data-model": "^1.2.0"
-      }
-    },
-    "@rdfjs/types": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rdfjs/types/-/types-1.1.0.tgz",
-      "integrity": "sha512-5zm8bN2/CC634dTcn/0AhTRLaQRjXDZs3QfcAsQKNturHT7XVWcKy/8p3P5gXl+YkZTAmy7T5M/LyiT/jbkENw==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@remix-run/router": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.6.3.tgz",
-      "integrity": "sha512-EXJysQ7J3veRECd0kZFQwYYd5sJMcq2O/m60zu1W2l3oVQ9xtub8jTOtYRE0+M2iomyG/W3Ps7+vp2kna0C27Q=="
-    },
-    "@rubensworks/saxes": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/@rubensworks/saxes/-/saxes-6.0.1.tgz",
-      "integrity": "sha512-UW4OTIsOtJ5KSXo2Tchi4lhZqu+tlHrOAs4nNti7CrtB53kAZl3/hyrTi6HkMihxdbDM6m2Zc3swc/ZewEe1xw==",
-      "dev": true,
-      "requires": {
-        "xmlchars": "^2.2.0"
-      }
-    },
-    "@sinclair/typebox": {
-      "version": "0.25.24",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.25.24.tgz",
-      "integrity": "sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==",
-      "dev": true
-    },
-    "@sindresorhus/is": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
-      "integrity": "sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==",
-      "dev": true
-    },
-    "@solid/access-token-verifier": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@solid/access-token-verifier/-/access-token-verifier-2.0.5.tgz",
-      "integrity": "sha512-YsoMmEk7pN6tlCHcDm5iLa9ZYvTYvuk3SX5cz18XW1qYmM46znEGnXz94vm7DIa7DcTLGi9suMw7M5pRs2xOLw==",
-      "dev": true,
-      "requires": {
-        "jose": "^4.10.3",
-        "lru-cache": "^6.0.0",
-        "n3": "^1.16.2",
-        "node-fetch": "^2.6.7",
-        "ts-guards": "^0.5.1"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
-        }
-      }
-    },
-    "@solid/community-server": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/@solid/community-server/-/community-server-5.1.0.tgz",
-      "integrity": "sha512-i0ANCJeumuM6hm6/iYV8viMA3z69CWVpy5U3k+Sr1QUWDqIBM/HSpOwlmn9HI917qJeTxkAgnCPGYVTXl3WS1Q==",
-      "dev": true,
-      "requires": {
-        "@comunica/context-entries": "^2.2.0",
-        "@comunica/query-sparql": "^2.2.1",
-        "@rdfjs/types": "^1.1.0",
-        "@solid/access-token-verifier": "^2.0.3",
-        "@types/async-lock": "^1.1.5",
-        "@types/bcryptjs": "^2.4.2",
-        "@types/cors": "^2.8.12",
-        "@types/ejs": "^3.1.1",
-        "@types/end-of-stream": "^1.4.1",
-        "@types/fs-extra": "^9.0.13",
-        "@types/lodash.orderby": "^4.6.7",
-        "@types/marked": "^4.0.3",
-        "@types/mime-types": "^2.1.1",
-        "@types/n3": "^1.10.4",
-        "@types/node": "^14.18.23",
-        "@types/nodemailer": "^6.4.4",
-        "@types/oidc-provider": "^7.11.1",
-        "@types/proper-lockfile": "^4.1.2",
-        "@types/pump": "^1.1.1",
-        "@types/punycode": "^2.1.0",
-        "@types/sparqljs": "^3.1.3",
-        "@types/url-join": "^4.0.1",
-        "@types/uuid": "^8.3.4",
-        "@types/ws": "^8.5.3",
-        "@types/yargs": "^17.0.10",
-        "arrayify-stream": "^2.0.0",
-        "async-lock": "^1.3.2",
-        "bcryptjs": "^2.4.3",
-        "componentsjs": "^5.3.0",
-        "cors": "^2.8.5",
-        "cross-fetch": "^3.1.5",
-        "ejs": "^3.1.8",
-        "end-of-stream": "^1.4.4",
-        "escape-string-regexp": "^4.0.0",
-        "fetch-sparql-endpoint": "^3.0.1",
-        "fs-extra": "^10.1.0",
-        "handlebars": "^4.7.7",
-        "ioredis": "^5.2.2",
-        "jose": "^4.8.3",
-        "jsonld-context-parser": "^2.1.5",
-        "lodash.orderby": "^4.6.0",
-        "marked": "^4.0.18",
-        "mime-types": "^2.1.35",
-        "n3": "^1.16.2",
-        "nodemailer": "^6.7.7",
-        "oidc-provider": "7.10.6",
-        "proper-lockfile": "^4.1.2",
-        "pump": "^3.0.0",
-        "punycode": "^2.1.1",
-        "rdf-dereference": "^2.0.0",
-        "rdf-parse": "^2.1.0",
-        "rdf-serialize": "^2.0.0",
-        "rdf-terms": "^1.9.0",
-        "sparqlalgebrajs": "^4.0.3",
-        "sparqljs": "^3.5.2",
-        "url-join": "^4.0.1",
-        "uuid": "^8.3.2",
-        "winston": "^3.8.1",
-        "winston-transport": "^4.5.0",
-        "ws": "^8.8.1",
-        "yargs": "^17.5.1"
-      },
-      "dependencies": {
-        "@types/node": {
-          "version": "14.18.48",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.48.tgz",
-          "integrity": "sha512-iL0PIMwejpmuVHgfibHpfDwOdsbmB50wr21X71VnF5d7SsBF7WK+ZvP/SCcFm7Iwb9iiYSap9rlrdhToNAWdxg==",
-          "dev": true
-        },
-        "@types/uuid": {
-          "version": "8.3.4",
-          "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
-          "integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
-          "dev": true
-        },
-        "uuid": {
-          "version": "8.3.2",
-          "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-          "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-          "dev": true
-        }
-      }
-    },
-    "@szmarczak/http-timer": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.6.tgz",
-      "integrity": "sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==",
-      "dev": true,
-      "requires": {
-        "defer-to-connect": "^2.0.0"
-      }
-    },
-    "@testing-library/dom": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.0.tgz",
-      "integrity": "sha512-Dffe68pGwI6WlLRYR2I0piIkyole9cSBH5jGQKCGMRpHW5RHCqAUaqc2Kv0tUyd4dU4DLPKhJIjyKOnjv4tuUw==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "^5.0.0",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      }
-    },
-    "@testing-library/react": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.0.0.tgz",
-      "integrity": "sha512-S04gSNJbYE30TlIMLTzv6QCTzt9AqIF5y6s6SzVFILNcNvbV/jU96GeiTPillGQo+Ny64M/5PV7klNYYgv5Dfg==",
-      "dev": true,
-      "requires": {
-        "@babel/runtime": "^7.12.5",
-        "@testing-library/dom": "^9.0.0",
-        "@types/react-dom": "^18.0.0"
-      }
-    },
-    "@testing-library/user-event": {
-      "version": "14.4.3",
-      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.4.3.tgz",
-      "integrity": "sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==",
-      "dev": true,
-      "requires": {}
-    },
-    "@tootallnate/once": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
-      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
-      "dev": true
-    },
-    "@types/accepts": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/@types/accepts/-/accepts-1.3.5.tgz",
-      "integrity": "sha512-jOdnI/3qTpHABjM5cx1Hc0sKsPoYCp+DP/GJRGtDlPd7fiV9oXGGIcjW/ZOxLIvjGz8MA+uMZI9metHlgqbgwQ==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/aria-query": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
-      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
-      "dev": true
-    },
-    "@types/async-lock": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@types/async-lock/-/async-lock-1.4.0.tgz",
-      "integrity": "sha512-2+rYSaWrpdbQG3SA0LmMT6YxWLrI81AqpMlSkw3QtFc2HGDufkweQSn30Eiev7x9LL0oyFrBqk1PXOnB9IEgKg==",
-      "dev": true
-    },
-    "@types/bcryptjs": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@types/bcryptjs/-/bcryptjs-2.4.2.tgz",
-      "integrity": "sha512-LiMQ6EOPob/4yUL66SZzu6Yh77cbzJFYll+ZfaPiPPFswtIlA/Fs1MzdKYA7JApHU49zQTbJGX3PDmCpIdDBRQ==",
-      "dev": true
-    },
-    "@types/body-parser": {
-      "version": "1.19.2",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
-      "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==",
-      "dev": true,
-      "requires": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "@types/cacheable-request": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.3.tgz",
-      "integrity": "sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==",
-      "dev": true,
-      "requires": {
-        "@types/http-cache-semantics": "*",
-        "@types/keyv": "^3.1.4",
-        "@types/node": "*",
-        "@types/responselike": "^1.0.0"
-      }
-    },
-    "@types/chai": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.5.tgz",
-      "integrity": "sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==",
-      "dev": true
-    },
-    "@types/chai-subset": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.3.tgz",
-      "integrity": "sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==",
-      "dev": true,
-      "requires": {
-        "@types/chai": "*"
-      }
-    },
-    "@types/connect": {
-      "version": "3.4.35",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
-      "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/content-disposition": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/@types/content-disposition/-/content-disposition-0.5.5.tgz",
-      "integrity": "sha512-v6LCdKfK6BwcqMo+wYW05rLS12S0ZO0Fl4w1h4aaZMD7bqT3gVUns6FvLJKGZHQmYn3SX55JWGpziwJRwVgutA==",
-      "dev": true
-    },
-    "@types/cookies": {
-      "version": "0.7.7",
-      "resolved": "https://registry.npmjs.org/@types/cookies/-/cookies-0.7.7.tgz",
-      "integrity": "sha512-h7BcvPUogWbKCzBR2lY4oqaZbO3jXZksexYJVFvkrFeLgbZjQkU4x8pRq6eg2MHXQhY0McQdqmmsxRWlVAHooA==",
-      "dev": true,
-      "requires": {
-        "@types/connect": "*",
-        "@types/express": "*",
-        "@types/keygrip": "*",
-        "@types/node": "*"
-      }
-    },
-    "@types/cors": {
-      "version": "2.8.13",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz",
-      "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/ejs": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.2.tgz",
-      "integrity": "sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==",
-      "dev": true
-    },
-    "@types/end-of-stream": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@types/end-of-stream/-/end-of-stream-1.4.1.tgz",
-      "integrity": "sha512-dYCSlUtCGXuP2axeKD5l1vj/04iNXW8TLXryDa0uA8u8EsNE68jn27ZLg7jAPV+qJAlk1wC4WtRdIoZXvuUl0A==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/express": {
-      "version": "4.17.17",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz",
-      "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==",
-      "dev": true,
-      "requires": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.33",
-        "@types/qs": "*",
-        "@types/serve-static": "*"
-      }
-    },
-    "@types/express-serve-static-core": {
-      "version": "4.17.35",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz",
-      "integrity": "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
-      }
-    },
-    "@types/fs-extra": {
-      "version": "9.0.13",
-      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-9.0.13.tgz",
-      "integrity": "sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/http-assert": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@types/http-assert/-/http-assert-1.5.3.tgz",
-      "integrity": "sha512-FyAOrDuQmBi8/or3ns4rwPno7/9tJTijVW6aQQjK02+kOQ8zmoNg2XJtAuQhvQcy1ASJq38wirX5//9J1EqoUA==",
-      "dev": true
-    },
-    "@types/http-cache-semantics": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz",
-      "integrity": "sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==",
-      "dev": true
-    },
-    "@types/http-errors": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==",
-      "dev": true
-    },
-    "@types/http-link-header": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@types/http-link-header/-/http-link-header-1.0.3.tgz",
-      "integrity": "sha512-y8HkoD/vyid+5MrJ3aas0FvU3/BVBGcyG9kgxL0Zn4JwstA8CglFPnrR0RuzOjRCXwqzL5uxWC2IO7Ub0rMU2A==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/istanbul-lib-coverage": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
-      "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
-      "dev": true
-    },
-    "@types/istanbul-lib-report": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
-      "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
-      "dev": true,
-      "requires": {
-        "@types/istanbul-lib-coverage": "*"
-      }
-    },
-    "@types/istanbul-reports": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
-      "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
-      "dev": true,
-      "requires": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "@types/jest": {
-      "version": "29.5.2",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.2.tgz",
-      "integrity": "sha512-mSoZVJF5YzGVCk+FsDxzDuH7s+SCkzrgKZzf0Z0T2WudhBUPoF6ktoTPC4R0ZoCPCV5xUvuU6ias5NvxcBcMMg==",
-      "dev": true,
-      "requires": {
-        "expect": "^29.0.0",
-        "pretty-format": "^29.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-          "dev": true
-        },
-        "pretty-format": {
-          "version": "29.5.0",
-          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-          "dev": true,
-          "requires": {
-            "@jest/schemas": "^29.4.3",
-            "ansi-styles": "^5.0.0",
-            "react-is": "^18.0.0"
-          }
-        }
-      }
-    },
-    "@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "@types/keygrip": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@types/keygrip/-/keygrip-1.0.2.tgz",
-      "integrity": "sha512-GJhpTepz2udxGexqos8wgaBx4I/zWIDPh/KOGEwAqtuGDkOUJu5eFvwmdBX4AmB8Odsr+9pHCQqiAqDL/yKMKw==",
-      "dev": true
-    },
-    "@types/keyv": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.4.tgz",
-      "integrity": "sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/koa": {
-      "version": "2.13.6",
-      "resolved": "https://registry.npmjs.org/@types/koa/-/koa-2.13.6.tgz",
-      "integrity": "sha512-diYUfp/GqfWBAiwxHtYJ/FQYIXhlEhlyaU7lB/bWQrx4Il9lCET5UwpFy3StOAohfsxxvEQ11qIJgT1j2tfBvw==",
-      "dev": true,
-      "requires": {
-        "@types/accepts": "*",
-        "@types/content-disposition": "*",
-        "@types/cookies": "*",
-        "@types/http-assert": "*",
-        "@types/http-errors": "*",
-        "@types/keygrip": "*",
-        "@types/koa-compose": "*",
-        "@types/node": "*"
-      }
-    },
-    "@types/koa-compose": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/@types/koa-compose/-/koa-compose-3.2.5.tgz",
-      "integrity": "sha512-B8nG/OoE1ORZqCkBVsup/AKcvjdgoHnfi4pZMn5UwAPCbhk/96xyv284eBYW8JlQbQ7zDmnpFr68I/40mFoIBQ==",
-      "dev": true,
-      "requires": {
-        "@types/koa": "*"
-      }
-    },
-    "@types/linkify-it": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-3.0.2.tgz",
-      "integrity": "sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==",
-      "dev": true
-    },
-    "@types/lodash": {
-      "version": "4.14.195",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.195.tgz",
-      "integrity": "sha512-Hwx9EUgdwf2GLarOjQp5ZH8ZmblzcbTBC2wtQWNKARBSxM9ezRIAUpeDTgoQRAFB0+8CNWXVA9+MaSOzOF3nPg=="
-    },
-    "@types/lodash.clonedeep": {
-      "version": "4.5.7",
-      "resolved": "https://registry.npmjs.org/@types/lodash.clonedeep/-/lodash.clonedeep-4.5.7.tgz",
-      "integrity": "sha512-ccNqkPptFIXrpVqUECi60/DFxjNKsfoQxSQsgcBJCX/fuX1wgyQieojkcWH/KpE3xzLoWN/2k+ZeGqIN3paSvw==",
-      "requires": {
-        "@types/lodash": "*"
-      }
-    },
-    "@types/lodash.orderby": {
-      "version": "4.6.7",
-      "resolved": "https://registry.npmjs.org/@types/lodash.orderby/-/lodash.orderby-4.6.7.tgz",
-      "integrity": "sha512-GaaUBTS4RTjL8gz1ZXkwAB/defpGMOWwCG9C4HL9g81i4wghIoVVESQCUa1xRsyUBqAb5JwLbSwvL0q36rK0sA==",
-      "dev": true,
-      "requires": {
-        "@types/lodash": "*"
-      }
-    },
-    "@types/lru-cache": {
-      "version": "7.10.10",
-      "resolved": "https://registry.npmjs.org/@types/lru-cache/-/lru-cache-7.10.10.tgz",
-      "integrity": "sha512-nEpVRPWW9EBmx2SCfNn3ClYxPL7IktPX12HhIoSc/H5mMjdeW3+YsXIpseLQ2xF35+OcpwKQbEUw5VtqE4PDNA==",
-      "dev": true,
-      "requires": {
-        "lru-cache": "*"
-      }
-    },
-    "@types/markdown-it": {
-      "version": "12.2.3",
-      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-12.2.3.tgz",
-      "integrity": "sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==",
-      "dev": true,
-      "requires": {
-        "@types/linkify-it": "*",
-        "@types/mdurl": "*"
-      }
-    },
-    "@types/marked": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/@types/marked/-/marked-4.3.1.tgz",
-      "integrity": "sha512-vSSbKZFbNktrQ15v7o1EaH78EbWV+sPQbPjHG+Cp8CaNcPFUEfjZ0Iml/V0bFDwsTlYe8o6XC5Hfdp91cqPV2g==",
-      "dev": true
-    },
-    "@types/mdurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.2.tgz",
-      "integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
-      "dev": true
-    },
-    "@types/mime": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
-      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==",
-      "dev": true
-    },
-    "@types/mime-types": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.1.tgz",
-      "integrity": "sha512-vXOTGVSLR2jMw440moWTC7H19iUyLtP3Z1YTj7cSsubOICinjMxFeb/V57v9QdyyPGbbWolUFSSmSiRSn94tFw==",
-      "dev": true
-    },
-    "@types/minimist": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
-      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
-      "dev": true
-    },
-    "@types/n3": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/@types/n3/-/n3-1.10.4.tgz",
-      "integrity": "sha512-FfRTwcbXcScVHuAjIASveRWL6Fi6fPALl1Ge8tMESYLqU7R42LJvtdBpUi+f9YK0oQPqIN+zFFgMDFJfLMx0bg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*",
-        "rdf-js": "^4.0.2"
-      }
-    },
-    "@types/node": {
-      "version": "20.2.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.5.tgz",
-      "integrity": "sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ=="
-    },
-    "@types/nodemailer": {
-      "version": "6.4.8",
-      "resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.8.tgz",
-      "integrity": "sha512-oVsJSCkqViCn8/pEu2hfjwVO+Gb3e+eTWjg3PcjeFKRItfKpKwHphQqbYmPQrlMk+op7pNNWPbsJIEthpFN/OQ==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/oidc-provider": {
-      "version": "7.14.0",
-      "resolved": "https://registry.npmjs.org/@types/oidc-provider/-/oidc-provider-7.14.0.tgz",
-      "integrity": "sha512-zIoedB25LuuiNb0tqRQYI3BzdHXVCsZrCHm38apiLe1p6TmbZA7dCSv8rH3AR8xyBk7eNiE+iIBDEHlBx4UzPA==",
-      "dev": true,
-      "requires": {
-        "@types/koa": "*"
-      }
-    },
-    "@types/parse-json": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
-    },
-    "@types/prop-types": {
-      "version": "15.7.5",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
-      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
-    },
-    "@types/proper-lockfile": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@types/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
-      "integrity": "sha512-kd4LMvcnpYkspDcp7rmXKedn8iJSCoa331zRRamUp5oanKt/CefbEGPQP7G89enz7sKD4bvsr8mHSsC8j5WOvA==",
-      "dev": true,
-      "requires": {
-        "@types/retry": "*"
-      }
-    },
-    "@types/pump": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@types/pump/-/pump-1.1.1.tgz",
-      "integrity": "sha512-wpRerjHDxFBQ4r8XNv3xHJZeuqrBBoeQ/fhgkooV2F7KsPIYRROb/+f9ODgZfOEyO5/w2ej4YQdpPPXipT8DAA==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/punycode": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@types/punycode/-/punycode-2.1.0.tgz",
-      "integrity": "sha512-PG5aLpW6PJOeV2fHRslP4IOMWn+G+Uq8CfnyJ+PDS8ndCbU+soO+fB3NKCKo0p/Jh2Y4aPaiQZsrOXFdzpcA6g==",
-      "dev": true
-    },
-    "@types/qs": {
-      "version": "6.9.7",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
-      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
-      "dev": true
-    },
-    "@types/range-parser": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
-      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
-      "dev": true
-    },
-    "@types/rdfjs__dataset": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/rdfjs__dataset/-/rdfjs__dataset-1.0.5.tgz",
-      "integrity": "sha512-8OBC9Kr/ZSgNoUTe5mHTDPHaPt8Xen4XbYfqcbYv56d+4WdKliHXaFmFc0L4I5vsynE5JGu21Hvg2zWgX1Az6Q==",
-      "requires": {
-        "rdf-js": "^4.0.2"
-      }
-    },
-    "@types/react": {
-      "version": "18.2.8",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.8.tgz",
-      "integrity": "sha512-lTyWUNrd8ntVkqycEEplasWy2OxNlShj3zqS0LuB1ENUGis5HodmhM7DtCoUGbxj3VW/WsGA0DUhpG6XrM7gPA==",
-      "requires": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "@types/react-dom": {
-      "version": "18.2.4",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.4.tgz",
-      "integrity": "sha512-G2mHoTMTL4yoydITgOGwWdWMVd8sNgyEP85xVmMKAPUBwQWm9wBPQUmvbeF4V3WBY1P7mmL4BkjQ0SqUpf1snw==",
-      "dev": true,
-      "requires": {
-        "@types/react": "*"
-      }
-    },
-    "@types/react-is": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.0.tgz",
-      "integrity": "sha512-1vz2yObaQkLL7YFe/pme2cpvDsCwI1WXIfL+5eLz0MI9gFG24Re16RzUsI8t9XZn9ZWvgLNDrJBmrqXJO7GNQQ==",
-      "requires": {
-        "@types/react": "*"
-      }
-    },
-    "@types/react-transition-group": {
-      "version": "4.4.6",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz",
-      "integrity": "sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==",
-      "requires": {
-        "@types/react": "*"
-      }
-    },
-    "@types/readable-stream": {
-      "version": "2.3.15",
-      "resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-2.3.15.tgz",
-      "integrity": "sha512-oM5JSKQCcICF1wvGgmecmHldZ48OZamtMxcGGVICOJA8o8cahXC1zEVAif8iwoc5j8etxFaRFnf095+CDsuoFQ==",
-      "requires": {
-        "@types/node": "*",
-        "safe-buffer": "~5.1.1"
-      }
-    },
-    "@types/responselike": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.0.tgz",
-      "integrity": "sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/retry": {
-      "version": "0.12.2",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
-      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
-      "dev": true
-    },
-    "@types/scheduler": {
-      "version": "0.16.3",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
-      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ=="
-    },
-    "@types/semver": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
-      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
-      "dev": true
-    },
-    "@types/send": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz",
-      "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==",
-      "dev": true,
-      "requires": {
-        "@types/mime": "^1",
-        "@types/node": "*"
-      }
-    },
-    "@types/serve-static": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.1.tgz",
-      "integrity": "sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==",
-      "dev": true,
-      "requires": {
-        "@types/mime": "*",
-        "@types/node": "*"
-      }
-    },
-    "@types/spark-md5": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/spark-md5/-/spark-md5-3.0.2.tgz",
-      "integrity": "sha512-82E/lVRaqelV9qmRzzJ1PKTpyrpnT7mwdneKNJB9hUtypZDMggloDfFUCIqRRx3lYRxteCwXSq9c+W71Vf0QnQ==",
-      "dev": true
-    },
-    "@types/sparqljs": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/@types/sparqljs/-/sparqljs-3.1.4.tgz",
-      "integrity": "sha512-0MvCTEfveYJDkI91olLcDf/F3wMMbsxwNxiNZeglt4tbIFULd9pRpcacj1MuA+acFDkTnPXS9L7OqZNn/W1MAg==",
-      "dev": true,
-      "requires": {
-        "rdf-js": "^4.0.2"
-      }
-    },
-    "@types/stack-utils": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
-      "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
-      "dev": true
-    },
-    "@types/triple-beam": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@types/triple-beam/-/triple-beam-1.3.2.tgz",
-      "integrity": "sha512-txGIh+0eDFzKGC25zORnswy+br1Ha7hj5cMVwKIU7+s0U2AxxJru/jZSMU6OC9MJWP6+pc/hc6ZjyZShpsyY2g==",
-      "dev": true
-    },
-    "@types/uritemplate": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@types/uritemplate/-/uritemplate-0.3.4.tgz",
-      "integrity": "sha512-1D8mJEeQEXynoPQKJkneIK+tXaM2Qnk6c80RBQPV/O2ToypI4mlqXy5jojnYKjTX2Q+EMNMOWt0wNdLbb2MUpA==",
-      "dev": true
-    },
-    "@types/url-join": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@types/url-join/-/url-join-4.0.1.tgz",
-      "integrity": "sha512-wDXw9LEEUHyV+7UWy7U315nrJGJ7p1BzaCxDpEoLr789Dk1WDVMMlf3iBfbG2F8NdWnYyFbtTxUn2ZNbm1Q4LQ==",
-      "dev": true
-    },
-    "@types/uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-rFT3ak0/2trgvp4yYZo5iKFEPsET7vKydKF+VRCxlQ9bpheehyAJH89dAkaLEq/j/RZXJIqcgsmPJKUP1Z28HA=="
-    },
-    "@types/ws": {
-      "version": "8.5.4",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.4.tgz",
-      "integrity": "sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/yargs": {
-      "version": "17.0.24",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
-      "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==",
-      "dev": true,
-      "requires": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "@types/yargs-parser": {
-      "version": "21.0.0",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
-      "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
-      "dev": true
-    },
-    "@vitejs/plugin-react": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz",
-      "integrity": "sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==",
-      "dev": true,
-      "requires": {
-        "@babel/core": "^7.20.12",
-        "@babel/plugin-transform-react-jsx-self": "^7.18.6",
-        "@babel/plugin-transform-react-jsx-source": "^7.19.6",
-        "magic-string": "^0.27.0",
-        "react-refresh": "^0.14.0"
-      }
-    },
-    "@vitest/coverage-c8": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/@vitest/coverage-c8/-/coverage-c8-0.31.4.tgz",
-      "integrity": "sha512-VPx368m4DTcpA/P0v3YdVxl4QOSh1DbUcXURLRvDShrIB5KxOgfzw4Bn2R8AhAe/GyiWW/FIsJ/OJdYXCCiC1w==",
-      "dev": true,
-      "requires": {
-        "@ampproject/remapping": "^2.2.1",
-        "c8": "^7.13.0",
-        "magic-string": "^0.30.0",
-        "picocolors": "^1.0.0",
-        "std-env": "^3.3.2"
-      },
-      "dependencies": {
-        "magic-string": {
-          "version": "0.30.0",
-          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
-          "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
-          "dev": true,
-          "requires": {
-            "@jridgewell/sourcemap-codec": "^1.4.13"
-          }
-        }
-      }
-    },
-    "@vitest/expect": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.31.4.tgz",
-      "integrity": "sha512-tibyx8o7GUyGHZGyPgzwiaPaLDQ9MMuCOrc03BYT0nryUuhLbL7NV2r/q98iv5STlwMgaKuFJkgBW/8iPKwlSg==",
-      "dev": true,
-      "requires": {
-        "@vitest/spy": "0.31.4",
-        "@vitest/utils": "0.31.4",
-        "chai": "^4.3.7"
-      }
-    },
-    "@vitest/runner": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.31.4.tgz",
-      "integrity": "sha512-Wgm6UER+gwq6zkyrm5/wbpXGF+g+UBB78asJlFkIOwyse0pz8lZoiC6SW5i4gPnls/zUcPLWS7Zog0LVepXnpg==",
-      "dev": true,
-      "requires": {
-        "@vitest/utils": "0.31.4",
-        "concordance": "^5.0.4",
-        "p-limit": "^4.0.0",
-        "pathe": "^1.1.0"
-      },
-      "dependencies": {
-        "p-limit": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-          "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-          "dev": true,
-          "requires": {
-            "yocto-queue": "^1.0.0"
-          }
-        },
-        "yocto-queue": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-          "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-          "dev": true
-        }
-      }
-    },
-    "@vitest/snapshot": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.31.4.tgz",
-      "integrity": "sha512-LemvNumL3NdWSmfVAMpXILGyaXPkZbG5tyl6+RQSdcHnTj6hvA49UAI8jzez9oQyE/FWLKRSNqTGzsHuk89LRA==",
-      "dev": true,
-      "requires": {
-        "magic-string": "^0.30.0",
-        "pathe": "^1.1.0",
-        "pretty-format": "^27.5.1"
-      },
-      "dependencies": {
-        "magic-string": {
-          "version": "0.30.0",
-          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
-          "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
-          "dev": true,
-          "requires": {
-            "@jridgewell/sourcemap-codec": "^1.4.13"
-          }
-        }
-      }
-    },
-    "@vitest/spy": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.31.4.tgz",
-      "integrity": "sha512-3ei5ZH1s3aqbEyftPAzSuunGICRuhE+IXOmpURFdkm5ybUADk+viyQfejNk6q8M5QGX8/EVKw+QWMEP3DTJDag==",
-      "dev": true,
-      "requires": {
-        "tinyspy": "^2.1.0"
-      }
-    },
-    "@vitest/utils": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.31.4.tgz",
-      "integrity": "sha512-DobZbHacWznoGUfYU8XDPY78UubJxXfMNY1+SUdOp1NsI34eopSA6aZMeaGu10waSOeYwE8lxrd/pLfT0RMxjQ==",
-      "dev": true,
-      "requires": {
-        "concordance": "^5.0.4",
-        "loupe": "^2.3.6",
-        "pretty-format": "^27.5.1"
-      }
-    },
-    "@zxing/browser": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@zxing/browser/-/browser-0.1.3.tgz",
-      "integrity": "sha512-PauJzwg5SqZBI2fGmEeRWJHj/1CZd6L2waPaAVQgdTCTlS7h0NrTH/XXEQIjYYg2gFpFALtH2MtLNlUEIGZShg==",
-      "requires": {
-        "@zxing/text-encoding": "^0.9.0"
-      }
-    },
-    "@zxing/library": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@zxing/library/-/library-0.20.0.tgz",
-      "integrity": "sha512-6Ev6rcqVjMakZFIDvbUf0dtpPGeZMTfyxYg4HkVWioWeN7cRcnUWT3bU6sdohc82O1nPXcjq6WiGfXX2Pnit6A==",
-      "peer": true,
-      "requires": {
-        "@zxing/text-encoding": "~0.9.0",
-        "ts-custom-error": "^3.2.1"
-      }
-    },
-    "@zxing/text-encoding": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
-      "integrity": "sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==",
-      "optional": true
-    },
-    "abab": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
-      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
-      "dev": true
-    },
-    "abort-controller": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
-      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
-      "requires": {
-        "event-target-shim": "^5.0.0"
-      }
-    },
-    "accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dev": true,
-      "requires": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      }
-    },
-    "acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
-    },
-    "acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
-    },
-    "acorn-walk": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
-      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
-      "dev": true
-    },
-    "agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
-      "requires": {
-        "debug": "4"
-      }
-    },
-    "ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "requires": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      }
-    },
-    "ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
-      "requires": {
-        "type-fest": "^0.21.3"
-      },
-      "dependencies": {
-        "type-fest": {
-          "version": "0.21.3",
-          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-          "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-          "dev": true
-        }
-      }
-    },
-    "ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true
-    },
-    "ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "requires": {
-        "color-convert": "^2.0.1"
-      }
-    },
-    "argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "requires": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      }
-    },
-    "array-includes": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
-      "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "get-intrinsic": "^1.1.3",
-        "is-string": "^1.0.7"
-      }
-    },
-    "array.prototype.flat": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
-      "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "es-shim-unscopables": "^1.0.0"
-      }
-    },
-    "array.prototype.flatmap": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
-      "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "es-shim-unscopables": "^1.0.0"
-      }
-    },
-    "array.prototype.tosorted": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
-      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.1.3"
-      }
-    },
-    "arrayify-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/arrayify-stream/-/arrayify-stream-2.0.1.tgz",
-      "integrity": "sha512-z8fB6PtmnewQpFB53piS2d1KlUi3BPMICH2h7leCOUXpQcwvZ4GbHHSpdKoUrgLMR6b4Qan/uDe1St3Ao3yIHg==",
-      "dev": true
-    },
-    "assertion-error": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
-      "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
-      "dev": true
-    },
-    "ast-types-flow": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
-      "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
-      "dev": true
-    },
-    "astral-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
-      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
-      "dev": true
-    },
-    "async": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
-      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
-      "dev": true
-    },
-    "async-lock": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/async-lock/-/async-lock-1.4.0.tgz",
-      "integrity": "sha512-coglx5yIWuetakm3/1dsX9hxCNox22h7+V80RQOu2XUUMidtArxKoZoOtHUPuR84SycKTXzgGzAUR5hJxujyJQ==",
-      "dev": true
-    },
-    "asynciterator": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/asynciterator/-/asynciterator-3.8.0.tgz",
-      "integrity": "sha512-bD34LqKHJnkB77MHjL3hOAUOcy9dbB+3lHvL+EiJpD3k2Nyq3i1dCk5adMisB2rwlrHVu/+XRhOdPZL9hzpsfw==",
-      "dev": true
-    },
-    "asyncjoin": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/asyncjoin/-/asyncjoin-1.1.2.tgz",
-      "integrity": "sha512-zi6B+C3GgEu8qrmFn3gDd58cbGNaNFW3s8DJmCxUOjQwqWZcQO6dEoZBWl56+QGQyX0da0FRX1fsAyYB9LmwJA==",
-      "dev": true,
-      "requires": {
-        "asynciterator": "^3.6.0"
-      }
-    },
-    "asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true
-    },
-    "available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true
-    },
-    "axe-core": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.2.tgz",
-      "integrity": "sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==",
-      "dev": true
-    },
-    "axobject-query": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
-      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
-      "dev": true,
-      "requires": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "babel-eslint": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
-      "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.0.0",
-        "@babel/parser": "^7.7.0",
-        "@babel/traverse": "^7.7.0",
-        "@babel/types": "^7.7.0",
-        "eslint-visitor-keys": "^1.0.0",
-        "resolve": "^1.12.0"
-      },
-      "dependencies": {
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-          "dev": true
-        }
-      }
-    },
-    "babel-plugin-macros": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
-      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
-      "requires": {
-        "@babel/runtime": "^7.12.5",
-        "cosmiconfig": "^7.0.0",
-        "resolve": "^1.19.0"
-      }
-    },
-    "babel-plugin-styled-components": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.3.tgz",
-      "integrity": "sha512-jBioLwBVHpOMU4NsueH/ADcHrjS0Y/WTpt2eGVmmuSFNEv2DF3XhcMncuZlbbjxQ4vzxg+yEr6E6TNjrIQbsJQ==",
-      "requires": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-module-imports": "^7.21.4",
-        "babel-plugin-syntax-jsx": "^6.18.0",
-        "lodash": "^4.17.21",
-        "picomatch": "^2.3.1"
-      }
-    },
-    "babel-plugin-syntax-jsx": {
-      "version": "6.18.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
-      "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw=="
-    },
-    "balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
-    },
-    "base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
-    },
-    "bcryptjs": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
-      "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==",
-      "dev": true
-    },
-    "bignumber.js": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.1.tgz",
-      "integrity": "sha512-pHm4LsMJ6lzgNGVfZHjMoO8sdoRhOzOH4MLmY65Jg70bpxCKu5iOHNJyfF6OyvYw7t8Fpf35RuzUyqnQsj8Vig==",
-      "dev": true
-    },
-    "bluebird": {
-      "version": "3.7.2",
-      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
-      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
-      "dev": true
-    },
-    "blueimp-md5": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz",
-      "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==",
-      "dev": true
-    },
-    "brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "requires": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
-      "requires": {
-        "fill-range": "^7.0.1"
-      }
-    },
-    "browserslist": {
-      "version": "4.21.7",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.7.tgz",
-      "integrity": "sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==",
-      "dev": true,
-      "requires": {
-        "caniuse-lite": "^1.0.30001489",
-        "electron-to-chromium": "^1.4.411",
-        "node-releases": "^2.0.12",
-        "update-browserslist-db": "^1.0.11"
-      }
-    },
-    "buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
-      "requires": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
-      }
-    },
-    "busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "requires": {
-        "streamsearch": "^1.1.0"
-      }
-    },
-    "bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "dev": true
-    },
-    "c8": {
-      "version": "7.14.0",
-      "resolved": "https://registry.npmjs.org/c8/-/c8-7.14.0.tgz",
-      "integrity": "sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==",
-      "dev": true,
-      "requires": {
-        "@bcoe/v8-coverage": "^0.2.3",
-        "@istanbuljs/schema": "^0.1.3",
-        "find-up": "^5.0.0",
-        "foreground-child": "^2.0.0",
-        "istanbul-lib-coverage": "^3.2.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-reports": "^3.1.4",
-        "rimraf": "^3.0.2",
-        "test-exclude": "^6.0.0",
-        "v8-to-istanbul": "^9.0.0",
-        "yargs": "^16.2.0",
-        "yargs-parser": "^20.2.9"
-      },
-      "dependencies": {
-        "cliui": {
-          "version": "7.0.4",
-          "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
-          "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
-          "dev": true,
-          "requires": {
-            "string-width": "^4.2.0",
-            "strip-ansi": "^6.0.0",
-            "wrap-ansi": "^7.0.0"
-          }
-        },
-        "yargs": {
-          "version": "16.2.0",
-          "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-          "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
-          "dev": true,
-          "requires": {
-            "cliui": "^7.0.2",
-            "escalade": "^3.1.1",
-            "get-caller-file": "^2.0.5",
-            "require-directory": "^2.1.1",
-            "string-width": "^4.2.0",
-            "y18n": "^5.0.5",
-            "yargs-parser": "^20.2.2"
-          }
-        }
-      }
-    },
-    "cac": {
-      "version": "6.7.14",
-      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-      "dev": true
-    },
-    "cache-content-type": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/cache-content-type/-/cache-content-type-1.0.1.tgz",
-      "integrity": "sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==",
-      "dev": true,
-      "requires": {
-        "mime-types": "^2.1.18",
-        "ylru": "^1.2.0"
-      }
-    },
-    "cacheable-lookup": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-6.1.0.tgz",
-      "integrity": "sha512-KJ/Dmo1lDDhmW2XDPMo+9oiy/CeqosPguPCrgcVzKyZrL6pM1gU2GmPY/xo6OQPTUaA/c0kwHuywB4E6nmT9ww==",
-      "dev": true
-    },
-    "cacheable-request": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.2.tgz",
-      "integrity": "sha512-pouW8/FmiPQbuGpkXQ9BAPv/Mo5xDGANgSNXzTzJ8DrKGuXOssM4wIQRjfanNRh3Yu5cfYPvcorqbhg2KIJtew==",
-      "dev": true,
-      "requires": {
-        "clone-response": "^1.0.2",
-        "get-stream": "^5.1.0",
-        "http-cache-semantics": "^4.0.0",
-        "keyv": "^4.0.0",
-        "lowercase-keys": "^2.0.0",
-        "normalize-url": "^6.0.1",
-        "responselike": "^2.0.0"
-      }
-    },
-    "call-bind": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2"
-      }
-    },
-    "callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
-    },
-    "camelize": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
-      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ=="
-    },
-    "caniuse-lite": {
-      "version": "1.0.30001495",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001495.tgz",
-      "integrity": "sha512-F6x5IEuigtUfU5ZMQK2jsy5JqUUlEFRVZq8bO2a+ysq5K7jD6PPc9YXZj78xDNS3uNchesp1Jw47YXEqr+Viyg==",
-      "dev": true
-    },
-    "canonicalize": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/canonicalize/-/canonicalize-2.0.0.tgz",
-      "integrity": "sha512-ulDEYPv7asdKvqahuAY35c1selLdzDwHqugK92hfkzvlDCwXRRelDkR+Er33md/PtnpqHemgkuDPanZ4fiYZ8w==",
-      "dev": true
-    },
-    "catharsis": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/catharsis/-/catharsis-0.9.0.tgz",
-      "integrity": "sha512-prMTQVpcns/tzFgFVkVp6ak6RykZyWb3gu8ckUpd6YkTlacOd3DXGJjIpD4Q6zJirizvaiAjSSHlOsA+6sNh2A==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.15"
-      }
-    },
-    "chai": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
-      "integrity": "sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==",
-      "dev": true,
-      "requires": {
-        "assertion-error": "^1.1.0",
-        "check-error": "^1.0.2",
-        "deep-eql": "^4.1.2",
-        "get-func-name": "^2.0.0",
-        "loupe": "^2.3.1",
-        "pathval": "^1.1.1",
-        "type-detect": "^4.0.5"
-      }
-    },
-    "chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      }
-    },
-    "chardet": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
-      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
-      "dev": true
-    },
-    "check-error": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
-      "integrity": "sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==",
-      "dev": true
-    },
-    "ci-info": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
-      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
-      "dev": true
-    },
-    "cli-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
-      "dev": true,
-      "requires": {
-        "restore-cursor": "^3.1.0"
-      }
-    },
-    "cli-width": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
-      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
-      "dev": true
-    },
-    "cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "requires": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      }
-    },
-    "clone-response": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
-      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
-      "dev": true,
-      "requires": {
-        "mimic-response": "^1.0.0"
-      }
-    },
-    "clsx": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
-    },
-    "cluster-key-slot": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz",
-      "integrity": "sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==",
-      "dev": true
-    },
-    "co": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
-      "dev": true
-    },
-    "color": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
-      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
-      "dev": true,
-      "requires": {
-        "color-convert": "^1.9.3",
-        "color-string": "^1.6.0"
-      },
-      "dependencies": {
-        "color-convert": {
-          "version": "1.9.3",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "dev": true,
-          "requires": {
-            "color-name": "1.1.3"
-          }
-        },
-        "color-name": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-          "dev": true
-        }
-      }
-    },
-    "color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "requires": {
-        "color-name": "~1.1.4"
-      }
-    },
-    "color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "dev": true,
-      "requires": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "colorspace": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.4.tgz",
-      "integrity": "sha512-BgvKJiuVu1igBUF2kEjRCZXol6wiiGbY5ipL/oVPwm0BL9sIpMIzM8IK7vwuxIIzOXMV3Ey5w+vxhm0rR/TN8w==",
-      "dev": true,
-      "requires": {
-        "color": "^3.1.3",
-        "text-hex": "1.0.x"
-      }
-    },
-    "combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dev": true,
-      "requires": {
-        "delayed-stream": "~1.0.0"
-      }
-    },
-    "comment-parser": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.3.1.tgz",
-      "integrity": "sha512-B52sN2VNghyq5ofvUsqZjmk6YkihBX5vMSChmSK9v4ShjKf3Vk5Xcmgpw4o+iIgtrnM/u5FiMpz9VKb8lpBveA==",
-      "dev": true
-    },
-    "componentsjs": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/componentsjs/-/componentsjs-5.4.1.tgz",
-      "integrity": "sha512-kdxlhqcHw/eGP5hSRRd1wUuZvTW7+rSZEDqwszeHBkDQodREjpoxoS+Z3Xhc6nxEMIKAC8rdedTsww7nrhcpJQ==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@types/minimist": "^1.2.0",
-        "@types/node": "^18.0.0",
-        "@types/semver": "^7.3.4",
-        "jsonld-context-parser": "^2.1.1",
-        "minimist": "^1.2.0",
-        "rdf-data-factory": "^1.1.0",
-        "rdf-object": "^1.13.1",
-        "rdf-parse": "^2.0.0",
-        "rdf-quad": "^1.5.0",
-        "rdf-string": "^1.6.0",
-        "rdf-terms": "^1.7.0",
-        "semver": "^7.3.2",
-        "winston": "^3.3.3"
-      },
-      "dependencies": {
-        "@types/node": {
-          "version": "18.16.16",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.16.16.tgz",
-          "integrity": "sha512-NpaM49IGQQAUlBhHMF82QH80J08os4ZmyF9MkpCzWAGuOHqE4gTEbhzd7L3l5LmWuZ6E0OiC1FweQ4tsiW35+g==",
-          "dev": true
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.5.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
-          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
-        }
-      }
-    },
-    "concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
-    },
-    "concordance": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/concordance/-/concordance-5.0.4.tgz",
-      "integrity": "sha512-OAcsnTEYu1ARJqWVGwf4zh4JDfHZEaSNlNccFmt8YjB2l/n19/PF2viLINHc57vO4FKIAFl2FWASIGZZWZ2Kxw==",
-      "dev": true,
-      "requires": {
-        "date-time": "^3.1.0",
-        "esutils": "^2.0.3",
-        "fast-diff": "^1.2.0",
-        "js-string-escape": "^1.0.1",
-        "lodash": "^4.17.15",
-        "md5-hex": "^3.0.1",
-        "semver": "^7.3.2",
-        "well-known-symbols": "^2.0.0"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.5.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
-          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
-        }
-      }
-    },
-    "confusing-browser-globals": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
-      "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==",
-      "dev": true
-    },
-    "content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "5.2.1"
-      },
-      "dependencies": {
-        "safe-buffer": {
-          "version": "5.2.1",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-          "dev": true
-        }
-      }
-    },
-    "content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "dev": true
-    },
-    "convert-source-map": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
-    },
-    "cookies": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/cookies/-/cookies-0.8.0.tgz",
-      "integrity": "sha512-8aPsApQfebXnuI+537McwYsDtjVxGm8gTIzQI3FDW6t5t/DAhERxtnbEPN/8RX+uZthoz4eCOgloXaE5cYyNow==",
-      "dev": true,
-      "requires": {
-        "depd": "~2.0.0",
-        "keygrip": "~1.1.0"
-      }
-    },
-    "core-js": {
-      "version": "3.30.2",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.30.2.tgz",
-      "integrity": "sha512-uBJiDmwqsbJCWHAwjrx3cvjbMXP7xD72Dmsn5LOJpiRmE3WbBbN5rCqQ2Qh6Ek6/eOrjlWngEynBWo4VxerQhg=="
-    },
-    "cors": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
-      "dev": true,
-      "requires": {
-        "object-assign": "^4",
-        "vary": "^1"
-      }
-    },
-    "cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "requires": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      }
-    },
-    "cross-fetch": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.6.tgz",
-      "integrity": "sha512-riRvo06crlE8HiqOwIpQhxwdOk4fOeR7FVM/wXoxchFEqMNUjvbs3bfo4OTgMEMHzppd4DxFBDbyySj8Cv781g==",
-      "requires": {
-        "node-fetch": "^2.6.11"
-      }
-    },
-    "cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "requires": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      }
-    },
-    "crypto-js": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
-      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
-    },
-    "css-color-keywords": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
-      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg=="
-    },
-    "css-to-react-native": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
-      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
-      "requires": {
-        "camelize": "^1.0.0",
-        "css-color-keywords": "^1.0.0",
-        "postcss-value-parser": "^4.0.2"
-      }
-    },
-    "cssstyle": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
-      "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
-      "dev": true,
-      "requires": {
-        "rrweb-cssom": "^0.6.0"
-      }
-    },
-    "csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
-    },
-    "damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
-    },
-    "data-urls": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
-      "integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
-      "dev": true,
-      "requires": {
-        "abab": "^2.0.6",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^12.0.0"
-      }
-    },
-    "date-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/date-time/-/date-time-3.1.0.tgz",
-      "integrity": "sha512-uqCUKXE5q1PNBXjPqvwhwJf9SwMoAHBgWJ6DcrnS5o+W2JOiIILl0JEdVD8SGujrNS02GGxgwAg2PN2zONgtjg==",
-      "dev": true,
-      "requires": {
-        "time-zone": "^1.0.0"
-      }
-    },
-    "dayjs": {
-      "version": "1.11.8",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz",
-      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==",
-      "optional": true,
-      "peer": true
-    },
-    "debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "requires": {
-        "ms": "2.1.2"
-      }
-    },
-    "decimal.js": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
-      "dev": true
-    },
-    "decompress-response": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
-      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
-      "dev": true,
-      "requires": {
-        "mimic-response": "^3.1.0"
-      },
-      "dependencies": {
-        "mimic-response": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
-          "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
-          "dev": true
-        }
-      }
-    },
-    "deep-eql": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
-      "integrity": "sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==",
-      "dev": true,
-      "requires": {
-        "type-detect": "^4.0.0"
-      }
-    },
-    "deep-equal": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
-      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
-      "dev": true,
-      "requires": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.0",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.0",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      }
-    },
-    "deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "defer-to-connect": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.1.tgz",
-      "integrity": "sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==",
-      "dev": true
-    },
-    "define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "dev": true
-    },
-    "define-properties": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
-      "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
-      "dev": true,
-      "requires": {
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      }
-    },
-    "delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "dev": true
-    },
-    "delegates": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
-      "dev": true
-    },
-    "denque": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
-      "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
-      "dev": true
-    },
-    "depd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "dev": true
-    },
-    "destroy": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-      "dev": true
-    },
-    "diff-sequences": {
-      "version": "29.4.3",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz",
-      "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==",
-      "dev": true
-    },
-    "doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "requires": {
-        "esutils": "^2.0.2"
-      }
-    },
-    "dom-accessibility-api": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
-      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
-    },
-    "dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-      "requires": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
-      }
-    },
-    "dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      }
-    },
-    "domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true
-    },
-    "domexception": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
-      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
-      "dev": true,
-      "requires": {
-        "webidl-conversions": "^7.0.0"
-      }
-    },
-    "domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.3.0"
-      }
-    },
-    "domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
-      "dev": true,
-      "requires": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      }
-    },
-    "ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-      "dev": true
-    },
-    "ejs": {
-      "version": "3.1.9",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
-      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
-      "dev": true,
-      "requires": {
-        "jake": "^10.8.5"
-      }
-    },
-    "electron-to-chromium": {
-      "version": "1.4.423",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.423.tgz",
-      "integrity": "sha512-y4A7YfQcDGPAeSWM1IuoWzXpg9RY1nwHzHSwRtCSQFp9FgAVDgdWlFf0RbdWfLWQ2WUI+bddUgk5RgTjqRE6FQ==",
-      "dev": true
-    },
-    "emitter-component": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/emitter-component/-/emitter-component-1.1.1.tgz",
-      "integrity": "sha512-G+mpdiAySMuB7kesVRLuyvYRqDmshB7ReKEVuyBPkzQlmiDiLrt7hHHIy4Aff552bgknVN7B2/d3lzhGO5dvpQ=="
-    },
-    "emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
-    },
-    "enabled": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/enabled/-/enabled-2.0.0.tgz",
-      "integrity": "sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ==",
-      "dev": true
-    },
-    "encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "dev": true
-    },
-    "end-of-stream": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "dev": true,
-      "requires": {
-        "once": "^1.4.0"
-      }
-    },
-    "entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true
-    },
-    "error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "requires": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "es-abstract": {
-      "version": "1.21.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz",
-      "integrity": "sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==",
-      "dev": true,
-      "requires": {
-        "array-buffer-byte-length": "^1.0.0",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.5",
-        "get-intrinsic": "^1.2.0",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.10",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.12.3",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.4.3",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.7",
-        "string.prototype.trimend": "^1.0.6",
-        "string.prototype.trimstart": "^1.0.6",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.9"
-      }
-    },
-    "es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      }
-    },
-    "es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "dev": true,
-      "requires": {
-        "has": "^1.0.3"
-      }
-    },
-    "es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "requires": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      }
-    },
-    "esbuild": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
-      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
-      "dev": true,
-      "requires": {
-        "@esbuild/android-arm": "0.17.19",
-        "@esbuild/android-arm64": "0.17.19",
-        "@esbuild/android-x64": "0.17.19",
-        "@esbuild/darwin-arm64": "0.17.19",
-        "@esbuild/darwin-x64": "0.17.19",
-        "@esbuild/freebsd-arm64": "0.17.19",
-        "@esbuild/freebsd-x64": "0.17.19",
-        "@esbuild/linux-arm": "0.17.19",
-        "@esbuild/linux-arm64": "0.17.19",
-        "@esbuild/linux-ia32": "0.17.19",
-        "@esbuild/linux-loong64": "0.17.19",
-        "@esbuild/linux-mips64el": "0.17.19",
-        "@esbuild/linux-ppc64": "0.17.19",
-        "@esbuild/linux-riscv64": "0.17.19",
-        "@esbuild/linux-s390x": "0.17.19",
-        "@esbuild/linux-x64": "0.17.19",
-        "@esbuild/netbsd-x64": "0.17.19",
-        "@esbuild/openbsd-x64": "0.17.19",
-        "@esbuild/sunos-x64": "0.17.19",
-        "@esbuild/win32-arm64": "0.17.19",
-        "@esbuild/win32-ia32": "0.17.19",
-        "@esbuild/win32-x64": "0.17.19"
-      }
-    },
-    "escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true
-    },
-    "escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "dev": true
-    },
-    "escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
-    },
-    "eslint": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz",
-      "integrity": "sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==",
-      "dev": true,
-      "requires": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.4.0",
-        "@eslint/eslintrc": "^2.0.3",
-        "@eslint/js": "8.42.0",
-        "@humanwhocodes/config-array": "^0.11.10",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.10.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.0",
-        "eslint-visitor-keys": "^3.4.1",
-        "espree": "^9.5.2",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.1",
-        "strip-ansi": "^6.0.1",
-        "strip-json-comments": "^3.1.0",
-        "text-table": "^0.2.0"
-      },
-      "dependencies": {
-        "globals": {
-          "version": "13.20.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-          "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-          "dev": true,
-          "requires": {
-            "type-fest": "^0.20.2"
-          }
-        }
-      }
-    },
-    "eslint-config-airbnb": {
-      "version": "19.0.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-airbnb/-/eslint-config-airbnb-19.0.4.tgz",
-      "integrity": "sha512-T75QYQVQX57jiNgpF9r1KegMICE94VYwoFQyMGhrvc+lB8YF2E/M/PYDaQe1AJcWaEgqLE+ErXV1Og/+6Vyzew==",
-      "dev": true,
-      "requires": {
-        "eslint-config-airbnb-base": "^15.0.0",
-        "object.assign": "^4.1.2",
-        "object.entries": "^1.1.5"
-      }
-    },
-    "eslint-config-airbnb-base": {
-      "version": "15.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
-      "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
-      "dev": true,
-      "requires": {
-        "confusing-browser-globals": "^1.0.10",
-        "object.assign": "^4.1.2",
-        "object.entries": "^1.1.5",
-        "semver": "^6.3.0"
-      }
-    },
-    "eslint-config-esnext": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-esnext/-/eslint-config-esnext-4.1.0.tgz",
-      "integrity": "sha512-GhfVEXdqYKEIIj7j+Fw2SQdL9qyZMekgXfq6PyXM66cQw0B435ddjz3P3kxOBVihMRJ0xGYjosaveQz5Y6z0uA==",
-      "dev": true,
-      "requires": {
-        "babel-eslint": "^10.0.1",
-        "eslint": "^6.8.0",
-        "eslint-plugin-babel": "^5.2.1",
-        "eslint-plugin-import": "^2.14.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
-          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
-          "dev": true
-        },
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "argparse": {
-          "version": "1.0.10",
-          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-          "dev": true,
-          "requires": {
-            "sprintf-js": "~1.0.2"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          }
-        },
-        "color-convert": {
-          "version": "1.9.3",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "dev": true,
-          "requires": {
-            "color-name": "1.1.3"
-          }
-        },
-        "color-name": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-          "dev": true
-        },
-        "cross-spawn": {
-          "version": "6.0.5",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
-          "dev": true,
-          "requires": {
-            "nice-try": "^1.0.4",
-            "path-key": "^2.0.1",
-            "semver": "^5.5.0",
-            "shebang-command": "^1.2.0",
-            "which": "^1.2.9"
-          },
-          "dependencies": {
-            "semver": {
-              "version": "5.7.1",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-              "dev": true
-            }
-          }
-        },
-        "escape-string-regexp": {
-          "version": "1.0.5",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-          "dev": true
-        },
-        "eslint": {
-          "version": "6.8.0",
-          "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
-          "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.0.0",
-            "ajv": "^6.10.0",
-            "chalk": "^2.1.0",
-            "cross-spawn": "^6.0.5",
-            "debug": "^4.0.1",
-            "doctrine": "^3.0.0",
-            "eslint-scope": "^5.0.0",
-            "eslint-utils": "^1.4.3",
-            "eslint-visitor-keys": "^1.1.0",
-            "espree": "^6.1.2",
-            "esquery": "^1.0.1",
-            "esutils": "^2.0.2",
-            "file-entry-cache": "^5.0.1",
-            "functional-red-black-tree": "^1.0.1",
-            "glob-parent": "^5.0.0",
-            "globals": "^12.1.0",
-            "ignore": "^4.0.6",
-            "import-fresh": "^3.0.0",
-            "imurmurhash": "^0.1.4",
-            "inquirer": "^7.0.0",
-            "is-glob": "^4.0.0",
-            "js-yaml": "^3.13.1",
-            "json-stable-stringify-without-jsonify": "^1.0.1",
-            "levn": "^0.3.0",
-            "lodash": "^4.17.14",
-            "minimatch": "^3.0.4",
-            "mkdirp": "^0.5.1",
-            "natural-compare": "^1.4.0",
-            "optionator": "^0.8.3",
-            "progress": "^2.0.0",
-            "regexpp": "^2.0.1",
-            "semver": "^6.1.2",
-            "strip-ansi": "^5.2.0",
-            "strip-json-comments": "^3.0.1",
-            "table": "^5.2.3",
-            "text-table": "^0.2.0",
-            "v8-compile-cache": "^2.0.3"
-          }
-        },
-        "eslint-scope": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-          "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-          "dev": true,
-          "requires": {
-            "esrecurse": "^4.3.0",
-            "estraverse": "^4.1.1"
-          }
-        },
-        "eslint-utils": {
-          "version": "1.4.3",
-          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
-          "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
-          "dev": true,
-          "requires": {
-            "eslint-visitor-keys": "^1.1.0"
-          }
-        },
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-          "dev": true
-        },
-        "espree": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
-          "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
-          "dev": true,
-          "requires": {
-            "acorn": "^7.1.1",
-            "acorn-jsx": "^5.2.0",
-            "eslint-visitor-keys": "^1.1.0"
-          }
-        },
-        "estraverse": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-          "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-          "dev": true
-        },
-        "file-entry-cache": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
-          "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
-          "dev": true,
-          "requires": {
-            "flat-cache": "^2.0.1"
-          }
-        },
-        "flat-cache": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
-          "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
-          "dev": true,
-          "requires": {
-            "flatted": "^2.0.0",
-            "rimraf": "2.6.3",
-            "write": "1.0.3"
-          }
-        },
-        "flatted": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
-          "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
-          "dev": true
-        },
-        "glob-parent": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-          "dev": true,
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        },
-        "globals": {
-          "version": "12.4.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
-          "dev": true,
-          "requires": {
-            "type-fest": "^0.8.1"
-          }
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-          "dev": true
-        },
-        "ignore": {
-          "version": "4.0.6",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-          "dev": true
-        },
-        "js-yaml": {
-          "version": "3.14.1",
-          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-          "dev": true,
-          "requires": {
-            "argparse": "^1.0.7",
-            "esprima": "^4.0.0"
-          }
-        },
-        "levn": {
-          "version": "0.3.0",
-          "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
-          "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
-          "dev": true,
-          "requires": {
-            "prelude-ls": "~1.1.2",
-            "type-check": "~0.3.2"
-          }
-        },
-        "mkdirp": {
-          "version": "0.5.6",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.6"
-          }
-        },
-        "optionator": {
-          "version": "0.8.3",
-          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
-          "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
-          "dev": true,
-          "requires": {
-            "deep-is": "~0.1.3",
-            "fast-levenshtein": "~2.0.6",
-            "levn": "~0.3.0",
-            "prelude-ls": "~1.1.2",
-            "type-check": "~0.3.2",
-            "word-wrap": "~1.2.3"
-          }
-        },
-        "path-key": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-          "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
-          "dev": true
-        },
-        "prelude-ls": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
-          "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
-          "dev": true
-        },
-        "regexpp": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
-          "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
-          "dev": true
-        },
-        "rimraf": {
-          "version": "2.6.3",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        },
-        "shebang-command": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-          "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
-          "dev": true,
-          "requires": {
-            "shebang-regex": "^1.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-          "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
-          "dev": true
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        },
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        },
-        "type-check": {
-          "version": "0.3.2",
-          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
-          "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
-          "dev": true,
-          "requires": {
-            "prelude-ls": "~1.1.2"
-          }
-        },
-        "type-fest": {
-          "version": "0.8.1",
-          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-          "dev": true
-        },
-        "which": {
-          "version": "1.3.1",
-          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-          "dev": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
-        }
-      }
-    },
-    "eslint-config-node": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-node/-/eslint-config-node-4.1.0.tgz",
-      "integrity": "sha512-Wz17xV5O2WFG8fGdMYEBdbiL6TL7YNJSJvSX9V4sXQownewfYmoqlly7wxqLkOUv/57pq6LnnotMiQQrrPjCqQ==",
-      "dev": true,
-      "requires": {
-        "eslint": "^6.8.0",
-        "eslint-config-esnext": "^4.1.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
-          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
-          "dev": true
-        },
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "argparse": {
-          "version": "1.0.10",
-          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-          "dev": true,
-          "requires": {
-            "sprintf-js": "~1.0.2"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          }
-        },
-        "color-convert": {
-          "version": "1.9.3",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "dev": true,
-          "requires": {
-            "color-name": "1.1.3"
-          }
-        },
-        "color-name": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-          "dev": true
-        },
-        "cross-spawn": {
-          "version": "6.0.5",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
-          "dev": true,
-          "requires": {
-            "nice-try": "^1.0.4",
-            "path-key": "^2.0.1",
-            "semver": "^5.5.0",
-            "shebang-command": "^1.2.0",
-            "which": "^1.2.9"
-          },
-          "dependencies": {
-            "semver": {
-              "version": "5.7.1",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-              "dev": true
-            }
-          }
-        },
-        "escape-string-regexp": {
-          "version": "1.0.5",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-          "dev": true
-        },
-        "eslint": {
-          "version": "6.8.0",
-          "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
-          "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.0.0",
-            "ajv": "^6.10.0",
-            "chalk": "^2.1.0",
-            "cross-spawn": "^6.0.5",
-            "debug": "^4.0.1",
-            "doctrine": "^3.0.0",
-            "eslint-scope": "^5.0.0",
-            "eslint-utils": "^1.4.3",
-            "eslint-visitor-keys": "^1.1.0",
-            "espree": "^6.1.2",
-            "esquery": "^1.0.1",
-            "esutils": "^2.0.2",
-            "file-entry-cache": "^5.0.1",
-            "functional-red-black-tree": "^1.0.1",
-            "glob-parent": "^5.0.0",
-            "globals": "^12.1.0",
-            "ignore": "^4.0.6",
-            "import-fresh": "^3.0.0",
-            "imurmurhash": "^0.1.4",
-            "inquirer": "^7.0.0",
-            "is-glob": "^4.0.0",
-            "js-yaml": "^3.13.1",
-            "json-stable-stringify-without-jsonify": "^1.0.1",
-            "levn": "^0.3.0",
-            "lodash": "^4.17.14",
-            "minimatch": "^3.0.4",
-            "mkdirp": "^0.5.1",
-            "natural-compare": "^1.4.0",
-            "optionator": "^0.8.3",
-            "progress": "^2.0.0",
-            "regexpp": "^2.0.1",
-            "semver": "^6.1.2",
-            "strip-ansi": "^5.2.0",
-            "strip-json-comments": "^3.0.1",
-            "table": "^5.2.3",
-            "text-table": "^0.2.0",
-            "v8-compile-cache": "^2.0.3"
-          }
-        },
-        "eslint-scope": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-          "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-          "dev": true,
-          "requires": {
-            "esrecurse": "^4.3.0",
-            "estraverse": "^4.1.1"
-          }
-        },
-        "eslint-utils": {
-          "version": "1.4.3",
-          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
-          "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
-          "dev": true,
-          "requires": {
-            "eslint-visitor-keys": "^1.1.0"
-          }
-        },
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-          "dev": true
-        },
-        "espree": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
-          "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
-          "dev": true,
-          "requires": {
-            "acorn": "^7.1.1",
-            "acorn-jsx": "^5.2.0",
-            "eslint-visitor-keys": "^1.1.0"
-          }
-        },
-        "estraverse": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-          "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-          "dev": true
-        },
-        "file-entry-cache": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
-          "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
-          "dev": true,
-          "requires": {
-            "flat-cache": "^2.0.1"
-          }
-        },
-        "flat-cache": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
-          "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
-          "dev": true,
-          "requires": {
-            "flatted": "^2.0.0",
-            "rimraf": "2.6.3",
-            "write": "1.0.3"
-          }
-        },
-        "flatted": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
-          "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
-          "dev": true
-        },
-        "glob-parent": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-          "dev": true,
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        },
-        "globals": {
-          "version": "12.4.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
-          "dev": true,
-          "requires": {
-            "type-fest": "^0.8.1"
-          }
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-          "dev": true
-        },
-        "ignore": {
-          "version": "4.0.6",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-          "dev": true
-        },
-        "js-yaml": {
-          "version": "3.14.1",
-          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-          "dev": true,
-          "requires": {
-            "argparse": "^1.0.7",
-            "esprima": "^4.0.0"
-          }
-        },
-        "levn": {
-          "version": "0.3.0",
-          "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
-          "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
-          "dev": true,
-          "requires": {
-            "prelude-ls": "~1.1.2",
-            "type-check": "~0.3.2"
-          }
-        },
-        "mkdirp": {
-          "version": "0.5.6",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.6"
-          }
-        },
-        "optionator": {
-          "version": "0.8.3",
-          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
-          "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
-          "dev": true,
-          "requires": {
-            "deep-is": "~0.1.3",
-            "fast-levenshtein": "~2.0.6",
-            "levn": "~0.3.0",
-            "prelude-ls": "~1.1.2",
-            "type-check": "~0.3.2",
-            "word-wrap": "~1.2.3"
-          }
-        },
-        "path-key": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-          "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
-          "dev": true
-        },
-        "prelude-ls": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
-          "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
-          "dev": true
-        },
-        "regexpp": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
-          "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
-          "dev": true
-        },
-        "rimraf": {
-          "version": "2.6.3",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        },
-        "shebang-command": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-          "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
-          "dev": true,
-          "requires": {
-            "shebang-regex": "^1.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-          "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
-          "dev": true
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        },
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        },
-        "type-check": {
-          "version": "0.3.2",
-          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
-          "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
-          "dev": true,
-          "requires": {
-            "prelude-ls": "~1.1.2"
-          }
-        },
-        "type-fest": {
-          "version": "0.8.1",
-          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-          "dev": true
-        },
-        "which": {
-          "version": "1.3.1",
-          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-          "dev": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
-        }
-      }
-    },
-    "eslint-config-prettier": {
-      "version": "8.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
-      "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
-      "dev": true,
-      "requires": {}
-    },
-    "eslint-import-resolver-node": {
-      "version": "0.3.7",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz",
-      "integrity": "sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==",
-      "dev": true,
-      "requires": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.11.0",
-        "resolve": "^1.22.1"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.2.7",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        }
-      }
-    },
-    "eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "requires": {
-        "debug": "^3.2.7"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.2.7",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        }
-      }
-    },
-    "eslint-plugin-babel": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-babel/-/eslint-plugin-babel-5.3.1.tgz",
-      "integrity": "sha512-VsQEr6NH3dj664+EyxJwO4FCYm/00JhYb3Sk3ft8o+fpKuIfQ9TaW6uVUfvwMXHcf/lsnRIoyFPsLMyiWCSL/g==",
-      "dev": true,
-      "requires": {
-        "eslint-rule-composer": "^0.3.0"
-      }
-    },
-    "eslint-plugin-es": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz",
-      "integrity": "sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==",
-      "dev": true,
-      "requires": {
-        "eslint-utils": "^2.0.0",
-        "regexpp": "^3.0.0"
-      }
-    },
-    "eslint-plugin-import": {
-      "version": "2.27.5",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz",
-      "integrity": "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==",
-      "dev": true,
-      "requires": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "array.prototype.flatmap": "^1.3.1",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.7",
-        "eslint-module-utils": "^2.7.4",
-        "has": "^1.0.3",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.values": "^1.1.6",
-        "resolve": "^1.22.1",
-        "semver": "^6.3.0",
-        "tsconfig-paths": "^3.14.1"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.2.7",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
-        "doctrine": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-          "dev": true,
-          "requires": {
-            "esutils": "^2.0.2"
-          }
-        }
-      }
-    },
-    "eslint-plugin-jsdoc": {
-      "version": "40.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-40.3.0.tgz",
-      "integrity": "sha512-EhCqpzRkxoT2DUB4AnrU0ggBYvTh3bWrLZzQTupq6vSVE6XzNwJVKsOHa41GCoevnsWMBNmoDVjXWGqckjuG1g==",
-      "dev": true,
-      "requires": {
-        "@es-joy/jsdoccomment": "~0.37.0",
-        "comment-parser": "1.3.1",
-        "debug": "^4.3.4",
-        "escape-string-regexp": "^4.0.0",
-        "esquery": "^1.5.0",
-        "semver": "^7.3.8",
-        "spdx-expression-parse": "^3.0.1"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.5.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
-          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
-        }
-      }
-    },
-    "eslint-plugin-jsx-a11y": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
-      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
-      "dev": true,
-      "requires": {
-        "@babel/runtime": "^7.20.7",
-        "aria-query": "^5.1.3",
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "ast-types-flow": "^0.0.7",
-        "axe-core": "^4.6.2",
-        "axobject-query": "^3.1.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "has": "^1.0.3",
-        "jsx-ast-utils": "^3.3.3",
-        "language-tags": "=1.0.5",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "semver": "^6.3.0"
-      }
-    },
-    "eslint-plugin-node": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
-      "integrity": "sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==",
-      "dev": true,
-      "requires": {
-        "eslint-plugin-es": "^3.0.0",
-        "eslint-utils": "^2.0.0",
-        "ignore": "^5.1.1",
-        "minimatch": "^3.0.4",
-        "resolve": "^1.10.1",
-        "semver": "^6.1.0"
-      }
-    },
-    "eslint-plugin-prettier": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz",
-      "integrity": "sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==",
-      "dev": true,
-      "requires": {
-        "prettier-linter-helpers": "^1.0.0"
-      }
-    },
-    "eslint-plugin-react": {
-      "version": "7.32.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz",
-      "integrity": "sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==",
-      "dev": true,
-      "requires": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.0",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "dependencies": {
-        "doctrine": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-          "dev": true,
-          "requires": {
-            "esutils": "^2.0.2"
-          }
-        },
-        "resolve": {
-          "version": "2.0.0-next.4",
-          "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
-          "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
-          "dev": true,
-          "requires": {
-            "is-core-module": "^2.9.0",
-            "path-parse": "^1.0.7",
-            "supports-preserve-symlinks-flag": "^1.0.0"
-          }
-        }
-      }
-    },
-    "eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "requires": {}
-    },
-    "eslint-rule-composer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
-      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
-      "dev": true
-    },
-    "eslint-scope": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
-      "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
-      "dev": true,
-      "requires": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      }
-    },
-    "eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
-      "dev": true,
-      "requires": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "dependencies": {
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-          "dev": true
-        }
-      }
-    },
-    "eslint-visitor-keys": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
-      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
-      "dev": true
-    },
-    "espree": {
-      "version": "9.5.2",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.2.tgz",
-      "integrity": "sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==",
-      "dev": true,
-      "requires": {
-        "acorn": "^8.8.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "8.8.2",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-          "dev": true
-        }
-      }
-    },
-    "esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true
-    },
-    "esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "requires": {
-        "estraverse": "^5.1.0"
-      }
-    },
-    "esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "requires": {
-        "estraverse": "^5.2.0"
-      }
-    },
-    "estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true
-    },
-    "esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true
-    },
-    "event-target-shim": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
-      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
-    },
-    "events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
-    },
-    "expect": {
-      "version": "29.5.0",
-      "resolved": "https://registry.npmjs.org/expect/-/expect-29.5.0.tgz",
-      "integrity": "sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==",
-      "dev": true,
-      "requires": {
-        "@jest/expect-utils": "^29.5.0",
-        "jest-get-type": "^29.4.3",
-        "jest-matcher-utils": "^29.5.0",
-        "jest-message-util": "^29.5.0",
-        "jest-util": "^29.5.0"
-      }
-    },
-    "external-editor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
-      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
-      "dev": true,
-      "requires": {
-        "chardet": "^0.7.0",
-        "iconv-lite": "^0.4.24",
-        "tmp": "^0.0.33"
-      }
-    },
-    "fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "fast-diff": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
-      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
-      "dev": true
-    },
-    "fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "fastq": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-      "dev": true,
-      "requires": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "fecha": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/fecha/-/fecha-4.2.3.tgz",
-      "integrity": "sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==",
-      "dev": true
-    },
-    "fetch-sparql-endpoint": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fetch-sparql-endpoint/-/fetch-sparql-endpoint-3.3.2.tgz",
-      "integrity": "sha512-O2VajOk7E0SPhV/2sPbwl9s7lFEVGlmSjGWsQaOuO8Y21KVZtJFSliYHWTI2sP5paYHwIL4x/mEqH+4Bft/aVw==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@types/readable-stream": "^2.3.11",
-        "@types/sparqljs": "^3.1.3",
-        "abort-controller": "^3.0.0",
-        "cross-fetch": "^3.0.6",
-        "is-stream": "^2.0.0",
-        "minimist": "^1.2.0",
-        "n3": "^1.6.3",
-        "rdf-string": "^1.6.0",
-        "readable-web-to-node-stream": "^3.0.2",
-        "sparqljs": "^3.1.2",
-        "sparqljson-parse": "^2.1.0",
-        "sparqlxml-parse": "^2.1.1",
-        "stream-to-string": "^1.1.0"
-      }
-    },
-    "figures": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
-      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-      "dev": true,
-      "requires": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "dependencies": {
-        "escape-string-regexp": {
-          "version": "1.0.5",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-          "dev": true
-        }
-      }
-    },
-    "file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "requires": {
-        "flat-cache": "^3.0.4"
-      }
-    },
-    "filelist": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
-      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
-      "dev": true,
-      "requires": {
-        "minimatch": "^5.0.1"
-      },
-      "dependencies": {
-        "brace-expansion": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-          "dev": true,
-          "requires": {
-            "balanced-match": "^1.0.0"
-          }
-        },
-        "minimatch": {
-          "version": "5.1.6",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-          "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-          "dev": true,
-          "requires": {
-            "brace-expansion": "^2.0.1"
-          }
-        }
-      }
-    },
-    "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "requires": {
-        "to-regex-range": "^5.0.1"
-      }
-    },
-    "find-root": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
-      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
-    },
-    "find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "requires": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      }
-    },
-    "flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
-      "dev": true,
-      "requires": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
-      }
-    },
-    "flatted": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
-      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
-      "dev": true
-    },
-    "fn.name": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fn.name/-/fn.name-1.1.0.tgz",
-      "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==",
-      "dev": true
-    },
-    "for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "requires": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "foreground-child": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
-      "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
-      "dev": true,
-      "requires": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^3.0.2"
-      }
-    },
-    "form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dev": true,
-      "requires": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      }
-    },
-    "fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "dev": true
-    },
-    "fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      }
-    },
-    "fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
-    },
-    "function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-    },
-    "function.prototype.name": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
-      "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.19.0",
-        "functions-have-names": "^1.2.2"
-      }
-    },
-    "functional-red-black-tree": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
-      "dev": true
-    },
-    "functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true
-    },
-    "gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true
-    },
-    "get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true
-    },
-    "get-func-name": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
-      "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
-      "dev": true
-    },
-    "get-intrinsic": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3"
-      }
-    },
-    "get-stream": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-      "dev": true,
-      "requires": {
-        "pump": "^3.0.0"
-      }
-    },
-    "get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      }
-    },
-    "glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "requires": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      }
-    },
-    "glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "requires": {
-        "is-glob": "^4.0.3"
-      }
-    },
-    "globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
-    },
-    "globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "requires": {
-        "define-properties": "^1.1.3"
-      }
-    },
-    "gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.1.3"
-      }
-    },
-    "got": {
-      "version": "11.8.6",
-      "resolved": "https://registry.npmjs.org/got/-/got-11.8.6.tgz",
-      "integrity": "sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==",
-      "dev": true,
-      "requires": {
-        "@sindresorhus/is": "^4.0.0",
-        "@szmarczak/http-timer": "^4.0.5",
-        "@types/cacheable-request": "^6.0.1",
-        "@types/responselike": "^1.0.0",
-        "cacheable-lookup": "^5.0.3",
-        "cacheable-request": "^7.0.2",
-        "decompress-response": "^6.0.0",
-        "http2-wrapper": "^1.0.0-beta.5.2",
-        "lowercase-keys": "^2.0.0",
-        "p-cancelable": "^2.0.0",
-        "responselike": "^2.0.0"
-      },
-      "dependencies": {
-        "cacheable-lookup": {
-          "version": "5.0.4",
-          "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
-          "integrity": "sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==",
-          "dev": true
-        }
-      }
-    },
-    "graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true
-    },
-    "graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "graphql": {
-      "version": "15.8.0",
-      "resolved": "https://registry.npmjs.org/graphql/-/graphql-15.8.0.tgz",
-      "integrity": "sha512-5gghUc24tP9HRznNpV2+FIoq3xKkj5dTQqf4v0CpdPbFVwFkWoxOM+o+2OC9ZSvjEMTjfmG9QT+gcvggTwW1zw==",
-      "dev": true
-    },
-    "graphql-to-sparql": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/graphql-to-sparql/-/graphql-to-sparql-3.0.1.tgz",
-      "integrity": "sha512-A+RwB99o66CUj+XuqtP/u3P7fGS/qF6P+/jhNl1BE/JZ2SCnkrODvV0LADuJeCDmPh45fDhq+GTDVoN1ZQHYFw==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "graphql": "^15.5.2",
-        "jsonld-context-parser": "^2.0.2",
-        "minimist": "^1.2.0",
-        "rdf-data-factory": "^1.1.0",
-        "sparqlalgebrajs": "^4.0.0"
-      }
-    },
-    "handlebars": {
-      "version": "4.7.7",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.7.tgz",
-      "integrity": "sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.5",
-        "neo-async": "^2.6.0",
-        "source-map": "^0.6.1",
-        "uglify-js": "^3.1.4",
-        "wordwrap": "^1.0.0"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
-    },
-    "has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "requires": {
-        "function-bind": "^1.1.1"
-      }
-    },
-    "has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true
-    },
-    "has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true
-    },
-    "has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.1.1"
-      }
-    },
-    "has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true
-    },
-    "has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true
-    },
-    "has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "requires": {
-        "has-symbols": "^1.0.2"
-      }
-    },
-    "hash.js": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
-      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
-      "dev": true,
-      "requires": {
-        "inherits": "^2.0.3",
-        "minimalistic-assert": "^1.0.1"
-      }
-    },
-    "hoist-non-react-statics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
-      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
-      "requires": {
-        "react-is": "^16.7.0"
-      },
-      "dependencies": {
-        "react-is": {
-          "version": "16.13.1",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-        }
-      }
-    },
-    "html-encoding-sniffer": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-      "dev": true,
-      "requires": {
-        "whatwg-encoding": "^2.0.0"
-      }
-    },
-    "html-escaper": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-      "dev": true
-    },
-    "htmlparser2": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.0.0.tgz",
-      "integrity": "sha512-uxbSI98wmFT/G4P2zXx4OVx04qWUmyFPrD2/CNepa2Zo3GPNaCaaxElDgwUrwYWkK1nr9fft0Ya8dws8coDLLQ==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.1.0",
-        "entities": "^4.5.0"
-      }
-    },
-    "http-assert": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/http-assert/-/http-assert-1.5.0.tgz",
-      "integrity": "sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==",
-      "dev": true,
-      "requires": {
-        "deep-equal": "~1.0.1",
-        "http-errors": "~1.8.0"
-      },
-      "dependencies": {
-        "deep-equal": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
-          "integrity": "sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==",
-          "dev": true
-        }
-      }
-    },
-    "http-cache-semantics": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
-      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
-      "dev": true
-    },
-    "http-errors": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
-      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
-      "dev": true,
-      "requires": {
-        "depd": "~1.1.2",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": ">= 1.5.0 < 2",
-        "toidentifier": "1.0.1"
-      },
-      "dependencies": {
-        "depd": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
-          "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
-          "dev": true
-        }
-      }
-    },
-    "http-link-header": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/http-link-header/-/http-link-header-1.1.1.tgz",
-      "integrity": "sha512-mW3N/rTYpCn99s1do0zx6nzFZSwLH9HGfUM4ZqLWJ16ylmYaC2v5eYGqrNTQlByx8AzUgGI+V/32gXPugs1+Sw=="
-    },
-    "http-proxy-agent": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
-      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
-      "dev": true,
-      "requires": {
-        "@tootallnate/once": "2",
-        "agent-base": "6",
-        "debug": "4"
-      }
-    },
-    "http2-wrapper": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-1.0.3.tgz",
-      "integrity": "sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==",
-      "dev": true,
-      "requires": {
-        "quick-lru": "^5.1.1",
-        "resolve-alpn": "^1.0.0"
-      }
-    },
-    "https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dev": true,
-      "requires": {
-        "agent-base": "6",
-        "debug": "4"
-      }
-    },
-    "iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dev": true,
-      "requires": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      }
-    },
-    "ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
-    },
-    "ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-      "dev": true
-    },
-    "immutable": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
-      "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==",
-      "dev": true
-    },
-    "import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "requires": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      }
-    },
-    "imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true
-    },
-    "inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
-      "requires": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "inquirer": {
-      "version": "7.3.3",
-      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
-      "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
-      "dev": true,
-      "requires": {
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.1.0",
-        "cli-cursor": "^3.1.0",
-        "cli-width": "^3.0.0",
-        "external-editor": "^3.0.3",
-        "figures": "^3.0.0",
-        "lodash": "^4.17.19",
-        "mute-stream": "0.0.8",
-        "run-async": "^2.4.0",
-        "rxjs": "^6.6.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "through": "^2.3.6"
-      }
-    },
-    "internal-slot": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.2.0",
-        "has": "^1.0.3",
-        "side-channel": "^1.0.4"
-      }
-    },
-    "ioredis": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.3.2.tgz",
-      "integrity": "sha512-1DKMMzlIHM02eBBVOFQ1+AolGjs6+xEcM4PDL7NqOS6szq7H9jSaEkIUH6/a5Hl241LzW6JLSiAbNvTQjUupUA==",
-      "dev": true,
-      "requires": {
-        "@ioredis/commands": "^1.1.1",
-        "cluster-key-slot": "^1.1.0",
-        "debug": "^4.3.4",
-        "denque": "^2.1.0",
-        "lodash.defaults": "^4.2.0",
-        "lodash.isarguments": "^3.1.0",
-        "redis-errors": "^1.2.0",
-        "redis-parser": "^3.0.0",
-        "standard-as-callback": "^2.1.0"
-      }
-    },
-    "is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      }
-    },
-    "is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
-    },
-    "is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "requires": {
-        "has-bigints": "^1.0.1"
-      }
-    },
-    "is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true
-    },
-    "is-core-module": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
-      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
-      "requires": {
-        "has": "^1.0.3"
-      }
-    },
-    "is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true
-    },
-    "is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true
-    },
-    "is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true
-    },
-    "is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "requires": {
-        "is-extglob": "^2.1.1"
-      }
-    },
-    "is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true
-    },
-    "is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true
-    },
-    "is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true
-    },
-    "is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true
-    },
-    "is-potential-custom-element-name": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-      "dev": true
-    },
-    "is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true
-    },
-    "is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2"
-      }
-    },
-    "is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "dev": true
-    },
-    "is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "requires": {
-        "has-symbols": "^1.0.2"
-      }
-    },
-    "is-typed-array": {
-      "version": "1.1.10",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz",
-      "integrity": "sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==",
-      "dev": true,
-      "requires": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true
-    },
-    "is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2"
-      }
-    },
-    "is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      }
-    },
-    "is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
-      "requires": {
-        "is-docker": "^2.0.0"
-      }
-    },
-    "isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
-    },
-    "istanbul-lib-coverage": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
-      "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
-      "dev": true
-    },
-    "istanbul-lib-report": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
-      "integrity": "sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==",
-      "dev": true,
-      "requires": {
-        "istanbul-lib-coverage": "^3.0.0",
-        "make-dir": "^3.0.0",
-        "supports-color": "^7.1.0"
-      }
-    },
-    "istanbul-reports": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
-      "integrity": "sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==",
-      "dev": true,
-      "requires": {
-        "html-escaper": "^2.0.0",
-        "istanbul-lib-report": "^3.0.0"
-      }
-    },
-    "jake": {
-      "version": "10.8.7",
-      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz",
-      "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==",
-      "dev": true,
-      "requires": {
-        "async": "^3.2.3",
-        "chalk": "^4.0.2",
-        "filelist": "^1.0.4",
-        "minimatch": "^3.1.2"
-      }
-    },
-    "jest-diff": {
-      "version": "29.5.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.5.0.tgz",
-      "integrity": "sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==",
-      "dev": true,
-      "requires": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^29.4.3",
-        "jest-get-type": "^29.4.3",
-        "pretty-format": "^29.5.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-          "dev": true
-        },
-        "pretty-format": {
-          "version": "29.5.0",
-          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-          "dev": true,
-          "requires": {
-            "@jest/schemas": "^29.4.3",
-            "ansi-styles": "^5.0.0",
-            "react-is": "^18.0.0"
-          }
-        }
-      }
-    },
-    "jest-get-type": {
-      "version": "29.4.3",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz",
-      "integrity": "sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==",
-      "dev": true
-    },
-    "jest-matcher-utils": {
-      "version": "29.5.0",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz",
-      "integrity": "sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==",
-      "dev": true,
-      "requires": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^29.5.0",
-        "jest-get-type": "^29.4.3",
-        "pretty-format": "^29.5.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-          "dev": true
-        },
-        "pretty-format": {
-          "version": "29.5.0",
-          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-          "dev": true,
-          "requires": {
-            "@jest/schemas": "^29.4.3",
-            "ansi-styles": "^5.0.0",
-            "react-is": "^18.0.0"
-          }
-        }
-      }
-    },
-    "jest-message-util": {
-      "version": "29.5.0",
-      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.5.0.tgz",
-      "integrity": "sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.12.13",
-        "@jest/types": "^29.5.0",
-        "@types/stack-utils": "^2.0.0",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^29.5.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-          "dev": true
-        },
-        "pretty-format": {
-          "version": "29.5.0",
-          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-          "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-          "dev": true,
-          "requires": {
-            "@jest/schemas": "^29.4.3",
-            "ansi-styles": "^5.0.0",
-            "react-is": "^18.0.0"
-          }
-        }
-      }
-    },
-    "jest-util": {
-      "version": "29.5.0",
-      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.5.0.tgz",
-      "integrity": "sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==",
-      "dev": true,
-      "requires": {
-        "@jest/types": "^29.5.0",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "graceful-fs": "^4.2.9",
-        "picomatch": "^2.2.3"
-      }
-    },
-    "jose": {
-      "version": "4.14.4",
-      "resolved": "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz",
-      "integrity": "sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g=="
-    },
-    "js-string-escape": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/js-string-escape/-/js-string-escape-1.0.1.tgz",
-      "integrity": "sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==",
-      "dev": true
-    },
-    "js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "requires": {
-        "argparse": "^2.0.1"
-      }
-    },
-    "js2xmlparser": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/js2xmlparser/-/js2xmlparser-4.0.2.tgz",
-      "integrity": "sha512-6n4D8gLlLf1n5mNLQPRfViYzu9RATblzPEtm1SthMX1Pjao0r9YI9nw7ZIfRxQMERS87mcswrg+r/OYrPRX6jA==",
-      "dev": true,
-      "requires": {
-        "xmlcreate": "^2.0.4"
-      }
-    },
-    "jsdoc": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/jsdoc/-/jsdoc-4.0.2.tgz",
-      "integrity": "sha512-e8cIg2z62InH7azBBi3EsSEqrKx+nUtAS5bBcYTSpZFA+vhNPyhv8PTFZ0WsjOPDj04/dOLlm08EDcQJDqaGQg==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "^7.20.15",
-        "@jsdoc/salty": "^0.2.1",
-        "@types/markdown-it": "^12.2.3",
-        "bluebird": "^3.7.2",
-        "catharsis": "^0.9.0",
-        "escape-string-regexp": "^2.0.0",
-        "js2xmlparser": "^4.0.2",
-        "klaw": "^3.0.0",
-        "markdown-it": "^12.3.2",
-        "markdown-it-anchor": "^8.4.1",
-        "marked": "^4.0.10",
-        "mkdirp": "^1.0.4",
-        "requizzle": "^0.2.3",
-        "strip-json-comments": "^3.1.0",
-        "underscore": "~1.13.2"
-      },
-      "dependencies": {
-        "escape-string-regexp": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-          "dev": true
-        }
-      }
-    },
-    "jsdoc-tsimport-plugin": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/jsdoc-tsimport-plugin/-/jsdoc-tsimport-plugin-1.0.5.tgz",
-      "integrity": "sha512-6mvyF+tXdanf3zxEumTF9Uf/sXGlANP+XohSuiJiOVVWPGxi+3f2a2sy5Ew3W+0PMYUkcGYNxfYd5mMZsIHQpg==",
-      "dev": true
-    },
-    "jsdoc-type-pratt-parser": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.0.0.tgz",
-      "integrity": "sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==",
-      "dev": true
-    },
-    "jsdom": {
-      "version": "22.1.0",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
-      "integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
-      "dev": true,
-      "requires": {
-        "abab": "^2.0.6",
-        "cssstyle": "^3.0.0",
-        "data-urls": "^4.0.0",
-        "decimal.js": "^10.4.3",
-        "domexception": "^4.0.0",
-        "form-data": "^4.0.0",
-        "html-encoding-sniffer": "^3.0.0",
-        "http-proxy-agent": "^5.0.0",
-        "https-proxy-agent": "^5.0.1",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.4",
-        "parse5": "^7.1.2",
-        "rrweb-cssom": "^0.6.0",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^4.1.2",
-        "w3c-xmlserializer": "^4.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^2.0.0",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^12.0.1",
-        "ws": "^8.13.0",
-        "xml-name-validator": "^4.0.0"
-      }
-    },
-    "jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA=="
-    },
-    "json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
-    "json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
-    },
-    "json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true
-    },
-    "jsonc-parser": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-      "dev": true
-    },
-    "jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.6",
-        "universalify": "^2.0.0"
-      }
-    },
-    "jsonld-context-parser": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/jsonld-context-parser/-/jsonld-context-parser-2.3.0.tgz",
-      "integrity": "sha512-c6w2GE57O26eWFjcPX6k6G86ootsIfpuVwhZKjCll0bVoDGBxr1P4OuU+yvgfnh1GJhAGErolfC7W1BklLjWMg==",
-      "requires": {
-        "@types/http-link-header": "^1.0.1",
-        "@types/node": "^18.0.0",
-        "canonicalize": "^1.0.1",
-        "cross-fetch": "^3.0.6",
-        "http-link-header": "^1.0.2",
-        "relative-to-absolute-iri": "^1.0.5"
-      },
-      "dependencies": {
-        "@types/node": {
-          "version": "18.16.16",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.16.16.tgz",
-          "integrity": "sha512-NpaM49IGQQAUlBhHMF82QH80J08os4ZmyF9MkpCzWAGuOHqE4gTEbhzd7L3l5LmWuZ6E0OiC1FweQ4tsiW35+g=="
-        },
-        "canonicalize": {
-          "version": "1.0.8",
-          "resolved": "https://registry.npmjs.org/canonicalize/-/canonicalize-1.0.8.tgz",
-          "integrity": "sha512-0CNTVCLZggSh7bc5VkX5WWPWO+cyZbNd07IHIsSXLia/eAq+r836hgk+8BKoEh7949Mda87VUOitx5OddVj64A=="
-        }
-      }
-    },
-    "jsonld-streaming-parser": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/jsonld-streaming-parser/-/jsonld-streaming-parser-3.2.0.tgz",
-      "integrity": "sha512-lJR1SCT364PGpFrOQaY+ZQ7qDWqqiT3IMK+AvZ83fo0LvltFn8/UyXvIFc3RO7YcaEjLahAF0otCi8vOq21NtQ==",
-      "requires": {
-        "@bergos/jsonparse": "^1.4.0",
-        "@rdfjs/types": "*",
-        "@types/http-link-header": "^1.0.1",
-        "@types/readable-stream": "^2.3.13",
-        "buffer": "^6.0.3",
-        "canonicalize": "^1.0.1",
-        "http-link-header": "^1.0.2",
-        "jsonld-context-parser": "^2.3.0",
-        "rdf-data-factory": "^1.1.0",
-        "readable-stream": "^4.0.0"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-          "requires": {
-            "base64-js": "^1.3.1",
-            "ieee754": "^1.2.1"
-          }
-        },
-        "canonicalize": {
-          "version": "1.0.8",
-          "resolved": "https://registry.npmjs.org/canonicalize/-/canonicalize-1.0.8.tgz",
-          "integrity": "sha512-0CNTVCLZggSh7bc5VkX5WWPWO+cyZbNd07IHIsSXLia/eAq+r836hgk+8BKoEh7949Mda87VUOitx5OddVj64A=="
-        }
-      }
-    },
-    "jsonld-streaming-serializer": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/jsonld-streaming-serializer/-/jsonld-streaming-serializer-2.1.0.tgz",
-      "integrity": "sha512-COHdLoeMTnrqHMoFhN3PoAwqnrKrpPC7/ACb0WbELYvt+HSOIFN3v4IJP7fOtLNQ4GeaeYkvbeWJ7Jo4EjxMDw==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@types/readable-stream": "^2.3.13",
-        "buffer": "^6.0.3",
-        "jsonld-context-parser": "^2.0.0",
-        "readable-stream": "^4.0.0"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-          "dev": true,
-          "requires": {
-            "base64-js": "^1.3.1",
-            "ieee754": "^1.2.1"
-          }
-        }
-      }
-    },
-    "jsx-ast-utils": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
-      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
-      "dev": true,
-      "requires": {
-        "array-includes": "^3.1.5",
-        "object.assign": "^4.1.3"
-      }
-    },
-    "keygrip": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
-      "integrity": "sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==",
-      "dev": true,
-      "requires": {
-        "tsscmp": "1.0.6"
-      }
-    },
-    "keyv": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.2.tgz",
-      "integrity": "sha512-5MHbFaKn8cNSmVW7BYnijeAVlE4cYA/SVkifVgrh7yotnfhKmjuXpDKjrABLnT0SfHWV21P8ow07OGfRrNDg8g==",
-      "dev": true,
-      "requires": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "klaw": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/klaw/-/klaw-3.0.0.tgz",
-      "integrity": "sha512-0Fo5oir+O9jnXu5EefYbVK+mHMBeEVEy2cmctR1O1NECcCkPRreJKrS6Qt/j3KC2C148Dfo9i3pCmCMsdqGr0g==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.9"
-      }
-    },
-    "koa": {
-      "version": "2.14.2",
-      "resolved": "https://registry.npmjs.org/koa/-/koa-2.14.2.tgz",
-      "integrity": "sha512-VFI2bpJaodz6P7x2uyLiX6RLYpZmOJqNmoCst/Yyd7hQlszyPwG/I9CQJ63nOtKSxpt5M7NH67V6nJL2BwCl7g==",
-      "dev": true,
-      "requires": {
-        "accepts": "^1.3.5",
-        "cache-content-type": "^1.0.0",
-        "content-disposition": "~0.5.2",
-        "content-type": "^1.0.4",
-        "cookies": "~0.8.0",
-        "debug": "^4.3.2",
-        "delegates": "^1.0.0",
-        "depd": "^2.0.0",
-        "destroy": "^1.0.4",
-        "encodeurl": "^1.0.2",
-        "escape-html": "^1.0.3",
-        "fresh": "~0.5.2",
-        "http-assert": "^1.3.0",
-        "http-errors": "^1.6.3",
-        "is-generator-function": "^1.0.7",
-        "koa-compose": "^4.1.0",
-        "koa-convert": "^2.0.0",
-        "on-finished": "^2.3.0",
-        "only": "~0.0.2",
-        "parseurl": "^1.3.2",
-        "statuses": "^1.5.0",
-        "type-is": "^1.6.16",
-        "vary": "^1.1.2"
-      }
-    },
-    "koa-compose": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/koa-compose/-/koa-compose-4.1.0.tgz",
-      "integrity": "sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw==",
-      "dev": true
-    },
-    "koa-convert": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/koa-convert/-/koa-convert-2.0.0.tgz",
-      "integrity": "sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==",
-      "dev": true,
-      "requires": {
-        "co": "^4.6.0",
-        "koa-compose": "^4.1.0"
-      }
-    },
-    "kuler": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/kuler/-/kuler-2.0.0.tgz",
-      "integrity": "sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==",
-      "dev": true
-    },
-    "language-subtag-registry": {
-      "version": "0.3.22",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
-      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
-      "dev": true
-    },
-    "language-tags": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
-      "integrity": "sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==",
-      "dev": true,
-      "requires": {
-        "language-subtag-registry": "~0.3.2"
-      }
-    },
-    "levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "requires": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      }
-    },
-    "lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
-    },
-    "linkify-it": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-3.0.3.tgz",
-      "integrity": "sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==",
-      "dev": true,
-      "requires": {
-        "uc.micro": "^1.0.1"
-      }
-    },
-    "local-pkg": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
-      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
-      "dev": true
-    },
-    "locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "requires": {
-        "p-locate": "^5.0.0"
-      }
-    },
-    "lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "lodash.clonedeep": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
-    },
-    "lodash.defaults": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
-      "integrity": "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==",
-      "dev": true
-    },
-    "lodash.isarguments": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
-      "integrity": "sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==",
-      "dev": true
-    },
-    "lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "lodash.orderby": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.orderby/-/lodash.orderby-4.6.0.tgz",
-      "integrity": "sha512-T0rZxKmghOOf5YPnn8EY5iLYeWCpZq8G41FfqoVHH5QDTAFaghJRmAdLiadEDq+ztgM2q5PjA+Z1fOwGrLgmtg==",
-      "dev": true
-    },
-    "logform": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/logform/-/logform-2.5.1.tgz",
-      "integrity": "sha512-9FyqAm9o9NKKfiAKfZoYo9bGXXuwMkxQiQttkT4YjjVtQVIQtK6LmVtlxmCaFswo6N4AfEkHqZTV0taDtPotNg==",
-      "dev": true,
-      "requires": {
-        "@colors/colors": "1.5.0",
-        "@types/triple-beam": "^1.3.2",
-        "fecha": "^4.2.0",
-        "ms": "^2.1.1",
-        "safe-stable-stringify": "^2.3.1",
-        "triple-beam": "^1.3.0"
-      }
-    },
-    "loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "requires": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      }
-    },
-    "loupe": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
-      "integrity": "sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==",
-      "dev": true,
-      "requires": {
-        "get-func-name": "^2.0.0"
-      }
-    },
-    "lowercase-keys": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
-      "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
-      "dev": true
-    },
-    "lru-cache": {
-      "version": "7.18.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
-      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
-      "dev": true
-    },
-    "lz-string": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true
-    },
-    "magic-string": {
-      "version": "0.27.0",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
-      "dev": true,
-      "requires": {
-        "@jridgewell/sourcemap-codec": "^1.4.13"
-      }
-    },
-    "make-dir": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-      "dev": true,
-      "requires": {
-        "semver": "^6.0.0"
-      }
-    },
-    "markdown-it": {
-      "version": "12.3.2",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.3.2.tgz",
-      "integrity": "sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==",
-      "dev": true,
-      "requires": {
-        "argparse": "^2.0.1",
-        "entities": "~2.1.0",
-        "linkify-it": "^3.0.1",
-        "mdurl": "^1.0.1",
-        "uc.micro": "^1.0.5"
-      },
-      "dependencies": {
-        "entities": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
-          "integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==",
-          "dev": true
-        }
-      }
-    },
-    "markdown-it-anchor": {
-      "version": "8.6.7",
-      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-8.6.7.tgz",
-      "integrity": "sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==",
-      "dev": true,
-      "requires": {}
-    },
-    "marked": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz",
-      "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==",
-      "dev": true
-    },
-    "md5-hex": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/md5-hex/-/md5-hex-3.0.1.tgz",
-      "integrity": "sha512-BUiRtTtV39LIJwinWBjqVsU9xhdnz7/i889V859IBFpuqGAj6LuOvHv5XLbgZ2R7ptJoJaEcxkv88/h25T7Ciw==",
-      "dev": true,
-      "requires": {
-        "blueimp-md5": "^2.10.0"
-      }
-    },
-    "mdurl": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
-      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
-      "dev": true
-    },
-    "media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "dev": true
-    },
-    "microdata-rdf-streaming-parser": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/microdata-rdf-streaming-parser/-/microdata-rdf-streaming-parser-2.0.1.tgz",
-      "integrity": "sha512-oEEYP3OwPGOtoE4eIyJvX1eJXI7VkGR4gKYqpEufaRXc2ele/Tkid/KMU3Los13wGrOq6woSxLEGOYSHzpRvwA==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "htmlparser2": "^8.0.0",
-        "rdf-data-factory": "^1.1.0",
-        "readable-stream": "^4.1.0",
-        "relative-to-absolute-iri": "^1.0.2"
-      },
-      "dependencies": {
-        "htmlparser2": {
-          "version": "8.0.2",
-          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-          "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "^2.3.0",
-            "domhandler": "^5.0.3",
-            "domutils": "^3.0.1",
-            "entities": "^4.4.0"
-          }
-        }
-      }
-    },
-    "micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "requires": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      }
-    },
-    "mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true
-    },
-    "mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
-      "requires": {
-        "mime-db": "1.52.0"
-      }
-    },
-    "mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true
-    },
-    "mimic-response": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
-      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
-      "dev": true
-    },
-    "minimalistic-assert": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
-      "dev": true
-    },
-    "minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "requires": {
-        "brace-expansion": "^1.1.7"
-      }
-    },
-    "minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true
-    },
-    "mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-      "dev": true
-    },
-    "mlly": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.3.0.tgz",
-      "integrity": "sha512-HT5mcgIQKkOrZecOjOX3DJorTikWXwsBfpcr/MGBkhfWcjiqvnaL/9ppxvIUXfjT6xt4DVIAsN9fMUz1ev4bIw==",
-      "dev": true,
-      "requires": {
-        "acorn": "^8.8.2",
-        "pathe": "^1.1.0",
-        "pkg-types": "^1.0.3",
-        "ufo": "^1.1.2"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "8.8.2",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-          "dev": true
-        }
-      }
-    },
-    "ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
-    "mute-stream": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
-      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
-      "dev": true
-    },
-    "n3": {
-      "version": "1.16.4",
-      "resolved": "https://registry.npmjs.org/n3/-/n3-1.16.4.tgz",
-      "integrity": "sha512-jtC53efM5/q4BYC3qBnegn1MJDKXHH9PEd6gVDNpIicbgXS6gkANz4DdI0jt4aLvza1xSjCcni33riXWvfoEdw==",
-      "requires": {
-        "queue-microtask": "^1.1.2",
-        "readable-stream": "^4.0.0"
-      }
-    },
-    "nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-      "dev": true
-    },
-    "natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
-    },
-    "negotiate": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/negotiate/-/negotiate-1.0.1.tgz",
-      "integrity": "sha512-KBCIM4dAIT9j/pSXLHHQbZG74NmKNXTtxU2zHN0HG6uzzuFE01m1UdGoUmVHmACiBuCAOL7KwfqSW1oUQBj/vg==",
-      "dev": true
-    },
-    "negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true
-    },
-    "neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
-    },
-    "nice-try": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
-      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
-      "dev": true
-    },
-    "node-fetch": {
-      "version": "2.6.11",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.11.tgz",
-      "integrity": "sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==",
-      "requires": {
-        "whatwg-url": "^5.0.0"
-      },
-      "dependencies": {
-        "tr46": {
-          "version": "0.0.3",
-          "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-          "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
-        },
-        "webidl-conversions": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-          "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
-        },
-        "whatwg-url": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-          "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-          "requires": {
-            "tr46": "~0.0.3",
-            "webidl-conversions": "^3.0.0"
-          }
-        }
-      }
-    },
-    "node-releases": {
-      "version": "2.0.12",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
-      "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==",
-      "dev": true
-    },
-    "nodemailer": {
-      "version": "6.9.3",
-      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.3.tgz",
-      "integrity": "sha512-fy9v3NgTzBngrMFkDsKEj0r02U7jm6XfC3b52eoNV+GCrGj+s8pt5OqhiJdWKuw51zCTdiNR/IUD1z33LIIGpg==",
-      "dev": true
-    },
-    "normalize-url": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
-      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
-      "dev": true
-    },
-    "nwsapi": {
-      "version": "2.2.5",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.5.tgz",
-      "integrity": "sha512-6xpotnECFy/og7tKSBVmUNft7J3jyXAka4XvG6AUhFWRz+Q/Ljus7znJAA3bxColfQLdS+XsjoodtJfCgeTEFQ==",
-      "dev": true
-    },
-    "object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
-    },
-    "object-hash": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
-      "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
-      "dev": true
-    },
-    "object-inspect": {
-      "version": "1.12.3",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
-      "dev": true
-    },
-    "object-is": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
-      }
-    },
-    "object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true
-    },
-    "object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      }
-    },
-    "object.entries": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
-      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      }
-    },
-    "object.fromentries": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz",
-      "integrity": "sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      }
-    },
-    "object.hasown": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
-      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
-      "dev": true,
-      "requires": {
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      }
-    },
-    "object.values": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz",
-      "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      }
-    },
-    "oidc-provider": {
-      "version": "7.10.6",
-      "resolved": "https://registry.npmjs.org/oidc-provider/-/oidc-provider-7.10.6.tgz",
-      "integrity": "sha512-7fbnormUyTLP34dmR5WXoJtTWtfj6MsFNzIMKVRKv21e18NIXggn14EBUFC5rrMMtmeExb03+lJI/v+opD+0oQ==",
-      "dev": true,
-      "requires": {
-        "@koa/cors": "^3.1.0",
-        "cacheable-lookup": "^6.0.1",
-        "debug": "^4.3.2",
-        "ejs": "^3.1.6",
-        "got": "^11.8.2",
-        "jose": "^4.1.4",
-        "jsesc": "^3.0.2",
-        "koa": "^2.13.3",
-        "koa-compose": "^4.1.0",
-        "nanoid": "^3.1.28",
-        "object-hash": "^2.2.0",
-        "oidc-token-hash": "^5.0.1",
-        "paseto2": "npm:paseto@^2.1.3",
-        "paseto3": "npm:paseto@^3.0.0",
-        "quick-lru": "^5.1.1",
-        "raw-body": "^2.4.1"
-      },
-      "dependencies": {
-        "jsesc": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-          "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-          "dev": true
-        }
-      }
-    },
-    "oidc-token-hash": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.3.tgz",
-      "integrity": "sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==",
-      "dev": true
-    },
-    "on-finished": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "dev": true,
-      "requires": {
-        "ee-first": "1.1.1"
-      }
-    },
-    "once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
-      "requires": {
-        "wrappy": "1"
-      }
-    },
-    "one-time": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/one-time/-/one-time-1.0.0.tgz",
-      "integrity": "sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==",
-      "dev": true,
-      "requires": {
-        "fn.name": "1.x.x"
-      }
-    },
-    "onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dev": true,
-      "requires": {
-        "mimic-fn": "^2.1.0"
-      }
-    },
-    "only": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/only/-/only-0.0.2.tgz",
-      "integrity": "sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ==",
-      "dev": true
-    },
-    "open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "dev": true,
-      "requires": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      }
-    },
-    "optionator": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-      "dev": true,
-      "requires": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.3"
-      }
-    },
-    "os-tmpdir": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
-      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
-      "dev": true
-    },
-    "p-cancelable": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz",
-      "integrity": "sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==",
-      "dev": true
-    },
-    "p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "requires": {
-        "yocto-queue": "^0.1.0"
-      }
-    },
-    "p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "requires": {
-        "p-limit": "^3.0.2"
-      }
-    },
-    "parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "requires": {
-        "callsites": "^3.0.0"
-      }
-    },
-    "parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "requires": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      }
-    },
-    "parse5": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-      "dev": true,
-      "requires": {
-        "entities": "^4.4.0"
-      }
-    },
-    "parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "dev": true
-    },
-    "paseto2": {
-      "version": "npm:paseto@2.1.3",
-      "resolved": "https://registry.npmjs.org/paseto/-/paseto-2.1.3.tgz",
-      "integrity": "sha512-BNkbvr0ZFDbh3oV13QzT5jXIu8xpFc9r0o5mvWBhDU1GBkVt1IzHK1N6dcYmN7XImrUmPQ0HCUXmoe2WPo8xsg==",
-      "dev": true
-    },
-    "paseto3": {
-      "version": "npm:paseto@3.1.4",
-      "resolved": "https://registry.npmjs.org/paseto/-/paseto-3.1.4.tgz",
-      "integrity": "sha512-BifaKKu+MS9b/vTgFMC6Q8uLUMqw8VtYgl4qODJWb6Jqt+dTKn8XH9EftJZx+6wxF4ELBbKdH33DZa4inMYVcg==",
-      "dev": true,
-      "optional": true
-    },
-    "path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true
-    },
-    "path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true
-    },
-    "path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true
-    },
-    "path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-    },
-    "path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
-    },
-    "pathe": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
-      "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
-      "dev": true
-    },
-    "pathval": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
-      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
-      "dev": true
-    },
-    "picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-      "dev": true
-    },
-    "picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
-    },
-    "pkg-types": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
-      "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
-      "dev": true,
-      "requires": {
-        "jsonc-parser": "^3.2.0",
-        "mlly": "^1.2.0",
-        "pathe": "^1.1.0"
-      }
-    },
-    "postcss": {
-      "version": "8.4.24",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz",
-      "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
-      "dev": true,
-      "requires": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      }
-    },
-    "postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-    },
-    "prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true
-    },
-    "prettier": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
-      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
-      "dev": true
-    },
-    "prettier-linter-helpers": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
-      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
-      "dev": true,
-      "requires": {
-        "fast-diff": "^1.1.2"
-      }
-    },
-    "pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dev": true,
-      "requires": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-          "dev": true
-        },
-        "react-is": {
-          "version": "17.0.2",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-          "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-          "dev": true
-        }
-      }
-    },
-    "process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="
-    },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true
-    },
-    "promise-polyfill": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-1.1.6.tgz",
-      "integrity": "sha512-7rrONfyLkDEc7OJ5QBkqa4KI4EBhCd340xRuIUPGCfu13znS+vx+VDdrT9ODAJHlXm7w4lbxN3DRjyv58EuzDg==",
-      "dev": true
-    },
-    "prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "requires": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      },
-      "dependencies": {
-        "react-is": {
-          "version": "16.13.1",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-        }
-      }
-    },
-    "proper-lockfile": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
-      "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.2.4",
-        "retry": "^0.12.0",
-        "signal-exit": "^3.0.2"
-      }
-    },
-    "psl": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-      "dev": true
-    },
-    "pump": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-      "dev": true,
-      "requires": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
-    "punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-      "dev": true
-    },
-    "querystringify": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "dev": true
-    },
-    "queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
-    },
-    "quick-lru": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-      "dev": true
-    },
-    "randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "requires": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "raw-body": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
-      "dev": true,
-      "requires": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
-      "dependencies": {
-        "http-errors": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-          "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-          "dev": true,
-          "requires": {
-            "depd": "2.0.0",
-            "inherits": "2.0.4",
-            "setprototypeof": "1.2.0",
-            "statuses": "2.0.1",
-            "toidentifier": "1.0.1"
-          }
-        },
-        "statuses": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-          "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-          "dev": true
-        }
-      }
-    },
-    "rdf-data-factory": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/rdf-data-factory/-/rdf-data-factory-1.1.1.tgz",
-      "integrity": "sha512-0HoLx7lbBlNd2YTmNKin0txgiYmAV56eVU823at8cG2+iD0Ia5kcRNDpzZy6I/HCtFTymHvTfdhHTzm3ak3Jpw==",
-      "requires": {
-        "@rdfjs/types": "*"
-      }
-    },
-    "rdf-dereference": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/rdf-dereference/-/rdf-dereference-2.1.0.tgz",
-      "integrity": "sha512-1ZUgruR9mkFC+sbn8qWTDVEL+NgU6MUS4Fp4c0ykZFPizopwvtBqr2Z8IJr579HGFY7HBZIfgljNXMqFls+PHQ==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-dereference-fallback": "^2.0.2",
-        "@comunica/actor-dereference-file": "^2.0.2",
-        "@comunica/actor-dereference-http": "^2.0.2",
-        "@comunica/actor-dereference-rdf-parse": "^2.6.0",
-        "@comunica/actor-http-fetch": "^2.0.1",
-        "@comunica/actor-http-proxy": "^2.0.1",
-        "@comunica/actor-rdf-parse-html": "^2.0.1",
-        "@comunica/actor-rdf-parse-html-microdata": "^2.0.1",
-        "@comunica/actor-rdf-parse-html-rdfa": "^2.0.1",
-        "@comunica/actor-rdf-parse-html-script": "^2.0.1",
-        "@comunica/actor-rdf-parse-jsonld": "^2.0.1",
-        "@comunica/actor-rdf-parse-n3": "^2.0.1",
-        "@comunica/actor-rdf-parse-rdfxml": "^2.0.1",
-        "@comunica/actor-rdf-parse-shaclc": "^2.6.0",
-        "@comunica/actor-rdf-parse-xml-rdfa": "^2.0.1",
-        "@comunica/bus-dereference": "^2.0.2",
-        "@comunica/bus-dereference-rdf": "^2.0.2",
-        "@comunica/bus-http": "^2.0.1",
-        "@comunica/bus-init": "^2.0.1",
-        "@comunica/bus-rdf-parse": "^2.0.1",
-        "@comunica/bus-rdf-parse-html": "^2.0.1",
-        "@comunica/config-query-sparql": "^2.0.1",
-        "@comunica/core": "^2.0.1",
-        "@comunica/mediator-combine-pipeline": "^2.0.1",
-        "@comunica/mediator-combine-union": "^2.0.1",
-        "@comunica/mediator-number": "^2.0.1",
-        "@comunica/mediator-race": "^2.0.1",
-        "@rdfjs/types": "*",
-        "rdf-string": "^1.6.0",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "rdf-isomorphic": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/rdf-isomorphic/-/rdf-isomorphic-1.3.1.tgz",
-      "integrity": "sha512-6uIhsXTVp2AtO6f41PdnRV5xZsa0zVZQDTBdn0br+DZuFf5M/YD+T6m8hKDUnALI6nFL/IujTMLgEs20MlNidQ==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "hash.js": "^1.1.7",
-        "rdf-string": "^1.6.0",
-        "rdf-terms": "^1.7.0"
-      }
-    },
-    "rdf-js": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/rdf-js/-/rdf-js-4.0.2.tgz",
-      "integrity": "sha512-ApvlFa/WsQh8LpPK/6hctQwG06Z9ztQQGWVtrcrf9L6+sejHNXLPOqL+w7q3hF+iL0C4sv3AX1PUtGkLNzyZ0Q==",
-      "requires": {
-        "@rdfjs/types": "*"
-      }
-    },
-    "rdf-literal": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/rdf-literal/-/rdf-literal-1.3.1.tgz",
-      "integrity": "sha512-+o/PGOfJchyay9Rjrvi/oveRJACnt2WFO3LhEvtPlsRD1tFmwVUCMU+s33FtQprMo+z1ohFrv/yfEQ6Eym4KgQ==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.0"
-      }
-    },
-    "rdf-object": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/rdf-object/-/rdf-object-1.14.0.tgz",
-      "integrity": "sha512-/KSUWr7onDtL7d81kOpcUzJ2vHYOYJc2KU9WzBZRYydBhK0Sksh5Hg4VCQNaxUEvYEgdrrTuq9SLpOOCmag0rQ==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "jsonld-context-parser": "^2.0.2",
-        "rdf-data-factory": "^1.1.0",
-        "rdf-string": "^1.6.0",
-        "streamify-array": "^1.0.1"
-      }
-    },
-    "rdf-parse": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/rdf-parse/-/rdf-parse-2.3.2.tgz",
-      "integrity": "sha512-TOeI7FKlyr/GupfGaXZvpMLzvByOrtwt4zHLMuuy3deNGse9QyhHsspVraZam491sIgBogdchzcUqkf2WXnAsg==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-http-fetch": "^2.0.1",
-        "@comunica/actor-http-proxy": "^2.0.1",
-        "@comunica/actor-rdf-parse-html": "^2.0.1",
-        "@comunica/actor-rdf-parse-html-microdata": "^2.0.1",
-        "@comunica/actor-rdf-parse-html-rdfa": "^2.0.1",
-        "@comunica/actor-rdf-parse-html-script": "^2.0.1",
-        "@comunica/actor-rdf-parse-jsonld": "^2.0.1",
-        "@comunica/actor-rdf-parse-n3": "^2.0.1",
-        "@comunica/actor-rdf-parse-rdfxml": "^2.0.1",
-        "@comunica/actor-rdf-parse-shaclc": "^2.6.2",
-        "@comunica/actor-rdf-parse-xml-rdfa": "^2.0.1",
-        "@comunica/bus-http": "^2.0.1",
-        "@comunica/bus-init": "^2.0.1",
-        "@comunica/bus-rdf-parse": "^2.0.1",
-        "@comunica/bus-rdf-parse-html": "^2.0.1",
-        "@comunica/config-query-sparql": "^2.0.1",
-        "@comunica/core": "^2.0.1",
-        "@comunica/mediator-combine-pipeline": "^2.0.1",
-        "@comunica/mediator-combine-union": "^2.0.1",
-        "@comunica/mediator-number": "^2.0.1",
-        "@comunica/mediator-race": "^2.0.1",
-        "@rdfjs/types": "*",
-        "readable-stream": "^4.3.0",
-        "stream-to-string": "^1.2.0"
-      }
-    },
-    "rdf-quad": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/rdf-quad/-/rdf-quad-1.5.0.tgz",
-      "integrity": "sha512-LnCYx8XbRVW1wr6UiZPSy2Tv7bXAtEwuyck/68dANhFu8VMnGS+QfUNP3b9YI6p4Bfd/fyDx5E3x81IxGV6BzA==",
-      "dev": true,
-      "requires": {
-        "rdf-data-factory": "^1.0.1",
-        "rdf-literal": "^1.2.0",
-        "rdf-string": "^1.5.0"
-      }
-    },
-    "rdf-serialize": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/rdf-serialize/-/rdf-serialize-2.2.2.tgz",
-      "integrity": "sha512-zzWQMMMmDzocuFLEOcdz8U5AxbdjBvknwFEHXCyw2lklcEjd2OtsvD5NgWQc+zbsWZKxewvDYEXuzhkNAHRv1g==",
-      "dev": true,
-      "requires": {
-        "@comunica/actor-rdf-serialize-jsonld": "^2.6.6",
-        "@comunica/actor-rdf-serialize-n3": "^2.6.6",
-        "@comunica/actor-rdf-serialize-shaclc": "^2.6.0",
-        "@comunica/bus-init": "^2.0.1",
-        "@comunica/bus-rdf-serialize": "^2.0.1",
-        "@comunica/config-query-sparql": "^2.0.1",
-        "@comunica/core": "^2.0.1",
-        "@comunica/mediator-combine-pipeline": "^2.0.1",
-        "@comunica/mediator-combine-union": "^2.0.1",
-        "@comunica/mediator-race": "^2.0.1",
-        "@rdfjs/types": "*",
-        "readable-stream": "^4.3.0",
-        "stream-to-string": "^1.1.0"
-      }
-    },
-    "rdf-store-stream": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/rdf-store-stream/-/rdf-store-stream-1.3.1.tgz",
-      "integrity": "sha512-+cpnGKJMwFbCa/L0fogSMrNA95P+T2tSoWWXj94IdGN2UdYu+oQpaP7vav5wGenWQ1J9/nQu6Sy0m+stNfAZFw==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "n3": "^1.11.1"
-      }
-    },
-    "rdf-streaming-store": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/rdf-streaming-store/-/rdf-streaming-store-1.1.0.tgz",
-      "integrity": "sha512-C/5NTKGpKrNJ5VUo42DtGFsXYDlP3rx/u4C6gEBuSn+6eVFahjFdUDgNGcPtVyhCQkctRCj3GT1lX9UeyoXWtw==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@types/n3": "^1.10.4",
-        "@types/readable-stream": "^2.3.15",
-        "n3": "^1.16.3",
-        "rdf-string": "^1.6.2",
-        "rdf-terms": "^1.9.1",
-        "readable-stream": "^4.3.0"
-      }
-    },
-    "rdf-string": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/rdf-string/-/rdf-string-1.6.3.tgz",
-      "integrity": "sha512-HIVwQ2gOqf+ObsCLSUAGFZMIl3rh9uGcRf1KbM85UDhKqP+hy6qj7Vz8FKt3GA54RiThqK3mNcr66dm1LP0+6g==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.0"
-      }
-    },
-    "rdf-string-ttl": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/rdf-string-ttl/-/rdf-string-ttl-1.3.2.tgz",
-      "integrity": "sha512-yqolaVoUvTaSC5aaQuMcB4BL54G/pCGsV4jQH87f0TvAx8zHZG0koh7XWrjva/IPGcVb1QTtaeEdfda5mcddJg==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.0"
-      }
-    },
-    "rdf-terms": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/rdf-terms/-/rdf-terms-1.9.1.tgz",
-      "integrity": "sha512-GrE8CbQSvuVEFRCywMu6VOgV1AFE6X+nFYcAhEc5pwYKI13bUvz4voiVufQiy3V8rzQKu21Sgl+dS2qcJavy7w==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "rdf-data-factory": "^1.1.0",
-        "rdf-string": "^1.6.0"
-      }
-    },
-    "rdfa-streaming-parser": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/rdfa-streaming-parser/-/rdfa-streaming-parser-2.0.1.tgz",
-      "integrity": "sha512-7Yyaj030LO7iQ38Wh/RNLVeYrVFJeyx3dpCK7C1nvX55eIN/gE4HWfbg4BYI9X7Bd+eUIUMVeiKYLmYjV6apow==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "htmlparser2": "^8.0.0",
-        "rdf-data-factory": "^1.1.0",
-        "readable-stream": "^4.0.0",
-        "relative-to-absolute-iri": "^1.0.2"
-      },
-      "dependencies": {
-        "htmlparser2": {
-          "version": "8.0.2",
-          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-          "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "^2.3.0",
-            "domhandler": "^5.0.3",
-            "domutils": "^3.0.1",
-            "entities": "^4.4.0"
-          }
-        }
-      }
-    },
-    "rdfxml-streaming-parser": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/rdfxml-streaming-parser/-/rdfxml-streaming-parser-2.2.3.tgz",
-      "integrity": "sha512-HoH8urnga+YQ5sDY9ufRb0wg6FvwR284sSXpZ+fJE5X5Oej6dfzkFer81uBNZzyNmzJR1TpMYMznyXEjPMLhCA==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@rubensworks/saxes": "^6.0.1",
-        "@types/readable-stream": "^2.3.13",
-        "buffer": "^6.0.3",
-        "rdf-data-factory": "^1.1.0",
-        "readable-stream": "^4.0.0",
-        "relative-to-absolute-iri": "^1.0.0",
-        "validate-iri": "^1.0.0"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-          "dev": true,
-          "requires": {
-            "base64-js": "^1.3.1",
-            "ieee754": "^1.2.1"
-          }
-        }
-      }
-    },
-    "react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "requires": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "requires": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      }
-    },
-    "react-is": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
-    },
-    "react-paginate": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/react-paginate/-/react-paginate-8.2.0.tgz",
-      "integrity": "sha512-sJCz1PW+9PNIjUSn919nlcRVuleN2YPoFBOvL+6TPgrH/3lwphqiSOgdrLafLdyLDxsgK+oSgviqacF4hxsDIw==",
-      "requires": {
-        "prop-types": "^15"
-      }
-    },
-    "react-refresh": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
-      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
-      "dev": true
-    },
-    "react-router": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.12.0.tgz",
-      "integrity": "sha512-/tCGtLq9umxRvbYeIx3j94CmpQfue0E3qnetVm9luKhu58cR4t+3O4ZrQXBdXfJrBATOAj+wF/1ihJJQI8AoTw==",
-      "requires": {
-        "@remix-run/router": "1.6.3"
-      }
-    },
-    "react-router-dom": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.12.0.tgz",
-      "integrity": "sha512-UzLwZ3ZVaDr6YV0HdjwxuwtDKgwpJx9o1ea9fU0HV4tTvzdB8WPHzlLFMo5orchpIS84e8G4Erlhu7Rl84XDFQ==",
-      "requires": {
-        "@remix-run/router": "1.6.3",
-        "react-router": "6.12.0"
-      }
-    },
-    "react-table": {
-      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/react-table/-/react-table-7.8.0.tgz",
-      "integrity": "sha512-hNaz4ygkZO4bESeFfnfOft73iBUj8K5oKi1EcSHPAibEydfsX2MyU6Z8KCr3mv3C9Kqqh71U+DhZkFvibbnPbA==",
-      "requires": {}
-    },
-    "react-transition-group": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
-      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
-      "requires": {
-        "@babel/runtime": "^7.5.5",
-        "dom-helpers": "^5.0.1",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.6.2"
-      }
-    },
-    "readable-stream": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.0.tgz",
-      "integrity": "sha512-kDMOq0qLtxV9f/SQv522h8cxZBqNZXuXNyjyezmfAAuribMyVXziljpQ/uQhfE1XLg2/TLTW2DsnoE4VAi/krg==",
-      "requires": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-          "requires": {
-            "base64-js": "^1.3.1",
-            "ieee754": "^1.2.1"
-          }
-        }
-      }
-    },
-    "readable-stream-node-to-web": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/readable-stream-node-to-web/-/readable-stream-node-to-web-1.0.1.tgz",
-      "integrity": "sha512-OGzi2VKLa8H259kAx7BIwuRrXHGcxeHj4RdASSgEGBP9Q2wowdPvBc65upF4Q9O05qWgKqBw1+9PiLTtObl7uQ==",
-      "dev": true
-    },
-    "readable-web-to-node-stream": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/readable-web-to-node-stream/-/readable-web-to-node-stream-3.0.2.tgz",
-      "integrity": "sha512-ePeK6cc1EcKLEhJFt/AebMCLL+GgSKhuygrZ/GLaKZYEecIgIECf4UaUuaByiGtzckwR4ain9VzUh95T1exYGw==",
-      "dev": true,
-      "requires": {
-        "readable-stream": "^3.6.0"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.2",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-          "dev": true,
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
-      }
-    },
-    "redis-errors": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/redis-errors/-/redis-errors-1.2.0.tgz",
-      "integrity": "sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==",
-      "dev": true
-    },
-    "redis-parser": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/redis-parser/-/redis-parser-3.0.0.tgz",
-      "integrity": "sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==",
-      "dev": true,
-      "requires": {
-        "redis-errors": "^1.0.0"
-      }
-    },
-    "regenerator-runtime": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
-    },
-    "regexp.prototype.flags": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
-      "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "functions-have-names": "^1.2.3"
-      }
-    },
-    "regexpp": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
-      "dev": true
-    },
-    "relative-to-absolute-iri": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/relative-to-absolute-iri/-/relative-to-absolute-iri-1.0.7.tgz",
-      "integrity": "sha512-Xjyl4HmIzg2jzK/Un2gELqbcE8Fxy85A/aLSHE6PE/3+OGsFwmKVA1vRyGaz6vLWSqLDMHA+5rjD/xbibSQN1Q=="
-    },
-    "require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true
-    },
-    "requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-      "dev": true
-    },
-    "requizzle": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/requizzle/-/requizzle-0.2.4.tgz",
-      "integrity": "sha512-JRrFk1D4OQ4SqovXOgdav+K8EAhSB/LJZqCz8tbX0KObcdeM15Ss59ozWMBWmmINMagCwmqn4ZNryUGpBsl6Jw==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.21"
-      }
-    },
-    "resolve": {
-      "version": "1.22.2",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
-      "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
-      "requires": {
-        "is-core-module": "^2.11.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      }
-    },
-    "resolve-alpn": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/resolve-alpn/-/resolve-alpn-1.2.1.tgz",
-      "integrity": "sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==",
-      "dev": true
-    },
-    "resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
-    },
-    "responselike": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.1.tgz",
-      "integrity": "sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==",
-      "dev": true,
-      "requires": {
-        "lowercase-keys": "^2.0.0"
-      }
-    },
-    "restore-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-      "dev": true,
-      "requires": {
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2"
-      }
-    },
-    "retry": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
-      "dev": true
-    },
-    "reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true
-    },
-    "rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "requires": {
-        "glob": "^7.1.3"
-      }
-    },
-    "rollup": {
-      "version": "3.23.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.23.1.tgz",
-      "integrity": "sha512-ybRdFVHOoljGEFILHLd2g/qateqUdjE6YS41WXq4p3C/WwD3xtWxV4FYWETA1u9TeXQc5K8L8zHE5d/scOvrOQ==",
-      "dev": true,
-      "requires": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "rollup-plugin-visualizer": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.9.0.tgz",
-      "integrity": "sha512-bbDOv47+Bw4C/cgs0czZqfm8L82xOZssk4ayZjG40y9zbXclNk7YikrZTDao6p7+HDiGxrN0b65SgZiVm9k1Cg==",
-      "dev": true,
-      "requires": {
-        "open": "^8.4.0",
-        "picomatch": "^2.3.1",
-        "source-map": "^0.7.4",
-        "yargs": "^17.5.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.7.4",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-          "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-          "dev": true
-        }
-      }
-    },
-    "rrweb-cssom": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
-      "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
-      "dev": true
-    },
-    "run-async": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
-      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
-      "dev": true
-    },
-    "run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "requires": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "rxjs": {
-      "version": "6.6.7",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
-      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
-      "dev": true,
-      "requires": {
-        "tslib": "^1.9.0"
-      }
-    },
-    "safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "is-regex": "^1.1.4"
-      }
-    },
-    "safe-stable-stringify": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
-      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
-      "dev": true
-    },
-    "safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
-    },
-    "saxes": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-      "dev": true,
-      "requires": {
-        "xmlchars": "^2.2.0"
-      }
-    },
-    "scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "requires": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "dev": true
-    },
-    "serialize-javascript": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
-      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
-      "requires": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "setprototypeof": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-      "dev": true
-    },
-    "shaclc-parse": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/shaclc-parse/-/shaclc-parse-1.4.0.tgz",
-      "integrity": "sha512-zyxjIYQH2ghg/wtMvOp+4Nr6aK8j9bqFiVT3w47K8WHPYN+S3Zgnh2ybT+dGgMwo9KjiOoywxhjC7d8Z6GCmfA==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "^1.1.0",
-        "n3": "^1.16.3"
-      }
-    },
-    "shaclc-write": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/shaclc-write/-/shaclc-write-1.4.2.tgz",
-      "integrity": "sha512-aejD8fNgTfTINInjlwW7oz4GbmIJmDFJu4Tc3WVhmMH2QV24F+Ey/I/obMP/cQu/LwcfX7O2eu7bI9RUFeDMWw==",
-      "dev": true,
-      "requires": {
-        "@jeswr/prefixcc": "^1.2.1",
-        "n3": "^1.16.3",
-        "rdf-string-ttl": "^1.3.2"
-      }
-    },
-    "shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
-    "shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "requires": {
-        "shebang-regex": "^3.0.0"
-      }
-    },
-    "shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true
-    },
-    "side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      }
-    },
-    "siginfo": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-      "dev": true
-    },
-    "signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "dev": true,
-      "requires": {
-        "is-arrayish": "^0.3.1"
-      },
-      "dependencies": {
-        "is-arrayish": {
-          "version": "0.3.2",
-          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-          "dev": true
-        }
-      }
-    },
-    "slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true
-    },
-    "slice-ansi": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
-      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^3.2.0",
-        "astral-regex": "^1.0.0",
-        "is-fullwidth-code-point": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "color-convert": {
-          "version": "1.9.3",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "dev": true,
-          "requires": {
-            "color-name": "1.1.3"
-          }
-        },
-        "color-name": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
-          "dev": true
-        }
-      }
-    },
-    "source-map": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="
-    },
-    "source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "dev": true
-    },
-    "spark-md5": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/spark-md5/-/spark-md5-3.0.2.tgz",
-      "integrity": "sha512-wcFzz9cDfbuqe0FZzfi2or1sgyIrsDwmPwfZC4hiNidPdPINjeUwNfv5kldczoEAcjl9Y1L3SM7Uz2PUEQzxQw==",
-      "dev": true
-    },
-    "sparqlalgebrajs": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/sparqlalgebrajs/-/sparqlalgebrajs-4.1.0.tgz",
-      "integrity": "sha512-Ir5uE1/25hssTv/hRwl8/S2E2Z/QLPsGkkqkUIUqLXSqPXI3tJTxbwQKtCw0Ki/b3UfxrQQmydP1jpWcTVL+hQ==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@types/sparqljs": "^3.1.3",
-        "fast-deep-equal": "^3.1.3",
-        "minimist": "^1.2.6",
-        "rdf-data-factory": "^1.1.0",
-        "rdf-isomorphic": "^1.3.0",
-        "rdf-string": "^1.6.0",
-        "sparqljs": "^3.6.1"
-      }
-    },
-    "sparqlee": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/sparqlee/-/sparqlee-2.3.2.tgz",
-      "integrity": "sha512-AKkS3O8Il35nJ7gwP2U4S8yEN2ahrFewI8LG/3KDPBoLBHwMrlcojANSKep4ogKJBR6BCvYZipSjP27ueyBvWA==",
-      "dev": true,
-      "requires": {
-        "@comunica/bindings-factory": "^2.0.1",
-        "@rdfjs/types": "*",
-        "@types/lru-cache": "^5.1.1",
-        "@types/spark-md5": "^3.0.2",
-        "@types/uuid": "^8.0.0",
-        "bignumber.js": "^9.0.1",
-        "hash.js": "^1.1.7",
-        "lru-cache": "^6.0.0",
-        "rdf-data-factory": "^1.1.0",
-        "rdf-string": "^1.6.0",
-        "relative-to-absolute-iri": "^1.0.6",
-        "spark-md5": "^3.0.1",
-        "sparqlalgebrajs": "^4.0.3",
-        "uuid": "^8.0.0"
-      },
-      "dependencies": {
-        "@types/lru-cache": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/@types/lru-cache/-/lru-cache-5.1.1.tgz",
-          "integrity": "sha512-ssE3Vlrys7sdIzs5LOxCzTVMsU7i9oa/IaW92wF32JFb3CVczqOkru2xspuKczHEbG3nvmPY7IFqVmGGHdNbYw==",
-          "dev": true
-        },
-        "@types/uuid": {
-          "version": "8.3.4",
-          "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
-          "integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
-          "dev": true
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "uuid": {
-          "version": "8.3.2",
-          "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-          "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-          "dev": true
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
-        }
-      }
-    },
-    "sparqljs": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/sparqljs/-/sparqljs-3.6.2.tgz",
-      "integrity": "sha512-KQEJPaOMeeDpdYYuiFb3JEErRLL8XqX4G7sdhZyHC6Qn4+PEMUff/EjUGkwcJ6aCC0JCTIgxDpRdE3+GFXpdxw==",
-      "dev": true,
-      "requires": {
-        "rdf-data-factory": "^1.1.1"
-      }
-    },
-    "sparqljson-parse": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/sparqljson-parse/-/sparqljson-parse-2.2.0.tgz",
-      "integrity": "sha512-2TfvNvUsaJyWfCrq3ExdDdbF9LBLzIUCricg+D1YCYbbmyTzscgCtRk4KcIyJF178DtfCt4BkKzbKl8IXMHp8w==",
-      "dev": true,
-      "requires": {
-        "@bergos/jsonparse": "^1.4.1",
-        "@rdfjs/types": "*",
-        "@types/readable-stream": "^2.3.13",
-        "rdf-data-factory": "^1.1.0",
-        "readable-stream": "^4.0.0"
-      }
-    },
-    "sparqljson-to-tree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/sparqljson-to-tree/-/sparqljson-to-tree-3.0.1.tgz",
-      "integrity": "sha512-WKDWCP6CM0Oa/OmzJJDpFudfa0yCcYnQoSPVb4RBp8XOYDOPn75fzrZURYQBSng/BUieT/zxaw68tstI6G3pSw==",
-      "dev": true,
-      "requires": {
-        "rdf-literal": "^1.2.0",
-        "sparqljson-parse": "^2.0.0"
-      }
-    },
-    "sparqlxml-parse": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/sparqlxml-parse/-/sparqlxml-parse-2.1.1.tgz",
-      "integrity": "sha512-71sltShF6gDAzuKWEHNeij7r0Mv5VqRrvJing6W4WHJ12GRe6+t1IRTv6MeqxYN3XJmKevs7B3HCBUo7wceeJQ==",
-      "dev": true,
-      "requires": {
-        "@rdfjs/types": "*",
-        "@rubensworks/saxes": "^6.0.1",
-        "@types/readable-stream": "^2.3.13",
-        "buffer": "^6.0.3",
-        "rdf-data-factory": "^1.1.0",
-        "readable-stream": "^4.0.0"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-          "dev": true,
-          "requires": {
-            "base64-js": "^1.3.1",
-            "ieee754": "^1.2.1"
-          }
-        }
-      }
-    },
-    "spdx-exceptions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
-      "dev": true
-    },
-    "spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-      "dev": true,
-      "requires": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "spdx-license-ids": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz",
-      "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==",
-      "dev": true
-    },
-    "sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
-    },
-    "stack-trace": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz",
-      "integrity": "sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==",
-      "dev": true
-    },
-    "stack-utils": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
-      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
-      "dev": true,
-      "requires": {
-        "escape-string-regexp": "^2.0.0"
-      },
-      "dependencies": {
-        "escape-string-regexp": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-          "dev": true
-        }
-      }
-    },
-    "stackback": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-      "dev": true
-    },
-    "standard-as-callback": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/standard-as-callback/-/standard-as-callback-2.1.0.tgz",
-      "integrity": "sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==",
-      "dev": true
-    },
-    "statuses": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
-      "dev": true
-    },
-    "std-env": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.3.tgz",
-      "integrity": "sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==",
-      "dev": true
-    },
-    "stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
-      "requires": {
-        "internal-slot": "^1.0.4"
-      }
-    },
-    "stream": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/stream/-/stream-0.0.2.tgz",
-      "integrity": "sha512-gCq3NDI2P35B2n6t76YJuOp7d6cN/C7Rt0577l91wllh0sY9ZBuw9KaSGqH/b0hzn3CWWJbpbW0W0WvQ1H/Q7g==",
-      "requires": {
-        "emitter-component": "^1.1.1"
-      }
-    },
-    "stream-to-string": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/stream-to-string/-/stream-to-string-1.2.1.tgz",
-      "integrity": "sha512-WsvTDNF8UYs369Yko3pcdTducQtYpzEZeOV7cTuReyFvOoA9S/DLJ6sYK+xPafSPHhUMpaxiljKYnT6JSFztIA==",
-      "dev": true,
-      "requires": {
-        "promise-polyfill": "^1.1.6"
-      }
-    },
-    "streamify-array": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/streamify-array/-/streamify-array-1.0.1.tgz",
-      "integrity": "sha512-ZnswaBcC6B1bhPLSQOlC6CdaDUSzU0wr2lvvHpbHNms8V7+DLd8uEAzDAWpsjxbFkijBHhuObFO/qqu52DZUMA==",
-      "dev": true
-    },
-    "streamify-string": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/streamify-string/-/streamify-string-1.0.1.tgz",
-      "integrity": "sha512-RXvBglotrvSIuQQ7oC55pdV40wZ/17gTb68ipMC4LA0SqMN4Sqfsf31Dpei7qXpYqZQ8ueVnPglUvtep3tlhqw==",
-      "dev": true
-    },
-    "streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
-    },
-    "string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "~5.2.0"
-      },
-      "dependencies": {
-        "safe-buffer": {
-          "version": "5.2.1",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-          "dev": true
-        }
-      }
-    },
-    "string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "requires": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "dependencies": {
-        "emoji-regex": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-          "dev": true
-        }
-      }
-    },
-    "string.prototype.matchall": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
-      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.3",
-        "regexp.prototype.flags": "^1.4.3",
-        "side-channel": "^1.0.4"
-      }
-    },
-    "string.prototype.trim": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz",
-      "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      }
-    },
-    "string.prototype.trimend": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz",
-      "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      }
-    },
-    "string.prototype.trimstart": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz",
-      "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      }
-    },
-    "strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "requires": {
-        "ansi-regex": "^5.0.1"
-      }
-    },
-    "strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true
-    },
-    "strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true
-    },
-    "strip-literal": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.1.tgz",
-      "integrity": "sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==",
-      "dev": true,
-      "requires": {
-        "acorn": "^8.8.2"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "8.8.2",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-          "dev": true
-        }
-      }
-    },
-    "styled-components": {
-      "version": "5.3.11",
-      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz",
-      "integrity": "sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==",
-      "requires": {
-        "@babel/helper-module-imports": "^7.0.0",
-        "@babel/traverse": "^7.4.5",
-        "@emotion/is-prop-valid": "^1.1.0",
-        "@emotion/stylis": "^0.8.4",
-        "@emotion/unitless": "^0.7.4",
-        "babel-plugin-styled-components": ">= 1.12.0",
-        "css-to-react-native": "^3.0.0",
-        "hoist-non-react-statics": "^3.0.0",
-        "shallowequal": "^1.1.0",
-        "supports-color": "^5.5.0"
-      },
-      "dependencies": {
-        "@emotion/unitless": {
-          "version": "0.7.5",
-          "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
-          "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
-        },
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
-      }
-    },
-    "stylis": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
-      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
-    },
-    "supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "requires": {
-        "has-flag": "^4.0.0"
-      }
-    },
-    "supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
-    },
-    "swr": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-1.3.0.tgz",
-      "integrity": "sha512-dkghQrOl2ORX9HYrMDtPa7LTVHJjCTeZoB1dqTbnnEDlSvN8JEKpYIYurDfvbQFUUS8Cg8PceFVZNkW0KNNYPw==",
-      "requires": {}
-    },
-    "symbol-tree": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-      "dev": true
-    },
-    "table": {
-      "version": "5.4.6",
-      "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
-      "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
-      "dev": true,
-      "requires": {
-        "ajv": "^6.10.2",
-        "lodash": "^4.17.14",
-        "slice-ansi": "^2.1.0",
-        "string-width": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
-          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
-          "dev": true
-        },
-        "emoji-regex": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
-          "dev": true
-        },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        }
-      }
-    },
-    "test-exclude": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-      "dev": true,
-      "requires": {
-        "@istanbuljs/schema": "^0.1.2",
-        "glob": "^7.1.4",
-        "minimatch": "^3.0.4"
-      }
-    },
-    "text-hex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz",
-      "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==",
-      "dev": true
-    },
-    "text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
-    "through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true
-    },
-    "time-zone": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/time-zone/-/time-zone-1.0.0.tgz",
-      "integrity": "sha512-TIsDdtKo6+XrPtiTm1ssmMngN1sAhyKnTO2kunQWqNPWIVvCm15Wmw4SWInwTVgJ5u/Tr04+8Ei9TNcw4x4ONA==",
-      "dev": true
-    },
-    "tinybench": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.5.0.tgz",
-      "integrity": "sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==",
-      "dev": true
-    },
-    "tinypool": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.5.0.tgz",
-      "integrity": "sha512-paHQtnrlS1QZYKF/GnLoOM/DN9fqaGOFbCbxzAhwniySnzl9Ebk8w73/dd34DAhe/obUbPAOldTyYXQZxnPBPQ==",
-      "dev": true
-    },
-    "tinyspy": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.1.1.tgz",
-      "integrity": "sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==",
-      "dev": true
-    },
-    "tmp": {
-      "version": "0.0.33",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-      "dev": true,
-      "requires": {
-        "os-tmpdir": "~1.0.2"
-      }
-    },
-    "to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog=="
-    },
-    "to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "requires": {
-        "is-number": "^7.0.0"
-      }
-    },
-    "toidentifier": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "dev": true
-    },
-    "tough-cookie": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
-      "dev": true,
-      "requires": {
-        "psl": "^1.1.33",
-        "punycode": "^2.1.1",
-        "universalify": "^0.2.0",
-        "url-parse": "^1.5.3"
-      },
-      "dependencies": {
-        "universalify": {
-          "version": "0.2.0",
-          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-          "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-          "dev": true
-        }
-      }
-    },
-    "tr46": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
-      "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.3.0"
-      }
-    },
-    "triple-beam": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.3.0.tgz",
-      "integrity": "sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==",
-      "dev": true
-    },
-    "ts-custom-error": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/ts-custom-error/-/ts-custom-error-3.3.1.tgz",
-      "integrity": "sha512-5OX1tzOjxWEgsr/YEUWSuPrQ00deKLh6D7OTWcvNHm12/7QPyRh8SYpyWvA4IZv8H/+GQWQEh/kwo95Q9OVW1A==",
-      "peer": true
-    },
-    "ts-guards": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/ts-guards/-/ts-guards-0.5.1.tgz",
-      "integrity": "sha512-Y6P/VJnwARiPMfxO7rvaYaz5tGQ5TQ0Wnb2cWIxMpFOioYkhsT8XaCrJX6wYPNFACa4UOrN5SPqhwpM8NolAhQ==",
-      "dev": true
-    },
-    "tsconfig-paths": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-      "dev": true,
-      "requires": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      },
-      "dependencies": {
-        "json5": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        }
-      }
-    },
-    "tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "tsscmp": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz",
-      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
-      "dev": true
-    },
-    "type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "requires": {
-        "prelude-ls": "^1.2.1"
-      }
-    },
-    "type-detect": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-      "dev": true
-    },
-    "type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true
-    },
-    "type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "dev": true,
-      "requires": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      }
-    },
-    "typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      }
-    },
-    "uc.micro": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
-      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
-      "dev": true
-    },
-    "ufo": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.2.tgz",
-      "integrity": "sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==",
-      "dev": true
-    },
-    "uglify-js": {
-      "version": "3.17.4",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz",
-      "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==",
-      "dev": true,
-      "optional": true
-    },
-    "unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      }
-    },
-    "underscore": {
-      "version": "1.13.6",
-      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz",
-      "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A==",
-      "dev": true
-    },
-    "undici": {
-      "version": "5.22.1",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-5.22.1.tgz",
-      "integrity": "sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==",
-      "requires": {
-        "busboy": "^1.6.0"
-      }
-    },
-    "universalify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true
-    },
-    "unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "dev": true
-    },
-    "update-browserslist-db": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
-      "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
-      "dev": true,
-      "requires": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
-      }
-    },
-    "uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "uritemplate": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/uritemplate/-/uritemplate-0.3.4.tgz",
-      "integrity": "sha512-enADBvHfhjrwxFMTVWeIIYz51SZ91uC6o2MR/NQTVljJB6HTZ8eQL3Q7JBj3RxNISA14MOwJaU3vpf5R6dyxHA==",
-      "dev": true
-    },
-    "url-join": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
-      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
-      "dev": true
-    },
-    "url-parse": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-      "dev": true,
-      "requires": {
-        "querystringify": "^2.1.1",
-        "requires-port": "^1.0.0"
-      }
-    },
-    "util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
-    },
-    "uuid": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
-      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg=="
-    },
-    "v8-compile-cache": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
-      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
-      "dev": true
-    },
-    "v8-to-istanbul": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz",
-      "integrity": "sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==",
-      "dev": true,
-      "requires": {
-        "@jridgewell/trace-mapping": "^0.3.12",
-        "@types/istanbul-lib-coverage": "^2.0.1",
-        "convert-source-map": "^1.6.0"
-      }
-    },
-    "validate-iri": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/validate-iri/-/validate-iri-1.0.1.tgz",
-      "integrity": "sha512-gLXi7351CoyVVQw8XE5sgpYawRKatxE7kj/xmCxXOZS1kMdtcqC0ILIqLuVEVnAUQSL/evOGG3eQ+8VgbdnstA==",
-      "dev": true
-    },
-    "vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "dev": true
-    },
-    "vite": {
-      "version": "4.3.9",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
-      "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==",
-      "dev": true,
-      "requires": {
-        "esbuild": "^0.17.5",
-        "fsevents": "~2.3.2",
-        "postcss": "^8.4.23",
-        "rollup": "^3.21.0"
-      }
-    },
-    "vite-node": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.31.4.tgz",
-      "integrity": "sha512-uzL377GjJtTbuc5KQxVbDu2xfU/x0wVjUtXQR2ihS21q/NK6ROr4oG0rsSkBBddZUVCwzfx22in76/0ZZHXgkQ==",
-      "dev": true,
-      "requires": {
-        "cac": "^6.7.14",
-        "debug": "^4.3.4",
-        "mlly": "^1.2.0",
-        "pathe": "^1.1.0",
-        "picocolors": "^1.0.0",
-        "vite": "^3.0.0 || ^4.0.0"
-      }
-    },
-    "vitest": {
-      "version": "0.31.4",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.31.4.tgz",
-      "integrity": "sha512-GoV0VQPmWrUFOZSg3RpQAPN+LPmHg2/gxlMNJlyxJihkz6qReHDV6b0pPDcqFLNEPya4tWJ1pgwUNP9MLmUfvQ==",
-      "dev": true,
-      "requires": {
-        "@types/chai": "^4.3.5",
-        "@types/chai-subset": "^1.3.3",
-        "@types/node": "*",
-        "@vitest/expect": "0.31.4",
-        "@vitest/runner": "0.31.4",
-        "@vitest/snapshot": "0.31.4",
-        "@vitest/spy": "0.31.4",
-        "@vitest/utils": "0.31.4",
-        "acorn": "^8.8.2",
-        "acorn-walk": "^8.2.0",
-        "cac": "^6.7.14",
-        "chai": "^4.3.7",
-        "concordance": "^5.0.4",
-        "debug": "^4.3.4",
-        "local-pkg": "^0.4.3",
-        "magic-string": "^0.30.0",
-        "pathe": "^1.1.0",
-        "picocolors": "^1.0.0",
-        "std-env": "^3.3.2",
-        "strip-literal": "^1.0.1",
-        "tinybench": "^2.5.0",
-        "tinypool": "^0.5.0",
-        "vite": "^3.0.0 || ^4.0.0",
-        "vite-node": "0.31.4",
-        "why-is-node-running": "^2.2.2"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "8.8.2",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-          "dev": true
-        },
-        "magic-string": {
-          "version": "0.30.0",
-          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
-          "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
-          "dev": true,
-          "requires": {
-            "@jridgewell/sourcemap-codec": "^1.4.13"
-          }
-        }
-      }
-    },
-    "w3c-xmlserializer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
-      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
-      "dev": true,
-      "requires": {
-        "xml-name-validator": "^4.0.0"
-      }
-    },
-    "web-streams-ponyfill": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/web-streams-ponyfill/-/web-streams-ponyfill-1.4.2.tgz",
-      "integrity": "sha512-LCHW+fE2UBJ2vjhqJujqmoxh1ytEDEr0dPO3CabMdMDJPKmsaxzS90V1Ar6LtNE5VHLqxR4YMEj1i4lzMAccIA==",
-      "dev": true
-    },
-    "webidl-conversions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "dev": true
-    },
-    "well-known-symbols": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/well-known-symbols/-/well-known-symbols-2.0.0.tgz",
-      "integrity": "sha512-ZMjC3ho+KXo0BfJb7JgtQ5IBuvnShdlACNkKkdsqBmYw3bPAaJfPeYUo6tLUaT5tG/Gkh7xkpBhKRQ9e7pyg9Q==",
-      "dev": true
-    },
-    "whatwg-encoding": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-      "dev": true,
-      "requires": {
-        "iconv-lite": "0.6.3"
-      },
-      "dependencies": {
-        "iconv-lite": {
-          "version": "0.6.3",
-          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-          "dev": true,
-          "requires": {
-            "safer-buffer": ">= 2.1.2 < 3.0.0"
-          }
-        }
-      }
-    },
-    "whatwg-mimetype": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
-      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-      "dev": true
-    },
-    "whatwg-url": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
-      "integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
-      "dev": true,
-      "requires": {
-        "tr46": "^4.1.1",
-        "webidl-conversions": "^7.0.0"
-      }
-    },
-    "which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "requires": {
-        "isexe": "^2.0.0"
-      }
-    },
-    "which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "requires": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      }
-    },
-    "which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "requires": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      }
-    },
-    "which-typed-array": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz",
-      "integrity": "sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==",
-      "dev": true,
-      "requires": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0",
-        "is-typed-array": "^1.1.10"
-      }
-    },
-    "why-is-node-running": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz",
-      "integrity": "sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==",
-      "dev": true,
-      "requires": {
-        "siginfo": "^2.0.0",
-        "stackback": "0.0.2"
-      }
-    },
-    "winston": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/winston/-/winston-3.9.0.tgz",
-      "integrity": "sha512-jW51iW/X95BCW6MMtZWr2jKQBP4hV5bIDq9QrIjfDk6Q9QuxvTKEAlpUNAzP+HYHFFCeENhph16s0zEunu4uuQ==",
-      "dev": true,
-      "requires": {
-        "@colors/colors": "1.5.0",
-        "@dabh/diagnostics": "^2.0.2",
-        "async": "^3.2.3",
-        "is-stream": "^2.0.0",
-        "logform": "^2.4.0",
-        "one-time": "^1.0.0",
-        "readable-stream": "^3.4.0",
-        "safe-stable-stringify": "^2.3.1",
-        "stack-trace": "0.0.x",
-        "triple-beam": "^1.3.0",
-        "winston-transport": "^4.5.0"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.2",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-          "dev": true,
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
-      }
-    },
-    "winston-transport": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.5.0.tgz",
-      "integrity": "sha512-YpZzcUzBedhlTAfJg6vJDlyEai/IFMIVcaEZZyl3UXIl4gmqRpU7AE89AHLkbzLUsv0NVmw7ts+iztqKxxPW1Q==",
-      "dev": true,
-      "requires": {
-        "logform": "^2.3.2",
-        "readable-stream": "^3.6.0",
-        "triple-beam": "^1.3.0"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.2",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-          "dev": true,
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
-      }
-    },
-    "word-wrap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
-      "dev": true
-    },
-    "wordwrap": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
-      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
-      "dev": true
-    },
-    "wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      }
-    },
-    "wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
-    },
-    "write": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz",
-      "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==",
-      "dev": true,
-      "requires": {
-        "mkdirp": "^0.5.1"
-      },
-      "dependencies": {
-        "mkdirp": {
-          "version": "0.5.6",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.6"
-          }
-        }
-      }
-    },
-    "ws": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
-      "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
-      "dev": true,
-      "requires": {}
-    },
-    "xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true
-    },
-    "xmlchars": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-      "dev": true
-    },
-    "xmlcreate": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/xmlcreate/-/xmlcreate-2.0.4.tgz",
-      "integrity": "sha512-nquOebG4sngPmGPICTS5EnxqhKbCmz5Ox5hsszI2T6U5qdrJizBc+0ilYSEjTSzU0yZcmvppztXe/5Al5fUwdg==",
-      "dev": true
-    },
-    "y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true
-    },
-    "yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true
-    },
-    "yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
-    },
-    "yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "requires": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "dependencies": {
-        "yargs-parser": {
-          "version": "21.1.1",
-          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-          "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-          "dev": true
-        }
-      }
-    },
-    "yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "dev": true
-    },
-    "ylru": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/ylru/-/ylru-1.3.2.tgz",
-      "integrity": "sha512-RXRJzMiK6U2ye0BlGGZnmpwJDPgakn6aNQ0A7gHRbD4I0uvK4TW6UqkK1V0pp9jskjJBAXd3dRrbzWkqJ+6cxA==",
-      "dev": true
-    },
-    "yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true
-    }
   }
 }

From 848c95e77ad2833c447902971fd1bdfa03d5060e Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sat, 10 Jun 2023 15:16:02 -0700
Subject: [PATCH 012/304] Change selectedUser to hold user object instead of
 username

---
 src/components/Clients/ClientListTableRow.jsx      | 14 ++++++--------
 .../Form/CheckAclPermsDocContainerForm.jsx         |  7 +++----
 src/components/Form/CrossPodQueryForm.jsx          |  7 +++----
 src/components/Form/CrossPodWriteForm.jsx          |  7 +++----
 src/components/Form/SetAclPermissionForm.jsx       |  7 +++----
 .../Form/SetAclPermsDocContainerForm.jsx           |  7 +++----
 6 files changed, 21 insertions(+), 28 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 4d5fecea3..3d374f2ce 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -27,10 +27,9 @@ import { SelectUserContext, UserListContext } from '../../contexts';
 // determine what gets rendered in the table body
 const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const theme = useTheme();
-  const { setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
   const { removeUser } = useContext(UserListContext);
   const [pinned, setPinned] = useState(false);
-  const [selected, setSelected] = useState(false);
 
   // determine what gets rendered in the date modified cell of table
   const modifiedDate = client.dateModified
@@ -41,9 +40,9 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const pinnedIcon = pinned ? <PushPinIcon color="secondary" /> : <PushPinOutlinedIcon />;
 
   // Event handler for selecting client from client list
-  const handleSelectClient = async (clientToSelect, selectedClientUrl) => {
-    runNotification(`Client "${clientToSelect}" selected.`, 3, state, dispatch);
-    setSelectedUser(selectedClientUrl.split('/')[2].split('.')[0]);
+  const handleSelectClient = async (clientToSelect) => {
+    runNotification(`Client "${clientToSelect.person}" selected.`, 3, state, dispatch);
+    setSelectedUser(clientToSelect);
   };
 
   // Event handler for deleting client from client list
@@ -72,13 +71,12 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
         <Checkbox
           id={labelId}
           color="primary"
-          checked={selected}
+          checked={selectedUser.webId === client.webId}
           inputProps={{
             'aria-labelledby': labelId
           }}
           onClick={() => {
-            setSelected(!selected);
-            handleSelectClient(client.person, client.podUrl);
+            handleSelectClient(client);
           }}
         />
       </StyledTableCell>
diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
index e4c363ab5..43aa13aa1 100644
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ b/src/components/Form/CheckAclPermsDocContainerForm.jsx
@@ -29,11 +29,10 @@ const CheckAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUrl, ...user } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
 
   const clearInputFields = () => {
     clearUrl();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -44,7 +43,7 @@ const CheckAclPermsDocContainerForm = () => {
     let podUsername = event.target.setAclTo.value;
 
     if (!podUsername) {
-      podUsername = selectedUser;
+      podUsername = selectedUser.username;
     }
 
     // TODO: Determine if this is necessary as MUI provides its own verification
@@ -113,7 +112,7 @@ const CheckAclPermsDocContainerForm = () => {
               id="set-acl-to"
               name="setAclTo"
               {...user}
-              placeholder={selectedUser}
+              placeholder={selectedUser.username}
               label="Search username"
               required
             />
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index d0bbf6544..46ae53c7b 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -31,7 +31,7 @@ const CrossPodQueryForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -41,7 +41,6 @@ const CrossPodQueryForm = () => {
   // Clean up function for clearing input fields after submission
   const clearInputFields = () => {
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -52,7 +51,7 @@ const CrossPodQueryForm = () => {
     let podUsername = event.target.crossPodQuery.value;
 
     if (!podUsername) {
-      podUsername = selectedUser;
+      podUsername = selectedUser.username;
     }
 
     if (!podUsername) {
@@ -107,7 +106,7 @@ const CrossPodQueryForm = () => {
                 id="cross-search-doc"
                 name="crossPodQuery"
                 {...username}
-                placeholder={selectedUser}
+                placeholder={selectedUser.username}
                 label="Enter username"
                 required
               />
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 31495b9a7..946ef3939 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -26,7 +26,7 @@ const CrossPodWriteForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -49,7 +49,6 @@ const CrossPodWriteForm = () => {
     event.target.reset();
     clearDescription();
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
@@ -65,7 +64,7 @@ const CrossPodWriteForm = () => {
   const handleCrossPodUpload = async (event) => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
-    const podUsername = event.target.crossPodUpload.value || selectedUser;
+    const podUsername = event.target.crossPodUpload.value || selectedUser.username;
 
     if (!podUsername) {
       runNotification('Search failed. Reason: Username not provided.', 5, state, dispatch);
@@ -100,7 +99,7 @@ const CrossPodWriteForm = () => {
             size="25"
             name="crossPodUpload"
             {...username}
-            placeholder={selectedUser}
+            placeholder={selectedUser.username}
           />
         </div>
         <div style={formRowStyle}>
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 1f84f10ab..74a8bf829 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -34,7 +34,7 @@ const SetAclPermissionForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -43,7 +43,6 @@ const SetAclPermissionForm = () => {
 
   const clearInputFields = () => {
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -57,7 +56,7 @@ const SetAclPermissionForm = () => {
     let podUsername = event.target.setAclTo.value;
 
     if (!podUsername) {
-      podUsername = selectedUser;
+      podUsername = selectedUser.username;
     }
 
     if (!podUsername) {
@@ -127,7 +126,7 @@ const SetAclPermissionForm = () => {
               id="set-acl-to"
               name="setAclTo"
               {...username}
-              placeholder={selectedUser}
+              placeholder={selectedUser.username}
               label="Search username"
               required
             />
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 9e1a8b28e..9668c2b0f 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -38,11 +38,10 @@ const SetAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
 
   const clearInputFields = () => {
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -60,7 +59,7 @@ const SetAclPermsDocContainerForm = () => {
     let podUsername = event.target.setAclTo.value;
 
     if (!podUsername) {
-      podUsername = selectedUser;
+      podUsername = selectedUser.username;
     }
 
     if (!podUsername) {
@@ -132,7 +131,7 @@ const SetAclPermsDocContainerForm = () => {
               id="set-acl-to"
               name="setAclTo"
               {...username}
-              placeholder={selectedUser}
+              placeholder={selectedUser.username}
               label="Search username"
               required
             />

From c347c08e0c10dc407dfc6396c6aedc81ccb5119e Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sat, 10 Jun 2023 16:28:27 -0700
Subject: [PATCH 013/304] Merging new changes in Development

---
 src/components/Clients/AddClient.jsx       |  2 +-
 src/components/Form/CrossPodWriteForm.jsx  | 15 ++++++---------
 src/utils/frontend/FormSubmissionHelper.js | 16 +++++-----------
 3 files changed, 12 insertions(+), 21 deletions(-)

diff --git a/src/components/Clients/AddClient.jsx b/src/components/Clients/AddClient.jsx
index df3cf6b84..4733a3690 100644
--- a/src/components/Clients/AddClient.jsx
+++ b/src/components/Clients/AddClient.jsx
@@ -147,7 +147,7 @@ const AddClient = () => {
         <br />
         <div>
           <label htmlFor="add-username">
-            Add username to client list (i.e., username without {currentOidcIssuer.split('/')[2]}):{' '}
+            Add username to client list (i.e., username without {currentOidcIssuer.split('/')[2]}):
           </label>
           <br />
           <br />
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index d4e0dc497..d85222569 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -72,8 +72,7 @@ const CrossPodWriteForm = () => {
     state,
     dispatch,
     session,
-    clearInputFields,
-    expireDate
+    clearInputFields
   );
 
   // Event handler for form/document submission to Pod
@@ -123,13 +122,11 @@ const CrossPodWriteForm = () => {
                 required
               />
             </FormControl>
-            <Typography>
-              <DocumentSelection
-                htmlForAndIdProp="upload-doc"
-                handleDocType={handleDocType}
-                docType={docType}
-              />
-            </Typography>
+            <DocumentSelection
+              htmlForAndIdProp="upload-doc"
+              handleDocType={handleDocType}
+              docType={docType}
+            />
             <br />
             <FormControl>
               <InputLabel htmlFor="upload-doc-expiration" />
diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index 4c490403c..0a40a57b9 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -12,7 +12,6 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @memberof utils
  * @function makeHandleFormSubmission
  * @param {string} uploadType - Type of upload (cross, self, etc.) to perform
- * @param {Dayjs} expireDate - Expiration Date
  * @param {object} state - current state
  * @param {object} dispatch - dispatch for actions
  * @param {Session} session - current Solid session
@@ -20,13 +19,10 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @returns {Function} A function that components can call to submit forms to PASS
  */
 const makeHandleFormSubmission =
-  (uploadType, expireDate, state, dispatch, session, clearInputFields) =>
+  (uploadType, state, dispatch, session, clearInputFields) =>
   async (event, crossPodUsername = '') => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
-    const docType = event.target.document.value;
-    // const expirationDate = event.target.date.value;
-    const docDescription = event.target.description.value;
 
     if (!state.file) {
       runNotification('Submission failed. Reason: missing file', 5, state, dispatch);
@@ -36,12 +32,10 @@ const makeHandleFormSubmission =
       return;
     }
 
-    const formattedDate = expireDate ? expireDate.format('MM/DD/YYYY') : 'No Date Provided';
-
     const fileObject = {
-      type: docType,
-      date: formattedDate || 'Not available',
-      description: docDescription || 'No description provided',
+      type: event.target.document.value,
+      date: event.target.date.value,
+      description: event.target.description.value,
       file: state.file
     };
 
@@ -71,4 +65,4 @@ const makeHandleFormSubmission =
     }
   };
 
-export default makeHandleFormSubmission;
+export default makeHandleFormSubmission;
\ No newline at end of file

From 34df0825a44957ae770cdb284fb903a1caafc177 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sat, 10 Jun 2023 21:07:07 -0700
Subject: [PATCH 014/304] Fixing errors, styling document choose button

---
 src/components/Form/CrossPodWriteForm.jsx  | 154 +++++++++++----------
 src/components/Form/UploadDocumentForm.jsx |   2 +
 src/utils/frontend/FormSubmissionHelper.js |  14 +-
 3 files changed, 90 insertions(+), 80 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index d85222569..6457a9d46 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -13,7 +13,6 @@ import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import FormHelperText from '@mui/material/FormHelperText';
-import Input from '@mui/material/Input';
 // Utility Imports
 import { runNotification, makeHandleFormSubmission } from '../../utils';
 // Custom Hook Imports
@@ -110,82 +109,87 @@ const CrossPodWriteForm = () => {
     >
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleCrossPodUpload} autoComplete="off">
-          <Box display="flex" flexDirection="column" justifyContent="center">
-            <FormControl>
-              <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
-              <TextField
-                id="cross-upload-doc"
-                name="crossPodUpload"
-                {...username}
-                placeholder={selectedUser}
-                label="Search username"
-                required
-              />
-            </FormControl>
-            <DocumentSelection
-              htmlForAndIdProp="upload-doc"
-              handleDocType={handleDocType}
-              docType={docType}
+          <FormControl fullWidth>
+            {/* TODO: Determine whether Typography below is necessary or redundant */}
+            {/* Either way, also determine whether to update all other forms to that */}
+            <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
+            <TextField
+              id="cross-upload-doc"
+              name="crossPodUpload"
+              {...username}
+              placeholder={selectedUser}
+              label="Search username"
+              required
             />
-            <br />
-            <FormControl>
-              <InputLabel htmlFor="upload-doc-expiration" />
-              <LocalizationProvider dateAdapter={AdapterDayjs}>
-                <DatePicker
-                  id="upload-doc-expiration"
-                  name="date"
-                  format="MM/DD/YYYY"
-                  label="Expire date (if applicable)"
-                  value={expireDate}
-                  onChange={(newDate) => setExpireDate(newDate)}
-                  type="date"
-                />
-              </LocalizationProvider>
-            </FormControl>
-            <br />
-            <FormControl>
-              <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
-              <TextField
-                id="upload-doc-desc"
-                name="description"
-                {...description}
-                multiline
-                rows={4}
-                label="Enter Description"
-                // value={docDescription}
-                // onChange={handleDocDescription}
-              />
-            </FormControl>
-            <FormControl>
-              <InputLabel htmlFor="upload-doctype" />
-              <Input
-                id="upload-doctype"
-                type="file"
-                name="uploadDoctype"
-                accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-                onChange={handleFileChange}
-                required
+          </FormControl>
+          <DocumentSelection
+            htmlForAndIdProp="upload-doc"
+            handleDocType={handleDocType}
+            docType={docType}
+          />
+          <br />
+          <FormControl>
+            {/* TODO: Determine whether InputLabel below is necessary or redundant */}
+            <InputLabel htmlFor="upload-doc-expiration" />
+            <LocalizationProvider dateAdapter={AdapterDayjs}>
+              <DatePicker
+                id="upload-doc-expiration"
+                name="date"
+                format="MM/DD/YYYY"
+                label="Expire date (if applicable)"
+                value={expireDate}
+                onChange={(newDate) => setExpireDate(newDate)}
+                type="date"
               />
-              <FormHelperText>
-                File to upload: {state.file ? state.file.name : 'No file selected'}
-              </FormHelperText>
-            </FormControl>
-            <FormControl>
-              <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-                Upload file
-              </Button>
-            </FormControl>
-            <FormControl>
-              <Button
-                variant="contained"
-                type="button"
-                color="secondary"
-                onClick={clearInputFields}
-              >
-                Clear Form
-              </Button>
-            </FormControl>
-          </Box>
+            </LocalizationProvider>
+          </FormControl>
+          <br />
+          <br />
+          <FormControl fullWidth>
+            {/* TODO: Determine whether Typography below is necessary or redundant */}
+            <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
+            <TextField
+              id="upload-doc-desc"
+              name="description"
+              {...description}
+              multiline
+              rows={4}
+              label="Enter Description"
+            />
+          </FormControl>
+          <br />
+          <br />
+          <FormControl fullWidth>
+            <Button
+              variant="contained"
+              component="label"
+              color="primary"
+              id="upload-doctype"
+              name="uploadDoctype"
+              onChange={handleFileChange}
+              required
+            >
+              Choose file
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple />
+            </Button>
+            <FormHelperText>
+              File to upload: {state.file ? state.file.name : 'No file selected'}
+            </FormHelperText>
+          </FormControl>
+          <br />
+          <FormControl fullWidth>
+            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+              Upload file
+            </Button>
+          </FormControl>
+          <br />
+          <br />
+          {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
+          <FormControl fullWidth>
+            <Button variant="contained" type="button" color="secondary" onClick={clearInputFields}>
+              Clear Form
+            </Button>
+          </FormControl>
         </form>
       </Box>
     </FormSection>
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 166c8c716..a7c250eae 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -23,6 +23,7 @@ import FormSection from './FormSection';
 const UploadDocumentForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
+  const [expireDate, setExpireDate] = useState(null);
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -52,6 +53,7 @@ const UploadDocumentForm = () => {
   // Event handler for form/document submission to Pod
   const handleFormSubmit = makeHandleFormSubmission(
     INTERACTION_TYPES.SELF,
+    expireDate,
     state,
     dispatch,
     session,
diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index 0a40a57b9..4cc0f2cc4 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -12,6 +12,7 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @memberof utils
  * @function makeHandleFormSubmission
  * @param {string} uploadType - Type of upload (cross, self, etc.) to perform
+ * @param {string} expireDate - document expiration date
  * @param {object} state - current state
  * @param {object} dispatch - dispatch for actions
  * @param {Session} session - current Solid session
@@ -19,7 +20,7 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @returns {Function} A function that components can call to submit forms to PASS
  */
 const makeHandleFormSubmission =
-  (uploadType, state, dispatch, session, clearInputFields) =>
+  (uploadType, expireDate, state, dispatch, session, clearInputFields) =>
   async (event, crossPodUsername = '') => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
@@ -32,10 +33,13 @@ const makeHandleFormSubmission =
       return;
     }
 
+    const docType = event.target.document.value;
+    const formattedDate = expireDate ? expireDate.format('MM/DD/YYYY') : 'No date provided';
+
     const fileObject = {
-      type: event.target.document.value,
-      date: event.target.date.value,
-      description: event.target.description.value,
+      type: docType,
+      date: formattedDate,
+      description: event.target.description.value || 'No description provided',
       file: state.file
     };
 
@@ -65,4 +69,4 @@ const makeHandleFormSubmission =
     }
   };
 
-export default makeHandleFormSubmission;
\ No newline at end of file
+export default makeHandleFormSubmission;

From df4172996eae28a085ab47ddd4a8c80a31202837 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 11 Jun 2023 02:34:55 -0700
Subject: [PATCH 015/304] Updating package-lock.json with dayjs

---
 package-lock.json | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index a4e24f3bd..5ef636b0f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20118,6 +20118,11 @@
         "time-zone": "^1.0.0"
       }
     },
+    "dayjs": {
+      "version": "1.11.8",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz",
+      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ=="
+    },
     "debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",

From c1163b9deb55da43c969caee007364137c518039 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 11 Jun 2023 02:53:22 -0700
Subject: [PATCH 016/304] Created new function to truncate long file names

---
 src/utils/frontend/FormSubmissionHelper.js | 23 +++++++++++++++++++++-
 src/utils/index.js                         |  5 +++--
 test/utils/FormSubmissionHelper.test.js    | 21 +++++++++++++++++++-
 3 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index 9fba18e7b..f05fa42b0 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -5,6 +5,27 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
  */
 
+/**
+ * Function that truncates file names greater than 25 characters and leaves an
+ * ellipsis in the middle or returns the original file name if 25 or less characters
+ *
+ * @function truncateLongFileName
+ * @param {string} filename - Name of file
+ * @returns {string} filaname - Returns truncated file name for files names longer
+ * than 25 characters, otherwise, it'll return the original file name
+ */
+
+export const truncateLongFileName = (filename) => {
+  if (filename.length > 25) {
+    const filenameStart = filename.slice(0, 10);
+    const filenameEnd = filename.slice(-10);
+
+    return `${filenameStart}...${filenameEnd}`;
+  }
+
+  return filename;
+};
+
 /**
  * Makes a default handleFormSubmission function that can be used
  * by form elements in PASS
@@ -39,7 +60,7 @@ const makeHandleFormSubmission =
       file: state.file
     };
 
-    const fileName = fileObject.file.name;
+    const fileName = truncateLongFileName(fileObject.file.name);
 
     try {
       runNotification(`Uploading "${fileName}" to Solid...`, 3, state, dispatch);
diff --git a/src/utils/index.js b/src/utils/index.js
index 843584851..773f2e4cb 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -26,7 +26,7 @@ import {
   createInbox
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
-import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
+import makeHandleFormSubmission, { truncateLongFileName } from './frontend/FormSubmissionHelper';
 
 export {
   docTypes,
@@ -45,5 +45,6 @@ export {
   getMessageTTL,
   createPublicContainer,
   createInbox,
-  getPodUrl
+  getPodUrl,
+  truncateLongFileName
 };
diff --git a/test/utils/FormSubmissionHelper.test.js b/test/utils/FormSubmissionHelper.test.js
index ae3350bd7..5811a65af 100644
--- a/test/utils/FormSubmissionHelper.test.js
+++ b/test/utils/FormSubmissionHelper.test.js
@@ -3,7 +3,8 @@ import {
   makeHandleFormSubmission,
   runNotification,
   uploadDocument,
-  updateDocument
+  updateDocument,
+  truncateLongFileName
 } from '../../src/utils';
 import { INTERACTION_TYPES } from '../../src/constants';
 
@@ -113,3 +114,21 @@ describe('FormSubmissionHelper', async () => {
     });
   });
 });
+
+describe('truncateLongFileName', () => {
+  const filenameLong = 'thisisareallylongfilenametobeuploaded.pdf';
+  const filenameStart = filenameLong.slice(0, 10);
+  const filenameEnd = filenameLong.slice(-10);
+
+  const filenameShort = 'test.pdf';
+
+  it('return truncated filename if too long', () => {
+    const result = truncateLongFileName(filenameLong);
+    expect(result).toBe(`${filenameStart}...${filenameEnd}`);
+  });
+
+  it('return original filename if below 25 characters', () => {
+    const result = truncateLongFileName(filenameShort);
+    expect(result).toBe(filenameShort);
+  });
+});

From d46689b5fb057984394916056b95c1d3421a0177 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 11 Jun 2023 03:33:48 -0700
Subject: [PATCH 017/304] Included conditional to unselect selectedUser;
 Removed setSelectUser from clearInputFields

---
 src/components/Clients/ClientListTableRow.jsx         | 9 +++++++--
 src/components/Form/CheckAclPermsDocContainerForm.jsx | 3 +--
 src/components/Form/CrossPodQueryForm.jsx             | 3 +--
 src/components/Form/CrossPodWriteForm.jsx             | 3 +--
 src/components/Form/SetAclPermissionForm.jsx          | 3 +--
 src/components/Form/SetAclPermsDocContainerForm.jsx   | 3 +--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 4d5fecea3..7689dee18 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -42,8 +42,13 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
 
   // Event handler for selecting client from client list
   const handleSelectClient = async (clientToSelect, selectedClientUrl) => {
-    runNotification(`Client "${clientToSelect}" selected.`, 3, state, dispatch);
-    setSelectedUser(selectedClientUrl.split('/')[2].split('.')[0]);
+    if (!selected) {
+      runNotification(`Client "${clientToSelect}" selected.`, 3, state, dispatch);
+      setSelectedUser(selectedClientUrl.split('/')[2].split('.')[0]);
+    } else {
+      runNotification(`Client "${clientToSelect}" unselected.`, 3, state, dispatch);
+      setSelectedUser('');
+    }
   };
 
   // Event handler for deleting client from client list
diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
index 12c62cf1f..7787c40bc 100644
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ b/src/components/Form/CheckAclPermsDocContainerForm.jsx
@@ -29,12 +29,11 @@ const CheckAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUrl, ...user } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const { podUrl } = useContext(SignedInUserContext);
 
   const clearInputFields = () => {
     clearUrl();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index da33dea28..6fb62b0f7 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -31,7 +31,7 @@ const CrossPodQueryForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -41,7 +41,6 @@ const CrossPodQueryForm = () => {
   // Clean up function for clearing input fields after submission
   const clearInputFields = () => {
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 01aaa94f9..dba7cb479 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -26,7 +26,7 @@ const CrossPodWriteForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -49,7 +49,6 @@ const CrossPodWriteForm = () => {
     event.target.reset();
     clearDescription();
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 14b328485..1207b20bd 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -34,7 +34,7 @@ const SetAclPermissionForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const { podUrl } = useContext(SignedInUserContext);
   const [docType, setDocType] = useState('');
 
@@ -44,7 +44,6 @@ const SetAclPermissionForm = () => {
 
   const clearInputFields = () => {
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index e82392699..120ba32b1 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -34,12 +34,11 @@ const SetAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { clearValue: clearUsername, ...username } = useField('text');
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const { podUrl } = useContext(SignedInUserContext);
 
   const clearInputFields = () => {
     clearUsername();
-    setSelectedUser('');
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 

From 4eadfd66eb918747ffca7686c973aecb0dac2947 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 11 Jun 2023 04:10:36 -0700
Subject: [PATCH 018/304] Include new components for clear client button and
 indicator

---
 src/routes/Forms.jsx | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 456548497..eff71fc37 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -1,6 +1,9 @@
 // React Imports
-import React from 'react';
+import React, { useContext } from 'react';
 import { useLocation } from 'react-router-dom';
+// Material UI Imports
+import Button from '@mui/material/Button';
+import Remove from '@mui/icons-material/Remove';
 // Component Imports
 import {
   UploadDocumentForm,
@@ -12,6 +15,7 @@ import {
   SetAclPermsDocContainerForm,
   CheckAclPermsDocContainerForm
 } from '../components/Form';
+import { SelectUserContext } from '../contexts';
 
 /**
  * Forms Page - Component that generates Forms Page for PASS
@@ -25,8 +29,29 @@ const Forms = () => {
 
   localStorage.setItem('restorePath', location.pathname);
 
+  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+
   return (
-    <>
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }}
+    >
+      <Button
+        variant="contained"
+        color="secondary"
+        size="small"
+        aria-label="Clear Client Button"
+        startIcon={<Remove />}
+        onClick={() => setSelectedUser('')}
+        sx={{ margin: '2rem 0 1rem' }}
+      >
+        Clear Client
+      </Button>
+      <span>Client selected: {selectedUser || 'No client selected'}</span>
       <UploadDocumentForm />
       <FetchDocumentForm />
       <DeleteDocumentForm />
@@ -35,7 +60,7 @@ const Forms = () => {
       <SetAclPermissionForm />
       <CrossPodQueryForm />
       <CrossPodWriteForm />
-    </>
+    </div>
   );
 };
 

From 667b55f49f8e796d5f339fd6918cfdd4a4f97476 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 11 Jun 2023 17:05:27 -0700
Subject: [PATCH 019/304] Altered upload/update message with filenames
 Refactored StatusNotificiation to use state directly Refactored StatusMessage
 to display file name below status message Included local styling for text
 ellipsis in the case of long file names instead of custom function call Fixed
 bug with handleDocumentUpload by including event.preventDefault to prevent
 page refresh on submission Removed old test with deprecated
 truncateLongFileName function Updated JSDoc relevant to these components and
 functions

---
 src/components/Form/FormSection.jsx           |  7 +----
 src/components/Form/UploadDocumentForm.jsx    |  3 ++
 src/components/Notification/StatusMessage.jsx | 29 ++++++++++++++---
 .../Notification/StatusNotification.jsx       | 10 ++++--
 src/typedefs.js                               |  6 ++--
 src/utils/frontend/FormSubmissionHelper.js    | 31 +++----------------
 src/utils/index.js                            |  5 ++-
 test/utils/FormSubmissionHelper.test.js       | 21 +------------
 8 files changed, 46 insertions(+), 66 deletions(-)

diff --git a/src/components/Form/FormSection.jsx b/src/components/Form/FormSection.jsx
index 042d75075..89d759d23 100644
--- a/src/components/Form/FormSection.jsx
+++ b/src/components/Form/FormSection.jsx
@@ -48,12 +48,7 @@ const FormSection = ({ title, state, statusType, defaultMessage, children }) =>
           {title}
         </Typography>
         {children}
-        <StatusNotification
-          notification={state.message}
-          statusType={statusType}
-          defaultMessage={defaultMessage}
-          locationUrl={state.documentUrl}
-        />
+        <StatusNotification state={state} statusType={statusType} defaultMessage={defaultMessage} />
       </Paper>
     </Box>
   </Container>
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index ee782537c..00e071b3b 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -59,6 +59,9 @@ const UploadDocumentForm = () => {
   );
 
   const handleDocumentUpload = async (event) => {
+    event.preventDefault();
+    dispatch({ type: 'SET_PROCESSING' });
+
     if (!docType) {
       runNotification('Search failed. Reason: No document type selected.', 5, state, dispatch);
       setTimeout(() => {
diff --git a/src/components/Notification/StatusMessage.jsx b/src/components/Notification/StatusMessage.jsx
index 7160fbaad..f823b586d 100644
--- a/src/components/Notification/StatusMessage.jsx
+++ b/src/components/Notification/StatusMessage.jsx
@@ -1,6 +1,7 @@
 // React Imports
 import React from 'react';
 // Material UI Imports
+import Box from '@mui/material/Box';
 // import CircularProgress from '@mui/material/CircularProgress';
 import Typography from '@mui/material/Typography';
 
@@ -21,7 +22,7 @@ import Typography from '@mui/material/Typography';
  * notification and locationUrl, which is optional (see {@link statusMessageProps})
  */
 
-const StatusMessage = ({ notification, locationUrl }) => {
+const StatusMessage = ({ notification, locationUrl, filename }) => {
   if (locationUrl) {
     return (
       <Typography sx={{ fontWeight: 'bold' }}>
@@ -34,11 +35,31 @@ const StatusMessage = ({ notification, locationUrl }) => {
   }
 
   return (
-    <Typography sx={{ fontWeight: 'bold' }}>
-      {notification}
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center'
+      }}
+    >
+      <Typography sx={{ fontWeight: 'bold' }}>{notification}</Typography>
+      {filename && (
+        <Typography
+          sx={{
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '300px',
+            textOverflow: 'ellipsis',
+            fontWeight: 'normal'
+          }}
+        >
+          File: {filename}
+        </Typography>
+      )}
       {/* <br />
       <CircularProgress /> */}
-    </Typography>
+    </Box>
   );
 };
 
diff --git a/src/components/Notification/StatusNotification.jsx b/src/components/Notification/StatusNotification.jsx
index d10eec9de..dfc211641 100644
--- a/src/components/Notification/StatusNotification.jsx
+++ b/src/components/Notification/StatusNotification.jsx
@@ -21,7 +21,7 @@ import StatusMessage from './StatusMessage';
  * is optional (see {@link statusNotificationProps})
  */
 
-const StatusNotification = ({ notification, statusType, defaultMessage, locationUrl = '' }) => (
+const StatusNotification = ({ state, statusType, defaultMessage }) => (
   <Box
     sx={{
       marginTop: 3,
@@ -32,8 +32,12 @@ const StatusNotification = ({ notification, statusType, defaultMessage, location
     }}
   >
     <Typography>{statusType}:</Typography>
-    {notification ? (
-      <StatusMessage notification={notification} locationUrl={locationUrl} />
+    {state.message ? (
+      <StatusMessage
+        notification={state.message}
+        locationUrl={state.documentUrl}
+        filename={state.file?.name}
+      />
     ) : (
       <Typography>{defaultMessage}</Typography>
     )}
diff --git a/src/typedefs.js b/src/typedefs.js
index 91f7cd35c..8a1a8627f 100644
--- a/src/typedefs.js
+++ b/src/typedefs.js
@@ -11,7 +11,8 @@ const React = require('react');
  * @typedef statusMessageProps
  * @type {object}
  * @property {string} notification - File status message
- * @property {string} [locationUrl] - URL location of file, if exist
+ * @property {URL} [locationUrl] - URL location of file, if exist
+ * @property {string} [filename] - Name of the file being processed
  * @memberof typedefs
  */
 
@@ -21,12 +22,11 @@ const React = require('react');
  * @exports statusNotificationProps
  * @typedef statusNotificationProps
  * @type {object}
- * @property {string} notification - File status message
+ * @property {statusNotificationObject} state - The state used for statusNotification
  * @property {string} statusType - Type of file status (i.e. file upload, file
  * fetch, file delete)
  * @property {string} defaultMessage - Default message when status is not
  * triggered
- * @property {URL} [locationUrl] - URL location of file, if exist
  * @memberof typedefs
  */
 
diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index f05fa42b0..6985d4e56 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -5,27 +5,6 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
  */
 
-/**
- * Function that truncates file names greater than 25 characters and leaves an
- * ellipsis in the middle or returns the original file name if 25 or less characters
- *
- * @function truncateLongFileName
- * @param {string} filename - Name of file
- * @returns {string} filaname - Returns truncated file name for files names longer
- * than 25 characters, otherwise, it'll return the original file name
- */
-
-export const truncateLongFileName = (filename) => {
-  if (filename.length > 25) {
-    const filenameStart = filename.slice(0, 10);
-    const filenameEnd = filename.slice(-10);
-
-    return `${filenameStart}...${filenameEnd}`;
-  }
-
-  return filename;
-};
-
 /**
  * Makes a default handleFormSubmission function that can be used
  * by form elements in PASS
@@ -60,22 +39,20 @@ const makeHandleFormSubmission =
       file: state.file
     };
 
-    const fileName = truncateLongFileName(fileObject.file.name);
-
     try {
-      runNotification(`Uploading "${fileName}" to Solid...`, 3, state, dispatch);
+      runNotification(`Uploading to Pod...`, 3, state, dispatch);
 
       await uploadDocument(session, uploadType, fileObject, state.verifyFile, crossPodUsername);
 
-      runNotification(`File "${fileName}" updated on Solid.`, 5, state, dispatch);
+      runNotification(`File uploaded on Pod.`, 5, state, dispatch);
       clearInputFields(event);
     } catch (e) {
       try {
-        runNotification('Updating contents in Solid Pod...', 3, state, dispatch);
+        runNotification('Updating on Pod...', 3, state, dispatch);
 
         await updateDocument(session, uploadType, fileObject, crossPodUsername);
 
-        runNotification(`File "${fileName}" updated on Solid.`, 5, state, dispatch);
+        runNotification(`File updated on Pod.`, 5, state, dispatch);
         clearInputFields(event);
       } catch (error) {
         runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
diff --git a/src/utils/index.js b/src/utils/index.js
index 773f2e4cb..843584851 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -26,7 +26,7 @@ import {
   createInbox
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
-import makeHandleFormSubmission, { truncateLongFileName } from './frontend/FormSubmissionHelper';
+import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
 
 export {
   docTypes,
@@ -45,6 +45,5 @@ export {
   getMessageTTL,
   createPublicContainer,
   createInbox,
-  getPodUrl,
-  truncateLongFileName
+  getPodUrl
 };
diff --git a/test/utils/FormSubmissionHelper.test.js b/test/utils/FormSubmissionHelper.test.js
index 5811a65af..ae3350bd7 100644
--- a/test/utils/FormSubmissionHelper.test.js
+++ b/test/utils/FormSubmissionHelper.test.js
@@ -3,8 +3,7 @@ import {
   makeHandleFormSubmission,
   runNotification,
   uploadDocument,
-  updateDocument,
-  truncateLongFileName
+  updateDocument
 } from '../../src/utils';
 import { INTERACTION_TYPES } from '../../src/constants';
 
@@ -114,21 +113,3 @@ describe('FormSubmissionHelper', async () => {
     });
   });
 });
-
-describe('truncateLongFileName', () => {
-  const filenameLong = 'thisisareallylongfilenametobeuploaded.pdf';
-  const filenameStart = filenameLong.slice(0, 10);
-  const filenameEnd = filenameLong.slice(-10);
-
-  const filenameShort = 'test.pdf';
-
-  it('return truncated filename if too long', () => {
-    const result = truncateLongFileName(filenameLong);
-    expect(result).toBe(`${filenameStart}...${filenameEnd}`);
-  });
-
-  it('return original filename if below 25 characters', () => {
-    const result = truncateLongFileName(filenameShort);
-    expect(result).toBe(filenameShort);
-  });
-});

From 0d311420178fc242955b599ca86aad1d058c6056 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 12 Jun 2023 10:26:19 -0700
Subject: [PATCH 020/304] Changing HTML elements in Forms.jsx into MUI
 components

---
 src/routes/Forms.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index eff71fc37..d227a563b 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -2,8 +2,10 @@
 import React, { useContext } from 'react';
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Remove from '@mui/icons-material/Remove';
+import Typography from '@mui/material/Typography';
 // Component Imports
 import {
   UploadDocumentForm,
@@ -32,8 +34,8 @@ const Forms = () => {
   const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
 
   return (
-    <div
-      style={{
+    <Box
+      sx={{
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
@@ -51,7 +53,7 @@ const Forms = () => {
       >
         Clear Client
       </Button>
-      <span>Client selected: {selectedUser || 'No client selected'}</span>
+      <Typography>Client selected: {selectedUser || 'No client selected'}</Typography>
       <UploadDocumentForm />
       <FetchDocumentForm />
       <DeleteDocumentForm />
@@ -60,7 +62,7 @@ const Forms = () => {
       <SetAclPermissionForm />
       <CrossPodQueryForm />
       <CrossPodWriteForm />
-    </div>
+    </Box>
   );
 };
 

From 85ab2bbcee7fa2914e95da1a2cc15aac65bb3479 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Mon, 12 Jun 2023 10:09:44 -0700
Subject: [PATCH 021/304] remove username update

---
 .../Form/CheckAclPermsDocContainerForm.jsx           | 12 +++++++-----
 src/components/Form/CrossPodQueryForm.jsx            | 10 ++++++----
 src/components/Form/CrossPodWriteForm.jsx            |  6 +++---
 src/components/Form/SetAclPermissionForm.jsx         |  8 ++++----
 src/components/Form/SetAclPermsDocContainerForm.jsx  | 10 +++++-----
 src/contexts/UserDataContext.jsx                     |  2 +-
 src/contexts/selectUserContext.js                    |  2 +-
 7 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
index 2d9451912..483bc18c9 100644
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ b/src/components/Form/CheckAclPermsDocContainerForm.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
@@ -10,7 +10,7 @@ import TextField from '@mui/material/TextField';
 // Utility Imports
 import { checkContainerPermission, runNotification, getPodUrl } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
+import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext, SignedInUserContext } from '../../contexts';
 // Component Imports
@@ -28,12 +28,11 @@ import FormSection from './FormSection';
 const CheckAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { clearValue: clearUrl, ...user } = useField('text');
   const { selectedUser } = useContext(SelectUserContext);
+  const [username, setUsername] = useState(selectedUser.username);
   const { podUrl } = useContext(SignedInUserContext);
 
   const clearInputFields = () => {
-    clearUrl();
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -109,7 +108,10 @@ const CheckAclPermsDocContainerForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              {...user}
+              value={username}
+              onChange={(e) => {
+                setUsername(e.target.value);
+              }}
               placeholder={selectedUser.username}
               label="Search username"
               required
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index 17fd9c255..ef987bd3f 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -10,7 +10,7 @@ import TextField from '@mui/material/TextField';
 // Utility Imports
 import { getDocuments, runNotification } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
+import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
 // Constants Imports
@@ -30,8 +30,8 @@ import FormSection from './FormSection';
 const CrossPodQueryForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { clearValue: clearUsername, ...username } = useField('text');
   const { selectedUser } = useContext(SelectUserContext);
+  const [username, setUsername] = useState(selectedUser.username);
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -40,7 +40,6 @@ const CrossPodQueryForm = () => {
 
   // Clean up function for clearing input fields after submission
   const clearInputFields = () => {
-    clearUsername();
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -113,7 +112,10 @@ const CrossPodQueryForm = () => {
               <TextField
                 id="cross-search-doc"
                 name="crossPodQuery"
-                {...username}
+                value={username}
+                onChange={(e) => {
+                  setUsername(e.target.value);
+                }}
                 placeholder={selectedUser.username}
                 label="Enter username"
                 required
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index b0e137fc4..59b68c620 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -25,8 +25,8 @@ import FormSection from './FormSection';
 const CrossPodWriteForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { clearValue: clearUsername, ...username } = useField('text');
   const { selectedUser } = useContext(SelectUserContext);
+  const [username, setUsername] = useState();
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -48,7 +48,6 @@ const CrossPodWriteForm = () => {
   const clearInputFields = (event) => {
     event.target.reset();
     clearDescription();
-    clearUsername();
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
@@ -107,7 +106,8 @@ const CrossPodWriteForm = () => {
             id="cross-upload-doc"
             size="25"
             name="crossPodUpload"
-            {...username}
+            value={username}
+            onChange={(e) => setUsername(e.target.value)}
             placeholder={selectedUser.username}
           />
         </div>
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 268bb9550..28079803c 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -15,7 +15,7 @@ import Typography from '@mui/material/Typography';
 // Utility Imports
 import { getPodUrl, runNotification, setDocAclPermission } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
+import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext, SignedInUserContext } from '../../contexts';
 // Component Imports
@@ -33,8 +33,8 @@ import FormSection from './FormSection';
 const SetAclPermissionForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { clearValue: clearUsername, ...username } = useField('text');
   const { selectedUser } = useContext(SelectUserContext);
+  const [username, setUsername] = useState(selectedUser.username);
   const { podUrl } = useContext(SignedInUserContext);
   const [docType, setDocType] = useState('');
 
@@ -43,7 +43,6 @@ const SetAclPermissionForm = () => {
   };
 
   const clearInputFields = () => {
-    clearUsername();
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -131,7 +130,8 @@ const SetAclPermissionForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              {...username}
+              value={username}
+              onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
               label="Search username"
               required
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 50f4c3fb2..57151ef21 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
@@ -15,7 +15,7 @@ import Typography from '@mui/material/Typography';
 // Utility Imports
 import { getPodUrl, runNotification, setDocContainerAclPermission } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
+import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext, SignedInUserContext } from '../../contexts';
 // Component Imports
@@ -33,12 +33,11 @@ import FormSection from './FormSection';
 const SetAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { clearValue: clearUsername, ...username } = useField('text');
   const { selectedUser } = useContext(SelectUserContext);
+  const [username, setUsername] = useState(selectedUser.username);
   const { podUrl } = useContext(SignedInUserContext);
 
   const clearInputFields = () => {
-    clearUsername();
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -124,7 +123,8 @@ const SetAclPermsDocContainerForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              {...username}
+              value={username}
+              onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
               label="Search username"
               required
diff --git a/src/contexts/UserDataContext.jsx b/src/contexts/UserDataContext.jsx
index d5b79b467..0a790afd1 100644
--- a/src/contexts/UserDataContext.jsx
+++ b/src/contexts/UserDataContext.jsx
@@ -18,7 +18,7 @@ import {
  */
 
 const UserDataContextProvider = ({ children }) => {
-  const [selectedUser, setSelectedUser] = useState('');
+  const [selectedUser, setSelectedUser] = useState({});
 
   const selectedUserObject = useMemo(() => ({ selectedUser, setSelectedUser }), [selectedUser]);
 
diff --git a/src/contexts/selectUserContext.js b/src/contexts/selectUserContext.js
index 3aa1e191a..98f3f1b86 100644
--- a/src/contexts/selectUserContext.js
+++ b/src/contexts/selectUserContext.js
@@ -7,6 +7,6 @@ import { createContext } from 'react';
  * @memberof contexts
  */
 
-const SelectUserContext = createContext('');
+const SelectUserContext = createContext({});
 
 export default SelectUserContext;

From 54803136b293031d9187c8da18df76ffbf6a47b1 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Mon, 12 Jun 2023 13:01:59 -0700
Subject: [PATCH 022/304] fix unselect

---
 src/components/Clients/ClientListTableRow.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 3d374f2ce..e446deec1 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -42,6 +42,10 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   // Event handler for selecting client from client list
   const handleSelectClient = async (clientToSelect) => {
     runNotification(`Client "${clientToSelect.person}" selected.`, 3, state, dispatch);
+    if (clientToSelect.webId === selectedUser.webId) {
+      setSelectedUser({});
+      return;
+    }
     setSelectedUser(clientToSelect);
   };
 

From 7576aa74780bc44a01a70f9edd6496933fc4012c Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 12 Jun 2023 14:53:30 -0700
Subject: [PATCH 023/304] Fixed StatusNotification in ClientListTable to use
 just state as the prop

---
 src/components/Clients/ClientListTable.jsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/Clients/ClientListTable.jsx b/src/components/Clients/ClientListTable.jsx
index f0c863797..4da3a7ef6 100644
--- a/src/components/Clients/ClientListTable.jsx
+++ b/src/components/Clients/ClientListTable.jsx
@@ -58,12 +58,7 @@ const ClientListTable = ({ statusType, defaultMessage }) => {
           })}
         </TableBody>
       </Table>
-      <StatusNotification
-        notification={state.message}
-        statusType={statusType}
-        defaultMessage={defaultMessage}
-        locationUrl={state.documentUrl}
-      />
+      <StatusNotification state={state} statusType={statusType} defaultMessage={defaultMessage} />
     </TableContainer>
   );
 };

From 3d0e2d20f6c58cee5dfa6f302af6b9aaefb2be96 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 12 Jun 2023 15:15:36 -0700
Subject: [PATCH 024/304] Updated form components which uses selectedUser to
 print username to use selectedUser.person instead to print out user's actual
 name; Included notification message for deselection in refactored
 handleSelectClient

---
 src/components/Clients/ClientListTableRow.jsx       |  1 +
 src/components/Form/SetAclPermissionForm.jsx        | 10 ++++++----
 src/components/Form/SetAclPermsDocContainerForm.jsx |  6 +++---
 src/routes/Forms.jsx                                |  2 +-
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index e446deec1..a445f2fc2 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -43,6 +43,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const handleSelectClient = async (clientToSelect) => {
     runNotification(`Client "${clientToSelect.person}" selected.`, 3, state, dispatch);
     if (clientToSelect.webId === selectedUser.webId) {
+      runNotification(`Client "${clientToSelect.person}" unselected.`, 3, state, dispatch);
       setSelectedUser({});
       return;
     }
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 28079803c..7af51b39e 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -8,10 +8,10 @@ import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormLabel from '@mui/material/FormLabel';
+import InputLabel from '@mui/material/InputLabel';
 import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
 import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
 // Utility Imports
 import { getPodUrl, runNotification, setDocAclPermission } from '../../utils';
 // Custom Hook Imports
@@ -100,7 +100,9 @@ const SetAclPermissionForm = () => {
       await setDocAclPermission(session, docType, permissions, podUsername);
 
       runNotification(
-        `${permissions.read ? 'Give' : 'Revoke'} permission to ${podUsername} for ${docType}.`,
+        `${permissions.read ? 'Give' : 'Revoke'} permission to ${
+          selectedUser.person
+        } for ${docType}.`,
         5,
         state,
         dispatch
@@ -125,8 +127,8 @@ const SetAclPermissionForm = () => {
     >
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleAclPermission} autoComplete="off">
-          <FormControl>
-            <Typography htmlFor="set-acl-to">Set permissions to username:</Typography>
+          <FormControl fullWidth>
+            <InputLabel htmlFor="set-acl-to" label="Set permissions to:" />
             <TextField
               id="set-acl-to"
               name="setAclTo"
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 57151ef21..93eb22eb0 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -91,9 +91,9 @@ const SetAclPermsDocContainerForm = () => {
       await setDocContainerAclPermission(session, permissions, podUsername);
 
       runNotification(
-        `${
-          permissions.read ? 'Give' : 'Revoke'
-        } permission to ${podUsername} for Documents Container.`,
+        `${permissions.read ? 'Give' : 'Revoke'} permission to ${
+          selectedUser.person
+        } for Documents Container.`,
         5,
         state,
         dispatch
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index d227a563b..0244b045d 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -53,7 +53,7 @@ const Forms = () => {
       >
         Clear Client
       </Button>
-      <Typography>Client selected: {selectedUser || 'No client selected'}</Typography>
+      <Typography>Client selected: {selectedUser.person || 'No client selected'}</Typography>
       <UploadDocumentForm />
       <FetchDocumentForm />
       <DeleteDocumentForm />

From 44cc8affc8ac8444858d45b3ed24da0d21663c8e Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 12 Jun 2023 18:18:02 -0700
Subject: [PATCH 025/304] Adding experimental file viewer on Clients Page

---
 src/components/Clients/ClientListTable.jsx    | 10 +++-
 src/components/Clients/ClientListTableRow.jsx | 29 ++++++++++-
 src/components/Clients/ShowDocumentsModal.jsx | 51 +++++++++++++++++++
 3 files changed, 88 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Clients/ShowDocumentsModal.jsx

diff --git a/src/components/Clients/ClientListTable.jsx b/src/components/Clients/ClientListTable.jsx
index 4da3a7ef6..d2ae286ac 100644
--- a/src/components/Clients/ClientListTable.jsx
+++ b/src/components/Clients/ClientListTable.jsx
@@ -18,7 +18,15 @@ import { StatusNotification } from '../Notification';
 import ClientListTableRow from './ClientListTableRow';
 
 // ===== MAKE CHANGES HERE FOR TABLE HEADER / COLUMN TITLES =====
-const columnTitlesArray = ['Select', 'Client', 'WebID', 'Last Activity', 'Pin', 'Delete'];
+const columnTitlesArray = [
+  'Select',
+  'Client',
+  'WebID',
+  'Last Activity',
+  'Documents',
+  'Pin',
+  'Delete'
+];
 
 /**
  * ClientListTable Component - Component that generates table of clients from data within ClientList
diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index e446deec1..04b261899 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -1,7 +1,9 @@
 // React Imports
 import React, { useState, useContext } from 'react';
-// React Router Imports
 import { Link } from 'react-router-dom';
+// Inrupt Imports
+import { getFile } from '@inrupt/solid-client';
+import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import { styled, useTheme } from '@mui/material/styles';
 import Checkbox from '@mui/material/Checkbox';
@@ -15,6 +17,7 @@ import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 import { runNotification } from '../../utils';
 // Context Imports
 import { SelectUserContext, UserListContext } from '../../contexts';
+import ShowDocumentsModal from './ShowDocumentsModal';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -69,6 +72,20 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
     setPinned(!pinned);
   };
 
+  // EXPERIMENTAL - Event handler for displaying Documents from PASS
+  const { session } = useSession();
+  const [fileSrc, setFileSrc] = useState(null);
+  const [showDocument, setShowDocument] = useState(false);
+  // EXPERIMENTAL - hardcoded path to file I know exists and with permission
+  const fileUrl = `${client.podUrl}PASS/Documents/Bank_Statement/Test%20PDF.pdf`;
+
+  const handleShowFile = async () => {
+    const fileBlob = await getFile(fileUrl, { fetch: session.fetch });
+    const fileBlobUrl = URL.createObjectURL(fileBlob);
+    setFileSrc(fileBlobUrl);
+    setShowDocument(!showDocument);
+  };
+
   return (
     <StyledTableRow>
       <StyledTableCell align="center">
@@ -99,6 +116,16 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
         </Link>
       </StyledTableCell>
       <StyledTableCell align="center">{modifiedDate}</StyledTableCell>
+      <StyledTableCell align="center">
+        <button type="button" onClick={handleShowFile}>
+          Show Documents
+        </button>
+        <ShowDocumentsModal
+          showModal={showDocument}
+          setShowModal={setShowDocument}
+          fileSrc={fileSrc}
+        />
+      </StyledTableCell>
       <StyledTableCell align="center">
         <IconButton size="large" edge="end" onClick={handlePinClick}>
           {pinnedIcon}
diff --git a/src/components/Clients/ShowDocumentsModal.jsx b/src/components/Clients/ShowDocumentsModal.jsx
new file mode 100644
index 000000000..477658a98
--- /dev/null
+++ b/src/components/Clients/ShowDocumentsModal.jsx
@@ -0,0 +1,51 @@
+// React Imports
+import React from 'react';
+// Material UI Imports
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import ClearIcon from '@mui/icons-material/Clear';
+
+/**
+ * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
+ * explicit permission via ACL
+ *
+ * @memberof Clients
+ * @name ShowDocumentsModal
+ */
+
+const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => (
+  <Dialog
+    fullScreen
+    open={showModal}
+    aria-labelledby="dialog-title"
+    onClose={() => setShowModal(false)}
+  >
+    <DialogTitle id="dialog-tile">Documents</DialogTitle>
+
+    <DialogContent
+      sx={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }}
+    >
+      <iframe src={fileSrc} title="test" width="800" height="700" />
+    </DialogContent>
+
+    <DialogActions>
+      <Button
+        variant="outlined"
+        color="error"
+        endIcon={<ClearIcon />}
+        onClick={() => setShowModal(false)}
+      >
+        CLOSE
+      </Button>
+    </DialogActions>
+  </Dialog>
+);
+
+export default ShowDocumentsModal;

From 3927dc0e06d5abd1f26e708d7b5f3d0ec20e4122 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 12 Jun 2023 20:37:33 -0700
Subject: [PATCH 026/304] Created new page for user to check their own
 documents uploaded; Created showDocuments function to display documents to a
 modal

---
 src/AppRoutes.jsx                             |  2 +
 src/components/Clients/ClientListTableRow.jsx | 20 +++---
 src/components/Clients/ShowDocumentsModal.jsx |  8 ++-
 src/components/Clients/index.js               |  3 +-
 src/components/NavBar/NavbarLinks.jsx         |  1 +
 src/routes/User.jsx                           | 69 +++++++++++++++++++
 src/routes/index.js                           |  3 +-
 src/utils/index.js                            |  6 +-
 src/utils/network/session-core.js             | 41 ++++++++++-
 src/utils/network/session-helper.js           | 17 ++++-
 10 files changed, 153 insertions(+), 17 deletions(-)
 create mode 100644 src/routes/User.jsx

diff --git a/src/AppRoutes.jsx b/src/AppRoutes.jsx
index 78182f7a8..bbd2e3a23 100644
--- a/src/AppRoutes.jsx
+++ b/src/AppRoutes.jsx
@@ -10,6 +10,7 @@ import Clients from './routes/Clients';
 import Inbox from './routes/Inbox';
 import Outbox from './routes/Outbox';
 import Forms from './routes/Forms';
+import { User } from './routes';
 
 const ProtectedRoute = ({ isLoggedIn, children }) =>
   isLoggedIn ? children ?? <Outlet /> : <Navigate to="/PASS/" replace />;
@@ -48,6 +49,7 @@ const AppRoutes = () => {
       />
       <Route element={<ProtectedRoute isLoggedIn={session.info.isLoggedIn} />}>
         <Route path="/PASS/clients" element={<Clients />} />
+        <Route path="/PASS/user" element={<User />} />
         <Route path="/PASS/forms" element={<Forms />} />
         <Route path="/PASS/inbox" element={<Inbox />} />
         <Route path="/PASS/outbox" element={<Outbox />} />
diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 04b261899..3f71e0e03 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -2,7 +2,6 @@
 import React, { useState, useContext } from 'react';
 import { Link } from 'react-router-dom';
 // Inrupt Imports
-import { getFile } from '@inrupt/solid-client';
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import { styled, useTheme } from '@mui/material/styles';
@@ -18,6 +17,7 @@ import { runNotification } from '../../utils';
 // Context Imports
 import { SelectUserContext, UserListContext } from '../../contexts';
 import ShowDocumentsModal from './ShowDocumentsModal';
+import { showDocuments } from '../../utils/network/session-core';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -74,16 +74,20 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
 
   // EXPERIMENTAL - Event handler for displaying Documents from PASS
   const { session } = useSession();
-  const [fileSrc, setFileSrc] = useState(null);
+  const [fileSrc, setFileSrc] = useState([]);
   const [showDocument, setShowDocument] = useState(false);
-  // EXPERIMENTAL - hardcoded path to file I know exists and with permission
-  const fileUrl = `${client.podUrl}PASS/Documents/Bank_Statement/Test%20PDF.pdf`;
 
   const handleShowFile = async () => {
-    const fileBlob = await getFile(fileUrl, { fetch: session.fetch });
-    const fileBlobUrl = URL.createObjectURL(fileBlob);
-    setFileSrc(fileBlobUrl);
-    setShowDocument(!showDocument);
+    let allUrls;
+
+    try {
+      allUrls = await showDocuments(session, client.podUrl);
+
+      setFileSrc(allUrls);
+      setShowDocument(!showDocument);
+    } catch {
+      throw new Error('Unauthorized or no documents found');
+    }
   };
 
   return (
diff --git a/src/components/Clients/ShowDocumentsModal.jsx b/src/components/Clients/ShowDocumentsModal.jsx
index 477658a98..e7c7124a9 100644
--- a/src/components/Clients/ShowDocumentsModal.jsx
+++ b/src/components/Clients/ShowDocumentsModal.jsx
@@ -28,11 +28,15 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => (
     <DialogContent
       sx={{
         display: 'flex',
+        flexDirection: 'column',
         alignItems: 'center',
-        justifyContent: 'center'
+        justifyContent: 'center',
+        gap: 5
       }}
     >
-      <iframe src={fileSrc} title="test" width="800" height="700" />
+      {fileSrc.map((src) => (
+        <iframe src={src} title="test" width="800" height="700" key={src} />
+      ))}
     </DialogContent>
 
     <DialogActions>
diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index 930d84fea..f504583c7 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -2,5 +2,6 @@ import AddClient from './AddClient';
 import AddClientModal from './AddClientModal';
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
+import ShowDocumentsModal from './ShowDocumentsModal';
 
-export { AddClient, AddClientModal, ClientList, ClientListTable };
+export { AddClient, AddClientModal, ClientList, ClientListTable, ShowDocumentsModal };
diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index 030eee37a..57ba3d43a 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -23,6 +23,7 @@ const NavbarLinks = () => {
   // array of current nav links for menus
   const routesArray = [
     { label: 'Clients', path: '/PASS/clients' },
+    { label: 'User', path: 'PASS/user' },
     { label: 'Forms', path: '/PASS/forms' },
     { label: 'Inbox', path: '/PASS/inbox' },
     { label: 'Outbox', path: '/PASS/outbox' }
diff --git a/src/routes/User.jsx b/src/routes/User.jsx
new file mode 100644
index 000000000..432fe2660
--- /dev/null
+++ b/src/routes/User.jsx
@@ -0,0 +1,69 @@
+// React Imputs
+import React, { useContext, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Button from '@mui/material/Button';
+import Container from '@mui/material/Container';
+// Utility Imports
+import { showDocuments } from '../utils';
+// Context Imports
+import { SignedInUserContext } from '../contexts';
+// Component Imports
+import { ShowDocumentsModal } from '../components/Clients';
+
+/**
+ * User - Page that displays the User's stored Documents
+ *
+ * @memberof Pages
+ * @name User
+ * @returns {React.ReactElement} The user page
+ */
+
+const User = () => {
+  const location = useLocation();
+  localStorage.setItem('restorePath', location.pathname);
+
+  // EXPERIMENTAL - Event handler for displaying Documents from PASS
+  const { session } = useSession();
+  const [fileSrc, setFileSrc] = useState([]);
+  const [showDocument, setShowDocument] = useState(false);
+  const { podUrl } = useContext(SignedInUserContext);
+
+  const handleShowFile = async () => {
+    let allUrls;
+
+    try {
+      allUrls = await showDocuments(session, podUrl);
+
+      setFileSrc(allUrls);
+      setShowDocument(!showDocument);
+    } catch {
+      throw new Error('Unauthorized or no documents found');
+    }
+  };
+
+  return (
+    <Container
+      sx={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: '100%',
+        height: '100%'
+      }}
+    >
+      <Button variant="contained" type="button" onClick={handleShowFile} sx={{ marginTop: '3rem' }}>
+        Show Documents
+      </Button>
+      <ShowDocumentsModal
+        showModal={showDocument}
+        setShowModal={setShowDocument}
+        fileSrc={fileSrc}
+      />
+    </Container>
+  );
+};
+
+export default User;
diff --git a/src/routes/index.js b/src/routes/index.js
index 687bf2ca1..cf51104c7 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -1,4 +1,5 @@
 import Clients from './Clients';
+import User from './User';
 import Forms from './Forms';
 import Home from './Home';
 import Inbox from './Inbox';
@@ -10,4 +11,4 @@ import Outbox from './Outbox';
  * @namespace Pages
  */
 
-export { Clients, Forms, Home, Inbox, Outbox };
+export { Clients, User, Forms, Home, Inbox, Outbox };
diff --git a/src/utils/index.js b/src/utils/index.js
index 843584851..7ffc43376 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -23,7 +23,8 @@ import {
   createOutbox,
   getMessageTTL,
   createPublicContainer,
-  createInbox
+  createInbox,
+  showDocuments
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
 import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
@@ -45,5 +46,6 @@ export {
   getMessageTTL,
   createPublicContainer,
   createInbox,
-  getPodUrl
+  getPodUrl,
+  showDocuments
 };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 9a81290aa..a9180e6c3 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -8,7 +8,8 @@ import {
   saveSolidDatasetInContainer,
   deleteFile,
   overwriteFile,
-  getThingAll
+  getThingAll,
+  getFile
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES, INTERACTION_TYPES } from '../../constants';
 import {
@@ -24,7 +25,8 @@ import {
   buildMessageTTL,
   setDocAclForPublic,
   getPodUrl,
-  getAllFiles
+  getAllFiles,
+  promiseSome
 } from './session-helper';
 import { getUserSigningKey, signDocumentTtlFile } from '../cryptography/credentials-helper';
 
@@ -560,3 +562,38 @@ export const createInbox = async (session, podUrl) => {
     await setDocAclForPublic(session, inboxContainerUrl, { append: true });
   }
 };
+
+/**
+ * A function that shows the documents from Solid Pod from user into PASS
+ *
+ * @function showDocuments
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} podUrl - Pod URL of user to show documents from
+ * @returns {Promise<URL[]>} - List of authorized URLs to documents
+ */
+
+export const showDocuments = async (session, podUrl) => {
+  const datasets = await promiseSome([
+    getSolidDataset(`${podUrl}PASS/Documents/Bank_Statement/`, { fetch: session.fetch }),
+    getSolidDataset(`${podUrl}PASS/Documents/Passport/`, { fetch: session.fetch }),
+    getSolidDataset(`${podUrl}PASS/Documents/Drivers_License/`, { fetch: session.fetch })
+  ]);
+
+  const allUrls = await Promise.all(
+    datasets.map(async (dataset) => {
+      const files = getAllFiles(dataset);
+      const documentFiles = files.filter((file) => !file.url.endsWith('.ttl'));
+
+      const documentUrls = await Promise.all(
+        documentFiles.map(async (file) => {
+          const fileBlob = await getFile(file.url, { fetch: session.fetch });
+          return URL.createObjectURL(fileBlob);
+        })
+      );
+
+      return documentUrls;
+    })
+  );
+
+  return allUrls.flat();
+};
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index d5c254db9..2c53e3b5f 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -98,7 +98,7 @@ export const hasTTLFiles = (solidDataset) => {
  * Function checks if Solid dataset on Pod contains any files
  *
  * @memberof utils
- * @function getContainerUrlAndFiles
+ * @function getAllFiles
  * @param {SolidDataset} solidDataset - Solid's dataset object on Pod (see
  * {@link SolidDataset})
  * @returns {Array|null} files or null - An Array of Things from the container
@@ -490,3 +490,18 @@ export const buildMessageTTL = (
 
   return newSolidDataset;
 };
+
+/**
+ * A function that takes in a list of promises and returns the ones that resolved
+ * as a list of promises
+ *
+ * @function promiseSome
+ * @param {Promise[]} promises
+ * @returns {Promise[]} Resolved Promises - Returns a list of resolved promises
+ */
+
+export const promiseSome = async (promises) => {
+  const results = await Promise.allSettled(promises);
+  const resolvedResults = results.filter((result) => result.status === 'fulfilled');
+  return resolvedResults.map((result) => result.value);
+};

From 9806afc383e27b8377bc8152d77762ce3240a638 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 12 Jun 2023 20:43:32 -0700
Subject: [PATCH 027/304] Created condition to throw if first getSolidDataset
 is unauthorized

---
 src/components/Clients/ClientListTableRow.jsx |  2 +-
 src/utils/network/session-core.js             | 53 +++++++++++--------
 2 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 3f71e0e03..819fa5d04 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -86,7 +86,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
       setFileSrc(allUrls);
       setShowDocument(!showDocument);
     } catch {
-      throw new Error('Unauthorized or no documents found');
+      throw new Error('Unauthorized operation');
     }
   };
 
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index a9180e6c3..12f92c896 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -573,27 +573,36 @@ export const createInbox = async (session, podUrl) => {
  */
 
 export const showDocuments = async (session, podUrl) => {
-  const datasets = await promiseSome([
-    getSolidDataset(`${podUrl}PASS/Documents/Bank_Statement/`, { fetch: session.fetch }),
-    getSolidDataset(`${podUrl}PASS/Documents/Passport/`, { fetch: session.fetch }),
-    getSolidDataset(`${podUrl}PASS/Documents/Drivers_License/`, { fetch: session.fetch })
-  ]);
-
-  const allUrls = await Promise.all(
-    datasets.map(async (dataset) => {
-      const files = getAllFiles(dataset);
-      const documentFiles = files.filter((file) => !file.url.endsWith('.ttl'));
-
-      const documentUrls = await Promise.all(
-        documentFiles.map(async (file) => {
-          const fileBlob = await getFile(file.url, { fetch: session.fetch });
-          return URL.createObjectURL(fileBlob);
-        })
-      );
-
-      return documentUrls;
-    })
-  );
+  try {
+    const firstDataset = await getSolidDataset(`${podUrl}PASS/Documents/Bank_Statement/`, {
+      fetch: session.fetch
+    });
+
+    let datasets = await promiseSome([
+      getSolidDataset(`${podUrl}PASS/Documents/Passport/`, { fetch: session.fetch }),
+      getSolidDataset(`${podUrl}PASS/Documents/Drivers_License/`, { fetch: session.fetch })
+    ]);
 
-  return allUrls.flat();
+    datasets = [firstDataset, ...datasets];
+
+    const allUrls = await Promise.all(
+      datasets.map(async (dataset) => {
+        const files = getAllFiles(dataset);
+        const documentFiles = files.filter((file) => !file.url.endsWith('.ttl'));
+
+        const documentUrls = await Promise.all(
+          documentFiles.map(async (file) => {
+            const fileBlob = await getFile(file.url, { fetch: session.fetch });
+            return URL.createObjectURL(fileBlob);
+          })
+        );
+
+        return documentUrls;
+      })
+    );
+
+    return allUrls.flat();
+  } catch {
+    throw new Error('Unauthorized operation');
+  }
 };

From 97c30ed536fdbae37840b4656416631071f63161 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 12 Jun 2023 20:46:16 -0700
Subject: [PATCH 028/304] Update showDocuments to check Documents container
 instead

---
 src/utils/network/session-core.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 12f92c896..372f60216 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -574,17 +574,14 @@ export const createInbox = async (session, podUrl) => {
 
 export const showDocuments = async (session, podUrl) => {
   try {
-    const firstDataset = await getSolidDataset(`${podUrl}PASS/Documents/Bank_Statement/`, {
-      fetch: session.fetch
-    });
+    await getSolidDataset(`${podUrl}PASS/Documents/`, { fetch: session.fetch });
 
-    let datasets = await promiseSome([
+    const datasets = await promiseSome([
+      getSolidDataset(`${podUrl}PASS/Documents/Bank_Statement/`, { fetch: session.fetch }),
       getSolidDataset(`${podUrl}PASS/Documents/Passport/`, { fetch: session.fetch }),
       getSolidDataset(`${podUrl}PASS/Documents/Drivers_License/`, { fetch: session.fetch })
     ]);
 
-    datasets = [firstDataset, ...datasets];
-
     const allUrls = await Promise.all(
       datasets.map(async (dataset) => {
         const files = getAllFiles(dataset);

From 614b0636fe02afee917b3d391d70895798e1cc64 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 12 Jun 2023 21:01:28 -0700
Subject: [PATCH 029/304] Addressing issue with DatePicker

---
 src/components/Form/CrossPodWriteForm.jsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index c114d8893..264e92e20 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -118,8 +118,6 @@ const CrossPodWriteForm = () => {
             <TextField
               id="cross-upload-doc"
               name="crossPodUpload"
-              {...username}
-              // placeholder={selectedUser}
               label="Search username"
               required
               value={username}
@@ -142,14 +140,18 @@ const CrossPodWriteForm = () => {
                 name="date"
                 format="MM/DD/YYYY"
                 label="Expire date (if applicable)"
-                // value={expireDate}
-                // onChange={(newDate) => setExpireDate(newDate)}
+                value={expireDate}
+                onChange={(newExpireDate) => setExpireDate(newExpireDate)}
                 type="date"
+                slotProps={{
+                  textField: {
+                    helperText: 'MM/DD/YYYY'
+                  }
+                }}
               />
             </LocalizationProvider>
           </FormControl>
           <br />
-          <br />
           <FormControl fullWidth>
             {/* TODO: Determine whether Typography below is necessary or redundant */}
             <Typography htmlFor="upload-doc-desc">Enter description:</Typography>

From d640d8183d94394a1ed12c0c5ddb7c3741bfc737 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 03:36:02 -0700
Subject: [PATCH 030/304] Moved components for Documents viewing to
 DocumentModals Created two approach to viewing documents Favor pulling
 document.ttl first before showing file Updated theme to include one more
 breakpoint between 0 and 600 in MUI

---
 src/components/Clients/ClientListTableRow.jsx |  12 +-
 src/components/Clients/index.js               |   3 +-
 .../ShowDocumentLocalModal.jsx}               |  23 +---
 .../DocumentModals/ShowDocumentsModal.jsx     | 126 ++++++++++++++++++
 src/components/DocumentModals/index.js        |   4 +
 src/components/Notification/StatusMessage.jsx |   3 +-
 src/routes/User.jsx                           |   2 +-
 src/theme.js                                  |  10 ++
 src/utils/index.js                            |   6 +-
 src/utils/network/session-core.js             |  67 +++++++---
 10 files changed, 208 insertions(+), 48 deletions(-)
 rename src/components/{Clients/ShowDocumentsModal.jsx => DocumentModals/ShowDocumentLocalModal.jsx} (67%)
 create mode 100644 src/components/DocumentModals/ShowDocumentsModal.jsx
 create mode 100644 src/components/DocumentModals/index.js

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 819fa5d04..a9401f92f 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -13,11 +13,11 @@ import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined
 import PushPinIcon from '@mui/icons-material/PushPin';
 import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 // Utility Imports
-import { runNotification } from '../../utils';
+import { runNotification, showDocuments } from '../../utils';
 // Context Imports
 import { SelectUserContext, UserListContext } from '../../contexts';
-import ShowDocumentsModal from './ShowDocumentsModal';
-import { showDocuments } from '../../utils/network/session-core';
+// Component Imports
+import { ShowDocumentsModal } from '../DocumentModals';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -78,12 +78,12 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const [showDocument, setShowDocument] = useState(false);
 
   const handleShowFile = async () => {
-    let allUrls;
+    let allPermittedData;
 
     try {
-      allUrls = await showDocuments(session, client.podUrl);
+      allPermittedData = await showDocuments(session, client.podUrl);
 
-      setFileSrc(allUrls);
+      setFileSrc(allPermittedData);
       setShowDocument(!showDocument);
     } catch {
       throw new Error('Unauthorized operation');
diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index f504583c7..930d84fea 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -2,6 +2,5 @@ import AddClient from './AddClient';
 import AddClientModal from './AddClientModal';
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
-import ShowDocumentsModal from './ShowDocumentsModal';
 
-export { AddClient, AddClientModal, ClientList, ClientListTable, ShowDocumentsModal };
+export { AddClient, AddClientModal, ClientList, ClientListTable };
diff --git a/src/components/Clients/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentLocalModal.jsx
similarity index 67%
rename from src/components/Clients/ShowDocumentsModal.jsx
rename to src/components/DocumentModals/ShowDocumentLocalModal.jsx
index e7c7124a9..ced3b5842 100644
--- a/src/components/Clients/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentLocalModal.jsx
@@ -13,32 +13,21 @@ import ClearIcon from '@mui/icons-material/Clear';
  * explicit permission via ACL
  *
  * @memberof Clients
- * @name ShowDocumentsModal
+ * @name ShowDocumentLocalModal
  */
 
-const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => (
+const ShowDocumentLocalModal = ({ showModal, setShowModal, fileBlobUrl }) => (
   <Dialog
-    fullScreen
     open={showModal}
     aria-labelledby="dialog-title"
     onClose={() => setShowModal(false)}
+    sx={{ width: '90%' }}
   >
     <DialogTitle id="dialog-tile">Documents</DialogTitle>
 
-    <DialogContent
-      sx={{
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 5
-      }}
-    >
-      {fileSrc.map((src) => (
-        <iframe src={src} title="test" width="800" height="700" key={src} />
-      ))}
+    <DialogContent>
+      <iframe src={fileBlobUrl} title="File Preview Local" height={800} width={700} />
     </DialogContent>
-
     <DialogActions>
       <Button
         variant="outlined"
@@ -52,4 +41,4 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => (
   </Dialog>
 );
 
-export default ShowDocumentsModal;
+export default ShowDocumentLocalModal;
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
new file mode 100644
index 000000000..41e61fc53
--- /dev/null
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -0,0 +1,126 @@
+// React Imports
+import React, { useState } from 'react';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import ClearIcon from '@mui/icons-material/Clear';
+import Typography from '@mui/material/Typography';
+// Utility Imports
+import { showDocumentLocal } from '../../utils';
+import ShowDocumentLocalModal from './ShowDocumentLocalModal';
+
+/**
+ * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
+ * explicit permission via ACL
+ *
+ * @memberof Clients
+ * @name ShowDocumentsModal
+ */
+
+const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
+  const { session } = useSession();
+
+  const [showDocumentBlob, setShowDocumentBlob] = useState(false);
+  const [fileBlobUrl, setFileBlobUrl] = useState('');
+
+  const handleShowDocumentLocal = async (fileUrl) => {
+    const urlFileBlob = await showDocumentLocal(session, fileUrl);
+    setShowDocumentBlob(!showDocumentBlob);
+    setFileBlobUrl(urlFileBlob);
+  };
+
+  return (
+    <Dialog
+      fullScreen
+      open={showModal}
+      aria-labelledby="dialog-title"
+      onClose={() => setShowModal(false)}
+    >
+      <DialogTitle id="dialog-tile">Documents</DialogTitle>
+
+      <DialogContent>
+        <Box
+          sx={{
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: 5
+          }}
+        >
+          {fileSrc.map((src) => (
+            <Box
+              sx={{
+                padding: 5,
+                borderRadius: '10px',
+                backgroundColor: 'lightgray'
+              }}
+              key={src.fileUrl}
+            >
+              <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
+                <Typography sx={{ fontWeight: 'bold' }}>{src.documentType}</Typography>
+                <Typography
+                  sx={{
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    maxWidth: { xxs: '150px', xs: '200px', sm: '300px' },
+                    textOverflow: 'ellipsis'
+                  }}
+                >
+                  File name: {src.filename}
+                </Typography>
+                <Typography>Upload date: {src.uploadDate.toISOString()}</Typography>
+                <Typography>Description: {src.description}</Typography>
+                <Typography>Expire Date (if applicable): {src.expireDate}</Typography>
+                <br />
+                <Typography>Show Document</Typography>
+                <Button
+                  variant="contained"
+                  type="button"
+                  onClick={() => handleShowDocumentLocal(src.documentUrl)}
+                >
+                  Local
+                </Button>
+                <Button
+                  variant="contained"
+                  type="button"
+                  sx={{ a: { color: 'white', textDecoration: 'none' } }}
+                >
+                  <a href={src.documentUrl} target="_blank" rel="noreferrer">
+                    New Window
+                  </a>
+                </Button>
+              </Box>
+            </Box>
+          ))}
+        </Box>
+        {showDocumentBlob && (
+          <ShowDocumentLocalModal
+            showModal={showDocumentBlob}
+            setShowModal={setShowDocumentBlob}
+            fileBlobUrl={fileBlobUrl}
+          />
+        )}
+      </DialogContent>
+
+      <DialogActions>
+        <Button
+          variant="outlined"
+          color="error"
+          endIcon={<ClearIcon />}
+          onClick={() => setShowModal(false)}
+        >
+          CLOSE
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+};
+
+export default ShowDocumentsModal;
diff --git a/src/components/DocumentModals/index.js b/src/components/DocumentModals/index.js
new file mode 100644
index 000000000..92f243e07
--- /dev/null
+++ b/src/components/DocumentModals/index.js
@@ -0,0 +1,4 @@
+import ShowDocumentLocalModal from './ShowDocumentLocalModal';
+import ShowDocumentsModal from './ShowDocumentsModal';
+
+export { ShowDocumentLocalModal, ShowDocumentsModal };
diff --git a/src/components/Notification/StatusMessage.jsx b/src/components/Notification/StatusMessage.jsx
index f823b586d..27c63eb80 100644
--- a/src/components/Notification/StatusMessage.jsx
+++ b/src/components/Notification/StatusMessage.jsx
@@ -50,8 +50,7 @@ const StatusMessage = ({ notification, locationUrl, filename }) => {
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             maxWidth: '300px',
-            textOverflow: 'ellipsis',
-            fontWeight: 'normal'
+            textOverflow: 'ellipsis'
           }}
         >
           File: {filename}
diff --git a/src/routes/User.jsx b/src/routes/User.jsx
index 432fe2660..2d9da1f8c 100644
--- a/src/routes/User.jsx
+++ b/src/routes/User.jsx
@@ -11,7 +11,7 @@ import { showDocuments } from '../utils';
 // Context Imports
 import { SignedInUserContext } from '../contexts';
 // Component Imports
-import { ShowDocumentsModal } from '../components/Clients';
+import { ShowDocumentsModal } from '../components/DocumentModals';
 
 /**
  * User - Page that displays the User's stored Documents
diff --git a/src/theme.js b/src/theme.js
index a16db3b9b..812b00a07 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -2,6 +2,16 @@ import { createTheme } from '@mui/material/styles';
 
 const theme = createTheme({
   typography: { fontFamily: 'Roboto, sans-serif' },
+  breakpoints: {
+    values: {
+      xxs: 0,
+      xs: 300,
+      sm: 600,
+      md: 900,
+      lg: 1200,
+      xl: 1536
+    }
+  },
   palette: {
     primary: {
       light: '#039686',
diff --git a/src/utils/index.js b/src/utils/index.js
index 7ffc43376..024117705 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -24,7 +24,8 @@ import {
   getMessageTTL,
   createPublicContainer,
   createInbox,
-  showDocuments
+  showDocuments,
+  showDocumentLocal
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
 import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
@@ -47,5 +48,6 @@ export {
   createPublicContainer,
   createInbox,
   getPodUrl,
-  showDocuments
+  showDocuments,
+  showDocumentLocal
 };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 372f60216..75698190c 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -9,6 +9,10 @@ import {
   deleteFile,
   overwriteFile,
   getThingAll,
+  getThing,
+  getStringNoLocale,
+  getDatetime,
+  getUrl,
   getFile
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES, INTERACTION_TYPES } from '../../constants';
@@ -29,6 +33,7 @@ import {
   promiseSome
 } from './session-helper';
 import { getUserSigningKey, signDocumentTtlFile } from '../cryptography/credentials-helper';
+import docTypes from '../frontend/form-helper';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -146,7 +151,7 @@ export const uploadDocument = async (
     containerUrl = `${containerUrl}${fileObject.type.replace("'", '').replace(' ', '_')}/`;
   }
 
-  const documentUrl = `${containerUrl}${fileName.replace("'", '').replace(' ', '_')}`;
+  const documentUrl = `${containerUrl}${fileName.replace("'", '').replace(' ', '%20')}`;
   const datasetFromUrl = await getSolidDataset(containerUrl, { fetch: session.fetch });
   const ttlFileExists = hasTTLFiles(datasetFromUrl);
 
@@ -576,30 +581,56 @@ export const showDocuments = async (session, podUrl) => {
   try {
     await getSolidDataset(`${podUrl}PASS/Documents/`, { fetch: session.fetch });
 
-    const datasets = await promiseSome([
-      getSolidDataset(`${podUrl}PASS/Documents/Bank_Statement/`, { fetch: session.fetch }),
-      getSolidDataset(`${podUrl}PASS/Documents/Passport/`, { fetch: session.fetch }),
-      getSolidDataset(`${podUrl}PASS/Documents/Drivers_License/`, { fetch: session.fetch })
-    ]);
-
-    const allUrls = await Promise.all(
-      datasets.map(async (dataset) => {
-        const files = getAllFiles(dataset);
-        const documentFiles = files.filter((file) => !file.url.endsWith('.ttl'));
+    const parsedDatasets = await promiseSome(
+      docTypes.map(async (docType) => {
+        const dataset = await getSolidDataset(
+          `${podUrl}PASS/Documents/${docType.replace("'", '').replace(' ', '_')}/document.ttl`,
+          {
+            fetch: session.fetch
+          }
+        );
 
-        const documentUrls = await Promise.all(
-          documentFiles.map(async (file) => {
-            const fileBlob = await getFile(file.url, { fetch: session.fetch });
-            return URL.createObjectURL(fileBlob);
-          })
+        const documentTTLThing = getThing(
+          dataset,
+          `${podUrl}PASS/Documents/${docType
+            .replace("'", '')
+            .replace(' ', '_')}/document.ttl#document`
         );
 
-        return documentUrls;
+        const uploadDate = getDatetime(documentTTLThing, RDF_PREDICATES.uploadDate);
+        const filename = getStringNoLocale(documentTTLThing, RDF_PREDICATES.name);
+        const expireDate = getStringNoLocale(documentTTLThing, RDF_PREDICATES.endDate);
+        const description = getStringNoLocale(documentTTLThing, RDF_PREDICATES.description);
+        const documentUrl = getUrl(documentTTLThing, RDF_PREDICATES.url);
+
+        return {
+          uploadDate,
+          filename,
+          documentType: docType,
+          expireDate,
+          description,
+          documentUrl
+        };
       })
     );
 
-    return allUrls.flat();
+    return parsedDatasets;
   } catch {
     throw new Error('Unauthorized operation');
   }
 };
+
+/**
+ * A function that returns a file URL that could be used in local iframe
+ *
+ * @function showDocumentLocal
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} fileUrl - URL of file you wish to view
+ * @returns {Promise<URL>} URL - URL of file blob which can be used locally for
+ * iframes
+ */
+
+export const showDocumentLocal = async (session, fileUrl) => {
+  const fileBlob = await getFile(fileUrl, { fetch: session.fetch });
+  return URL.createObjectURL(fileBlob);
+};

From b47db4867e02200465350c8bec7be3b941a2d111 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 03:36:51 -0700
Subject: [PATCH 031/304] Renaming showDocumentLocal to more suitable
 getBlobFromSolid

---
 src/components/DocumentModals/ShowDocumentsModal.jsx | 4 ++--
 src/utils/index.js                                   | 4 ++--
 src/utils/network/session-core.js                    | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 41e61fc53..962ff3edb 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -12,7 +12,7 @@ import DialogTitle from '@mui/material/DialogTitle';
 import ClearIcon from '@mui/icons-material/Clear';
 import Typography from '@mui/material/Typography';
 // Utility Imports
-import { showDocumentLocal } from '../../utils';
+import { getBlobFromSolid } from '../../utils';
 import ShowDocumentLocalModal from './ShowDocumentLocalModal';
 
 /**
@@ -30,7 +30,7 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
   const [fileBlobUrl, setFileBlobUrl] = useState('');
 
   const handleShowDocumentLocal = async (fileUrl) => {
-    const urlFileBlob = await showDocumentLocal(session, fileUrl);
+    const urlFileBlob = await getBlobFromSolid(session, fileUrl);
     setShowDocumentBlob(!showDocumentBlob);
     setFileBlobUrl(urlFileBlob);
   };
diff --git a/src/utils/index.js b/src/utils/index.js
index 024117705..b6077e372 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -25,7 +25,7 @@ import {
   createPublicContainer,
   createInbox,
   showDocuments,
-  showDocumentLocal
+  getBlobFromSolid
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
 import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
@@ -49,5 +49,5 @@ export {
   createInbox,
   getPodUrl,
   showDocuments,
-  showDocumentLocal
+  getBlobFromSolid
 };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 75698190c..28c9ae0f9 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -623,14 +623,14 @@ export const showDocuments = async (session, podUrl) => {
 /**
  * A function that returns a file URL that could be used in local iframe
  *
- * @function showDocumentLocal
+ * @function getBlobFromSolid
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {URL} fileUrl - URL of file you wish to view
  * @returns {Promise<URL>} URL - URL of file blob which can be used locally for
  * iframes
  */
 
-export const showDocumentLocal = async (session, fileUrl) => {
+export const getBlobFromSolid = async (session, fileUrl) => {
   const fileBlob = await getFile(fileUrl, { fetch: session.fetch });
   return URL.createObjectURL(fileBlob);
 };

From f0dc839f5b9a3aa39b17de83ecc0b7330d5f640f Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 04:25:01 -0700
Subject: [PATCH 032/304] Give early return ti handleShowFile if length of
 returned data is 0

---
 src/components/Clients/ClientListTableRow.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index a9401f92f..be986b4c1 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -82,6 +82,10 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
 
     try {
       allPermittedData = await showDocuments(session, client.podUrl);
+      if (allPermittedData.length === 0) {
+        setFileSrc([]);
+        return;
+      }
 
       setFileSrc(allPermittedData);
       setShowDocument(!showDocument);

From 3105da4f9fd3ee7f021bd0c849b20909854a4b06 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 04:36:10 -0700
Subject: [PATCH 033/304] Fixing issue with key in ShowDocumentsModal; Removed
 extra condition for showDocuments

---
 src/components/DocumentModals/ShowDocumentsModal.jsx | 1 +
 src/utils/network/session-core.js                    | 2 --
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 962ff3edb..56309cd79 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -46,6 +46,7 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
 
       <DialogContent>
         <Box
+          key="docViewerModal"
           sx={{
             display: 'flex',
             flexWrap: 'wrap',
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 28c9ae0f9..e820237c0 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -579,8 +579,6 @@ export const createInbox = async (session, podUrl) => {
 
 export const showDocuments = async (session, podUrl) => {
   try {
-    await getSolidDataset(`${podUrl}PASS/Documents/`, { fetch: session.fetch });
-
     const parsedDatasets = await promiseSome(
       docTypes.map(async (docType) => {
         const dataset = await getSolidDataset(

From 45e728311a647cc51410720d7f5228ba45a58eff Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 04:39:15 -0700
Subject: [PATCH 034/304] Renamed showDocuments to more intuitive getDocTTLs

---
 src/components/Clients/ClientListTableRow.jsx | 4 ++--
 src/utils/index.js                            | 4 ++--
 src/utils/network/session-core.js             | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index be986b4c1..d3795de0a 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -13,7 +13,7 @@ import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined
 import PushPinIcon from '@mui/icons-material/PushPin';
 import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 // Utility Imports
-import { runNotification, showDocuments } from '../../utils';
+import { runNotification, getDocTTLs } from '../../utils';
 // Context Imports
 import { SelectUserContext, UserListContext } from '../../contexts';
 // Component Imports
@@ -81,7 +81,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
     let allPermittedData;
 
     try {
-      allPermittedData = await showDocuments(session, client.podUrl);
+      allPermittedData = await getDocTTLs(session, client.podUrl);
       if (allPermittedData.length === 0) {
         setFileSrc([]);
         return;
diff --git a/src/utils/index.js b/src/utils/index.js
index b6077e372..2265cf48b 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -24,7 +24,7 @@ import {
   getMessageTTL,
   createPublicContainer,
   createInbox,
-  showDocuments,
+  getDocTTLs,
   getBlobFromSolid
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
@@ -48,6 +48,6 @@ export {
   createPublicContainer,
   createInbox,
   getPodUrl,
-  showDocuments,
+  getDocTTLs,
   getBlobFromSolid
 };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index e820237c0..b6fef8a0e 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -571,13 +571,13 @@ export const createInbox = async (session, podUrl) => {
 /**
  * A function that shows the documents from Solid Pod from user into PASS
  *
- * @function showDocuments
+ * @function getDocTTLs
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {URL} podUrl - Pod URL of user to show documents from
  * @returns {Promise<URL[]>} - List of authorized URLs to documents
  */
 
-export const showDocuments = async (session, podUrl) => {
+export const getDocTTLs = async (session, podUrl) => {
   try {
     const parsedDatasets = await promiseSome(
       docTypes.map(async (docType) => {

From 0a22e25cd396727a0d8728684dd7e0c1b6134719 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 04:40:02 -0700
Subject: [PATCH 035/304] Renamed showDocuments to more intuitive getDocTTLs

---
 src/routes/User.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/User.jsx b/src/routes/User.jsx
index 2d9da1f8c..c1084484f 100644
--- a/src/routes/User.jsx
+++ b/src/routes/User.jsx
@@ -7,7 +7,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 import Button from '@mui/material/Button';
 import Container from '@mui/material/Container';
 // Utility Imports
-import { showDocuments } from '../utils';
+import { getDocTTLs } from '../utils';
 // Context Imports
 import { SignedInUserContext } from '../contexts';
 // Component Imports
@@ -35,7 +35,7 @@ const User = () => {
     let allUrls;
 
     try {
-      allUrls = await showDocuments(session, podUrl);
+      allUrls = await getDocTTLs(session, podUrl);
 
       setFileSrc(allUrls);
       setShowDocument(!showDocument);

From 4dd61033909d154e38c34887a5dd8b9f8f555c35 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 13:22:26 -0700
Subject: [PATCH 036/304] Cleaned up UI; Removing key issue with modal using
 uuid; Included status notifications for actions; Updated handleShowFile
 functions in User and ClientListTableRow

---
 src/components/Clients/ClientListTableRow.jsx | 36 +++++-----
 .../DocumentModals/ShowDocumentsModal.jsx     | 19 ++---
 src/routes/User.jsx                           | 70 ++++++++++++-------
 3 files changed, 74 insertions(+), 51 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index d3795de0a..54bdc3305 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -6,6 +6,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import { styled, useTheme } from '@mui/material/styles';
 import Checkbox from '@mui/material/Checkbox';
+import FindInPageIcon from '@mui/icons-material/FindInPage';
 import IconButton from '@mui/material/IconButton';
 import TableCell, { tableCellClasses } from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
@@ -78,20 +79,23 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const [showDocument, setShowDocument] = useState(false);
 
   const handleShowFile = async () => {
-    let allPermittedData;
-
-    try {
-      allPermittedData = await getDocTTLs(session, client.podUrl);
-      if (allPermittedData.length === 0) {
-        setFileSrc([]);
-        return;
-      }
-
-      setFileSrc(allPermittedData);
-      setShowDocument(!showDocument);
-    } catch {
-      throw new Error('Unauthorized operation');
+    runNotification(`Fetching documents from Pod...`, 5, state, dispatch);
+    dispatch({ type: 'SET_PROCESSING' });
+
+    const allPermittedData = await getDocTTLs(session, client.podUrl);
+    if (allPermittedData.length === 0) {
+      setFileSrc([]);
+      runNotification('Operation failed. Reason: No access to files.', 5, state, dispatch);
+      dispatch({ type: 'CLEAR_PROCESSING' });
+      return;
     }
+
+    setFileSrc(allPermittedData);
+    setShowDocument(!showDocument);
+
+    setTimeout(() => {
+      dispatch({ type: 'CLEAR_PROCESSING' });
+    }, 5000);
   };
 
   return (
@@ -125,9 +129,9 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
       </StyledTableCell>
       <StyledTableCell align="center">{modifiedDate}</StyledTableCell>
       <StyledTableCell align="center">
-        <button type="button" onClick={handleShowFile}>
-          Show Documents
-        </button>
+        <IconButton disabled={state.processing} size="large" edge="end" onClick={handleShowFile}>
+          <FindInPageIcon />
+        </IconButton>
         <ShowDocumentsModal
           showModal={showDocument}
           setShowModal={setShowDocument}
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 56309cd79..7af1c41e2 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -11,6 +11,8 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import ClearIcon from '@mui/icons-material/Clear';
 import Typography from '@mui/material/Typography';
+// Other Library Imports
+import { v4 as uuidv4 } from 'uuid';
 // Utility Imports
 import { getBlobFromSolid } from '../../utils';
 import ShowDocumentLocalModal from './ShowDocumentLocalModal';
@@ -46,7 +48,6 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
 
       <DialogContent>
         <Box
-          key="docViewerModal"
           sx={{
             display: 'flex',
             flexWrap: 'wrap',
@@ -57,12 +58,12 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
         >
           {fileSrc.map((src) => (
             <Box
+              key={uuidv4()}
               sx={{
                 padding: 5,
                 borderRadius: '10px',
                 backgroundColor: 'lightgray'
               }}
-              key={src.fileUrl}
             >
               <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
                 <Typography sx={{ fontWeight: 'bold' }}>{src.documentType}</Typography>
@@ -100,14 +101,14 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
               </Box>
             </Box>
           ))}
+          {showDocumentBlob && (
+            <ShowDocumentLocalModal
+              showModal={showDocumentBlob}
+              setShowModal={setShowDocumentBlob}
+              fileBlobUrl={fileBlobUrl}
+            />
+          )}
         </Box>
-        {showDocumentBlob && (
-          <ShowDocumentLocalModal
-            showModal={showDocumentBlob}
-            setShowModal={setShowDocumentBlob}
-            fileBlobUrl={fileBlobUrl}
-          />
-        )}
       </DialogContent>
 
       <DialogActions>
diff --git a/src/routes/User.jsx b/src/routes/User.jsx
index c1084484f..78cba8878 100644
--- a/src/routes/User.jsx
+++ b/src/routes/User.jsx
@@ -6,12 +6,15 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Button from '@mui/material/Button';
 import Container from '@mui/material/Container';
+// Custom Hook Imports
+import { useStatusNotification } from '../hooks';
 // Utility Imports
-import { getDocTTLs } from '../utils';
+import { getDocTTLs, runNotification } from '../utils';
 // Context Imports
 import { SignedInUserContext } from '../contexts';
 // Component Imports
 import { ShowDocumentsModal } from '../components/DocumentModals';
+import FormSection from '../components/Form/FormSection';
 
 /**
  * User - Page that displays the User's stored Documents
@@ -25,6 +28,8 @@ const User = () => {
   const location = useLocation();
   localStorage.setItem('restorePath', location.pathname);
 
+  const { state, dispatch } = useStatusNotification();
+
   // EXPERIMENTAL - Event handler for displaying Documents from PASS
   const { session } = useSession();
   const [fileSrc, setFileSrc] = useState([]);
@@ -32,37 +37,50 @@ const User = () => {
   const { podUrl } = useContext(SignedInUserContext);
 
   const handleShowFile = async () => {
-    let allUrls;
+    dispatch({ type: 'SET_PROCESSING' });
+
+    runNotification(`Fetching documents from Pod...`, 5, state, dispatch);
+    const allPermittedData = await getDocTTLs(session, podUrl);
 
-    try {
-      allUrls = await getDocTTLs(session, podUrl);
+    setFileSrc(allPermittedData);
+    setShowDocument(!showDocument);
 
-      setFileSrc(allUrls);
-      setShowDocument(!showDocument);
-    } catch {
-      throw new Error('Unauthorized or no documents found');
-    }
+    setTimeout(() => {
+      dispatch({ type: 'CLEAR_PROCESSING' });
+    }, 5000);
   };
 
   return (
-    <Container
-      sx={{
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: '100%',
-        height: '100%'
-      }}
+    <FormSection
+      title="Preview Documents"
+      state={state}
+      statusType="Preview Status"
+      defaultMessage="To be previewed..."
     >
-      <Button variant="contained" type="button" onClick={handleShowFile} sx={{ marginTop: '3rem' }}>
-        Show Documents
-      </Button>
-      <ShowDocumentsModal
-        showModal={showDocument}
-        setShowModal={setShowDocument}
-        fileSrc={fileSrc}
-      />
-    </Container>
+      <Container
+        sx={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          width: '100%',
+          height: '100%'
+        }}
+      >
+        <Button
+          disabled={state.processing}
+          variant="contained"
+          type="button"
+          onClick={handleShowFile}
+        >
+          Show Documents
+        </Button>
+        <ShowDocumentsModal
+          showModal={showDocument}
+          setShowModal={setShowDocument}
+          fileSrc={fileSrc}
+        />
+      </Container>
+    </FormSection>
   );
 };
 

From 537c3ad871dfaaca355d1ed7e4efa181daaf9af5 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 15:25:27 -0700
Subject: [PATCH 037/304] Include unit tests and minor edits to getDocTTLs
 function and promiseSome JSDoc

---
 __mocks__/@inrupt/solid-client.js   |  7 ++-
 src/utils/network/session-core.js   | 72 ++++++++++++++---------------
 src/utils/network/session-helper.js |  2 +-
 test/utils/session-core.test.js     | 51 ++++++++++++++++++++
 test/utils/session-helper.test.js   | 18 +++++++-
 5 files changed, 108 insertions(+), 42 deletions(-)

diff --git a/__mocks__/@inrupt/solid-client.js b/__mocks__/@inrupt/solid-client.js
index b988818b5..9cd49d505 100644
--- a/__mocks__/@inrupt/solid-client.js
+++ b/__mocks__/@inrupt/solid-client.js
@@ -5,17 +5,20 @@ export * from '@inrupt/solid-client';
 
 const exampleUrl = 'https://example.com';
 
-const mockDatasetFactory = (url) => Promise.resolve(addMockResourceAclTo(mockSolidDatasetFrom(url)))
+const mockDatasetFactory = (url) =>
+  Promise.resolve(addMockResourceAclTo(mockSolidDatasetFrom(url)));
 
 export const getPodUrlAll = vi.fn(() => Promise.resolve([]));
 export const saveAclFor = vi.fn((url) =>
   Promise.resolve({
     ...addMockResourceAclTo(mockSolidDatasetFrom(url)),
     internal_accessTo: exampleUrl
-  }));
+  })
+);
 export const saveSolidDatasetAt = vi.fn(mockDatasetFactory);
 export const getSolidDataset = vi.fn(mockDatasetFactory);
 export const createContainerAt = vi.fn(() => Promise.resolve());
 export const deleteFile = vi.fn(() => Promise.resolve());
 export const getSolidDatasetWithAcl = vi.fn(mockDatasetFactory);
 export const saveSolidDatasetInContainer = vi.fn(() => Promise.resolve());
+export const getFile = vi.fn(() => Promise.resolve());
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index b6fef8a0e..e7da8384d 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -578,44 +578,40 @@ export const createInbox = async (session, podUrl) => {
  */
 
 export const getDocTTLs = async (session, podUrl) => {
-  try {
-    const parsedDatasets = await promiseSome(
-      docTypes.map(async (docType) => {
-        const dataset = await getSolidDataset(
-          `${podUrl}PASS/Documents/${docType.replace("'", '').replace(' ', '_')}/document.ttl`,
-          {
-            fetch: session.fetch
-          }
-        );
-
-        const documentTTLThing = getThing(
-          dataset,
-          `${podUrl}PASS/Documents/${docType
-            .replace("'", '')
-            .replace(' ', '_')}/document.ttl#document`
-        );
-
-        const uploadDate = getDatetime(documentTTLThing, RDF_PREDICATES.uploadDate);
-        const filename = getStringNoLocale(documentTTLThing, RDF_PREDICATES.name);
-        const expireDate = getStringNoLocale(documentTTLThing, RDF_PREDICATES.endDate);
-        const description = getStringNoLocale(documentTTLThing, RDF_PREDICATES.description);
-        const documentUrl = getUrl(documentTTLThing, RDF_PREDICATES.url);
-
-        return {
-          uploadDate,
-          filename,
-          documentType: docType,
-          expireDate,
-          description,
-          documentUrl
-        };
-      })
-    );
-
-    return parsedDatasets;
-  } catch {
-    throw new Error('Unauthorized operation');
-  }
+  const parsedDatasets = await promiseSome(
+    docTypes.map(async (docType) => {
+      const dataset = await getSolidDataset(
+        `${podUrl}PASS/Documents/${docType.replace("'", '').replace(' ', '_')}/document.ttl`,
+        {
+          fetch: session.fetch
+        }
+      );
+
+      const documentTTLThing = getThing(
+        dataset,
+        `${podUrl}PASS/Documents/${docType
+          .replace("'", '')
+          .replace(' ', '_')}/document.ttl#document`
+      );
+
+      const uploadDate = getDatetime(documentTTLThing, RDF_PREDICATES.uploadDate);
+      const filename = getStringNoLocale(documentTTLThing, RDF_PREDICATES.name);
+      const expireDate = getStringNoLocale(documentTTLThing, RDF_PREDICATES.endDate);
+      const description = getStringNoLocale(documentTTLThing, RDF_PREDICATES.description);
+      const documentUrl = getUrl(documentTTLThing, RDF_PREDICATES.url);
+
+      return {
+        uploadDate,
+        filename,
+        documentType: docType,
+        expireDate,
+        description,
+        documentUrl
+      };
+    })
+  );
+
+  return parsedDatasets;
 };
 
 /**
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 2c53e3b5f..689e2457b 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -497,7 +497,7 @@ export const buildMessageTTL = (
  *
  * @function promiseSome
  * @param {Promise[]} promises
- * @returns {Promise[]} Resolved Promises - Returns a list of resolved promises
+ * @returns {Promise<Promise[]>} Resolved Promises - Returns a list of resolved promises
  */
 
 export const promiseSome = async (promises) => {
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 0293a7e91..6cb8c481c 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -1,6 +1,7 @@
 import {
   createContainerAt,
   deleteFile,
+  getFile,
   getSolidDataset,
   saveSolidDatasetInContainer
 } from '@inrupt/solid-client';
@@ -12,6 +13,8 @@ import {
   createOutbox,
   createPublicContainer,
   deleteDocumentFile,
+  getBlobFromSolid,
+  getDocTTLs,
   getDocuments
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
@@ -230,3 +233,51 @@ describe('createPublicContainer', () => {
     expect(sessionHelpers.setDocAclForPublic).toBeCalled();
   });
 });
+
+describe('getDocTTLs', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: `${mockPodUrl}profile/card#me`
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('returns no data if nothing resolves', async () => {
+    const result = await getDocTTLs(session, mockPodUrl);
+
+    expect(result).toStrictEqual([]);
+  });
+});
+
+describe('getBlobFromSolid', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: `${mockPodUrl}profile/card#me`
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('returns a blob URL', async () => {
+    const mockFileUrl = 'https://pod.example.com/PASS/Documents/Passport/test.pdf';
+    const fileBlob = new Blob(['file content'], { type: 'application/pdf' });
+    getFile.mockResolvedValue(fileBlob);
+
+    // Mocking URL.createObjectURL since the function is not available for Node
+    const createObjectURLMock = vi.fn().mockReturnValue('mock-url');
+    global.URL.createObjectURL = createObjectURLMock;
+
+    const result = await getBlobFromSolid(session, mockFileUrl);
+
+    expect(result).toBe('mock-url');
+  });
+});
diff --git a/test/utils/session-helper.test.js b/test/utils/session-helper.test.js
index 9a785ac6c..6d9084a95 100644
--- a/test/utils/session-helper.test.js
+++ b/test/utils/session-helper.test.js
@@ -9,7 +9,8 @@ import {
   createResourceTtlFile,
   getContainerUrl,
   getPodUrl,
-  hasTTLFiles
+  hasTTLFiles,
+  promiseSome
 } from '../../src/utils/network/session-helper';
 import { INTERACTION_TYPES } from '../../src/constants';
 
@@ -135,3 +136,18 @@ describe('getPodUrl', () => {
     expect(result).toBe('https://pod.example.com/');
   });
 });
+
+describe('promiseSome', () => {
+  it('Returns only resolved results', async () => {
+    const promises = [
+      Promise.reject(new Error('mock rejected')),
+      Promise.reject(new Error('mock rejected')),
+      Promise.resolve('mock resolved'),
+      Promise.resolve('mock resolved'),
+      Promise.reject(new Error('mock rejected'))
+    ];
+    const results = await promiseSome(promises);
+
+    expect(results).toEqual(['mock resolved', 'mock resolved']);
+  });
+});

From 8b89ff660aaafef62567afe71d712d8c4f30ba81 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 16:00:03 -0700
Subject: [PATCH 038/304] Fixing ordering of handleSelectClient

---
 src/components/Clients/ClientListTableRow.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index a445f2fc2..f5d642fd9 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -41,12 +41,13 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
 
   // Event handler for selecting client from client list
   const handleSelectClient = async (clientToSelect) => {
-    runNotification(`Client "${clientToSelect.person}" selected.`, 3, state, dispatch);
     if (clientToSelect.webId === selectedUser.webId) {
       runNotification(`Client "${clientToSelect.person}" unselected.`, 3, state, dispatch);
       setSelectedUser({});
       return;
     }
+
+    runNotification(`Client "${clientToSelect.person}" selected.`, 3, state, dispatch);
     setSelectedUser(clientToSelect);
   };
 

From 6cdfb4910100ce4c0cf800097908c46305455900 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Tue, 13 Jun 2023 18:21:46 -0700
Subject: [PATCH 039/304] Addressing requested changes in PR

---
 src/components/Form/CrossPodWriteForm.jsx  | 20 +++++++++++---------
 src/utils/frontend/FormSubmissionHelper.js |  5 +++--
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 264e92e20..b48175759 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -16,7 +16,7 @@ import FormHelperText from '@mui/material/FormHelperText';
 // Utility Imports
 import { runNotification, makeHandleFormSubmission } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
+import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
 // Constants Imports
@@ -38,7 +38,8 @@ const CrossPodWriteForm = () => {
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectUserContext);
   const [expireDate, setExpireDate] = useState(null);
-  const [username, setUsername] = useState();
+  const [username, setUsername] = useState('');
+  const [docDescription, setDocDescription] = useState('');
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -54,22 +55,21 @@ const CrossPodWriteForm = () => {
     }
   };
 
-  // Custom useField hook for handling form inputs
-  const { clearValue: clearDescription, _type, ...description } = useField('textarea');
-
   const clearInputFields = (event) => {
     event.target.reset();
-    clearDescription();
+    // clearDescription();
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
-    // setDocType('');
-    // setExpireDate(null);
+    setDocDescription('');
+    setDocType('');
+    setExpireDate(null);
     // setSelectedUser('');
   };
 
   const handleFormSubmit = makeHandleFormSubmission(
     INTERACTION_TYPES.CROSS,
     expireDate,
+    docDescription,
     state,
     dispatch,
     session,
@@ -158,10 +158,12 @@ const CrossPodWriteForm = () => {
             <TextField
               id="upload-doc-desc"
               name="description"
-              {...description}
               multiline
               rows={4}
               label="Enter Description"
+              value={docDescription}
+              onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
+              placeholder="help"
             />
           </FormControl>
           <br />
diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index 67f3aa65a..69189b194 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -13,6 +13,7 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @function makeHandleFormSubmission
  * @param {string} uploadType - Type of upload (cross, self, etc.) to perform
  * @param {string} expireDate - document expiration date
+ * @param {string} docDescription - document description
  * @param {object} state - current state
  * @param {object} dispatch - dispatch for actions
  * @param {Session} session - current Solid session
@@ -20,7 +21,7 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @returns {Function} A function that components can call to submit forms to PASS
  */
 const makeHandleFormSubmission =
-  (uploadType, expireDate, state, dispatch, session, clearInputFields) =>
+  (uploadType, expireDate, docDescription, state, dispatch, session, clearInputFields) =>
   async (event, crossPodUsername = '') => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
@@ -39,7 +40,7 @@ const makeHandleFormSubmission =
     const fileObject = {
       type: docType,
       date: formattedDate,
-      description: event.target.description.value || 'No description provided',
+      docDescription: event.target.docDescription.value || 'No description provided',
       file: state.file
     };
 

From a9917c7c97a6fb4e4114b56e8c375105af43e89a Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 19:23:56 -0700
Subject: [PATCH 040/304] Minor addition to tech stack image to CONTRIBUTING.md

---
 CONTRIBUTING.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 27aef444b..7efa196cb 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -4,6 +4,10 @@
 
 Building out a decentralized application to enable house insecure individuals to securely store their documents electronically. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents.
 
+## Tech Stack Overview
+
+[Link to tech stack image](https://drive.google.com/file/d/1jC4A5sqRqoidxB9lS71SomMkNSpvWzU6/view?usp=sharing)
+
 ## Get started
 
 1. Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org

From 574e43e2b7d670b6b3735264a1cc8a9a4165ca71 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Tue, 13 Jun 2023 19:43:28 -0700
Subject: [PATCH 041/304] Fixing error with description

---
 src/utils/frontend/FormSubmissionHelper.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index 69189b194..e729d9f0a 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -40,7 +40,7 @@ const makeHandleFormSubmission =
     const fileObject = {
       type: docType,
       date: formattedDate,
-      docDescription: event.target.docDescription.value || 'No description provided',
+      description: docDescription || 'No description provided',
       file: state.file
     };
 

From 3c97a4ac9064a148b4257e40ac07f066694e0fb8 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 20:48:33 -0700
Subject: [PATCH 042/304] Updating notification to use 'No access to files or
 no documents found

---
 src/components/Clients/ClientListTableRow.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 54bdc3305..2d68ede9a 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -79,13 +79,18 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const [showDocument, setShowDocument] = useState(false);
 
   const handleShowFile = async () => {
-    runNotification(`Fetching documents from Pod...`, 5, state, dispatch);
+    runNotification('Fetching documents from Pod...', 5, state, dispatch);
     dispatch({ type: 'SET_PROCESSING' });
 
     const allPermittedData = await getDocTTLs(session, client.podUrl);
     if (allPermittedData.length === 0) {
       setFileSrc([]);
-      runNotification('Operation failed. Reason: No access to files.', 5, state, dispatch);
+      runNotification(
+        'Operation failed. Reason: No access to files or no documents found.',
+        5,
+        state,
+        dispatch
+      );
       dispatch({ type: 'CLEAR_PROCESSING' });
       return;
     }

From 5a4bc11027e8888cd8f1f7c2b1daeed4c23c532d Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 20:52:48 -0700
Subject: [PATCH 043/304] Updating imports for AppRoutes

---
 src/AppRoutes.jsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/AppRoutes.jsx b/src/AppRoutes.jsx
index bbd2e3a23..81218a852 100644
--- a/src/AppRoutes.jsx
+++ b/src/AppRoutes.jsx
@@ -4,13 +4,8 @@ import { Routes, Route, Navigate, Outlet } from 'react-router-dom';
 // Page Imports
 import { useSession } from '@inrupt/solid-ui-react';
 import { useRedirectUrl } from './hooks';
-
-import Home from './routes/Home';
-import Clients from './routes/Clients';
-import Inbox from './routes/Inbox';
-import Outbox from './routes/Outbox';
-import Forms from './routes/Forms';
-import { User } from './routes';
+// Page Imports
+import { Home, Clients, User, Forms, Inbox, Outbox } from './routes';
 
 const ProtectedRoute = ({ isLoggedIn, children }) =>
   isLoggedIn ? children ?? <Outlet /> : <Navigate to="/PASS/" replace />;

From 2cdc634d4d240624e473446f08541a7f53b45dda Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 13 Jun 2023 20:56:43 -0700
Subject: [PATCH 044/304] Updated and included JSDoc to DocumentModals and
 Clients

---
 src/components/Clients/index.js                          | 6 ++++++
 src/components/DocumentModals/ShowDocumentLocalModal.jsx | 2 +-
 src/components/DocumentModals/ShowDocumentsModal.jsx     | 2 +-
 src/components/DocumentModals/index.js                   | 7 +++++++
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index 930d84fea..5dda144f8 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -3,4 +3,10 @@ import AddClientModal from './AddClientModal';
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
 
+/**
+ * Components and functions related to Clients functionality within project PASS
+ *
+ * @namespace Clients
+ */
+
 export { AddClient, AddClientModal, ClientList, ClientListTable };
diff --git a/src/components/DocumentModals/ShowDocumentLocalModal.jsx b/src/components/DocumentModals/ShowDocumentLocalModal.jsx
index ced3b5842..7238cbdd9 100644
--- a/src/components/DocumentModals/ShowDocumentLocalModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentLocalModal.jsx
@@ -12,7 +12,7 @@ import ClearIcon from '@mui/icons-material/Clear';
  * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
  * explicit permission via ACL
  *
- * @memberof Clients
+ * @memberof DocumentModals
  * @name ShowDocumentLocalModal
  */
 
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 7af1c41e2..0d66a06d3 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -21,7 +21,7 @@ import ShowDocumentLocalModal from './ShowDocumentLocalModal';
  * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
  * explicit permission via ACL
  *
- * @memberof Clients
+ * @memberof DocumentModals
  * @name ShowDocumentsModal
  */
 
diff --git a/src/components/DocumentModals/index.js b/src/components/DocumentModals/index.js
index 92f243e07..11c4fa797 100644
--- a/src/components/DocumentModals/index.js
+++ b/src/components/DocumentModals/index.js
@@ -1,4 +1,11 @@
 import ShowDocumentLocalModal from './ShowDocumentLocalModal';
 import ShowDocumentsModal from './ShowDocumentsModal';
 
+/**
+ * Components and functions related to document viewer functionality within
+ * project PASS
+ *
+ * @namespace DocumentModals
+ */
+
 export { ShowDocumentLocalModal, ShowDocumentsModal };

From 39c18740e40574b73febe9b09fb1f4899f4f4dd0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 14 Jun 2023 12:37:46 -0700
Subject: [PATCH 045/304] Updated getDocTTLs function to return error
 statusCodes in parsedDatasets and conditions for triggering error message;
 Updated handleShowFile to handle updated getDocTTLs output; Minor edits to
 modal styling and wording

---
 src/components/Clients/ClientListTableRow.jsx | 29 +++++---
 .../DocumentModals/ShowDocumentLocalModal.jsx | 18 +++--
 .../DocumentModals/ShowDocumentsModal.jsx     | 12 ++--
 src/utils/network/session-core.js             | 70 +++++++++++--------
 test/utils/session-core.test.js               | 14 +++-
 5 files changed, 93 insertions(+), 50 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 15fd871a5..443daea24 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -84,20 +84,29 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
     runNotification('Fetching documents from Pod...', 5, state, dispatch);
     dispatch({ type: 'SET_PROCESSING' });
 
-    const allPermittedData = await getDocTTLs(session, client.podUrl);
-    if (allPermittedData.length === 0) {
-      setFileSrc([]);
-      runNotification(
-        'Operation failed. Reason: No access to files or no documents found.',
-        5,
-        state,
-        dispatch
-      );
+    const allDocumentData = await getDocTTLs(session, client.podUrl);
+
+    if (allDocumentData.message?.includes('Unauthorized')) {
+      runNotification('Operation failed. Reason: No permission to files.', 5, state, dispatch);
+      dispatch({ type: 'CLEAR_PROCESSING' });
+      return;
+    }
+
+    if (allDocumentData.message?.includes('No documents found')) {
+      runNotification('Operation failed. Reason: No files found.', 5, state, dispatch);
+      dispatch({ type: 'CLEAR_PROCESSING' });
+      return;
+    }
+
+    const permittedData = allDocumentData.filter((item) => typeof item !== 'number');
+
+    if (permittedData.length === 0) {
+      runNotification('Operation failed. Reason: No permitted files found.', 5, state, dispatch);
       dispatch({ type: 'CLEAR_PROCESSING' });
       return;
     }
 
-    setFileSrc(allPermittedData);
+    setFileSrc(permittedData);
     setShowDocument(!showDocument);
 
     setTimeout(() => {
diff --git a/src/components/DocumentModals/ShowDocumentLocalModal.jsx b/src/components/DocumentModals/ShowDocumentLocalModal.jsx
index 7238cbdd9..390741e18 100644
--- a/src/components/DocumentModals/ShowDocumentLocalModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentLocalModal.jsx
@@ -18,22 +18,32 @@ import ClearIcon from '@mui/icons-material/Clear';
 
 const ShowDocumentLocalModal = ({ showModal, setShowModal, fileBlobUrl }) => (
   <Dialog
+    fullScreen
     open={showModal}
     aria-labelledby="dialog-title"
     onClose={() => setShowModal(false)}
-    sx={{ width: '90%' }}
   >
     <DialogTitle id="dialog-tile">Documents</DialogTitle>
 
-    <DialogContent>
-      <iframe src={fileBlobUrl} title="File Preview Local" height={800} width={700} />
+    <DialogContent
+      sx={{
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 5
+      }}
+    >
+      <iframe src={fileBlobUrl} title="File Preview Local" height="100%" width="100%" />
     </DialogContent>
     <DialogActions>
       <Button
         variant="outlined"
         color="error"
         endIcon={<ClearIcon />}
-        onClick={() => setShowModal(false)}
+        onClick={() => {
+          setShowModal(false);
+        }}
       >
         CLOSE
       </Button>
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 0d66a06d3..918a6606c 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -33,8 +33,8 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
 
   const handleShowDocumentLocal = async (fileUrl) => {
     const urlFileBlob = await getBlobFromSolid(session, fileUrl);
-    setShowDocumentBlob(!showDocumentBlob);
     setFileBlobUrl(urlFileBlob);
+    setShowDocumentBlob(true);
   };
 
   return (
@@ -77,22 +77,24 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
                 >
                   File name: {src.filename}
                 </Typography>
-                <Typography>Upload date: {src.uploadDate.toISOString()}</Typography>
+                <Typography>Upload date: {src.uploadDate.toLocaleString()}</Typography>
                 <Typography>Description: {src.description}</Typography>
                 <Typography>Expire Date (if applicable): {src.expireDate}</Typography>
                 <br />
-                <Typography>Show Document</Typography>
+                <Typography sx={{ fontWeight: 'bold' }}>Show Document</Typography>
                 <Button
                   variant="contained"
                   type="button"
                   onClick={() => handleShowDocumentLocal(src.documentUrl)}
                 >
-                  Local
+                  Preview
                 </Button>
                 <Button
                   variant="contained"
                   type="button"
-                  sx={{ a: { color: 'white', textDecoration: 'none' } }}
+                  sx={{
+                    a: { color: 'white', textDecoration: 'none', width: '100%', height: '100%' }
+                  }}
                 >
                   <a href={src.documentUrl} target="_blank" rel="noreferrer">
                     New Window
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index e7da8384d..8884a36a4 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -574,43 +574,55 @@ export const createInbox = async (session, podUrl) => {
  * @function getDocTTLs
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {URL} podUrl - Pod URL of user to show documents from
- * @returns {Promise<URL[]>} - List of authorized URLs to documents
+ * @returns {Promise<object[]>} - List of parsed objects and/or error status codes
  */
 
 export const getDocTTLs = async (session, podUrl) => {
   const parsedDatasets = await promiseSome(
     docTypes.map(async (docType) => {
-      const dataset = await getSolidDataset(
-        `${podUrl}PASS/Documents/${docType.replace("'", '').replace(' ', '_')}/document.ttl`,
-        {
-          fetch: session.fetch
-        }
-      );
-
-      const documentTTLThing = getThing(
-        dataset,
-        `${podUrl}PASS/Documents/${docType
-          .replace("'", '')
-          .replace(' ', '_')}/document.ttl#document`
-      );
-
-      const uploadDate = getDatetime(documentTTLThing, RDF_PREDICATES.uploadDate);
-      const filename = getStringNoLocale(documentTTLThing, RDF_PREDICATES.name);
-      const expireDate = getStringNoLocale(documentTTLThing, RDF_PREDICATES.endDate);
-      const description = getStringNoLocale(documentTTLThing, RDF_PREDICATES.description);
-      const documentUrl = getUrl(documentTTLThing, RDF_PREDICATES.url);
-
-      return {
-        uploadDate,
-        filename,
-        documentType: docType,
-        expireDate,
-        description,
-        documentUrl
-      };
+      try {
+        const dataset = await getSolidDataset(
+          `${podUrl}PASS/Documents/${docType.replace("'", '').replace(' ', '_')}/document.ttl`,
+          {
+            fetch: session.fetch
+          }
+        );
+
+        const documentTTLThing = getThing(
+          dataset,
+          `${podUrl}PASS/Documents/${docType
+            .replace("'", '')
+            .replace(' ', '_')}/document.ttl#document`
+        );
+
+        const uploadDate = getDatetime(documentTTLThing, RDF_PREDICATES.uploadDate);
+        const filename = getStringNoLocale(documentTTLThing, RDF_PREDICATES.name);
+        const expireDate = getStringNoLocale(documentTTLThing, RDF_PREDICATES.endDate);
+        const description = getStringNoLocale(documentTTLThing, RDF_PREDICATES.description);
+        const documentUrl = getUrl(documentTTLThing, RDF_PREDICATES.url);
+
+        return {
+          uploadDate,
+          filename,
+          documentType: docType,
+          expireDate,
+          description,
+          documentUrl
+        };
+      } catch (error) {
+        return error.response?.status;
+      }
     })
   );
 
+  if (parsedDatasets.every((item) => item === 403)) {
+    return new Error('Unauthorized to all documents');
+  }
+
+  if (parsedDatasets.every((item) => item === 404)) {
+    return new Error('No documents found');
+  }
+
   return parsedDatasets;
 };
 
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 6cb8c481c..d3a92ecdc 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -247,10 +247,20 @@ describe('getDocTTLs', () => {
     vi.clearAllMocks();
   });
 
-  it('returns no data if nothing resolves', async () => {
+  it('returns unauthorized error message if user has no permission to any documents', async () => {
+    vi.spyOn(sessionHelpers, 'promiseSome').mockReturnValue([403, 403, 403]);
+
+    const result = await getDocTTLs(session, mockPodUrl);
+
+    expect(result).toEqual(Error('Unauthorized to all documents'));
+  });
+
+  it('returns error message if there is not documents found', async () => {
+    vi.spyOn(sessionHelpers, 'promiseSome').mockReturnValue([404, 404, 404]);
+
     const result = await getDocTTLs(session, mockPodUrl);
 
-    expect(result).toStrictEqual([]);
+    expect(result).toEqual(new Error('No documents found'));
   });
 });
 

From 50ec0e54fa9fc18f3f65c9f30e5c88d6e45db0e4 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 14 Jun 2023 12:44:35 -0700
Subject: [PATCH 046/304] Updated handleShowFile in User.jsx to handle updated
 getDocTTLs function

---
 src/routes/User.jsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/routes/User.jsx b/src/routes/User.jsx
index 78cba8878..9e1d04551 100644
--- a/src/routes/User.jsx
+++ b/src/routes/User.jsx
@@ -37,12 +37,20 @@ const User = () => {
   const { podUrl } = useContext(SignedInUserContext);
 
   const handleShowFile = async () => {
+    runNotification('Fetching documents from Pod...', 5, state, dispatch);
     dispatch({ type: 'SET_PROCESSING' });
 
-    runNotification(`Fetching documents from Pod...`, 5, state, dispatch);
-    const allPermittedData = await getDocTTLs(session, podUrl);
+    const allDocumentData = await getDocTTLs(session, podUrl);
 
-    setFileSrc(allPermittedData);
+    if (allDocumentData.message?.includes('No documents found')) {
+      runNotification('Operation failed. Reason: No files found.', 5, state, dispatch);
+      dispatch({ type: 'CLEAR_PROCESSING' });
+      return;
+    }
+
+    const dataWithFiles = allDocumentData.filter((item) => typeof item !== 'number');
+
+    setFileSrc(dataWithFiles);
     setShowDocument(!showDocument);
 
     setTimeout(() => {

From 59093363b07388d5e054b5d3324a6cab10080670 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 14 Jun 2023 12:53:22 -0700
Subject: [PATCH 047/304] Fixing bug with set permission forms to read username
 is selectedUser.person does not exist

---
 src/components/Form/SetAclPermissionForm.jsx        | 2 +-
 src/components/Form/SetAclPermsDocContainerForm.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 7af51b39e..fcf6df32a 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -101,7 +101,7 @@ const SetAclPermissionForm = () => {
 
       runNotification(
         `${permissions.read ? 'Give' : 'Revoke'} permission to ${
-          selectedUser.person
+          selectedUser.person ?? username
         } for ${docType}.`,
         5,
         state,
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 93eb22eb0..84ccef2b6 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -92,7 +92,7 @@ const SetAclPermsDocContainerForm = () => {
 
       runNotification(
         `${permissions.read ? 'Give' : 'Revoke'} permission to ${
-          selectedUser.person
+          selectedUser.person ?? username
         } for Documents Container.`,
         5,
         state,

From 9651f5b33f7bfb425d6cacf67d1474f14fa73079 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 14 Jun 2023 13:07:10 -0700
Subject: [PATCH 048/304] Updated message for No actions to No actions
 performed; stylized document cards

---
 src/components/Clients/ClientList.jsx                | 2 +-
 src/components/DocumentModals/ShowDocumentsModal.jsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index 232ed1965..b92f2fee2 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -22,7 +22,7 @@ const ClientList = () => {
 
   return userListObject.userList?.length ? (
     // render if clients
-    <ClientListTable statusType="Status" defaultMessage="No actions" />
+    <ClientListTable statusType="Status" defaultMessage="No actions performed" />
   ) : (
     // render if no clients
     <Container>
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 918a6606c..1b849d15b 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -62,7 +62,8 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
               sx={{
                 padding: 5,
                 borderRadius: '10px',
-                backgroundColor: 'lightgray'
+                backgroundColor: 'lightgray',
+                width: { xxs: '300px', xs: '320px' }
               }}
             >
               <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>

From 6d2b0ad73dca2692bf82c822961e01dcee4149a6 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 14 Jun 2023 13:54:50 -0700
Subject: [PATCH 049/304] Fixing Clear Form, adding nowrap on file names

---
 src/components/Form/CrossPodWriteForm.jsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index b48175759..6e47fd568 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -55,15 +55,13 @@ const CrossPodWriteForm = () => {
     }
   };
 
-  const clearInputFields = (event) => {
-    event.target.reset();
-    // clearDescription();
+  const clearInputFields = () => {
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
     setDocDescription('');
     setDocType('');
     setExpireDate(null);
-    // setSelectedUser('');
+    setUsername('');
   };
 
   const handleFormSubmit = makeHandleFormSubmission(
@@ -163,7 +161,7 @@ const CrossPodWriteForm = () => {
               label="Enter Description"
               value={docDescription}
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
-              placeholder="help"
+              placeholder="Enter Description"
             />
           </FormControl>
           <br />
@@ -181,7 +179,15 @@ const CrossPodWriteForm = () => {
               Choose file
               <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple />
             </Button>
-            <FormHelperText>
+            <FormHelperText
+              sx={{
+                display: 'inline-block',
+                width: '200px',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden !important',
+                textOverflow: 'ellipsis'
+              }}
+            >
               File to upload: {state.file ? state.file.name : 'No file selected'}
             </FormHelperText>
           </FormControl>

From bedc467a358862d105ba56bc583da4abf006302f Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 14 Jun 2023 14:20:21 -0700
Subject: [PATCH 050/304] Lightly formatting

---
 src/components/Form/CrossPodWriteForm.jsx  | 7 ++++---
 src/components/Form/DocumentSelection.jsx  | 1 +
 src/utils/frontend/FormSubmissionHelper.js | 6 +++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 6e47fd568..a7845c8ef 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -150,18 +150,19 @@ const CrossPodWriteForm = () => {
             </LocalizationProvider>
           </FormControl>
           <br />
+          <br />
           <FormControl fullWidth>
             {/* TODO: Determine whether Typography below is necessary or redundant */}
-            <Typography htmlFor="upload-doc-desc">Enter description:</Typography>
+            {/* <Typography htmlFor="upload-doc-desc">Enter description:</Typography> */}
             <TextField
               id="upload-doc-desc"
               name="description"
               multiline
               rows={4}
-              label="Enter Description"
+              label="Enter description"
               value={docDescription}
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
-              placeholder="Enter Description"
+              placeholder="Add a description here"
             />
           </FormControl>
           <br />
diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index aa05a8204..0c948ce39 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -28,6 +28,7 @@ const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
         value={docType}
         onChange={handleDocType}
         name="document"
+        required
       >
         {docTypes.map((doc) => (
           <MenuItem key={doc.split(' ')[0]} value={doc}>
diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
index e729d9f0a..1ef1a6d7f 100644
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ b/src/utils/frontend/FormSubmissionHelper.js
@@ -5,6 +5,10 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
  */
 
+/**
+ * @typedef {import("dayjs").Dayjs} Dayjs
+ */
+
 /**
  * Makes a default handleFormSubmission function that can be used
  * by form elements in PASS
@@ -12,7 +16,7 @@ import { uploadDocument, updateDocument } from '../network/session-core';
  * @memberof utils
  * @function makeHandleFormSubmission
  * @param {string} uploadType - Type of upload (cross, self, etc.) to perform
- * @param {string} expireDate - document expiration date
+ * @param {Dayjs} expireDate - document expiration date
  * @param {string} docDescription - document description
  * @param {object} state - current state
  * @param {object} dispatch - dispatch for actions

From bea1f68d6ab6a55aa132da0af4555dcfef6d3a87 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 14 Jun 2023 15:32:47 -0700
Subject: [PATCH 051/304] Applying styling to UploadDocumentForm

---
 src/components/Form/UploadDocumentForm.jsx | 154 +++++++++++++++------
 1 file changed, 109 insertions(+), 45 deletions(-)

diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 14137701d..a6d916cfa 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -1,11 +1,22 @@
 // React Imports
 import React, { useState } from 'react';
-// Inrupt Library Imports
+// Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import FormControl from '@mui/material/FormControl';
+import InputLabel from '@mui/material/InputLabel';
+import TextField from '@mui/material/TextField';
+// import Typography from '@mui/material/Typography';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import FormHelperText from '@mui/material/FormHelperText';
 // Utility Imports
 import { makeHandleFormSubmission, runNotification } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
+import { useStatusNotification } from '../../hooks';
 // Constants Imports
 import { INTERACTION_TYPES } from '../../constants';
 // Component Imports
@@ -24,6 +35,7 @@ const UploadDocumentForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [expireDate, setExpireDate] = useState(null);
+  const [docDescription, setDocDescription] = useState('');
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -39,15 +51,13 @@ const UploadDocumentForm = () => {
     }
   };
 
-  // Custom useField hook for handling form inputs
-  const { clearValue: clearDescription, _type, ...description } = useField('textarea');
-
-  const clearInputFields = (event) => {
-    event.target.reset();
-    clearDescription();
+  const clearInputFields = () => {
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_VERIFY_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
+    setDocDescription('');
+    setDocType('');
+    setExpireDate(null);
   };
 
   // Event handler for form/document submission to Pod
@@ -75,9 +85,6 @@ const UploadDocumentForm = () => {
     handleFormSubmit(event);
   };
 
-  const formRowStyle = {
-    margin: '20px 0'
-  };
   /* eslint-disable jsx-a11y/label-has-associated-control */
   return (
     <FormSection
@@ -86,47 +93,104 @@ const UploadDocumentForm = () => {
       statusType="Upload status"
       defaultMessage="To be uploaded..."
     >
-      <form onSubmit={handleDocumentUpload} autoComplete="off">
-        <label htmlFor="verify-checkbox">
-          Verify File on upload:
-          <input
-            id="verify-checkbox"
-            type="checkbox"
-            value={state.verifyFile}
-            onClick={() => dispatch({ type: 'TOGGLE_VERIFY_FILE' })}
-          />
-        </label>
-        <div style={formRowStyle}>
+      <Box display="flex" justifyContent="center">
+        <form onSubmit={handleDocumentUpload} autoComplete="off">
+          <label htmlFor="verify-checkbox">
+            Verify File on upload:
+            <input
+              id="verify-checkbox"
+              type="checkbox"
+              value={state.verifyFile}
+              onClick={() => dispatch({ type: 'TOGGLE_VERIFY_FILE' })}
+            />
+          </label>
           <DocumentSelection
             htmlForAndIdProp="upload-doc"
             handleDocType={handleDocType}
             docType={docType}
           />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
-          <input id="upload-doc-expiration" name="date" type="date" />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-desc">Enter description: </label>
           <br />
+          <FormControl>
+            {/* TODO: Determine whether InputLabel below is necessary or redundant */}
+            <InputLabel htmlFor="upload-doc-expiration" />
+            <LocalizationProvider dateAdapter={AdapterDayjs}>
+              <DatePicker
+                id="upload-doc-expiration"
+                name="date"
+                format="MM/DD/YYYY"
+                label="Expire date (if applicable)"
+                value={expireDate}
+                onChange={(newExpireDate) => setExpireDate(newExpireDate)}
+                type="date"
+                slotProps={{
+                  textField: {
+                    helperText: 'MM/DD/YYYY'
+                  }
+                }}
+              />
+            </LocalizationProvider>
+          </FormControl>
           <br />
-          <textarea id="upload-doc-desc" name="description" {...description} />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doctype">File to upload: </label>
-          <input
-            id="upload-doctype"
-            type="file"
-            name="uploadDoctype"
-            accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-            onChange={handleFileChange}
-          />
-          <button disabled={state.processing} type="submit">
-            Upload file
-          </button>
-        </div>
-      </form>
+          <br />
+          <br />
+          <FormControl fullWidth>
+            {/* TODO: Determine whether Typography below is necessary or redundant */}
+            {/* <Typography htmlFor="upload-doc-desc">Enter description:</Typography> */}
+            <TextField
+              id="upload-doc-desc"
+              name="description"
+              multiline
+              rows={4}
+              label="Enter description"
+              value={docDescription}
+              onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
+              placeholder="Add a description here"
+            />
+          </FormControl>
+          <br />
+          <br />
+          <FormControl fullWidth>
+            <Button
+              variant="contained"
+              component="label"
+              color="primary"
+              id="upload-doctype"
+              name="uploadDoctype"
+              onChange={handleFileChange}
+              required
+            >
+              Choose file
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple />
+            </Button>
+            <FormHelperText
+              sx={{
+                display: 'inline-block',
+                width: '200px',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden !important',
+                textOverflow: 'ellipsis'
+              }}
+            >
+              File to upload: {state.file ? state.file.name : 'No file selected'}
+            </FormHelperText>
+          </FormControl>
+          <br />
+          <FormControl fullWidth>
+            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+              Upload file
+            </Button>
+          </FormControl>
+          <br />
+          <br />
+
+          {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
+          <FormControl fullWidth>
+            <Button variant="contained" type="button" color="secondary" onClick={clearInputFields}>
+              Clear Form
+            </Button>
+          </FormControl>
+        </form>
+      </Box>
     </FormSection>
   );
   /* eslint-enable jsx-a11y/label-has-associated-control */

From 51ef4b4b3b824d4261545411686e727d3af94c0d Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 14 Jun 2023 18:29:41 -0700
Subject: [PATCH 052/304] Minor styling and semantic updates

---
 .../Form/CheckAclPermsDocContainerForm.jsx    |  2 +-
 src/components/Form/CrossPodQueryForm.jsx     | 50 ++++++++++---------
 src/components/Form/CrossPodWriteForm.jsx     |  9 ++--
 src/components/Form/DocumentSelection.jsx     |  2 +-
 src/components/Form/SetAclPermissionForm.jsx  |  2 +-
 .../Form/SetAclPermsDocContainerForm.jsx      |  2 +-
 src/components/Form/UploadDocumentForm.jsx    | 26 +++++-----
 src/routes/Forms.jsx                          | 43 +++++++++++-----
 8 files changed, 78 insertions(+), 58 deletions(-)

diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
index 483bc18c9..b790ce56a 100644
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ b/src/components/Form/CheckAclPermsDocContainerForm.jsx
@@ -113,7 +113,7 @@ const CheckAclPermsDocContainerForm = () => {
                 setUsername(e.target.value);
               }}
               placeholder={selectedUser.username}
-              label="Search username"
+              label="Search Username"
               required
             />
             <br />
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index ef987bd3f..0fc2aa0ec 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -107,30 +107,34 @@ const CrossPodQueryForm = () => {
     >
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleCrossPodQuery} autoComplete="off">
-          <Box display="flex" flexDirection="column" justifyContent="center">
-            <FormControl>
-              <TextField
-                id="cross-search-doc"
-                name="crossPodQuery"
-                value={username}
-                onChange={(e) => {
-                  setUsername(e.target.value);
-                }}
-                placeholder={selectedUser.username}
-                label="Enter username"
-                required
-              />
-            </FormControl>
-            <DocumentSelection
-              htmlForAndIdProp="cross-search-doctype"
-              handleDocType={handleDocType}
-              docType={docType}
+          <FormControl>
+            <TextField
+              id="cross-search-doc"
+              name="crossPodQuery"
+              value={username}
+              onChange={(e) => {
+                setUsername(e.target.value);
+              }}
+              placeholder={selectedUser.username}
+              label="Enter Username"
+              required
             />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Search Pod
-            </Button>
-          </Box>
+          </FormControl>
+          <DocumentSelection
+            htmlForAndIdProp="cross-search-doctype"
+            handleDocType={handleDocType}
+            docType={docType}
+          />
+          <br />
+          <Button
+            variant="contained"
+            disabled={state.processing}
+            type="submit"
+            color="primary"
+            fullWidth
+          >
+            Search Pod
+          </Button>
         </form>
       </Box>
     </FormSection>
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index a7845c8ef..ee81db5e1 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -37,8 +37,8 @@ const CrossPodWriteForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectUserContext);
+  const [username, setUsername] = useState(selectedUser.username);
   const [expireDate, setExpireDate] = useState(null);
-  const [username, setUsername] = useState('');
   const [docDescription, setDocDescription] = useState('');
   const [docType, setDocType] = useState('');
 
@@ -116,7 +116,7 @@ const CrossPodWriteForm = () => {
             <TextField
               id="cross-upload-doc"
               name="crossPodUpload"
-              label="Search username"
+              label="Search Username"
               required
               value={username}
               onChange={(e) => setUsername(e.target.value)}
@@ -137,7 +137,7 @@ const CrossPodWriteForm = () => {
                 id="upload-doc-expiration"
                 name="date"
                 format="MM/DD/YYYY"
-                label="Expire date (if applicable)"
+                label="Expiration Date"
                 value={expireDate}
                 onChange={(newExpireDate) => setExpireDate(newExpireDate)}
                 type="date"
@@ -159,7 +159,7 @@ const CrossPodWriteForm = () => {
               name="description"
               multiline
               rows={4}
-              label="Enter description"
+              label="Enter Description"
               value={docDescription}
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
               placeholder="Add a description here"
@@ -182,7 +182,6 @@ const CrossPodWriteForm = () => {
             </Button>
             <FormHelperText
               sx={{
-                display: 'inline-block',
                 width: '200px',
                 whiteSpace: 'nowrap',
                 overflow: 'hidden !important',
diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index 0c948ce39..5cae1ac35 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -20,7 +20,7 @@ import { docTypes } from '../../utils';
 const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
   <Box sx={{ marginTop: '20px' }}>
     <FormControl sx={{ width: 220 }}>
-      <InputLabel id={`${htmlForAndIdProp}-label`}>Select Document Type</InputLabel>
+      <InputLabel id={`${htmlForAndIdProp}-label`}>Select Document Type *</InputLabel>
       <Select
         labelId={`${htmlForAndIdProp}-label`}
         id={htmlForAndIdProp}
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 7af51b39e..56573f16d 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -135,7 +135,7 @@ const SetAclPermissionForm = () => {
               value={username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
-              label="Search username"
+              label="Search Username"
               required
             />
           </FormControl>
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 93eb22eb0..0b0184968 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -126,7 +126,7 @@ const SetAclPermsDocContainerForm = () => {
               value={username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
-              label="Search username"
+              label="Search Username"
               required
             />
           </FormControl>
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index a6d916cfa..b8cb7924c 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -5,7 +5,9 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
+import Checkbox from '@mui/material/Checkbox';
 import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
 import InputLabel from '@mui/material/InputLabel';
 import TextField from '@mui/material/TextField';
 // import Typography from '@mui/material/Typography';
@@ -64,6 +66,7 @@ const UploadDocumentForm = () => {
   const handleFormSubmit = makeHandleFormSubmission(
     INTERACTION_TYPES.SELF,
     expireDate,
+    docDescription,
     state,
     dispatch,
     session,
@@ -95,15 +98,13 @@ const UploadDocumentForm = () => {
     >
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleDocumentUpload} autoComplete="off">
-          <label htmlFor="verify-checkbox">
-            Verify File on upload:
-            <input
-              id="verify-checkbox"
-              type="checkbox"
-              value={state.verifyFile}
-              onClick={() => dispatch({ type: 'TOGGLE_VERIFY_FILE' })}
-            />
-          </label>
+          <FormControlLabel
+            control={<Checkbox />}
+            label="Verify file on upload"
+            id="verify-checkbox"
+            value={state.verifyFile}
+            onChange={() => dispatch({ type: 'TOGGLE_VERIFY_FILE' })}
+          />
           <DocumentSelection
             htmlForAndIdProp="upload-doc"
             handleDocType={handleDocType}
@@ -118,7 +119,7 @@ const UploadDocumentForm = () => {
                 id="upload-doc-expiration"
                 name="date"
                 format="MM/DD/YYYY"
-                label="Expire date (if applicable)"
+                label="Expiration Date"
                 value={expireDate}
                 onChange={(newExpireDate) => setExpireDate(newExpireDate)}
                 type="date"
@@ -132,7 +133,6 @@ const UploadDocumentForm = () => {
           </FormControl>
           <br />
           <br />
-          <br />
           <FormControl fullWidth>
             {/* TODO: Determine whether Typography below is necessary or redundant */}
             {/* <Typography htmlFor="upload-doc-desc">Enter description:</Typography> */}
@@ -141,7 +141,7 @@ const UploadDocumentForm = () => {
               name="description"
               multiline
               rows={4}
-              label="Enter description"
+              label="Enter Description"
               value={docDescription}
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
               placeholder="Add a description here"
@@ -164,7 +164,6 @@ const UploadDocumentForm = () => {
             </Button>
             <FormHelperText
               sx={{
-                display: 'inline-block',
                 width: '200px',
                 whiteSpace: 'nowrap',
                 overflow: 'hidden !important',
@@ -182,7 +181,6 @@ const UploadDocumentForm = () => {
           </FormControl>
           <br />
           <br />
-
           {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
           <FormControl fullWidth>
             <Button variant="contained" type="button" color="secondary" onClick={clearInputFields}>
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 0244b045d..7e1c12e1f 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -42,18 +42,37 @@ const Forms = () => {
         justifyContent: 'center'
       }}
     >
-      <Button
-        variant="contained"
-        color="secondary"
-        size="small"
-        aria-label="Clear Client Button"
-        startIcon={<Remove />}
-        onClick={() => setSelectedUser('')}
-        sx={{ margin: '2rem 0 1rem' }}
-      >
-        Clear Client
-      </Button>
-      <Typography>Client selected: {selectedUser.person || 'No client selected'}</Typography>
+      {selectedUser.person ? (
+        <>
+          <Button
+            variant="contained"
+            color="secondary"
+            size="small"
+            aria-label="Clear Client Button"
+            startIcon={<Remove />}
+            onClick={() => setSelectedUser('')}
+            sx={{ margin: '2rem 0 1rem' }}
+          >
+            Clear Client
+          </Button>
+          <Typography variant="body2">Client selected: {selectedUser.person}</Typography>
+        </>
+      ) : (
+        <>
+          <Button
+            variant="contained"
+            color="secondary"
+            size="small"
+            aria-label="Clear Client Button Disabled"
+            startIcon={<Remove />}
+            sx={{ margin: '2rem 0 1rem' }}
+            disabled
+          >
+            Clear Client
+          </Button>
+          <Typography variant="body2">No client selected</Typography>
+        </>
+      )}
       <UploadDocumentForm />
       <FetchDocumentForm />
       <DeleteDocumentForm />

From b08720c2d3d0e3730b96c74642ec7cd3a433fcb5 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Fri, 9 Jun 2023 17:34:46 -0700
Subject: [PATCH 053/304] Allow multiple Documents

---
 src/components/Form/DeleteDocumentForm.jsx |  29 ++--
 src/components/Form/UploadDocumentForm.jsx |  90 +++++-----
 src/constants/rdf_predicates.js            |   1 +
 src/contexts/SignedInUserContext.jsx       |   5 +-
 src/model-helpers/Document.js              | 182 +++++++++++++++++++++
 src/model-helpers/index.js                 |   7 +-
 src/utils/barcode/barcode-date-parser.js   |   2 +-
 src/utils/index.js                         |  38 +----
 8 files changed, 254 insertions(+), 100 deletions(-)
 create mode 100644 src/model-helpers/Document.js

diff --git a/src/components/Form/DeleteDocumentForm.jsx b/src/components/Form/DeleteDocumentForm.jsx
index ff3291e94..31929b6ad 100644
--- a/src/components/Form/DeleteDocumentForm.jsx
+++ b/src/components/Form/DeleteDocumentForm.jsx
@@ -1,12 +1,13 @@
 // React Imports
 import React, { useState } from 'react';
 // Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
+// import { deleteContainer } from '@inrupt/solid-client';
+// import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 // Utility Imports
-import { deleteDocumentFile, runNotification } from '../../utils';
+import { runNotification } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Component Imports
@@ -22,7 +23,7 @@ import FormSection from './FormSection';
  */
 
 const DeleteDocumentForm = () => {
-  const { session } = useSession();
+  // const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [docType, setDocType] = useState('');
 
@@ -35,22 +36,14 @@ const DeleteDocumentForm = () => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
 
-    if (!docType) {
-      runNotification('Search failed. Reason: No document type selected.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
     try {
-      await deleteDocumentFile(session, docType);
-
-      runNotification('File being deleted from Pod...', 5, state, dispatch);
-
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
+      // runNotification('File being deleted from Pod...', 3, state, dispatch);
+      // const documentUrl = await deleteDocumentFile(session, docType);
+      // runNotification('Removing file container from Pod...', 5, state, dispatch);
+      // await deleteContainer(documentUrl, { fetch: session.fetch });
+      // setTimeout(() => {
+      //   dispatch({ type: 'CLEAR_PROCESSING' });
+      // }, 3000);
     } catch (_error) {
       runNotification('Deletion failed. Reason: Data not found.', 5, state, dispatch);
       setTimeout(() => {
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 00e071b3b..6e6b964ba 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -1,16 +1,14 @@
 // React Imports
-import React, { useState } from 'react';
+import React, { useState, useContext } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
-// Utility Imports
-import { makeHandleFormSubmission, runNotification } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
-// Constants Imports
-import { INTERACTION_TYPES } from '../../constants';
-// Component Imports
+import { useStatusNotification } from '../../hooks';
+import { SignedInUserContext } from '../../contexts/SignedInUserContext';
+import { createDocument } from '../../model-helpers';
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
+import { runNotification } from '../../utils';
 
 /**
  * UploadDocumentForm Component - Component that generates the form for uploading
@@ -24,53 +22,56 @@ const UploadDocumentForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [docType, setDocType] = useState('');
+  const [verifyFile, setVerifyFile] = useState(false);
+  const [expiryDate, setExpiryDate] = useState('');
+  const [description, setDescription] = useState('');
+  const [file, setFile] = useState('');
+  const { podUrl } = useContext(SignedInUserContext);
 
   const handleDocType = (event) => {
     setDocType(event.target.value);
   };
 
-  // Initalized state for file upload
-  const handleFileChange = (event) => {
-    if (event.target.files.length === 1) {
-      dispatch({ type: 'SET_FILE', payload: event.target.files[0] });
-    } else {
-      dispatch({ type: 'CLEAR_FILE' });
-    }
-  };
-
   // Custom useField hook for handling form inputs
-  const { clearValue: clearDescription, _type, ...description } = useField('textarea');
 
-  const clearInputFields = (event) => {
-    event.target.reset();
-    clearDescription();
+  const clearInputFields = () => {
+    setVerifyFile(false);
+    setDocType('');
+    setExpiryDate('');
+    setDescription('');
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_VERIFY_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
   // Event handler for form/document submission to Pod
-  const handleFormSubmit = makeHandleFormSubmission(
-    INTERACTION_TYPES.SELF,
-    state,
-    dispatch,
-    session,
-    clearInputFields
-  );
-
-  const handleDocumentUpload = async (event) => {
-    event.preventDefault();
-    dispatch({ type: 'SET_PROCESSING' });
+  const handleDocUpload = async (e) => {
+    e.preventDefault();
 
     if (!docType) {
-      runNotification('Search failed. Reason: No document type selected.', 5, state, dispatch);
+      runNotification('Upload failed. Reason: No document type selected.', 5, state, dispatch);
       setTimeout(() => {
         dispatch({ type: 'CLEAR_PROCESSING' });
       }, 3000);
       return;
     }
 
-    handleFormSubmit(event);
+    const fileDesc = {
+      name: file.name.split('.')[0],
+      type: docType,
+      date: expiryDate,
+      description
+    };
+    runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
+
+    try {
+      await createDocument(file, fileDesc, session, podUrl);
+      runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
+    } catch (error) {
+      runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
+    } finally {
+      clearInputFields();
+    }
   };
 
   const formRowStyle = {
@@ -84,14 +85,14 @@ const UploadDocumentForm = () => {
       statusType="Upload status"
       defaultMessage="To be uploaded..."
     >
-      <form onSubmit={handleDocumentUpload} autoComplete="off">
+      <form onSubmit={handleDocUpload} autoComplete="off">
         <label htmlFor="verify-checkbox">
           Verify File on upload:
           <input
             id="verify-checkbox"
             type="checkbox"
-            value={state.verifyFile}
-            onClick={() => dispatch({ type: 'TOGGLE_VERIFY_FILE' })}
+            value={verifyFile}
+            onChange={(e) => setVerifyFile(e.target.value)}
           />
         </label>
         <div style={formRowStyle}>
@@ -103,13 +104,24 @@ const UploadDocumentForm = () => {
         </div>
         <div style={formRowStyle}>
           <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
-          <input id="upload-doc-expiration" name="date" type="date" />
+          <input
+            id="upload-doc-expiration"
+            name="date"
+            type="date"
+            value={expiryDate}
+            onChange={(e) => setExpiryDate(e.target.value)}
+          />
         </div>
         <div style={formRowStyle}>
           <label htmlFor="upload-doc-desc">Enter description: </label>
           <br />
           <br />
-          <textarea id="upload-doc-desc" name="description" {...description} />
+          <textarea
+            id="upload-doc-desc"
+            name="description"
+            value={description}
+            onChange={(e) => setDescription(e.target.value)}
+          />
         </div>
         <div style={formRowStyle}>
           <label htmlFor="upload-doctype">File to upload: </label>
@@ -118,7 +130,7 @@ const UploadDocumentForm = () => {
             type="file"
             name="uploadDoctype"
             accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-            onChange={handleFileChange}
+            onChange={(e) => setFile(e.target.files[0])}
           />
           <button disabled={state.processing} type="submit">
             Upload file
diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index 10f8008b1..f839c7e6f 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -2,6 +2,7 @@ import { SCHEMA_INRUPT } from '@inrupt/vocab-common-rdf';
 
 const RDF_PREDICATES = {
   ...SCHEMA_INRUPT,
+  about: 'https://schema.org/about',
   uploadDate: 'https://schema.org/uploadDate',
   dateOfBirth: 'https://schema.org/birthDate',
   additionalType: 'https://schema.org/additionalType',
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index a8059dbe0..030d899b7 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -4,7 +4,7 @@ import React, { createContext, useState, useMemo, useEffect } from 'react';
 import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
-import { createPublicContainer, createDocumentContainer } from '../utils';
+import { createPublicContainer } from '../utils';
 import { updateUserActivity } from '../model-helpers';
 
 /**
@@ -51,8 +51,7 @@ export const SignedInUserContextProvider = ({ children }) => {
         });
         await Promise.all([
           updateUserActivity(session, podUrl),
-          createPublicContainer(session, podUrl),
-          createDocumentContainer(session, podUrl)
+          createPublicContainer(session, podUrl)
         ]);
       } finally {
         setLoadingUserInfo(false);
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
new file mode 100644
index 000000000..1a5ea81b3
--- /dev/null
+++ b/src/model-helpers/Document.js
@@ -0,0 +1,182 @@
+import {
+  getSolidDataset,
+  createThing,
+  buildThing,
+  setThing,
+  getThingAll,
+  createSolidDataset,
+  getStringNoLocale,
+  getUrl,
+  saveSolidDatasetAt,
+  saveFileInContainer
+} from '@inrupt/solid-client';
+
+import sha256 from 'crypto-js/sha256';
+
+import getDriversLicenseData from '../utils/barcode/barcode-scan';
+import formattedDate from '../utils/barcode/barcode-date-parser';
+import { RDF_PREDICATES } from '../constants';
+import { getUserSigningKey, signDocumentTtlFile } from '../utils/cryptography/credentials-helper';
+
+/**
+ * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
+ */
+
+/**
+ * @typedef {import('../../typedefs').fileObjectType} fileObjectType
+ */
+
+/**
+ * @typedef {import('@inrupt/solid-client').ThingLocal} ThingLocal
+ */
+
+/**
+ * @typedef {import('crypto-js').CryptoJS.lib.WordArray} WordArray
+ */
+
+export const signDocument = async (document, session, containerUrl) => {
+  const signingKey = await getUserSigningKey(session);
+  const signatureDataset = await signDocumentTtlFile(signingKey, document, session, containerUrl);
+  await saveSolidDatasetAt(`${containerUrl}signature.ttl`, signatureDataset, {
+    fetch: session.fetch
+  });
+};
+
+/**
+ * Function that fetch the URL of the container containing a specific file
+ * uploaded to a user's Pod on Solid, if exist
+ *
+ * @memberof utils
+ * @function getDocuments
+ * @param {Session} session - Solid's Session Object (see {@link Session})
+ * @param {string} fileType - Type of document
+ * @param {string} podUrl - Url to other user's Pod (set to empty string
+ * by default)
+ * @returns {Promise<URL>} Promise - Either a string containing the url location of
+ * the document, if exist, or throws an Error
+ */
+export const getDocuments = async (session, fileType, podUrl) => {
+  const documentUrl = `${podUrl}${fileType}`;
+
+  try {
+    await getSolidDataset(documentUrl, { fetch: session.fetch });
+
+    return documentUrl;
+  } catch (error) {
+    throw new Error('No data found');
+  }
+};
+
+/**
+ * Helper Function that returns Driver's License ttl file based off of image passed
+ *
+ * @function createDriversLicenseTtlFile
+ * @memberof utils
+ * @function createDriversLicenseTtlFile
+ * @param {fileObjectType} fileObject - Object containing information about file
+ * @returns {Promise<ThingLocal>} TTL file Thing - Processes a barcode using zxing
+ * and returns a new TTL file Thing
+ */
+const createDriversLicenseTtlFile = async (fileObject) => {
+  const dlData = await getDriversLicenseData(fileObject.file);
+  return buildThing(createThing({ name: 'license information' }))
+    .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
+    .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)
+    .addDate(RDF_PREDICATES.expires, new Date(`${formattedDate(dlData.DBA)}`))
+    .addStringNoLocale(RDF_PREDICATES.givenName, dlData.DCS)
+    .addStringNoLocale(RDF_PREDICATES.alternateName, dlData.DAC)
+    .addStringNoLocale(RDF_PREDICATES.familyName, dlData.DAD)
+    .addDate(RDF_PREDICATES.dateIssued, new Date(`${formattedDate(dlData.DBD)}`))
+    .addDate(RDF_PREDICATES.dateOfBirth, new Date(`${formattedDate(dlData.DBB)}`))
+    .addStringNoLocale(RDF_PREDICATES.gender, dlData.DBC)
+    .addStringNoLocale(RDF_PREDICATES.Eye, dlData.DAY)
+    .addInteger(RDF_PREDICATES.height, Number(dlData.DAU))
+    .addStringNoLocale(RDF_PREDICATES.streetAddress, dlData.DAG)
+    .addStringNoLocale(RDF_PREDICATES.City, dlData.DAI)
+    .addStringNoLocale(RDF_PREDICATES.State, dlData.DAJ)
+    .addStringNoLocale(RDF_PREDICATES.postalCode, dlData.DAK)
+    .addStringNoLocale(RDF_PREDICATES.identifier, dlData.DAQ)
+    .addStringNoLocale(RDF_PREDICATES.identifier, dlData.DCF)
+    .addStringNoLocale(RDF_PREDICATES.Country, dlData.DCG)
+    .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDE)
+    .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDF)
+    .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDG)
+    .build();
+};
+
+/**
+ * Function that generates checksum for uploaded file
+ *
+ * @memberof utils
+ * @function createFileChecksum
+ * @param {fileObjectType} file - Object containing information about file
+ * from form submission (see {@link fileObjectType})
+ * @returns {Promise<WordArray>} Promise - Generates checksum for uploaded file
+ * using the SHA256 algorithm
+ */
+const createFileChecksum = async (file) => {
+  const text = await file.text(); // only hash the first megabyte
+  return sha256(text);
+};
+
+const addAdditionalInfo = (thing, fileObject) => {
+  if (fileObject.type === "Driver's License") {
+    return thing.addUrl(RDF_PREDICATES.about, createDriversLicenseTtlFile(fileObject));
+  }
+  return thing;
+};
+
+export const serializeDocument = async (fileObject, documentUrl, file) => {
+  const checksum = await createFileChecksum(file);
+
+  let thing = buildThing(createThing({ name: fileObject.name }))
+    .addDatetime(RDF_PREDICATES.uploadDate, new Date())
+    .addStringNoLocale(RDF_PREDICATES.name, fileObject.name)
+    .addStringNoLocale(RDF_PREDICATES.identifier, fileObject.type)
+    .addStringNoLocale(RDF_PREDICATES.endDate, fileObject.date)
+    .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
+    .addStringNoLocale(RDF_PREDICATES.description, fileObject.description)
+    .addUrl(RDF_PREDICATES.url, documentUrl);
+
+  thing = addAdditionalInfo(thing, fileObject);
+  return thing.build();
+};
+
+export const parseDocument = (documentThing) => {
+  const uploadDate = getStringNoLocale(documentThing, RDF_PREDICATES.uploadDate);
+  const name = getStringNoLocale(documentThing, RDF_PREDICATES.name);
+  const type = getStringNoLocale(documentThing, RDF_PREDICATES.identifier);
+  const endDate = getStringNoLocale(documentThing, RDF_PREDICATES.endDate);
+  const checksum = getStringNoLocale(documentThing, RDF_PREDICATES.sha256);
+  const description = getStringNoLocale(documentThing, RDF_PREDICATES.description);
+  const fileUrl = getUrl(documentThing, RDF_PREDICATES.URL);
+  return { uploadDate, name, type, endDate, checksum, description, fileUrl };
+};
+
+export const saveDocument = async (docThing, dataset, session, docUrl) => {
+  const newDataset = setThing(dataset, docThing);
+  const name = getStringNoLocale(docThing, RDF_PREDICATES.name);
+  const doc = await saveSolidDatasetAt(`${docUrl}${name}.ttl`, newDataset, {
+    fetch: session.fetch
+  });
+  return doc;
+};
+
+export const createDocument = async (file, fileDescription, session, podUrl) => {
+  const { type, name } = fileDescription;
+  const docUrl = `${podUrl}Documents/${type}/${name}/`;
+  try {
+    await getSolidDataset(docUrl);
+  } catch {
+    const docThing = await serializeDocument(fileDescription, docUrl, file);
+    const doc = await saveDocument(docThing, createSolidDataset(), session, docUrl);
+    await saveFileInContainer(docUrl, file, {
+      fetch: session.fetch,
+      slugSuggestion: file.name
+    });
+    return parseDocument(getThingAll(doc)[0]);
+  }
+  return 'A file with this name already exists';
+};
+// export const fetchDocument = (filename, session, podUrl) => {}
+// export const deleteDocument = (filename, session, podUrl) => {}
diff --git a/src/model-helpers/index.js b/src/model-helpers/index.js
index f70cbdf25..8cb23ae87 100644
--- a/src/model-helpers/index.js
+++ b/src/model-helpers/index.js
@@ -1,6 +1,3 @@
-import { loadUserList, addUser, removeUser, saveToPod } from './UserList';
-import { updateUserActivity, makeUserIntoThing } from './User';
-
 /**
  * The model-helper module is utility module that helps with the management of
  * users in a users list
@@ -9,4 +6,6 @@ import { updateUserActivity, makeUserIntoThing } from './User';
  * @name model-helper
  */
 
-export { loadUserList, updateUserActivity, addUser, removeUser, saveToPod, makeUserIntoThing };
+export * from './UserList';
+export * from './User';
+export * from './Document';
diff --git a/src/utils/barcode/barcode-date-parser.js b/src/utils/barcode/barcode-date-parser.js
index ac249b99c..a47c15c05 100644
--- a/src/utils/barcode/barcode-date-parser.js
+++ b/src/utils/barcode/barcode-date-parser.js
@@ -11,7 +11,7 @@
 const formattedDate = (dateStr) => {
   const dateStrWithSpaces = dateStr.replace(/(\d{2})(\d{2})(\d{4})/, '$1 $2 $3');
   const newDate = new Date(dateStrWithSpaces);
-  return newDate.toISOString().substring(0, 10);
+  return newDate.toISOString();
 };
 
 export default formattedDate;
diff --git a/src/utils/index.js b/src/utils/index.js
index 843584851..4eecf9ccd 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -10,40 +10,8 @@
 
 import docTypes from './frontend/form-helper';
 import runNotification from './frontend/notification-helper';
-import {
-  uploadDocument,
-  updateDocument,
-  getDocuments,
-  deleteDocumentFile,
-  setDocAclPermission,
-  createDocumentContainer,
-  setDocContainerAclPermission,
-  checkContainerPermission,
-  sendMessageTTL,
-  createOutbox,
-  getMessageTTL,
-  createPublicContainer,
-  createInbox
-} from './network/session-core';
-import { getPodUrl } from './network/session-helper';
 import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
 
-export {
-  docTypes,
-  runNotification,
-  uploadDocument,
-  updateDocument,
-  getDocuments,
-  deleteDocumentFile,
-  setDocAclPermission,
-  createDocumentContainer,
-  setDocContainerAclPermission,
-  checkContainerPermission,
-  sendMessageTTL,
-  makeHandleFormSubmission,
-  createOutbox,
-  getMessageTTL,
-  createPublicContainer,
-  createInbox,
-  getPodUrl
-};
+export { docTypes, runNotification, makeHandleFormSubmission };
+
+export * from './network/session-core';

From 777f321b4abdfa7b9f06f8ac35bf5e99448c23ca Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sat, 10 Jun 2023 09:55:58 -0700
Subject: [PATCH 054/304] Update Cross Pod Upload

---
 src/components/Form/CrossPodWriteForm.jsx  |  91 +++++----------
 src/components/Form/UploadDocumentForm.jsx |   1 +
 src/utils/index.js                         |   3 +-
 src/utils/network/session-core.js          | 130 ---------------------
 test/utils/FormSubmissionHelper.test.js    | 115 ------------------
 5 files changed, 34 insertions(+), 306 deletions(-)
 delete mode 100644 test/utils/FormSubmissionHelper.test.js

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index a9714a376..7601590f4 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -3,13 +3,13 @@ import React, { useContext, useState } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Utility Imports
-import { runNotification, makeHandleFormSubmission } from '../../utils';
+import { runNotification } from '../../utils';
 // Custom Hook Imports
-import { useField, useStatusNotification } from '../../hooks';
+import { createDocument } from '../../model-helpers';
+import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
 // Constants Imports
-import { INTERACTION_TYPES } from '../../constants';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
@@ -25,64 +25,45 @@ import FormSection from './FormSection';
 const CrossPodWriteForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectUserContext);
-  const [username, setUsername] = useState('');
   const [docType, setDocType] = useState('');
+  const [expiryDate, setExpiryDate] = useState('');
+  const [description, setDescription] = useState('');
+  const [file, setFile] = useState('');
+  const { podUrl, person } = useContext(SelectUserContext);
 
   const handleDocType = (event) => {
     setDocType(event.target.value);
   };
 
-  // Initalized state for file upload
-  const handleFileChange = (event) => {
-    if (event.target.files.length === 1) {
-      dispatch({ type: 'SET_FILE', payload: event.target.files[0] });
-    } else {
-      dispatch({ type: 'CLEAR_FILE' });
-    }
-  };
-
-  // Custom useField hook for handling form inputs
-  const { clearValue: clearDescription, _type, ...description } = useField('textarea');
-
-  const clearInputFields = (event) => {
-    event.target.reset();
-    clearDescription();
+  const clearInputFields = () => {
+    setDocType('');
+    setExpiryDate('');
+    setDescription('');
+    setFile(null);
     dispatch({ type: 'CLEAR_FILE' });
+    dispatch({ type: 'CLEAR_VERIFY_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
-  const handleFormSubmit = makeHandleFormSubmission(
-    INTERACTION_TYPES.CROSS,
-    state,
-    dispatch,
-    session,
-    clearInputFields
-  );
-
   // Event handler for form/document submission to Pod
-  const handleCrossPodUpload = async (event) => {
-    event.preventDefault();
-    dispatch({ type: 'SET_PROCESSING' });
-    const podUsername = event.target.crossPodUpload.value || selectedUser.username;
+  const handleFormSubmission = async (e) => {
+    e.preventDefault();
+    const fileDesc = {
+      name: file.name.split('.')[0],
+      type: docType,
+      date: expiryDate,
+      description
+    };
+    runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
 
-    if (!podUsername) {
-      runNotification('Search failed. Reason: Username not provided.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
+    try {
+      await createDocument(file, fileDesc, session, podUrl);
+      runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
+    } catch (error) {
+      runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
+    } finally {
+      clearInputFields();
     }
-
-    if (!docType) {
-      runNotification('Search failed. Reason: No document type selected.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
-    handleFormSubmit(event, podUsername);
   };
 
   const formRowStyle = {
@@ -97,19 +78,11 @@ const CrossPodWriteForm = () => {
       statusType="Upload status"
       defaultMessage="To be uploaded..."
     >
-      <form onSubmit={handleCrossPodUpload} autoComplete="off">
+      <form onSubmit={handleFormSubmission} autoComplete="off">
         <div style={formRowStyle}>
-          <label htmlFor="cross-upload-doc">Upload document to username: </label>
+          <p>Upload document to {person}: </p>
           <br />
           <br />
-          <input
-            id="cross-upload-doc"
-            size="25"
-            name="crossPodUpload"
-            value={username}
-            onChange={(e) => setUsername(e.target.value)}
-            placeholder={selectedUser.username}
-          />
         </div>
         <div style={formRowStyle}>
           <DocumentSelection
@@ -135,7 +108,7 @@ const CrossPodWriteForm = () => {
             type="file"
             name="uploadDoctype"
             accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-            onChange={handleFileChange}
+            onChange={(e) => setFile(e.target.files[0])}
           />
           <button disabled={state.processing} type="submit">
             Upload file
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 6e6b964ba..ce66cfbf6 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -39,6 +39,7 @@ const UploadDocumentForm = () => {
     setDocType('');
     setExpiryDate('');
     setDescription('');
+    setFile(null);
     dispatch({ type: 'CLEAR_FILE' });
     dispatch({ type: 'CLEAR_VERIFY_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
diff --git a/src/utils/index.js b/src/utils/index.js
index 4eecf9ccd..53abeed28 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -10,8 +10,7 @@
 
 import docTypes from './frontend/form-helper';
 import runNotification from './frontend/notification-helper';
-import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
 
-export { docTypes, runNotification, makeHandleFormSubmission };
+export { docTypes, runNotification };
 
 export * from './network/session-core';
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 9a81290aa..f4bb08a28 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -7,17 +7,12 @@ import {
   createSolidDataset,
   saveSolidDatasetInContainer,
   deleteFile,
-  overwriteFile,
   getThingAll
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES, INTERACTION_TYPES } from '../../constants';
 import {
   getContainerUrl,
-  placeFileInContainer,
-  hasTTLFiles,
   setDocAclForUser,
-  createResourceTtlFile,
-  updateTTLFile,
   getUserProfileName,
   saveMessageTTL,
   parseMessageTTL,
@@ -26,7 +21,6 @@ import {
   getPodUrl,
   getAllFiles
 } from './session-helper';
-import { getUserSigningKey, signDocumentTtlFile } from '../cryptography/credentials-helper';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -110,130 +104,6 @@ export const setDocContainerAclPermission = async (session, permissions, otherPo
   file uploads, file search, file deletion, etc.)
 */
 
-/**
- * Function that uploads file to Pod on Solid
- *
- * @memberof utils
- * @function uploadDocument
- * @param {Session} session - Solid's Session Object (see {@link Session})
- * @param {string} uploadType - A string which indicates what type of upload is
- * being used
- * @param {fileObjectType} fileObject - Object containing information about file
- * from form submission (see {@link fileObjectType})
- * @param {boolean} verifyDocument - True if document submission should include
- * user verification
- * @param {string} [otherPodUsername] - If cross pod interaction, this is the
- * username of the other user, set to an empty string by default
- * @returns {Promise} Promise - File upload is handled via Solid libraries
- */
-export const uploadDocument = async (
-  session,
-  uploadType,
-  fileObject,
-  verifyDocument,
-  otherPodUsername = ''
-) => {
-  const fileName = fileObject.file.name;
-
-  let containerUrl;
-  if (uploadType === INTERACTION_TYPES.SELF) {
-    containerUrl = getContainerUrl(session, 'Documents', INTERACTION_TYPES.SELF);
-    containerUrl = `${containerUrl}${fileObject.type.replace("'", '').replace(' ', '_')}/`;
-  } else {
-    containerUrl = getContainerUrl(session, 'Documents', INTERACTION_TYPES.CROSS, otherPodUsername);
-    containerUrl = `${containerUrl}${fileObject.type.replace("'", '').replace(' ', '_')}/`;
-  }
-
-  const documentUrl = `${containerUrl}${fileName.replace("'", '').replace(' ', '_')}`;
-  const datasetFromUrl = await getSolidDataset(containerUrl, { fetch: session.fetch });
-  const ttlFileExists = hasTTLFiles(datasetFromUrl);
-
-  // Guard clause will throw function if container already exist with ttl file
-  // ttl file indicates update instead of upload document
-  if (ttlFileExists) {
-    throw new Error('TTL file already exists');
-  }
-
-  // Place file into Pod container and generate new ttl file for container
-  await placeFileInContainer(session, fileObject, containerUrl);
-  const newTtlFile = await createResourceTtlFile(fileObject, documentUrl);
-  const signingKey = verifyDocument ? await getUserSigningKey(session) : null;
-
-  let newSolidDataset = createSolidDataset();
-  newSolidDataset = setThing(newSolidDataset, newTtlFile);
-  const signatureDataset = signingKey
-    ? await signDocumentTtlFile(signingKey, newSolidDataset, session, containerUrl)
-    : null;
-
-  // Generate document.ttl file for container
-  await saveSolidDatasetInContainer(containerUrl, newSolidDataset, {
-    slugSuggestion: 'document.ttl',
-    contentType: 'text/turtle',
-    fetch: session.fetch
-  });
-
-  if (signatureDataset) {
-    await saveSolidDatasetInContainer(containerUrl, signatureDataset, {
-      slugSuggestion: 'signature.ttl',
-      contentType: 'text/turtle',
-      fetch: session.fetch
-    });
-  }
-
-  if (uploadType === INTERACTION_TYPES.SELF) {
-    // Generate ACL file for new container
-    await setDocAclForUser(session, containerUrl, 'create', session.info.webId);
-  }
-};
-
-/**
- * Function that update file to Pod on Solid
- *
- * @memberof utils
- * @function updateDocument
- * @param {Session} session - Solid's Session Object (see {@link Session})
- * @param {string} uploadType - A string which indicates what type of upload is
- * being used
- * @param {fileObjectType} fileObject - Object containing information about file
- * from form submission (see {@link fileObjectType})
- * @param {string} [otherPodUsername] - If cross pod interaction, this is the URL
- * of the other user, set to an empty string by default
- * @returns {Promise<boolean>} fileExist - A boolean for if file exist on Solid
- * Pod and updates the file if accepted, or if file doesn't exist, uploads a new
- * file to Solid Pod if accepted
- */
-export const updateDocument = async (session, uploadType, fileObject, otherPodUsername = '') => {
-  let containerUrl;
-  const fileName = fileObject.file.name;
-  if (uploadType === INTERACTION_TYPES.SELF) {
-    containerUrl = getContainerUrl(session, 'Documents', INTERACTION_TYPES.SELF);
-    containerUrl = `${containerUrl}${fileObject.type.replace("'", '').replace(' ', '_')}/`;
-  } else {
-    containerUrl = getContainerUrl(session, 'Documents', INTERACTION_TYPES.CROSS, otherPodUsername);
-    containerUrl = `${containerUrl}${fileObject.type.replace("'", '').replace(' ', '_')}/`;
-  }
-
-  const documentUrl = `${containerUrl}${fileName}`;
-  const solidDataset = await getSolidDataset(containerUrl, { fetch: session.fetch });
-
-  // Checks for file in Solid Pod
-  const files = getAllFiles(solidDataset);
-  const fileExist = files.map((file) => file.url).includes(documentUrl);
-
-  const confirmationMessage = fileExist
-    ? `File ${fileName} exist in Pod container, do you wish to update it?`
-    : `File ${fileName} does not exist in Pod container, do you wish to upload it?`;
-
-  if (window.confirm(confirmationMessage)) {
-    await overwriteFile(documentUrl, fileObject.file, { fetch: session.fetch });
-    await updateTTLFile(session, containerUrl, fileObject);
-  } else {
-    throw new Error(fileExist ? 'File update cancelled.' : 'New file upload cancelled.');
-  }
-
-  return fileExist;
-};
-
 /**
  * Function that fetch the URL of the container containing a specific file
  * uploaded to a user's Pod on Solid, if exist
diff --git a/test/utils/FormSubmissionHelper.test.js b/test/utils/FormSubmissionHelper.test.js
deleted file mode 100644
index ae3350bd7..000000000
--- a/test/utils/FormSubmissionHelper.test.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import { afterEach, beforeEach, vi, expect, it, describe } from 'vitest';
-import {
-  makeHandleFormSubmission,
-  runNotification,
-  uploadDocument,
-  updateDocument
-} from '../../src/utils';
-import { INTERACTION_TYPES } from '../../src/constants';
-
-vi.mock('../../src/utils/network/session-core', () => ({
-  updateDocument: vi.fn(),
-  uploadDocument: vi.fn()
-}));
-
-vi.mock('../../src/utils/frontend/notification-helper', () => ({
-  default: vi.fn()
-}));
-
-describe('FormSubmissionHelper', async () => {
-  const sessionMock = {};
-  const clearInputFieldsMock = vi.fn();
-  const dispatchMock = vi.fn();
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.clearAllMocks();
-    vi.useRealTimers();
-  });
-
-  describe('Validations', () => {
-    const stateMock = {
-      file: null
-    };
-    const mockHandleSubmit = makeHandleFormSubmission(
-      INTERACTION_TYPES.SELF,
-      stateMock,
-      dispatchMock,
-      sessionMock,
-      clearInputFieldsMock
-    );
-
-    it("autoquits when there's no file to upload", async () => {
-      const event = {
-        preventDefault: vi.fn()
-      };
-
-      await mockHandleSubmit(event);
-      expect(runNotification).toBeCalledWith(
-        'Submission failed. Reason: missing file',
-        5,
-        stateMock,
-        dispatchMock
-      );
-    });
-  });
-
-  describe('Networking', () => {
-    const stateMock = {
-      file: {
-        name: 'mock'
-      }
-    };
-    const mockHandleSubmit = makeHandleFormSubmission(
-      INTERACTION_TYPES.SELF,
-      stateMock,
-      dispatchMock,
-      sessionMock,
-      clearInputFieldsMock
-    );
-
-    const event = {
-      preventDefault: vi.fn(),
-      target: {
-        document: {
-          value: 'mock'
-        },
-        date: {
-          value: 'mock'
-        },
-        description: {
-          value: 'mock'
-        }
-      }
-    };
-
-    it('calls uploadDocument to upload', async () => {
-      await mockHandleSubmit(event);
-      expect(uploadDocument).toBeCalled();
-      expect(updateDocument).toBeCalledTimes(0);
-    });
-
-    it('tries to update a document when upload fails', async () => {
-      uploadDocument.mockRejectedValueOnce(new Error('Mock error message'));
-
-      await mockHandleSubmit(event);
-      expect(updateDocument).toBeCalledTimes(1);
-    });
-
-    it('Notifies the user when both upload and update fail', async () => {
-      uploadDocument.mockRejectedValueOnce(new Error('Mock error message'));
-      updateDocument.mockRejectedValueOnce(new Error('Mock error message'));
-
-      await mockHandleSubmit(event);
-      expect(runNotification).toBeCalledWith(
-        `Operation failed. Reason: Mock error message`,
-        5,
-        stateMock,
-        dispatchMock
-      );
-    });
-  });
-});

From 4849935177a20450c9f5b9939976eeb57d8ee1e8 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sat, 10 Jun 2023 17:24:52 -0700
Subject: [PATCH 055/304] add deletion

---
 src/components/Form/CrossPodWriteForm.jsx  |   5 +-
 src/components/Form/DeleteDocumentForm.jsx |  42 +++++----
 src/components/Form/UploadDocumentForm.jsx |   5 +-
 src/model-helpers/Document.js              |  43 ++++++++-
 src/utils/index.js                         |   1 +
 src/utils/network/session-core.js          | 100 +--------------------
 test/utils/session-core.test.js            |  64 +------------
 7 files changed, 77 insertions(+), 183 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 7601590f4..d2df99be7 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -9,7 +9,6 @@ import { createDocument } from '../../model-helpers';
 import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
-// Constants Imports
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
@@ -20,8 +19,8 @@ import FormSection from './FormSection';
  *
  * @memberof Forms
  * @name CrossPodWriteForm
+ * @returns {React.ReactElement} The form
  */
-
 const CrossPodWriteForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
@@ -57,7 +56,7 @@ const CrossPodWriteForm = () => {
     runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
 
     try {
-      await createDocument(file, fileDesc, session, podUrl);
+      await createDocument(file, fileDesc, session, `${podUrl}PASS/`);
       runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
     } catch (error) {
       runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
diff --git a/src/components/Form/DeleteDocumentForm.jsx b/src/components/Form/DeleteDocumentForm.jsx
index 31929b6ad..254947c95 100644
--- a/src/components/Form/DeleteDocumentForm.jsx
+++ b/src/components/Form/DeleteDocumentForm.jsx
@@ -1,18 +1,18 @@
 // React Imports
-import React, { useState } from 'react';
+import React, { useState, useContext } from 'react';
 // Inrupt Library Imports
-// import { deleteContainer } from '@inrupt/solid-client';
-// import { useSession } from '@inrupt/solid-ui-react';
+import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
+import { TextField, Button, Box } from '@mui/material';
 // Utility Imports
+import { deleteDocument } from '../../model-helpers';
 import { runNotification } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
+import { SelectUserContext, SignedInUserContext } from '../../contexts';
 
 /**
  * DeleteDocumentForm Component - Component that generates the form for deleting
@@ -23,9 +23,12 @@ import FormSection from './FormSection';
  */
 
 const DeleteDocumentForm = () => {
-  // const { session } = useSession();
+  const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
+  const { podUrl } = useContext(SignedInUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
   const [docType, setDocType] = useState('');
+  const [docName, setDocName] = useState('');
 
   const handleDocType = (event) => {
     setDocType(event.target.value);
@@ -35,17 +38,18 @@ const DeleteDocumentForm = () => {
   const handleDeleteDocument = async (event) => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
+    const activePod = selectedUser.podUrl || podUrl;
+    const docUrl = `${activePod}PASS/Documents/${docType}/${docName}/`;
 
     try {
-      // runNotification('File being deleted from Pod...', 3, state, dispatch);
-      // const documentUrl = await deleteDocumentFile(session, docType);
-      // runNotification('Removing file container from Pod...', 5, state, dispatch);
-      // await deleteContainer(documentUrl, { fetch: session.fetch });
-      // setTimeout(() => {
-      //   dispatch({ type: 'CLEAR_PROCESSING' });
-      // }, 3000);
-    } catch (_error) {
-      runNotification('Deletion failed. Reason: Data not found.', 5, state, dispatch);
+      runNotification('Deleting Document...', 3, state, dispatch);
+      await deleteDocument(session, docUrl);
+      runNotification('Document successfully deleted...', 5, state, dispatch);
+      setTimeout(() => {
+        dispatch({ type: 'CLEAR_PROCESSING' });
+      }, 3000);
+    } catch (error) {
+      runNotification(`Deletion failed. Reason: ${error.message}`, 10, state, dispatch);
       setTimeout(() => {
         dispatch({ type: 'CLEAR_PROCESSING' });
       }, 3000);
@@ -68,6 +72,14 @@ const DeleteDocumentForm = () => {
               docType={docType}
             />
             <br />
+            <TextField
+              type="text"
+              label="Document Name"
+              variant="filled"
+              value={docName}
+              onChange={(e) => setDocName(e.target.value)}
+            />
+            <br />
             <Button variant="contained" disabled={state.processing} type="submit" color="primary">
               Delete Document
             </Button>
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index ce66cfbf6..66d7f13ec 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -9,6 +9,7 @@ import { createDocument } from '../../model-helpers';
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
 import { runNotification } from '../../utils';
+import { SelectUserContext } from '../../contexts';
 
 /**
  * UploadDocumentForm Component - Component that generates the form for uploading
@@ -27,6 +28,7 @@ const UploadDocumentForm = () => {
   const [description, setDescription] = useState('');
   const [file, setFile] = useState('');
   const { podUrl } = useContext(SignedInUserContext);
+  const { selectedUser } = useContext(SelectUserContext);
 
   const handleDocType = (event) => {
     setDocType(event.target.value);
@@ -64,9 +66,10 @@ const UploadDocumentForm = () => {
       description
     };
     runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
+    const activePod = selectedUser.podUrl || podUrl;
 
     try {
-      await createDocument(file, fileDesc, session, podUrl);
+      await createDocument(file, fileDesc, session, `${activePod}PASS/`);
       runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
     } catch (error) {
       runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 1a5ea81b3..dfb02c0bb 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -8,7 +8,10 @@ import {
   getStringNoLocale,
   getUrl,
   saveSolidDatasetAt,
-  saveFileInContainer
+  saveFileInContainer,
+  getContainedResourceUrlAll,
+  deleteFile,
+  deleteSolidDataset
 } from '@inrupt/solid-client';
 
 import sha256 from 'crypto-js/sha256';
@@ -153,6 +156,31 @@ export const parseDocument = (documentThing) => {
   return { uploadDate, name, type, endDate, checksum, description, fileUrl };
 };
 
+const deleteRecursively = async (dataset, options) => {
+  const containedResourceUrls = getContainedResourceUrlAll(dataset);
+  const containedDatasets = await Promise.all(
+    containedResourceUrls.map(async (resourceUrl) => {
+      try {
+        return await getSolidDataset(resourceUrl, options);
+      } catch (e) {
+        // The Resource might not have been a SolidDataset;
+        // we can delete it directly:
+        await deleteFile(resourceUrl, options);
+        return null;
+      }
+    })
+  );
+  await Promise.all(
+    containedDatasets.map(async (containedDataset) => {
+      if (containedDataset === null) {
+        return;
+      }
+      await deleteRecursively(containedDataset, options);
+    })
+  );
+  await deleteSolidDataset(dataset, options);
+};
+
 export const saveDocument = async (docThing, dataset, session, docUrl) => {
   const newDataset = setThing(dataset, docThing);
   const name = getStringNoLocale(docThing, RDF_PREDICATES.name);
@@ -162,9 +190,9 @@ export const saveDocument = async (docThing, dataset, session, docUrl) => {
   return doc;
 };
 
-export const createDocument = async (file, fileDescription, session, podUrl) => {
+export const createDocument = async (file, fileDescription, session, passUrl) => {
   const { type, name } = fileDescription;
-  const docUrl = `${podUrl}Documents/${type}/${name}/`;
+  const docUrl = `${passUrl}Documents/${type}/${name}/`;
   try {
     await getSolidDataset(docUrl);
   } catch {
@@ -178,5 +206,12 @@ export const createDocument = async (file, fileDescription, session, podUrl) =>
   }
   return 'A file with this name already exists';
 };
+
 // export const fetchDocument = (filename, session, podUrl) => {}
-// export const deleteDocument = (filename, session, podUrl) => {}
+export const deleteDocument = async (session, docUrl) => {
+  const options = {
+    fetch: session.fetch
+  };
+  const container = await getSolidDataset(docUrl, options);
+  await deleteRecursively(container, options);
+};
diff --git a/src/utils/index.js b/src/utils/index.js
index 53abeed28..c9fc4f3ae 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -14,3 +14,4 @@ import runNotification from './frontend/notification-helper';
 export { docTypes, runNotification };
 
 export * from './network/session-core';
+export * from './network/session-helper';
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index f4bb08a28..a6a8120cb 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -1,15 +1,5 @@
-import {
-  createContainerAt,
-  getSolidDataset,
-  createThing,
-  buildThing,
-  setThing,
-  createSolidDataset,
-  saveSolidDatasetInContainer,
-  deleteFile,
-  getThingAll
-} from '@inrupt/solid-client';
-import { RDF_PREDICATES, INTERACTION_TYPES } from '../../constants';
+import { createContainerAt, getSolidDataset, getThingAll } from '@inrupt/solid-client';
+import { INTERACTION_TYPES } from '../../constants';
 import {
   getContainerUrl,
   setDocAclForUser,
@@ -18,8 +8,7 @@ import {
   parseMessageTTL,
   buildMessageTTL,
   setDocAclForPublic,
-  getPodUrl,
-  getAllFiles
+  getPodUrl
 } from './session-helper';
 
 /**
@@ -155,89 +144,6 @@ export const checkContainerPermission = async (session, otherPodUsername) => {
   }
 };
 
-/**
- * Function that deletes all files from a Solid container associated to a file
- * type, if exist, and returns the container's URL
- *
- * @memberof utils
- * @function deleteDocuments
- * @param {Session} session - Solid's Session Object (see {@link Session})
- * @param {string} fileType - Type of document
- * @returns {Promise} Promise - Deletes all existing files within a certain
- * container
- */
-
-export const deleteDocumentFile = async (session, fileType) => {
-  const containerToDeletedUrl = getContainerUrl(session, 'Documents', INTERACTION_TYPES.SELF);
-  const documentUrl = `${containerToDeletedUrl}${fileType.replace("'", '').replace(' ', '_')}/`;
-
-  const fetched = await getSolidDataset(documentUrl, { fetch: session.fetch });
-
-  // Solid requires all files within Pod container must be deleted before
-  // the container itself can be deleted from Pod
-  const files = getAllFiles(fetched);
-  files.filter(async (file) => {
-    if (!file.url.endsWith('/')) {
-      await deleteFile(file.url, { fetch: session.fetch });
-    }
-  });
-};
-
-/**
- * Function that generates the Documents container for users
- *
- * @memberof utils
- * @param {Session} session - Solid's Session Object
- * @param {URL} podUrl - The user's Pod URL
- * @returns {Promise} Promise - Creates Documents container for storage of
- * documents being uploaded by authorized users
- */
-
-export const createDocumentContainer = async (session, podUrl) => {
-  const userContainerUrl = `${podUrl}PASS/Documents/`;
-
-  try {
-    await getSolidDataset(userContainerUrl, { fetch: session.fetch });
-  } catch {
-    await createContainerAt(userContainerUrl, { fetch: session.fetch });
-
-    const newTtlFile = buildThing(createThing({ name: 'documentContainer' }))
-      .addStringNoLocale(RDF_PREDICATES.name, 'Document Container')
-      .addStringNoLocale(RDF_PREDICATES.description, 'A container for documents')
-      .addUrl(RDF_PREDICATES.url, `${userContainerUrl}container.ttl`)
-      .build();
-
-    let newSolidDataset = createSolidDataset();
-    newSolidDataset = setThing(newSolidDataset, newTtlFile);
-
-    // Generate document.ttl file for container
-    await saveSolidDatasetInContainer(userContainerUrl, newSolidDataset, {
-      slugSuggestion: 'container.ttl',
-      contentType: 'text/turtle',
-      fetch: session.fetch
-    });
-
-    // Generate ACL file for container
-    await setDocAclForUser(session, userContainerUrl, 'create', session.info.webId);
-  }
-
-  const createContainerList = [
-    `${userContainerUrl}Bank_Statement/`,
-    `${userContainerUrl}Passport/`,
-    `${userContainerUrl}Drivers_License/`
-  ];
-
-  createContainerList.forEach(async (url) => {
-    try {
-      await getSolidDataset(url, { fetch: session.fetch });
-    } catch {
-      await createContainerAt(url, { fetch: session.fetch });
-
-      await setDocAclForUser(session, url, 'create', session.info.webId);
-    }
-  });
-};
-
 /**
  * Function that creates a public container in the user's Pod when logging in for
  * the first time
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 0293a7e91..24251601f 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -1,17 +1,10 @@
-import {
-  createContainerAt,
-  deleteFile,
-  getSolidDataset,
-  saveSolidDatasetInContainer
-} from '@inrupt/solid-client';
+import { createContainerAt, getSolidDataset } from '@inrupt/solid-client';
 import { expect, vi, it, describe, afterEach, beforeEach } from 'vitest';
 import {
   checkContainerPermission,
-  createDocumentContainer,
   createInbox,
   createOutbox,
   createPublicContainer,
-  deleteDocumentFile,
   getDocuments
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
@@ -52,30 +45,6 @@ describe('checkContainerPermission', () => {
   });
 });
 
-describe('deleteDocumentFile', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('returns containerUrl after deleting all files inside', async () => {
-    vi.spyOn(sessionHelpers, 'getAllFiles').mockReturnValue([
-      { url: 'https://pod.example.com/PASS/Passport/document.ttl' },
-      { url: 'https://pod.example.com/PASS/Passport/uploaded.pdf' }
-    ]);
-
-    await deleteDocumentFile(session, 'Passport');
-    expect(deleteFile).toBeCalledTimes(2);
-  });
-});
-
 describe('getDocuments', () => {
   beforeEach(() => {
     session = {
@@ -102,37 +71,6 @@ describe('getDocuments', () => {
   });
 });
 
-describe('createDocumentContainer', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('just runs getSolidDataset if all containers exist', async () => {
-    await createDocumentContainer(session, mockPodUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).not.toBeCalled();
-  });
-
-  it('runs catch block if getSolidDataset rejects', async () => {
-    getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockReturnValue();
-
-    await createDocumentContainer(session, mockPodUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).toBeCalled();
-    expect(saveSolidDatasetInContainer).toBeCalled();
-    expect(sessionHelpers.setDocAclForUser).toBeCalled();
-  });
-});
-
 describe('createInbox', () => {
   beforeEach(() => {
     session = {

From b5a3f910256f57ea788b2937a8df28990ef95868 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sun, 11 Jun 2023 16:23:34 -0700
Subject: [PATCH 056/304] add test case

---
 __mocks__/@inrupt/solid-client.js          |   1 +
 src/components/Form/UploadDocumentForm.jsx |   6 +-
 src/model-helpers/Document.js              |  58 +++-----
 src/utils/frontend/FormSubmissionHelper.js |  66 ---------
 test/contexts/SignedInUserContext.test.jsx |   2 +-
 test/helpers/helperFile.txt                |   9 ++
 test/helpers/test-globals.js               |   5 +
 test/{ => helpers}/testHelpers.js          |   0
 test/model-helpers/Document.test.js        | 150 +++++++++++++++++++++
 vitest.config.js                           |  12 ++
 10 files changed, 199 insertions(+), 110 deletions(-)
 delete mode 100644 src/utils/frontend/FormSubmissionHelper.js
 create mode 100644 test/helpers/helperFile.txt
 create mode 100644 test/helpers/test-globals.js
 rename test/{ => helpers}/testHelpers.js (100%)
 create mode 100644 test/model-helpers/Document.test.js
 create mode 100644 vitest.config.js

diff --git a/__mocks__/@inrupt/solid-client.js b/__mocks__/@inrupt/solid-client.js
index b988818b5..4cd696f14 100644
--- a/__mocks__/@inrupt/solid-client.js
+++ b/__mocks__/@inrupt/solid-client.js
@@ -19,3 +19,4 @@ export const createContainerAt = vi.fn(() => Promise.resolve());
 export const deleteFile = vi.fn(() => Promise.resolve());
 export const getSolidDatasetWithAcl = vi.fn(mockDatasetFactory);
 export const saveSolidDatasetInContainer = vi.fn(() => Promise.resolve());
+export const saveFileInContainer = vi.fn(() => Promise.resolve());
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 66d7f13ec..c37a63666 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -5,7 +5,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 import { SignedInUserContext } from '../../contexts/SignedInUserContext';
-import { createDocument } from '../../model-helpers';
+import { createDocument, signDocument } from '../../model-helpers';
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
 import { runNotification } from '../../utils';
@@ -69,7 +69,9 @@ const UploadDocumentForm = () => {
     const activePod = selectedUser.podUrl || podUrl;
 
     try {
-      await createDocument(file, fileDesc, session, `${activePod}PASS/`);
+      const doc = await createDocument(file, fileDesc, session, `${activePod}PASS/`);
+      if (verifyFile)
+        await signDocument(doc, session, `${activePod}PASS/${docType}/${file.name.split('.')[0]}/`);
       runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
     } catch (error) {
       runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index dfb02c0bb..1bf5e18df 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -11,7 +11,8 @@ import {
   saveFileInContainer,
   getContainedResourceUrlAll,
   deleteFile,
-  deleteSolidDataset
+  deleteSolidDataset,
+  getDate
 } from '@inrupt/solid-client';
 
 import sha256 from 'crypto-js/sha256';
@@ -45,31 +46,6 @@ export const signDocument = async (document, session, containerUrl) => {
   });
 };
 
-/**
- * Function that fetch the URL of the container containing a specific file
- * uploaded to a user's Pod on Solid, if exist
- *
- * @memberof utils
- * @function getDocuments
- * @param {Session} session - Solid's Session Object (see {@link Session})
- * @param {string} fileType - Type of document
- * @param {string} podUrl - Url to other user's Pod (set to empty string
- * by default)
- * @returns {Promise<URL>} Promise - Either a string containing the url location of
- * the document, if exist, or throws an Error
- */
-export const getDocuments = async (session, fileType, podUrl) => {
-  const documentUrl = `${podUrl}${fileType}`;
-
-  try {
-    await getSolidDataset(documentUrl, { fetch: session.fetch });
-
-    return documentUrl;
-  } catch (error) {
-    throw new Error('No data found');
-  }
-};
-
 /**
  * Helper Function that returns Driver's License ttl file based off of image passed
  *
@@ -129,27 +105,27 @@ const addAdditionalInfo = (thing, fileObject) => {
   return thing;
 };
 
-export const serializeDocument = async (fileObject, documentUrl, file) => {
+export const docDescToThing = async (docDesc, documentUrl, file) => {
   const checksum = await createFileChecksum(file);
 
-  let thing = buildThing(createThing({ name: fileObject.name }))
-    .addDatetime(RDF_PREDICATES.uploadDate, new Date())
-    .addStringNoLocale(RDF_PREDICATES.name, fileObject.name)
-    .addStringNoLocale(RDF_PREDICATES.identifier, fileObject.type)
-    .addStringNoLocale(RDF_PREDICATES.endDate, fileObject.date)
+  let thing = buildThing(createThing({ name: docDesc.name }))
+    .addDate(RDF_PREDICATES.uploadDate, new Date())
+    .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
+    .addStringNoLocale(RDF_PREDICATES.identifier, docDesc.type)
+    .addDate(RDF_PREDICATES.endDate, docDesc.date)
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
-    .addStringNoLocale(RDF_PREDICATES.description, fileObject.description)
+    .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
     .addUrl(RDF_PREDICATES.url, documentUrl);
 
-  thing = addAdditionalInfo(thing, fileObject);
+  thing = addAdditionalInfo(thing, docDesc);
   return thing.build();
 };
 
 export const parseDocument = (documentThing) => {
-  const uploadDate = getStringNoLocale(documentThing, RDF_PREDICATES.uploadDate);
+  const uploadDate = getDate(documentThing, RDF_PREDICATES.uploadDate);
   const name = getStringNoLocale(documentThing, RDF_PREDICATES.name);
   const type = getStringNoLocale(documentThing, RDF_PREDICATES.identifier);
-  const endDate = getStringNoLocale(documentThing, RDF_PREDICATES.endDate);
+  const endDate = getDate(documentThing, RDF_PREDICATES.endDate);
   const checksum = getStringNoLocale(documentThing, RDF_PREDICATES.sha256);
   const description = getStringNoLocale(documentThing, RDF_PREDICATES.description);
   const fileUrl = getUrl(documentThing, RDF_PREDICATES.URL);
@@ -181,7 +157,7 @@ const deleteRecursively = async (dataset, options) => {
   await deleteSolidDataset(dataset, options);
 };
 
-export const saveDocument = async (docThing, dataset, session, docUrl) => {
+export const saveDescription = async (docThing, dataset, session, docUrl) => {
   const newDataset = setThing(dataset, docThing);
   const name = getStringNoLocale(docThing, RDF_PREDICATES.name);
   const doc = await saveSolidDatasetAt(`${docUrl}${name}.ttl`, newDataset, {
@@ -194,17 +170,17 @@ export const createDocument = async (file, fileDescription, session, passUrl) =>
   const { type, name } = fileDescription;
   const docUrl = `${passUrl}Documents/${type}/${name}/`;
   try {
-    await getSolidDataset(docUrl);
+    await getSolidDataset(docUrl); // check to see if the file already exists
   } catch {
-    const docThing = await serializeDocument(fileDescription, docUrl, file);
-    const doc = await saveDocument(docThing, createSolidDataset(), session, docUrl);
+    const docThing = await docDescToThing(fileDescription, docUrl, file);
+    const doc = await saveDescription(docThing, createSolidDataset(), session, docUrl);
     await saveFileInContainer(docUrl, file, {
       fetch: session.fetch,
       slugSuggestion: file.name
     });
     return parseDocument(getThingAll(doc)[0]);
   }
-  return 'A file with this name already exists';
+  throw Error('A file of this name already exists');
 };
 
 // export const fetchDocument = (filename, session, podUrl) => {}
diff --git a/src/utils/frontend/FormSubmissionHelper.js b/src/utils/frontend/FormSubmissionHelper.js
deleted file mode 100644
index 6985d4e56..000000000
--- a/src/utils/frontend/FormSubmissionHelper.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import runNotification from './notification-helper';
-import { uploadDocument, updateDocument } from '../network/session-core';
-
-/**
- * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
- */
-
-/**
- * Makes a default handleFormSubmission function that can be used
- * by form elements in PASS
- *
- * @memberof utils
- * @function makeHandleFormSubmission
- * @param {string} uploadType - Type of upload (cross, self, etc.) to perform
- * @param {object} state - current state
- * @param {object} dispatch - dispatch for actions
- * @param {Session} session - current Solid session
- * @param {Function} clearInputFields - function to call to clear form
- * @returns {Function} A function that components can call to submit forms to PASS
- */
-const makeHandleFormSubmission =
-  (uploadType, state, dispatch, session, clearInputFields) =>
-  async (event, crossPodUsername = '') => {
-    event.preventDefault();
-    dispatch({ type: 'SET_PROCESSING' });
-
-    if (!state.file) {
-      runNotification('Submission failed. Reason: missing file', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
-    const fileObject = {
-      type: event.target.document.value,
-      date: event.target.date.value,
-      description: event.target.description.value,
-      file: state.file
-    };
-
-    try {
-      runNotification(`Uploading to Pod...`, 3, state, dispatch);
-
-      await uploadDocument(session, uploadType, fileObject, state.verifyFile, crossPodUsername);
-
-      runNotification(`File uploaded on Pod.`, 5, state, dispatch);
-      clearInputFields(event);
-    } catch (e) {
-      try {
-        runNotification('Updating on Pod...', 3, state, dispatch);
-
-        await updateDocument(session, uploadType, fileObject, crossPodUsername);
-
-        runNotification(`File updated on Pod.`, 5, state, dispatch);
-        clearInputFields(event);
-      } catch (error) {
-        runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
-        setTimeout(() => {
-          clearInputFields(event);
-        }, 3000);
-      }
-    }
-  };
-
-export default makeHandleFormSubmission;
diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index cd320422f..871bdb86a 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -12,7 +12,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 import { expect, it, afterEach, describe, vi } from 'vitest';
 import { SignedInUserContext, SignedInUserContextProvider } from '../../src/contexts';
 import { RDF_PREDICATES } from '../../src/constants';
-import flushPromises from '../testHelpers';
+import flushPromises from '../helpers/testHelpers';
 
 const TestConsumer = () => {
   const { podUrl } = useContext(SignedInUserContext);
diff --git a/test/helpers/helperFile.txt b/test/helpers/helperFile.txt
new file mode 100644
index 000000000..3c5099cf1
--- /dev/null
+++ b/test/helpers/helperFile.txt
@@ -0,0 +1,9 @@
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget felis consectetur, condimentum nisl vel, feugiat augue. Suspendisse suscipit est a enim tincidunt, nec mollis leo convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in metus elit. Curabitur congue, ipsum non varius aliquam, magna nibh venenatis urna, in facilisis magna turpis id risus. Pellentesque nibh neque, mattis eget consequat ac, dictum at magna. Cras in tempor arcu. In eget hendrerit nulla, vitae aliquet est. Phasellus in neque gravida, ultrices tortor hendrerit, congue mi. Sed in tristique mi, sed porta neque. Praesent et arcu tempus, pharetra nisl eu, congue ligula.
+
+Phasellus posuere odio sapien, a ornare libero iaculis non. Phasellus in orci suscipit, posuere purus in, mollis tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum mauris scelerisque pharetra fermentum. Duis accumsan elementum blandit. Nulla commodo ullamcorper erat a pulvinar. Maecenas venenatis dolor diam, quis efficitur felis mollis venenatis. Integer ut dui consectetur, condimentum nisl ac, tincidunt nisi.
+
+Proin purus est, gravida non urna at, tempor eleifend velit. Suspendisse non fermentum risus, in lacinia lorem. Duis id diam ultricies, rhoncus nibh nec, ultricies sapien. Aliquam erat volutpat. Ut ipsum turpis, auctor vitae viverra ut, congue nec augue. Nulla eu quam at dui viverra sodales sed at libero. Aliquam sit amet cursus augue, ut condimentum dui. Quisque ornare massa et turpis maximus, auctor luctus dui imperdiet. Integer placerat lectus convallis egestas sollicitudin. Sed porta tellus eros, tristique commodo nibh venenatis nec.
+
+In fringilla urna id sem euismod, nec egestas lectus finibus. Cras non convallis metus. Duis quis ipsum ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur sem magna, dictum nec mattis a, posuere et eros. Quisque et sem interdum, auctor ex cursus, vestibulum enim. Ut commodo eros libero, non egestas nisl interdum nec. Nam rutrum, ante at vestibulum mollis, mi lorem malesuada odio, at interdum dui lorem nec elit. Proin lectus magna, lacinia in consectetur ut, faucibus ut orci.
+
+Duis eu neque et augue pretium auctor. Donec sit amet elit nibh. In ac mauris porta, scelerisque augue vel, viverra est. Nulla est odio, volutpat at lacus id, lobortis venenatis ligula. Integer volutpat, nulla et venenatis dictum, magna dui ullamcorper nunc, quis luctus erat ipsum vitae tortor. Nullam iaculis libero sit amet massa ultrices, et faucibus sapien interdum. Cras at nulla elit. Donec libero enim, consectetur ac eleifend sit amet, interdum sed libero. Nulla non hendrerit turpis. In non feugiat felis, eget molestie tellus. Duis commodo eu neque varius fermentum. Nullam sollicitudin lorem sapien. Nam eleifend lacus quis eros rhoncus interdum. Phasellus finibus ex aliquet, laoreet arcu sit amet, elementum turpis. Donec a sodales nisi. Mauris imperdiet elementum dolor sed imperdiet.
\ No newline at end of file
diff --git a/test/helpers/test-globals.js b/test/helpers/test-globals.js
new file mode 100644
index 000000000..0d4a194bd
--- /dev/null
+++ b/test/helpers/test-globals.js
@@ -0,0 +1,5 @@
+/* eslint-disable */
+export const setup = () => {
+  process.env.TZ = 'UTC';
+};
+/* eslint-enable */
diff --git a/test/testHelpers.js b/test/helpers/testHelpers.js
similarity index 100%
rename from test/testHelpers.js
rename to test/helpers/testHelpers.js
diff --git a/test/model-helpers/Document.test.js b/test/model-helpers/Document.test.js
new file mode 100644
index 000000000..ad74a5744
--- /dev/null
+++ b/test/model-helpers/Document.test.js
@@ -0,0 +1,150 @@
+import { expect, vi, it, describe } from 'vitest';
+import { webcrypto } from 'crypto';
+import {
+  buildThing,
+  createSolidDataset,
+  createThing,
+  getSolidDataset,
+  mockSolidDatasetFrom,
+  saveSolidDatasetAt,
+  setThing
+} from '@inrupt/solid-client';
+import sha256 from 'crypto-js/sha256';
+import { RDF_PREDICATES } from '../../src/constants';
+import {
+  docDescToThing,
+  parseDocument,
+  saveDescription,
+  createDocument
+  // deleteDocument
+} from '../../src/model-helpers/Document';
+
+vi.mock('@inrupt/solid-client');
+
+const fileText =
+  'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget felis consectetur, condimentum nisl vel, feugiat augue. Suspendisse suscipit est a enim tincidunt, nec mollis leo convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in metus elit. Curabitur congue, ipsum non varius aliquam, magna nibh venenatis urna, in facilisis magna turpis id risus. Pellentesque nibh neque, mattis eget consequat ac, dictum at magna. Cras in tempor arcu. In eget hendrerit nulla, vitae aliquet est. Phasellus in neque gravida, ultrices tortor hendrerit, congue mi. Sed in tristique mi, sed porta neque. Praesent et arcu tempus, pharetra nisl eu, congue ligula.';
+
+describe('docDescToThing', () => {
+  window.crypto = webcrypto;
+
+  it('correctly converts a document description to a thing', async () => {
+    const testFile = {
+      text: vi.fn().mockResolvedValue(fileText)
+    };
+    const hash = sha256(fileText);
+    const doc = {
+      name: 'name',
+      type: 'type',
+      date: new Date('December 17, 1995'),
+      description: 'description'
+    };
+    const thing = await docDescToThing(doc, 'http://example.com', testFile);
+    const newDoc = parseDocument(thing);
+    expect(newDoc).toMatchObject({
+      name: 'name',
+      checksum: hash,
+      type: 'type',
+      description: 'description'
+    });
+  });
+});
+
+describe('parseDocument', () => {
+  it('correctly converts an input thing into a javascript object', () => {
+    const hash = sha256(fileText);
+
+    const doc = {
+      name: 'name',
+      type: 'type',
+      date: new Date('December 17, 1995'),
+      description: 'description'
+    };
+
+    const thing = buildThing(createThing({ name: doc.name }))
+      .addDate(RDF_PREDICATES.uploadDate, new Date())
+      .addStringNoLocale(RDF_PREDICATES.name, doc.name)
+      .addStringNoLocale(RDF_PREDICATES.identifier, doc.type)
+      .addDate(RDF_PREDICATES.endDate, doc.date)
+      .addStringNoLocale(RDF_PREDICATES.sha256, hash)
+      .addStringNoLocale(RDF_PREDICATES.description, doc.description)
+      .addUrl(RDF_PREDICATES.url, 'http://example.com')
+      .build();
+
+    const newDoc = parseDocument(thing);
+
+    expect(newDoc).toMatchObject({
+      checksum: hash,
+      description: doc.description,
+      name: doc.name,
+      type: doc.type
+    });
+  });
+});
+
+describe('saveDescription', () => {
+  it('sends the correct document thing to pod', async () => {
+    const testFile = {
+      text: vi.fn().mockResolvedValue(fileText)
+    };
+
+    const session = {
+      fetch: vi.fn()
+    };
+    const doc = {
+      name: 'name',
+      type: 'type',
+      date: new Date('December 17, 1995'),
+      description: 'description'
+    };
+    const thing = await docDescToThing(doc, 'http://example.com', testFile);
+    await saveDescription(thing, createSolidDataset(), session, 'https://example.com');
+    expect(saveSolidDatasetAt).toBeCalled();
+  });
+});
+
+describe('createDocument', () => {
+  it('saves both the file and doc description to pod', async () => {
+    const session = {
+      fetch: vi.fn()
+    };
+    const hash = sha256(fileText);
+
+    const testFile = {
+      text: vi.fn().mockResolvedValue(fileText)
+    };
+    const doc = {
+      name: 'name',
+      type: 'type',
+      date: new Date('December 17, 1995'),
+      description: 'description'
+    };
+
+    const thing = buildThing(createThing({ name: doc.name }))
+      .addDate(RDF_PREDICATES.uploadDate, new Date())
+      .addStringNoLocale(RDF_PREDICATES.name, doc.name)
+      .addStringNoLocale(RDF_PREDICATES.identifier, doc.type)
+      .addDate(RDF_PREDICATES.endDate, doc.date)
+      .addStringNoLocale(RDF_PREDICATES.sha256, hash)
+      .addStringNoLocale(RDF_PREDICATES.description, doc.description)
+      .addUrl(RDF_PREDICATES.url, 'http://example.com')
+      .build();
+
+    let dataset = mockSolidDatasetFrom('http://example.com');
+    dataset = setThing(dataset, thing);
+
+    getSolidDataset.mockRejectedValueOnce(Error('file not found'));
+    saveSolidDatasetAt.mockResolvedValue(dataset);
+
+    const result = await createDocument(testFile, doc, session, 'https://example.com');
+    expect(result).toMatchObject({
+      checksum: hash,
+      description: doc.description,
+      name: doc.name,
+      type: doc.type
+    });
+  });
+});
+
+describe('deleteDocument', () => {
+  it('removes the document container and all documents from pod', () => {});
+});
diff --git a/vitest.config.js b/vitest.config.js
new file mode 100644
index 000000000..6163fb135
--- /dev/null
+++ b/vitest.config.js
@@ -0,0 +1,12 @@
+// vitest.config.ts
+import {mergeConfig} from 'vite'
+import {defineConfig} from 'vitest/config'
+import viteConfig from './vite.config'
+
+export default mergeConfig(viteConfig, defineConfig({
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    globalSetup: './test/helpers/test-globals.js'
+  },
+}))
\ No newline at end of file

From 85219857d43ad1d6b55e230ede658561f66d3b54 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Thu, 15 Jun 2023 10:15:39 -0700
Subject: [PATCH 057/304] fix update

---
 src/components/Form/CrossPodWriteForm.jsx  | 21 +++++--
 src/components/Form/UploadDocumentForm.jsx | 18 +++++-
 src/model-helpers/Document.js              | 67 +++++++++++++---------
 3 files changed, 72 insertions(+), 34 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index d2df99be7..640948a1f 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -5,7 +5,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Utility Imports
 import { runNotification } from '../../utils';
 // Custom Hook Imports
-import { createDocument } from '../../model-helpers';
+import { createDocument, replaceDocument } from '../../model-helpers';
 import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
@@ -54,12 +54,25 @@ const CrossPodWriteForm = () => {
       description
     };
     runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
+    const activePod = podUrl;
 
     try {
-      await createDocument(file, fileDesc, session, `${podUrl}PASS/`);
-      runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
+      await createDocument(file, fileDesc, session, `${activePod}PASS/`);
+      runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
     } catch (error) {
-      runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
+      const confirmationMessage =
+        'A file of this name already exists on the pod. Would you like to replace it?';
+
+      switch (error.message) {
+        case 'File already exists':
+          if (window.confirm(confirmationMessage)) {
+            await replaceDocument(file, fileDesc, session, `${activePod}PASS/`);
+            runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
+          }
+          break;
+        default:
+          runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
+      }
     } finally {
       clearInputFields();
     }
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index c37a63666..09b39d661 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -5,7 +5,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 import { SignedInUserContext } from '../../contexts/SignedInUserContext';
-import { createDocument, signDocument } from '../../model-helpers';
+import { createDocument, replaceDocument, signDocument } from '../../model-helpers';
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
 import { runNotification } from '../../utils';
@@ -72,9 +72,21 @@ const UploadDocumentForm = () => {
       const doc = await createDocument(file, fileDesc, session, `${activePod}PASS/`);
       if (verifyFile)
         await signDocument(doc, session, `${activePod}PASS/${docType}/${file.name.split('.')[0]}/`);
-      runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
+      runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
     } catch (error) {
-      runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
+      const confirmationMessage =
+        'A file of this name already exists on the pod. Would you like to replace it?';
+
+      switch (error.message) {
+        case 'File already exists':
+          if (window.confirm(confirmationMessage)) {
+            await replaceDocument(file, fileDesc, session, `${activePod}PASS/`);
+            runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
+          }
+          break;
+        default:
+          runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
+      }
     } finally {
       clearInputFields();
     }
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 1bf5e18df..8e4f84de1 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -112,7 +112,7 @@ export const docDescToThing = async (docDesc, documentUrl, file) => {
     .addDate(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
     .addStringNoLocale(RDF_PREDICATES.identifier, docDesc.type)
-    .addDate(RDF_PREDICATES.endDate, docDesc.date)
+    .addDate(RDF_PREDICATES.endDate, new Date(docDesc.date))
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
     .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
     .addUrl(RDF_PREDICATES.url, documentUrl);
@@ -132,6 +132,37 @@ export const parseDocument = (documentThing) => {
   return { uploadDate, name, type, endDate, checksum, description, fileUrl };
 };
 
+export const saveDescription = async (docThing, dataset, session, docUrl) => {
+  const newDataset = setThing(dataset, docThing);
+  const name = getStringNoLocale(docThing, RDF_PREDICATES.name);
+  const doc = await saveSolidDatasetAt(`${docUrl}${name}.ttl`, newDataset, {
+    fetch: session.fetch
+  });
+  return doc;
+};
+
+const createDocumentInternal = async (file, fileDescription, session, docUrl) => {
+  const docThing = await docDescToThing(fileDescription, docUrl, file);
+  const doc = await saveDescription(docThing, createSolidDataset(), session, docUrl);
+  await saveFileInContainer(docUrl, file, {
+    fetch: session.fetch,
+    slugSuggestion: file.name
+  });
+  return parseDocument(getThingAll(doc)[0]);
+};
+
+export const createDocument = async (file, fileDescription, session, passUrl) => {
+  const { type, name } = fileDescription;
+  const docUrl = `${passUrl}Documents/${type}/${name}/`;
+  try {
+    await getSolidDataset(docUrl, { fetch: session.fetch }); // check to see if the file already exists
+  } catch {
+    const result = await createDocumentInternal(file, fileDescription, session, docUrl);
+    return result;
+  }
+  throw Error('File already exists');
+};
+
 const deleteRecursively = async (dataset, options) => {
   const containedResourceUrls = getContainedResourceUrlAll(dataset);
   const containedDatasets = await Promise.all(
@@ -157,32 +188,6 @@ const deleteRecursively = async (dataset, options) => {
   await deleteSolidDataset(dataset, options);
 };
 
-export const saveDescription = async (docThing, dataset, session, docUrl) => {
-  const newDataset = setThing(dataset, docThing);
-  const name = getStringNoLocale(docThing, RDF_PREDICATES.name);
-  const doc = await saveSolidDatasetAt(`${docUrl}${name}.ttl`, newDataset, {
-    fetch: session.fetch
-  });
-  return doc;
-};
-
-export const createDocument = async (file, fileDescription, session, passUrl) => {
-  const { type, name } = fileDescription;
-  const docUrl = `${passUrl}Documents/${type}/${name}/`;
-  try {
-    await getSolidDataset(docUrl); // check to see if the file already exists
-  } catch {
-    const docThing = await docDescToThing(fileDescription, docUrl, file);
-    const doc = await saveDescription(docThing, createSolidDataset(), session, docUrl);
-    await saveFileInContainer(docUrl, file, {
-      fetch: session.fetch,
-      slugSuggestion: file.name
-    });
-    return parseDocument(getThingAll(doc)[0]);
-  }
-  throw Error('A file of this name already exists');
-};
-
 // export const fetchDocument = (filename, session, podUrl) => {}
 export const deleteDocument = async (session, docUrl) => {
   const options = {
@@ -191,3 +196,11 @@ export const deleteDocument = async (session, docUrl) => {
   const container = await getSolidDataset(docUrl, options);
   await deleteRecursively(container, options);
 };
+
+export const replaceDocument = async (file, fileDescription, session, passUrl) => {
+  const { type, name } = fileDescription;
+  const docUrl = `${passUrl}Documents/${type}/${name}/`;
+  await deleteDocument(session, docUrl);
+  const result = await createDocumentInternal(file, fileDescription, session, docUrl);
+  return result;
+};

From 4938e7d47d5727d8eba01d873c96851db9acad8e Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Thu, 15 Jun 2023 11:27:52 -0700
Subject: [PATCH 058/304] fix file name and link

---
 src/model-helpers/Document.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 8e4f84de1..1afb23b24 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -115,7 +115,7 @@ export const docDescToThing = async (docDesc, documentUrl, file) => {
     .addDate(RDF_PREDICATES.endDate, new Date(docDesc.date))
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
     .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
-    .addUrl(RDF_PREDICATES.url, documentUrl);
+    .addUrl(RDF_PREDICATES.url, `${documentUrl}${file.name}`);
 
   thing = addAdditionalInfo(thing, docDesc);
   return thing.build();
@@ -146,7 +146,7 @@ const createDocumentInternal = async (file, fileDescription, session, docUrl) =>
   const doc = await saveDescription(docThing, createSolidDataset(), session, docUrl);
   await saveFileInContainer(docUrl, file, {
     fetch: session.fetch,
-    slugSuggestion: file.name
+    slug: file.name
   });
   return parseDocument(getThingAll(doc)[0]);
 };

From 0481518d160b45c807a147cecc7cb5ba7b42a5aa Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Thu, 15 Jun 2023 11:36:07 -0700
Subject: [PATCH 059/304] fix date

---
 src/model-helpers/Document.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 1afb23b24..2024b3177 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -112,11 +112,11 @@ export const docDescToThing = async (docDesc, documentUrl, file) => {
     .addDate(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
     .addStringNoLocale(RDF_PREDICATES.identifier, docDesc.type)
-    .addDate(RDF_PREDICATES.endDate, new Date(docDesc.date))
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
     .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
     .addUrl(RDF_PREDICATES.url, `${documentUrl}${file.name}`);
 
+  if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
   thing = addAdditionalInfo(thing, docDesc);
   return thing.build();
 };

From 19127a328498358f10a318a2a04c5603875e57c3 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Thu, 15 Jun 2023 17:07:28 -0700
Subject: [PATCH 060/304] Fixing Clear Client button, clearing excess code

---
 .../Form/CheckAclPermsDocContainerForm.jsx    |  4 +-
 src/components/Form/CrossPodQueryForm.jsx     |  6 +--
 src/components/Form/CrossPodWriteForm.jsx     | 18 ++------
 src/components/Form/DeleteDocumentForm.jsx    | 26 ++++++-----
 src/components/Form/DocumentSelection.jsx     |  4 +-
 src/components/Form/FetchDocumentForm.jsx     | 26 ++++++-----
 src/components/Form/SetAclPermissionForm.jsx  | 11 ++---
 .../Form/SetAclPermsDocContainerForm.jsx      |  4 +-
 src/components/Form/UploadDocumentForm.jsx    |  2 -
 src/routes/Forms.jsx                          | 43 ++++++-------------
 10 files changed, 58 insertions(+), 86 deletions(-)

diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
index b790ce56a..3826bfa44 100644
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ b/src/components/Form/CheckAclPermsDocContainerForm.jsx
@@ -29,7 +29,7 @@ const CheckAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
+  const [username, setUsername] = useState('');
   const { podUrl } = useContext(SignedInUserContext);
 
   const clearInputFields = () => {
@@ -108,7 +108,7 @@ const CheckAclPermsDocContainerForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              value={username}
+              value={selectedUser.person ? selectedUser.person : username}
               onChange={(e) => {
                 setUsername(e.target.value);
               }}
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index 0fc2aa0ec..138c3bcea 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -31,7 +31,7 @@ const CrossPodQueryForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
+  const [username, setUsername] = useState('');
   const [docType, setDocType] = useState('');
 
   const handleDocType = (event) => {
@@ -111,12 +111,12 @@ const CrossPodQueryForm = () => {
             <TextField
               id="cross-search-doc"
               name="crossPodQuery"
-              value={username}
+              value={selectedUser.person ? selectedUser.person : username}
               onChange={(e) => {
                 setUsername(e.target.value);
               }}
               placeholder={selectedUser.username}
-              label="Enter Username"
+              label="Search Username"
               required
             />
           </FormControl>
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index ee81db5e1..6cd0831d5 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -6,7 +6,6 @@ import { useSession } from '@inrupt/solid-ui-react';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
-import InputLabel from '@mui/material/InputLabel';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
@@ -37,7 +36,7 @@ const CrossPodWriteForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
+  const [username, setUsername] = useState('');
   const [expireDate, setExpireDate] = useState(null);
   const [docDescription, setDocDescription] = useState('');
   const [docType, setDocType] = useState('');
@@ -99,7 +98,6 @@ const CrossPodWriteForm = () => {
     handleFormSubmit(event, podUsername);
   };
 
-  /* eslint-disable jsx-a11y/label-has-associated-control */
   return (
     <FormSection
       title="Cross Pod Document Upload"
@@ -110,15 +108,12 @@ const CrossPodWriteForm = () => {
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleCrossPodUpload} autoComplete="off">
           <FormControl fullWidth>
-            {/* TODO: Determine whether Typography below is necessary or redundant */}
-            {/* Either way, also determine whether to update all other forms to that */}
-            <Typography htmlFor="cross-upload-doc">Upload document to username:</Typography>
+            <Typography>Upload document to username:</Typography>
             <TextField
-              id="cross-upload-doc"
               name="crossPodUpload"
               label="Search Username"
               required
-              value={username}
+              value={selectedUser.person ? selectedUser.person : username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
             />
@@ -130,11 +125,8 @@ const CrossPodWriteForm = () => {
           />
           <br />
           <FormControl>
-            {/* TODO: Determine whether InputLabel below is necessary or redundant */}
-            <InputLabel htmlFor="upload-doc-expiration" />
             <LocalizationProvider dateAdapter={AdapterDayjs}>
               <DatePicker
-                id="upload-doc-expiration"
                 name="date"
                 format="MM/DD/YYYY"
                 label="Expiration Date"
@@ -152,10 +144,7 @@ const CrossPodWriteForm = () => {
           <br />
           <br />
           <FormControl fullWidth>
-            {/* TODO: Determine whether Typography below is necessary or redundant */}
-            {/* <Typography htmlFor="upload-doc-desc">Enter description:</Typography> */}
             <TextField
-              id="upload-doc-desc"
               name="description"
               multiline
               rows={4}
@@ -209,7 +198,6 @@ const CrossPodWriteForm = () => {
       </Box>
     </FormSection>
   );
-  /* eslint-enable jsx-a11y/label-has-associated-control */
 };
 
 export default CrossPodWriteForm;
diff --git a/src/components/Form/DeleteDocumentForm.jsx b/src/components/Form/DeleteDocumentForm.jsx
index ff3291e94..0d62166d2 100644
--- a/src/components/Form/DeleteDocumentForm.jsx
+++ b/src/components/Form/DeleteDocumentForm.jsx
@@ -68,17 +68,21 @@ const DeleteDocumentForm = () => {
     >
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleDeleteDocument}>
-          <Box display="flex" flexDirection="column" justifyContent="center">
-            <DocumentSelection
-              htmlForAndIdProp="delete-doctype"
-              handleDocType={handleDocType}
-              docType={docType}
-            />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Delete Document
-            </Button>
-          </Box>
+          <DocumentSelection
+            htmlForAndIdProp="delete-doctype"
+            handleDocType={handleDocType}
+            docType={docType}
+          />
+          <br />
+          <Button
+            variant="contained"
+            disabled={state.processing}
+            type="submit"
+            color="primary"
+            fullWidth
+          >
+            Delete Document
+          </Button>
         </form>
       </Box>
     </FormSection>
diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index 5cae1ac35..f09740dad 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -20,7 +20,9 @@ import { docTypes } from '../../utils';
 const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
   <Box sx={{ marginTop: '20px' }}>
     <FormControl sx={{ width: 220 }}>
-      <InputLabel id={`${htmlForAndIdProp}-label`}>Select Document Type *</InputLabel>
+      <InputLabel id={`${htmlForAndIdProp}-label`} required>
+        Select Document Type
+      </InputLabel>
       <Select
         labelId={`${htmlForAndIdProp}-label`}
         id={htmlForAndIdProp}
diff --git a/src/components/Form/FetchDocumentForm.jsx b/src/components/Form/FetchDocumentForm.jsx
index b55e19421..f0e485a3e 100644
--- a/src/components/Form/FetchDocumentForm.jsx
+++ b/src/components/Form/FetchDocumentForm.jsx
@@ -80,17 +80,21 @@ const FetchDocumentForm = () => {
     >
       <Box display="flex" justifyContent="center">
         <form onSubmit={handleGetDocumentSubmission}>
-          <Box display="flex" flexDirection="column" justifyContent="center">
-            <DocumentSelection
-              htmlForAndIdProp="search-doctype"
-              handleDocType={handleDocType}
-              docType={docType}
-            />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Get Document
-            </Button>
-          </Box>
+          <DocumentSelection
+            htmlForAndIdProp="search-doctype"
+            handleDocType={handleDocType}
+            docType={docType}
+          />
+          <br />
+          <Button
+            variant="contained"
+            disabled={state.processing}
+            type="submit"
+            color="primary"
+            fullWidth
+          >
+            Get Document
+          </Button>
         </form>
       </Box>
     </FormSection>
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 56573f16d..7b1e9ce4e 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -34,7 +34,7 @@ const SetAclPermissionForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
+  const [username, setUsername] = useState('');
   const { podUrl } = useContext(SignedInUserContext);
   const [docType, setDocType] = useState('');
 
@@ -132,7 +132,7 @@ const SetAclPermissionForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              value={username}
+              value={selectedUser.person ? selectedUser.person : username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
               label="Search Username"
@@ -147,12 +147,7 @@ const SetAclPermissionForm = () => {
           <br />
           <FormControl fullWidth>
             <FormLabel htmlFor="set-acl-perm-label">Select permission setting:</FormLabel>
-            <RadioGroup
-              row
-              aria-labelledby="set-acl-perm-label"
-              name="set-acl-perm"
-              sx={{ display: 'flex', justifyContent: 'center' }}
-            >
+            <RadioGroup row aria-labelledby="set-acl-perm-label" name="set-acl-perm">
               <FormControlLabel
                 value="Give"
                 control={<Radio />}
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 0b0184968..7be70265f 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -34,7 +34,7 @@ const SetAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
+  const [username, setUsername] = useState('');
   const { podUrl } = useContext(SignedInUserContext);
 
   const clearInputFields = () => {
@@ -123,7 +123,7 @@ const SetAclPermsDocContainerForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              value={username}
+              value={selectedUser.person ? selectedUser.person : username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
               label="Search Username"
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index b8cb7924c..931fbe401 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -88,7 +88,6 @@ const UploadDocumentForm = () => {
     handleFormSubmit(event);
   };
 
-  /* eslint-disable jsx-a11y/label-has-associated-control */
   return (
     <FormSection
       title="Upload Document"
@@ -191,7 +190,6 @@ const UploadDocumentForm = () => {
       </Box>
     </FormSection>
   );
-  /* eslint-enable jsx-a11y/label-has-associated-control */
 };
 
 export default UploadDocumentForm;
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 7e1c12e1f..0244b045d 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -42,37 +42,18 @@ const Forms = () => {
         justifyContent: 'center'
       }}
     >
-      {selectedUser.person ? (
-        <>
-          <Button
-            variant="contained"
-            color="secondary"
-            size="small"
-            aria-label="Clear Client Button"
-            startIcon={<Remove />}
-            onClick={() => setSelectedUser('')}
-            sx={{ margin: '2rem 0 1rem' }}
-          >
-            Clear Client
-          </Button>
-          <Typography variant="body2">Client selected: {selectedUser.person}</Typography>
-        </>
-      ) : (
-        <>
-          <Button
-            variant="contained"
-            color="secondary"
-            size="small"
-            aria-label="Clear Client Button Disabled"
-            startIcon={<Remove />}
-            sx={{ margin: '2rem 0 1rem' }}
-            disabled
-          >
-            Clear Client
-          </Button>
-          <Typography variant="body2">No client selected</Typography>
-        </>
-      )}
+      <Button
+        variant="contained"
+        color="secondary"
+        size="small"
+        aria-label="Clear Client Button"
+        startIcon={<Remove />}
+        onClick={() => setSelectedUser('')}
+        sx={{ margin: '2rem 0 1rem' }}
+      >
+        Clear Client
+      </Button>
+      <Typography>Client selected: {selectedUser.person || 'No client selected'}</Typography>
       <UploadDocumentForm />
       <FetchDocumentForm />
       <DeleteDocumentForm />

From ea5a59f211ef0649171ac801fc1513adcec3f99a Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Thu, 15 Jun 2023 17:27:00 -0700
Subject: [PATCH 061/304] Slight refactoring

---
 src/components/Form/CrossPodWriteForm.jsx  |  8 ++------
 src/components/Form/UploadDocumentForm.jsx | 15 ++-------------
 2 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 6cd0831d5..04edec7cb 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -133,12 +133,8 @@ const CrossPodWriteForm = () => {
                 value={expireDate}
                 onChange={(newExpireDate) => setExpireDate(newExpireDate)}
                 type="date"
-                slotProps={{
-                  textField: {
-                    helperText: 'MM/DD/YYYY'
-                  }
-                }}
               />
+              <FormHelperText>MM/DD/YYYY</FormHelperText>
             </LocalizationProvider>
           </FormControl>
           <br />
@@ -173,7 +169,7 @@ const CrossPodWriteForm = () => {
               sx={{
                 width: '200px',
                 whiteSpace: 'nowrap',
-                overflow: 'hidden !important',
+                overflow: 'hidden',
                 textOverflow: 'ellipsis'
               }}
             >
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 931fbe401..fe2b252c5 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -8,7 +8,6 @@ import Button from '@mui/material/Button';
 import Checkbox from '@mui/material/Checkbox';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import InputLabel from '@mui/material/InputLabel';
 import TextField from '@mui/material/TextField';
 // import Typography from '@mui/material/Typography';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
@@ -111,32 +110,22 @@ const UploadDocumentForm = () => {
           />
           <br />
           <FormControl>
-            {/* TODO: Determine whether InputLabel below is necessary or redundant */}
-            <InputLabel htmlFor="upload-doc-expiration" />
             <LocalizationProvider dateAdapter={AdapterDayjs}>
               <DatePicker
-                id="upload-doc-expiration"
                 name="date"
                 format="MM/DD/YYYY"
                 label="Expiration Date"
                 value={expireDate}
                 onChange={(newExpireDate) => setExpireDate(newExpireDate)}
                 type="date"
-                slotProps={{
-                  textField: {
-                    helperText: 'MM/DD/YYYY'
-                  }
-                }}
               />
+              <FormHelperText>MM/DD/YYYY</FormHelperText>
             </LocalizationProvider>
           </FormControl>
           <br />
           <br />
           <FormControl fullWidth>
-            {/* TODO: Determine whether Typography below is necessary or redundant */}
-            {/* <Typography htmlFor="upload-doc-desc">Enter description:</Typography> */}
             <TextField
-              id="upload-doc-desc"
               name="description"
               multiline
               rows={4}
@@ -165,7 +154,7 @@ const UploadDocumentForm = () => {
               sx={{
                 width: '200px',
                 whiteSpace: 'nowrap',
-                overflow: 'hidden !important',
+                overflow: 'hidden',
                 textOverflow: 'ellipsis'
               }}
             >

From d8b1ae21227a7ebf0ae0b4b7d14d429a285f0227 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Thu, 15 Jun 2023 19:50:14 -0700
Subject: [PATCH 062/304] update document type pathing

---
 src/components/Form/CrossPodWriteForm.jsx  | 2 --
 src/components/Form/DocumentSelection.jsx  | 6 +++---
 src/components/Form/UploadDocumentForm.jsx | 5 +++--
 src/model-helpers/Document.js              | 7 ++++---
 src/reducers/statusReducer.js              | 2 --
 src/utils/frontend/form-helper.js          | 6 +++++-
 6 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 640948a1f..faa5ba13b 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -39,8 +39,6 @@ const CrossPodWriteForm = () => {
     setExpiryDate('');
     setDescription('');
     setFile(null);
-    dispatch({ type: 'CLEAR_FILE' });
-    dispatch({ type: 'CLEAR_VERIFY_FILE' });
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index aa05a8204..621dbd285 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -29,9 +29,9 @@ const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
         onChange={handleDocType}
         name="document"
       >
-        {docTypes.map((doc) => (
-          <MenuItem key={doc.split(' ')[0]} value={doc}>
-            {doc}
+        {Object.entries(docTypes).map(([key, value]) => (
+          <MenuItem key={key} value={key}>
+            {value}
           </MenuItem>
         ))}
       </Select>
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 09b39d661..6b2f1e37a 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -27,6 +27,7 @@ const UploadDocumentForm = () => {
   const [expiryDate, setExpiryDate] = useState('');
   const [description, setDescription] = useState('');
   const [file, setFile] = useState('');
+  const [inputKey, setInputKey] = useState('');
   const { podUrl } = useContext(SignedInUserContext);
   const { selectedUser } = useContext(SelectUserContext);
 
@@ -42,8 +43,7 @@ const UploadDocumentForm = () => {
     setExpiryDate('');
     setDescription('');
     setFile(null);
-    dispatch({ type: 'CLEAR_FILE' });
-    dispatch({ type: 'CLEAR_VERIFY_FILE' });
+    setInputKey(!inputKey); // clears file by forcing re-render
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
@@ -146,6 +146,7 @@ const UploadDocumentForm = () => {
           <input
             id="upload-doctype"
             type="file"
+            key={inputKey}
             name="uploadDoctype"
             accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
             onChange={(e) => setFile(e.target.files[0])}
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 2024b3177..c3e28e8bc 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -53,12 +53,13 @@ export const signDocument = async (document, session, containerUrl) => {
  * @memberof utils
  * @function createDriversLicenseTtlFile
  * @param {fileObjectType} fileObject - Object containing information about file
+ * @param {thing} thing - the thing to add info too
  * @returns {Promise<ThingLocal>} TTL file Thing - Processes a barcode using zxing
  * and returns a new TTL file Thing
  */
-const createDriversLicenseTtlFile = async (fileObject) => {
+const addDriversLicenseInfo = async (fileObject, thing) => {
   const dlData = await getDriversLicenseData(fileObject.file);
-  return buildThing(createThing({ name: 'license information' }))
+  return thing
     .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
     .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)
     .addDate(RDF_PREDICATES.expires, new Date(`${formattedDate(dlData.DBA)}`))
@@ -100,7 +101,7 @@ const createFileChecksum = async (file) => {
 
 const addAdditionalInfo = (thing, fileObject) => {
   if (fileObject.type === "Driver's License") {
-    return thing.addUrl(RDF_PREDICATES.about, createDriversLicenseTtlFile(fileObject));
+    return addDriversLicenseInfo(thing, fileObject);
   }
   return thing;
 };
diff --git a/src/reducers/statusReducer.js b/src/reducers/statusReducer.js
index 563a14a0e..02997a1b8 100644
--- a/src/reducers/statusReducer.js
+++ b/src/reducers/statusReducer.js
@@ -45,8 +45,6 @@ const statusReducer = (state, action) => {
       return { ...state, message: action.payload };
     case 'SET_TIMEOUT_ID':
       return { ...state, timeoutID: action.payload };
-    case 'SET_FILE':
-      return { ...state, file: action.payload };
     case 'SET_PROCESSING':
       return { ...state, processing: true };
     case 'TOGGLE_VERIFY_FILE':
diff --git a/src/utils/frontend/form-helper.js b/src/utils/frontend/form-helper.js
index 6abc0b964..b9bf27c1e 100644
--- a/src/utils/frontend/form-helper.js
+++ b/src/utils/frontend/form-helper.js
@@ -10,6 +10,10 @@
  * @property {string} Drivers_License - Drivers License
  */
 
-const docTypes = ['Bank Statement', 'Passport', "Driver's License"];
+const docTypes = {
+  BankStatement: 'Bank Statement',
+  Passport: 'Passport',
+  DriversLicense: "Driver's License"
+};
 
 export default docTypes;

From ff256fc16b5197acf21940ce1bd28920baa26d66 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Thu, 15 Jun 2023 20:10:50 -0700
Subject: [PATCH 063/304] fix more bugs

---
 src/model-helpers/Document.js | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index c3e28e8bc..c78c2a51e 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -52,13 +52,13 @@ export const signDocument = async (document, session, containerUrl) => {
  * @function createDriversLicenseTtlFile
  * @memberof utils
  * @function createDriversLicenseTtlFile
- * @param {fileObjectType} fileObject - Object containing information about file
  * @param {thing} thing - the thing to add info too
+ * @param {fileObjectType} file - Object containing information about file
  * @returns {Promise<ThingLocal>} TTL file Thing - Processes a barcode using zxing
  * and returns a new TTL file Thing
  */
-const addDriversLicenseInfo = async (fileObject, thing) => {
-  const dlData = await getDriversLicenseData(fileObject.file);
+const addDriversLicenseInfo = async (thing, file) => {
+  const dlData = await getDriversLicenseData(file);
   return thing
     .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
     .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)
@@ -99,9 +99,9 @@ const createFileChecksum = async (file) => {
   return sha256(text);
 };
 
-const addAdditionalInfo = (thing, fileObject) => {
-  if (fileObject.type === "Driver's License") {
-    return addDriversLicenseInfo(thing, fileObject);
+const addAdditionalInfo = (docDesc, thing, file) => {
+  if (docDesc.type === 'DriversLicense') {
+    return addDriversLicenseInfo(thing, file);
   }
   return thing;
 };
@@ -118,7 +118,7 @@ export const docDescToThing = async (docDesc, documentUrl, file) => {
     .addUrl(RDF_PREDICATES.url, `${documentUrl}${file.name}`);
 
   if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
-  thing = addAdditionalInfo(thing, docDesc);
+  thing = addAdditionalInfo(docDesc, thing, file);
   return thing.build();
 };
 
@@ -142,8 +142,8 @@ export const saveDescription = async (docThing, dataset, session, docUrl) => {
   return doc;
 };
 
-const createDocumentInternal = async (file, fileDescription, session, docUrl) => {
-  const docThing = await docDescToThing(fileDescription, docUrl, file);
+const createDocumentInternal = async (file, docDescription, session, docUrl) => {
+  const docThing = await docDescToThing(docDescription, docUrl, file);
   const doc = await saveDescription(docThing, createSolidDataset(), session, docUrl);
   await saveFileInContainer(docUrl, file, {
     fetch: session.fetch,
@@ -152,13 +152,13 @@ const createDocumentInternal = async (file, fileDescription, session, docUrl) =>
   return parseDocument(getThingAll(doc)[0]);
 };
 
-export const createDocument = async (file, fileDescription, session, passUrl) => {
-  const { type, name } = fileDescription;
+export const createDocument = async (file, docDescription, session, passUrl) => {
+  const { type, name } = docDescription;
   const docUrl = `${passUrl}Documents/${type}/${name}/`;
   try {
     await getSolidDataset(docUrl, { fetch: session.fetch }); // check to see if the file already exists
   } catch {
-    const result = await createDocumentInternal(file, fileDescription, session, docUrl);
+    const result = await createDocumentInternal(file, docDescription, session, docUrl);
     return result;
   }
   throw Error('File already exists');

From 3c283a4e28c663f262ce0baef367c34162e785f5 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Thu, 15 Jun 2023 20:49:27 -0700
Subject: [PATCH 064/304] fix issue with barcode scanner

---
 src/model-helpers/Document.js     | 58 +++++++++++++++++--------------
 src/utils/barcode/barcode-scan.js |  5 ++-
 2 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index c78c2a51e..1d0bfd40f 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -58,30 +58,33 @@ export const signDocument = async (document, session, containerUrl) => {
  * and returns a new TTL file Thing
  */
 const addDriversLicenseInfo = async (thing, file) => {
-  const dlData = await getDriversLicenseData(file);
-  return thing
-    .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
-    .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)
-    .addDate(RDF_PREDICATES.expires, new Date(`${formattedDate(dlData.DBA)}`))
-    .addStringNoLocale(RDF_PREDICATES.givenName, dlData.DCS)
-    .addStringNoLocale(RDF_PREDICATES.alternateName, dlData.DAC)
-    .addStringNoLocale(RDF_PREDICATES.familyName, dlData.DAD)
-    .addDate(RDF_PREDICATES.dateIssued, new Date(`${formattedDate(dlData.DBD)}`))
-    .addDate(RDF_PREDICATES.dateOfBirth, new Date(`${formattedDate(dlData.DBB)}`))
-    .addStringNoLocale(RDF_PREDICATES.gender, dlData.DBC)
-    .addStringNoLocale(RDF_PREDICATES.Eye, dlData.DAY)
-    .addInteger(RDF_PREDICATES.height, Number(dlData.DAU))
-    .addStringNoLocale(RDF_PREDICATES.streetAddress, dlData.DAG)
-    .addStringNoLocale(RDF_PREDICATES.City, dlData.DAI)
-    .addStringNoLocale(RDF_PREDICATES.State, dlData.DAJ)
-    .addStringNoLocale(RDF_PREDICATES.postalCode, dlData.DAK)
-    .addStringNoLocale(RDF_PREDICATES.identifier, dlData.DAQ)
-    .addStringNoLocale(RDF_PREDICATES.identifier, dlData.DCF)
-    .addStringNoLocale(RDF_PREDICATES.Country, dlData.DCG)
-    .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDE)
-    .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDF)
-    .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDG)
-    .build();
+  try {
+    const dlData = await getDriversLicenseData(file);
+    return thing
+      .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
+      .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)
+      .addDate(RDF_PREDICATES.expires, new Date(`${formattedDate(dlData.DBA)}`))
+      .addStringNoLocale(RDF_PREDICATES.givenName, dlData.DCS)
+      .addStringNoLocale(RDF_PREDICATES.alternateName, dlData.DAC)
+      .addStringNoLocale(RDF_PREDICATES.familyName, dlData.DAD)
+      .addDate(RDF_PREDICATES.dateIssued, new Date(`${formattedDate(dlData.DBD)}`))
+      .addDate(RDF_PREDICATES.dateOfBirth, new Date(`${formattedDate(dlData.DBB)}`))
+      .addStringNoLocale(RDF_PREDICATES.gender, dlData.DBC)
+      .addStringNoLocale(RDF_PREDICATES.Eye, dlData.DAY)
+      .addInteger(RDF_PREDICATES.height, Number(dlData.DAU))
+      .addStringNoLocale(RDF_PREDICATES.streetAddress, dlData.DAG)
+      .addStringNoLocale(RDF_PREDICATES.City, dlData.DAI)
+      .addStringNoLocale(RDF_PREDICATES.State, dlData.DAJ)
+      .addStringNoLocale(RDF_PREDICATES.postalCode, dlData.DAK)
+      .addStringNoLocale(RDF_PREDICATES.identifier, dlData.DAQ)
+      .addStringNoLocale(RDF_PREDICATES.identifier, dlData.DCF)
+      .addStringNoLocale(RDF_PREDICATES.Country, dlData.DCG)
+      .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDE)
+      .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDF)
+      .addStringNoLocale(RDF_PREDICATES.additionalName, dlData.DDG);
+  } catch (e) {
+    return thing;
+  }
 };
 
 /**
@@ -99,9 +102,10 @@ const createFileChecksum = async (file) => {
   return sha256(text);
 };
 
-const addAdditionalInfo = (docDesc, thing, file) => {
+const addAdditionalInfo = async (docDesc, thing, file) => {
   if (docDesc.type === 'DriversLicense') {
-    return addDriversLicenseInfo(thing, file);
+    const retThing = await addDriversLicenseInfo(thing, file);
+    return retThing;
   }
   return thing;
 };
@@ -118,7 +122,7 @@ export const docDescToThing = async (docDesc, documentUrl, file) => {
     .addUrl(RDF_PREDICATES.url, `${documentUrl}${file.name}`);
 
   if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
-  thing = addAdditionalInfo(docDesc, thing, file);
+  thing = await addAdditionalInfo(docDesc, thing, file);
   return thing.build();
 };
 
diff --git a/src/utils/barcode/barcode-scan.js b/src/utils/barcode/barcode-scan.js
index 4a54b22db..181285bb9 100644
--- a/src/utils/barcode/barcode-scan.js
+++ b/src/utils/barcode/barcode-scan.js
@@ -9,12 +9,15 @@ import { BrowserPDF417Reader } from '@zxing/browser';
  * @returns {Promise} Promise - returns a Promise with base64 image
  */
 const readImageFile = async (file) => {
-  const returnedImage = new Promise((resolve) => {
+  const returnedImage = new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onload = (event) => {
       const image = new Image();
       image.src = event.target.result;
       image.onload = () => resolve(image);
+      image.onerror = (e) => {
+        reject(e);
+      };
     };
     reader.readAsDataURL(file);
   });

From 8ceb3fd3965d5e093f210dc3945118faeb82904b Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Fri, 16 Jun 2023 09:06:50 -0700
Subject: [PATCH 065/304] fix bugs in cross pod write

---
 src/components/Form/CrossPodWriteForm.jsx  |  8 ++++----
 src/components/Form/UploadDocumentForm.jsx | 12 ++++++++----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index faa5ba13b..f8c94bbcb 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -27,8 +27,8 @@ const CrossPodWriteForm = () => {
   const [docType, setDocType] = useState('');
   const [expiryDate, setExpiryDate] = useState('');
   const [description, setDescription] = useState('');
-  const [file, setFile] = useState('');
-  const { podUrl, person } = useContext(SelectUserContext);
+  const [file, setFile] = useState(null);
+  const { selectedUser } = useContext(SelectUserContext);
 
   const handleDocType = (event) => {
     setDocType(event.target.value);
@@ -52,7 +52,7 @@ const CrossPodWriteForm = () => {
       description
     };
     runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
-    const activePod = podUrl;
+    const activePod = selectedUser.podUrl;
 
     try {
       await createDocument(file, fileDesc, session, `${activePod}PASS/`);
@@ -90,7 +90,7 @@ const CrossPodWriteForm = () => {
     >
       <form onSubmit={handleFormSubmission} autoComplete="off">
         <div style={formRowStyle}>
-          <p>Upload document to {person}: </p>
+          <p>Upload document to {selectedUser.person}: </p>
           <br />
           <br />
         </div>
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 6b2f1e37a..ab928f488 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -26,8 +26,8 @@ const UploadDocumentForm = () => {
   const [verifyFile, setVerifyFile] = useState(false);
   const [expiryDate, setExpiryDate] = useState('');
   const [description, setDescription] = useState('');
-  const [file, setFile] = useState('');
-  const [inputKey, setInputKey] = useState('');
+  const [file, setFile] = useState(null);
+  const [inputKey, setInputKey] = useState(false);
   const { podUrl } = useContext(SignedInUserContext);
   const { selectedUser } = useContext(SelectUserContext);
 
@@ -71,7 +71,11 @@ const UploadDocumentForm = () => {
     try {
       const doc = await createDocument(file, fileDesc, session, `${activePod}PASS/`);
       if (verifyFile)
-        await signDocument(doc, session, `${activePod}PASS/${docType}/${file.name.split('.')[0]}/`);
+        await signDocument(
+          doc,
+          session,
+          `${activePod}PASS/Documents/${docType}/${file.name.split('.')[0]}/`
+        );
       runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
     } catch (error) {
       const confirmationMessage =
@@ -110,7 +114,7 @@ const UploadDocumentForm = () => {
             id="verify-checkbox"
             type="checkbox"
             value={verifyFile}
-            onChange={(e) => setVerifyFile(e.target.value)}
+            onChange={() => setVerifyFile(!verifyFile)}
           />
         </label>
         <div style={formRowStyle}>

From 6d6dc6a7ebcc854ea47e6fe181ff74724377d44e Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Fri, 16 Jun 2023 11:59:21 -0700
Subject: [PATCH 066/304] update API to remove type container

---
 src/components/Form/CrossPodWriteForm.jsx  |  2 +-
 src/components/Form/UploadDocumentForm.jsx | 14 ++++++++------
 src/model-helpers/Document.js              |  9 +++++----
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index f8c94bbcb..0a237b148 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -90,7 +90,7 @@ const CrossPodWriteForm = () => {
     >
       <form onSubmit={handleFormSubmission} autoComplete="off">
         <div style={formRowStyle}>
-          <p>Upload document to {selectedUser.person}: </p>
+          <p>Upload document to {selectedUser.person || selectedUser.podUrl}: </p>
           <br />
           <br />
         </div>
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index ab928f488..f5ea904c6 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -71,11 +71,7 @@ const UploadDocumentForm = () => {
     try {
       const doc = await createDocument(file, fileDesc, session, `${activePod}PASS/`);
       if (verifyFile)
-        await signDocument(
-          doc,
-          session,
-          `${activePod}PASS/Documents/${docType}/${file.name.split('.')[0]}/`
-        );
+        await signDocument(doc, session, `${activePod}PASS/Documents/${file.name.split('.')[0]}/`);
       runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
     } catch (error) {
       const confirmationMessage =
@@ -84,7 +80,13 @@ const UploadDocumentForm = () => {
       switch (error.message) {
         case 'File already exists':
           if (window.confirm(confirmationMessage)) {
-            await replaceDocument(file, fileDesc, session, `${activePod}PASS/`);
+            const doc = await replaceDocument(file, fileDesc, session, `${activePod}PASS/`);
+            if (verifyFile)
+              await signDocument(
+                doc,
+                session,
+                `${activePod}PASS/Documents/${file.name.split('.')[0]}/`
+              );
             runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
           }
           break;
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 1d0bfd40f..3270781c9 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -117,6 +117,7 @@ export const docDescToThing = async (docDesc, documentUrl, file) => {
     .addDate(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
     .addStringNoLocale(RDF_PREDICATES.identifier, docDesc.type)
+    .addStringNoLocale(RDF_PREDICATES.additionalType, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
     .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
     .addUrl(RDF_PREDICATES.url, `${documentUrl}${file.name}`);
@@ -157,8 +158,8 @@ const createDocumentInternal = async (file, docDescription, session, docUrl) =>
 };
 
 export const createDocument = async (file, docDescription, session, passUrl) => {
-  const { type, name } = docDescription;
-  const docUrl = `${passUrl}Documents/${type}/${name}/`;
+  const { name } = docDescription;
+  const docUrl = `${passUrl}Documents/${name}/`;
   try {
     await getSolidDataset(docUrl, { fetch: session.fetch }); // check to see if the file already exists
   } catch {
@@ -203,8 +204,8 @@ export const deleteDocument = async (session, docUrl) => {
 };
 
 export const replaceDocument = async (file, fileDescription, session, passUrl) => {
-  const { type, name } = fileDescription;
-  const docUrl = `${passUrl}Documents/${type}/${name}/`;
+  const { name } = fileDescription;
+  const docUrl = `${passUrl}Documents/${name}/`;
   await deleteDocument(session, docUrl);
   const result = await createDocumentInternal(file, fileDescription, session, docUrl);
   return result;

From 1295efa4ed63c5eb8276050bd9f21c0af1e021b7 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 16 Jun 2023 17:09:15 -0700
Subject: [PATCH 067/304] Tests running successfully

---
 src/components/Form/CheckAclPermsDocContainerForm.jsx | 2 +-
 src/components/Form/CrossPodQueryForm.jsx             | 2 +-
 src/components/Form/CrossPodWriteForm.jsx             | 4 ++--
 src/components/Form/DocumentSelection.jsx             | 4 ++--
 src/components/Form/SetAclPermissionForm.jsx          | 2 +-
 src/components/Form/SetAclPermsDocContainerForm.jsx   | 2 +-
 src/components/Form/UploadDocumentForm.jsx            | 2 +-
 test/utils/FormSubmissionHelper.test.js               | 7 +++++++
 8 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
index 3826bfa44..026fbd509 100644
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ b/src/components/Form/CheckAclPermsDocContainerForm.jsx
@@ -108,7 +108,7 @@ const CheckAclPermsDocContainerForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              value={selectedUser.person ? selectedUser.person : username}
+              value={selectedUser.person ? selectedUser.username : username}
               onChange={(e) => {
                 setUsername(e.target.value);
               }}
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index 138c3bcea..0d92d4bed 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -111,7 +111,7 @@ const CrossPodQueryForm = () => {
             <TextField
               id="cross-search-doc"
               name="crossPodQuery"
-              value={selectedUser.person ? selectedUser.person : username}
+              value={selectedUser.person ? selectedUser.username : username}
               onChange={(e) => {
                 setUsername(e.target.value);
               }}
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 04edec7cb..86b909e01 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -113,7 +113,7 @@ const CrossPodWriteForm = () => {
               name="crossPodUpload"
               label="Search Username"
               required
-              value={selectedUser.person ? selectedUser.person : username}
+              value={selectedUser.person ? selectedUser.username : username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
             />
@@ -163,7 +163,7 @@ const CrossPodWriteForm = () => {
               required
             >
               Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple />
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf .gif" />
             </Button>
             <FormHelperText
               sx={{
diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index f09740dad..8e827b83d 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -19,8 +19,8 @@ import { docTypes } from '../../utils';
 
 const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
   <Box sx={{ marginTop: '20px' }}>
-    <FormControl sx={{ width: 220 }}>
-      <InputLabel id={`${htmlForAndIdProp}-label`} required>
+    <FormControl sx={{ width: 220 }} required>
+      <InputLabel id={`${htmlForAndIdProp}-label`}>
         Select Document Type
       </InputLabel>
       <Select
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 7b1e9ce4e..f7dc95aa3 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -132,7 +132,7 @@ const SetAclPermissionForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              value={selectedUser.person ? selectedUser.person : username}
+              value={selectedUser.person ? selectedUser.username : username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
               label="Search Username"
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 7be70265f..442a12ac4 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -123,7 +123,7 @@ const SetAclPermsDocContainerForm = () => {
             <TextField
               id="set-acl-to"
               name="setAclTo"
-              value={selectedUser.person ? selectedUser.person : username}
+              value={selectedUser.person ? selectedUser.username : username}
               onChange={(e) => setUsername(e.target.value)}
               placeholder={selectedUser.username}
               label="Search Username"
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index fe2b252c5..7043746ae 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -148,7 +148,7 @@ const UploadDocumentForm = () => {
               required
             >
               Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf" multiple />
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf .gif" />
             </Button>
             <FormHelperText
               sx={{
diff --git a/test/utils/FormSubmissionHelper.test.js b/test/utils/FormSubmissionHelper.test.js
index ae3350bd7..47e8ea30b 100644
--- a/test/utils/FormSubmissionHelper.test.js
+++ b/test/utils/FormSubmissionHelper.test.js
@@ -1,4 +1,5 @@
 import { afterEach, beforeEach, vi, expect, it, describe } from 'vitest';
+import dayjs from 'dayjs';
 import {
   makeHandleFormSubmission,
   runNotification,
@@ -20,6 +21,8 @@ describe('FormSubmissionHelper', async () => {
   const sessionMock = {};
   const clearInputFieldsMock = vi.fn();
   const dispatchMock = vi.fn();
+  const expireDateMock = dayjs;
+  // const docDescriptionMock = {};
 
   beforeEach(() => {
     vi.useFakeTimers();
@@ -36,6 +39,8 @@ describe('FormSubmissionHelper', async () => {
     };
     const mockHandleSubmit = makeHandleFormSubmission(
       INTERACTION_TYPES.SELF,
+      dayjs('2010-10-01'),
+      'No Description Provided',
       stateMock,
       dispatchMock,
       sessionMock,
@@ -65,6 +70,8 @@ describe('FormSubmissionHelper', async () => {
     };
     const mockHandleSubmit = makeHandleFormSubmission(
       INTERACTION_TYPES.SELF,
+      dayjs('2010-10-01'),
+      'No Description Provided',
       stateMock,
       dispatchMock,
       sessionMock,

From 81d57d05246373ca9b9779f64f348fb46229fa2b Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 16 Jun 2023 17:13:33 -0700
Subject: [PATCH 068/304] Clearing unused variables

---
 test/utils/FormSubmissionHelper.test.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/test/utils/FormSubmissionHelper.test.js b/test/utils/FormSubmissionHelper.test.js
index 47e8ea30b..33903fcaf 100644
--- a/test/utils/FormSubmissionHelper.test.js
+++ b/test/utils/FormSubmissionHelper.test.js
@@ -21,8 +21,6 @@ describe('FormSubmissionHelper', async () => {
   const sessionMock = {};
   const clearInputFieldsMock = vi.fn();
   const dispatchMock = vi.fn();
-  const expireDateMock = dayjs;
-  // const docDescriptionMock = {};
 
   beforeEach(() => {
     vi.useFakeTimers();

From 509af42ed9db7b923c6dfb28ec3721ea71218a35 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 16 Jun 2023 17:24:28 -0700
Subject: [PATCH 069/304] Removing redundant line

---
 src/components/Form/DocumentSelection.jsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index 8e827b83d..8bc475686 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -20,9 +20,7 @@ import { docTypes } from '../../utils';
 const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
   <Box sx={{ marginTop: '20px' }}>
     <FormControl sx={{ width: 220 }} required>
-      <InputLabel id={`${htmlForAndIdProp}-label`}>
-        Select Document Type
-      </InputLabel>
+      <InputLabel id={`${htmlForAndIdProp}-label`}>Select Document Type</InputLabel>
       <Select
         labelId={`${htmlForAndIdProp}-label`}
         id={htmlForAndIdProp}
@@ -30,7 +28,6 @@ const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
         value={docType}
         onChange={handleDocType}
         name="document"
-        required
       >
         {docTypes.map((doc) => (
           <MenuItem key={doc.split(' ')[0]} value={doc}>

From 72a567fc4626ccd9211b482518e1ab85c550b069 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 16 Jun 2023 17:45:43 -0700
Subject: [PATCH 070/304] Fixing missing statusState for verifyFile

---
 src/components/Form/UploadDocumentForm.jsx | 1 +
 src/reducers/statusReducer.js              | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 7043746ae..f24e659b0 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -101,6 +101,7 @@ const UploadDocumentForm = () => {
             label="Verify file on upload"
             id="verify-checkbox"
             value={state.verifyFile}
+            checked={state.verifyFile}
             onChange={() => dispatch({ type: 'TOGGLE_VERIFY_FILE' })}
           />
           <DocumentSelection
diff --git a/src/reducers/statusReducer.js b/src/reducers/statusReducer.js
index 563a14a0e..33b0bce8d 100644
--- a/src/reducers/statusReducer.js
+++ b/src/reducers/statusReducer.js
@@ -23,7 +23,8 @@ export const initialStatusState = {
   message: '',
   timeoutID: null,
   file: null,
-  processing: false
+  processing: false,
+  verifyFile: false
 };
 
 /**

From 5ec7ac4f23af688a32e398f45d1f85dd75ab207a Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 16 Jun 2023 21:06:26 -0700
Subject: [PATCH 071/304] Replacing custom styling, minor semantic edits

---
 src/App.jsx                                   |   9 +-
 src/components/Form/CrossPodWriteForm.jsx     |   2 +-
 src/components/Form/UploadDocumentForm.jsx    |   3 +-
 src/components/Messages/NewMessage.jsx        |   4 +-
 src/components/NavBar/OidcLoginComponent.jsx  |   2 +-
 .../Notification/InactivityMessage.jsx        | 116 +++++++-----------
 src/contexts/MessageContext.jsx               |   2 +-
 src/contexts/SignedInUserContext.jsx          |   2 +-
 src/contexts/UserListContext.jsx              |   2 +-
 9 files changed, 57 insertions(+), 85 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index eabccdb3f..0be35c63b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,17 +1,18 @@
 // React Imports
 import React from 'react';
 import { HashRouter as Router } from 'react-router-dom';
-
 // Inrupt Library Imports
 import { SessionProvider } from '@inrupt/solid-ui-react';
-
 // Material UI Imports
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
-
-import theme from './theme';
+// Context Imports
 import UserDataContextProvider from './contexts/UserDataContext';
+// Theme Imports
+import theme from './theme';
+// Layout Imports
 import Layout from './layouts/Layout';
+// Route Imports
 import AppRoutes from './AppRoutes';
 
 /**
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 86b909e01..e984fdea2 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -1,6 +1,6 @@
 // React Imports
 import React, { useContext, useState } from 'react';
-// Inrupt Imports
+// Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index f24e659b0..2e7c37ef9 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -1,6 +1,6 @@
 // React Imports
 import React, { useState } from 'react';
-// Inrupt Imports
+// Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
@@ -9,7 +9,6 @@ import Checkbox from '@mui/material/Checkbox';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import TextField from '@mui/material/TextField';
-// import Typography from '@mui/material/Typography';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index 38aceb9b5..ef3f057c0 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -1,8 +1,8 @@
 // React Imports
 import React, { useState, useContext } from 'react';
-// Inrupt Imports
+// Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
-// Styling Import
+// Styling Imports
 import styled from 'styled-components';
 // Utility Imports
 import { sendMessageTTL, getMessageTTL } from '../../utils';
diff --git a/src/components/NavBar/OidcLoginComponent.jsx b/src/components/NavBar/OidcLoginComponent.jsx
index b07efd71d..250fe4b46 100644
--- a/src/components/NavBar/OidcLoginComponent.jsx
+++ b/src/components/NavBar/OidcLoginComponent.jsx
@@ -1,6 +1,6 @@
 // React Imports
 import React, { useState } from 'react';
-// Inrupt Imports
+// Inrupt Library Imports
 import { LoginButton } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import { TextField, Box, Button } from '@mui/material';
diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index 38ae58e34..58996f031 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -2,10 +2,15 @@
 import React, { useState, useEffect } from 'react';
 // Inrupt Library Imports
 import { LogoutButton } from '@inrupt/solid-ui-react';
-// Styling Imports
-import styled from 'styled-components';
-// Material UI Base imports; TODO: Update imports to @mui/material when re-styling
-import Button from '@mui/base/Button';
+// Material UI Imports
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import ClearIcon from '@mui/icons-material/Clear';
+import CheckIcon from '@mui/icons-material/Check';
 
 /**
  * Inactivity Notification Component - Component that displays a popup modal
@@ -67,76 +72,43 @@ const InactivityMessage = () => {
   return (
     showPopup &&
     activeUser && (
-      <StyledOverlay>
-        <StyledModal>
-          <StyledContainer>
-            <p>You have been inactive for a few minutes now. Would you like to log out?</p>
-            <ButtonsContainer>
-              <StyledButton onClick={() => setShowPopup(false)}>Continue Session</StyledButton>
-              <LogoutButton>
-                <StyledLogoutButton onClick={handleLogout}>Log Out</StyledLogoutButton>
-              </LogoutButton>
-            </ButtonsContainer>
-          </StyledContainer>
-        </StyledModal>
-      </StyledOverlay>
+      <Dialog
+        open={showPopup}
+        onClose={() => setShowPopup(false)}
+        aria-labelledby="inactivity-message-title"
+        aria-describedby="inactivity-message-description"
+      >
+        <DialogTitle>Confirm Log Out</DialogTitle>
+        <DialogContent>
+          <DialogContentText>
+            You have been inactive for a few minutes now. Would you like to log out?
+          </DialogContentText>
+        </DialogContent>
+        <DialogActions>
+          <Button
+            variant="contained"
+            color="success"
+            endIcon={<CheckIcon />}
+            onClick={() => setShowPopup(false)}
+            autoFocus
+          >
+            Continue Session
+          </Button>
+          <LogoutButton>
+            <Button
+              variant="contained"
+              color="error"
+              endIcon={<ClearIcon />}
+              sx={{ marginLeft: '1rem' }}
+              onClick={handleLogout}
+            >
+              Log Out
+            </Button>
+          </LogoutButton>
+        </DialogActions>
+      </Dialog>
     )
   );
 };
 
-const StyledOverlay = styled('div')({
-  height: '100vh',
-  width: '100vw',
-  backgroundColor: 'rgb(128, 128, 128, .7)',
-  backdropFilter: 'blur(2px)',
-  zIndex: 99,
-  top: '0%',
-  left: '0%',
-  position: 'fixed'
-});
-
-const StyledButton = styled(Button)({
-  width: '100px',
-  backgroundColor: 'white',
-  borderColor: 'black',
-  borderRadius: '5px',
-  cursor: 'pointer',
-  '&:hover': {
-    filter: 'brightness(0.9)'
-  }
-});
-
-const StyledLogoutButton = styled(StyledButton)({
-  backgroundColor: '#017969',
-  height: '100%',
-  color: '#fff'
-});
-
-const StyledModal = styled('div')({
-  display: 'flex',
-  backgroundColor: 'white',
-  alignItems: 'center',
-  borderRadius: '10px',
-  position: 'fixed',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  zIndex: 99
-});
-
-const StyledContainer = styled('div')({
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'center',
-  textAlign: 'center',
-  padding: '50px',
-  border: '2px solid black',
-  borderRadius: '10px'
-});
-
-const ButtonsContainer = styled('div')({
-  display: 'flex',
-  gap: '20px'
-});
-
 export default InactivityMessage;
diff --git a/src/contexts/MessageContext.jsx b/src/contexts/MessageContext.jsx
index c426d9825..f8e23ad98 100644
--- a/src/contexts/MessageContext.jsx
+++ b/src/contexts/MessageContext.jsx
@@ -1,6 +1,6 @@
 // React Imports
 import React, { createContext, useContext, useMemo, useEffect, useState } from 'react';
-// Inrupt Imports
+// Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Utility Imports
 import { createOutbox, createInbox, getMessageTTL } from '../utils';
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index a8059dbe0..fed2ddff1 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -1,6 +1,6 @@
 // React Imports
 import React, { createContext, useState, useMemo, useEffect } from 'react';
-// Inrupt Imports
+// Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
diff --git a/src/contexts/UserListContext.jsx b/src/contexts/UserListContext.jsx
index b3abcf9b2..f8e9bd9af 100644
--- a/src/contexts/UserListContext.jsx
+++ b/src/contexts/UserListContext.jsx
@@ -1,6 +1,6 @@
 // React Imports
 import React, { createContext, useState, useMemo, useEffect, useContext } from 'react';
-// Inrupt Imports
+// Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Utility Imports
 import { loadUserList, addUser, removeUser } from '../model-helpers';

From 5cef8bcd8c6630d058b2cddd53f4bebbf207895f Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 16 Jun 2023 23:29:27 -0700
Subject: [PATCH 072/304] Matching style more to existing modals

---
 src/components/Notification/InactivityMessage.jsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index 58996f031..c1643219b 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -12,6 +12,8 @@ import DialogTitle from '@mui/material/DialogTitle';
 import ClearIcon from '@mui/icons-material/Clear';
 import CheckIcon from '@mui/icons-material/Check';
 
+// TODO: Determine whether to match styles with other modals/dialogs such as LogoutModal
+
 /**
  * Inactivity Notification Component - Component that displays a popup modal
  * after 3 minutes of inactivity, prompting the user to either logout or
@@ -78,25 +80,24 @@ const InactivityMessage = () => {
         aria-labelledby="inactivity-message-title"
         aria-describedby="inactivity-message-description"
       >
-        <DialogTitle>Confirm Log Out</DialogTitle>
-        <DialogContent>
+        <DialogTitle id="inactivity-message-title">Continue session?</DialogTitle>
+        <DialogContent id="inactivity-message-description">
           <DialogContentText>
             You have been inactive for a few minutes now. Would you like to log out?
           </DialogContentText>
         </DialogContent>
         <DialogActions>
           <Button
-            variant="contained"
+            variant="outlined"
             color="success"
             endIcon={<CheckIcon />}
             onClick={() => setShowPopup(false)}
-            autoFocus
           >
-            Continue Session
+            Continue
           </Button>
           <LogoutButton>
             <Button
-              variant="contained"
+              variant="outlined"
               color="error"
               endIcon={<ClearIcon />}
               sx={{ marginLeft: '1rem' }}

From ea69bb2cba7ab6945c03f0760f444012b0e53338 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sat, 17 Jun 2023 18:07:16 -0700
Subject: [PATCH 073/304] Reverting to matching original styling

---
 src/components/Notification/InactivityMessage.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index c1643219b..4bf3e37b8 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -97,8 +97,8 @@ const InactivityMessage = () => {
           </Button>
           <LogoutButton>
             <Button
-              variant="outlined"
-              color="error"
+              variant="contained"
+              color="success"
               endIcon={<ClearIcon />}
               sx={{ marginLeft: '1rem' }}
               onClick={handleLogout}

From e15542e11c9af0914229fbe5b8036dfbafaef593 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sat, 17 Jun 2023 21:07:50 -0700
Subject: [PATCH 074/304] Changing timer from three to thirty minutes

---
 src/components/Notification/InactivityMessage.jsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index 4bf3e37b8..393cbe4f7 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -12,8 +12,6 @@ import DialogTitle from '@mui/material/DialogTitle';
 import ClearIcon from '@mui/icons-material/Clear';
 import CheckIcon from '@mui/icons-material/Check';
 
-// TODO: Determine whether to match styles with other modals/dialogs such as LogoutModal
-
 /**
  * Inactivity Notification Component - Component that displays a popup modal
  * after 3 minutes of inactivity, prompting the user to either logout or
@@ -33,7 +31,7 @@ const InactivityMessage = () => {
     setActiveUser(activeCheck === 'true');
   }, []);
 
-  // Toggles the popup after three minutes of inactivity
+  // Toggles the popup after thirty minutes of inactivity
   useEffect(() => {
     let timer = null;
 
@@ -42,7 +40,7 @@ const InactivityMessage = () => {
 
       timer = setTimeout(() => {
         setShowPopup(true);
-      }, 180000);
+      }, 1800000);
     };
 
     const handleUserActivity = () => {

From 6caf0e2b20173e3c1470daf4cd731b9edfe811f2 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 18 Jun 2023 16:16:24 -0700
Subject: [PATCH 075/304] Updating files based on GitHub comments; Fixing issue
 with driver's license uploads for non-image files

---
 src/components/Clients/ClientListTableRow.jsx | 36 ++++++-------------
 .../DocumentModals/ShowDocumentsModal.jsx     | 23 ++++++------
 src/components/Form/CrossPodWriteForm.jsx     |  2 +-
 src/components/Form/UploadDocumentForm.jsx    |  2 +-
 src/routes/User.jsx                           | 24 ++++++-------
 src/utils/barcode/barcode-scan.js             | 17 ++++-----
 src/utils/frontend/file-viewer-helper.js      | 22 ++++++++++++
 src/utils/index.js                            |  4 ++-
 src/utils/network/session-helper.js           | 16 ++++++++-
 9 files changed, 84 insertions(+), 62 deletions(-)
 create mode 100644 src/utils/frontend/file-viewer-helper.js

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 443daea24..a366a3448 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -14,7 +14,7 @@ import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined
 import PushPinIcon from '@mui/icons-material/PushPin';
 import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 // Utility Imports
-import { runNotification, getDocTTLs } from '../../utils';
+import { runCheckFiles, runNotification } from '../../utils';
 // Context Imports
 import { SelectUserContext, UserListContext } from '../../contexts';
 // Component Imports
@@ -84,34 +84,18 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
     runNotification('Fetching documents from Pod...', 5, state, dispatch);
     dispatch({ type: 'SET_PROCESSING' });
 
-    const allDocumentData = await getDocTTLs(session, client.podUrl);
+    try {
+      const permittedData = await runCheckFiles(session, client.podUrl);
 
-    if (allDocumentData.message?.includes('Unauthorized')) {
-      runNotification('Operation failed. Reason: No permission to files.', 5, state, dispatch);
+      setFileSrc(permittedData);
+      setShowDocument(!showDocument);
+      setTimeout(() => {
+        dispatch({ type: 'CLEAR_PROCESSING' });
+      }, 5000);
+    } catch (error) {
+      runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
       dispatch({ type: 'CLEAR_PROCESSING' });
-      return;
     }
-
-    if (allDocumentData.message?.includes('No documents found')) {
-      runNotification('Operation failed. Reason: No files found.', 5, state, dispatch);
-      dispatch({ type: 'CLEAR_PROCESSING' });
-      return;
-    }
-
-    const permittedData = allDocumentData.filter((item) => typeof item !== 'number');
-
-    if (permittedData.length === 0) {
-      runNotification('Operation failed. Reason: No permitted files found.', 5, state, dispatch);
-      dispatch({ type: 'CLEAR_PROCESSING' });
-      return;
-    }
-
-    setFileSrc(permittedData);
-    setShowDocument(!showDocument);
-
-    setTimeout(() => {
-      dispatch({ type: 'CLEAR_PROCESSING' });
-    }, 5000);
   };
 
   return (
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 1b849d15b..b7a9bd89b 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -5,11 +5,12 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
+import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
-import ClearIcon from '@mui/icons-material/Clear';
+import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Other Library Imports
 import { v4 as uuidv4 } from 'uuid';
@@ -90,16 +91,18 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
                 >
                   Preview
                 </Button>
-                <Button
-                  variant="contained"
-                  type="button"
-                  sx={{
-                    a: { color: 'white', textDecoration: 'none', width: '100%', height: '100%' }
-                  }}
-                >
-                  <a href={src.documentUrl} target="_blank" rel="noreferrer">
+                <Button variant="contained" type="button">
+                  <Link
+                    href={src.documentUrl}
+                    target="_blank"
+                    rel="noreferrer"
+                    sx={{
+                      color: 'white',
+                      textDecoration: 'none'
+                    }}
+                  >
                     New Window
-                  </a>
+                  </Link>
                 </Button>
               </Box>
             </Box>
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 86b909e01..8e450b4da 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -163,7 +163,7 @@ const CrossPodWriteForm = () => {
               required
             >
               Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf .gif" />
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
             </Button>
             <FormHelperText
               sx={{
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index f24e659b0..6ba079fcb 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -149,7 +149,7 @@ const UploadDocumentForm = () => {
               required
             >
               Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf .gif" />
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
             </Button>
             <FormHelperText
               sx={{
diff --git a/src/routes/User.jsx b/src/routes/User.jsx
index 9e1d04551..97bd10fc3 100644
--- a/src/routes/User.jsx
+++ b/src/routes/User.jsx
@@ -9,7 +9,7 @@ import Container from '@mui/material/Container';
 // Custom Hook Imports
 import { useStatusNotification } from '../hooks';
 // Utility Imports
-import { getDocTTLs, runNotification } from '../utils';
+import { runCheckFiles, runNotification } from '../utils';
 // Context Imports
 import { SignedInUserContext } from '../contexts';
 // Component Imports
@@ -40,22 +40,18 @@ const User = () => {
     runNotification('Fetching documents from Pod...', 5, state, dispatch);
     dispatch({ type: 'SET_PROCESSING' });
 
-    const allDocumentData = await getDocTTLs(session, podUrl);
+    try {
+      const permittedData = await runCheckFiles(session, podUrl);
 
-    if (allDocumentData.message?.includes('No documents found')) {
-      runNotification('Operation failed. Reason: No files found.', 5, state, dispatch);
+      setFileSrc(permittedData);
+      setShowDocument(!showDocument);
+      setTimeout(() => {
+        dispatch({ type: 'CLEAR_PROCESSING' });
+      }, 5000);
+    } catch (error) {
+      runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
       dispatch({ type: 'CLEAR_PROCESSING' });
-      return;
     }
-
-    const dataWithFiles = allDocumentData.filter((item) => typeof item !== 'number');
-
-    setFileSrc(dataWithFiles);
-    setShowDocument(!showDocument);
-
-    setTimeout(() => {
-      dispatch({ type: 'CLEAR_PROCESSING' });
-    }, 5000);
   };
 
   return (
diff --git a/src/utils/barcode/barcode-scan.js b/src/utils/barcode/barcode-scan.js
index 4a54b22db..7dac9c616 100644
--- a/src/utils/barcode/barcode-scan.js
+++ b/src/utils/barcode/barcode-scan.js
@@ -83,15 +83,16 @@ const csvToJson = (csvData) => {
  * @returns {object} returnedData - JSON object containing scanned barcode data
  */
 const getDriversLicenseData = async (file) => {
-  const image = await readImageFile(file);
-  const decoded = await decodeBarcode(image);
-  let returnedData = '';
-  if (decoded) {
-    const jsonData = csvToJson(decoded);
-    returnedData = jsonData;
-  } else {
-    returnedData = new Error('Unable to decode file');
+  let returnedData = {};
+  if (file.type.split('/')[0] === 'image') {
+    const image = await readImageFile(file);
+    const decoded = await decodeBarcode(image);
+    if (decoded) {
+      const jsonData = csvToJson(decoded);
+      returnedData = jsonData;
+    }
   }
+
   return returnedData;
 };
 
diff --git a/src/utils/frontend/file-viewer-helper.js b/src/utils/frontend/file-viewer-helper.js
new file mode 100644
index 000000000..d05a1bbfd
--- /dev/null
+++ b/src/utils/frontend/file-viewer-helper.js
@@ -0,0 +1,22 @@
+import { getDocTTLs } from '../network/session-core';
+
+const runCheckFiles = async (session, podUrl) => {
+  const allDocumentData = await getDocTTLs(session, podUrl);
+
+  if (allDocumentData.message?.includes('Unauthorized')) {
+    throw new Error('No permission to files.');
+  }
+
+  if (allDocumentData.message?.includes('No documents found')) {
+    throw new Error('No files found.');
+  }
+
+  const permittedData = allDocumentData.filter((item) => typeof item !== 'number');
+  if (permittedData.length === 0) {
+    throw new Error('No permitted files found.');
+  } else {
+    return permittedData;
+  }
+};
+
+export default runCheckFiles;
diff --git a/src/utils/index.js b/src/utils/index.js
index 2265cf48b..9e9d63457 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -29,6 +29,7 @@ import {
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
 import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
+import runCheckFiles from './frontend/file-viewer-helper';
 
 export {
   docTypes,
@@ -49,5 +50,6 @@ export {
   createInbox,
   getPodUrl,
   getDocTTLs,
-  getBlobFromSolid
+  getBlobFromSolid,
+  runCheckFiles
 };
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 689e2457b..2fd4b4ba2 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -313,7 +313,21 @@ const createFileChecksum = async (fileObject) => {
 
 const createDriversLicenseTtlFile = async (fileObject, documentUrl, checksum) => {
   const dlData = await getDriversLicenseData(fileObject.file);
-  return buildThing(createThing({ name: 'document' }))
+  const dlThing = buildThing(createThing({ name: 'document' }));
+
+  if (Object.keys(dlData).length === 0) {
+    return dlThing
+      .addDatetime(RDF_PREDICATES.uploadDate, new Date())
+      .addStringNoLocale(RDF_PREDICATES.name, fileObject.file.name)
+      .addStringNoLocale(RDF_PREDICATES.identifier, fileObject.type)
+      .addStringNoLocale(RDF_PREDICATES.endDate, fileObject.date)
+      .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
+      .addStringNoLocale(RDF_PREDICATES.description, fileObject.description)
+      .addUrl(RDF_PREDICATES.url, documentUrl)
+      .build();
+  }
+
+  return dlThing
     .addDatetime(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
     .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)

From 1c64d5cf56e5e77a250d73ee3dcde6855f9455d3 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sun, 18 Jun 2023 16:22:11 -0700
Subject: [PATCH 076/304] Restyling buttons, rephrasing dialog text

---
 .../Notification/InactivityMessage.jsx        | 27 +++++++++----------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index 393cbe4f7..e9ef640eb 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -40,7 +40,7 @@ const InactivityMessage = () => {
 
       timer = setTimeout(() => {
         setShowPopup(true);
-      }, 1800000);
+      }, 180000);
     };
 
     const handleUserActivity = () => {
@@ -74,36 +74,33 @@ const InactivityMessage = () => {
     activeUser && (
       <Dialog
         open={showPopup}
-        onClose={() => setShowPopup(false)}
+        // onClose={() => setShowPopup(false)}
         aria-labelledby="inactivity-message-title"
         aria-describedby="inactivity-message-description"
       >
         <DialogTitle id="inactivity-message-title">Continue session?</DialogTitle>
         <DialogContent id="inactivity-message-description">
           <DialogContentText>
-            You have been inactive for a few minutes now. Would you like to log out?
+            You have been inactive for a while now. Would you like to continue using PASS?
           </DialogContentText>
         </DialogContent>
+        {/* TODO: In future PR, add countdown timer to automatically log user out if they do not select continue */}
+        {/* e.g. "You will be automatically logged out in 5:00 minutes" */}
         <DialogActions>
+          <LogoutButton>
+            <Button variant="outlined" color="error" endIcon={<ClearIcon />} onClick={handleLogout}>
+              Log Out
+            </Button>
+          </LogoutButton>
           <Button
-            variant="outlined"
+            variant="contained"
             color="success"
             endIcon={<CheckIcon />}
+            sx={{ marginLeft: '1rem' }}
             onClick={() => setShowPopup(false)}
           >
             Continue
           </Button>
-          <LogoutButton>
-            <Button
-              variant="contained"
-              color="success"
-              endIcon={<ClearIcon />}
-              sx={{ marginLeft: '1rem' }}
-              onClick={handleLogout}
-            >
-              Log Out
-            </Button>
-          </LogoutButton>
         </DialogActions>
       </Dialog>
     )

From c0faf219c205a1def5f2964853442c7acde5d049 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 18 Jun 2023 16:30:54 -0700
Subject: [PATCH 077/304] Updated styling to make new components a bit more
 mobile friendly

---
 src/components/DocumentModals/ShowDocumentsModal.jsx | 2 +-
 src/components/Form/FormSection.jsx                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index b7a9bd89b..1016b0e60 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -81,7 +81,7 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
                 </Typography>
                 <Typography>Upload date: {src.uploadDate.toLocaleString()}</Typography>
                 <Typography>Description: {src.description}</Typography>
-                <Typography>Expire Date (if applicable): {src.expireDate}</Typography>
+                <Typography>Expire Date: {src.expireDate}</Typography>
                 <br />
                 <Typography sx={{ fontWeight: 'bold' }}>Show Document</Typography>
                 <Button
diff --git a/src/components/Form/FormSection.jsx b/src/components/Form/FormSection.jsx
index 89d759d23..808d79088 100644
--- a/src/components/Form/FormSection.jsx
+++ b/src/components/Form/FormSection.jsx
@@ -35,7 +35,7 @@ const FormSection = ({ title, state, statusType, defaultMessage, children }) =>
     >
       <Paper
         elevation={2}
-        sx={{ display: 'inline-block', mx: '2px', padding: '20px', minWidth: '400px' }}
+        sx={{ display: 'inline-block', mx: '2px', padding: '20px', minWidth: '300px' }}
       >
         <Typography
           display="flex"

From 9fd4041827d3ff06ceaa637bfe8c14f672814b4f Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sun, 18 Jun 2023 16:49:14 -0700
Subject: [PATCH 078/304] Replacing log out icon

---
 src/components/NavBar/NavMenu.jsx                 |  2 +-
 src/components/Notification/InactivityMessage.jsx | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 50951a5d9..d8cebdaf5 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -76,7 +76,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
             startIcon={<LogoutIcon />}
             onClick={() => setShowConfirmation(true)}
           >
-            Logout
+            Log Out
           </Button>
         </MenuItem>
       </MenuList>
diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index e9ef640eb..63be92583 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -9,8 +9,8 @@ import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 import DialogTitle from '@mui/material/DialogTitle';
-import ClearIcon from '@mui/icons-material/Clear';
 import CheckIcon from '@mui/icons-material/Check';
+import LogoutIcon from '@mui/icons-material/Logout';
 
 /**
  * Inactivity Notification Component - Component that displays a popup modal
@@ -74,7 +74,7 @@ const InactivityMessage = () => {
     activeUser && (
       <Dialog
         open={showPopup}
-        // onClose={() => setShowPopup(false)}
+        onClose={() => setShowPopup(false)}
         aria-labelledby="inactivity-message-title"
         aria-describedby="inactivity-message-description"
       >
@@ -88,7 +88,12 @@ const InactivityMessage = () => {
         {/* e.g. "You will be automatically logged out in 5:00 minutes" */}
         <DialogActions>
           <LogoutButton>
-            <Button variant="outlined" color="error" endIcon={<ClearIcon />} onClick={handleLogout}>
+            <Button
+              variant="outlined"
+              color="error"
+              endIcon={<LogoutIcon />}
+              onClick={handleLogout}
+            >
               Log Out
             </Button>
           </LogoutButton>

From 88afa3cdfdebed27cd140e5ad675c85823957c2a Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sun, 18 Jun 2023 16:51:41 -0700
Subject: [PATCH 079/304] Fixing timer

---
 src/components/Notification/InactivityMessage.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index 63be92583..ef2498259 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -40,7 +40,7 @@ const InactivityMessage = () => {
 
       timer = setTimeout(() => {
         setShowPopup(true);
-      }, 180000);
+      }, 1800000);
     };
 
     const handleUserActivity = () => {

From 896a64b9690c847c48def76f00afd9fa8962c77a Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sun, 18 Jun 2023 17:49:04 -0700
Subject: [PATCH 080/304] update documents to have index

---
 src/model-helpers/Document.js | 31 ++++++++++++-------------------
 1 file changed, 12 insertions(+), 19 deletions(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 3270781c9..af1d7c32f 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -138,18 +138,12 @@ export const parseDocument = (documentThing) => {
   return { uploadDate, name, type, endDate, checksum, description, fileUrl };
 };
 
-export const saveDescription = async (docThing, dataset, session, docUrl) => {
-  const newDataset = setThing(dataset, docThing);
-  const name = getStringNoLocale(docThing, RDF_PREDICATES.name);
-  const doc = await saveSolidDatasetAt(`${docUrl}${name}.ttl`, newDataset, {
+const uploadFile = async (file, docDescription, session, indexDataset, docUrl) => {
+  const docThing = await docDescToThing(docDescription, docUrl, file);
+  const newIndex = setThing(indexDataset, docThing);
+  const doc = await saveSolidDatasetAt(`${docUrl}index.ttl`, newIndex, {
     fetch: session.fetch
   });
-  return doc;
-};
-
-const createDocumentInternal = async (file, docDescription, session, docUrl) => {
-  const docThing = await docDescToThing(docDescription, docUrl, file);
-  const doc = await saveDescription(docThing, createSolidDataset(), session, docUrl);
   await saveFileInContainer(docUrl, file, {
     fetch: session.fetch,
     slug: file.name
@@ -158,15 +152,15 @@ const createDocumentInternal = async (file, docDescription, session, docUrl) =>
 };
 
 export const createDocument = async (file, docDescription, session, passUrl) => {
-  const { name } = docDescription;
-  const docUrl = `${passUrl}Documents/${name}/`;
+  const docUrl = `${passUrl}Documents/`;
+  let indexDataset;
   try {
-    await getSolidDataset(docUrl, { fetch: session.fetch }); // check to see if the file already exists
+    indexDataset = await getSolidDataset(`${docUrl}index.ttl`, { fetch: session.fetch });
   } catch {
-    const result = await createDocumentInternal(file, docDescription, session, docUrl);
-    return result;
+    indexDataset = createSolidDataset();
   }
-  throw Error('File already exists');
+  const result = await uploadFile(file, docDescription, session, indexDataset, docUrl);
+  return result;
 };
 
 const deleteRecursively = async (dataset, options) => {
@@ -204,9 +198,8 @@ export const deleteDocument = async (session, docUrl) => {
 };
 
 export const replaceDocument = async (file, fileDescription, session, passUrl) => {
-  const { name } = fileDescription;
-  const docUrl = `${passUrl}Documents/${name}/`;
+  const docUrl = `${passUrl}Documents/`;
   await deleteDocument(session, docUrl);
-  const result = await createDocumentInternal(file, fileDescription, session, docUrl);
+  const result = await uploadFile(file, fileDescription, session, docUrl);
   return result;
 };

From a58f403b7031a69161097a2cb80976717ddbf4fb Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sun, 18 Jun 2023 20:44:56 -0700
Subject: [PATCH 081/304] Rewrite using contexts

---
 src/components/Clients/ClientListTableRow.jsx |  8 +-
 .../Form/CheckAclPermsDocContainerForm.jsx    |  4 +-
 src/components/Form/CrossPodQueryForm.jsx     |  4 +-
 src/components/Form/CrossPodWriteForm.jsx     | 19 ++---
 src/components/Form/DeleteDocumentForm.jsx    |  8 +-
 src/components/Form/SetAclPermissionForm.jsx  |  4 +-
 .../Form/SetAclPermsDocContainerForm.jsx      |  4 +-
 src/components/Form/UploadDocumentForm.jsx    | 27 ++----
 src/contexts/DocumentListContext.jsx          | 69 ++++++++++++++++
 src/contexts/MessageContext.jsx               |  4 +-
 src/contexts/SelectedUserContext.jsx          | 33 ++++++++
 src/contexts/UserDataContext.jsx              | 31 ++++---
 src/contexts/UserListContext.jsx              |  4 +-
 src/contexts/index.js                         | 15 +---
 src/contexts/selectUserContext.js             | 12 ---
 src/model-helpers/Document.js                 | 82 +------------------
 src/model-helpers/DocumentList.js             | 82 +++++++++++++++++++
 src/model-helpers/UserList.js                 |  5 +-
 src/model-helpers/index.js                    |  1 +
 src/routes/Forms.jsx                          |  4 +-
 20 files changed, 241 insertions(+), 179 deletions(-)
 create mode 100644 src/contexts/DocumentListContext.jsx
 create mode 100644 src/contexts/SelectedUserContext.jsx
 delete mode 100644 src/contexts/selectUserContext.js
 create mode 100644 src/model-helpers/DocumentList.js

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index f5d642fd9..6a6c13d9e 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -14,7 +14,7 @@ import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 // Utility Imports
 import { runNotification } from '../../utils';
 // Context Imports
-import { SelectUserContext, UserListContext } from '../../contexts';
+import { SelectedUserContext, UserListContext } from '../../contexts';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -27,7 +27,7 @@ import { SelectUserContext, UserListContext } from '../../contexts';
 // determine what gets rendered in the table body
 const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const theme = useTheme();
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser, selectUser } = useContext(SelectedUserContext);
   const { removeUser } = useContext(UserListContext);
   const [pinned, setPinned] = useState(false);
 
@@ -43,12 +43,12 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const handleSelectClient = async (clientToSelect) => {
     if (clientToSelect.webId === selectedUser.webId) {
       runNotification(`Client "${clientToSelect.person}" unselected.`, 3, state, dispatch);
-      setSelectedUser({});
+      selectUser({});
       return;
     }
 
     runNotification(`Client "${clientToSelect.person}" selected.`, 3, state, dispatch);
-    setSelectedUser(clientToSelect);
+    selectUser(clientToSelect);
   };
 
   // Event handler for deleting client from client list
diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
index 483bc18c9..63de1e707 100644
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ b/src/components/Form/CheckAclPermsDocContainerForm.jsx
@@ -12,7 +12,7 @@ import { checkContainerPermission, runNotification, getPodUrl } from '../../util
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Context Imports
-import { SelectUserContext, SignedInUserContext } from '../../contexts';
+import { SelectedUserContext, SignedInUserContext } from '../../contexts';
 // Component Imports
 import FormSection from './FormSection';
 
@@ -28,7 +28,7 @@ import FormSection from './FormSection';
 const CheckAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectedUserContext);
   const [username, setUsername] = useState(selectedUser.username);
   const { podUrl } = useContext(SignedInUserContext);
 
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index ef987bd3f..27f13632f 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -12,7 +12,7 @@ import { getDocuments, runNotification } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Context Imports
-import { SelectUserContext } from '../../contexts';
+import { SelectedUserContext } from '../../contexts';
 // Constants Imports
 import { INTERACTION_TYPES } from '../../constants';
 // Component Imports
@@ -30,7 +30,7 @@ import FormSection from './FormSection';
 const CrossPodQueryForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectedUserContext);
   const [username, setUsername] = useState(selectedUser.username);
   const [docType, setDocType] = useState('');
 
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
index 0a237b148..020e5cecf 100644
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ b/src/components/Form/CrossPodWriteForm.jsx
@@ -1,14 +1,11 @@
 // React Imports
 import React, { useContext, useState } from 'react';
-// Inrupt Imports
-import { useSession } from '@inrupt/solid-ui-react';
 // Utility Imports
 import { runNotification } from '../../utils';
 // Custom Hook Imports
-import { createDocument, replaceDocument } from '../../model-helpers';
 import { useStatusNotification } from '../../hooks';
 // Context Imports
-import { SelectUserContext } from '../../contexts';
+import { DocumentListContext, SelectedUserContext } from '../../contexts';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
@@ -22,13 +19,13 @@ import FormSection from './FormSection';
  * @returns {React.ReactElement} The form
  */
 const CrossPodWriteForm = () => {
-  const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [docType, setDocType] = useState('');
   const [expiryDate, setExpiryDate] = useState('');
   const [description, setDescription] = useState('');
   const [file, setFile] = useState(null);
-  const { selectedUser } = useContext(SelectUserContext);
+  const { addDocument, replaceDocument } = useContext(DocumentListContext);
+  const { selectedUser } = useContext(SelectedUserContext);
 
   const handleDocType = (event) => {
     setDocType(event.target.value);
@@ -46,25 +43,23 @@ const CrossPodWriteForm = () => {
   const handleFormSubmission = async (e) => {
     e.preventDefault();
     const fileDesc = {
-      name: file.name.split('.')[0],
+      name: file.name,
       type: docType,
       date: expiryDate,
       description
     };
     runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
-    const activePod = selectedUser.podUrl;
-
     try {
-      await createDocument(file, fileDesc, session, `${activePod}PASS/`);
+      await addDocument(fileDesc, file);
       runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
     } catch (error) {
       const confirmationMessage =
-        'A file of this name already exists on the pod. Would you like to replace it?';
+        'A file of this name and type already exists on the pod. Would you like to replace it?';
 
       switch (error.message) {
         case 'File already exists':
           if (window.confirm(confirmationMessage)) {
-            await replaceDocument(file, fileDesc, session, `${activePod}PASS/`);
+            await replaceDocument(fileDesc, file);
             runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
           }
           break;
diff --git a/src/components/Form/DeleteDocumentForm.jsx b/src/components/Form/DeleteDocumentForm.jsx
index 254947c95..f7b4fbff6 100644
--- a/src/components/Form/DeleteDocumentForm.jsx
+++ b/src/components/Form/DeleteDocumentForm.jsx
@@ -12,7 +12,7 @@ import { useStatusNotification } from '../../hooks';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
-import { SelectUserContext, SignedInUserContext } from '../../contexts';
+import { SelectedUserContext } from '../../contexts';
 
 /**
  * DeleteDocumentForm Component - Component that generates the form for deleting
@@ -25,8 +25,7 @@ import { SelectUserContext, SignedInUserContext } from '../../contexts';
 const DeleteDocumentForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { podUrl } = useContext(SignedInUserContext);
-  const { selectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectedUserContext);
   const [docType, setDocType] = useState('');
   const [docName, setDocName] = useState('');
 
@@ -38,8 +37,7 @@ const DeleteDocumentForm = () => {
   const handleDeleteDocument = async (event) => {
     event.preventDefault();
     dispatch({ type: 'SET_PROCESSING' });
-    const activePod = selectedUser.podUrl || podUrl;
-    const docUrl = `${activePod}PASS/Documents/${docType}/${docName}/`;
+    const docUrl = `${selectedUser.podUrl}PASS/Documents/${docType}/${docName}/`;
 
     try {
       runNotification('Deleting Document...', 3, state, dispatch);
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 7af51b39e..69f8d6cbd 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -17,7 +17,7 @@ import { getPodUrl, runNotification, setDocAclPermission } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Context Imports
-import { SelectUserContext, SignedInUserContext } from '../../contexts';
+import { SelectedUserContext, SignedInUserContext } from '../../contexts';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
@@ -33,7 +33,7 @@ import FormSection from './FormSection';
 const SetAclPermissionForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectedUserContext);
   const [username, setUsername] = useState(selectedUser.username);
   const { podUrl } = useContext(SignedInUserContext);
   const [docType, setDocType] = useState('');
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 93eb22eb0..799bf6b36 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -17,7 +17,7 @@ import { getPodUrl, runNotification, setDocContainerAclPermission } from '../../
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Context Imports
-import { SelectUserContext, SignedInUserContext } from '../../contexts';
+import { SelectedUserContext, SignedInUserContext } from '../../contexts';
 // Component Imports
 import FormSection from './FormSection';
 
@@ -33,7 +33,7 @@ import FormSection from './FormSection';
 const SetAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectUserContext);
+  const { selectedUser } = useContext(SelectedUserContext);
   const [username, setUsername] = useState(selectedUser.username);
   const { podUrl } = useContext(SignedInUserContext);
 
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index f5ea904c6..4f7b944fb 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -1,15 +1,11 @@
 // React Imports
 import React, { useState, useContext } from 'react';
 // Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
-import { SignedInUserContext } from '../../contexts/SignedInUserContext';
-import { createDocument, replaceDocument, signDocument } from '../../model-helpers';
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
 import { runNotification } from '../../utils';
-import { SelectUserContext } from '../../contexts';
+import { DocumentListContext } from '../../contexts';
 
 /**
  * UploadDocumentForm Component - Component that generates the form for uploading
@@ -20,7 +16,6 @@ import { SelectUserContext } from '../../contexts';
  */
 
 const UploadDocumentForm = () => {
-  const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [docType, setDocType] = useState('');
   const [verifyFile, setVerifyFile] = useState(false);
@@ -28,8 +23,7 @@ const UploadDocumentForm = () => {
   const [description, setDescription] = useState('');
   const [file, setFile] = useState(null);
   const [inputKey, setInputKey] = useState(false);
-  const { podUrl } = useContext(SignedInUserContext);
-  const { selectedUser } = useContext(SelectUserContext);
+  const { addDocument, replaceDocument } = useContext(DocumentListContext);
 
   const handleDocType = (event) => {
     setDocType(event.target.value);
@@ -60,33 +54,24 @@ const UploadDocumentForm = () => {
     }
 
     const fileDesc = {
-      name: file.name.split('.')[0],
+      name: file.name,
       type: docType,
       date: expiryDate,
       description
     };
     runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
-    const activePod = selectedUser.podUrl || podUrl;
 
     try {
-      const doc = await createDocument(file, fileDesc, session, `${activePod}PASS/`);
-      if (verifyFile)
-        await signDocument(doc, session, `${activePod}PASS/Documents/${file.name.split('.')[0]}/`);
+      await addDocument(fileDesc, file);
       runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
     } catch (error) {
       const confirmationMessage =
-        'A file of this name already exists on the pod. Would you like to replace it?';
+        'A file of this name and type already exists on the pod. Would you like to replace it?';
 
       switch (error.message) {
         case 'File already exists':
           if (window.confirm(confirmationMessage)) {
-            const doc = await replaceDocument(file, fileDesc, session, `${activePod}PASS/`);
-            if (verifyFile)
-              await signDocument(
-                doc,
-                session,
-                `${activePod}PASS/Documents/${file.name.split('.')[0]}/`
-              );
+            await replaceDocument(fileDesc, file);
             runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
           }
           break;
diff --git a/src/contexts/DocumentListContext.jsx b/src/contexts/DocumentListContext.jsx
new file mode 100644
index 000000000..5e9072e87
--- /dev/null
+++ b/src/contexts/DocumentListContext.jsx
@@ -0,0 +1,69 @@
+// React Imports
+import React, { createContext, useState, useMemo, useEffect, useContext } from 'react';
+import { createSolidDataset } from '@inrupt/solid-client';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
+
+// Context Imports
+import { SelectedUserContext } from './SelectedUserContext';
+import { addDocument, removeDocument, replaceDocument, loadDocumentList } from '../model-helpers';
+
+/**
+ * React Context for users list from Solid Pod
+ *
+ * @name UserListContext
+ * @memberof contexts
+ */
+
+export const DocumentListContext = createContext([]);
+
+/**
+ * The Provider for DocumentListContext
+ *
+ * @memberof contexts
+ * @function DocumentListContextProvider
+ * @param {React.JSX.Element} children - The wrapped components that consumes
+ * @returns {React.JSX.Element}
+ * Context from Provider
+ */
+export const DocumentListContextProvider = ({ children }) => {
+  const [documentListObject, setDocumentListObject] = useState({});
+  const [loadingDocuments, setLoadingDocuments] = useState(true);
+  const { selectedUser } = useContext(SelectedUserContext);
+  const { session } = useSession();
+
+  const documentListMemo = useMemo(
+    () => ({
+      documentListObject,
+      addDocument: async (docDesc, file) =>
+        setDocumentListObject(await addDocument(docDesc, file, documentListObject, session)),
+      replaceDocument: async (docDesc, file) =>
+        setDocumentListObject(await replaceDocument(docDesc, file, documentListObject, session)),
+      removeDocument: async (docName) =>
+        setDocumentListObject(await removeDocument(docName, documentListObject, session)),
+      loadingDocuments
+    }),
+    [documentListObject, loadingDocuments]
+  );
+
+  useEffect(() => {
+    const loadDocuments = async () => {
+      setDocumentListObject( {
+        docList: [],
+        dataset: createSolidDataset(),
+        containerUrl: `${selectedUser.podUrl}PASS/Documents/`
+      } )
+      try {
+        setDocumentListObject(await loadDocumentList(session, selectedUser.podUrl));
+      } finally {
+        setLoadingDocuments(false);
+      }
+    };
+
+    if (selectedUser) loadDocuments();
+  }, [selectedUser]);
+
+  return (
+    <DocumentListContext.Provider value={documentListMemo}>{children}</DocumentListContext.Provider>
+  );
+};
diff --git a/src/contexts/MessageContext.jsx b/src/contexts/MessageContext.jsx
index e0863cd3b..a71a4ada9 100644
--- a/src/contexts/MessageContext.jsx
+++ b/src/contexts/MessageContext.jsx
@@ -18,7 +18,7 @@ import { SignedInUserContext } from './SignedInUserContext';
  * @memberof contexts
  */
 
-const MessageContext = createContext([]);
+export const MessageContext = createContext([]);
 
 /**
  * The Provider for MessageContext
@@ -76,5 +76,3 @@ export const MessageContextProvider = ({ children }) => {
 
   return <MessageContext.Provider value={messageObject}>{children}</MessageContext.Provider>;
 };
-
-export default MessageContext;
diff --git a/src/contexts/SelectedUserContext.jsx b/src/contexts/SelectedUserContext.jsx
new file mode 100644
index 000000000..177796e04
--- /dev/null
+++ b/src/contexts/SelectedUserContext.jsx
@@ -0,0 +1,33 @@
+import React, { createContext, useState, useContext, useMemo, useEffect } from 'react';
+import { SignedInUserContext } from './SignedInUserContext';
+
+/**
+ * React Context for selecting users from PASS
+ *
+ * @name SelectedUserContext
+ * @memberof contexts
+ */
+
+export const SelectedUserContext = createContext({});
+
+export const SelectedUserContextProvider = ({ children }) => {
+  const signedInUser = useContext(SignedInUserContext);
+  const [selectedUser, setSelectedUser] = useState(signedInUser);
+
+  const selectedUserMemo = useMemo(
+    () => ({
+      selectedUser,
+      selectUser: async (user) => setSelectedUser(user || signedInUser)
+    }),
+    [selectedUser, signedInUser]
+  );
+
+  useEffect(() => {
+    const { podUrl } = signedInUser
+    if (podUrl) setSelectedUser(signedInUser)
+  }, [signedInUser])
+
+  return (
+    <SelectedUserContext.Provider value={selectedUserMemo}>{children}</SelectedUserContext.Provider>
+  );
+};
diff --git a/src/contexts/UserDataContext.jsx b/src/contexts/UserDataContext.jsx
index 0a790afd1..36eb59ede 100644
--- a/src/contexts/UserDataContext.jsx
+++ b/src/contexts/UserDataContext.jsx
@@ -1,11 +1,12 @@
 // React Imports
-import React, { useState, useMemo } from 'react';
+import React from 'react';
 // Context Imports
 import {
   MessageContextProvider,
-  SelectUserContext,
+  SelectedUserContextProvider,
   UserListContextProvider,
-  SignedInUserContextProvider
+  SignedInUserContextProvider,
+  DocumentListContextProvider
 } from '.';
 
 /**
@@ -17,20 +18,16 @@ import {
  * Context from Provider
  */
 
-const UserDataContextProvider = ({ children }) => {
-  const [selectedUser, setSelectedUser] = useState({});
-
-  const selectedUserObject = useMemo(() => ({ selectedUser, setSelectedUser }), [selectedUser]);
-
-  return (
-    <SignedInUserContextProvider>
-      <SelectUserContext.Provider value={selectedUserObject}>
-        <UserListContextProvider>
+const UserDataContextProvider = ({ children }) => (
+  <SignedInUserContextProvider>
+    <SelectedUserContextProvider>
+      <UserListContextProvider>
+        <DocumentListContextProvider>
           <MessageContextProvider>{children}</MessageContextProvider>
-        </UserListContextProvider>
-      </SelectUserContext.Provider>
-    </SignedInUserContextProvider>
-  );
-};
+        </DocumentListContextProvider>
+      </UserListContextProvider>
+    </SelectedUserContextProvider>
+  </SignedInUserContextProvider>
+);
 
 export default UserDataContextProvider;
diff --git a/src/contexts/UserListContext.jsx b/src/contexts/UserListContext.jsx
index b3abcf9b2..926f098b3 100644
--- a/src/contexts/UserListContext.jsx
+++ b/src/contexts/UserListContext.jsx
@@ -21,7 +21,7 @@ const initialUserListContext = [];
  * @memberof contexts
  */
 
-const UserListContext = createContext(initialUserListContext);
+export const UserListContext = createContext(initialUserListContext);
 
 /**
  * The Provider for UserListContext
@@ -63,5 +63,3 @@ export const UserListContextProvider = ({ children }) => {
 
   return <UserListContext.Provider value={userListMemo}>{children}</UserListContext.Provider>;
 };
-
-export default UserListContext;
diff --git a/src/contexts/index.js b/src/contexts/index.js
index 475b3991b..bde5bebcc 100644
--- a/src/contexts/index.js
+++ b/src/contexts/index.js
@@ -1,7 +1,3 @@
-import SelectUserContext from './selectUserContext';
-import UserListContext, { UserListContextProvider } from './UserListContext';
-import MessageContext, { MessageContextProvider } from './MessageContext';
-
 /**
  * The contexts module contains React Contexts that helps with user management
  * and selection
@@ -9,11 +5,8 @@ import MessageContext, { MessageContextProvider } from './MessageContext';
  * @namespace contexts
  */
 
-export {
-  SelectUserContext,
-  UserListContext,
-  MessageContext,
-  MessageContextProvider,
-  UserListContextProvider
-};
 export * from './SignedInUserContext';
+export * from './SelectedUserContext';
+export * from './UserListContext';
+export * from './MessageContext';
+export * from './DocumentListContext';
diff --git a/src/contexts/selectUserContext.js b/src/contexts/selectUserContext.js
deleted file mode 100644
index 98f3f1b86..000000000
--- a/src/contexts/selectUserContext.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createContext } from 'react';
-
-/**
- * React Context for selecting users from PASS
- *
- * @name SelectUserContext
- * @memberof contexts
- */
-
-const SelectUserContext = createContext({});
-
-export default SelectUserContext;
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index af1d7c32f..1e5c2da24 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -1,18 +1,10 @@
 import {
-  getSolidDataset,
   createThing,
   buildThing,
-  setThing,
-  getThingAll,
-  createSolidDataset,
   getStringNoLocale,
   getUrl,
   saveSolidDatasetAt,
-  saveFileInContainer,
-  getContainedResourceUrlAll,
-  deleteFile,
-  deleteSolidDataset,
-  getDate
+  getDate,
 } from '@inrupt/solid-client';
 
 import sha256 from 'crypto-js/sha256';
@@ -110,7 +102,7 @@ const addAdditionalInfo = async (docDesc, thing, file) => {
   return thing;
 };
 
-export const docDescToThing = async (docDesc, documentUrl, file) => {
+export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
   const checksum = await createFileChecksum(file);
 
   let thing = buildThing(createThing({ name: docDesc.name }))
@@ -120,14 +112,14 @@ export const docDescToThing = async (docDesc, documentUrl, file) => {
     .addStringNoLocale(RDF_PREDICATES.additionalType, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
     .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
-    .addUrl(RDF_PREDICATES.url, `${documentUrl}${file.name}`);
+    .addUrl(RDF_PREDICATES.url, `${documentUrl}${docDesc.type}/${file.name}`);
 
   if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
   thing = await addAdditionalInfo(docDesc, thing, file);
   return thing.build();
 };
 
-export const parseDocument = (documentThing) => {
+export const parseDocFromThing = (documentThing) => {
   const uploadDate = getDate(documentThing, RDF_PREDICATES.uploadDate);
   const name = getStringNoLocale(documentThing, RDF_PREDICATES.name);
   const type = getStringNoLocale(documentThing, RDF_PREDICATES.identifier);
@@ -137,69 +129,3 @@ export const parseDocument = (documentThing) => {
   const fileUrl = getUrl(documentThing, RDF_PREDICATES.URL);
   return { uploadDate, name, type, endDate, checksum, description, fileUrl };
 };
-
-const uploadFile = async (file, docDescription, session, indexDataset, docUrl) => {
-  const docThing = await docDescToThing(docDescription, docUrl, file);
-  const newIndex = setThing(indexDataset, docThing);
-  const doc = await saveSolidDatasetAt(`${docUrl}index.ttl`, newIndex, {
-    fetch: session.fetch
-  });
-  await saveFileInContainer(docUrl, file, {
-    fetch: session.fetch,
-    slug: file.name
-  });
-  return parseDocument(getThingAll(doc)[0]);
-};
-
-export const createDocument = async (file, docDescription, session, passUrl) => {
-  const docUrl = `${passUrl}Documents/`;
-  let indexDataset;
-  try {
-    indexDataset = await getSolidDataset(`${docUrl}index.ttl`, { fetch: session.fetch });
-  } catch {
-    indexDataset = createSolidDataset();
-  }
-  const result = await uploadFile(file, docDescription, session, indexDataset, docUrl);
-  return result;
-};
-
-const deleteRecursively = async (dataset, options) => {
-  const containedResourceUrls = getContainedResourceUrlAll(dataset);
-  const containedDatasets = await Promise.all(
-    containedResourceUrls.map(async (resourceUrl) => {
-      try {
-        return await getSolidDataset(resourceUrl, options);
-      } catch (e) {
-        // The Resource might not have been a SolidDataset;
-        // we can delete it directly:
-        await deleteFile(resourceUrl, options);
-        return null;
-      }
-    })
-  );
-  await Promise.all(
-    containedDatasets.map(async (containedDataset) => {
-      if (containedDataset === null) {
-        return;
-      }
-      await deleteRecursively(containedDataset, options);
-    })
-  );
-  await deleteSolidDataset(dataset, options);
-};
-
-// export const fetchDocument = (filename, session, podUrl) => {}
-export const deleteDocument = async (session, docUrl) => {
-  const options = {
-    fetch: session.fetch
-  };
-  const container = await getSolidDataset(docUrl, options);
-  await deleteRecursively(container, options);
-};
-
-export const replaceDocument = async (file, fileDescription, session, passUrl) => {
-  const docUrl = `${passUrl}Documents/`;
-  await deleteDocument(session, docUrl);
-  const result = await uploadFile(file, fileDescription, session, docUrl);
-  return result;
-};
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
new file mode 100644
index 000000000..9ca53d765
--- /dev/null
+++ b/src/model-helpers/DocumentList.js
@@ -0,0 +1,82 @@
+import {
+  getSolidDataset,
+  setThing,
+  getThingAll,
+  saveSolidDatasetAt,
+  createSolidDataset,
+  saveFileInContainer
+} from '@inrupt/solid-client';
+
+import { makeDocIntoThing, parseDocFromThing } from './Document';
+
+const parseFromDataset = async (docsDataset, session) => {
+  const docList = [];
+  const allDocThings = getThingAll(docsDataset);
+  await Promise.all(
+    allDocThings.map(async (userThing) => {
+      const docObject = await parseDocFromThing(userThing, session);
+      docList.push(docObject);
+    })
+  );
+
+  return docList;
+};
+
+const saveToPod = async (session, { dataset, containerUrl }) => {
+  const newDataset = await saveSolidDatasetAt(`${containerUrl}doclist.ttl`, dataset, {
+    fetch: session.fetch
+  });
+  const newList = await parseFromDataset(newDataset, session);
+  return { dataset: newDataset, docList: newList, containerUrl };
+};
+
+export const addDocument = async (docDesc, file, { docList, dataset, containerUrl }, session) => {
+  const docThing = await makeDocIntoThing(docDesc, containerUrl, file);
+  const newDocDesc = parseDocFromThing(docThing);
+  const newDocObject = {
+    docList: docList.concat([newDocDesc]),
+    dataset: setThing(dataset, docThing),
+    containerUrl
+  };
+  const newObj = await saveToPod(session, newDocObject);
+  await saveFileInContainer(`${containerUrl}${docDesc.type}/`, file, {
+    fetch: session.fetch,
+    slug: file.name
+  });
+  return newObj;
+};
+
+export const removeDocument = async () => {
+  // docName, { docList, dataset, containerUrl }, session
+};
+
+export const replaceDocument = async (
+  docDesc,
+  file,
+  { docList, dataset, containerUrl },
+  session
+) => {
+  const updatedDataset = await removeDocument(
+    file.name,
+    { docList, dataset, containerUrl },
+    session
+  );
+  const result = await addDocument(docDesc, file, updatedDataset, session);
+  return result;
+};
+
+export const loadDocumentList = async (session, podUrl) => {
+  const containerUrl = `${podUrl}PASS/Documents/`;
+  let dataset;
+  let docList;
+  try {
+    dataset = await getSolidDataset(`${containerUrl}doclist.ttl`, { fetch: session.fetch });
+    docList = await parseFromDataset(dataset, session);
+  } catch {
+    dataset = await saveSolidDatasetAt(`${containerUrl}doclist.ttl`, createSolidDataset(), {
+      fetch: session.fetch
+    });
+    docList = [];
+  }
+  return { dataset, docList, containerUrl };
+};
diff --git a/src/model-helpers/UserList.js b/src/model-helpers/UserList.js
index 503c4e241..7e2eb09d0 100644
--- a/src/model-helpers/UserList.js
+++ b/src/model-helpers/UserList.js
@@ -89,7 +89,7 @@ const parseFromDataset = async (usersDataset, session) => {
  * @param {URL} userListObject.listUrl - Url of dataset to save to
  * @returns {object} An new userListObject containing any updates
  */
-export const saveToPod = async (session, { dataset, listUrl }) => {
+const saveToPod = async (session, { dataset, listUrl }) => {
   const newDataset = await saveSolidDatasetAt(listUrl, dataset, {
     fetch: session.fetch
   });
@@ -169,6 +169,5 @@ export const loadUserList = async (session, podUrl) => {
     userList = [];
     await setDocAclForUser(session, userListUrl, 'create', session.info.webId);
   }
-  const listUrl = `${podUrl}PASS/Users/userlist.ttl`;
-  return { dataset, userList, listUrl };
+  return { dataset, userList, userListUrl };
 };
diff --git a/src/model-helpers/index.js b/src/model-helpers/index.js
index 8cb23ae87..d58790847 100644
--- a/src/model-helpers/index.js
+++ b/src/model-helpers/index.js
@@ -9,3 +9,4 @@
 export * from './UserList';
 export * from './User';
 export * from './Document';
+export * from './DocumentList';
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 0244b045d..c297e1827 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -17,7 +17,7 @@ import {
   SetAclPermsDocContainerForm,
   CheckAclPermsDocContainerForm
 } from '../components/Form';
-import { SelectUserContext } from '../contexts';
+import { SelectedUserContext } from '../contexts';
 
 /**
  * Forms Page - Component that generates Forms Page for PASS
@@ -31,7 +31,7 @@ const Forms = () => {
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const { selectedUser, setSelectedUser } = useContext(SelectUserContext);
+  const { selectedUser, setSelectedUser } = useContext(SelectedUserContext);
 
   return (
     <Box

From e1ceff4b6493e8f45e3747eada6c50b81cca5b0b Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 18 Jun 2023 22:34:07 -0700
Subject: [PATCH 082/304] Updating based on recent GitHub comments

---
 src/components/Clients/ClientListTableRow.jsx          |  4 ++--
 ...mentLocalModal.jsx => ShowDocumentPreviewModal.jsx} | 10 +++++-----
 src/components/DocumentModals/ShowDocumentsModal.jsx   |  8 +++-----
 src/components/DocumentModals/index.js                 |  4 ++--
 src/utils/frontend/file-viewer-helper.js               |  4 ++--
 src/utils/index.js                                     |  4 ++--
 6 files changed, 16 insertions(+), 18 deletions(-)
 rename src/components/DocumentModals/{ShowDocumentLocalModal.jsx => ShowDocumentPreviewModal.jsx} (79%)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index a366a3448..a1cc20b6b 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -14,7 +14,7 @@ import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined
 import PushPinIcon from '@mui/icons-material/PushPin';
 import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 // Utility Imports
-import { runCheckFiles, runNotification } from '../../utils';
+import { runShowFiles, runNotification } from '../../utils';
 // Context Imports
 import { SelectUserContext, UserListContext } from '../../contexts';
 // Component Imports
@@ -85,7 +85,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
     dispatch({ type: 'SET_PROCESSING' });
 
     try {
-      const permittedData = await runCheckFiles(session, client.podUrl);
+      const permittedData = await runShowFiles(session, client.podUrl);
 
       setFileSrc(permittedData);
       setShowDocument(!showDocument);
diff --git a/src/components/DocumentModals/ShowDocumentLocalModal.jsx b/src/components/DocumentModals/ShowDocumentPreviewModal.jsx
similarity index 79%
rename from src/components/DocumentModals/ShowDocumentLocalModal.jsx
rename to src/components/DocumentModals/ShowDocumentPreviewModal.jsx
index 390741e18..e582efd2a 100644
--- a/src/components/DocumentModals/ShowDocumentLocalModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentPreviewModal.jsx
@@ -9,14 +9,14 @@ import DialogTitle from '@mui/material/DialogTitle';
 import ClearIcon from '@mui/icons-material/Clear';
 
 /**
- * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
- * explicit permission via ACL
+ * ShowDocumentPreviewModal Component - Popup modal that shows the user or client's
+ * specific documents if gotten explicit permission via ACL
  *
  * @memberof DocumentModals
- * @name ShowDocumentLocalModal
+ * @name ShowDocumentPreviewModal
  */
 
-const ShowDocumentLocalModal = ({ showModal, setShowModal, fileBlobUrl }) => (
+const ShowDocumentPreviewModal = ({ showModal, setShowModal, fileBlobUrl }) => (
   <Dialog
     fullScreen
     open={showModal}
@@ -51,4 +51,4 @@ const ShowDocumentLocalModal = ({ showModal, setShowModal, fileBlobUrl }) => (
   </Dialog>
 );
 
-export default ShowDocumentLocalModal;
+export default ShowDocumentPreviewModal;
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
index 1016b0e60..cb32044a6 100644
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ b/src/components/DocumentModals/ShowDocumentsModal.jsx
@@ -12,11 +12,9 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
-// Other Library Imports
-import { v4 as uuidv4 } from 'uuid';
 // Utility Imports
 import { getBlobFromSolid } from '../../utils';
-import ShowDocumentLocalModal from './ShowDocumentLocalModal';
+import ShowDocumentPreviewModal from './ShowDocumentPreviewModal';
 
 /**
  * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
@@ -59,7 +57,7 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
         >
           {fileSrc.map((src) => (
             <Box
-              key={uuidv4()}
+              key={src.documentUrl}
               sx={{
                 padding: 5,
                 borderRadius: '10px',
@@ -108,7 +106,7 @@ const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
             </Box>
           ))}
           {showDocumentBlob && (
-            <ShowDocumentLocalModal
+            <ShowDocumentPreviewModal
               showModal={showDocumentBlob}
               setShowModal={setShowDocumentBlob}
               fileBlobUrl={fileBlobUrl}
diff --git a/src/components/DocumentModals/index.js b/src/components/DocumentModals/index.js
index 11c4fa797..d221b8da8 100644
--- a/src/components/DocumentModals/index.js
+++ b/src/components/DocumentModals/index.js
@@ -1,4 +1,4 @@
-import ShowDocumentLocalModal from './ShowDocumentLocalModal';
+import ShowDocumentPreviewModal from './ShowDocumentPreviewModal';
 import ShowDocumentsModal from './ShowDocumentsModal';
 
 /**
@@ -8,4 +8,4 @@ import ShowDocumentsModal from './ShowDocumentsModal';
  * @namespace DocumentModals
  */
 
-export { ShowDocumentLocalModal, ShowDocumentsModal };
+export { ShowDocumentPreviewModal, ShowDocumentsModal };
diff --git a/src/utils/frontend/file-viewer-helper.js b/src/utils/frontend/file-viewer-helper.js
index d05a1bbfd..772cf7792 100644
--- a/src/utils/frontend/file-viewer-helper.js
+++ b/src/utils/frontend/file-viewer-helper.js
@@ -1,6 +1,6 @@
 import { getDocTTLs } from '../network/session-core';
 
-const runCheckFiles = async (session, podUrl) => {
+const runShowFiles = async (session, podUrl) => {
   const allDocumentData = await getDocTTLs(session, podUrl);
 
   if (allDocumentData.message?.includes('Unauthorized')) {
@@ -19,4 +19,4 @@ const runCheckFiles = async (session, podUrl) => {
   }
 };
 
-export default runCheckFiles;
+export default runShowFiles;
diff --git a/src/utils/index.js b/src/utils/index.js
index 9e9d63457..2fe82127d 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -29,7 +29,7 @@ import {
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
 import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
-import runCheckFiles from './frontend/file-viewer-helper';
+import runShowFiles from './frontend/file-viewer-helper';
 
 export {
   docTypes,
@@ -51,5 +51,5 @@ export {
   getPodUrl,
   getDocTTLs,
   getBlobFromSolid,
-  runCheckFiles
+  runShowFiles
 };

From b1d66ce513e104a69589432226d7c505a66314b2 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 18 Jun 2023 22:43:02 -0700
Subject: [PATCH 083/304] Final update before revamp

---
 src/routes/User.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/User.jsx b/src/routes/User.jsx
index 97bd10fc3..f1b817dca 100644
--- a/src/routes/User.jsx
+++ b/src/routes/User.jsx
@@ -9,7 +9,7 @@ import Container from '@mui/material/Container';
 // Custom Hook Imports
 import { useStatusNotification } from '../hooks';
 // Utility Imports
-import { runCheckFiles, runNotification } from '../utils';
+import { runShowFiles, runNotification } from '../utils';
 // Context Imports
 import { SignedInUserContext } from '../contexts';
 // Component Imports
@@ -41,7 +41,7 @@ const User = () => {
     dispatch({ type: 'SET_PROCESSING' });
 
     try {
-      const permittedData = await runCheckFiles(session, podUrl);
+      const permittedData = await runShowFiles(session, podUrl);
 
       setFileSrc(permittedData);
       setShowDocument(!showDocument);

From 6ae84e32ef37ac8eed2f31e627a4389ea9aec30a Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 18 Jun 2023 23:02:45 -0700
Subject: [PATCH 084/304] Reverting changes for bug fix related to
 barcode-scanner in favor of PR #264

---
 src/utils/barcode/barcode-scan.js   | 16 ++++++++--------
 src/utils/network/session-helper.js | 16 +---------------
 2 files changed, 9 insertions(+), 23 deletions(-)

diff --git a/src/utils/barcode/barcode-scan.js b/src/utils/barcode/barcode-scan.js
index 7dac9c616..9ce0ce15a 100644
--- a/src/utils/barcode/barcode-scan.js
+++ b/src/utils/barcode/barcode-scan.js
@@ -83,14 +83,14 @@ const csvToJson = (csvData) => {
  * @returns {object} returnedData - JSON object containing scanned barcode data
  */
 const getDriversLicenseData = async (file) => {
-  let returnedData = {};
-  if (file.type.split('/')[0] === 'image') {
-    const image = await readImageFile(file);
-    const decoded = await decodeBarcode(image);
-    if (decoded) {
-      const jsonData = csvToJson(decoded);
-      returnedData = jsonData;
-    }
+  const image = await readImageFile(file);
+  const decoded = await decodeBarcode(image);
+  let returnedData = '';
+  if (decoded) {
+    const jsonData = csvToJson(decoded);
+    returnedData = jsonData;
+  } else {
+    returnedData = new Error('Unable to decode file');
   }
 
   return returnedData;
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 2fd4b4ba2..689e2457b 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -313,21 +313,7 @@ const createFileChecksum = async (fileObject) => {
 
 const createDriversLicenseTtlFile = async (fileObject, documentUrl, checksum) => {
   const dlData = await getDriversLicenseData(fileObject.file);
-  const dlThing = buildThing(createThing({ name: 'document' }));
-
-  if (Object.keys(dlData).length === 0) {
-    return dlThing
-      .addDatetime(RDF_PREDICATES.uploadDate, new Date())
-      .addStringNoLocale(RDF_PREDICATES.name, fileObject.file.name)
-      .addStringNoLocale(RDF_PREDICATES.identifier, fileObject.type)
-      .addStringNoLocale(RDF_PREDICATES.endDate, fileObject.date)
-      .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
-      .addStringNoLocale(RDF_PREDICATES.description, fileObject.description)
-      .addUrl(RDF_PREDICATES.url, documentUrl)
-      .build();
-  }
-
-  return dlThing
+  return buildThing(createThing({ name: 'document' }))
     .addDatetime(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
     .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)

From 17bba68c6a49b75e7c5f417bb0e1fdfb46b3146c Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sun, 18 Jun 2023 22:35:45 -0700
Subject: [PATCH 085/304] add documents table

---
 src/components/Clients/ClientListTable.jsx    |  18 +--
 src/components/Clients/ClientListTableRow.jsx |  38 +----
 src/components/Documents/DocumentTable.jsx    |  56 +++++++
 src/components/Documents/DocumentTableRow.jsx |  68 +++++++++
 src/components/Form/CrossPodQueryForm.jsx     | 140 ------------------
 src/components/Form/CrossPodWriteForm.jsx     | 128 ----------------
 src/components/Form/DeleteDocumentForm.jsx    |  91 ------------
 src/components/Form/FetchDocumentForm.jsx     | 100 -------------
 src/components/Form/index.js                  |   8 -
 src/components/Table/TableStyles.js           |  29 ++++
 src/contexts/DocumentListContext.jsx          |   6 +-
 src/contexts/SelectedUserContext.jsx          |  13 +-
 src/model-helpers/Document.js                 |   8 +-
 src/model-helpers/DocumentList.js             |  22 ++-
 src/routes/Forms.jsx                          |  31 +---
 test/model-helpers/Document.test.js           |  92 +-----------
 test/model-helpers/UserList.test.js           |   2 +-
 17 files changed, 202 insertions(+), 648 deletions(-)
 create mode 100644 src/components/Documents/DocumentTable.jsx
 create mode 100644 src/components/Documents/DocumentTableRow.jsx
 delete mode 100644 src/components/Form/CrossPodQueryForm.jsx
 delete mode 100644 src/components/Form/CrossPodWriteForm.jsx
 delete mode 100644 src/components/Form/DeleteDocumentForm.jsx
 delete mode 100644 src/components/Form/FetchDocumentForm.jsx
 create mode 100644 src/components/Table/TableStyles.js

diff --git a/src/components/Clients/ClientListTable.jsx b/src/components/Clients/ClientListTable.jsx
index 4da3a7ef6..85a084e36 100644
--- a/src/components/Clients/ClientListTable.jsx
+++ b/src/components/Clients/ClientListTable.jsx
@@ -1,10 +1,8 @@
 // React Imports
 import React, { useContext } from 'react';
 // Material UI Imports
-import { styled, useTheme } from '@mui/material/styles';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
-import TableCell, { tableCellClasses } from '@mui/material/TableCell';
 import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
@@ -16,6 +14,7 @@ import { UserListContext } from '../../contexts';
 // Component Imports
 import { StatusNotification } from '../Notification';
 import ClientListTableRow from './ClientListTableRow';
+import { StyledTableCell } from '../Table/TableStyles';
 
 // ===== MAKE CHANGES HERE FOR TABLE HEADER / COLUMN TITLES =====
 const columnTitlesArray = ['Select', 'Client', 'WebID', 'Last Activity', 'Pin', 'Delete'];
@@ -64,18 +63,3 @@ const ClientListTable = ({ statusType, defaultMessage }) => {
 };
 
 export default ClientListTable;
-
-// ***** TODO: Switch this styled component to MUI
-// styling for table cells
-const StyledTableCell = styled(TableCell)(() => {
-  const theme = useTheme();
-  return {
-    [`&.${tableCellClasses.head}`]: {
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.common.white
-    },
-    [`&.${tableCellClasses.body}`]: {
-      fontSize: 14
-    }
-  };
-});
diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 6a6c13d9e..b6e4033d1 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -3,11 +3,9 @@ import React, { useState, useContext } from 'react';
 // React Router Imports
 import { Link } from 'react-router-dom';
 // Material UI Imports
-import { styled, useTheme } from '@mui/material/styles';
+import { useTheme } from '@mui/material/styles';
 import Checkbox from '@mui/material/Checkbox';
 import IconButton from '@mui/material/IconButton';
-import TableCell, { tableCellClasses } from '@mui/material/TableCell';
-import TableRow from '@mui/material/TableRow';
 import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined';
 import PushPinIcon from '@mui/icons-material/PushPin';
 import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
@@ -15,6 +13,7 @@ import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 import { runNotification } from '../../utils';
 // Context Imports
 import { SelectedUserContext, UserListContext } from '../../contexts';
+import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -43,7 +42,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const handleSelectClient = async (clientToSelect) => {
     if (clientToSelect.webId === selectedUser.webId) {
       runNotification(`Client "${clientToSelect.person}" unselected.`, 3, state, dispatch);
-      selectUser({});
+      selectUser();
       return;
     }
 
@@ -116,34 +115,3 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
 };
 
 export default ClientListTableRow;
-
-// ======= TABLE STYLING STARTS HERE =======
-// ***** TODO: Switch this styled components to MUI
-
-// styling for table cells
-const StyledTableCell = styled(TableCell)(() => {
-  const theme = useTheme();
-  return {
-    [`&.${tableCellClasses.head}`]: {
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.common.white
-    },
-    [`&.${tableCellClasses.body}`]: {
-      fontSize: 14
-    }
-  };
-});
-
-// styling for table rows
-const StyledTableRow = styled(TableRow)(() => {
-  const theme = useTheme();
-  return {
-    '&:nth-of-type(odd)': {
-      backgroundColor: theme.palette.primary.slight
-    },
-    // hide last border
-    '&:last-child td, &:last-child th': {
-      border: 0
-    }
-  };
-});
diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
new file mode 100644
index 000000000..16d707a1b
--- /dev/null
+++ b/src/components/Documents/DocumentTable.jsx
@@ -0,0 +1,56 @@
+// React Imports
+import React, { useContext } from 'react';
+// Inrupt Library Imports
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import Paper from '@mui/material/Paper';
+import { DocumentListContext } from '../../contexts';
+import { StyledTableCell } from '../Table/TableStyles';
+import DocumentTableRow from './DocumentTableRow';
+
+/**
+ * FetchDocumentForm Component - Component that generates the form for searching
+ * a specific document type from a user's Solid Pod via Solid Session
+ *
+ * @memberof Documents
+ * @name DocumentTable
+ * @returns {React.ReactElement} a table of documents
+ */
+const DocumentTable = () => {
+  const { documentListObject, loadingDocuments } = useContext(DocumentListContext);
+  const columnTitlesArray = [
+    'Name',
+    'Type',
+    'Description',
+    'Upload Date',
+    'Expiration Date',
+    'File URL',
+    'Delete'
+  ];
+
+  return loadingDocuments ? null : (
+    <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
+      <Table aria-label="Documents Table">
+        <TableHead>
+          <TableRow>
+            {columnTitlesArray.map((columnTitle) => (
+              <StyledTableCell key={columnTitle} align="center">
+                {columnTitle}
+              </StyledTableCell>
+            ))}
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {documentListObject?.docList.map((document) => (
+            <DocumentTableRow key={document.name} document={document} />
+          ))}
+        </TableBody>
+      </Table>
+    </TableContainer>
+  );
+};
+
+export default DocumentTable;
diff --git a/src/components/Documents/DocumentTableRow.jsx b/src/components/Documents/DocumentTableRow.jsx
new file mode 100644
index 000000000..d704b0a7b
--- /dev/null
+++ b/src/components/Documents/DocumentTableRow.jsx
@@ -0,0 +1,68 @@
+// React Imports
+import React, { useContext } from 'react';
+// React Router Imports
+import { Link } from 'react-router-dom';
+// Material UI Imports
+import { useTheme } from '@mui/material/styles';
+import IconButton from '@mui/material/IconButton';
+import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined';
+// Context Imports
+import { DocumentListContext } from '../../contexts';
+import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
+
+/**
+ * DocumentTableRow Component - Component that generates the individual table
+ *
+ * @memberof Documents
+ * @name DocumentTableRow
+ * @param document
+ * @returns {React.ReactElement}
+ */
+
+const DocumentTableRow = ({ document }) => {
+  const theme = useTheme();
+  const { removeDocument } = useContext(DocumentListContext);
+
+  const { name, type, description, fileUrl, uploadDate, endDate } = document;
+
+  // Event handler for deleting client from client list
+  const handleDeleteDocument = async () => {
+    if (
+      !window.confirm(
+        `You're about to delete ${document.name} from the pod, do you wish to continue?`
+      )
+    ) {
+      return;
+    }
+    await removeDocument(document.name);
+  };
+
+  return (
+    <StyledTableRow>
+      <StyledTableCell align="center">{name}</StyledTableCell>
+      <StyledTableCell align="center">{type}</StyledTableCell>
+      <StyledTableCell align="center">{description}</StyledTableCell>
+      <StyledTableCell align="center">
+        {uploadDate ? uploadDate.toDateString() : ''}
+      </StyledTableCell>
+      <StyledTableCell align="center">{endDate ? endDate.toDateString() : ''}</StyledTableCell>
+      <StyledTableCell align="center">
+        <Link
+          to={fileUrl}
+          target="_blank"
+          rel="noreferrer"
+          style={{ textDecoration: 'none', color: theme.palette.primary.dark }}
+        >
+          {fileUrl}
+        </Link>
+      </StyledTableCell>
+      <StyledTableCell align="center">
+        <IconButton size="large" edge="end" onClick={() => handleDeleteDocument()}>
+          <DeleteOutlineOutlinedIcon />
+        </IconButton>
+      </StyledTableCell>
+    </StyledTableRow>
+  );
+};
+
+export default DocumentTableRow;
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
deleted file mode 100644
index 27f13632f..000000000
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ /dev/null
@@ -1,140 +0,0 @@
-// React Imports
-import React, { useContext, useState } from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import FormControl from '@mui/material/FormControl';
-import TextField from '@mui/material/TextField';
-// Utility Imports
-import { getDocuments, runNotification } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Context Imports
-import { SelectedUserContext } from '../../contexts';
-// Constants Imports
-import { INTERACTION_TYPES } from '../../constants';
-// Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
-
-/**
- * CrossPodQueryForm Component - Component that generates the form for cross pod
- * search for a specific document from another user's Solid Pod via Solid Session
- *
- * @memberof Forms
- * @name CrossPodQueryForm
- */
-
-const CrossPodQueryForm = () => {
-  const { session } = useSession();
-  const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectedUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
-  const [docType, setDocType] = useState('');
-
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
-
-  // Clean up function for clearing input fields after submission
-  const clearInputFields = () => {
-    dispatch({ type: 'CLEAR_PROCESSING' });
-  };
-
-  // Event handler for Cross Pod Querying/Searching
-  const handleCrossPodQuery = async (event) => {
-    event.preventDefault();
-    dispatch({ type: 'SET_PROCESSING' });
-    let podUsername = event.target.crossPodQuery.value;
-
-    if (!podUsername) {
-      podUsername = selectedUser.username;
-    }
-
-    if (!podUsername) {
-      runNotification('Search failed. Reason: Username not provided.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
-    if (!docType) {
-      runNotification('Search failed. Reason: No document type selected.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
-    try {
-      const documentUrl = await getDocuments(
-        session,
-        docType,
-        INTERACTION_TYPES.CROSS,
-        podUsername
-      );
-
-      if (state.documentUrl) {
-        dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      }
-
-      runNotification('Locating document...', 3, state, dispatch);
-
-      // setTimeout is used to let getDocuments complete its fetch
-      setTimeout(() => {
-        dispatch({ type: 'SET_DOCUMENT_LOCATION', payload: documentUrl });
-        runNotification('Document found! ', 3, state, dispatch);
-        clearInputFields();
-      }, 3000);
-    } catch (_error) {
-      dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      runNotification('Search failed. Reason: Document not found.', 5, state, dispatch);
-      setTimeout(() => {
-        clearInputFields();
-      }, 3000);
-    }
-  };
-
-  return (
-    <FormSection
-      title="Cross Pod Search"
-      state={state}
-      statusType="Search status"
-      defaultMessage="To be searched..."
-    >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleCrossPodQuery} autoComplete="off">
-          <Box display="flex" flexDirection="column" justifyContent="center">
-            <FormControl>
-              <TextField
-                id="cross-search-doc"
-                name="crossPodQuery"
-                value={username}
-                onChange={(e) => {
-                  setUsername(e.target.value);
-                }}
-                placeholder={selectedUser.username}
-                label="Enter username"
-                required
-              />
-            </FormControl>
-            <DocumentSelection
-              htmlForAndIdProp="cross-search-doctype"
-              handleDocType={handleDocType}
-              docType={docType}
-            />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Search Pod
-            </Button>
-          </Box>
-        </form>
-      </Box>
-    </FormSection>
-  );
-};
-
-export default CrossPodQueryForm;
diff --git a/src/components/Form/CrossPodWriteForm.jsx b/src/components/Form/CrossPodWriteForm.jsx
deleted file mode 100644
index 020e5cecf..000000000
--- a/src/components/Form/CrossPodWriteForm.jsx
+++ /dev/null
@@ -1,128 +0,0 @@
-// React Imports
-import React, { useContext, useState } from 'react';
-// Utility Imports
-import { runNotification } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Context Imports
-import { DocumentListContext, SelectedUserContext } from '../../contexts';
-// Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
-
-/**
- * CrossPodWriteForm Component - Component that generates the form for cross pod
- * uploading for a specific document to another user's Solid Pod via Solid Session
- *
- * @memberof Forms
- * @name CrossPodWriteForm
- * @returns {React.ReactElement} The form
- */
-const CrossPodWriteForm = () => {
-  const { state, dispatch } = useStatusNotification();
-  const [docType, setDocType] = useState('');
-  const [expiryDate, setExpiryDate] = useState('');
-  const [description, setDescription] = useState('');
-  const [file, setFile] = useState(null);
-  const { addDocument, replaceDocument } = useContext(DocumentListContext);
-  const { selectedUser } = useContext(SelectedUserContext);
-
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
-
-  const clearInputFields = () => {
-    setDocType('');
-    setExpiryDate('');
-    setDescription('');
-    setFile(null);
-    dispatch({ type: 'CLEAR_PROCESSING' });
-  };
-
-  // Event handler for form/document submission to Pod
-  const handleFormSubmission = async (e) => {
-    e.preventDefault();
-    const fileDesc = {
-      name: file.name,
-      type: docType,
-      date: expiryDate,
-      description
-    };
-    runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
-    try {
-      await addDocument(fileDesc, file);
-      runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
-    } catch (error) {
-      const confirmationMessage =
-        'A file of this name and type already exists on the pod. Would you like to replace it?';
-
-      switch (error.message) {
-        case 'File already exists':
-          if (window.confirm(confirmationMessage)) {
-            await replaceDocument(fileDesc, file);
-            runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
-          }
-          break;
-        default:
-          runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
-      }
-    } finally {
-      clearInputFields();
-    }
-  };
-
-  const formRowStyle = {
-    margin: '20px 0'
-  };
-
-  /* eslint-disable jsx-a11y/label-has-associated-control */
-  return (
-    <FormSection
-      title="Cross Pod Document Upload"
-      state={state}
-      statusType="Upload status"
-      defaultMessage="To be uploaded..."
-    >
-      <form onSubmit={handleFormSubmission} autoComplete="off">
-        <div style={formRowStyle}>
-          <p>Upload document to {selectedUser.person || selectedUser.podUrl}: </p>
-          <br />
-          <br />
-        </div>
-        <div style={formRowStyle}>
-          <DocumentSelection
-            htmlForAndIdProp="upload-doc"
-            handleDocType={handleDocType}
-            docType={docType}
-          />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-expiration">Expiration date (if applicable): </label>
-          <input id="upload-doc-expiration" name="date" type="date" />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doc-desc">Enter description: </label>
-          <br />
-          <br />
-          <textarea id="upload-doc-desc" name="description" {...description} />
-        </div>
-        <div style={formRowStyle}>
-          <label htmlFor="upload-doctype">File to upload: </label>
-          <input
-            id="upload-doctype"
-            type="file"
-            name="uploadDoctype"
-            accept=".pdf, .docx, .doc, .txt, .rtf, .gif"
-            onChange={(e) => setFile(e.target.files[0])}
-          />
-          <button disabled={state.processing} type="submit">
-            Upload file
-          </button>
-        </div>
-      </form>
-    </FormSection>
-  );
-  /* eslint-enable jsx-a11y/label-has-associated-control */
-};
-
-export default CrossPodWriteForm;
diff --git a/src/components/Form/DeleteDocumentForm.jsx b/src/components/Form/DeleteDocumentForm.jsx
deleted file mode 100644
index f7b4fbff6..000000000
--- a/src/components/Form/DeleteDocumentForm.jsx
+++ /dev/null
@@ -1,91 +0,0 @@
-// React Imports
-import React, { useState, useContext } from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Material UI Imports
-import { TextField, Button, Box } from '@mui/material';
-// Utility Imports
-import { deleteDocument } from '../../model-helpers';
-import { runNotification } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
-import { SelectedUserContext } from '../../contexts';
-
-/**
- * DeleteDocumentForm Component - Component that generates the form for deleting
- * a specific document type from a user's Solid Pod via Solid Session
- *
- * @memberof Forms
- * @name DeleteDocumentForm
- */
-
-const DeleteDocumentForm = () => {
-  const { session } = useSession();
-  const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectedUserContext);
-  const [docType, setDocType] = useState('');
-  const [docName, setDocName] = useState('');
-
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
-
-  // Event handler for deleting document
-  const handleDeleteDocument = async (event) => {
-    event.preventDefault();
-    dispatch({ type: 'SET_PROCESSING' });
-    const docUrl = `${selectedUser.podUrl}PASS/Documents/${docType}/${docName}/`;
-
-    try {
-      runNotification('Deleting Document...', 3, state, dispatch);
-      await deleteDocument(session, docUrl);
-      runNotification('Document successfully deleted...', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-    } catch (error) {
-      runNotification(`Deletion failed. Reason: ${error.message}`, 10, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-    }
-  };
-
-  return (
-    <FormSection
-      title="Delete Document"
-      state={state}
-      statusType="Deletion status"
-      defaultMessage="To be deleted..."
-    >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleDeleteDocument}>
-          <Box display="flex" flexDirection="column" justifyContent="center">
-            <DocumentSelection
-              htmlForAndIdProp="delete-doctype"
-              handleDocType={handleDocType}
-              docType={docType}
-            />
-            <br />
-            <TextField
-              type="text"
-              label="Document Name"
-              variant="filled"
-              value={docName}
-              onChange={(e) => setDocName(e.target.value)}
-            />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Delete Document
-            </Button>
-          </Box>
-        </form>
-      </Box>
-    </FormSection>
-  );
-};
-
-export default DeleteDocumentForm;
diff --git a/src/components/Form/FetchDocumentForm.jsx b/src/components/Form/FetchDocumentForm.jsx
deleted file mode 100644
index b55e19421..000000000
--- a/src/components/Form/FetchDocumentForm.jsx
+++ /dev/null
@@ -1,100 +0,0 @@
-// React Imports
-import React, { useState } from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-// Utility Imports
-import { getDocuments, runNotification } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Constants Imports
-import { INTERACTION_TYPES } from '../../constants';
-// Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
-
-/**
- * FetchDocumentForm Component - Component that generates the form for searching
- * a specific document type from a user's Solid Pod via Solid Session
- *
- * @memberof Forms
- * @name FetchDocumentForm
- */
-
-const FetchDocumentForm = () => {
-  const { session } = useSession();
-  const { state, dispatch } = useStatusNotification();
-  const [docType, setDocType] = useState('');
-
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
-
-  // Event handler for searching/fetching document
-  const handleGetDocumentSubmission = async (event) => {
-    event.preventDefault();
-    dispatch({ type: 'SET_PROCESSING' });
-
-    if (!docType) {
-      runNotification('Search failed. Reason: No document type selected.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
-    try {
-      const documentUrl = await getDocuments(session, docType, INTERACTION_TYPES.SELF);
-
-      if (state.documentUrl) {
-        dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      }
-
-      runNotification('Locating document...', 3, state, dispatch);
-
-      // setTimeout is used to let getDocuments complete its fetch
-      setTimeout(() => {
-        dispatch({ type: 'SET_DOCUMENT_LOCATION', payload: documentUrl });
-        runNotification('Document found! ', 5, state, dispatch);
-        setTimeout(() => {
-          dispatch({ type: 'CLEAR_PROCESSING' });
-        }, 3000);
-      }, 3000);
-    } catch (_error) {
-      dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      runNotification('Search failed. Reason: Document not found.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-    }
-  };
-
-  return (
-    <FormSection
-      title="Search Document"
-      state={state}
-      statusType="Search status"
-      defaultMessage="To be searched..."
-    >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleGetDocumentSubmission}>
-          <Box display="flex" flexDirection="column" justifyContent="center">
-            <DocumentSelection
-              htmlForAndIdProp="search-doctype"
-              handleDocType={handleDocType}
-              docType={docType}
-            />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Get Document
-            </Button>
-          </Box>
-        </form>
-      </Box>
-    </FormSection>
-  );
-};
-
-export default FetchDocumentForm;
diff --git a/src/components/Form/index.js b/src/components/Form/index.js
index a1f20ce48..b26db7689 100644
--- a/src/components/Form/index.js
+++ b/src/components/Form/index.js
@@ -1,8 +1,4 @@
 import UploadDocumentForm from './UploadDocumentForm';
-import FetchDocumentForm from './FetchDocumentForm';
-import DeleteDocumentForm from './DeleteDocumentForm';
-import CrossPodQueryForm from './CrossPodQueryForm';
-import CrossPodWriteForm from './CrossPodWriteForm';
 import SetAclPermissionForm from './SetAclPermissionForm';
 import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
 import CheckAclPermsDocContainerForm from './CheckAclPermsDocContainerForm';
@@ -15,10 +11,6 @@ import CheckAclPermsDocContainerForm from './CheckAclPermsDocContainerForm';
 
 export {
   UploadDocumentForm,
-  FetchDocumentForm,
-  DeleteDocumentForm,
-  CrossPodQueryForm,
-  CrossPodWriteForm,
   SetAclPermissionForm,
   SetAclPermsDocContainerForm,
   CheckAclPermsDocContainerForm
diff --git a/src/components/Table/TableStyles.js b/src/components/Table/TableStyles.js
new file mode 100644
index 000000000..6e151485e
--- /dev/null
+++ b/src/components/Table/TableStyles.js
@@ -0,0 +1,29 @@
+import { styled, useTheme } from '@mui/material/styles';
+import TableCell, { tableCellClasses } from '@mui/material/TableCell';
+import TableRow from '@mui/material/TableRow';
+
+export const StyledTableCell = styled(TableCell)(() => {
+  const theme = useTheme();
+  return {
+    [`&.${tableCellClasses.head}`]: {
+      backgroundColor: theme.palette.primary.main,
+      color: theme.palette.common.white
+    },
+    [`&.${tableCellClasses.body}`]: {
+      fontSize: 14
+    }
+  };
+});
+
+export const StyledTableRow = styled(TableRow)(() => {
+  const theme = useTheme();
+  return {
+    '&:nth-of-type(odd)': {
+      backgroundColor: theme.palette.primary.slight
+    },
+    // hide last border
+    '&:last-child td, &:last-child th': {
+      border: 0
+    }
+  };
+});
diff --git a/src/contexts/DocumentListContext.jsx b/src/contexts/DocumentListContext.jsx
index 5e9072e87..ad14f044b 100644
--- a/src/contexts/DocumentListContext.jsx
+++ b/src/contexts/DocumentListContext.jsx
@@ -48,11 +48,11 @@ export const DocumentListContextProvider = ({ children }) => {
 
   useEffect(() => {
     const loadDocuments = async () => {
-      setDocumentListObject( {
+      setDocumentListObject({
         docList: [],
         dataset: createSolidDataset(),
         containerUrl: `${selectedUser.podUrl}PASS/Documents/`
-      } )
+      });
       try {
         setDocumentListObject(await loadDocumentList(session, selectedUser.podUrl));
       } finally {
@@ -60,7 +60,7 @@ export const DocumentListContextProvider = ({ children }) => {
       }
     };
 
-    if (selectedUser) loadDocuments();
+    if (selectedUser && selectedUser.podUrl) loadDocuments();
   }, [selectedUser]);
 
   return (
diff --git a/src/contexts/SelectedUserContext.jsx b/src/contexts/SelectedUserContext.jsx
index 177796e04..f8ec8d6a9 100644
--- a/src/contexts/SelectedUserContext.jsx
+++ b/src/contexts/SelectedUserContext.jsx
@@ -11,21 +11,20 @@ import { SignedInUserContext } from './SignedInUserContext';
 export const SelectedUserContext = createContext({});
 
 export const SelectedUserContextProvider = ({ children }) => {
-  const signedInUser = useContext(SignedInUserContext);
-  const [selectedUser, setSelectedUser] = useState(signedInUser);
+  const { podUrl } = useContext(SignedInUserContext);
+  const [selectedUser, setSelectedUser] = useState({ podUrl });
 
   const selectedUserMemo = useMemo(
     () => ({
       selectedUser,
-      selectUser: async (user) => setSelectedUser(user || signedInUser)
+      selectUser: async (user) => setSelectedUser(user || { podUrl })
     }),
-    [selectedUser, signedInUser]
+    [selectedUser, podUrl]
   );
 
   useEffect(() => {
-    const { podUrl } = signedInUser
-    if (podUrl) setSelectedUser(signedInUser)
-  }, [signedInUser])
+    if (podUrl) setSelectedUser({ podUrl });
+  }, [podUrl]);
 
   return (
     <SelectedUserContext.Provider value={selectedUserMemo}>{children}</SelectedUserContext.Provider>
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 1e5c2da24..82315ffbd 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -4,7 +4,7 @@ import {
   getStringNoLocale,
   getUrl,
   saveSolidDatasetAt,
-  getDate,
+  getDate
 } from '@inrupt/solid-client';
 
 import sha256 from 'crypto-js/sha256';
@@ -104,7 +104,7 @@ const addAdditionalInfo = async (docDesc, thing, file) => {
 
 export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
   const checksum = await createFileChecksum(file);
-
+  const cleanedFileName = file.name.replaceAll(' ', '%20');
   let thing = buildThing(createThing({ name: docDesc.name }))
     .addDate(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
@@ -112,7 +112,7 @@ export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
     .addStringNoLocale(RDF_PREDICATES.additionalType, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
     .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
-    .addUrl(RDF_PREDICATES.url, `${documentUrl}${docDesc.type}/${file.name}`);
+    .addUrl(RDF_PREDICATES.url, `${documentUrl}${cleanedFileName}`);
 
   if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
   thing = await addAdditionalInfo(docDesc, thing, file);
@@ -126,6 +126,6 @@ export const parseDocFromThing = (documentThing) => {
   const endDate = getDate(documentThing, RDF_PREDICATES.endDate);
   const checksum = getStringNoLocale(documentThing, RDF_PREDICATES.sha256);
   const description = getStringNoLocale(documentThing, RDF_PREDICATES.description);
-  const fileUrl = getUrl(documentThing, RDF_PREDICATES.URL);
+  const fileUrl = getUrl(documentThing, RDF_PREDICATES.url);
   return { uploadDate, name, type, endDate, checksum, description, fileUrl };
 };
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index 9ca53d765..27e3d4ac5 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -4,7 +4,10 @@ import {
   getThingAll,
   saveSolidDatasetAt,
   createSolidDataset,
-  saveFileInContainer
+  saveFileInContainer,
+  getThing,
+  removeThing,
+  deleteFile
 } from '@inrupt/solid-client';
 
 import { makeDocIntoThing, parseDocFromThing } from './Document';
@@ -31,6 +34,8 @@ const saveToPod = async (session, { dataset, containerUrl }) => {
 };
 
 export const addDocument = async (docDesc, file, { docList, dataset, containerUrl }, session) => {
+  if (docList.find((oldDoc) => oldDoc.name === docDesc.name))
+    throw new Error('File already exists');
   const docThing = await makeDocIntoThing(docDesc, containerUrl, file);
   const newDocDesc = parseDocFromThing(docThing);
   const newDocObject = {
@@ -39,15 +44,24 @@ export const addDocument = async (docDesc, file, { docList, dataset, containerUr
     containerUrl
   };
   const newObj = await saveToPod(session, newDocObject);
-  await saveFileInContainer(`${containerUrl}${docDesc.type}/`, file, {
+  await saveFileInContainer(`${containerUrl}`, file, {
     fetch: session.fetch,
     slug: file.name
   });
   return newObj;
 };
 
-export const removeDocument = async () => {
-  // docName, { docList, dataset, containerUrl }, session
+export const removeDocument = async (docName, { docList, dataset, containerUrl }, session) => {
+  const deletedDoc = docList.find((d) => d.name === docName);
+  if (!deletedDoc) throw Error();
+  const newList = docList.filter((d) => d.name !== docName);
+  const thingUrl = `${containerUrl}doclist.ttl#${docName}`;
+  const thingToRemove = getThing(dataset, thingUrl);
+  const newDataset = removeThing(dataset, thingToRemove);
+  const newDocObject = { userList: newList, dataset: newDataset, containerUrl };
+  const newObj = await saveToPod(session, newDocObject);
+  await deleteFile(deletedDoc.fileUrl, session);
+  return newObj;
 };
 
 export const replaceDocument = async (
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index c297e1827..21bd9e6ec 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -2,22 +2,19 @@
 import React, { useContext } from 'react';
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
+import { Container } from '@mui/system';
+
 import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Remove from '@mui/icons-material/Remove';
 import Typography from '@mui/material/Typography';
 // Component Imports
 import {
   UploadDocumentForm,
-  FetchDocumentForm,
-  DeleteDocumentForm,
-  CrossPodQueryForm,
-  CrossPodWriteForm,
   SetAclPermissionForm,
   SetAclPermsDocContainerForm,
   CheckAclPermsDocContainerForm
 } from '../components/Form';
 import { SelectedUserContext } from '../contexts';
+import DocumentTable from '../components/Documents/DocumentTable';
 
 /**
  * Forms Page - Component that generates Forms Page for PASS
@@ -31,7 +28,7 @@ const Forms = () => {
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const { selectedUser, setSelectedUser } = useContext(SelectedUserContext);
+  const { selectedUser } = useContext(SelectedUserContext);
 
   return (
     <Box
@@ -42,26 +39,14 @@ const Forms = () => {
         justifyContent: 'center'
       }}
     >
-      <Button
-        variant="contained"
-        color="secondary"
-        size="small"
-        aria-label="Clear Client Button"
-        startIcon={<Remove />}
-        onClick={() => setSelectedUser('')}
-        sx={{ margin: '2rem 0 1rem' }}
-      >
-        Clear Client
-      </Button>
-      <Typography>Client selected: {selectedUser.person || 'No client selected'}</Typography>
+      <Typography>Client selected: {selectedUser.person || selectedUser.podUrl}</Typography>
       <UploadDocumentForm />
-      <FetchDocumentForm />
-      <DeleteDocumentForm />
+      <Container>
+        <DocumentTable />
+      </Container>
       <SetAclPermsDocContainerForm />
       <CheckAclPermsDocContainerForm />
       <SetAclPermissionForm />
-      <CrossPodQueryForm />
-      <CrossPodWriteForm />
     </Box>
   );
 };
diff --git a/test/model-helpers/Document.test.js b/test/model-helpers/Document.test.js
index ad74a5744..7271ffaaa 100644
--- a/test/model-helpers/Document.test.js
+++ b/test/model-helpers/Document.test.js
@@ -1,23 +1,9 @@
 import { expect, vi, it, describe } from 'vitest';
 import { webcrypto } from 'crypto';
-import {
-  buildThing,
-  createSolidDataset,
-  createThing,
-  getSolidDataset,
-  mockSolidDatasetFrom,
-  saveSolidDatasetAt,
-  setThing
-} from '@inrupt/solid-client';
+import { buildThing, createThing } from '@inrupt/solid-client';
 import sha256 from 'crypto-js/sha256';
 import { RDF_PREDICATES } from '../../src/constants';
-import {
-  docDescToThing,
-  parseDocument,
-  saveDescription,
-  createDocument
-  // deleteDocument
-} from '../../src/model-helpers/Document';
+import { makeDocIntoThing, parseDocFromThing } from '../../src/model-helpers/Document';
 
 vi.mock('@inrupt/solid-client');
 
@@ -38,8 +24,8 @@ describe('docDescToThing', () => {
       date: new Date('December 17, 1995'),
       description: 'description'
     };
-    const thing = await docDescToThing(doc, 'http://example.com', testFile);
-    const newDoc = parseDocument(thing);
+    const thing = await makeDocIntoThing(doc, 'http://example.com', testFile);
+    const newDoc = parseDocFromThing(thing);
     expect(newDoc).toMatchObject({
       name: 'name',
       checksum: hash,
@@ -70,7 +56,7 @@ describe('parseDocument', () => {
       .addUrl(RDF_PREDICATES.url, 'http://example.com')
       .build();
 
-    const newDoc = parseDocument(thing);
+    const newDoc = parseDocFromThing(thing);
 
     expect(newDoc).toMatchObject({
       checksum: hash,
@@ -80,71 +66,3 @@ describe('parseDocument', () => {
     });
   });
 });
-
-describe('saveDescription', () => {
-  it('sends the correct document thing to pod', async () => {
-    const testFile = {
-      text: vi.fn().mockResolvedValue(fileText)
-    };
-
-    const session = {
-      fetch: vi.fn()
-    };
-    const doc = {
-      name: 'name',
-      type: 'type',
-      date: new Date('December 17, 1995'),
-      description: 'description'
-    };
-    const thing = await docDescToThing(doc, 'http://example.com', testFile);
-    await saveDescription(thing, createSolidDataset(), session, 'https://example.com');
-    expect(saveSolidDatasetAt).toBeCalled();
-  });
-});
-
-describe('createDocument', () => {
-  it('saves both the file and doc description to pod', async () => {
-    const session = {
-      fetch: vi.fn()
-    };
-    const hash = sha256(fileText);
-
-    const testFile = {
-      text: vi.fn().mockResolvedValue(fileText)
-    };
-    const doc = {
-      name: 'name',
-      type: 'type',
-      date: new Date('December 17, 1995'),
-      description: 'description'
-    };
-
-    const thing = buildThing(createThing({ name: doc.name }))
-      .addDate(RDF_PREDICATES.uploadDate, new Date())
-      .addStringNoLocale(RDF_PREDICATES.name, doc.name)
-      .addStringNoLocale(RDF_PREDICATES.identifier, doc.type)
-      .addDate(RDF_PREDICATES.endDate, doc.date)
-      .addStringNoLocale(RDF_PREDICATES.sha256, hash)
-      .addStringNoLocale(RDF_PREDICATES.description, doc.description)
-      .addUrl(RDF_PREDICATES.url, 'http://example.com')
-      .build();
-
-    let dataset = mockSolidDatasetFrom('http://example.com');
-    dataset = setThing(dataset, thing);
-
-    getSolidDataset.mockRejectedValueOnce(Error('file not found'));
-    saveSolidDatasetAt.mockResolvedValue(dataset);
-
-    const result = await createDocument(testFile, doc, session, 'https://example.com');
-    expect(result).toMatchObject({
-      checksum: hash,
-      description: doc.description,
-      name: doc.name,
-      type: doc.type
-    });
-  });
-});
-
-describe('deleteDocument', () => {
-  it('removes the document container and all documents from pod', () => {});
-});
diff --git a/test/model-helpers/UserList.test.js b/test/model-helpers/UserList.test.js
index 7b60ec617..ce1ec190f 100644
--- a/test/model-helpers/UserList.test.js
+++ b/test/model-helpers/UserList.test.js
@@ -74,7 +74,7 @@ describe('loadUserList', () => {
     getSolidDataset.mockResolvedValue(mockDatasetTim);
     const userListResult = await loadUserList(mockSession, 'https://james.example.com/');
     expect(userListResult.userList).toMatchObject(mockUserList);
-    expect(userListResult.listUrl).toBe(mockUrl);
+    expect(userListResult.userListUrl).toBe(mockUrl);
     expect(userListResult.dataset).toMatchObject(mockDataset);
   });
   it('creates a new dataset if no dataset is found', async () => {

From ae1bca097d4fc4ee871631439676491094516b38 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 18 Jun 2023 23:33:59 -0700
Subject: [PATCH 086/304] Moving functionality for file viewer from getDocTTLs
 to getDocuments; Removing Users for now

---
 src/AppRoutes.jsx                             |  3 +-
 src/components/Clients/ClientListTableRow.jsx | 40 +-------
 src/components/Form/CrossPodQueryForm.jsx     | 30 +++---
 src/components/Form/FetchDocumentForm.jsx     | 41 ++++----
 src/routes/User.jsx                           | 91 -----------------
 src/utils/index.js                            |  6 +-
 src/utils/network/session-core.js             | 97 +++++--------------
 test/utils/session-core.test.js               | 31 ------
 8 files changed, 61 insertions(+), 278 deletions(-)
 delete mode 100644 src/routes/User.jsx

diff --git a/src/AppRoutes.jsx b/src/AppRoutes.jsx
index 81218a852..78546ddc8 100644
--- a/src/AppRoutes.jsx
+++ b/src/AppRoutes.jsx
@@ -5,7 +5,7 @@ import { Routes, Route, Navigate, Outlet } from 'react-router-dom';
 import { useSession } from '@inrupt/solid-ui-react';
 import { useRedirectUrl } from './hooks';
 // Page Imports
-import { Home, Clients, User, Forms, Inbox, Outbox } from './routes';
+import { Home, Clients, Forms, Inbox, Outbox } from './routes';
 
 const ProtectedRoute = ({ isLoggedIn, children }) =>
   isLoggedIn ? children ?? <Outlet /> : <Navigate to="/PASS/" replace />;
@@ -44,7 +44,6 @@ const AppRoutes = () => {
       />
       <Route element={<ProtectedRoute isLoggedIn={session.info.isLoggedIn} />}>
         <Route path="/PASS/clients" element={<Clients />} />
-        <Route path="/PASS/user" element={<User />} />
         <Route path="/PASS/forms" element={<Forms />} />
         <Route path="/PASS/inbox" element={<Inbox />} />
         <Route path="/PASS/outbox" element={<Outbox />} />
diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index a1cc20b6b..2762a1b9f 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -1,12 +1,9 @@
 // React Imports
 import React, { useState, useContext } from 'react';
 import { Link } from 'react-router-dom';
-// Inrupt Imports
-import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import { styled, useTheme } from '@mui/material/styles';
 import Checkbox from '@mui/material/Checkbox';
-import FindInPageIcon from '@mui/icons-material/FindInPage';
 import IconButton from '@mui/material/IconButton';
 import TableCell, { tableCellClasses } from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
@@ -14,11 +11,9 @@ import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined
 import PushPinIcon from '@mui/icons-material/PushPin';
 import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 // Utility Imports
-import { runShowFiles, runNotification } from '../../utils';
+import { runNotification } from '../../utils';
 // Context Imports
 import { SelectUserContext, UserListContext } from '../../contexts';
-// Component Imports
-import { ShowDocumentsModal } from '../DocumentModals';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -75,29 +70,6 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
     setPinned(!pinned);
   };
 
-  // EXPERIMENTAL - Event handler for displaying Documents from PASS
-  const { session } = useSession();
-  const [fileSrc, setFileSrc] = useState([]);
-  const [showDocument, setShowDocument] = useState(false);
-
-  const handleShowFile = async () => {
-    runNotification('Fetching documents from Pod...', 5, state, dispatch);
-    dispatch({ type: 'SET_PROCESSING' });
-
-    try {
-      const permittedData = await runShowFiles(session, client.podUrl);
-
-      setFileSrc(permittedData);
-      setShowDocument(!showDocument);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 5000);
-    } catch (error) {
-      runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
-      dispatch({ type: 'CLEAR_PROCESSING' });
-    }
-  };
-
   return (
     <StyledTableRow>
       <StyledTableCell align="center">
@@ -128,16 +100,6 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
         </Link>
       </StyledTableCell>
       <StyledTableCell align="center">{modifiedDate}</StyledTableCell>
-      <StyledTableCell align="center">
-        <IconButton disabled={state.processing} size="large" edge="end" onClick={handleShowFile}>
-          <FindInPageIcon />
-        </IconButton>
-        <ShowDocumentsModal
-          showModal={showDocument}
-          setShowModal={setShowDocument}
-          fileSrc={fileSrc}
-        />
-      </StyledTableCell>
       <StyledTableCell align="center">
         <IconButton size="large" edge="end" onClick={handlePinClick}>
           {pinnedIcon}
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index 0d92d4bed..5ee3921fb 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -8,13 +8,11 @@ import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
 import TextField from '@mui/material/TextField';
 // Utility Imports
-import { getDocuments, runNotification } from '../../utils';
+import { getDocuments, getPodUrl, runNotification } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { SelectUserContext } from '../../contexts';
-// Constants Imports
-import { INTERACTION_TYPES } from '../../constants';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
@@ -43,6 +41,9 @@ const CrossPodQueryForm = () => {
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
+  const [fileSrc, setFileSrc] = useState([]);
+  const [showDocument, setShowDocument] = useState(false);
+
   // Event handler for Cross Pod Querying/Searching
   const handleCrossPodQuery = async (event) => {
     event.preventDefault();
@@ -70,34 +71,27 @@ const CrossPodQueryForm = () => {
     }
 
     try {
-      const documentUrl = await getDocuments(
-        session,
-        docType,
-        INTERACTION_TYPES.CROSS,
-        podUsername
-      );
-
-      if (state.documentUrl) {
-        dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      }
+      const documentTTLData = await getDocuments(session, docType, getPodUrl(podUsername));
 
       runNotification('Locating document...', 3, state, dispatch);
 
-      // setTimeout is used to let getDocuments complete its fetch
+      setFileSrc(documentTTLData);
+      setShowDocument(!showDocument);
+
       setTimeout(() => {
-        dispatch({ type: 'SET_DOCUMENT_LOCATION', payload: documentUrl });
         runNotification('Document found! ', 3, state, dispatch);
         clearInputFields();
       }, 3000);
-    } catch (_error) {
-      dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      runNotification('Search failed. Reason: Document not found.', 5, state, dispatch);
+    } catch (error) {
+      runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
       setTimeout(() => {
         clearInputFields();
       }, 3000);
     }
   };
 
+  console.log(fileSrc);
+
   return (
     <FormSection
       title="Cross Pod Search"
diff --git a/src/components/Form/FetchDocumentForm.jsx b/src/components/Form/FetchDocumentForm.jsx
index f0e485a3e..04ef132ff 100644
--- a/src/components/Form/FetchDocumentForm.jsx
+++ b/src/components/Form/FetchDocumentForm.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
@@ -9,11 +9,11 @@ import Button from '@mui/material/Button';
 import { getDocuments, runNotification } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
-// Constants Imports
-import { INTERACTION_TYPES } from '../../constants';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
+import { SignedInUserContext } from '../../contexts';
+import { ShowDocumentsModal } from '../DocumentModals';
 
 /**
  * FetchDocumentForm Component - Component that generates the form for searching
@@ -32,6 +32,10 @@ const FetchDocumentForm = () => {
     setDocType(event.target.value);
   };
 
+  const [fileSrc, setFileSrc] = useState([]);
+  const [showDocument, setShowDocument] = useState(false);
+  const { podUrl } = useContext(SignedInUserContext);
+
   // Event handler for searching/fetching document
   const handleGetDocumentSubmission = async (event) => {
     event.preventDefault();
@@ -46,31 +50,23 @@ const FetchDocumentForm = () => {
     }
 
     try {
-      const documentUrl = await getDocuments(session, docType, INTERACTION_TYPES.SELF);
-
-      if (state.documentUrl) {
-        dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      }
+      const documentTTLData = await getDocuments(session, docType, podUrl);
 
       runNotification('Locating document...', 3, state, dispatch);
 
-      // setTimeout is used to let getDocuments complete its fetch
-      setTimeout(() => {
-        dispatch({ type: 'SET_DOCUMENT_LOCATION', payload: documentUrl });
-        runNotification('Document found! ', 5, state, dispatch);
-        setTimeout(() => {
-          dispatch({ type: 'CLEAR_PROCESSING' });
-        }, 3000);
-      }, 3000);
-    } catch (_error) {
-      dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      runNotification('Search failed. Reason: Document not found.', 5, state, dispatch);
+      setFileSrc(documentTTLData);
+      setShowDocument(!showDocument);
       setTimeout(() => {
         dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
+      }, 5000);
+    } catch (error) {
+      runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
+      dispatch({ type: 'CLEAR_PROCESSING' });
     }
   };
 
+  console.log(fileSrc);
+
   return (
     <FormSection
       title="Search Document"
@@ -95,6 +91,11 @@ const FetchDocumentForm = () => {
           >
             Get Document
           </Button>
+          <ShowDocumentsModal
+            showModal={showDocument}
+            setShowModal={setShowDocument}
+            fileSrc={fileSrc}
+          />
         </form>
       </Box>
     </FormSection>
diff --git a/src/routes/User.jsx b/src/routes/User.jsx
deleted file mode 100644
index f1b817dca..000000000
--- a/src/routes/User.jsx
+++ /dev/null
@@ -1,91 +0,0 @@
-// React Imputs
-import React, { useContext, useState } from 'react';
-import { useLocation } from 'react-router-dom';
-// Inrupt Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Material UI Imports
-import Button from '@mui/material/Button';
-import Container from '@mui/material/Container';
-// Custom Hook Imports
-import { useStatusNotification } from '../hooks';
-// Utility Imports
-import { runShowFiles, runNotification } from '../utils';
-// Context Imports
-import { SignedInUserContext } from '../contexts';
-// Component Imports
-import { ShowDocumentsModal } from '../components/DocumentModals';
-import FormSection from '../components/Form/FormSection';
-
-/**
- * User - Page that displays the User's stored Documents
- *
- * @memberof Pages
- * @name User
- * @returns {React.ReactElement} The user page
- */
-
-const User = () => {
-  const location = useLocation();
-  localStorage.setItem('restorePath', location.pathname);
-
-  const { state, dispatch } = useStatusNotification();
-
-  // EXPERIMENTAL - Event handler for displaying Documents from PASS
-  const { session } = useSession();
-  const [fileSrc, setFileSrc] = useState([]);
-  const [showDocument, setShowDocument] = useState(false);
-  const { podUrl } = useContext(SignedInUserContext);
-
-  const handleShowFile = async () => {
-    runNotification('Fetching documents from Pod...', 5, state, dispatch);
-    dispatch({ type: 'SET_PROCESSING' });
-
-    try {
-      const permittedData = await runShowFiles(session, podUrl);
-
-      setFileSrc(permittedData);
-      setShowDocument(!showDocument);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 5000);
-    } catch (error) {
-      runNotification(`Operation failed. Reason: ${error.message}`, 5, state, dispatch);
-      dispatch({ type: 'CLEAR_PROCESSING' });
-    }
-  };
-
-  return (
-    <FormSection
-      title="Preview Documents"
-      state={state}
-      statusType="Preview Status"
-      defaultMessage="To be previewed..."
-    >
-      <Container
-        sx={{
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          width: '100%',
-          height: '100%'
-        }}
-      >
-        <Button
-          disabled={state.processing}
-          variant="contained"
-          type="button"
-          onClick={handleShowFile}
-        >
-          Show Documents
-        </Button>
-        <ShowDocumentsModal
-          showModal={showDocument}
-          setShowModal={setShowDocument}
-          fileSrc={fileSrc}
-        />
-      </Container>
-    </FormSection>
-  );
-};
-
-export default User;
diff --git a/src/utils/index.js b/src/utils/index.js
index 2fe82127d..57b5bc6b1 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -24,12 +24,10 @@ import {
   getMessageTTL,
   createPublicContainer,
   createInbox,
-  getDocTTLs,
   getBlobFromSolid
 } from './network/session-core';
 import { getPodUrl } from './network/session-helper';
 import makeHandleFormSubmission from './frontend/FormSubmissionHelper';
-import runShowFiles from './frontend/file-viewer-helper';
 
 export {
   docTypes,
@@ -49,7 +47,5 @@ export {
   createPublicContainer,
   createInbox,
   getPodUrl,
-  getDocTTLs,
-  getBlobFromSolid,
-  runShowFiles
+  getBlobFromSolid
 };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 8884a36a4..40c8bac8e 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -29,11 +29,9 @@ import {
   buildMessageTTL,
   setDocAclForPublic,
   getPodUrl,
-  getAllFiles,
-  promiseSome
+  getAllFiles
 } from './session-helper';
 import { getUserSigningKey, signDocumentTtlFile } from '../cryptography/credentials-helper';
-import docTypes from '../frontend/form-helper';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -249,23 +247,36 @@ export const updateDocument = async (session, uploadType, fileObject, otherPodUs
  * @function getDocuments
  * @param {Session} session - Solid's Session Object (see {@link Session})
  * @param {string} fileType - Type of document
- * @param {string} fetchType - Type of fetch (to own Pod, or "self" or to
- * other Pods, or "cross")
- * @param {string} [otherPodUsername] - Url to other user's Pod (set to empty string
- * by default)
+ * @param {URL} podUrl - The user's Pod URL
  * @returns {Promise<URL>} Promise - Either a string containing the url location of
  * the document, if exist, or throws an Error
  */
-export const getDocuments = async (session, fileType, fetchType, otherPodUsername = '') => {
-  const containerUrl = getContainerUrl(session, 'Documents', fetchType, otherPodUsername);
-  const documentUrl = `${containerUrl}${fileType.replace("'", '').replace(' ', '_')}/`;
+export const getDocuments = async (session, fileType, podUrl) => {
+  const documentTTLUrl = `${podUrl}PASS/Documents/${fileType
+    .replace("'", '')
+    .replace(' ', '_')}/document.ttl`;
 
   try {
-    await getSolidDataset(documentUrl, { fetch: session.fetch });
-
-    return documentUrl;
+    const dataset = await getSolidDataset(documentTTLUrl, { fetch: session.fetch });
+
+    const documentTTLThing = getThing(dataset, `${documentTTLUrl}#document`);
+
+    const uploadDate = getDatetime(documentTTLThing, RDF_PREDICATES.uploadDate);
+    const filename = getStringNoLocale(documentTTLThing, RDF_PREDICATES.name);
+    const expireDate = getStringNoLocale(documentTTLThing, RDF_PREDICATES.endDate);
+    const description = getStringNoLocale(documentTTLThing, RDF_PREDICATES.description);
+    const documentUrl = getUrl(documentTTLThing, RDF_PREDICATES.url);
+
+    return {
+      uploadDate,
+      filename,
+      documentType: fileType,
+      expireDate,
+      description,
+      documentUrl
+    };
   } catch (error) {
-    throw new Error('No data found');
+    return error.response?.status;
   }
 };
 
@@ -568,64 +579,6 @@ export const createInbox = async (session, podUrl) => {
   }
 };
 
-/**
- * A function that shows the documents from Solid Pod from user into PASS
- *
- * @function getDocTTLs
- * @param {Session} session - Solid's Session Object {@link Session}
- * @param {URL} podUrl - Pod URL of user to show documents from
- * @returns {Promise<object[]>} - List of parsed objects and/or error status codes
- */
-
-export const getDocTTLs = async (session, podUrl) => {
-  const parsedDatasets = await promiseSome(
-    docTypes.map(async (docType) => {
-      try {
-        const dataset = await getSolidDataset(
-          `${podUrl}PASS/Documents/${docType.replace("'", '').replace(' ', '_')}/document.ttl`,
-          {
-            fetch: session.fetch
-          }
-        );
-
-        const documentTTLThing = getThing(
-          dataset,
-          `${podUrl}PASS/Documents/${docType
-            .replace("'", '')
-            .replace(' ', '_')}/document.ttl#document`
-        );
-
-        const uploadDate = getDatetime(documentTTLThing, RDF_PREDICATES.uploadDate);
-        const filename = getStringNoLocale(documentTTLThing, RDF_PREDICATES.name);
-        const expireDate = getStringNoLocale(documentTTLThing, RDF_PREDICATES.endDate);
-        const description = getStringNoLocale(documentTTLThing, RDF_PREDICATES.description);
-        const documentUrl = getUrl(documentTTLThing, RDF_PREDICATES.url);
-
-        return {
-          uploadDate,
-          filename,
-          documentType: docType,
-          expireDate,
-          description,
-          documentUrl
-        };
-      } catch (error) {
-        return error.response?.status;
-      }
-    })
-  );
-
-  if (parsedDatasets.every((item) => item === 403)) {
-    return new Error('Unauthorized to all documents');
-  }
-
-  if (parsedDatasets.every((item) => item === 404)) {
-    return new Error('No documents found');
-  }
-
-  return parsedDatasets;
-};
-
 /**
  * A function that returns a file URL that could be used in local iframe
  *
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index d3a92ecdc..90b7f65bf 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -14,7 +14,6 @@ import {
   createPublicContainer,
   deleteDocumentFile,
   getBlobFromSolid,
-  getDocTTLs,
   getDocuments
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
@@ -234,36 +233,6 @@ describe('createPublicContainer', () => {
   });
 });
 
-describe('getDocTTLs', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('returns unauthorized error message if user has no permission to any documents', async () => {
-    vi.spyOn(sessionHelpers, 'promiseSome').mockReturnValue([403, 403, 403]);
-
-    const result = await getDocTTLs(session, mockPodUrl);
-
-    expect(result).toEqual(Error('Unauthorized to all documents'));
-  });
-
-  it('returns error message if there is not documents found', async () => {
-    vi.spyOn(sessionHelpers, 'promiseSome').mockReturnValue([404, 404, 404]);
-
-    const result = await getDocTTLs(session, mockPodUrl);
-
-    expect(result).toEqual(new Error('No documents found'));
-  });
-});
-
 describe('getBlobFromSolid', () => {
   beforeEach(() => {
     session = {

From 8d50b9fada9e172b161f224f84b628cfa50fb879 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sun, 18 Jun 2023 23:47:19 -0700
Subject: [PATCH 087/304] escape spaces in urls

---
 src/components/Form/UploadDocumentForm.jsx |  9 +++---
 src/model-helpers/DocumentList.js          |  3 +-
 src/utils/network/session-core.js          | 35 ----------------------
 test/model-helpers/Document.test.js        |  3 +-
 test/utils/session-core.test.js            | 29 +-----------------
 5 files changed, 9 insertions(+), 70 deletions(-)

diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index bc918709d..b7bb1b4d1 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -49,11 +49,11 @@ const UploadDocumentForm = () => {
   const clearInputFields = () => {
     setVerifyFile(false);
     setDocType('');
-    setFile(null);
+    setFile('');
     setInputKey(!inputKey); // clears file by forcing re-render
     setDocDescription('');
     setDocType('');
-    setExpireDate(null);
+    setExpireDate('');
   };
 
   // Event handler for form/document submission to Pod
@@ -114,8 +114,7 @@ const UploadDocumentForm = () => {
             value={verifyFile}
             checked={verifyFile}
             onChange={() => setVerifyFile(!verifyFile)}
-          />            checked={state.verifyFile}
-
+          />
           <DocumentSelection
             htmlForAndIdProp="upload-doc"
             handleDocType={handleDocType}
@@ -171,7 +170,7 @@ const UploadDocumentForm = () => {
                 textOverflow: 'ellipsis'
               }}
             >
-              File to upload: {state.file ? state.file.name : 'No file selected'}
+              File to upload: {file ? file.name : 'No file selected'}
             </FormHelperText>
           </FormControl>
           <br />
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index 27e3d4ac5..ca2fd033a 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -55,7 +55,8 @@ export const removeDocument = async (docName, { docList, dataset, containerUrl }
   const deletedDoc = docList.find((d) => d.name === docName);
   if (!deletedDoc) throw Error();
   const newList = docList.filter((d) => d.name !== docName);
-  const thingUrl = `${containerUrl}doclist.ttl#${docName}`;
+  const cleanedDocName = docName.replaceAll(' ', '%20');
+  const thingUrl = `${containerUrl}doclist.ttl#${cleanedDocName}`;
   const thingToRemove = getThing(dataset, thingUrl);
   const newDataset = removeThing(dataset, thingToRemove);
   const newDocObject = { userList: newList, dataset: newDataset, containerUrl };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index a6a8120cb..bb52cf43a 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -86,41 +86,6 @@ export const setDocContainerAclPermission = async (session, permissions, otherPo
   });
 };
 
-/*
-  File Management Section
-
-  Functions here deal primarily with file handling to Solid Pod via PASS (i.e,
-  file uploads, file search, file deletion, etc.)
-*/
-
-/**
- * Function that fetch the URL of the container containing a specific file
- * uploaded to a user's Pod on Solid, if exist
- *
- * @memberof utils
- * @function getDocuments
- * @param {Session} session - Solid's Session Object (see {@link Session})
- * @param {string} fileType - Type of document
- * @param {string} fetchType - Type of fetch (to own Pod, or "self" or to
- * other Pods, or "cross")
- * @param {string} [otherPodUsername] - Url to other user's Pod (set to empty string
- * by default)
- * @returns {Promise<URL>} Promise - Either a string containing the url location of
- * the document, if exist, or throws an Error
- */
-export const getDocuments = async (session, fileType, fetchType, otherPodUsername = '') => {
-  const containerUrl = getContainerUrl(session, 'Documents', fetchType, otherPodUsername);
-  const documentUrl = `${containerUrl}${fileType.replace("'", '').replace(' ', '_')}/`;
-
-  try {
-    await getSolidDataset(documentUrl, { fetch: session.fetch });
-
-    return documentUrl;
-  } catch (error) {
-    throw new Error('No data found');
-  }
-};
-
 /**
  * Function that checks the user's permission of another user's Documents container
  *
diff --git a/test/model-helpers/Document.test.js b/test/model-helpers/Document.test.js
index 7271ffaaa..7c50cf3a3 100644
--- a/test/model-helpers/Document.test.js
+++ b/test/model-helpers/Document.test.js
@@ -15,7 +15,8 @@ describe('docDescToThing', () => {
 
   it('correctly converts a document description to a thing', async () => {
     const testFile = {
-      text: vi.fn().mockResolvedValue(fileText)
+      text: vi.fn().mockResolvedValue(fileText),
+      name: 'junk'
     };
     const hash = sha256(fileText);
     const doc = {
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 24251601f..8b02b7376 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -4,8 +4,7 @@ import {
   checkContainerPermission,
   createInbox,
   createOutbox,
-  createPublicContainer,
-  getDocuments
+  createPublicContainer
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
 
@@ -45,32 +44,6 @@ describe('checkContainerPermission', () => {
   });
 });
 
-describe('getDocuments', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('returns documentUrl if getSolidDataset resolves', async () => {
-    const results = await getDocuments(session, 'Passport', 'self');
-
-    expect(results).toBe('https://pod.example.com/PASS/Documents/Passport/');
-  });
-
-  it('throws an error if getSolidDataset is rejected', async () => {
-    getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-
-    await expect(getDocuments(session, 'Passport', 'self')).rejects.toThrow('No data found');
-  });
-});
-
 describe('createInbox', () => {
   beforeEach(() => {
     session = {

From ec6471201afc083d69334b6bcd526267e626ed75 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 00:15:39 -0700
Subject: [PATCH 088/304] Simplified components for showing file with search
 functionality and getDocuments; Renamed DocumentModals directory to Modals

---
 .../ShowDocumentPreviewModal.jsx              |  54 -------
 .../DocumentModals/ShowDocumentsModal.jsx     | 132 ------------------
 src/components/DocumentModals/index.js        |  11 --
 src/components/Form/CrossPodQueryForm.jsx     |  12 +-
 src/components/Form/FetchDocumentForm.jsx     |  19 ++-
 src/components/Modals/ShowDocumentsModal.jsx  |  84 +++++++++++
 src/components/NavBar/NavbarLinks.jsx         |   1 -
 src/routes/index.js                           |   3 +-
 src/utils/network/session-core.js             |   2 +-
 9 files changed, 104 insertions(+), 214 deletions(-)
 delete mode 100644 src/components/DocumentModals/ShowDocumentPreviewModal.jsx
 delete mode 100644 src/components/DocumentModals/ShowDocumentsModal.jsx
 delete mode 100644 src/components/DocumentModals/index.js
 create mode 100644 src/components/Modals/ShowDocumentsModal.jsx

diff --git a/src/components/DocumentModals/ShowDocumentPreviewModal.jsx b/src/components/DocumentModals/ShowDocumentPreviewModal.jsx
deleted file mode 100644
index e582efd2a..000000000
--- a/src/components/DocumentModals/ShowDocumentPreviewModal.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-// React Imports
-import React from 'react';
-// Material UI Imports
-import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import ClearIcon from '@mui/icons-material/Clear';
-
-/**
- * ShowDocumentPreviewModal Component - Popup modal that shows the user or client's
- * specific documents if gotten explicit permission via ACL
- *
- * @memberof DocumentModals
- * @name ShowDocumentPreviewModal
- */
-
-const ShowDocumentPreviewModal = ({ showModal, setShowModal, fileBlobUrl }) => (
-  <Dialog
-    fullScreen
-    open={showModal}
-    aria-labelledby="dialog-title"
-    onClose={() => setShowModal(false)}
-  >
-    <DialogTitle id="dialog-tile">Documents</DialogTitle>
-
-    <DialogContent
-      sx={{
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 5
-      }}
-    >
-      <iframe src={fileBlobUrl} title="File Preview Local" height="100%" width="100%" />
-    </DialogContent>
-    <DialogActions>
-      <Button
-        variant="outlined"
-        color="error"
-        endIcon={<ClearIcon />}
-        onClick={() => {
-          setShowModal(false);
-        }}
-      >
-        CLOSE
-      </Button>
-    </DialogActions>
-  </Dialog>
-);
-
-export default ShowDocumentPreviewModal;
diff --git a/src/components/DocumentModals/ShowDocumentsModal.jsx b/src/components/DocumentModals/ShowDocumentsModal.jsx
deleted file mode 100644
index cb32044a6..000000000
--- a/src/components/DocumentModals/ShowDocumentsModal.jsx
+++ /dev/null
@@ -1,132 +0,0 @@
-// React Imports
-import React, { useState } from 'react';
-// Inrupt Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import ClearIcon from '@mui/icons-material/Clear';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import Link from '@mui/material/Link';
-import Typography from '@mui/material/Typography';
-// Utility Imports
-import { getBlobFromSolid } from '../../utils';
-import ShowDocumentPreviewModal from './ShowDocumentPreviewModal';
-
-/**
- * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
- * explicit permission via ACL
- *
- * @memberof DocumentModals
- * @name ShowDocumentsModal
- */
-
-const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
-  const { session } = useSession();
-
-  const [showDocumentBlob, setShowDocumentBlob] = useState(false);
-  const [fileBlobUrl, setFileBlobUrl] = useState('');
-
-  const handleShowDocumentLocal = async (fileUrl) => {
-    const urlFileBlob = await getBlobFromSolid(session, fileUrl);
-    setFileBlobUrl(urlFileBlob);
-    setShowDocumentBlob(true);
-  };
-
-  return (
-    <Dialog
-      fullScreen
-      open={showModal}
-      aria-labelledby="dialog-title"
-      onClose={() => setShowModal(false)}
-    >
-      <DialogTitle id="dialog-tile">Documents</DialogTitle>
-
-      <DialogContent>
-        <Box
-          sx={{
-            display: 'flex',
-            flexWrap: 'wrap',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: 5
-          }}
-        >
-          {fileSrc.map((src) => (
-            <Box
-              key={src.documentUrl}
-              sx={{
-                padding: 5,
-                borderRadius: '10px',
-                backgroundColor: 'lightgray',
-                width: { xxs: '300px', xs: '320px' }
-              }}
-            >
-              <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
-                <Typography sx={{ fontWeight: 'bold' }}>{src.documentType}</Typography>
-                <Typography
-                  sx={{
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    maxWidth: { xxs: '150px', xs: '200px', sm: '300px' },
-                    textOverflow: 'ellipsis'
-                  }}
-                >
-                  File name: {src.filename}
-                </Typography>
-                <Typography>Upload date: {src.uploadDate.toLocaleString()}</Typography>
-                <Typography>Description: {src.description}</Typography>
-                <Typography>Expire Date: {src.expireDate}</Typography>
-                <br />
-                <Typography sx={{ fontWeight: 'bold' }}>Show Document</Typography>
-                <Button
-                  variant="contained"
-                  type="button"
-                  onClick={() => handleShowDocumentLocal(src.documentUrl)}
-                >
-                  Preview
-                </Button>
-                <Button variant="contained" type="button">
-                  <Link
-                    href={src.documentUrl}
-                    target="_blank"
-                    rel="noreferrer"
-                    sx={{
-                      color: 'white',
-                      textDecoration: 'none'
-                    }}
-                  >
-                    New Window
-                  </Link>
-                </Button>
-              </Box>
-            </Box>
-          ))}
-          {showDocumentBlob && (
-            <ShowDocumentPreviewModal
-              showModal={showDocumentBlob}
-              setShowModal={setShowDocumentBlob}
-              fileBlobUrl={fileBlobUrl}
-            />
-          )}
-        </Box>
-      </DialogContent>
-
-      <DialogActions>
-        <Button
-          variant="outlined"
-          color="error"
-          endIcon={<ClearIcon />}
-          onClick={() => setShowModal(false)}
-        >
-          CLOSE
-        </Button>
-      </DialogActions>
-    </Dialog>
-  );
-};
-
-export default ShowDocumentsModal;
diff --git a/src/components/DocumentModals/index.js b/src/components/DocumentModals/index.js
deleted file mode 100644
index d221b8da8..000000000
--- a/src/components/DocumentModals/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import ShowDocumentPreviewModal from './ShowDocumentPreviewModal';
-import ShowDocumentsModal from './ShowDocumentsModal';
-
-/**
- * Components and functions related to document viewer functionality within
- * project PASS
- *
- * @namespace DocumentModals
- */
-
-export { ShowDocumentPreviewModal, ShowDocumentsModal };
diff --git a/src/components/Form/CrossPodQueryForm.jsx b/src/components/Form/CrossPodQueryForm.jsx
index 5ee3921fb..fcfb5cbd1 100644
--- a/src/components/Form/CrossPodQueryForm.jsx
+++ b/src/components/Form/CrossPodQueryForm.jsx
@@ -16,6 +16,7 @@ import { SelectUserContext } from '../../contexts';
 // Component Imports
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
+import ShowDocumentsModal from '../Modals/ShowDocumentsModal';
 
 /**
  * CrossPodQueryForm Component - Component that generates the form for cross pod
@@ -41,7 +42,7 @@ const CrossPodQueryForm = () => {
     dispatch({ type: 'CLEAR_PROCESSING' });
   };
 
-  const [fileSrc, setFileSrc] = useState([]);
+  const [fileSrc, setFileSrc] = useState(null);
   const [showDocument, setShowDocument] = useState(false);
 
   // Event handler for Cross Pod Querying/Searching
@@ -90,8 +91,6 @@ const CrossPodQueryForm = () => {
     }
   };
 
-  console.log(fileSrc);
-
   return (
     <FormSection
       title="Cross Pod Search"
@@ -129,6 +128,13 @@ const CrossPodQueryForm = () => {
           >
             Search Pod
           </Button>
+          {fileSrc && (
+            <ShowDocumentsModal
+              showModal={showDocument}
+              setShowModal={setShowDocument}
+              fileSrc={fileSrc}
+            />
+          )}
         </form>
       </Box>
     </FormSection>
diff --git a/src/components/Form/FetchDocumentForm.jsx b/src/components/Form/FetchDocumentForm.jsx
index 04ef132ff..5f54488ec 100644
--- a/src/components/Form/FetchDocumentForm.jsx
+++ b/src/components/Form/FetchDocumentForm.jsx
@@ -13,7 +13,7 @@ import { useStatusNotification } from '../../hooks';
 import DocumentSelection from './DocumentSelection';
 import FormSection from './FormSection';
 import { SignedInUserContext } from '../../contexts';
-import { ShowDocumentsModal } from '../DocumentModals';
+import ShowDocumentsModal from '../Modals/ShowDocumentsModal';
 
 /**
  * FetchDocumentForm Component - Component that generates the form for searching
@@ -32,7 +32,7 @@ const FetchDocumentForm = () => {
     setDocType(event.target.value);
   };
 
-  const [fileSrc, setFileSrc] = useState([]);
+  const [fileSrc, setFileSrc] = useState(null);
   const [showDocument, setShowDocument] = useState(false);
   const { podUrl } = useContext(SignedInUserContext);
 
@@ -51,7 +51,6 @@ const FetchDocumentForm = () => {
 
     try {
       const documentTTLData = await getDocuments(session, docType, podUrl);
-
       runNotification('Locating document...', 3, state, dispatch);
 
       setFileSrc(documentTTLData);
@@ -65,8 +64,6 @@ const FetchDocumentForm = () => {
     }
   };
 
-  console.log(fileSrc);
-
   return (
     <FormSection
       title="Search Document"
@@ -91,11 +88,13 @@ const FetchDocumentForm = () => {
           >
             Get Document
           </Button>
-          <ShowDocumentsModal
-            showModal={showDocument}
-            setShowModal={setShowDocument}
-            fileSrc={fileSrc}
-          />
+          {fileSrc && (
+            <ShowDocumentsModal
+              showModal={showDocument}
+              setShowModal={setShowDocument}
+              fileSrc={fileSrc}
+            />
+          )}
         </form>
       </Box>
     </FormSection>
diff --git a/src/components/Modals/ShowDocumentsModal.jsx b/src/components/Modals/ShowDocumentsModal.jsx
new file mode 100644
index 000000000..1a44d832a
--- /dev/null
+++ b/src/components/Modals/ShowDocumentsModal.jsx
@@ -0,0 +1,84 @@
+// React Imports
+import React from 'react';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CheckIcon from '@mui/icons-material/Check';
+import ClearIcon from '@mui/icons-material/Clear';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Typography from '@mui/material/Typography';
+// Utility Imports
+import { getBlobFromSolid } from '../../utils';
+
+/**
+ * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
+ * explicit permission via ACL
+ *
+ * @memberof DocumentModals
+ * @name ShowDocumentsModal
+ */
+
+const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
+  const { session } = useSession();
+
+  const handleShowDocumentLocal = async (fileUrl) => {
+    const urlFileBlob = await getBlobFromSolid(session, fileUrl);
+    window.open(urlFileBlob);
+  };
+
+  return (
+    <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
+      <DialogTitle id="dialog-tile" sx={{ fontWeight: 'bold' }}>
+        {fileSrc.documentType}
+      </DialogTitle>
+
+      <DialogContent>
+        <Box key={fileSrc.documentUrl}>
+          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
+            <Typography
+              sx={{
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                maxWidth: { xxs: '150px', xs: '200px', sm: '300px' },
+                textOverflow: 'ellipsis'
+              }}
+            >
+              File name: {fileSrc.filename}
+            </Typography>
+            <Typography>Upload date: {fileSrc.uploadDate.toLocaleString()}</Typography>
+            <Typography>Description: {fileSrc.description}</Typography>
+            <Typography>Expire Date: {fileSrc.expireDate}</Typography>
+            <br />
+          </Box>
+        </Box>
+      </DialogContent>
+
+      <DialogActions>
+        <Button
+          variant="outlined"
+          color="error"
+          endIcon={<ClearIcon />}
+          onClick={() => setShowModal(false)}
+        >
+          CLOSE
+        </Button>
+        <Button
+          variant="contained"
+          type="button"
+          endIcon={<CheckIcon />}
+          onClick={() => handleShowDocumentLocal(fileSrc.documentUrl)}
+          sx={{ width: '100px' }}
+        >
+          OPEN
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+};
+
+export default ShowDocumentsModal;
diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index 57ba3d43a..030eee37a 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -23,7 +23,6 @@ const NavbarLinks = () => {
   // array of current nav links for menus
   const routesArray = [
     { label: 'Clients', path: '/PASS/clients' },
-    { label: 'User', path: 'PASS/user' },
     { label: 'Forms', path: '/PASS/forms' },
     { label: 'Inbox', path: '/PASS/inbox' },
     { label: 'Outbox', path: '/PASS/outbox' }
diff --git a/src/routes/index.js b/src/routes/index.js
index cf51104c7..687bf2ca1 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -1,5 +1,4 @@
 import Clients from './Clients';
-import User from './User';
 import Forms from './Forms';
 import Home from './Home';
 import Inbox from './Inbox';
@@ -11,4 +10,4 @@ import Outbox from './Outbox';
  * @namespace Pages
  */
 
-export { Clients, User, Forms, Home, Inbox, Outbox };
+export { Clients, Forms, Home, Inbox, Outbox };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 40c8bac8e..3d1b36770 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -276,7 +276,7 @@ export const getDocuments = async (session, fileType, podUrl) => {
       documentUrl
     };
   } catch (error) {
-    return error.response?.status;
+    throw new Error(error.response?.status === 404 ? 'No file found' : 'No permission to file');
   }
 };
 

From 51299c7610e877cbbeaf9c18e7c71674ce83a8d0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 00:25:52 -0700
Subject: [PATCH 089/304] Removing unused helper functions

---
 src/utils/frontend/file-viewer-helper.js | 22 ----------------------
 1 file changed, 22 deletions(-)
 delete mode 100644 src/utils/frontend/file-viewer-helper.js

diff --git a/src/utils/frontend/file-viewer-helper.js b/src/utils/frontend/file-viewer-helper.js
deleted file mode 100644
index 772cf7792..000000000
--- a/src/utils/frontend/file-viewer-helper.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { getDocTTLs } from '../network/session-core';
-
-const runShowFiles = async (session, podUrl) => {
-  const allDocumentData = await getDocTTLs(session, podUrl);
-
-  if (allDocumentData.message?.includes('Unauthorized')) {
-    throw new Error('No permission to files.');
-  }
-
-  if (allDocumentData.message?.includes('No documents found')) {
-    throw new Error('No files found.');
-  }
-
-  const permittedData = allDocumentData.filter((item) => typeof item !== 'number');
-  if (permittedData.length === 0) {
-    throw new Error('No permitted files found.');
-  } else {
-    return permittedData;
-  }
-};
-
-export default runShowFiles;

From 1a0190d73987691ec03abd796e91d6c9e75ae04c Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 00:37:14 -0700
Subject: [PATCH 090/304] Updated unit test to return error values when
 receiving 401, 403, and 404 errors

---
 test/utils/session-core.test.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 90b7f65bf..829f39a1d 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -91,16 +91,18 @@ describe('getDocuments', () => {
     vi.clearAllMocks();
   });
 
-  it('returns documentUrl if getSolidDataset resolves', async () => {
-    const results = await getDocuments(session, 'Passport', 'self');
+  it('throws an error for no permission if status is not 404', async () => {
+    getSolidDataset.mockRejectedValueOnce({ response: { status: 401 } });
 
-    expect(results).toBe('https://pod.example.com/PASS/Documents/Passport/');
+    await expect(getDocuments(session, 'Passport', 'self')).rejects.toThrow(
+      'No permission to file'
+    );
   });
 
-  it('throws an error if getSolidDataset is rejected', async () => {
-    getSolidDataset.mockRejectedValueOnce(Error('No data found'));
+  it('throws an error for no file found if status is 404', async () => {
+    getSolidDataset.mockRejectedValueOnce({ response: { status: 404 } });
 
-    await expect(getDocuments(session, 'Passport', 'self')).rejects.toThrow('No data found');
+    await expect(getDocuments(session, 'Passport', 'self')).rejects.toThrow('No file found');
   });
 });
 

From a6736a84090004481e1fe3baaa36a447ae5af2f5 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 19 Jun 2023 10:19:08 -0700
Subject: [PATCH 091/304] JSDoc fix

---
 src/components/Notification/InactivityMessage.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index ef2498259..002e95405 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -14,7 +14,7 @@ import LogoutIcon from '@mui/icons-material/Logout';
 
 /**
  * Inactivity Notification Component - Component that displays a popup modal
- * after 3 minutes of inactivity, prompting the user to either logout or
+ * after 30 minutes of inactivity, prompting the user to either logout or
  * continue their session.
  *
  * @memberof Notification
@@ -99,7 +99,7 @@ const InactivityMessage = () => {
           </LogoutButton>
           <Button
             variant="contained"
-            color="success"
+            color="primary"
             endIcon={<CheckIcon />}
             sx={{ marginLeft: '1rem' }}
             onClick={() => setShowPopup(false)}

From b6010ed9019f825c32e5a95d6d4e406bd7253355 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 11:12:53 -0700
Subject: [PATCH 092/304] Removing helper function originally for getDocTTLs

---
 src/utils/network/session-helper.js | 15 ---------------
 test/utils/session-helper.test.js   | 18 +-----------------
 2 files changed, 1 insertion(+), 32 deletions(-)

diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 689e2457b..607625d4c 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -490,18 +490,3 @@ export const buildMessageTTL = (
 
   return newSolidDataset;
 };
-
-/**
- * A function that takes in a list of promises and returns the ones that resolved
- * as a list of promises
- *
- * @function promiseSome
- * @param {Promise[]} promises
- * @returns {Promise<Promise[]>} Resolved Promises - Returns a list of resolved promises
- */
-
-export const promiseSome = async (promises) => {
-  const results = await Promise.allSettled(promises);
-  const resolvedResults = results.filter((result) => result.status === 'fulfilled');
-  return resolvedResults.map((result) => result.value);
-};
diff --git a/test/utils/session-helper.test.js b/test/utils/session-helper.test.js
index 6d9084a95..9a785ac6c 100644
--- a/test/utils/session-helper.test.js
+++ b/test/utils/session-helper.test.js
@@ -9,8 +9,7 @@ import {
   createResourceTtlFile,
   getContainerUrl,
   getPodUrl,
-  hasTTLFiles,
-  promiseSome
+  hasTTLFiles
 } from '../../src/utils/network/session-helper';
 import { INTERACTION_TYPES } from '../../src/constants';
 
@@ -136,18 +135,3 @@ describe('getPodUrl', () => {
     expect(result).toBe('https://pod.example.com/');
   });
 });
-
-describe('promiseSome', () => {
-  it('Returns only resolved results', async () => {
-    const promises = [
-      Promise.reject(new Error('mock rejected')),
-      Promise.reject(new Error('mock rejected')),
-      Promise.resolve('mock resolved'),
-      Promise.resolve('mock resolved'),
-      Promise.reject(new Error('mock rejected'))
-    ];
-    const results = await promiseSome(promises);
-
-    expect(results).toEqual(['mock resolved', 'mock resolved']);
-  });
-});

From e0286682fc45cadab12df977d5bc5f66c7514ae6 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 19 Jun 2023 11:15:24 -0700
Subject: [PATCH 093/304] Moving TODO comment

---
 src/components/Notification/InactivityMessage.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Notification/InactivityMessage.jsx b/src/components/Notification/InactivityMessage.jsx
index 002e95405..0a1138c23 100644
--- a/src/components/Notification/InactivityMessage.jsx
+++ b/src/components/Notification/InactivityMessage.jsx
@@ -65,6 +65,8 @@ const InactivityMessage = () => {
 
   // Event handler for logout and removing items from localStorage
   // Returns user to home page upon successful logout
+  // TODO: In future PR, add countdown timer to automatically log user out if they do not select continue
+  // (e.g. "You will be automatically logged out in 5:00 minutes")
   const handleLogout = () => {
     localStorage.clear();
   };
@@ -84,8 +86,6 @@ const InactivityMessage = () => {
             You have been inactive for a while now. Would you like to continue using PASS?
           </DialogContentText>
         </DialogContent>
-        {/* TODO: In future PR, add countdown timer to automatically log user out if they do not select continue */}
-        {/* e.g. "You will be automatically logged out in 5:00 minutes" */}
         <DialogActions>
           <LogoutButton>
             <Button

From c9a73dbdad834e2dabef99f10ab66a594fa8b1a6 Mon Sep 17 00:00:00 2001
From: Tim Standen <37914436+timbot1789@users.noreply.github.com>
Date: Mon, 19 Jun 2023 11:52:37 -0700
Subject: [PATCH 094/304] 237/delete env (#261)

* remove .env from github, add directions for developers to copy `env_templates`
---
 .env                                          |  2 --
 __mocks__/src/constants/index.js              |  6 +++++
 env_templates/dev.env                         |  3 +--
 src/components/Clients/AddClient.jsx          |  9 +++----
 src/components/NavBar/OidcLoginComponent.jsx  |  4 +--
 src/constants/environment.js                  |  5 ++++
 src/constants/index.js                        |  4 +--
 src/constants/solid_provider.js               | 26 -------------------
 .../NavBar/OidcLoginComponent.test.jsx        | 10 ++-----
 .../OidcLoginComponent.test.jsx.snap          |  7 +++--
 test/utils/credentials-helper.test.js         |  1 +
 11 files changed, 25 insertions(+), 52 deletions(-)
 delete mode 100644 .env
 create mode 100644 __mocks__/src/constants/index.js
 create mode 100644 src/constants/environment.js
 delete mode 100644 src/constants/solid_provider.js

diff --git a/.env b/.env
deleted file mode 100644
index ccf1090f8..000000000
--- a/.env
+++ /dev/null
@@ -1,2 +0,0 @@
-VITE_SOLID_IDENTITY_PROVIDER_PRODUCTION="https://solidcommunity.net/"
-VITE_SOLID_IDENTITY_PROVIDER_DEV="http://localhost:3000/"
diff --git a/__mocks__/src/constants/index.js b/__mocks__/src/constants/index.js
new file mode 100644
index 000000000..eea401fce
--- /dev/null
+++ b/__mocks__/src/constants/index.js
@@ -0,0 +1,6 @@
+const ENV = {
+    VITE_SOLID_IDENTITY_PROVIDER: 'https://solidcommunity.net'
+};
+
+// eslint-disable-next-line
+export { ENV };
\ No newline at end of file
diff --git a/env_templates/dev.env b/env_templates/dev.env
index ccf1090f8..056d797fd 100644
--- a/env_templates/dev.env
+++ b/env_templates/dev.env
@@ -1,2 +1 @@
-VITE_SOLID_IDENTITY_PROVIDER_PRODUCTION="https://solidcommunity.net/"
-VITE_SOLID_IDENTITY_PROVIDER_DEV="http://localhost:3000/"
+VITE_SOLID_IDENTITY_PROVIDER="https://solidcommunity.net/"
diff --git a/src/components/Clients/AddClient.jsx b/src/components/Clients/AddClient.jsx
index 4733a3690..ded08433c 100644
--- a/src/components/Clients/AddClient.jsx
+++ b/src/components/Clients/AddClient.jsx
@@ -3,14 +3,13 @@ import React, { useContext, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Utility Imports
+import { ENV } from '../../constants';
 import { runNotification } from '../../utils';
 import { createUser } from '../../model-helpers/User';
 // Custom Hook Imports
 import { useStatusNotification, useField } from '../../hooks';
 // Context Imports
 import { UserListContext } from '../../contexts';
-// Constants Imports
-import { currentOidcIssuer } from '../../constants';
 // Component Imports
 import FormSection from '../Form/FormSection';
 
@@ -23,7 +22,7 @@ import FormSection from '../Form/FormSection';
  */
 
 const renderWebId = (username) => {
-  const oidcProvider = currentOidcIssuer.split('//')[1];
+  const oidcProvider = ENV.VITE_SOLID_IDENTITY_PROVIDER.split('//')[1];
   const template = ['https://', `.${oidcProvider}profile/card#me`];
   return `${template[0]}${username}${template[1]}`;
 };
@@ -146,9 +145,7 @@ const AddClient = () => {
         </div>
         <br />
         <div>
-          <label htmlFor="add-username">
-            Add username to client list (i.e., username without {currentOidcIssuer.split('/')[2]}):
-          </label>
+          <label htmlFor="add-username">username:</label>
           <br />
           <br />
           <input
diff --git a/src/components/NavBar/OidcLoginComponent.jsx b/src/components/NavBar/OidcLoginComponent.jsx
index b07efd71d..7685f7f77 100644
--- a/src/components/NavBar/OidcLoginComponent.jsx
+++ b/src/components/NavBar/OidcLoginComponent.jsx
@@ -7,10 +7,10 @@ import { TextField, Box, Button } from '@mui/material';
 // Custom Hook Imports
 import { useRedirectUrl } from '../../hooks';
 // Constants Imports
-import { SOLID_IDENTITY_PROVIDER } from '../../constants';
+import { ENV } from '../../constants';
 
 const OidcLoginComponent = () => {
-  const [oidcIssuer, setOidcIssuer] = useState(SOLID_IDENTITY_PROVIDER);
+  const [oidcIssuer, setOidcIssuer] = useState(ENV.VITE_SOLID_IDENTITY_PROVIDER);
   const redirectUrl = useRedirectUrl();
 
   return (
diff --git a/src/constants/environment.js b/src/constants/environment.js
new file mode 100644
index 000000000..0be410bf1
--- /dev/null
+++ b/src/constants/environment.js
@@ -0,0 +1,5 @@
+const ENV = {
+  ...import.meta.env
+};
+
+export default ENV;
diff --git a/src/constants/index.js b/src/constants/index.js
index 4ee93084b..5e7fb531b 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -1,5 +1,5 @@
 import RDF_PREDICATES from './rdf_predicates';
 import INTERACTION_TYPES from './interaction_types';
-import { SOLID_IDENTITY_PROVIDER, currentOidcIssuer } from './solid_provider';
+import ENV from './environment';
 
-export { RDF_PREDICATES, INTERACTION_TYPES, SOLID_IDENTITY_PROVIDER, currentOidcIssuer };
+export { RDF_PREDICATES, INTERACTION_TYPES, ENV };
diff --git a/src/constants/solid_provider.js b/src/constants/solid_provider.js
deleted file mode 100644
index 0c64cfee7..000000000
--- a/src/constants/solid_provider.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// Vite exposes static env variables in the `import.meta.env` object
-// https://vitejs.dev/guide/env-and-mode.html
-const OIDUrl =
-  import.meta.env.MODE === 'development'
-    ? import.meta.env.VITE_SOLID_IDENTITY_PROVIDER_DEV
-    : import.meta.env.VITE_SOLID_IDENTITY_PROVIDER_PRODUCTION;
-
-/**
- * The initial URL to a specific Solid Provider
- *
- * @name SOLID_IDENTITY_PROVIDER
- * @type {URL}
- * @memberof utils
- */
-
-export const SOLID_IDENTITY_PROVIDER = OIDUrl.replace(/\r/g, '');
-
-/**
- * The URL to a specific Solid Provider after login
- *
- * @name currentOidcIssuer
- * @type {URL}
- * @memberof utils
- */
-
-export const currentOidcIssuer = localStorage.getItem('oidcIssuer') ?? SOLID_IDENTITY_PROVIDER;
diff --git a/test/components/NavBar/OidcLoginComponent.test.jsx b/test/components/NavBar/OidcLoginComponent.test.jsx
index a07a52d5e..177fad1cc 100644
--- a/test/components/NavBar/OidcLoginComponent.test.jsx
+++ b/test/components/NavBar/OidcLoginComponent.test.jsx
@@ -14,20 +14,14 @@ vi.mock('@inrupt/solid-ui-react', () => ({
   )
 }));
 
+vi.mock('../../../src/constants/');
+
 afterEach(() => {
   vi.clearAllMocks();
   localStorage.clear();
   cleanup();
 });
 
-vi.mock('../../../src/constants/', () => {
-  const actual = vi.importActual('../../../src/constants/');
-  return {
-    ...actual,
-    SOLID_IDENTITY_PROVIDER: 'http://localhost:3000/'
-  };
-});
-
 it('renders correctly', () => {
   const { container } = render(<OidcLoginComponent />);
   expect(container).toMatchSnapshot();
diff --git a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
index 67a914255..37301ce68 100644
--- a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
+++ b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
@@ -9,8 +9,8 @@ exports[`renders correctly 1`] = `
     class="MuiFormControl-root MuiTextField-root css-1q1ral2-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-o943dk-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink="true"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled css-e4w4as-MuiFormLabel-root-MuiInputLabel-root"
+      data-shrink="false"
       for=":r0:"
       id=":r0:-label"
     >
@@ -25,7 +25,7 @@ exports[`renders correctly 1`] = `
         class="MuiInputBase-input MuiFilledInput-input css-10botns-MuiInputBase-input-MuiFilledInput-input"
         id=":r0:"
         type="text"
-        value="http://localhost:3000/"
+        value=""
       />
     </div>
   </div>
@@ -33,7 +33,6 @@ exports[`renders correctly 1`] = `
     class="MuiBox-root css-120gsus"
   />
   <div>
-    http://localhost:3000/
     <button
       aria-label="Login Button"
       class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge css-1xnmwiw-MuiButtonBase-root-MuiButton-root"
diff --git a/test/utils/credentials-helper.test.js b/test/utils/credentials-helper.test.js
index 7602005dd..d6468ef14 100644
--- a/test/utils/credentials-helper.test.js
+++ b/test/utils/credentials-helper.test.js
@@ -21,6 +21,7 @@ import {
 import { RDF_PREDICATES } from '../../src/constants';
 
 vi.mock('@inrupt/solid-client');
+vi.mock('../../../src/constants/');
 
 describe('credentials', async () => {
   // Most of our tests should be in the JSDom browser environment

From ea8016e919177488fbaa1a2e27f9ba72aa3febce Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 19 Jun 2023 14:28:36 -0700
Subject: [PATCH 095/304] Base styling, adjusting FormSection

---
 src/components/Clients/AddClientModal.jsx | 236 +++++++++++++++++++---
 src/components/Form/FormSection.jsx       |   2 +-
 2 files changed, 206 insertions(+), 32 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index cfcd004f5..3b700b4f9 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -1,6 +1,9 @@
 // React Imports
-import React from 'react';
+import React, { useContext, useState } from 'react';
+// Inrupt Library Imports
+import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
@@ -8,43 +11,214 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import ClearIcon from '@mui/icons-material/Clear';
 import CheckIcon from '@mui/icons-material/Check';
-import AddClient from './AddClient';
+import FormControl from '@mui/material/FormControl';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import FormHelperText from '@mui/material/FormHelperText';
+import InputLabel from '@mui/material/InputLabel';
+// Utility Imports
+import { ENV } from '../../constants';
+import { runNotification } from '../../utils';
+import { createUser } from '../../model-helpers/User';
+// Custom Hook Imports
+import { useStatusNotification, useField } from '../../hooks';
+// Context Imports
+import { UserListContext } from '../../contexts';
+// Component Imports
+import FormSection from '../Form/FormSection';
 
 /**
- * AddClientModal Component - Popup modal for users to add a client to their client list
+ * AddClient Component - Component that allows users to add other user's
+ * Pod URLs from a user's list stored on their own Pod
  *
- * @memberof Clients
- * @name AddClientModal
+ * @memberof Forms
+ * @name AddClient
  */
 
-const AddClientModal = ({ showModal, setShowModal }) => (
-  <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
-    <DialogTitle id="dialog-tile">Add Client</DialogTitle>
+const renderWebId = (username) => {
+  const oidcProvider = ENV.VITE_SOLID_IDENTITY_PROVIDER.split('//')[1];
+  const template = ['https://', `.${oidcProvider}profile/card#me`];
+  return `${template[0]}${username}${template[1]}`;
+};
 
-    <DialogContent>
-      <AddClient />
-    </DialogContent>
+const AddClientModal = ({ showModal, setShowModal }) => {
+  const { session } = useSession();
+  const { state, dispatch } = useStatusNotification();
+  const { clearValue: clearUserGivenName, ...userGivenName } = useField('text');
+  const { clearValue: clearUserFamilyName, ...userFamilyName } = useField('text');
+  const [username, setUsername] = useState('');
+  const [webId, setWebId] = useState('');
+  const { addUser } = useContext(UserListContext);
 
-    <DialogActions>
-      <Button
-        variant="outlined"
-        color="error"
-        endIcon={<ClearIcon />}
-        onClick={() => setShowModal(false)}
-      >
-        CANCEL
-      </Button>
-      <Button
-        variant="outlined"
-        color="success"
-        endIcon={<CheckIcon />}
-        onClick={() => setShowModal(false)}
-        sx={{ marginLeft: '1rem' }}
+  const wrappedSetUsername = (value) => {
+    setUsername(value);
+    const renderedWebId = renderWebId(value);
+    setWebId(renderedWebId);
+  };
+
+  const submitUser = async (userObject) => {
+    const user = await createUser(session, userObject);
+    await addUser(user);
+  };
+
+  const notifyStartSubmission = (userObject) => {
+    // ===== START OF ERROR DISPLAY OPTIONS =====
+    if (!userObject.username && !userObject.webId) {
+      runNotification(`Operation failed. Reason: No WebId provided`, 5, state, dispatch);
+      return;
+    }
+
+    if (!userObject.givenName) {
+      runNotification(
+        `Operation failed. Reason: User's first/given name is not provided`,
+        5,
+        state,
+        dispatch
+      );
+      setTimeout(() => {
+        dispatch({ type: 'CLEAR_PROCESSING' });
+      }, 3000);
+      return;
+    }
+
+    if (!userObject.familyName) {
+      runNotification(
+        `Operation failed. Reason: User's last/family name is not provided`,
+        5,
+        state,
+        dispatch
+      );
+      setTimeout(() => {
+        dispatch({ type: 'CLEAR_PROCESSING' });
+      }, 3000);
+      return;
+    }
+    // ===== END OF ERROR DISPLAY OPTIONS =====
+
+    dispatch({ type: 'SET_PROCESSING' });
+
+    runNotification(
+      `Adding "${userObject.givenName} ${userObject.familyName}" to client list...`,
+      5,
+      state,
+      dispatch
+    );
+  };
+
+  // Event handler for adding client to users list
+  const handleAddClient = async (event) => {
+    event.preventDefault();
+    const userObject = {
+      givenName: event.target.addUserGivenName.value,
+      familyName: event.target.addUserFamilyName.value,
+      username: event.target.addUsername.value,
+      webId: event.target.addWebId.value
+    };
+
+    notifyStartSubmission(userObject, state, dispatch);
+    try {
+      await submitUser(userObject);
+    } finally {
+      runNotification(
+        `"${userObject.givenName} ${userObject.familyName}" added to client list`,
+        5,
+        state,
+        dispatch
+      );
+      setTimeout(() => {
+        clearUserGivenName();
+        clearUserFamilyName();
+        setUsername('');
+        setWebId('');
+        dispatch({ type: 'CLEAR_PROCESSING' });
+      }, 3000);
+    }
+  };
+
+  /* eslint-disable jsx-a11y/label-has-associated-control */
+  return (
+    <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
+      <FormSection
+        title="Add Client"
+        state={state}
+        statusType="Status"
+        defaultMessage="To be added..."
       >
-        ADD CLIENT
-      </Button>
-    </DialogActions>
-  </Dialog>
-);
+        <Box display="flex" justifyContent="center">
+          <form
+            onSubmit={handleAddClient}
+            // style={{ marginTop: '20px', marginBottom: '20px' }}
+            autoComplete="off"
+          >
+            {/* <DialogTitle id="dialog-tile">Add Client</DialogTitle> */}
+            <FormControl fullWidth>
+              <DialogContent>Upload document to username:</DialogContent>
+              <div>
+                <InputLabel htmlFor="add-user-given-name">First/given name: </InputLabel>
+                <input id="add-user-given-name" name="addUserGivenName" {...userGivenName} />
+              </div>
+              <br />
+              <div>
+                <label htmlFor="add-user-last-name">Last/family name: </label>
+                <input id="add-user-last-name" name="addUserFamilyName" {...userFamilyName} />
+              </div>
+              <br />
+              <div>
+                <label htmlFor="add-username">username:</label>
+                <br />
+                <br />
+                <input
+                  id="add-username"
+                  name="addUsername"
+                  size="25"
+                  value={username}
+                  onChange={(e) => wrappedSetUsername(e.target.value)}
+                />
+              </div>
+            </FormControl>
+            <br />
+            <label htmlFor="add-webId">
+              WebId:
+              <br />
+              <input
+                id="add-webId"
+                name="addWebId"
+                size="25"
+                type="text"
+                value={webId}
+                onChange={(e) => {
+                  setWebId(e.target.value);
+                }}
+              />
+            </label>
+            <br />
+            <DialogActions>
+              <Button
+                variant="outlined"
+                color="error"
+                endIcon={<ClearIcon />}
+                // onClick={() => setShowModal(false)}
+              >
+                CANCEL
+              </Button>
+              <Button
+                variant="outlined"
+                color="success"
+                endIcon={<CheckIcon />}
+                // onClick={() => setShowModal(false)}
+                sx={{ marginLeft: '1rem' }}
+                type="submit"
+                disabled={state.processing}
+              >
+                ADD CLIENT
+              </Button>
+            </DialogActions>
+          </form>
+        </Box>
+      </FormSection>
+    </Dialog>
+  );
+  /* eslint-enable jsx-a11y/label-has-associated-control */
+};
 
 export default AddClientModal;
diff --git a/src/components/Form/FormSection.jsx b/src/components/Form/FormSection.jsx
index 89d759d23..4c0ed3ea9 100644
--- a/src/components/Form/FormSection.jsx
+++ b/src/components/Form/FormSection.jsx
@@ -34,7 +34,7 @@ const FormSection = ({ title, state, statusType, defaultMessage, children }) =>
       }}
     >
       <Paper
-        elevation={2}
+        elevation={0}
         sx={{ display: 'inline-block', mx: '2px', padding: '20px', minWidth: '400px' }}
       >
         <Typography

From 14f4996946baf1342429b88ffa573c44a5d27a50 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Mon, 19 Jun 2023 14:37:06 -0700
Subject: [PATCH 096/304] responding to review comments

---
 src/components/Form/UploadDocumentForm.jsx |  6 ++----
 src/model-helpers/DocumentList.js          | 16 +++++++---------
 src/routes/Forms.jsx                       | 10 ++++++++--
 3 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 528fca74c..6aa4b6c44 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -42,8 +42,6 @@ const UploadDocumentForm = () => {
     setDocType(event.target.value);
   };
 
-  // Custom useField hook for handling form inputs
-
   const clearInputFields = () => {
     setVerifyFile(false);
     setDocType('');
@@ -51,7 +49,7 @@ const UploadDocumentForm = () => {
     setInputKey(!inputKey); // clears file by forcing re-render
     setDocDescription('');
     setDocType('');
-    setExpireDate('');
+    setExpireDate(null);
   };
 
   // Event handler for form/document submission to Pod
@@ -158,7 +156,7 @@ const UploadDocumentForm = () => {
               required
             >
               Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf .gif" />
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif" />
             </Button>
             <FormHelperText
               sx={{
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index ca2fd033a..d4fe4cbce 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -12,15 +12,13 @@ import {
 
 import { makeDocIntoThing, parseDocFromThing } from './Document';
 
-const parseFromDataset = async (docsDataset, session) => {
+const parseFromDataset = (docsDataset) => {
   const docList = [];
   const allDocThings = getThingAll(docsDataset);
-  await Promise.all(
-    allDocThings.map(async (userThing) => {
-      const docObject = await parseDocFromThing(userThing, session);
-      docList.push(docObject);
-    })
-  );
+  allDocThings.forEach((userThing) => {
+    const docObject = parseDocFromThing(userThing);
+    docList.push(docObject);
+  })
 
   return docList;
 };
@@ -29,7 +27,7 @@ const saveToPod = async (session, { dataset, containerUrl }) => {
   const newDataset = await saveSolidDatasetAt(`${containerUrl}doclist.ttl`, dataset, {
     fetch: session.fetch
   });
-  const newList = await parseFromDataset(newDataset, session);
+  const newList = parseFromDataset(newDataset);
   return { dataset: newDataset, docList: newList, containerUrl };
 };
 
@@ -86,7 +84,7 @@ export const loadDocumentList = async (session, podUrl) => {
   let docList;
   try {
     dataset = await getSolidDataset(`${containerUrl}doclist.ttl`, { fetch: session.fetch });
-    docList = await parseFromDataset(dataset, session);
+    docList = parseFromDataset(dataset);
   } catch {
     dataset = await saveSolidDatasetAt(`${containerUrl}doclist.ttl`, createSolidDataset(), {
       fetch: session.fetch
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 21bd9e6ec..187eb2768 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -13,7 +13,7 @@ import {
   SetAclPermsDocContainerForm,
   CheckAclPermsDocContainerForm
 } from '../components/Form';
-import { SelectedUserContext } from '../contexts';
+import { SelectedUserContext, SignedInUserContext } from '../contexts';
 import DocumentTable from '../components/Documents/DocumentTable';
 
 /**
@@ -29,6 +29,7 @@ const Forms = () => {
   localStorage.setItem('restorePath', location.pathname);
 
   const { selectedUser } = useContext(SelectedUserContext);
+  const { podUrl } = useContext(SignedInUserContext);
 
   return (
     <Box
@@ -39,7 +40,12 @@ const Forms = () => {
         justifyContent: 'center'
       }}
     >
-      <Typography>Client selected: {selectedUser.person || selectedUser.podUrl}</Typography>
+      {
+        podUrl === selectedUser.podUrl ?
+          <Typography>Personal Pod</Typography> :
+          <Typography>Client selected: {selectedUser.person || selectedUser.podUrl}</Typography>
+      }
+      
       <UploadDocumentForm />
       <Container>
         <DocumentTable />

From 3c103300131f86634123cf70395750a2ce7d2caa Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Mon, 19 Jun 2023 14:47:03 -0700
Subject: [PATCH 097/304] updates

---
 .../Form/CheckAclPermsDocContainerForm.jsx    | 130 ------------------
 src/components/Form/index.js                  |   9 +-
 src/model-helpers/DocumentList.js             |   2 +-
 src/routes/Forms.jsx                          |  16 +--
 src/utils/network/session-core.js             |  23 ----
 test/utils/session-core.test.js               |  32 -----
 6 files changed, 9 insertions(+), 203 deletions(-)
 delete mode 100644 src/components/Form/CheckAclPermsDocContainerForm.jsx

diff --git a/src/components/Form/CheckAclPermsDocContainerForm.jsx b/src/components/Form/CheckAclPermsDocContainerForm.jsx
deleted file mode 100644
index 3413cd351..000000000
--- a/src/components/Form/CheckAclPermsDocContainerForm.jsx
+++ /dev/null
@@ -1,130 +0,0 @@
-// React Imports
-import React, { useContext, useState } from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import FormControl from '@mui/material/FormControl';
-import TextField from '@mui/material/TextField';
-// Utility Imports
-import { checkContainerPermission, runNotification, getPodUrl } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Context Imports
-import { SelectedUserContext, SignedInUserContext } from '../../contexts';
-// Component Imports
-import FormSection from './FormSection';
-
-/**
- * CheckAclPermsDocContainerForm Component - Component that generates the form
- * for checking if ACL permissions to another user's Documents container are
- * available
- *
- * @memberof Forms
- * @name CheckAclPermsDocContainerForm
- */
-
-const CheckAclPermsDocContainerForm = () => {
-  const { session } = useSession();
-  const { state, dispatch } = useStatusNotification();
-  const { selectedUser } = useContext(SelectedUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
-  const { podUrl } = useContext(SignedInUserContext);
-
-  const clearInputFields = () => {
-    dispatch({ type: 'CLEAR_PROCESSING' });
-  };
-
-  // Event handler for setting ACL permissions to file container on Solid
-  const handleAclPermission = async (event) => {
-    event.preventDefault();
-    dispatch({ type: 'SET_PROCESSING' });
-    let podUsername = event.target.setAclTo.value;
-
-    if (!podUsername) {
-      podUsername = selectedUser.username;
-    }
-
-    // TODO: Determine if this is necessary as MUI provides its own verification
-    if (!podUsername) {
-      runNotification(
-        'Check permissions failed. Reason: Username not provided.',
-        5,
-        state,
-        dispatch
-      );
-      setTimeout(() => {
-        clearInputFields();
-      }, 3000);
-      return;
-    }
-
-    if (getPodUrl(podUsername) === podUrl) {
-      runNotification(
-        'Check permissions failed. Reason: User already has access to their own Documents container.',
-        5,
-        state,
-        dispatch
-      );
-      setTimeout(() => {
-        clearInputFields();
-      }, 3000);
-      return;
-    }
-
-    try {
-      const containerUrl = await checkContainerPermission(session, podUsername);
-
-      if (state.documentUrl) {
-        dispatch({ type: 'CLEAR_DOCUMENT_LOCATION' });
-      }
-
-      setTimeout(() => {
-        dispatch({ type: 'SET_DOCUMENT_LOCATION', payload: containerUrl });
-        runNotification('Permission allowed. Document container: ', 5, state, dispatch);
-      }, 3000);
-      setTimeout(() => {
-        clearInputFields();
-      }, 3000);
-    } catch (error) {
-      runNotification('Permission not allowed. Reason: Permission not set.', 5, state, dispatch);
-      setTimeout(() => {
-        clearInputFields();
-      }, 3000);
-    }
-  };
-
-  return (
-    <FormSection
-      title="Check Permission to Documents Container"
-      state={state}
-      statusType="Permission status"
-      defaultMessage="To be set..."
-    >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleAclPermission} autoComplete="off">
-          <FormControl>
-            <TextField
-              id="set-acl-to"
-              name="setAclTo"
-              value={selectedUser.person ? selectedUser.username : username}
-              onChange={(e) => {
-                setUsername(e.target.value);
-              }}
-              placeholder={selectedUser.username}
-              label="Search Username"
-              required
-            />
-            <br />
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Check Permission
-            </Button>
-          </FormControl>
-        </form>
-      </Box>
-    </FormSection>
-  );
-};
-
-export default CheckAclPermsDocContainerForm;
diff --git a/src/components/Form/index.js b/src/components/Form/index.js
index b26db7689..50e02dd19 100644
--- a/src/components/Form/index.js
+++ b/src/components/Form/index.js
@@ -1,17 +1,10 @@
 import UploadDocumentForm from './UploadDocumentForm';
 import SetAclPermissionForm from './SetAclPermissionForm';
 import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
-import CheckAclPermsDocContainerForm from './CheckAclPermsDocContainerForm';
-
 /**
  * Components and functions related to Forms within project PASS
  *
  * @namespace Forms
  */
 
-export {
-  UploadDocumentForm,
-  SetAclPermissionForm,
-  SetAclPermsDocContainerForm,
-  CheckAclPermsDocContainerForm
-};
+export { UploadDocumentForm, SetAclPermissionForm, SetAclPermsDocContainerForm };
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index d4fe4cbce..be333b451 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -18,7 +18,7 @@ const parseFromDataset = (docsDataset) => {
   allDocThings.forEach((userThing) => {
     const docObject = parseDocFromThing(userThing);
     docList.push(docObject);
-  })
+  });
 
   return docList;
 };
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 187eb2768..77ec890c5 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -10,8 +10,7 @@ import Typography from '@mui/material/Typography';
 import {
   UploadDocumentForm,
   SetAclPermissionForm,
-  SetAclPermsDocContainerForm,
-  CheckAclPermsDocContainerForm
+  SetAclPermsDocContainerForm
 } from '../components/Form';
 import { SelectedUserContext, SignedInUserContext } from '../contexts';
 import DocumentTable from '../components/Documents/DocumentTable';
@@ -40,18 +39,17 @@ const Forms = () => {
         justifyContent: 'center'
       }}
     >
-      {
-        podUrl === selectedUser.podUrl ?
-          <Typography>Personal Pod</Typography> :
-          <Typography>Client selected: {selectedUser.person || selectedUser.podUrl}</Typography>
-      }
-      
+      {podUrl === selectedUser.podUrl ? (
+        <Typography>Personal Pod</Typography>
+      ) : (
+        <Typography>Client selected: {selectedUser.person || selectedUser.podUrl}</Typography>
+      )}
+
       <UploadDocumentForm />
       <Container>
         <DocumentTable />
       </Container>
       <SetAclPermsDocContainerForm />
-      <CheckAclPermsDocContainerForm />
       <SetAclPermissionForm />
     </Box>
   );
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index bb52cf43a..4a8f2158f 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -86,29 +86,6 @@ export const setDocContainerAclPermission = async (session, permissions, otherPo
   });
 };
 
-/**
- * Function that checks the user's permission of another user's Documents container
- *
- * @memberof utils
- * @function checkContainerPermission
- * @param {Session} session - Solid's Session Object (see {@link Session})
- * @param {string} otherPodUsername - Username to other user's Pod
- * @returns {Promise<URL>} Promise - Either a string containing the url location
- * of the container, if permitted, or throws an Error
- */
-export const checkContainerPermission = async (session, otherPodUsername) => {
-  const otherPodUrl = getPodUrl(otherPodUsername);
-  const documentsContainerUrl = `${otherPodUrl}PASS/Documents/`;
-
-  try {
-    await getSolidDataset(documentsContainerUrl, { fetch: session.fetch });
-
-    return documentsContainerUrl;
-  } catch (error) {
-    throw new Error('No data found');
-  }
-};
-
 /**
  * Function that creates a public container in the user's Pod when logging in for
  * the first time
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 8b02b7376..b22441864 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -1,7 +1,6 @@
 import { createContainerAt, getSolidDataset } from '@inrupt/solid-client';
 import { expect, vi, it, describe, afterEach, beforeEach } from 'vitest';
 import {
-  checkContainerPermission,
   createInbox,
   createOutbox,
   createPublicContainer
@@ -13,37 +12,6 @@ let session = {};
 
 vi.mock('@inrupt/solid-client');
 
-describe('checkContainerPermission', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-    localStorage.setItem('oidcIssuer', 'https://example.com/');
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-    localStorage.clear();
-  });
-  const otherPodUsername = 'pod2';
-
-  it('returns containerUrl if getSolidDataset resolves', async () => {
-    const results = await checkContainerPermission(session, otherPodUsername);
-
-    expect(results).toBe('https://pod2.example.com/PASS/Documents/');
-  });
-
-  it('throws an error if getSolidDataset is rejected', async () => {
-    getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-
-    await expect(checkContainerPermission(session, otherPodUsername)).rejects.toThrow(
-      'No data found'
-    );
-  });
-});
-
 describe('createInbox', () => {
   beforeEach(() => {
     session = {

From 1f58ff2826cf63f248f54cb2cdf3f41c1f6a3279 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Mon, 19 Jun 2023 14:56:12 -0700
Subject: [PATCH 098/304] update doc types

---
 src/components/Documents/DocumentTableRow.jsx    |  3 ++-
 src/components/Form/DocumentSelection.jsx        |  4 ++--
 .../form-helper.js => constants/doc_types.js}    | 13 +++++++------
 src/routes/Forms.jsx                             | 16 ++++++++++++++--
 src/utils/index.js                               |  4 +---
 5 files changed, 26 insertions(+), 14 deletions(-)
 rename src/{utils/frontend/form-helper.js => constants/doc_types.js} (53%)

diff --git a/src/components/Documents/DocumentTableRow.jsx b/src/components/Documents/DocumentTableRow.jsx
index d704b0a7b..9bbdfc1af 100644
--- a/src/components/Documents/DocumentTableRow.jsx
+++ b/src/components/Documents/DocumentTableRow.jsx
@@ -9,6 +9,7 @@ import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined
 // Context Imports
 import { DocumentListContext } from '../../contexts';
 import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
+import DOC_TYPES from '../../constants/doc_types';
 
 /**
  * DocumentTableRow Component - Component that generates the individual table
@@ -40,7 +41,7 @@ const DocumentTableRow = ({ document }) => {
   return (
     <StyledTableRow>
       <StyledTableCell align="center">{name}</StyledTableCell>
-      <StyledTableCell align="center">{type}</StyledTableCell>
+      <StyledTableCell align="center">{DOC_TYPES[type]}</StyledTableCell>
       <StyledTableCell align="center">{description}</StyledTableCell>
       <StyledTableCell align="center">
         {uploadDate ? uploadDate.toDateString() : ''}
diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index b83e37f53..2e01c31ca 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -7,7 +7,7 @@ import InputLabel from '@mui/material/InputLabel';
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';
 // Utility Imports
-import { docTypes } from '../../utils';
+import DOC_TYPES from '../../constants/doc_types';
 
 /**
  * DocumentSelection Component - Sub-component that generates the dropdown
@@ -29,7 +29,7 @@ const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
         onChange={handleDocType}
         name="document"
       >
-        {Object.entries(docTypes).map(([key, value]) => (
+        {Object.entries(DOC_TYPES).map(([key, value]) => (
           <MenuItem key={key} value={key}>
             {value}
           </MenuItem>
diff --git a/src/utils/frontend/form-helper.js b/src/constants/doc_types.js
similarity index 53%
rename from src/utils/frontend/form-helper.js
rename to src/constants/doc_types.js
index b9bf27c1e..72cd6439e 100644
--- a/src/utils/frontend/form-helper.js
+++ b/src/constants/doc_types.js
@@ -5,15 +5,16 @@
  * @memberof utils
  * @name docTypes
  * @type {Array<string>}
- * @property {string} Bank_Document - Bank Document
+ * @property {string} BankStatement - Bank Statemet
  * @property {string} Passport - Passport
- * @property {string} Drivers_License - Drivers License
+ * @property {string} DriversLicense - Drivers License
+ * @property {string} Other - Anything Else
  */
-
-const docTypes = {
+const DOC_TYPES = {
   BankStatement: 'Bank Statement',
   Passport: 'Passport',
-  DriversLicense: "Driver's License"
+  DriversLicense: "Driver's License",
+  Other: 'Other'
 };
 
-export default docTypes;
+export default DOC_TYPES;
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 77ec890c5..0d0320e8a 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -3,7 +3,8 @@ import React, { useContext } from 'react';
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
 import { Container } from '@mui/system';
-
+import Button from '@mui/material/Button';
+import Remove from '@mui/icons-material/Remove';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 // Component Imports
@@ -27,7 +28,7 @@ const Forms = () => {
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const { selectedUser } = useContext(SelectedUserContext);
+  const { selectedUser, selectUser } = useContext(SelectedUserContext);
   const { podUrl } = useContext(SignedInUserContext);
 
   return (
@@ -39,6 +40,17 @@ const Forms = () => {
         justifyContent: 'center'
       }}
     >
+      <Button
+        variant="contained"
+        color="secondary"
+        size="small"
+        aria-label="Clear Client Button"
+        startIcon={<Remove />}
+        onClick={() => selectUser()}
+        sx={{ margin: '2rem 0 1rem' }}
+      >
+        Clear Client
+      </Button>
       {podUrl === selectedUser.podUrl ? (
         <Typography>Personal Pod</Typography>
       ) : (
diff --git a/src/utils/index.js b/src/utils/index.js
index c9fc4f3ae..a12c92a4e 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -7,11 +7,9 @@
  * @module utils
  * @namespace utils
  */
-
-import docTypes from './frontend/form-helper';
 import runNotification from './frontend/notification-helper';
 
-export { docTypes, runNotification };
+export { runNotification };
 
 export * from './network/session-core';
 export * from './network/session-helper';

From 19527c16d5482ee745d0d37f87b6ef30303ebf81 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Mon, 19 Jun 2023 15:09:25 -0700
Subject: [PATCH 099/304] respond to scott's comments

---
 src/components/Clients/ClientListTableRow.jsx | 6 +++---
 src/components/Documents/DocumentTable.jsx    | 3 +--
 src/components/Documents/DocumentTableRow.jsx | 2 +-
 src/contexts/DocumentListContext.jsx          | 5 ++---
 src/contexts/SelectedUserContext.jsx          | 2 +-
 src/routes/Forms.jsx                          | 6 +++---
 6 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index b6e4033d1..45cdc97a5 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -26,7 +26,7 @@ import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
 // determine what gets rendered in the table body
 const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const theme = useTheme();
-  const { selectedUser, selectUser } = useContext(SelectedUserContext);
+  const { selectedUser, setSelectedUser } = useContext(SelectedUserContext);
   const { removeUser } = useContext(UserListContext);
   const [pinned, setPinned] = useState(false);
 
@@ -42,12 +42,12 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const handleSelectClient = async (clientToSelect) => {
     if (clientToSelect.webId === selectedUser.webId) {
       runNotification(`Client "${clientToSelect.person}" unselected.`, 3, state, dispatch);
-      selectUser();
+      setSelectedUser();
       return;
     }
 
     runNotification(`Client "${clientToSelect.person}" selected.`, 3, state, dispatch);
-    selectUser(clientToSelect);
+    setSelectedUser(clientToSelect);
   };
 
   // Event handler for deleting client from client list
diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index 16d707a1b..48c6897e2 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -12,8 +12,7 @@ import { StyledTableCell } from '../Table/TableStyles';
 import DocumentTableRow from './DocumentTableRow';
 
 /**
- * FetchDocumentForm Component - Component that generates the form for searching
- * a specific document type from a user's Solid Pod via Solid Session
+ * DocumentTable Component - Displays a table containing all documents accessible in a pod
  *
  * @memberof Documents
  * @name DocumentTable
diff --git a/src/components/Documents/DocumentTableRow.jsx b/src/components/Documents/DocumentTableRow.jsx
index 9bbdfc1af..527cf7987 100644
--- a/src/components/Documents/DocumentTableRow.jsx
+++ b/src/components/Documents/DocumentTableRow.jsx
@@ -12,7 +12,7 @@ import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
 import DOC_TYPES from '../../constants/doc_types';
 
 /**
- * DocumentTableRow Component - Component that generates the individual table
+ * DocumentTableRow Component - A row in the Document Table
  *
  * @memberof Documents
  * @name DocumentTableRow
diff --git a/src/contexts/DocumentListContext.jsx b/src/contexts/DocumentListContext.jsx
index ad14f044b..38b0f152c 100644
--- a/src/contexts/DocumentListContext.jsx
+++ b/src/contexts/DocumentListContext.jsx
@@ -9,12 +9,11 @@ import { SelectedUserContext } from './SelectedUserContext';
 import { addDocument, removeDocument, replaceDocument, loadDocumentList } from '../model-helpers';
 
 /**
- * React Context for users list from Solid Pod
+ * React Context for showing all documents in a user's pod
  *
  * @name UserListContext
  * @memberof contexts
  */
-
 export const DocumentListContext = createContext([]);
 
 /**
@@ -22,7 +21,7 @@ export const DocumentListContext = createContext([]);
  *
  * @memberof contexts
  * @function DocumentListContextProvider
- * @param {React.JSX.Element} children - The wrapped components that consumes
+ * @param {React.JSX.Element} children - consumers of documentListContext
  * @returns {React.JSX.Element}
  * Context from Provider
  */
diff --git a/src/contexts/SelectedUserContext.jsx b/src/contexts/SelectedUserContext.jsx
index f8ec8d6a9..342a808ee 100644
--- a/src/contexts/SelectedUserContext.jsx
+++ b/src/contexts/SelectedUserContext.jsx
@@ -17,7 +17,7 @@ export const SelectedUserContextProvider = ({ children }) => {
   const selectedUserMemo = useMemo(
     () => ({
       selectedUser,
-      selectUser: async (user) => setSelectedUser(user || { podUrl })
+      setSelectedUser: async (user) => setSelectedUser(user || { podUrl })
     }),
     [selectedUser, podUrl]
   );
diff --git a/src/routes/Forms.jsx b/src/routes/Forms.jsx
index 0d0320e8a..5a9a5f181 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Forms.jsx
@@ -2,7 +2,7 @@
 import React, { useContext } from 'react';
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
-import { Container } from '@mui/system';
+import Container from '@mui/material/Container';
 import Button from '@mui/material/Button';
 import Remove from '@mui/icons-material/Remove';
 import Box from '@mui/material/Box';
@@ -28,7 +28,7 @@ const Forms = () => {
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const { selectedUser, selectUser } = useContext(SelectedUserContext);
+  const { selectedUser, setSelectedUser } = useContext(SelectedUserContext);
   const { podUrl } = useContext(SignedInUserContext);
 
   return (
@@ -46,7 +46,7 @@ const Forms = () => {
         size="small"
         aria-label="Clear Client Button"
         startIcon={<Remove />}
-        onClick={() => selectUser()}
+        onClick={() => setSelectedUser()}
         sx={{ margin: '2rem 0 1rem' }}
       >
         Clear Client

From 596248a8659b96deb90036091a64f96465bd04e1 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Mon, 19 Jun 2023 16:30:58 -0700
Subject: [PATCH 100/304] Add jsdoc

---
 src/model-helpers/Document.js       | 39 +++++++++++++-
 src/model-helpers/DocumentList.js   | 81 +++++++++++++++++++++++++++++
 src/model-helpers/UserList.js       | 12 ++---
 test/model-helpers/UserList.test.js |  2 +-
 4 files changed, 126 insertions(+), 8 deletions(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 82315ffbd..d5bae40c9 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -30,6 +30,15 @@ import { getUserSigningKey, signDocumentTtlFile } from '../utils/cryptography/cr
  * @typedef {import('crypto-js').CryptoJS.lib.WordArray} WordArray
  */
 
+/**
+ * Generates a document Signature
+ *
+ * @function signDocument
+ * @param {object} document - a document
+ * @param {Session} session - the current session
+ * @param {URL} containerUrl - url to upload to
+ * @returns {Promise} Promise - Generates checksum for uploaded file
+ */
 export const signDocument = async (document, session, containerUrl) => {
   const signingKey = await getUserSigningKey(session);
   const signatureDataset = await signDocumentTtlFile(signingKey, document, session, containerUrl);
@@ -82,7 +91,7 @@ const addDriversLicenseInfo = async (thing, file) => {
 /**
  * Function that generates checksum for uploaded file
  *
- * @memberof utils
+ * @memberof Document
  * @function createFileChecksum
  * @param {fileObjectType} file - Object containing information about file
  * from form submission (see {@link fileObjectType})
@@ -94,6 +103,16 @@ const createFileChecksum = async (file) => {
   return sha256(text);
 };
 
+/**
+ * returns additional info about a specific type
+ *
+ * @function addAdditionalInfo
+ * @memberof Document
+ * @param {object} docDesc - the doc
+ * @param {ThingLocal} thing - a thing
+ * @param {fileObjectType} file - file blob
+ * @returns {Promise<ThingLocal>} a thing
+ */
 const addAdditionalInfo = async (docDesc, thing, file) => {
   if (docDesc.type === 'DriversLicense') {
     const retThing = await addDriversLicenseInfo(thing, file);
@@ -102,6 +121,16 @@ const addAdditionalInfo = async (docDesc, thing, file) => {
   return thing;
 };
 
+/**
+ * returns additional info about a specific type
+ *
+ * @function makeDocIntoThing
+ * @memberof Document
+ * @param {object} docDesc - the doc
+ * @param {URL} documentUrl - a url
+ * @param {fileObjectType} file - file blob
+ * @returns {Promise<ThingLocal>} a thing
+ */
 export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
   const checksum = await createFileChecksum(file);
   const cleanedFileName = file.name.replaceAll(' ', '%20');
@@ -119,6 +148,14 @@ export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
   return thing.build();
 };
 
+/**
+ * returns additional info about a specific type
+ *
+ * @function parseDocFromThing
+ * @memberof Document
+ * @param {ThingLocal} documentThing - the thing
+ * @returns {object} the document
+ */
 export const parseDocFromThing = (documentThing) => {
   const uploadDate = getDate(documentThing, RDF_PREDICATES.uploadDate);
   const name = getStringNoLocale(documentThing, RDF_PREDICATES.name);
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index be333b451..d85d3501c 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -12,6 +12,26 @@ import {
 
 import { makeDocIntoThing, parseDocFromThing } from './Document';
 
+/**
+ * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
+ */
+
+/**
+ * @typedef {import("../typedefs").userListObject} userListObject
+ */
+
+/**
+ * @typedef {import("@inrupt/solid-client").SolidDataset} SolidDataset
+ */
+
+/**
+ * Converts a docList dataset into an array of documents.
+ *
+ * @memberof DocumentList
+ * @function parseFromDataset
+ * @param {SolidDataset} docsDataset - dataset to convert to array
+ * @returns {object} An new docList containing any updates
+ */
 const parseFromDataset = (docsDataset) => {
   const docList = [];
   const allDocThings = getThingAll(docsDataset);
@@ -23,6 +43,17 @@ const parseFromDataset = (docsDataset) => {
   return docList;
 };
 
+/**
+ * Saves a document list to the user's pod
+ *
+ * @memberof DocumentList
+ * @function saveToPod
+ * @param {Session} session - session to use for saving
+ * @param {object} docListObject - object containing docList info
+ * @param {SolidDataset} docListObject.dataset - dataset to save
+ * @param {URL} docListObject.containerUrl - Url of container to save docs to
+ * @returns {object} An new docListObject containing any updates
+ */
 const saveToPod = async (session, { dataset, containerUrl }) => {
   const newDataset = await saveSolidDatasetAt(`${containerUrl}doclist.ttl`, dataset, {
     fetch: session.fetch
@@ -31,6 +62,20 @@ const saveToPod = async (session, { dataset, containerUrl }) => {
   return { dataset: newDataset, docList: newList, containerUrl };
 };
 
+/**
+ * Adds a new doc to the document list and saves the list to the pod
+ *
+ * @memberof DocumentList
+ * @function addDocument
+ * @param {object} docDesc - Document to add to list
+ * @param {object} file - file associated with the document to upload
+ * @param {object} docListObject - object containing docList, dataset, and containerUrl
+ * @param {SolidDataset} docListObject.dataset - dataset to save
+ * @param {URL} docListObject.containerUrl - Url of dataset to save to
+ * @param {Array} docListObject.docList - array of Documents
+ * @param {Session} session - session
+ * @returns {object} An new docListObject containing any updates
+ */
 export const addDocument = async (docDesc, file, { docList, dataset, containerUrl }, session) => {
   if (docList.find((oldDoc) => oldDoc.name === docDesc.name))
     throw new Error('File already exists');
@@ -49,6 +94,19 @@ export const addDocument = async (docDesc, file, { docList, dataset, containerUr
   return newObj;
 };
 
+/**
+ * Removes a document from the existing list and saves it to the pod
+ *
+ * @memberof DocumentList
+ * @function removeDocument
+ * @param {string} docName - name of doc to remove from list
+ * @param {object} docListObject - object containing docList, dataset, and containerUrl
+ * @param {SolidDataset} docListObject.dataset - dataset to save
+ * @param {URL} docListObject.containerUrl - Url of dataset to save to
+ * @param {Array} docListObject.docList - array of documents
+ * @param {Session} session - session to use for saving
+ * @returns {object} An new docListObject containing any updates
+ */
 export const removeDocument = async (docName, { docList, dataset, containerUrl }, session) => {
   const deletedDoc = docList.find((d) => d.name === docName);
   if (!deletedDoc) throw Error();
@@ -63,6 +121,20 @@ export const removeDocument = async (docName, { docList, dataset, containerUrl }
   return newObj;
 };
 
+/**
+ * Replaces a document with a new one
+ *
+ * @memberof DocumentList
+ * @function replaceDocument
+ * @param {object} docDesc - new document description
+ * @param {object} file - new file to upload
+ * @param {object} docListObject - object containing docList, dataset, and containerUrl
+ * @param {SolidDataset} docListObject.dataset - dataset to save
+ * @param {URL} docListObject.containerUrl - Url of dataset to save to
+ * @param {Array} docListObject.docList - array of documents
+ * @param {Session} session - session to use for saving
+ * @returns {object} An new docListObject containing any updates
+ */
 export const replaceDocument = async (
   docDesc,
   file,
@@ -78,6 +150,15 @@ export const replaceDocument = async (
   return result;
 };
 
+/**
+ * Replaces a document with a new one
+ *
+ * @memberof DocumentList
+ * @function loadDocumentList
+ * @param {Session} session - session to use for saving
+ * @param {URL} podUrl - pod to load from
+ * @returns {object} An new docListObject containing any updates
+ */
 export const loadDocumentList = async (session, podUrl) => {
   const containerUrl = `${podUrl}PASS/Documents/`;
   let dataset;
diff --git a/src/model-helpers/UserList.js b/src/model-helpers/UserList.js
index 7e2eb09d0..784a9ab28 100644
--- a/src/model-helpers/UserList.js
+++ b/src/model-helpers/UserList.js
@@ -89,7 +89,7 @@ const parseFromDataset = async (usersDataset, session) => {
  * @param {URL} userListObject.listUrl - Url of dataset to save to
  * @returns {object} An new userListObject containing any updates
  */
-const saveToPod = async (session, { dataset, listUrl }) => {
+export const saveToPod = async (session, { dataset, listUrl }) => {
   const newDataset = await saveSolidDatasetAt(listUrl, dataset, {
     fetch: session.fetch
   });
@@ -155,19 +155,19 @@ export const removeUser = async (user, session, { userList, dataset, listUrl })
  * @returns {object} An new userListObject containing any updates
  */
 export const loadUserList = async (session, podUrl) => {
-  const userListUrl = `${podUrl}PASS/Users/userlist.ttl`;
+  const listUrl = `${podUrl}PASS/Users/userlist.ttl`;
   let dataset;
   let userList;
   try {
-    dataset = await getSolidDataset(userListUrl, { fetch: session.fetch });
+    dataset = await getSolidDataset(listUrl, { fetch: session.fetch });
     userList = await parseFromDataset(dataset, session);
   } catch {
     dataset = makeIntoDataset([]);
-    dataset = await saveSolidDatasetAt(userListUrl, dataset, {
+    dataset = await saveSolidDatasetAt(listUrl, dataset, {
       fetch: session.fetch
     });
     userList = [];
-    await setDocAclForUser(session, userListUrl, 'create', session.info.webId);
+    await setDocAclForUser(session, listUrl, 'create', session.info.webId);
   }
-  return { dataset, userList, userListUrl };
+  return { dataset, userList, listUrl };
 };
diff --git a/test/model-helpers/UserList.test.js b/test/model-helpers/UserList.test.js
index ce1ec190f..7b60ec617 100644
--- a/test/model-helpers/UserList.test.js
+++ b/test/model-helpers/UserList.test.js
@@ -74,7 +74,7 @@ describe('loadUserList', () => {
     getSolidDataset.mockResolvedValue(mockDatasetTim);
     const userListResult = await loadUserList(mockSession, 'https://james.example.com/');
     expect(userListResult.userList).toMatchObject(mockUserList);
-    expect(userListResult.userListUrl).toBe(mockUrl);
+    expect(userListResult.listUrl).toBe(mockUrl);
     expect(userListResult.dataset).toMatchObject(mockDataset);
   });
   it('creates a new dataset if no dataset is found', async () => {

From 695cf4a1bdf0edffcf9157498543602be8111d00 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 19:01:09 -0700
Subject: [PATCH 101/304] Incorporating changes with DocumentTable and
 DocumentTableRow and using the fileUrl the parameter for
 handleShowDocumentLocal

---
 src/components/Clients/ClientListTable.jsx    | 10 +------
 src/components/Documents/DocumentTable.jsx    |  2 +-
 src/components/Documents/DocumentTableRow.jsx | 28 ++++++++++---------
 src/components/Form/SetAclPermissionForm.jsx  |  2 +-
 .../Form/SetAclPermsDocContainerForm.jsx      |  2 +-
 5 files changed, 19 insertions(+), 25 deletions(-)

diff --git a/src/components/Clients/ClientListTable.jsx b/src/components/Clients/ClientListTable.jsx
index 943e30b14..85a084e36 100644
--- a/src/components/Clients/ClientListTable.jsx
+++ b/src/components/Clients/ClientListTable.jsx
@@ -17,15 +17,7 @@ import ClientListTableRow from './ClientListTableRow';
 import { StyledTableCell } from '../Table/TableStyles';
 
 // ===== MAKE CHANGES HERE FOR TABLE HEADER / COLUMN TITLES =====
-const columnTitlesArray = [
-  'Select',
-  'Client',
-  'WebID',
-  'Last Activity',
-  'Documents',
-  'Pin',
-  'Delete'
-];
+const columnTitlesArray = ['Select', 'Client', 'WebID', 'Last Activity', 'Pin', 'Delete'];
 
 /**
  * ClientListTable Component - Component that generates table of clients from data within ClientList
diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index 48c6897e2..b95d4d749 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -26,7 +26,7 @@ const DocumentTable = () => {
     'Description',
     'Upload Date',
     'Expiration Date',
-    'File URL',
+    'Preview File',
     'Delete'
   ];
 
diff --git a/src/components/Documents/DocumentTableRow.jsx b/src/components/Documents/DocumentTableRow.jsx
index 527cf7987..79c6eff6b 100644
--- a/src/components/Documents/DocumentTableRow.jsx
+++ b/src/components/Documents/DocumentTableRow.jsx
@@ -1,11 +1,13 @@
 // React Imports
 import React, { useContext } from 'react';
-// React Router Imports
-import { Link } from 'react-router-dom';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
-import { useTheme } from '@mui/material/styles';
-import IconButton from '@mui/material/IconButton';
 import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined';
+import FileOpenIcon from '@mui/icons-material/FileOpen';
+import IconButton from '@mui/material/IconButton';
+// Utility Imports
+import { getBlobFromSolid } from '../../utils';
 // Context Imports
 import { DocumentListContext } from '../../contexts';
 import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
@@ -21,11 +23,16 @@ import DOC_TYPES from '../../constants/doc_types';
  */
 
 const DocumentTableRow = ({ document }) => {
-  const theme = useTheme();
+  const { session } = useSession();
   const { removeDocument } = useContext(DocumentListContext);
 
   const { name, type, description, fileUrl, uploadDate, endDate } = document;
 
+  const handleShowDocumentLocal = async (urlToOpen) => {
+    const urlFileBlob = await getBlobFromSolid(session, urlToOpen);
+    window.open(urlFileBlob);
+  };
+
   // Event handler for deleting client from client list
   const handleDeleteDocument = async () => {
     if (
@@ -48,14 +55,9 @@ const DocumentTableRow = ({ document }) => {
       </StyledTableCell>
       <StyledTableCell align="center">{endDate ? endDate.toDateString() : ''}</StyledTableCell>
       <StyledTableCell align="center">
-        <Link
-          to={fileUrl}
-          target="_blank"
-          rel="noreferrer"
-          style={{ textDecoration: 'none', color: theme.palette.primary.dark }}
-        >
-          {fileUrl}
-        </Link>
+        <IconButton type="button" onClick={() => handleShowDocumentLocal(fileUrl)}>
+          <FileOpenIcon />
+        </IconButton>
       </StyledTableCell>
       <StyledTableCell align="center">
         <IconButton size="large" edge="end" onClick={() => handleDeleteDocument()}>
diff --git a/src/components/Form/SetAclPermissionForm.jsx b/src/components/Form/SetAclPermissionForm.jsx
index 3ad0c987e..aa74a7875 100644
--- a/src/components/Form/SetAclPermissionForm.jsx
+++ b/src/components/Form/SetAclPermissionForm.jsx
@@ -34,7 +34,7 @@ const SetAclPermissionForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectedUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
+  const [username, setUsername] = useState('');
   const { podUrl } = useContext(SignedInUserContext);
   const [docType, setDocType] = useState('');
 
diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 22bcccf41..5481add2b 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -34,7 +34,7 @@ const SetAclPermsDocContainerForm = () => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const { selectedUser } = useContext(SelectedUserContext);
-  const [username, setUsername] = useState(selectedUser.username);
+  const [username, setUsername] = useState('');
   const { podUrl } = useContext(SignedInUserContext);
 
   const clearInputFields = () => {

From de49a21cc4fa247d177695b2c35ef5244ab33fc8 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 19:03:09 -0700
Subject: [PATCH 102/304] Removing ShowDocumentsModal.jsx since DocumentTable
 and DocumentTableRows mostly replace what is shown in the modal

---
 src/components/Modals/ShowDocumentsModal.jsx | 84 --------------------
 1 file changed, 84 deletions(-)
 delete mode 100644 src/components/Modals/ShowDocumentsModal.jsx

diff --git a/src/components/Modals/ShowDocumentsModal.jsx b/src/components/Modals/ShowDocumentsModal.jsx
deleted file mode 100644
index 1a44d832a..000000000
--- a/src/components/Modals/ShowDocumentsModal.jsx
+++ /dev/null
@@ -1,84 +0,0 @@
-// React Imports
-import React from 'react';
-// Inrupt Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import CheckIcon from '@mui/icons-material/Check';
-import ClearIcon from '@mui/icons-material/Clear';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import Typography from '@mui/material/Typography';
-// Utility Imports
-import { getBlobFromSolid } from '../../utils';
-
-/**
- * ShowDocumentsModal Component - Popup modal that shows client documents if gotten
- * explicit permission via ACL
- *
- * @memberof DocumentModals
- * @name ShowDocumentsModal
- */
-
-const ShowDocumentsModal = ({ showModal, setShowModal, fileSrc }) => {
-  const { session } = useSession();
-
-  const handleShowDocumentLocal = async (fileUrl) => {
-    const urlFileBlob = await getBlobFromSolid(session, fileUrl);
-    window.open(urlFileBlob);
-  };
-
-  return (
-    <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
-      <DialogTitle id="dialog-tile" sx={{ fontWeight: 'bold' }}>
-        {fileSrc.documentType}
-      </DialogTitle>
-
-      <DialogContent>
-        <Box key={fileSrc.documentUrl}>
-          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
-            <Typography
-              sx={{
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                maxWidth: { xxs: '150px', xs: '200px', sm: '300px' },
-                textOverflow: 'ellipsis'
-              }}
-            >
-              File name: {fileSrc.filename}
-            </Typography>
-            <Typography>Upload date: {fileSrc.uploadDate.toLocaleString()}</Typography>
-            <Typography>Description: {fileSrc.description}</Typography>
-            <Typography>Expire Date: {fileSrc.expireDate}</Typography>
-            <br />
-          </Box>
-        </Box>
-      </DialogContent>
-
-      <DialogActions>
-        <Button
-          variant="outlined"
-          color="error"
-          endIcon={<ClearIcon />}
-          onClick={() => setShowModal(false)}
-        >
-          CLOSE
-        </Button>
-        <Button
-          variant="contained"
-          type="button"
-          endIcon={<CheckIcon />}
-          onClick={() => handleShowDocumentLocal(fileSrc.documentUrl)}
-          sx={{ width: '100px' }}
-        >
-          OPEN
-        </Button>
-      </DialogActions>
-    </Dialog>
-  );
-};
-
-export default ShowDocumentsModal;

From eeb52f458306400d86e0071c4af90d7717e59c4f Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 19:18:45 -0700
Subject: [PATCH 103/304] Reverting theme breakpoints to default MUI settings

---
 src/theme.js | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/theme.js b/src/theme.js
index 812b00a07..a16db3b9b 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -2,16 +2,6 @@ import { createTheme } from '@mui/material/styles';
 
 const theme = createTheme({
   typography: { fontFamily: 'Roboto, sans-serif' },
-  breakpoints: {
-    values: {
-      xxs: 0,
-      xs: 300,
-      sm: 600,
-      md: 900,
-      lg: 1200,
-      xl: 1536
-    }
-  },
   palette: {
     primary: {
       light: '#039686',

From 27b09124526301a1f9c69d2c8614a01bd32f9468 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 19:21:03 -0700
Subject: [PATCH 104/304] Removing functions that's no longer in use

---
 src/utils/network/session-helper.js | 28 ----------------------------
 1 file changed, 28 deletions(-)

diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 607625d4c..caf8969e9 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -94,34 +94,6 @@ export const hasTTLFiles = (solidDataset) => {
   return items.some((item) => item.url?.endsWith('ttl'));
 };
 
-/**
- * Function checks if Solid dataset on Pod contains any files
- *
- * @memberof utils
- * @function getAllFiles
- * @param {SolidDataset} solidDataset - Solid's dataset object on Pod (see
- * {@link SolidDataset})
- * @returns {Array|null} files or null - An Array of Things from the container
- * or null
- */
-
-export const getAllFiles = (solidDataset) => {
-  const items = getThingAll(solidDataset);
-  if (!items) {
-    return null;
-  }
-
-  const files = [];
-
-  items.forEach((item) => {
-    if (!item.url.endsWith('/')) {
-      files.push(item);
-    }
-  });
-
-  return files;
-};
-
 /**
  *
  *

From 80eabb654de3e8f5789878052cd27669f4e80306 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 19:24:32 -0700
Subject: [PATCH 105/304] Removing functions and relevant unit test that's no
 longer in use

---
 src/utils/network/session-helper.js | 15 ------------
 test/utils/session-helper.test.js   | 36 +----------------------------
 2 files changed, 1 insertion(+), 50 deletions(-)

diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index caf8969e9..e824a7872 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -79,21 +79,6 @@ export const placeFileInContainer = async (session, fileObject, containerUrl) =>
   });
 };
 
-/**
- * Function that checks if container URL contains TTL files
- *
- * @memberof utils
- * @function hasTTLFiles
- * @param {SolidDataset} solidDataset - Solid's dataset object on Pod
- * @returns {boolean} Boolean - A boolean on whether a ttl file exist from dataset
- */
-
-export const hasTTLFiles = (solidDataset) => {
-  const items = getThingAll(solidDataset);
-
-  return items.some((item) => item.url?.endsWith('ttl'));
-};
-
 /**
  *
  *
diff --git a/test/utils/session-helper.test.js b/test/utils/session-helper.test.js
index 9a785ac6c..84e850283 100644
--- a/test/utils/session-helper.test.js
+++ b/test/utils/session-helper.test.js
@@ -1,20 +1,12 @@
-import {
-  addMockResourceAclTo,
-  mockSolidDatasetFrom,
-  mockThingFrom,
-  setThing
-} from '@inrupt/solid-client';
 import { expect, vi, it, describe, beforeEach, afterEach } from 'vitest';
 import {
   createResourceTtlFile,
   getContainerUrl,
-  getPodUrl,
-  hasTTLFiles
+  getPodUrl
 } from '../../src/utils/network/session-helper';
 import { INTERACTION_TYPES } from '../../src/constants';
 
 const mockPodUrl = 'https://pod.example.com/';
-const mockSolidDataset = addMockResourceAclTo(mockSolidDatasetFrom(mockPodUrl));
 let session = {};
 
 vi.mock('@inrupt/solid-client');
@@ -40,32 +32,6 @@ describe('createResourceTtlFile', () => {
   });
 });
 
-describe('hasTTLFiles', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it("returns false if there's no TTL file in solidDataset", () => {
-    const result = hasTTLFiles(mockSolidDataset);
-    expect(result).toBe(false);
-  });
-
-  it("returns true if there's something in solidDataset", () => {
-    const thing = mockThingFrom('https://pod.example.com/example.ttl');
-
-    const result = hasTTLFiles(setThing(mockSolidDataset, thing));
-    expect(result).toBe(true);
-  });
-});
-
 describe('getContainerUrl', () => {
   beforeEach(() => {
     session = {

From 7f94ab8164f06bd0b3089efe63d09ba2b97bd48b Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 19:25:09 -0700
Subject: [PATCH 106/304] Removing unused functions from imports

---
 src/utils/network/session-helper.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index e824a7872..ff1c8b02c 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -1,7 +1,6 @@
 import {
   saveFileInContainer,
   getSolidDataset,
-  getThingAll,
   createAcl,
   setAgentResourceAccess,
   saveAclFor,

From eadc8be4bf0adfd6c6b594e87af345af5ebffb74 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 19 Jun 2023 19:31:37 -0700
Subject: [PATCH 107/304] Moving import for typedef

---
 src/utils/cryptography/credentials-helper.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/utils/cryptography/credentials-helper.js b/src/utils/cryptography/credentials-helper.js
index 8e24e63a8..499b3510a 100644
--- a/src/utils/cryptography/credentials-helper.js
+++ b/src/utils/cryptography/credentials-helper.js
@@ -16,6 +16,10 @@ import { RDF_PREDICATES } from '../../constants';
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
  */
 
+/**
+ * @typedef {import('@inrupt/solid-client').SolidDataset} SolidDataset
+ */
+
 const generateRsaKeyStrings = async () => {
   const { privateKey, publicKey } = await window.crypto.subtle.generateKey(
     {
@@ -142,7 +146,7 @@ export const getUserSigningKey = async (session) => {
  *
  * @memberof utils
  * @function serializeDataSet
- * @param {import('@inrupt/solid-client').SolidDataset} dataSet - Inrupt Dataset you want to serialize
+ * @param {SolidDataset} dataSet - Inrupt Dataset you want to serialize
  * @returns {Promise} Promise that resolves to dataset serialized into a ttl string
  */
 export const serializeDataSet = async (dataSet) => {

From b573d0a552b3e35313e9ea652a9d8a8d162aa07c Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 20 Jun 2023 02:54:49 -0700
Subject: [PATCH 108/304] Consolidating Inbox and Outbox Pages into Messages;
 Update routing to /PASS/messages; Created internal tab to toggle between
 Inbox and Outbox components in Messages; Refactored Inbox and Outbox
 components into MessageFolders; Include corrections to JSDoc; Moved all
 styled-components styling into MessageStyles; Minor edit to MessageContext to
 setLoadingMessage to true before fetching data

---
 src/AppRoutes.jsx                          |  21 +--
 src/components/Messages/MessageFolder.jsx  |  60 ++++++++
 src/components/Messages/MessagePreview.jsx |  36 ++---
 src/components/Messages/MessageStyles.js   | 156 +++++++++++++++++++++
 src/components/Messages/NewMessage.jsx     | 119 ++++------------
 src/components/Messages/Pagination.jsx     |  54 +++----
 src/components/NavBar/NavbarLinks.jsx      |  13 +-
 src/contexts/MessageContext.jsx            |   1 +
 src/routes/Inbox.jsx                       |  87 ------------
 src/routes/Messages.jsx                    | 108 ++++++++++++++
 src/routes/Outbox.jsx                      |  80 -----------
 src/routes/index.js                        |   5 +-
 src/utils/network/session-core.js          |  14 +-
 13 files changed, 413 insertions(+), 341 deletions(-)
 create mode 100644 src/components/Messages/MessageFolder.jsx
 create mode 100644 src/components/Messages/MessageStyles.js
 delete mode 100644 src/routes/Inbox.jsx
 create mode 100644 src/routes/Messages.jsx
 delete mode 100644 src/routes/Outbox.jsx

diff --git a/src/AppRoutes.jsx b/src/AppRoutes.jsx
index 78182f7a8..ff07a304a 100644
--- a/src/AppRoutes.jsx
+++ b/src/AppRoutes.jsx
@@ -1,19 +1,23 @@
 // React Imports
 import React, { useState, useEffect } from 'react';
 import { Routes, Route, Navigate, Outlet } from 'react-router-dom';
-// Page Imports
+// Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
+// Custom Hook Imports
 import { useRedirectUrl } from './hooks';
-
-import Home from './routes/Home';
-import Clients from './routes/Clients';
-import Inbox from './routes/Inbox';
-import Outbox from './routes/Outbox';
-import Forms from './routes/Forms';
+// Page Imports
+import { Home, Clients, Messages, Forms } from './routes';
 
 const ProtectedRoute = ({ isLoggedIn, children }) =>
   isLoggedIn ? children ?? <Outlet /> : <Navigate to="/PASS/" replace />;
 
+/**
+ * The main application routing for PASS
+ *
+ * @name AppRoutes
+ * @returns {React.JSX.Element}
+ */
+
 const AppRoutes = () => {
   const { session } = useSession();
   const redirectUrl = useRedirectUrl();
@@ -49,8 +53,7 @@ const AppRoutes = () => {
       <Route element={<ProtectedRoute isLoggedIn={session.info.isLoggedIn} />}>
         <Route path="/PASS/clients" element={<Clients />} />
         <Route path="/PASS/forms" element={<Forms />} />
-        <Route path="/PASS/inbox" element={<Inbox />} />
-        <Route path="/PASS/outbox" element={<Outbox />} />
+        <Route path="/PASS/messages" element={<Messages />} />
         <Route path="*" element={<Navigate to={restorePath} replace />} />
       </Route>
     </Routes>
diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
new file mode 100644
index 000000000..aa42396a9
--- /dev/null
+++ b/src/components/Messages/MessageFolder.jsx
@@ -0,0 +1,60 @@
+// React Imports
+import React, { useState } from 'react';
+// Styling Imports
+import { StyledButton } from './MessageStyles';
+// Component Imports
+import PaginatedMessages from './Pagination';
+import NewMessage from './NewMessage';
+
+/**
+ * @typedef {import("../../typedefs.js").messageListObject} messageListObject
+ */
+
+/**
+ * messageFolderProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @typedef messageFolderProps
+ * @type {object}
+ * @property {string} folderType - The name of the message box, i.e. "inbox" or
+ * "outbox"
+ * @property {() => Promise<void>} handleRefresh - The handle function for message
+ * folder refresh
+ * @property {boolean} loadMessages - Boolean for triggering loading message
+ * @property {messageListObject[]} messageList - A list of messages from Solid Pod
+ * @memberof typedefs
+ */
+
+/**
+ * MessageFolder Component - The general component used for Message Folders Inbox
+ * and Outbox
+ *
+ * @memberof Messages
+ * @name MessageFolder
+ * @param {messageFolderProps} Props - Component props for MessageFolder
+ */
+
+const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList }) => {
+  const [showForm, setShowForm] = useState(false);
+
+  return (
+    <section
+      id={folderType}
+      className="panel"
+      style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}
+    >
+      <div style={{ display: 'flex', gap: '10px' }}>
+        {folderType === 'inbox' && (
+          <StyledButton onClick={() => setShowForm(!showForm)}>New Message</StyledButton>
+        )}
+        <StyledButton onClick={handleRefresh} type="button">
+          Refresh
+        </StyledButton>
+      </div>
+      {showForm && <NewMessage closeForm={() => setShowForm(!showForm)} />}
+      {loadMessages ? <div>Loading Messages...</div> : <PaginatedMessages messages={messageList} />}
+    </section>
+  );
+};
+
+export default MessageFolder;
diff --git a/src/components/Messages/MessagePreview.jsx b/src/components/Messages/MessagePreview.jsx
index 353530804..e51f5dc9a 100644
--- a/src/components/Messages/MessagePreview.jsx
+++ b/src/components/Messages/MessagePreview.jsx
@@ -1,7 +1,17 @@
 // React imports
 import React, { useState } from 'react';
 // Styling Imports
-import styled from 'styled-components';
+import { StyledDate, StyledHeader, StyledPreview } from './MessageStyles';
+
+/**
+ * messageFolderProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @typedef messageFolderProps
+ * @type {object}
+ * @property {string} message - The content of the message sent
+ * @memberof typedefs
+ */
 
 /**
  * Message Preview Component - Component that displays message previews from
@@ -9,6 +19,7 @@ import styled from 'styled-components';
  *
  * @memberof Inbox
  * @name MessagePreview
+ * @param {messageFolderProps} Props - Component props for MessagePreview
  */
 
 const MessagePreview = ({ message }) => {
@@ -29,27 +40,4 @@ const MessagePreview = ({ message }) => {
   );
 };
 
-const StyledPreview = styled('div')({
-  display: 'flex',
-  flexDirection: 'column',
-  border: '2px solid black',
-  borderRadius: '10px',
-  padding: '5px',
-  cursor: 'pointer',
-  '&:hover': {
-    boxShadow: '2px 3px 2px rgba(0, 0, 0, .4)'
-  }
-});
-
-const StyledDate = styled('p')({
-  margin: 0,
-  padding: 0
-});
-
-const StyledHeader = styled('h1')({
-  margin: 0,
-  padding: 0,
-  fontSize: '1.2rem'
-});
-
 export default MessagePreview;
diff --git a/src/components/Messages/MessageStyles.js b/src/components/Messages/MessageStyles.js
new file mode 100644
index 000000000..b69906b55
--- /dev/null
+++ b/src/components/Messages/MessageStyles.js
@@ -0,0 +1,156 @@
+import styled from 'styled-components';
+
+export const StyledButton = styled('button')({
+  width: '150px',
+  height: '60px',
+  backgroundColor: '#017969',
+  borderColor: 'black',
+  borderRadius: '5px',
+  cursor: 'pointer',
+  '&:hover': {
+    filter: 'brightness(0.9)'
+  },
+  color: '#fff',
+  fontWeight: 'bold',
+  fontSize: '18px'
+});
+
+export const StyledButton2 = styled('button')({
+  gridColumn: 'span 2',
+  width: '100px',
+  height: '30px',
+  justifySelf: 'center',
+  cursor: 'pointer',
+  backgroundColor: '#017969',
+  border: 'none',
+  borderRadius: '5px',
+  color: '#fff',
+  fontWeight: 'bold',
+  '&:hover': {
+    filter: 'brightness(0.9)'
+  }
+});
+
+export const PaginationContainer = styled.div`
+  ul {
+    display: flex;
+    justify-content: center;
+    list-style-type: none;
+    padding: 0;
+  }
+
+  li:not(:last-child) {
+    margin-right: 4px;
+  }
+
+  a {
+    color: #000;
+    text-decoration: none;
+    padding: 8px 16px;
+    border-radius: 4px;
+    background-color: #eaeaea;
+    cursor: pointer;
+  }
+
+  a:active {
+    background-color: #555;
+    color: #fff;
+  }
+`;
+
+export const StyledPreview = styled('div')({
+  display: 'flex',
+  flexDirection: 'column',
+  border: '2px solid black',
+  borderRadius: '10px',
+  padding: '5px',
+  cursor: 'pointer',
+  '&:hover': {
+    boxShadow: '2px 3px 2px rgba(0, 0, 0, .4)'
+  }
+});
+
+export const StyledDate = styled('p')({
+  margin: 0,
+  padding: 0
+});
+
+export const StyledHeader = styled('h1')({
+  margin: 0,
+  padding: 0,
+  fontSize: '1.2rem'
+});
+
+export const StyledHeader2 = styled('h1')({
+  gridColumn: 'span 2'
+});
+
+export const StyledOverlay = styled('div')({
+  height: '100vh',
+  width: '100vw',
+  backgroundColor: 'rgb(128, 128, 128, .7)',
+  backdropFilter: 'blur(2px)',
+  zIndex: 99,
+  top: '0%',
+  left: '0%',
+  position: 'fixed'
+});
+
+export const StyledForm = styled('form')({
+  display: 'grid',
+  backgroundColor: '#fff',
+  gridTemplateColumns: '150px 400px',
+  gap: '10px',
+  margin: '20px',
+  border: '2px solid black',
+  borderRadius: '8px',
+  padding: '20px',
+  alignItems: 'center',
+  position: 'fixed',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  zIndex: 99
+});
+
+export const CancelButton = styled('button')({
+  gridColumn: '2 / 3',
+  width: '150px',
+  justifySelf: 'end',
+  height: '35px',
+  backgroundColor: 'red',
+  borderRadius: '5px',
+  border: 'none',
+  fontWeight: 'bold',
+  cursor: 'pointer',
+  '&:hover': {
+    filter: 'brightness(0.9)'
+  }
+});
+
+export const StyledNotice = styled('p')({
+  gridColumn: 'span 2',
+  fontStyle: 'italic'
+});
+
+export const StyledError = styled('p')({
+  gridColumn: 'span 2',
+  fontStyle: 'italic',
+  color: 'red',
+  justifySelf: 'center'
+});
+
+export const StyledSuccess = styled('p')({
+  gridColumn: 'span 2',
+  fontStyle: 'italic',
+  color: 'green',
+  justifySelf: 'center'
+});
+
+export const StyledInput = styled('input')({
+  height: '30px'
+});
+
+export const StyledTextArea = styled('textarea')({
+  height: '200px'
+});
diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index ef3f057c0..e562b0f87 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -3,18 +3,41 @@ import React, { useState, useContext } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Styling Imports
-import styled from 'styled-components';
+import {
+  CancelButton,
+  StyledButton2,
+  StyledError,
+  StyledForm,
+  StyledHeader2,
+  StyledInput,
+  StyledNotice,
+  StyledOverlay,
+  StyledSuccess,
+  StyledTextArea
+} from './MessageStyles';
 // Utility Imports
 import { sendMessageTTL, getMessageTTL } from '../../utils';
 // Context Imports
 import { MessageContext, SignedInUserContext } from '../../contexts';
 
+/**
+ * messageFolderProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @typedef newMessageProps
+ * @type {object}
+ * @property {() => void} closeForm - The function used to trigger NewMessage to
+ * close
+ * @memberof typedefs
+ */
+
 /**
  * New Message Component - Component that allows user to write
  *  a message to another user from their inbox
  *
  * @memberof Inbox
  * @name NewMessage
+ * @param {newMessageProps} Props - Props used for NewMessage
  */
 
 const NewMessage = ({ closeForm }) => {
@@ -86,7 +109,7 @@ const NewMessage = ({ closeForm }) => {
         </CancelButton>
         <StyledNotice>* indicates a required field</StyledNotice>
 
-        <StyledHeader>New Message</StyledHeader>
+        <StyledHeader2>New Message</StyledHeader2>
         <label htmlFor="title">Subject*: </label>
         <StyledInput
           value={message.title}
@@ -113,7 +136,7 @@ const NewMessage = ({ closeForm }) => {
           onChange={(e) => handleChange(e)}
         />
 
-        <StyledButton type="submit">Submit</StyledButton>
+        <StyledButton2 type="submit">Submit</StyledButton2>
 
         {error && <StyledError>{error}</StyledError>}
         {success && successTimeout && <StyledSuccess>{success}</StyledSuccess>}
@@ -123,94 +146,4 @@ const NewMessage = ({ closeForm }) => {
   /* eslint-disable jsx-a11y/label-has-associated-control */
 };
 
-const StyledOverlay = styled('div')({
-  height: '100vh',
-  width: '100vw',
-  backgroundColor: 'rgb(128, 128, 128, .7)',
-  backdropFilter: 'blur(2px)',
-  zIndex: 99,
-  top: '0%',
-  left: '0%',
-  position: 'fixed'
-});
-
-const StyledForm = styled('form')({
-  display: 'grid',
-  backgroundColor: '#fff',
-  gridTemplateColumns: '150px 400px',
-  gap: '10px',
-  margin: '20px',
-  border: '2px solid black',
-  borderRadius: '8px',
-  padding: '20px',
-  alignItems: 'center',
-  position: 'fixed',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  zIndex: 99
-});
-
-const CancelButton = styled('button')({
-  gridColumn: '2 / 3',
-  width: '150px',
-  justifySelf: 'end',
-  height: '35px',
-  backgroundColor: 'red',
-  borderRadius: '5px',
-  border: 'none',
-  fontWeight: 'bold',
-  cursor: 'pointer',
-  '&:hover': {
-    filter: 'brightness(0.9)'
-  }
-});
-
-const StyledNotice = styled('p')({
-  gridColumn: 'span 2',
-  fontStyle: 'italic'
-});
-
-const StyledButton = styled('button')({
-  gridColumn: 'span 2',
-  width: '100px',
-  height: '30px',
-  justifySelf: 'center',
-  cursor: 'pointer',
-  backgroundColor: '#017969',
-  border: 'none',
-  borderRadius: '5px',
-  color: '#fff',
-  fontWeight: 'bold',
-  '&:hover': {
-    filter: 'brightness(0.9)'
-  }
-});
-
-const StyledError = styled('p')({
-  gridColumn: 'span 2',
-  fontStyle: 'italic',
-  color: 'red',
-  justifySelf: 'center'
-});
-
-const StyledSuccess = styled('p')({
-  gridColumn: 'span 2',
-  fontStyle: 'italic',
-  color: 'green',
-  justifySelf: 'center'
-});
-
-const StyledInput = styled('input')({
-  height: '30px'
-});
-
-const StyledTextArea = styled('textarea')({
-  height: '200px'
-});
-
-const StyledHeader = styled('h1')({
-  gridColumn: 'span 2'
-});
-
 export default NewMessage;
diff --git a/src/components/Messages/Pagination.jsx b/src/components/Messages/Pagination.jsx
index a9a7259a1..a75a46198 100644
--- a/src/components/Messages/Pagination.jsx
+++ b/src/components/Messages/Pagination.jsx
@@ -1,19 +1,34 @@
 // React Imports
 import React, { useState } from 'react';
 import ReactPaginate from 'react-paginate';
-// Styling Imports
-import styled from 'styled-components';
 // Other Library Imports
 import { v4 as uuidv4 } from 'uuid';
+// Styling Imports
+import { PaginationContainer } from './MessageStyles';
 // Component Imports
 import MessagePreview from './MessagePreview';
 
+/**
+ * @typedef {import("../../typedefs.js").messageListObject} messageListObject
+ */
+
+/**
+ * messageFolderProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @typedef paginatedMessageProps
+ * @type {object}
+ * @property {messageListObject[]} messages - A list of messages from Solid Pod
+ * @memberof typedefs
+ */
+
 /**
  * Messages Component - Component that displays messages and provides pagination
  * for inbox and outbox components.
  *
  * @memberof Messages
  * @name PaginatedMessages
+ * @param {paginatedMessageProps} Props - The props for PaginatedMessages
  */
 
 const PaginatedMessages = ({ messages }) => {
@@ -32,7 +47,8 @@ const PaginatedMessages = ({ messages }) => {
 
   return (
     <>
-      <Messages currentMessages={currentMessages} />
+      {currentMessages &&
+        currentMessages.map((message) => <MessagePreview key={uuidv4()} message={message} />)}
       <PaginationContainer>
         <ReactPaginate
           breakLabel="..."
@@ -48,36 +64,4 @@ const PaginatedMessages = ({ messages }) => {
   );
 };
 
-// Helper component for displaying paginated results
-const Messages = ({ currentMessages }) =>
-  currentMessages &&
-  currentMessages.map((message) => <MessagePreview key={uuidv4()} message={message} />);
-
-const PaginationContainer = styled.div`
-  ul {
-    display: flex;
-    justify-content: center;
-    list-style-type: none;
-    padding: 0;
-  }
-
-  li:not(:last-child) {
-    margin-right: 4px;
-  }
-
-  a {
-    color: #000;
-    text-decoration: none;
-    padding: 8px 16px;
-    border-radius: 4px;
-    background-color: #eaeaea;
-    cursor: pointer;
-  }
-
-  a:active {
-    background-color: #555;
-    color: #fff;
-  }
-`;
-
 export default PaginatedMessages;
diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index 030eee37a..f4c56d40d 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 // React Router Imports
 import { NavLink, useLocation } from 'react-router-dom';
 // Material UI Imports
@@ -11,6 +11,14 @@ import Tab from '@mui/material/Tab';
 import Tabs from '@mui/material/Tabs';
 import { useTheme } from '@mui/material/styles';
 
+/**
+ * NavbarLinks Component - The sub-component used in NavBar to render the
+ * navigation for PASS
+ *
+ * @memberof NavBar
+ * @name NavbarLinks
+ */
+
 const NavbarLinks = () => {
   const theme = useTheme();
 
@@ -24,8 +32,7 @@ const NavbarLinks = () => {
   const routesArray = [
     { label: 'Clients', path: '/PASS/clients' },
     { label: 'Forms', path: '/PASS/forms' },
-    { label: 'Inbox', path: '/PASS/inbox' },
-    { label: 'Outbox', path: '/PASS/outbox' }
+    { label: 'Messages', path: '/PASS/messages' }
   ];
 
   // Navigate To... button and menu (small screens)
diff --git a/src/contexts/MessageContext.jsx b/src/contexts/MessageContext.jsx
index e8eb93fd7..1ae73c81b 100644
--- a/src/contexts/MessageContext.jsx
+++ b/src/contexts/MessageContext.jsx
@@ -55,6 +55,7 @@ export const MessageContextProvider = ({ children }) => {
    * @function fetchData
    */
   const fetchData = async () => {
+    setLoadMessages(true);
     await Promise.all([createOutbox(session, podUrl), createInbox(session, podUrl)]);
 
     try {
diff --git a/src/routes/Inbox.jsx b/src/routes/Inbox.jsx
deleted file mode 100644
index 7ffef1e0a..000000000
--- a/src/routes/Inbox.jsx
+++ /dev/null
@@ -1,87 +0,0 @@
-// React Imports
-import React, { useContext, useState, useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Styling Imports
-import styled from 'styled-components';
-// Utility Imports
-import { getMessageTTL } from '../utils';
-// Context Imports
-import { MessageContext, SignedInUserContext } from '../contexts';
-// Component Imports
-import NewMessage from '../components/Messages/NewMessage';
-import PaginatedMessages from '../components/Messages/Pagination';
-
-/**
- * Inbox Page - Page that generates PASS Inbox for users logged into a Solid Pod
- * via Solid Session
- *
- * @memberof Pages
- * @name Inbox
- */
-
-const Inbox = () => {
-  const location = useLocation();
-
-  localStorage.setItem('restorePath', location.pathname);
-
-  const [showForm, setShowForm] = useState(false);
-
-  const { podUrl } = useContext(SignedInUserContext);
-
-  const { session } = useSession();
-  const { inboxList, setInboxList, loadMessages, setLoadMessages } = useContext(MessageContext);
-
-  // Handler function for refreshing PASS inbox
-  const handleInboxRefresh = async () => {
-    setLoadMessages(true);
-    const messagesInSolid = await getMessageTTL(session, 'Inbox', inboxList, podUrl);
-    messagesInSolid.sort((a, b) => b.uploadDate - a.uploadDate);
-    setInboxList(messagesInSolid);
-    setLoadMessages(false);
-  };
-
-  // Re-sorts messages upon inboxList updating
-  useEffect(() => {
-    setLoadMessages(true);
-    const inboxCopy = inboxList;
-    inboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
-    setInboxList(inboxCopy);
-    setLoadMessages(false);
-  }, [inboxList]);
-
-  return (
-    <section
-      id="inbox"
-      className="panel"
-      style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}
-    >
-      <div style={{ display: 'flex', gap: '10px' }}>
-        <StyledButton onClick={() => setShowForm(!showForm)}>New Message</StyledButton>
-        <StyledButton onClick={handleInboxRefresh} type="button">
-          Refresh
-        </StyledButton>
-      </div>
-      {showForm && <NewMessage closeForm={() => setShowForm(!showForm)} />}
-      {loadMessages ? <div>Loading Messages...</div> : <PaginatedMessages messages={inboxList} />}
-    </section>
-  );
-};
-
-const StyledButton = styled('button')({
-  width: '150px',
-  height: '60px',
-  backgroundColor: '#017969',
-  borderColor: 'black',
-  borderRadius: '5px',
-  cursor: 'pointer',
-  '&:hover': {
-    filter: 'brightness(0.9)'
-  },
-  color: '#fff',
-  fontWeight: 'bold',
-  fontSize: '18px'
-});
-
-export default Inbox;
diff --git a/src/routes/Messages.jsx b/src/routes/Messages.jsx
new file mode 100644
index 000000000..fa2a8c3a7
--- /dev/null
+++ b/src/routes/Messages.jsx
@@ -0,0 +1,108 @@
+// React Imports
+import React, { useContext, useState, useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+// Inrupt Library Imports
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Tab from '@mui/material/Tab';
+import Tabs from '@mui/material/Tabs';
+// Utility Imports
+import { getMessageTTL } from '../utils';
+// Context Imports
+import { MessageContext, SignedInUserContext } from '../contexts';
+// Component Imports
+import MessageFolder from '../components/Messages/MessageFolder';
+
+const routesArray = [{ label: 'Inbox' }, { label: 'Outbox' }];
+
+/**
+ * Messages Page - Page that generates the components for the Message system
+ * in PASS
+ *
+ * @memberof Pages
+ * @name Messages
+ * @returns {React.JSX.Element}
+ */
+
+const Messages = () => {
+  const location = useLocation();
+
+  localStorage.setItem('restorePath', location.pathname);
+
+  const { podUrl } = useContext(SignedInUserContext);
+
+  const { session } = useSession();
+  const { inboxList, setInboxList, outboxList, setOutboxList, loadMessages, setLoadMessages } =
+    useContext(MessageContext);
+
+  // Handler function for refreshing PASS inbox
+  const handleInboxRefresh = async () => {
+    setLoadMessages(true);
+    const messagesInSolid = await getMessageTTL(session, 'Inbox', inboxList, podUrl);
+    messagesInSolid.sort((a, b) => b.uploadDate - a.uploadDate);
+    setInboxList(messagesInSolid);
+    setLoadMessages(false);
+  };
+
+  // Handler function for refreshing PASS outbox
+  const handleOutboxRefresh = async () => {
+    setLoadMessages(true);
+    const messagesInSolid = await getMessageTTL(session, 'Outbox', outboxList, podUrl);
+    messagesInSolid.sort((a, b) => b.uploadDate - a.uploadDate);
+    setOutboxList(messagesInSolid);
+    setLoadMessages(false);
+  };
+
+  // Re-sorts messages upon inboxList updating
+  useEffect(() => {
+    setLoadMessages(true);
+    const inboxCopy = inboxList;
+    inboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
+    setInboxList(inboxCopy);
+    setLoadMessages(false);
+  }, [inboxList]);
+
+  // Re-sorts messages upon outboxList updating
+  useEffect(() => {
+    setLoadMessages(true);
+    const outboxCopy = outboxList;
+    outboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
+    setOutboxList(outboxCopy);
+    setLoadMessages(false);
+  }, [outboxList]);
+
+  const [boxType, setBoxType] = useState('inbox');
+
+  return (
+    <>
+      <Tabs value={boxType} sx={{ padding: '10px 30px' }}>
+        {routesArray.map((item) => (
+          <Tab
+            key={`${item.label}Tab`}
+            value={item.label.toLowerCase()}
+            label={item.label}
+            onClick={() => setBoxType(item.label.toLowerCase())}
+          />
+        ))}
+      </Tabs>
+
+      {boxType === 'inbox' ? (
+        <MessageFolder
+          folderType="inbox"
+          handleRefresh={handleInboxRefresh}
+          loadMessages={loadMessages}
+          messageList={inboxList}
+        />
+      ) : (
+        <MessageFolder
+          folderType="outbox"
+          handleRefresh={handleOutboxRefresh}
+          loadMessages={loadMessages}
+          messageList={outboxList}
+        />
+      )}
+    </>
+  );
+};
+
+export default Messages;
diff --git a/src/routes/Outbox.jsx b/src/routes/Outbox.jsx
deleted file mode 100644
index 266db7b68..000000000
--- a/src/routes/Outbox.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-// React Imports
-import React, { useContext, useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Styling Imports
-import styled from 'styled-components';
-// Utility Imports
-import { getMessageTTL } from '../utils';
-// Context Imports
-import { MessageContext, SignedInUserContext } from '../contexts';
-// Component Imports
-import PaginatedMessages from '../components/Messages/Pagination';
-
-/**
- * Outbox Page - Component that generates the Outbox Page on Solid
- *
- * @memberof Pages
- * @name Outbox
- */
-
-const Outbox = () => {
-  const location = useLocation();
-
-  localStorage.setItem('restorePath', location.pathname);
-
-  const { session } = useSession();
-  const { outboxList, setOutboxList, loadMessages, setLoadMessages } = useContext(MessageContext);
-  const { podUrl } = useContext(SignedInUserContext);
-
-  // Handler function for refreshing PASS outbox
-  const handleOutboxRefresh = async () => {
-    setLoadMessages(true);
-    const messagesInSolid = await getMessageTTL(session, 'Outbox', outboxList, podUrl);
-    messagesInSolid.sort((a, b) => b.uploadDate - a.uploadDate);
-    setOutboxList(messagesInSolid);
-    setLoadMessages(false);
-  };
-
-  // Re-sorts messages upon outboxList updating
-  useEffect(() => {
-    setLoadMessages(true);
-    const outboxCopy = outboxList;
-    outboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
-    setOutboxList(outboxCopy);
-    setLoadMessages(false);
-  }, [outboxList]);
-
-  return (
-    <section
-      id="outbox"
-      className="panel"
-      style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}
-    >
-      <div style={{ display: 'flex', gap: '10px' }}>
-        <StyledButton onClick={handleOutboxRefresh} type="button">
-          Refresh
-        </StyledButton>
-      </div>
-      {loadMessages ? <div>Loading Messages...</div> : <PaginatedMessages messages={outboxList} />}
-    </section>
-  );
-};
-
-const StyledButton = styled('button')({
-  width: '150px',
-  height: '60px',
-  backgroundColor: '#017969',
-  borderColor: 'black',
-  borderRadius: '5px',
-  cursor: 'pointer',
-  '&:hover': {
-    filter: 'brightness(0.9)'
-  },
-  color: '#fff',
-  fontWeight: 'bold',
-  fontSize: '18px'
-});
-
-export default Outbox;
diff --git a/src/routes/index.js b/src/routes/index.js
index 687bf2ca1..cec9a9f8a 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -1,8 +1,7 @@
 import Clients from './Clients';
 import Forms from './Forms';
 import Home from './Home';
-import Inbox from './Inbox';
-import Outbox from './Outbox';
+import Messages from './Messages';
 
 /**
  * The main pages in PASS
@@ -10,4 +9,4 @@ import Outbox from './Outbox';
  * @namespace Pages
  */
 
-export { Clients, Forms, Home, Inbox, Outbox };
+export { Clients, Forms, Home, Messages };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 4a8f2158f..f09766f24 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -119,14 +119,14 @@ export const createPublicContainer = async (session, podUrl) => {
 */
 
 /**
- * Function that gets list of inbox TTL file messages and returns the messages as
- * lists of objects
+ * Function that fetches a list of TTL file messages from the Solid Pod and
+ * returns the messages as a list of messageListObject
  *
  * @memberof utils
  * @function getMessageTTL
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {string} boxType - The message box being called "Inbox" or "Outbox"
- * @param {messageListObject[]} listMessages - List of messages
+ * @param {messageListObject[]} listMessages - A list of messageListObjects
  * @param {URL} podUrl - The pod URL of user
  * @returns {Promise<messageListObject[]>} inboxList - An array of inbox messages
  * from the user's inbox on Solid in JSON format
@@ -169,16 +169,16 @@ export const getMessageTTL = async (session, boxType, listMessages, podUrl) => {
 };
 
 /**
- * Function that sends a message to another user's Pod inbox and saves a copy in
- * user's own inbox
+ * Function that sends a message to another user's Pod inbox as a TTL file and
+ * and saves a copy in the sender's outbox
  *
  * @memberof utils
  * @function sendMessageTTL
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {object} messageObject - An object containing inputs for the the message
- * @param {URL} podUrl - The user's Pod URL
+ * @param {URL} podUrl - The Pod URL of the user to send message to
  * @returns {Promise} Promise - Sends a TTL file to another user's Pod inbox and
- * saves a copy on your inbox
+ * saves a copy on the sender's outbox
  */
 export const sendMessageTTL = async (session, messageObject, podUrl) => {
   const { recipientUsername } = messageObject;

From 3e45cc0a55036c58dde239647d3eaa287d7208be Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 20 Jun 2023 03:49:33 -0700
Subject: [PATCH 109/304] Refactored handleRefresh functions into one; Updated
 useEffect in Messages

---
 src/components/Messages/MessageFolder.jsx |  4 +--
 src/routes/Messages.jsx                   | 42 ++++++++++-------------
 2 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index aa42396a9..56dd82480 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -44,10 +44,10 @@ const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList })
       style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}
     >
       <div style={{ display: 'flex', gap: '10px' }}>
-        {folderType === 'inbox' && (
+        {folderType === 'Inbox' && (
           <StyledButton onClick={() => setShowForm(!showForm)}>New Message</StyledButton>
         )}
-        <StyledButton onClick={handleRefresh} type="button">
+        <StyledButton onClick={() => handleRefresh(folderType)} type="button">
           Refresh
         </StyledButton>
       </div>
diff --git a/src/routes/Messages.jsx b/src/routes/Messages.jsx
index fa2a8c3a7..429c79ae5 100644
--- a/src/routes/Messages.jsx
+++ b/src/routes/Messages.jsx
@@ -35,38 +35,34 @@ const Messages = () => {
   const { inboxList, setInboxList, outboxList, setOutboxList, loadMessages, setLoadMessages } =
     useContext(MessageContext);
 
-  // Handler function for refreshing PASS inbox
-  const handleInboxRefresh = async () => {
+  // Handler function for refreshing PASS messages
+  const handleMessageRefresh = async (folderType) => {
     setLoadMessages(true);
-    const messagesInSolid = await getMessageTTL(session, 'Inbox', inboxList, podUrl);
+    const messageList = folderType === 'Inbox' ? inboxList : outboxList;
+    const messagesInSolid = await getMessageTTL(session, folderType, messageList, podUrl);
     messagesInSolid.sort((a, b) => b.uploadDate - a.uploadDate);
-    setInboxList(messagesInSolid);
+    if (folderType === 'Inbox') {
+      setInboxList(messagesInSolid);
+    } else {
+      setOutboxList(messagesInSolid);
+    }
     setLoadMessages(false);
   };
 
-  // Handler function for refreshing PASS outbox
-  const handleOutboxRefresh = async () => {
-    setLoadMessages(true);
-    const messagesInSolid = await getMessageTTL(session, 'Outbox', outboxList, podUrl);
-    messagesInSolid.sort((a, b) => b.uploadDate - a.uploadDate);
-    setOutboxList(messagesInSolid);
-    setLoadMessages(false);
-  };
-
-  // Re-sorts messages upon inboxList updating
+  // Re-sorts inbox messages upon updates
   useEffect(() => {
     setLoadMessages(true);
-    const inboxCopy = inboxList;
-    inboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
+    let inboxCopy = inboxList;
+    inboxCopy = inboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
     setInboxList(inboxCopy);
     setLoadMessages(false);
   }, [inboxList]);
 
-  // Re-sorts messages upon outboxList updating
+  // Re-sorts outbox messages upon updates
   useEffect(() => {
     setLoadMessages(true);
-    const outboxCopy = outboxList;
-    outboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
+    let outboxCopy = outboxList;
+    outboxCopy = outboxCopy.sort((a, b) => b.uploadDate - a.uploadDate);
     setOutboxList(outboxCopy);
     setLoadMessages(false);
   }, [outboxList]);
@@ -88,15 +84,15 @@ const Messages = () => {
 
       {boxType === 'inbox' ? (
         <MessageFolder
-          folderType="inbox"
-          handleRefresh={handleInboxRefresh}
+          folderType="Inbox"
+          handleRefresh={handleMessageRefresh}
           loadMessages={loadMessages}
           messageList={inboxList}
         />
       ) : (
         <MessageFolder
-          folderType="outbox"
-          handleRefresh={handleOutboxRefresh}
+          folderType="Outbox"
+          handleRefresh={handleMessageRefresh}
           loadMessages={loadMessages}
           messageList={outboxList}
         />

From 2f81be6679ada8491211e04d7fb3ae321d7e7918 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Tue, 20 Jun 2023 11:27:04 -0700
Subject: [PATCH 110/304] Creation of LOADING.jsx - to show user what is
 currently being loaded.

---
 src/components/Documents/DocumentTable.jsx |  8 +++--
 src/components/Notification/Loading.jsx    | 40 ++++++++++++++++++++++
 src/routes/Clients.jsx                     | 24 ++-----------
 3 files changed, 48 insertions(+), 24 deletions(-)
 create mode 100644 src/components/Notification/Loading.jsx

diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index 48c6897e2..7aaad0647 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -1,15 +1,17 @@
 // React Imports
 import React, { useContext } from 'react';
-// Inrupt Library Imports
+// Material UI Imports
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 import Paper from '@mui/material/Paper';
+// Component Imports
 import { DocumentListContext } from '../../contexts';
 import { StyledTableCell } from '../Table/TableStyles';
 import DocumentTableRow from './DocumentTableRow';
+import Loading from '../Notification/Loading';
 
 /**
  * DocumentTable Component - Displays a table containing all documents accessible in a pod
@@ -30,7 +32,9 @@ const DocumentTable = () => {
     'Delete'
   ];
 
-  return loadingDocuments ? null : (
+  return loadingDocuments ? (
+    <Loading loadingItem="documents" />
+  ) : (
     <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
       <Table aria-label="Documents Table">
         <TableHead>
diff --git a/src/components/Notification/Loading.jsx b/src/components/Notification/Loading.jsx
new file mode 100644
index 000000000..707e03dca
--- /dev/null
+++ b/src/components/Notification/Loading.jsx
@@ -0,0 +1,40 @@
+// React Imports
+import React from 'react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import LinearProgress from '@mui/material/LinearProgress';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+
+/**
+ * Loading Component - Displays a div containing title of what is being
+ * loaded and an animated loading progress bar. Must pass loadingItem attribute
+ * as a string of the "title" of what is being loaded.
+ *
+ * @memberof Notification
+ * @name Loading
+ * @returns {React.ReactElement} a div of what is currently loading
+ */
+
+const Loading = ({ loadingItem }) => (
+  <Box
+    sx={{
+      marginTop: 18,
+      marginBottom: 18,
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      textAlign: 'center',
+      padding: '20px'
+    }}
+  >
+    <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
+      <Typography variant="h5" component="h2" mb={2} align="center">
+        Loading {loadingItem}...
+      </Typography>
+      <LinearProgress />
+    </Paper>
+  </Box>
+);
+
+export default Loading;
diff --git a/src/routes/Clients.jsx b/src/routes/Clients.jsx
index 0e54f7a86..1d5ca1bf6 100644
--- a/src/routes/Clients.jsx
+++ b/src/routes/Clients.jsx
@@ -4,15 +4,12 @@ import React, { useState, useContext } from 'react';
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
 import AddIcon from '@mui/icons-material/Add';
-import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Container from '@mui/material/Container';
-import LinearProgress from '@mui/material/LinearProgress';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
 // Component Imports
 import AddClientModal from '../components/Clients/AddClientModal';
 import ClientList from '../components/Clients/ClientList';
+import Loading from '../components/Notification/Loading';
 import { UserListContext } from '../contexts';
 
 /**
@@ -33,24 +30,7 @@ const Clients = () => {
 
   return loadingUsers ? (
     <Container>
-      <Box
-        sx={{
-          marginTop: 18,
-          marginBottom: 18,
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          textAlign: 'center',
-          padding: '20px'
-        }}
-      >
-        <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
-          <Typography variant="h5" component="h2" mb={2} align="center">
-            Loading clients...
-          </Typography>
-          <LinearProgress />
-        </Paper>
-      </Box>
+      <Loading loadingItem="clients" />
     </Container>
   ) : (
     <Container>

From 84afcc323afe4e4265890f93aca053687fd86a4c Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 20 Jun 2023 12:09:31 -0700
Subject: [PATCH 111/304] Updated based on recent comments

---
 src/AppRoutes.jsx                          |  4 +-
 src/components/Form/index.js               |  3 +-
 src/components/Messages/MessageFolder.jsx  | 43 +++++++---------
 src/components/Messages/MessagePreview.jsx |  2 +-
 src/components/Messages/NewMessage.jsx     |  2 +-
 src/components/Messages/Pagination.jsx     |  6 +--
 src/components/Messages/index.js           |  3 +-
 src/components/NavBar/NavbarLinks.jsx      |  2 +-
 src/routes/{Forms.jsx => Documents.jsx}    | 10 ++--
 src/routes/Messages.jsx                    | 58 +++++++++++-----------
 src/routes/index.js                        |  4 +-
 src/utils/network/session-core.js          |  2 +-
 12 files changed, 68 insertions(+), 71 deletions(-)
 rename src/routes/{Forms.jsx => Documents.jsx} (90%)

diff --git a/src/AppRoutes.jsx b/src/AppRoutes.jsx
index ff07a304a..dd0654f3b 100644
--- a/src/AppRoutes.jsx
+++ b/src/AppRoutes.jsx
@@ -6,7 +6,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Custom Hook Imports
 import { useRedirectUrl } from './hooks';
 // Page Imports
-import { Home, Clients, Messages, Forms } from './routes';
+import { Home, Clients, Messages, Documents } from './routes';
 
 const ProtectedRoute = ({ isLoggedIn, children }) =>
   isLoggedIn ? children ?? <Outlet /> : <Navigate to="/PASS/" replace />;
@@ -52,7 +52,7 @@ const AppRoutes = () => {
       />
       <Route element={<ProtectedRoute isLoggedIn={session.info.isLoggedIn} />}>
         <Route path="/PASS/clients" element={<Clients />} />
-        <Route path="/PASS/forms" element={<Forms />} />
+        <Route path="/PASS/documents" element={<Documents />} />
         <Route path="/PASS/messages" element={<Messages />} />
         <Route path="*" element={<Navigate to={restorePath} replace />} />
       </Route>
diff --git a/src/components/Form/index.js b/src/components/Form/index.js
index 50e02dd19..54b4b8c04 100644
--- a/src/components/Form/index.js
+++ b/src/components/Form/index.js
@@ -2,7 +2,8 @@ import UploadDocumentForm from './UploadDocumentForm';
 import SetAclPermissionForm from './SetAclPermissionForm';
 import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
 /**
- * Components and functions related to Forms within project PASS
+ * Components and functions related to forms within project PASS and used for
+ * the Documents Page
  *
  * @namespace Forms
  */
diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index 56dd82480..9e71d236e 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -1,10 +1,10 @@
 // React Imports
-import React, { useState } from 'react';
+import React from 'react';
 // Styling Imports
+import Box from '@mui/material/Box';
 import { StyledButton } from './MessageStyles';
 // Component Imports
 import PaginatedMessages from './Pagination';
-import NewMessage from './NewMessage';
 
 /**
  * @typedef {import("../../typedefs.js").messageListObject} messageListObject
@@ -32,29 +32,22 @@ import NewMessage from './NewMessage';
  * @memberof Messages
  * @name MessageFolder
  * @param {messageFolderProps} Props - Component props for MessageFolder
+ * @returns {React.JSX.Element} React component for MessageFolder
  */
-
-const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList }) => {
-  const [showForm, setShowForm] = useState(false);
-
-  return (
-    <section
-      id={folderType}
-      className="panel"
-      style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}
-    >
-      <div style={{ display: 'flex', gap: '10px' }}>
-        {folderType === 'Inbox' && (
-          <StyledButton onClick={() => setShowForm(!showForm)}>New Message</StyledButton>
-        )}
-        <StyledButton onClick={() => handleRefresh(folderType)} type="button">
-          Refresh
-        </StyledButton>
-      </div>
-      {showForm && <NewMessage closeForm={() => setShowForm(!showForm)} />}
-      {loadMessages ? <div>Loading Messages...</div> : <PaginatedMessages messages={messageList} />}
-    </section>
-  );
-};
+const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList }) => (
+  <Box
+    component="section"
+    id={folderType}
+    className="panel"
+    style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}
+  >
+    <Box sx={{ display: 'flex', gap: '10px' }}>
+      <StyledButton onClick={() => handleRefresh(folderType)} type="button">
+        Refresh
+      </StyledButton>
+    </Box>
+    {loadMessages ? <div>Loading Messages...</div> : <PaginatedMessages messages={messageList} />}
+  </Box>
+);
 
 export default MessageFolder;
diff --git a/src/components/Messages/MessagePreview.jsx b/src/components/Messages/MessagePreview.jsx
index e51f5dc9a..4a2cc09c7 100644
--- a/src/components/Messages/MessagePreview.jsx
+++ b/src/components/Messages/MessagePreview.jsx
@@ -20,8 +20,8 @@ import { StyledDate, StyledHeader, StyledPreview } from './MessageStyles';
  * @memberof Inbox
  * @name MessagePreview
  * @param {messageFolderProps} Props - Component props for MessagePreview
+ * @returns {React.JSX.Element} React component for MessagePreview
  */
-
 const MessagePreview = ({ message }) => {
   const [showContents, setShowContents] = useState(false);
 
diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index e562b0f87..e3fbf5f0d 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -38,8 +38,8 @@ import { MessageContext, SignedInUserContext } from '../../contexts';
  * @memberof Inbox
  * @name NewMessage
  * @param {newMessageProps} Props - Props used for NewMessage
+ * @returns {React.JSX.Element} React component for NewMessage
  */
-
 const NewMessage = ({ closeForm }) => {
   const { session } = useSession();
   const { outboxList, setOutboxList } = useContext(MessageContext);
diff --git a/src/components/Messages/Pagination.jsx b/src/components/Messages/Pagination.jsx
index a75a46198..509728949 100644
--- a/src/components/Messages/Pagination.jsx
+++ b/src/components/Messages/Pagination.jsx
@@ -23,14 +23,14 @@ import MessagePreview from './MessagePreview';
  */
 
 /**
- * Messages Component - Component that displays messages and provides pagination
- * for inbox and outbox components.
+ * PaginatedMessages Component - Component that displays messages and provides
+ * pagination for inbox and outbox components.
  *
  * @memberof Messages
  * @name PaginatedMessages
  * @param {paginatedMessageProps} Props - The props for PaginatedMessages
+ * @returns {React.JSX.Element} React component for PaginatedMessages
  */
-
 const PaginatedMessages = ({ messages }) => {
   const [offset, setOffset] = useState(0);
   const itemsPerPage = 5;
diff --git a/src/components/Messages/index.js b/src/components/Messages/index.js
index 62dac777a..cfec57b5e 100644
--- a/src/components/Messages/index.js
+++ b/src/components/Messages/index.js
@@ -1,6 +1,7 @@
 import NewMessage from './NewMessage';
 import MessagePreview from './MessagePreview';
 import PaginatedMessages from './Pagination';
+import MessageFolder from './MessageFolder';
 
 /**
  * Components and functions related to Messages functionality within project PASS
@@ -8,4 +9,4 @@ import PaginatedMessages from './Pagination';
  * @namespace Messages
  */
 
-export { NewMessage, MessagePreview, PaginatedMessages };
+export { NewMessage, MessagePreview, PaginatedMessages, MessageFolder };
diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index f4c56d40d..a6d9bb1f3 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -31,7 +31,7 @@ const NavbarLinks = () => {
   // array of current nav links for menus
   const routesArray = [
     { label: 'Clients', path: '/PASS/clients' },
-    { label: 'Forms', path: '/PASS/forms' },
+    { label: 'Documents', path: '/PASS/documents' },
     { label: 'Messages', path: '/PASS/messages' }
   ];
 
diff --git a/src/routes/Forms.jsx b/src/routes/Documents.jsx
similarity index 90%
rename from src/routes/Forms.jsx
rename to src/routes/Documents.jsx
index 5a9a5f181..c7fd64310 100644
--- a/src/routes/Forms.jsx
+++ b/src/routes/Documents.jsx
@@ -17,13 +17,13 @@ import { SelectedUserContext, SignedInUserContext } from '../contexts';
 import DocumentTable from '../components/Documents/DocumentTable';
 
 /**
- * Forms Page - Component that generates Forms Page for PASS
+ * Documents Page - Component that generates Documents Page for PASS
  *
  * @memberof Pages
- * @name Forms
+ * @name Documents
+ * @returns {React.JSX.Element} The Documents Page
  */
-
-const Forms = () => {
+const Documents = () => {
   const location = useLocation();
 
   localStorage.setItem('restorePath', location.pathname);
@@ -67,4 +67,4 @@ const Forms = () => {
   );
 };
 
-export default Forms;
+export default Documents;
diff --git a/src/routes/Messages.jsx b/src/routes/Messages.jsx
index 429c79ae5..e907e4d65 100644
--- a/src/routes/Messages.jsx
+++ b/src/routes/Messages.jsx
@@ -4,6 +4,9 @@ import { useLocation } from 'react-router-dom';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CreateIcon from '@mui/icons-material/Create';
 import Tab from '@mui/material/Tab';
 import Tabs from '@mui/material/Tabs';
 // Utility Imports
@@ -11,7 +14,7 @@ import { getMessageTTL } from '../utils';
 // Context Imports
 import { MessageContext, SignedInUserContext } from '../contexts';
 // Component Imports
-import MessageFolder from '../components/Messages/MessageFolder';
+import { NewMessage, MessageFolder } from '../components/Messages';
 
 const routesArray = [{ label: 'Inbox' }, { label: 'Outbox' }];
 
@@ -21,9 +24,8 @@ const routesArray = [{ label: 'Inbox' }, { label: 'Outbox' }];
  *
  * @memberof Pages
  * @name Messages
- * @returns {React.JSX.Element}
+ * @returns {React.JSX.Element} The Messages Page
  */
-
 const Messages = () => {
   const location = useLocation();
 
@@ -68,35 +70,35 @@ const Messages = () => {
   }, [outboxList]);
 
   const [boxType, setBoxType] = useState('inbox');
+  const [showForm, setShowForm] = useState(false);
 
   return (
     <>
-      <Tabs value={boxType} sx={{ padding: '10px 30px' }}>
-        {routesArray.map((item) => (
-          <Tab
-            key={`${item.label}Tab`}
-            value={item.label.toLowerCase()}
-            label={item.label}
-            onClick={() => setBoxType(item.label.toLowerCase())}
-          />
-        ))}
-      </Tabs>
+      <Box sx={{ display: 'flex', padding: '20px 30px 10px' }}>
+        <Button variant="contained" onClick={() => setShowForm(!showForm)}>
+          <CreateIcon sx={{ marginRight: '10px' }} />
+          New Message
+        </Button>
+        <Tabs value={boxType} sx={{ padding: '0 30px' }}>
+          {routesArray.map((item) => (
+            <Tab
+              key={`${item.label}Tab`}
+              value={item.label.toLowerCase()}
+              label={item.label}
+              onClick={() => setBoxType(item.label.toLowerCase())}
+            />
+          ))}
+        </Tabs>
+      </Box>
+
+      {showForm && <NewMessage closeForm={() => setShowForm(!showForm)} />}
 
-      {boxType === 'inbox' ? (
-        <MessageFolder
-          folderType="Inbox"
-          handleRefresh={handleMessageRefresh}
-          loadMessages={loadMessages}
-          messageList={inboxList}
-        />
-      ) : (
-        <MessageFolder
-          folderType="Outbox"
-          handleRefresh={handleMessageRefresh}
-          loadMessages={loadMessages}
-          messageList={outboxList}
-        />
-      )}
+      <MessageFolder
+        folderType={boxType === 'inbox' ? 'Inbox' : 'Outbox'}
+        handleRefresh={handleMessageRefresh}
+        loadMessages={loadMessages}
+        messageList={boxType === 'inbox' ? inboxList : outboxList}
+      />
     </>
   );
 };
diff --git a/src/routes/index.js b/src/routes/index.js
index cec9a9f8a..74ad7affc 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -1,5 +1,5 @@
 import Clients from './Clients';
-import Forms from './Forms';
+import Documents from './Documents';
 import Home from './Home';
 import Messages from './Messages';
 
@@ -9,4 +9,4 @@ import Messages from './Messages';
  * @namespace Pages
  */
 
-export { Clients, Forms, Home, Messages };
+export { Clients, Documents, Home, Messages };
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 00ff281e7..a8922c9c3 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -170,7 +170,7 @@ export const getMessageTTL = async (session, boxType, listMessages, podUrl) => {
 
 /**
  * Function that sends a message to another user's Pod inbox as a TTL file and
- * and saves a copy in the sender's outbox
+ * saves a copy in the sender's outbox
  *
  * @memberof utils
  * @function sendMessageTTL

From 05eabb105340e9b3bd1efa24fdf562c36b57335f Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 20 Jun 2023 13:10:10 -0700
Subject: [PATCH 112/304] Refactored PaginatedMessages into MessageFolder for
 styling; Minor edits to Layout and other components stylings to fit within a
 grid

---
 src/components/Footer/Footer.jsx          |  4 +-
 src/components/Messages/MessageFolder.jsx | 82 ++++++++++++++++++-----
 src/components/Messages/Pagination.jsx    | 67 ------------------
 src/components/Messages/index.js          |  3 +-
 src/layouts/Layout.jsx                    |  9 ++-
 src/routes/Documents.jsx                  |  5 +-
 src/routes/Messages.jsx                   |  7 +-
 7 files changed, 83 insertions(+), 94 deletions(-)
 delete mode 100644 src/components/Messages/Pagination.jsx

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index fcfd061e2..eaf32295c 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -139,9 +139,11 @@ const Footer = () => {
   return (
     <Box
       component="footer"
-      mt={3}
       py={5}
       sx={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
         position: 'sticky',
         top: '100%',
         textAlign: 'center',
diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index 9e71d236e..c54a0e86e 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -1,10 +1,14 @@
 // React Imports
-import React from 'react';
+import React, { useState } from 'react';
+import ReactPaginate from 'react-paginate';
+// Other Library Imports
+import { v4 as uuidv4 } from 'uuid';
 // Styling Imports
 import Box from '@mui/material/Box';
-import { StyledButton } from './MessageStyles';
+import Button from '@mui/material/Button';
 // Component Imports
-import PaginatedMessages from './Pagination';
+import MessagePreview from './MessagePreview';
+import { PaginationContainer } from './MessageStyles';
 
 /**
  * @typedef {import("../../typedefs.js").messageListObject} messageListObject
@@ -34,20 +38,64 @@ import PaginatedMessages from './Pagination';
  * @param {messageFolderProps} Props - Component props for MessageFolder
  * @returns {React.JSX.Element} React component for MessageFolder
  */
-const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList }) => (
-  <Box
-    component="section"
-    id={folderType}
-    className="panel"
-    style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}
-  >
-    <Box sx={{ display: 'flex', gap: '10px' }}>
-      <StyledButton onClick={() => handleRefresh(folderType)} type="button">
-        Refresh
-      </StyledButton>
+const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList }) => {
+  const [offset, setOffset] = useState(0);
+  const itemsPerPage = 5;
+
+  const endOffset = offset + itemsPerPage;
+  const currentMessages = messageList.slice(offset, endOffset);
+  const pageCount = Math.ceil(messageList.length / itemsPerPage);
+
+  // Handle user changing page
+  const handlePageClick = (e) => {
+    const newOffset = (e.selected * itemsPerPage) % messageList.length;
+    setOffset(newOffset);
+  };
+
+  return (
+    <Box
+      component="section"
+      id={folderType}
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        height: '100%',
+        gap: '20px',
+        padding: '30px'
+      }}
+    >
+      <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
+        <Button
+          variant="contained"
+          onClick={() => handleRefresh(folderType)}
+          type="button"
+          sx={{ width: '100px' }}
+        >
+          Refresh
+        </Button>
+        {loadMessages ? (
+          <div>Loading messages...</div>
+        ) : (
+          currentMessages &&
+          currentMessages.map((message) => <MessagePreview key={uuidv4()} message={message} />)
+        )}
+      </Box>
+      <Box>
+        <PaginationContainer>
+          <ReactPaginate
+            breakLabel="..."
+            nextLabel="next >"
+            onPageChange={handlePageClick}
+            pageRangeDisplayed={5}
+            pageCount={pageCount}
+            previousLabel="< previous"
+            renderOnZeroPageCount={null}
+          />
+        </PaginationContainer>
+      </Box>
     </Box>
-    {loadMessages ? <div>Loading Messages...</div> : <PaginatedMessages messages={messageList} />}
-  </Box>
-);
+  );
+};
 
 export default MessageFolder;
diff --git a/src/components/Messages/Pagination.jsx b/src/components/Messages/Pagination.jsx
deleted file mode 100644
index 509728949..000000000
--- a/src/components/Messages/Pagination.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-// React Imports
-import React, { useState } from 'react';
-import ReactPaginate from 'react-paginate';
-// Other Library Imports
-import { v4 as uuidv4 } from 'uuid';
-// Styling Imports
-import { PaginationContainer } from './MessageStyles';
-// Component Imports
-import MessagePreview from './MessagePreview';
-
-/**
- * @typedef {import("../../typedefs.js").messageListObject} messageListObject
- */
-
-/**
- * messageFolderProps is an object that stores the props for the MessageFolder
- * component
- *
- * @typedef paginatedMessageProps
- * @type {object}
- * @property {messageListObject[]} messages - A list of messages from Solid Pod
- * @memberof typedefs
- */
-
-/**
- * PaginatedMessages Component - Component that displays messages and provides
- * pagination for inbox and outbox components.
- *
- * @memberof Messages
- * @name PaginatedMessages
- * @param {paginatedMessageProps} Props - The props for PaginatedMessages
- * @returns {React.JSX.Element} React component for PaginatedMessages
- */
-const PaginatedMessages = ({ messages }) => {
-  const [offset, setOffset] = useState(0);
-  const itemsPerPage = 5;
-
-  const endOffset = offset + itemsPerPage;
-  const currentMessages = messages.slice(offset, endOffset);
-  const pageCount = Math.ceil(messages.length / itemsPerPage);
-
-  // Handle user changing page
-  const handlePageClick = (e) => {
-    const newOffset = (e.selected * itemsPerPage) % messages.length;
-    setOffset(newOffset);
-  };
-
-  return (
-    <>
-      {currentMessages &&
-        currentMessages.map((message) => <MessagePreview key={uuidv4()} message={message} />)}
-      <PaginationContainer>
-        <ReactPaginate
-          breakLabel="..."
-          nextLabel="next >"
-          onPageChange={handlePageClick}
-          pageRangeDisplayed={5}
-          pageCount={pageCount}
-          previousLabel="< previous"
-          renderOnZeroPageCount={null}
-        />
-      </PaginationContainer>
-    </>
-  );
-};
-
-export default PaginatedMessages;
diff --git a/src/components/Messages/index.js b/src/components/Messages/index.js
index cfec57b5e..f05391479 100644
--- a/src/components/Messages/index.js
+++ b/src/components/Messages/index.js
@@ -1,6 +1,5 @@
 import NewMessage from './NewMessage';
 import MessagePreview from './MessagePreview';
-import PaginatedMessages from './Pagination';
 import MessageFolder from './MessageFolder';
 
 /**
@@ -9,4 +8,4 @@ import MessageFolder from './MessageFolder';
  * @namespace Messages
  */
 
-export { NewMessage, MessagePreview, PaginatedMessages, MessageFolder };
+export { NewMessage, MessagePreview, MessageFolder };
diff --git a/src/layouts/Layout.jsx b/src/layouts/Layout.jsx
index 3fc23b84a..d7e07321f 100644
--- a/src/layouts/Layout.jsx
+++ b/src/layouts/Layout.jsx
@@ -12,7 +12,14 @@ import Footer from '../components/Footer/Footer';
 const Layout = ({ ariaLabel, children }) => {
   const { session } = useSession();
   return (
-    <Box aria-label={ariaLabel} sx={{ minHeight: '100vh' }}>
+    <Box
+      aria-label={ariaLabel}
+      sx={{
+        display: 'grid',
+        gridTemplateRows: { xs: 'none', sm: '64px 1fr 280px' },
+        minHeight: '100vh'
+      }}
+    >
       <NavBar />
       {children}
       {session.info.isLoggedIn && <InactivityMessage />}
diff --git a/src/routes/Documents.jsx b/src/routes/Documents.jsx
index c7fd64310..f87413d32 100644
--- a/src/routes/Documents.jsx
+++ b/src/routes/Documents.jsx
@@ -37,7 +37,8 @@ const Documents = () => {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
-        justifyContent: 'center'
+        justifyContent: 'center',
+        margin: '30px'
       }}
     >
       <Button
@@ -47,7 +48,7 @@ const Documents = () => {
         aria-label="Clear Client Button"
         startIcon={<Remove />}
         onClick={() => setSelectedUser()}
-        sx={{ margin: '2rem 0 1rem' }}
+        sx={{ margin: '1rem 0' }}
       >
         Clear Client
       </Button>
diff --git a/src/routes/Messages.jsx b/src/routes/Messages.jsx
index e907e4d65..c05708534 100644
--- a/src/routes/Messages.jsx
+++ b/src/routes/Messages.jsx
@@ -73,7 +73,7 @@ const Messages = () => {
   const [showForm, setShowForm] = useState(false);
 
   return (
-    <>
+    <Box sx={{ display: 'grid', gridTemplateRows: '80px 1fr' }}>
       <Box sx={{ display: 'flex', padding: '20px 30px 10px' }}>
         <Button variant="contained" onClick={() => setShowForm(!showForm)}>
           <CreateIcon sx={{ marginRight: '10px' }} />
@@ -91,15 +91,14 @@ const Messages = () => {
         </Tabs>
       </Box>
 
-      {showForm && <NewMessage closeForm={() => setShowForm(!showForm)} />}
-
       <MessageFolder
         folderType={boxType === 'inbox' ? 'Inbox' : 'Outbox'}
         handleRefresh={handleMessageRefresh}
         loadMessages={loadMessages}
         messageList={boxType === 'inbox' ? inboxList : outboxList}
       />
-    </>
+      {showForm && <NewMessage closeForm={() => setShowForm(!showForm)} />}
+    </Box>
   );
 };
 

From 258abeb77c8fdb476add3fb494b1156fcc476af1 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 20 Jun 2023 13:29:48 -0700
Subject: [PATCH 113/304] Replaced full webId with text for Link to Pod Profile

---
 src/components/Clients/ClientListTableRow.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index cee29ee05..c9168f2b9 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -95,7 +95,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
           rel="noreferrer"
           style={{ textDecoration: 'none', color: theme.palette.primary.dark }}
         >
-          {client.webId}
+          Link to Pod Profile
         </Link>
       </StyledTableCell>
       <StyledTableCell align="center">{modifiedDate}</StyledTableCell>

From c16e9a29e92333a2c9ad2bbdd6b2fcec032b1ed5 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 20 Jun 2023 13:56:38 -0700
Subject: [PATCH 114/304] Add condition to set the pageCount to 1 as default if
 there's no messages

---
 src/components/Messages/MessageFolder.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index c54a0e86e..6b2ed386a 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -88,7 +88,7 @@ const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList })
             nextLabel="next >"
             onPageChange={handlePageClick}
             pageRangeDisplayed={5}
-            pageCount={pageCount}
+            pageCount={pageCount === 0 ? 1 : pageCount}
             previousLabel="< previous"
             renderOnZeroPageCount={null}
           />

From db04c96b0579e6cb4373acff30bce05571a75bb5 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 21 Jun 2023 00:44:42 -0700
Subject: [PATCH 115/304] Completing base styling

---
 src/components/Clients/AddClientModal.jsx | 104 ++++++++++++++--------
 src/components/Form/FormSection.jsx       |   2 +-
 2 files changed, 67 insertions(+), 39 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index 3b700b4f9..14e85fe64 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -7,15 +7,12 @@ import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
 import ClearIcon from '@mui/icons-material/Clear';
 import CheckIcon from '@mui/icons-material/Check';
 import FormControl from '@mui/material/FormControl';
 import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import FormHelperText from '@mui/material/FormHelperText';
-import InputLabel from '@mui/material/InputLabel';
+import Grid from '@mui/material/Grid';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 // Utility Imports
 import { ENV } from '../../constants';
 import { runNotification } from '../../utils';
@@ -150,47 +147,78 @@ const AddClientModal = ({ showModal, setShowModal }) => {
             // style={{ marginTop: '20px', marginBottom: '20px' }}
             autoComplete="off"
           >
-            {/* <DialogTitle id="dialog-tile">Add Client</DialogTitle> */}
             <FormControl fullWidth>
-              <DialogContent>Upload document to username:</DialogContent>
-              <div>
-                <InputLabel htmlFor="add-user-given-name">First/given name: </InputLabel>
-                <input id="add-user-given-name" name="addUserGivenName" {...userGivenName} />
-              </div>
-              <br />
-              <div>
-                <label htmlFor="add-user-last-name">Last/family name: </label>
-                <input id="add-user-last-name" name="addUserFamilyName" {...userFamilyName} />
-              </div>
-              <br />
-              <div>
-                <label htmlFor="add-username">username:</label>
+              <Grid container spacing={2}>
+                <Grid item xs={12} sm={6}>
+                  <TextField
+                    autoComplete="given-name"
+                    name="addUserGivenName"
+                    required
+                    fullWidth
+                    id="add-user-given-name"
+                    label="First/given name"
+                    autoFocus
+                    {...userGivenName}
+                  />
+                </Grid>
                 <br />
-                <br />
-                <input
+                <Grid item xs={12} sm={6}>
+                  <TextField
+                    required
+                    fullWidth
+                    id="add-user-last-name"
+                    label="Last/family name"
+                    name="addUserFamilyName"
+                    autoComplete="family-name"
+                    {...userFamilyName}
+                  />
+                </Grid>
+              </Grid>
+              <br />
+              <Grid item xs={12}>
+                <TextField
+                  required
+                  fullWidth
                   id="add-username"
+                  label="username"
                   name="addUsername"
+                  autoComplete="username"
                   size="25"
                   value={username}
                   onChange={(e) => wrappedSetUsername(e.target.value)}
                 />
-              </div>
+              </Grid>
             </FormControl>
             <br />
-            <label htmlFor="add-webId">
-              WebId:
-              <br />
-              <input
-                id="add-webId"
-                name="addWebId"
-                size="25"
-                type="text"
-                value={webId}
-                onChange={(e) => {
-                  setWebId(e.target.value);
-                }}
-              />
-            </label>
+            <br />
+            <Grid container spacing={2}>
+              <Grid item xs={12} sm={6}>
+                <TextField
+                  fullWidth
+                  id="add-webId"
+                  // label="webid"
+                  name="addWebId"
+                  autoComplete="webid"
+                  size="25"
+                  type="text"
+                  value={webId}
+                  onChange={(e) => {
+                    setWebId(e.target.value);
+                  }}
+                  placeholder="WebId"
+                  readOnly
+                  InputProps={{
+                    readOnly: true
+                  }}
+                />
+                <Grid container spacing={1}>
+                  <Button variant="text" startIcon={<ContentCopyIcon />}>
+                    Copy
+                  </Button>
+                </Grid>
+              </Grid>
+            </Grid>
+            Link copied!
             <br />
             <DialogActions>
               <Button
@@ -203,10 +231,10 @@ const AddClientModal = ({ showModal, setShowModal }) => {
               </Button>
               <Button
                 variant="outlined"
-                color="success"
+                color="primary"
                 endIcon={<CheckIcon />}
                 // onClick={() => setShowModal(false)}
-                sx={{ marginLeft: '1rem' }}
+                // sx={{ marginLeft: '1rem' }}
                 type="submit"
                 disabled={state.processing}
               >
diff --git a/src/components/Form/FormSection.jsx b/src/components/Form/FormSection.jsx
index 808d79088..2f484c09b 100644
--- a/src/components/Form/FormSection.jsx
+++ b/src/components/Form/FormSection.jsx
@@ -34,7 +34,7 @@ const FormSection = ({ title, state, statusType, defaultMessage, children }) =>
       }}
     >
       <Paper
-        elevation={2}
+        elevation={0}
         sx={{ display: 'inline-block', mx: '2px', padding: '20px', minWidth: '300px' }}
       >
         <Typography

From 6b738d7ada074f0fb6f905ed763dab6d4b420140 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 01:39:35 -0700
Subject: [PATCH 116/304] Created new Profile page; Modified NavMenu and
 NavbarLinks to use Profile to navigate to /PASS/profile; Included new path to
 /PASS/profile in AppRoutes

---
 src/AppRoutes.jsx                     |   3 +-
 src/components/NavBar/NavMenu.jsx     |  21 +++--
 src/components/NavBar/NavbarLinks.jsx |   2 +-
 src/routes/Profile.jsx                | 106 ++++++++++++++++++++++++++
 src/routes/index.js                   |   3 +-
 5 files changed, 121 insertions(+), 14 deletions(-)
 create mode 100644 src/routes/Profile.jsx

diff --git a/src/AppRoutes.jsx b/src/AppRoutes.jsx
index dd0654f3b..b6f990eb0 100644
--- a/src/AppRoutes.jsx
+++ b/src/AppRoutes.jsx
@@ -6,7 +6,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Custom Hook Imports
 import { useRedirectUrl } from './hooks';
 // Page Imports
-import { Home, Clients, Messages, Documents } from './routes';
+import { Home, Clients, Messages, Documents, Profile } from './routes';
 
 const ProtectedRoute = ({ isLoggedIn, children }) =>
   isLoggedIn ? children ?? <Outlet /> : <Navigate to="/PASS/" replace />;
@@ -54,6 +54,7 @@ const AppRoutes = () => {
         <Route path="/PASS/clients" element={<Clients />} />
         <Route path="/PASS/documents" element={<Documents />} />
         <Route path="/PASS/messages" element={<Messages />} />
+        <Route path="/PASS/profile" element={<Profile />} />
         <Route path="*" element={<Navigate to={restorePath} replace />} />
       </Route>
     </Routes>
diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index d8cebdaf5..5698713fc 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -1,7 +1,6 @@
 // React Imports
 import React from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
+import { NavLink } from 'react-router-dom';
 // Material UI Imports
 import AccountCircle from '@mui/icons-material/AccountCircle';
 import Button from '@mui/material/Button';
@@ -12,6 +11,7 @@ import MenuItem from '@mui/material/MenuItem';
 import MenuList from '@mui/material/MenuList';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 import SettingsIcon from '@mui/icons-material/Settings';
+import { useTheme } from '@mui/material/styles';
 
 /**
  * NavMenu Component - Component that generates NavMenu section for PASS
@@ -21,7 +21,7 @@ import SettingsIcon from '@mui/icons-material/Settings';
  */
 
 const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShowConfirmation }) => {
-  const { session } = useSession();
+  const theme = useTheme();
 
   const handleMenuClose = () => {
     setOpenMenu(false);
@@ -53,14 +53,13 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
           </Button>
         </MenuItem>
         <MenuItem>
-          <Button
-            variant="text"
-            startIcon={<AccountCircle />}
-            href={session.info.webId}
-            target="_blank"
-            rel="noreferrer"
-          >
-            Profile
+          <Button variant="text" startIcon={<AccountCircle />}>
+            <NavLink
+              to="/PASS/profile"
+              style={{ textDecoration: 'none', color: theme.palette.primary.main }}
+            >
+              Profile
+            </NavLink>
           </Button>
         </MenuItem>
         <Divider />
diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index a6d9bb1f3..2cbb123c7 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -105,7 +105,7 @@ const NavbarLinks = () => {
 
       {/* will show on larger screen (tablet/desktop view) */}
       <Tabs
-        value={location}
+        value={location === 'profile' ? false : location}
         textColor="inherit"
         indicatorColor="secondary"
         aria-label="tabs"
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
new file mode 100644
index 000000000..7a72cf45e
--- /dev/null
+++ b/src/routes/Profile.jsx
@@ -0,0 +1,106 @@
+// React Imports
+import React, { useState } from 'react';
+import { useLocation } from 'react-router-dom';
+// Inrupt Imports
+import {
+  buildThing,
+  getStringNoLocale,
+  getThing,
+  getWebIdDataset,
+  saveSolidDatasetAt,
+  setThing
+} from '@inrupt/solid-client';
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Input from '@mui/material/Input';
+import Typography from '@mui/material/Typography';
+// Constants Imports
+import { RDF_PREDICATES } from '../constants';
+
+const Profile = () => {
+  const location = useLocation();
+  const { session } = useSession();
+
+  localStorage.setItem('restorePath', location.pathname);
+
+  const [profileName, setProfileName] = useState('');
+  const [editProfileName, setEditProfileName] = useState(false);
+
+  const fetchProfileInfo = async () => {
+    const profileDataset = await getWebIdDataset(session.info.webId);
+    const profileThing = getThing(profileDataset, session.info.webId);
+
+    const name = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+    if (typeof name === 'object') {
+      setProfileName('No name has been set');
+    } else {
+      setProfileName(name);
+    }
+  };
+
+  const handleEditProfileName = () => {
+    setEditProfileName(!editProfileName);
+  };
+
+  const handleUpdateProfileName = async (event) => {
+    event.preventDefault();
+    let profileDataset = await getWebIdDataset(session.info.webId);
+    let profileThing = getThing(profileDataset, session.info.webId);
+    const name = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+
+    if (typeof name === 'object') {
+      profileThing = buildThing(profileThing)
+        .addStringNoLocale(RDF_PREDICATES.profileName, profileName)
+        .build();
+    } else {
+      profileThing = buildThing(profileThing)
+        .setStringNoLocale(RDF_PREDICATES.profileName, profileName)
+        .build();
+    }
+
+    profileDataset = setThing(profileDataset, profileThing);
+
+    await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+    setEditProfileName(false);
+  };
+
+  return (
+    <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
+      <Button variant="contained" type="button" onClick={fetchProfileInfo} sx={{ width: '150px' }}>
+        Get Profile
+      </Button>
+      <Box>
+        <form onSubmit={handleUpdateProfileName} style={{ display: 'flex', gap: '10px' }}>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+            {editProfileName ? (
+              <>
+                <Typography>Name: </Typography>
+                <Input
+                  value={profileName}
+                  placeholder={profileName}
+                  onChange={(e) => setProfileName(e.target.value)}
+                />
+              </>
+            ) : (
+              <Typography>Name: {profileName}</Typography>
+            )}
+            {profileName && (
+              <Button variant="outlined" type="button" onClick={handleEditProfileName}>
+                {editProfileName ? 'Cancel' : 'Edit'}
+              </Button>
+            )}
+          </Box>
+          {profileName && editProfileName && (
+            <Button variant="outlined" type="submit">
+              Update
+            </Button>
+          )}
+        </form>
+      </Box>
+    </Box>
+  );
+};
+
+export default Profile;
diff --git a/src/routes/index.js b/src/routes/index.js
index 74ad7affc..a88824b18 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -2,6 +2,7 @@ import Clients from './Clients';
 import Documents from './Documents';
 import Home from './Home';
 import Messages from './Messages';
+import Profile from './Profile';
 
 /**
  * The main pages in PASS
@@ -9,4 +10,4 @@ import Messages from './Messages';
  * @namespace Pages
  */
 
-export { Clients, Documents, Home, Messages };
+export { Clients, Documents, Home, Messages, Profile };

From 2f1225c5a8919f39e8796e5aa812b46b00b4a49d Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 02:25:04 -0700
Subject: [PATCH 117/304] Moved helper functions for fetching and updating
 profile card into session-core; Included line for user WebId in Profile Page

---
 src/routes/Profile.jsx            | 70 +++++++++++++++----------------
 src/utils/network/session-core.js | 67 ++++++++++++++++++++++++++++-
 2 files changed, 100 insertions(+), 37 deletions(-)

diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 7a72cf45e..1d931ad28 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -2,23 +2,24 @@
 import React, { useState } from 'react';
 import { useLocation } from 'react-router-dom';
 // Inrupt Imports
-import {
-  buildThing,
-  getStringNoLocale,
-  getThing,
-  getWebIdDataset,
-  saveSolidDatasetAt,
-  setThing
-} from '@inrupt/solid-client';
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Input from '@mui/material/Input';
+import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
-// Constants Imports
-import { RDF_PREDICATES } from '../constants';
+// Utility Imports
+import { fetchProfileInfo, updateProfileInfo } from '../utils';
 
+/**
+ * Profile Page - Page that displays the user's profile card information and
+ * allow users to edit/update them on PASS
+ *
+ * @memberof Pages
+ * @name Profile
+ * @returns {React.JSX.Element} The Profile Page
+ */
 const Profile = () => {
   const location = useLocation();
   const { session } = useSession();
@@ -28,15 +29,13 @@ const Profile = () => {
   const [profileName, setProfileName] = useState('');
   const [editProfileName, setEditProfileName] = useState(false);
 
-  const fetchProfileInfo = async () => {
-    const profileDataset = await getWebIdDataset(session.info.webId);
-    const profileThing = getThing(profileDataset, session.info.webId);
+  const handleGetProfileInfo = async () => {
+    const profileObject = await fetchProfileInfo(session);
 
-    const name = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
-    if (typeof name === 'object') {
+    if (profileObject.name === null) {
       setProfileName('No name has been set');
     } else {
-      setProfileName(name);
+      setProfileName(profileObject.name);
     }
   };
 
@@ -44,35 +43,36 @@ const Profile = () => {
     setEditProfileName(!editProfileName);
   };
 
-  const handleUpdateProfileName = async (event) => {
+  const handleUpdateProfile = async (event) => {
     event.preventDefault();
-    let profileDataset = await getWebIdDataset(session.info.webId);
-    let profileThing = getThing(profileDataset, session.info.webId);
-    const name = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+    const profileData = await fetchProfileInfo(session);
 
-    if (typeof name === 'object') {
-      profileThing = buildThing(profileThing)
-        .addStringNoLocale(RDF_PREDICATES.profileName, profileName)
-        .build();
-    } else {
-      profileThing = buildThing(profileThing)
-        .setStringNoLocale(RDF_PREDICATES.profileName, profileName)
-        .build();
-    }
+    const updateObject = {
+      name: profileName
+    };
+    await updateProfileInfo(session, profileData, updateObject);
 
-    profileDataset = setThing(profileDataset, profileThing);
-
-    await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
     setEditProfileName(false);
   };
 
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
-      <Button variant="contained" type="button" onClick={fetchProfileInfo} sx={{ width: '150px' }}>
+      <Button
+        variant="contained"
+        type="button"
+        onClick={handleGetProfileInfo}
+        sx={{ width: '150px' }}
+      >
         Get Profile
       </Button>
-      <Box>
-        <form onSubmit={handleUpdateProfileName} style={{ display: 'flex', gap: '10px' }}>
+      <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
+        <Typography>
+          User WebId: <Link href={session.info.webId}>{session.info.webId}</Link>
+        </Typography>
+
+        {/* TODO: Refactor/optimize the form below once we have more input */}
+        {/* fields to update profile for */}
+        <form onSubmit={handleUpdateProfile} style={{ display: 'flex', gap: '10px' }}>
           <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
             {editProfileName ? (
               <>
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index a8922c9c3..b2c624cfd 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -1,5 +1,16 @@
-import { createContainerAt, getSolidDataset, getThingAll, getFile } from '@inrupt/solid-client';
-import { INTERACTION_TYPES } from '../../constants';
+import {
+  createContainerAt,
+  getSolidDataset,
+  getThingAll,
+  getFile,
+  getThing,
+  getWebIdDataset,
+  getStringNoLocale,
+  buildThing,
+  setThing,
+  saveSolidDatasetAt
+} from '@inrupt/solid-client';
+import { INTERACTION_TYPES, RDF_PREDICATES } from '../../constants';
 import {
   getContainerUrl,
   setDocAclForUser,
@@ -293,3 +304,55 @@ export const getBlobFromSolid = async (session, fileUrl) => {
   const fileBlob = await getFile(fileUrl, { fetch: session.fetch });
   return URL.createObjectURL(fileBlob);
 };
+
+/**
+ * A function fetches the user's profile information from their webId's profile
+ * card
+ *
+ * @function fetchProfileInfo
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @returns {Promise<object>} Object - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ */
+export const fetchProfileInfo = async (session) => {
+  const profileDataset = await getWebIdDataset(session.info.webId);
+  const profileThing = getThing(profileDataset, session.info.webId);
+
+  const name = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+
+  // TODO: include more fields to the object like organization, address, etc.
+  // when expanding this feature
+  return { name, profileDataset, profileThing };
+};
+
+/**
+ * A function fetches the user's profile information from their webId's profile
+ * card
+ *
+ * @function updateProfileInfo
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {object} profileData - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ * @param {object} updateObject - The object containing inputs for updating
+ * profile information on their profile card
+ * @returns {Promise} Promise - Performs action to update profile card on the
+ * user's profile card
+ */
+export const updateProfileInfo = async (session, profileData, updateObject) => {
+  let { profileDataset, profileThing } = profileData;
+  const { name } = profileData;
+
+  if (name === null) {
+    profileThing = buildThing(profileThing)
+      .addStringNoLocale(RDF_PREDICATES.profileName, updateObject.name)
+      .build();
+  } else {
+    profileThing = buildThing(profileThing)
+      .setStringNoLocale(RDF_PREDICATES.profileName, updateObject.name)
+      .build();
+  }
+
+  profileDataset = setThing(profileDataset, profileThing);
+
+  await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+};

From a1a0d8a9aa23a71fad064b3e5bc127a367b97988 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 02:49:40 -0700
Subject: [PATCH 118/304] Include row for organization in Profile

---
 src/constants/rdf_predicates.js   |  3 +-
 src/routes/Profile.jsx            | 90 +++++++++++++++++++++++--------
 src/utils/network/session-core.js |  5 +-
 3 files changed, 73 insertions(+), 25 deletions(-)

diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index f839c7e6f..4e14c4467 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -24,7 +24,8 @@ const RDF_PREDICATES = {
   sender: 'https://schema.org/sender',
   profileName: 'http://xmlns.com/foaf/0.1/name',
   sha256: 'https://schema.org/sha256',
-  accountablePerson: 'https://schema.org/accountablePerson'
+  accountablePerson: 'https://schema.org/accountablePerson',
+  organization: 'http://xmlns.com/foaf/0.1/Organization'
 };
 
 export default RDF_PREDICATES;
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 1d931ad28..0a0ef18a1 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -27,16 +27,24 @@ const Profile = () => {
   localStorage.setItem('restorePath', location.pathname);
 
   const [profileName, setProfileName] = useState('');
+  const [organization, setOrganization] = useState('');
   const [editProfileName, setEditProfileName] = useState(false);
+  const [editOrganization, setEditOrganization] = useState(false);
 
   const handleGetProfileInfo = async () => {
     const profileObject = await fetchProfileInfo(session);
 
-    if (profileObject.name === null) {
-      setProfileName('No name has been set');
+    if (profileObject.profileInfo.name === null) {
+      setProfileName('No name set');
     } else {
       setProfileName(profileObject.name);
     }
+
+    if (profileObject.profileInfo.organization === null) {
+      setOrganization('No organization set');
+    } else {
+      setOrganization(profileObject.organization);
+    }
   };
 
   const handleEditProfileName = () => {
@@ -48,13 +56,18 @@ const Profile = () => {
     const profileData = await fetchProfileInfo(session);
 
     const updateObject = {
-      name: profileName
+      name: profileName,
+      organization
     };
     await updateProfileInfo(session, profileData, updateObject);
 
     setEditProfileName(false);
   };
 
+  const handleEditOrganization = () => {
+    setEditOrganization(!editOrganization);
+  };
+
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
       <Button
@@ -72,31 +85,62 @@ const Profile = () => {
 
         {/* TODO: Refactor/optimize the form below once we have more input */}
         {/* fields to update profile for */}
-        <form onSubmit={handleUpdateProfile} style={{ display: 'flex', gap: '10px' }}>
+        <form
+          onSubmit={handleUpdateProfile}
+          style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}
+        >
           <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-            {editProfileName ? (
-              <>
-                <Typography>Name: </Typography>
-                <Input
-                  value={profileName}
-                  placeholder={profileName}
-                  onChange={(e) => setProfileName(e.target.value)}
-                />
-              </>
-            ) : (
-              <Typography>Name: {profileName}</Typography>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+              {editProfileName ? (
+                <>
+                  <Typography>Name: </Typography>
+                  <Input
+                    value={profileName}
+                    placeholder={profileName}
+                    onChange={(e) => setProfileName(e.target.value)}
+                  />
+                </>
+              ) : (
+                <Typography>Name: {profileName}</Typography>
+              )}
+              {profileName && (
+                <Button variant="outlined" type="button" onClick={handleEditProfileName}>
+                  {editProfileName ? 'Cancel' : 'Edit'}
+                </Button>
+              )}
+            </Box>
+            {profileName && editProfileName && (
+              <Button variant="outlined" type="submit">
+                Update
+              </Button>
             )}
-            {profileName && (
-              <Button variant="outlined" type="button" onClick={handleEditProfileName}>
-                {editProfileName ? 'Cancel' : 'Edit'}
+          </Box>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+              {editOrganization ? (
+                <>
+                  <Typography>Organization: </Typography>
+                  <Input
+                    value={organization}
+                    placeholder={organization}
+                    onChange={(e) => setOrganization(e.target.value)}
+                  />
+                </>
+              ) : (
+                <Typography>Organization: {organization}</Typography>
+              )}
+              {profileName && (
+                <Button variant="outlined" type="button" onClick={handleEditOrganization}>
+                  {editOrganization ? 'Cancel' : 'Edit'}
+                </Button>
+              )}
+            </Box>
+            {organization && editOrganization && (
+              <Button variant="outlined" type="submit">
+                Update
               </Button>
             )}
           </Box>
-          {profileName && editProfileName && (
-            <Button variant="outlined" type="submit">
-              Update
-            </Button>
-          )}
         </form>
       </Box>
     </Box>
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index b2c624cfd..a6ed63c6e 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -319,10 +319,13 @@ export const fetchProfileInfo = async (session) => {
   const profileThing = getThing(profileDataset, session.info.webId);
 
   const name = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+  const organization = getStringNoLocale(profileThing, RDF_PREDICATES.organization);
+
+  const profileInfo = { name, organization };
 
   // TODO: include more fields to the object like organization, address, etc.
   // when expanding this feature
-  return { name, profileDataset, profileThing };
+  return { profileInfo, profileDataset, profileThing };
 };
 
 /**

From 3fe30a6958f14ef4b4b4e71b0d160f6b270c8852 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 21 Jun 2023 13:14:28 -0700
Subject: [PATCH 119/304] Preparing as a draft for review

---
 src/components/Clients/AddClientModal.jsx | 179 ++++++++++------------
 1 file changed, 78 insertions(+), 101 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index 14e85fe64..f28947605 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -3,16 +3,14 @@ import React, { useContext, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
-import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
+import CheckIcon from '@mui/icons-material/Check';
+import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
-import ClearIcon from '@mui/icons-material/Clear';
-import CheckIcon from '@mui/icons-material/Check';
 import FormControl from '@mui/material/FormControl';
-import TextField from '@mui/material/TextField';
 import Grid from '@mui/material/Grid';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import TextField from '@mui/material/TextField';
 // Utility Imports
 import { ENV } from '../../constants';
 import { runNotification } from '../../utils';
@@ -25,11 +23,11 @@ import { UserListContext } from '../../contexts';
 import FormSection from '../Form/FormSection';
 
 /**
- * AddClient Component - Component that allows users to add other user's
+ * AddClientModal Component - Component that allows users to add other user's
  * Pod URLs from a user's list stored on their own Pod
  *
- * @memberof Forms
- * @name AddClient
+ * @memberof Clients
+ * @name AddClientModal
  */
 
 const renderWebId = (username) => {
@@ -141,108 +139,87 @@ const AddClientModal = ({ showModal, setShowModal }) => {
         statusType="Status"
         defaultMessage="To be added..."
       >
-        <Box display="flex" justifyContent="center">
-          <form
-            onSubmit={handleAddClient}
-            // style={{ marginTop: '20px', marginBottom: '20px' }}
-            autoComplete="off"
-          >
-            <FormControl fullWidth>
-              <Grid container spacing={2}>
-                <Grid item xs={12} sm={6}>
-                  <TextField
-                    autoComplete="given-name"
-                    name="addUserGivenName"
-                    required
-                    fullWidth
-                    id="add-user-given-name"
-                    label="First/given name"
-                    autoFocus
-                    {...userGivenName}
-                  />
-                </Grid>
-                <br />
-                <Grid item xs={12} sm={6}>
-                  <TextField
-                    required
-                    fullWidth
-                    id="add-user-last-name"
-                    label="Last/family name"
-                    name="addUserFamilyName"
-                    autoComplete="family-name"
-                    {...userFamilyName}
-                  />
-                </Grid>
-              </Grid>
-              <br />
-              <Grid item xs={12}>
+        <Grid container>
+          <form onSubmit={handleAddClient} autoComplete="off">
+            <Grid item>
+              <FormControl fullWidth>
                 <TextField
+                  autoComplete="given-name"
+                  name="addUserGivenName"
                   required
                   fullWidth
-                  id="add-username"
-                  label="username"
-                  name="addUsername"
-                  autoComplete="username"
-                  size="25"
-                  value={username}
-                  onChange={(e) => wrappedSetUsername(e.target.value)}
+                  id="add-user-given-name"
+                  label="First/given name"
+                  autoFocus
+                  {...userGivenName}
                 />
-              </Grid>
-            </FormControl>
+              </FormControl>
+            </Grid>
             <br />
+            <Grid item>
+              <TextField
+                required
+                fullWidth
+                id="add-user-last-name"
+                label="Last/family name"
+                name="addUserFamilyName"
+                autoComplete="family-name"
+                {...userFamilyName}
+              />
+            </Grid>
             <br />
-            <Grid container spacing={2}>
-              <Grid item xs={12} sm={6}>
-                <TextField
-                  fullWidth
-                  id="add-webId"
-                  // label="webid"
-                  name="addWebId"
-                  autoComplete="webid"
-                  size="25"
-                  type="text"
-                  value={webId}
-                  onChange={(e) => {
-                    setWebId(e.target.value);
-                  }}
-                  placeholder="WebId"
-                  readOnly
-                  InputProps={{
-                    readOnly: true
-                  }}
-                />
-                <Grid container spacing={1}>
-                  <Button variant="text" startIcon={<ContentCopyIcon />}>
-                    Copy
-                  </Button>
-                </Grid>
-              </Grid>
+            <Grid item xs={12}>
+              <TextField
+                required
+                fullWidth
+                id="add-username"
+                label="username"
+                name="addUsername"
+                autoComplete="username"
+                value={username}
+                onChange={(e) => wrappedSetUsername(e.target.value)}
+              />
             </Grid>
-            Link copied!
             <br />
-            <DialogActions>
-              <Button
-                variant="outlined"
-                color="error"
-                endIcon={<ClearIcon />}
-                // onClick={() => setShowModal(false)}
-              >
-                CANCEL
-              </Button>
-              <Button
-                variant="outlined"
-                color="primary"
-                endIcon={<CheckIcon />}
-                // onClick={() => setShowModal(false)}
-                // sx={{ marginLeft: '1rem' }}
-                type="submit"
-                disabled={state.processing}
-              >
-                ADD CLIENT
-              </Button>
-            </DialogActions>
+            <Grid item xs={12}>
+              <TextField
+                fullWidth
+                id="add-webId"
+                name="addWebId"
+                autoComplete="webid"
+                type="text"
+                value={webId}
+                onChange={(e) => {
+                  setWebId(e.target.value);
+                }}
+                placeholder="WebId"
+              />
+            </Grid>
+            <br />
+            <Grid>
+              <DialogActions>
+                <Button
+                  variant="outlined"
+                  color="error"
+                  endIcon={<ClearIcon />}
+                  onClick={() => setShowModal(false)}
+                >
+                  CANCEL
+                </Button>
+                <Button
+                  variant="contained"
+                  color="primary"
+                  endIcon={<CheckIcon />}
+                  // onClick={() => setShowModal(false)}
+                  type="submit"
+                  disabled={state.processing}
+                >
+                  ADD CLIENT
+                </Button>
+              </DialogActions>
+            </Grid>
           </form>
-        </Box>
+        </Grid>
       </FormSection>
     </Dialog>
   );

From 4ccc3b6f198f5df911b56aca7bed16fe244b9117 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 21 Jun 2023 13:39:47 -0700
Subject: [PATCH 120/304] rename Loading component to LoadingAnimation

---
 src/components/Documents/DocumentTable.jsx                | 4 ++--
 .../Notification/{Loading.jsx => LoadingAnimation.jsx}    | 8 ++++----
 src/routes/Clients.jsx                                    | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)
 rename src/components/Notification/{Loading.jsx => LoadingAnimation.jsx} (83%)

diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index 1a6afd31e..f90f32ea3 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -11,7 +11,7 @@ import Paper from '@mui/material/Paper';
 import { DocumentListContext } from '../../contexts';
 import { StyledTableCell } from '../Table/TableStyles';
 import DocumentTableRow from './DocumentTableRow';
-import Loading from '../Notification/Loading';
+import LoadingAnimation from '../Notification/LoadingAnimation';
 
 /**
  * DocumentTable Component - Displays a table containing all documents accessible in a pod
@@ -33,7 +33,7 @@ const DocumentTable = () => {
   ];
 
   return loadingDocuments ? (
-    <Loading loadingItem="documents" />
+    <LoadingAnimation loadingItem="documents" />
   ) : (
     <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
       <Table aria-label="Documents Table">
diff --git a/src/components/Notification/Loading.jsx b/src/components/Notification/LoadingAnimation.jsx
similarity index 83%
rename from src/components/Notification/Loading.jsx
rename to src/components/Notification/LoadingAnimation.jsx
index 707e03dca..707fa15ee 100644
--- a/src/components/Notification/Loading.jsx
+++ b/src/components/Notification/LoadingAnimation.jsx
@@ -7,16 +7,16 @@ import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 
 /**
- * Loading Component - Displays a div containing title of what is being
+ * LoadingAnimation Component - Displays a div containing title of what is being
  * loaded and an animated loading progress bar. Must pass loadingItem attribute
  * as a string of the "title" of what is being loaded.
  *
  * @memberof Notification
- * @name Loading
+ * @name LoadingAnimation
  * @returns {React.ReactElement} a div of what is currently loading
  */
 
-const Loading = ({ loadingItem }) => (
+const LoadingAnimation = ({ loadingItem }) => (
   <Box
     sx={{
       marginTop: 18,
@@ -37,4 +37,4 @@ const Loading = ({ loadingItem }) => (
   </Box>
 );
 
-export default Loading;
+export default LoadingAnimation;
diff --git a/src/routes/Clients.jsx b/src/routes/Clients.jsx
index 1d5ca1bf6..b45d35dc2 100644
--- a/src/routes/Clients.jsx
+++ b/src/routes/Clients.jsx
@@ -9,7 +9,7 @@ import Container from '@mui/material/Container';
 // Component Imports
 import AddClientModal from '../components/Clients/AddClientModal';
 import ClientList from '../components/Clients/ClientList';
-import Loading from '../components/Notification/Loading';
+import LoadingAnimation from '../components/Notification/LoadingAnimation';
 import { UserListContext } from '../contexts';
 
 /**
@@ -30,7 +30,7 @@ const Clients = () => {
 
   return loadingUsers ? (
     <Container>
-      <Loading loadingItem="clients" />
+      <LoadingAnimation loadingItem="clients" />
     </Container>
   ) : (
     <Container>

From 59bb948852af75088a0f60a55721ee2a0055405a Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 21 Jun 2023 14:10:56 -0700
Subject: [PATCH 121/304] Added placeholder text when on documents exist

---
 src/components/Documents/DocumentTable.jsx    | 27 ++++++++++++++++---
 src/components/Documents/DocumentTableRow.jsx |  2 +-
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index f90f32ea3..cca11a5ae 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -1,11 +1,14 @@
 // React Imports
 import React, { useContext } from 'react';
 // Material UI Imports
+import Box from '@mui/material/Box';
+import Container from '@mui/material/Container';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
+import Typography from '@mui/material/Typography';
 import Paper from '@mui/material/Paper';
 // Component Imports
 import { DocumentListContext } from '../../contexts';
@@ -32,9 +35,8 @@ const DocumentTable = () => {
     'Delete'
   ];
 
-  return loadingDocuments ? (
-    <LoadingAnimation loadingItem="documents" />
-  ) : (
+  const determineDocumentsTable = documentListObject?.docList?.length ? (
+    // render if documents
     <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
       <Table aria-label="Documents Table">
         <TableHead>
@@ -53,7 +55,26 @@ const DocumentTable = () => {
         </TableBody>
       </Table>
     </TableContainer>
+  ) : (
+    // render if no documents
+    <Container>
+      <Box
+        sx={{
+          marginTop: 3,
+          minWidth: 120,
+          display: 'flex',
+          flexDirection: 'column'
+        }}
+      >
+        <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
+          Upload documents to your list
+        </Typography>
+      </Box>
+    </Container>
   );
+
+  // MAIN RETURN OF FUNCTION
+  return loadingDocuments ? <LoadingAnimation loadingItem="documents" /> : determineDocumentsTable;
 };
 
 export default DocumentTable;
diff --git a/src/components/Documents/DocumentTableRow.jsx b/src/components/Documents/DocumentTableRow.jsx
index 79c6eff6b..3f75eb865 100644
--- a/src/components/Documents/DocumentTableRow.jsx
+++ b/src/components/Documents/DocumentTableRow.jsx
@@ -53,7 +53,7 @@ const DocumentTableRow = ({ document }) => {
       <StyledTableCell align="center">
         {uploadDate ? uploadDate.toDateString() : ''}
       </StyledTableCell>
-      <StyledTableCell align="center">{endDate ? endDate.toDateString() : ''}</StyledTableCell>
+      <StyledTableCell align="center">{endDate ? endDate.toDateString() : 'N/A'}</StyledTableCell>
       <StyledTableCell align="center">
         <IconButton type="button" onClick={() => handleShowDocumentLocal(fileUrl)}>
           <FileOpenIcon />

From f15cb5b46e82398505206030c23cf3c4be1b065f Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 14:25:03 -0700
Subject: [PATCH 122/304] Refactored page to fetch data if profileName is set
 to initial value; Refactored input fields for Profile into ProfileInputFields
 in components

---
 src/components/Profile/ProfileInputField.jsx |  44 +++++++
 src/routes/Profile.jsx                       | 124 +++++++------------
 2 files changed, 86 insertions(+), 82 deletions(-)
 create mode 100644 src/components/Profile/ProfileInputField.jsx

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
new file mode 100644
index 000000000..15b1577df
--- /dev/null
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Input from '@mui/material/Input';
+import Typography from '@mui/material/Typography';
+
+const ProfileInputField = ({
+  inputName,
+  inputValue,
+  editInputValue,
+  setInputValue,
+  handleEditInput
+}) => (
+  <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+    <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+      {editInputValue ? (
+        <>
+          <Typography>{inputName}: </Typography>
+          <Input
+            value={inputValue}
+            placeholder={inputValue}
+            onChange={(e) => setInputValue(e.target.value)}
+          />
+        </>
+      ) : (
+        <Typography>
+          {inputName}: {inputValue}
+        </Typography>
+      )}
+      {inputValue && (
+        <Button variant="outlined" type="button" onClick={handleEditInput}>
+          {editInputValue ? 'Cancel' : 'Edit'}
+        </Button>
+      )}
+    </Box>
+    {inputValue && editInputValue && (
+      <Button variant="outlined" type="submit">
+        Update
+      </Button>
+    )}
+  </Box>
+);
+
+export default ProfileInputField;
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 0a0ef18a1..b9737f01a 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -1,16 +1,16 @@
 // React Imports
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Input from '@mui/material/Input';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
 import { fetchProfileInfo, updateProfileInfo } from '../utils';
+// Component Inputs
+import ProfileInputField from '../components/Profile/ProfileInputField';
 
 /**
  * Profile Page - Page that displays the user's profile card information and
@@ -31,26 +31,14 @@ const Profile = () => {
   const [editProfileName, setEditProfileName] = useState(false);
   const [editOrganization, setEditOrganization] = useState(false);
 
-  const handleGetProfileInfo = async () => {
-    const profileObject = await fetchProfileInfo(session);
-
-    if (profileObject.profileInfo.name === null) {
-      setProfileName('No name set');
-    } else {
-      setProfileName(profileObject.name);
-    }
-
-    if (profileObject.profileInfo.organization === null) {
-      setOrganization('No organization set');
-    } else {
-      setOrganization(profileObject.organization);
-    }
-  };
-
   const handleEditProfileName = () => {
     setEditProfileName(!editProfileName);
   };
 
+  const handleEditOrganization = () => {
+    setEditOrganization(!editOrganization);
+  };
+
   const handleUpdateProfile = async (event) => {
     event.preventDefault();
     const profileData = await fetchProfileInfo(session);
@@ -64,20 +52,30 @@ const Profile = () => {
     setEditProfileName(false);
   };
 
-  const handleEditOrganization = () => {
-    setEditOrganization(!editOrganization);
-  };
+  useEffect(() => {
+    const fetchProfileData = async () => {
+      const profileObject = await fetchProfileInfo(session);
+
+      if (profileObject.profileInfo.name === null) {
+        setProfileName('No name set');
+      } else {
+        setProfileName(profileObject.name);
+      }
+
+      if (profileObject.profileInfo.organization === null) {
+        setOrganization('No organization set');
+      } else {
+        setOrganization(profileObject.organization);
+      }
+    };
+
+    if (profileName === '') {
+      fetchProfileData();
+    }
+  }, [profileName]);
 
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
-      <Button
-        variant="contained"
-        type="button"
-        onClick={handleGetProfileInfo}
-        sx={{ width: '150px' }}
-      >
-        Get Profile
-      </Button>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
         <Typography>
           User WebId: <Link href={session.info.webId}>{session.info.webId}</Link>
@@ -89,58 +87,20 @@ const Profile = () => {
           onSubmit={handleUpdateProfile}
           style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}
         >
-          <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-            <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-              {editProfileName ? (
-                <>
-                  <Typography>Name: </Typography>
-                  <Input
-                    value={profileName}
-                    placeholder={profileName}
-                    onChange={(e) => setProfileName(e.target.value)}
-                  />
-                </>
-              ) : (
-                <Typography>Name: {profileName}</Typography>
-              )}
-              {profileName && (
-                <Button variant="outlined" type="button" onClick={handleEditProfileName}>
-                  {editProfileName ? 'Cancel' : 'Edit'}
-                </Button>
-              )}
-            </Box>
-            {profileName && editProfileName && (
-              <Button variant="outlined" type="submit">
-                Update
-              </Button>
-            )}
-          </Box>
-          <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-            <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-              {editOrganization ? (
-                <>
-                  <Typography>Organization: </Typography>
-                  <Input
-                    value={organization}
-                    placeholder={organization}
-                    onChange={(e) => setOrganization(e.target.value)}
-                  />
-                </>
-              ) : (
-                <Typography>Organization: {organization}</Typography>
-              )}
-              {profileName && (
-                <Button variant="outlined" type="button" onClick={handleEditOrganization}>
-                  {editOrganization ? 'Cancel' : 'Edit'}
-                </Button>
-              )}
-            </Box>
-            {organization && editOrganization && (
-              <Button variant="outlined" type="submit">
-                Update
-              </Button>
-            )}
-          </Box>
+          <ProfileInputField
+            inputName="Name"
+            inputValue={profileName}
+            editInputValue={editProfileName}
+            setInputValue={setProfileName}
+            handleEditInput={handleEditProfileName}
+          />
+          <ProfileInputField
+            inputName="Organization"
+            inputValue={organization}
+            editInputValue={editOrganization}
+            setInputValue={setOrganization}
+            handleEditInput={handleEditOrganization}
+          />
         </form>
       </Box>
     </Box>

From 621ec8bf161070409a2dcf04164968fefcd66708 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 14:27:53 -0700
Subject: [PATCH 123/304] Fixed the correct call to profileInfo object when
 setting input values

---
 src/routes/Profile.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index b9737f01a..efabcafbb 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -59,13 +59,13 @@ const Profile = () => {
       if (profileObject.profileInfo.name === null) {
         setProfileName('No name set');
       } else {
-        setProfileName(profileObject.name);
+        setProfileName(profileObject.profileInfo.name);
       }
 
       if (profileObject.profileInfo.organization === null) {
         setOrganization('No organization set');
       } else {
-        setOrganization(profileObject.organization);
+        setOrganization(profileObject.profileInfo.organization);
       }
     };
 

From 8e20042f96ecf5ff1949d30854664acee1b6b6c0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 14:31:38 -0700
Subject: [PATCH 124/304] Changed Link to open new window for webId

---
 src/routes/Profile.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index efabcafbb..22d61594a 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -78,7 +78,10 @@ const Profile = () => {
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
         <Typography>
-          User WebId: <Link href={session.info.webId}>{session.info.webId}</Link>
+          User WebId:{' '}
+          <Link href={session.info.webId} target="_blank" rel="noreferrer">
+            {session.info.webId}
+          </Link>
         </Typography>
 
         {/* TODO: Refactor/optimize the form below once we have more input */}

From 1bb83fc39b79b14311a482a5280e7ebf27570cef Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 21 Jun 2023 14:55:00 -0700
Subject: [PATCH 125/304] styling the placeholder message

---
 src/components/Clients/ClientList.jsx      | 22 ++++----
 src/components/Documents/DocumentTable.jsx | 59 +++++++++++-----------
 src/routes/Documents.jsx                   |  5 +-
 3 files changed, 40 insertions(+), 46 deletions(-)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index b92f2fee2..83a905419 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -3,6 +3,7 @@ import React, { useContext } from 'react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
+import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 // Context Imports
 import { UserListContext } from '../../contexts';
@@ -25,18 +26,15 @@ const ClientList = () => {
     <ClientListTable statusType="Status" defaultMessage="No actions performed" />
   ) : (
     // render if no clients
-    <Container>
-      <Box
-        sx={{
-          marginTop: 3,
-          minWidth: 120,
-          display: 'flex',
-          flexDirection: 'column'
-        }}
-      >
-        <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
-          Add clients to your list
-        </Typography>
+    <Container sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+      <Box sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
+        <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
+          <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
+            No clients found.
+            <br />
+            Added clients will be listed here.
+          </Typography>
+        </Paper>
       </Box>
     </Container>
   );
diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index cca11a5ae..f3fa2b678 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -3,13 +3,13 @@ import React, { useContext } from 'react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
+import Paper from '@mui/material/Paper';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 import Typography from '@mui/material/Typography';
-import Paper from '@mui/material/Paper';
 // Component Imports
 import { DocumentListContext } from '../../contexts';
 import { StyledTableCell } from '../Table/TableStyles';
@@ -37,38 +37,37 @@ const DocumentTable = () => {
 
   const determineDocumentsTable = documentListObject?.docList?.length ? (
     // render if documents
-    <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
-      <Table aria-label="Documents Table">
-        <TableHead>
-          <TableRow>
-            {columnTitlesArray.map((columnTitle) => (
-              <StyledTableCell key={columnTitle} align="center">
-                {columnTitle}
-              </StyledTableCell>
+    <Container>
+      <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
+        <Table aria-label="Documents Table">
+          <TableHead>
+            <TableRow>
+              {columnTitlesArray.map((columnTitle) => (
+                <StyledTableCell key={columnTitle} align="center">
+                  {columnTitle}
+                </StyledTableCell>
+              ))}
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {documentListObject?.docList.map((document) => (
+              <DocumentTableRow key={document.name} document={document} />
             ))}
-          </TableRow>
-        </TableHead>
-        <TableBody>
-          {documentListObject?.docList.map((document) => (
-            <DocumentTableRow key={document.name} document={document} />
-          ))}
-        </TableBody>
-      </Table>
-    </TableContainer>
+          </TableBody>
+        </Table>
+      </TableContainer>
+    </Container>
   ) : (
     // render if no documents
-    <Container>
-      <Box
-        sx={{
-          marginTop: 3,
-          minWidth: 120,
-          display: 'flex',
-          flexDirection: 'column'
-        }}
-      >
-        <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
-          Upload documents to your list
-        </Typography>
+    <Container sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+      <Box sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
+        <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
+          <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
+            No documents found.
+            <br />
+            Uploaded documents will be listed here.
+          </Typography>
+        </Paper>
       </Box>
     </Container>
   );
diff --git a/src/routes/Documents.jsx b/src/routes/Documents.jsx
index f87413d32..f73c085ba 100644
--- a/src/routes/Documents.jsx
+++ b/src/routes/Documents.jsx
@@ -2,7 +2,6 @@
 import React, { useContext } from 'react';
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
-import Container from '@mui/material/Container';
 import Button from '@mui/material/Button';
 import Remove from '@mui/icons-material/Remove';
 import Box from '@mui/material/Box';
@@ -59,9 +58,7 @@ const Documents = () => {
       )}
 
       <UploadDocumentForm />
-      <Container>
-        <DocumentTable />
-      </Container>
+      <DocumentTable />
       <SetAclPermsDocContainerForm />
       <SetAclPermissionForm />
     </Box>

From d0d904f0435ccf1ca5f0bafe1ddc63e2d44a0b60 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 21 Jun 2023 16:37:44 -0700
Subject: [PATCH 126/304] pull out EmptyListNotification into it's own
 component

---
 src/components/Clients/ClientList.jsx         | 24 ++++--------
 src/components/Documents/DocumentTable.jsx    | 18 ++-------
 .../Notification/EmptyListNotification.jsx    | 39 +++++++++++++++++++
 3 files changed, 50 insertions(+), 31 deletions(-)
 create mode 100644 src/components/Notification/EmptyListNotification.jsx

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index 83a905419..f2342f46a 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -1,14 +1,11 @@
 // React Imports
 import React, { useContext } from 'react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Container from '@mui/material/Container';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
 // Context Imports
 import { UserListContext } from '../../contexts';
 // Component Imports
 import ClientListTable from './ClientListTable';
+import EmptyListNotification from '../Notification/EmptyListNotification';
+import LoadingAnimation from '../Notification/LoadingAnimation';
 
 /**
  * ClientList Component - Component that generates ClientList section for PASS
@@ -20,24 +17,17 @@ import ClientListTable from './ClientListTable';
 
 const ClientList = () => {
   const { userListObject } = useContext(UserListContext);
+  const { loadingUsers } = useContext(UserListContext);
 
-  return userListObject.userList?.length ? (
+  const determineClientListTable = userListObject.userList?.length ? (
     // render if clients
     <ClientListTable statusType="Status" defaultMessage="No actions performed" />
   ) : (
     // render if no clients
-    <Container sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-      <Box sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
-        <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
-          <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
-            No clients found.
-            <br />
-            Added clients will be listed here.
-          </Typography>
-        </Paper>
-      </Box>
-    </Container>
+    <EmptyListNotification type="clients" />
   );
+
+  return loadingUsers ? <LoadingAnimation loadingItem="clients" /> : determineClientListTable;
 };
 
 export default ClientList;
diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index f3fa2b678..efd8c1a42 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -1,7 +1,6 @@
 // React Imports
 import React, { useContext } from 'react';
 // Material UI Imports
-import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
 import Paper from '@mui/material/Paper';
 import Table from '@mui/material/Table';
@@ -9,11 +8,11 @@ import TableBody from '@mui/material/TableBody';
 import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
-import Typography from '@mui/material/Typography';
 // Component Imports
 import { DocumentListContext } from '../../contexts';
 import { StyledTableCell } from '../Table/TableStyles';
 import DocumentTableRow from './DocumentTableRow';
+import EmptyListNotification from '../Notification/EmptyListNotification';
 import LoadingAnimation from '../Notification/LoadingAnimation';
 
 /**
@@ -23,6 +22,7 @@ import LoadingAnimation from '../Notification/LoadingAnimation';
  * @name DocumentTable
  * @returns {React.ReactElement} a table of documents
  */
+
 const DocumentTable = () => {
   const { documentListObject, loadingDocuments } = useContext(DocumentListContext);
   const columnTitlesArray = [
@@ -59,20 +59,10 @@ const DocumentTable = () => {
     </Container>
   ) : (
     // render if no documents
-    <Container sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-      <Box sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
-        <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
-          <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
-            No documents found.
-            <br />
-            Uploaded documents will be listed here.
-          </Typography>
-        </Paper>
-      </Box>
-    </Container>
+    <EmptyListNotification type="documents" />
   );
 
-  // MAIN RETURN OF FUNCTION
+  // MAIN RETURN OF COMPONENT
   return loadingDocuments ? <LoadingAnimation loadingItem="documents" /> : determineDocumentsTable;
 };
 
diff --git a/src/components/Notification/EmptyListNotification.jsx b/src/components/Notification/EmptyListNotification.jsx
new file mode 100644
index 000000000..f63448f0f
--- /dev/null
+++ b/src/components/Notification/EmptyListNotification.jsx
@@ -0,0 +1,39 @@
+// React Imports
+import React from 'react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Container from '@mui/material/Container';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+
+/**
+ * EmptyListNotification Component - Component
+ * that displays a message to the user letting
+ * them know their data list is empty, and thus
+ * nothing is being rendered.
+ *
+ * @memberof Notification
+ * @name EmptyListNotification
+ */
+
+const EmptyListNotification = ({ type }) => {
+  const str1 = `No ${type} found.`;
+  const str2 = type === 'clients' ? 'Added' : 'Uploaded';
+  const str3 = `${str2} ${type} will be listed here.`;
+
+  return (
+    <Container sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+      <Box sx={{ my: '3rem' }}>
+        <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
+          <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
+            {str1}
+            <br />
+            {str3}
+          </Typography>
+        </Paper>
+      </Box>
+    </Container>
+  );
+};
+
+export default EmptyListNotification;

From 1dc5eb91f3d957842187df2c365c824f73de058d Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 21 Jun 2023 16:38:48 -0700
Subject: [PATCH 127/304] Moving LoadingAnimation from beginning of Clients.jsx
 page -> ClientList.jsx component

---
 src/components/Notification/LoadingAnimation.jsx |  3 +--
 src/routes/Clients.jsx                           | 12 ++----------
 2 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/components/Notification/LoadingAnimation.jsx b/src/components/Notification/LoadingAnimation.jsx
index 707fa15ee..df2c8aafd 100644
--- a/src/components/Notification/LoadingAnimation.jsx
+++ b/src/components/Notification/LoadingAnimation.jsx
@@ -19,8 +19,7 @@ import Typography from '@mui/material/Typography';
 const LoadingAnimation = ({ loadingItem }) => (
   <Box
     sx={{
-      marginTop: 18,
-      marginBottom: 18,
+      my: '3rem',
       display: 'flex',
       flexDirection: 'column',
       alignItems: 'center',
diff --git a/src/routes/Clients.jsx b/src/routes/Clients.jsx
index b45d35dc2..7deacb67c 100644
--- a/src/routes/Clients.jsx
+++ b/src/routes/Clients.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useState, useContext } from 'react';
+import React, { useState } from 'react';
 // React Router Imports
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
@@ -9,8 +9,6 @@ import Container from '@mui/material/Container';
 // Component Imports
 import AddClientModal from '../components/Clients/AddClientModal';
 import ClientList from '../components/Clients/ClientList';
-import LoadingAnimation from '../components/Notification/LoadingAnimation';
-import { UserListContext } from '../contexts';
 
 /**
  * Clients Component - Component that generates Clients Page for PASS
@@ -23,16 +21,10 @@ const Clients = () => {
   // state for AddClientModal component
   const [showModal, setShowModal] = useState(false);
 
-  const { loadingUsers } = useContext(UserListContext);
-
   const location = useLocation();
   localStorage.setItem('restorePath', location.pathname);
 
-  return loadingUsers ? (
-    <Container>
-      <LoadingAnimation loadingItem="clients" />
-    </Container>
-  ) : (
+  return (
     <Container>
       <Button
         variant="contained"

From 25391bafc20616f4a694b3e0c67580d4fe812583 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 21 Jun 2023 16:49:02 -0700
Subject: [PATCH 128/304] add better comments

---
 src/components/Clients/ClientList.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index f2342f46a..d6e1d7576 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -27,6 +27,7 @@ const ClientList = () => {
     <EmptyListNotification type="clients" />
   );
 
+  // MAIN RETURN OF COMPONENT
   return loadingUsers ? <LoadingAnimation loadingItem="clients" /> : determineClientListTable;
 };
 

From eb5b6241f39dc5068df06f8deba7d4ccab62ca26 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 17:28:45 -0700
Subject: [PATCH 129/304] Updated handler functions for fetching and updating
 data on profile card; Updated updateProfileInfo to remove fields that
 contains empty strings

---
 src/components/Profile/ProfileInputField.jsx | 17 ++++----
 src/routes/Profile.jsx                       | 43 ++++++++++++--------
 src/utils/network/session-core.js            | 31 ++++++++------
 3 files changed, 56 insertions(+), 35 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 15b1577df..754c8e8d0 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -9,7 +9,8 @@ const ProfileInputField = ({
   inputValue,
   editInputValue,
   setInputValue,
-  handleEditInput
+  handleEditInput,
+  handleCancelEdit
 }) => (
   <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
     <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
@@ -27,13 +28,15 @@ const ProfileInputField = ({
           {inputName}: {inputValue}
         </Typography>
       )}
-      {inputValue && (
-        <Button variant="outlined" type="button" onClick={handleEditInput}>
-          {editInputValue ? 'Cancel' : 'Edit'}
-        </Button>
-      )}
+      <Button
+        variant="outlined"
+        type="button"
+        onClick={editInputValue ? handleCancelEdit : handleEditInput}
+      >
+        {editInputValue ? 'Cancel' : 'Edit'}
+      </Button>
     </Box>
-    {inputValue && editInputValue && (
+    {editInputValue && (
       <Button variant="outlined" type="submit">
         Update
       </Button>
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 22d61594a..cf3b07689 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -39,6 +39,22 @@ const Profile = () => {
     setEditOrganization(!editOrganization);
   };
 
+  const fetchProfileData = async () => {
+    const profileObject = await fetchProfileInfo(session);
+
+    if (profileObject.profileInfo.name !== null) {
+      setProfileName(profileObject.profileInfo.name);
+    } else {
+      setProfileName('No name set');
+    }
+
+    if (profileObject.profileInfo.organization !== null) {
+      setOrganization(profileObject.profileInfo.organization);
+    } else {
+      setOrganization('No organization set');
+    }
+  };
+
   const handleUpdateProfile = async (event) => {
     event.preventDefault();
     const profileData = await fetchProfileInfo(session);
@@ -49,31 +65,24 @@ const Profile = () => {
     };
     await updateProfileInfo(session, profileData, updateObject);
 
+    fetchProfileData();
     setEditProfileName(false);
+    setEditOrganization(false);
   };
 
   useEffect(() => {
-    const fetchProfileData = async () => {
-      const profileObject = await fetchProfileInfo(session);
-
-      if (profileObject.profileInfo.name === null) {
-        setProfileName('No name set');
-      } else {
-        setProfileName(profileObject.profileInfo.name);
-      }
-
-      if (profileObject.profileInfo.organization === null) {
-        setOrganization('No organization set');
-      } else {
-        setOrganization(profileObject.profileInfo.organization);
-      }
-    };
-
     if (profileName === '') {
       fetchProfileData();
     }
   }, [profileName]);
 
+  const handleCancelEdit = () => {
+    fetchProfileData();
+
+    setEditProfileName(false);
+    setEditOrganization(false);
+  };
+
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
@@ -96,6 +105,7 @@ const Profile = () => {
             editInputValue={editProfileName}
             setInputValue={setProfileName}
             handleEditInput={handleEditProfileName}
+            handleCancelEdit={handleCancelEdit}
           />
           <ProfileInputField
             inputName="Organization"
@@ -103,6 +113,7 @@ const Profile = () => {
             editInputValue={editOrganization}
             setInputValue={setOrganization}
             handleEditInput={handleEditOrganization}
+            handleCancelEdit={handleCancelEdit}
           />
         </form>
       </Box>
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index a6ed63c6e..6da6c352c 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -8,7 +8,8 @@ import {
   getStringNoLocale,
   buildThing,
   setThing,
-  saveSolidDatasetAt
+  saveSolidDatasetAt,
+  removeStringNoLocale
 } from '@inrupt/solid-client';
 import { INTERACTION_TYPES, RDF_PREDICATES } from '../../constants';
 import {
@@ -343,17 +344,23 @@ export const fetchProfileInfo = async (session) => {
  */
 export const updateProfileInfo = async (session, profileData, updateObject) => {
   let { profileDataset, profileThing } = profileData;
-  const { name } = profileData;
-
-  if (name === null) {
-    profileThing = buildThing(profileThing)
-      .addStringNoLocale(RDF_PREDICATES.profileName, updateObject.name)
-      .build();
-  } else {
-    profileThing = buildThing(profileThing)
-      .setStringNoLocale(RDF_PREDICATES.profileName, updateObject.name)
-      .build();
-  }
+  const { profileInfo } = profileData;
+  Object.keys(profileInfo).forEach((key) => {
+    if (updateObject[key] === '') {
+      profileThing = removeStringNoLocale(
+        profileThing,
+        key === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[key],
+        profileInfo[key]
+      );
+    } else {
+      profileThing = buildThing(profileThing)
+        .setStringNoLocale(
+          key === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[key],
+          updateObject[key]
+        )
+        .build();
+    }
+  });
 
   profileDataset = setThing(profileDataset, profileThing);
 

From b8726ef7aee8789784efaf53c56e33f5947a51ba Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 17:58:45 -0700
Subject: [PATCH 130/304] Switch initial state to for input fields to null to
 allow for empty strings; Changed updateProfileInfo to target one field at a
 time

---
 src/components/Profile/ProfileInputField.jsx |  6 +---
 src/routes/Profile.jsx                       | 22 +++++++-----
 src/utils/network/session-core.js            | 38 ++++++++++----------
 3 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 754c8e8d0..80cc9a18a 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -17,11 +17,7 @@ const ProfileInputField = ({
       {editInputValue ? (
         <>
           <Typography>{inputName}: </Typography>
-          <Input
-            value={inputValue}
-            placeholder={inputValue}
-            onChange={(e) => setInputValue(e.target.value)}
-          />
+          <Input value={inputValue} onChange={(e) => setInputValue(e.target.value)} />
         </>
       ) : (
         <Typography>
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index cf3b07689..7e823ec43 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -26,8 +26,8 @@ const Profile = () => {
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const [profileName, setProfileName] = useState('');
-  const [organization, setOrganization] = useState('');
+  const [profileName, setProfileName] = useState(null);
+  const [organization, setOrganization] = useState(null);
   const [editProfileName, setEditProfileName] = useState(false);
   const [editOrganization, setEditOrganization] = useState(false);
 
@@ -58,12 +58,18 @@ const Profile = () => {
   const handleUpdateProfile = async (event) => {
     event.preventDefault();
     const profileData = await fetchProfileInfo(session);
+    let inputValue;
+    let inputField;
+
+    if (editProfileName) {
+      inputValue = profileName;
+      inputField = 'name';
+    } else if (editOrganization) {
+      inputValue = organization;
+      inputField = 'organization';
+    }
 
-    const updateObject = {
-      name: profileName,
-      organization
-    };
-    await updateProfileInfo(session, profileData, updateObject);
+    await updateProfileInfo(session, profileData, inputField, inputValue);
 
     fetchProfileData();
     setEditProfileName(false);
@@ -71,7 +77,7 @@ const Profile = () => {
   };
 
   useEffect(() => {
-    if (profileName === '') {
+    if (profileName === null) {
       fetchProfileData();
     }
   }, [profileName]);
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 6da6c352c..adf111b07 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -337,30 +337,30 @@ export const fetchProfileInfo = async (session) => {
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {object} profileData - The object containing the information related
  * to the person on their profile card, the profile dataset, and the profile Thing
- * @param {object} updateObject - The object containing inputs for updating
- * profile information on their profile card
+ * @param {string} inputField - String about which input field to update
+ * @param {object} updateInputValue - The input for updating profile information
+ * on their profile card
  * @returns {Promise} Promise - Performs action to update profile card on the
  * user's profile card
  */
-export const updateProfileInfo = async (session, profileData, updateObject) => {
+export const updateProfileInfo = async (session, profileData, inputField, updateInputValue) => {
   let { profileDataset, profileThing } = profileData;
   const { profileInfo } = profileData;
-  Object.keys(profileInfo).forEach((key) => {
-    if (updateObject[key] === '') {
-      profileThing = removeStringNoLocale(
-        profileThing,
-        key === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[key],
-        profileInfo[key]
-      );
-    } else {
-      profileThing = buildThing(profileThing)
-        .setStringNoLocale(
-          key === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[key],
-          updateObject[key]
-        )
-        .build();
-    }
-  });
+
+  if (updateInputValue === '') {
+    profileThing = removeStringNoLocale(
+      profileThing,
+      inputField === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[inputField],
+      profileInfo[inputField]
+    );
+  } else {
+    profileThing = buildThing(profileThing)
+      .setStringNoLocale(
+        inputField === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[inputField],
+        updateInputValue
+      )
+      .build();
+  }
 
   profileDataset = setThing(profileDataset, profileThing);
 

From 0913cffb777b86352432fe97cf6f3572e3c98cfa Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 18:21:32 -0700
Subject: [PATCH 131/304] Switched to using profileName instead of name for
 profile name; Included JSDoc for new components

---
 src/components/Profile/ProfileInputField.jsx | 25 ++++++++++++++++++++
 src/routes/Profile.jsx                       |  6 ++---
 src/utils/network/session-core.js            | 11 ++++-----
 3 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 80cc9a18a..653e0718e 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -4,6 +4,31 @@ import Button from '@mui/material/Button';
 import Input from '@mui/material/Input';
 import Typography from '@mui/material/Typography';
 
+/**
+ * messageFolderProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @typedef profileInputFieldProps
+ * @type {object}
+ * @property {string} inputName - Name of input field
+ * @property {string} inputValue - Value of input field used for updating profile
+ * @property {boolean} editInputValue - Boolean for editing input value
+ * @property {React.Dispatch<React.SetStateAction<null>>} setInputValue - Set
+ * function for inputValue
+ * @property {() => void} handleEditInput - Handler function for editing input
+ * @property {() => void} handleCancelEdit - Handler function for cancelling edit
+ * @memberof typedefs
+ */
+
+/**
+ * New Message Component - Component that allows user to write
+ *  a message to another user from their inbox
+ *
+ * @memberof Inbox
+ * @name ProfileInputField
+ * @param {profileInputFieldProps} Props - Props used for NewMessage
+ * @returns {React.JSX.Element} React component for NewMessage
+ */
 const ProfileInputField = ({
   inputName,
   inputValue,
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 7e823ec43..3ab67b349 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -42,8 +42,8 @@ const Profile = () => {
   const fetchProfileData = async () => {
     const profileObject = await fetchProfileInfo(session);
 
-    if (profileObject.profileInfo.name !== null) {
-      setProfileName(profileObject.profileInfo.name);
+    if (profileObject.profileInfo.profileName !== null) {
+      setProfileName(profileObject.profileInfo.profileName);
     } else {
       setProfileName('No name set');
     }
@@ -63,7 +63,7 @@ const Profile = () => {
 
     if (editProfileName) {
       inputValue = profileName;
-      inputField = 'name';
+      inputField = 'profileName';
     } else if (editOrganization) {
       inputValue = organization;
       inputField = 'organization';
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index adf111b07..6b3b2cef1 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -319,10 +319,10 @@ export const fetchProfileInfo = async (session) => {
   const profileDataset = await getWebIdDataset(session.info.webId);
   const profileThing = getThing(profileDataset, session.info.webId);
 
-  const name = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+  const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
   const organization = getStringNoLocale(profileThing, RDF_PREDICATES.organization);
 
-  const profileInfo = { name, organization };
+  const profileInfo = { profileName, organization };
 
   // TODO: include more fields to the object like organization, address, etc.
   // when expanding this feature
@@ -350,15 +350,12 @@ export const updateProfileInfo = async (session, profileData, inputField, update
   if (updateInputValue === '') {
     profileThing = removeStringNoLocale(
       profileThing,
-      inputField === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[inputField],
+      RDF_PREDICATES[inputField],
       profileInfo[inputField]
     );
   } else {
     profileThing = buildThing(profileThing)
-      .setStringNoLocale(
-        inputField === 'name' ? RDF_PREDICATES.profileName : RDF_PREDICATES[inputField],
-        updateInputValue
-      )
+      .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
       .build();
   }
 

From 9d33571a42c213bfe0ed9264ccf3f05038149ce6 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 18:23:51 -0700
Subject: [PATCH 132/304] Correcting type for set function

---
 src/components/Profile/ProfileInputField.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 653e0718e..fddedc858 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -13,7 +13,7 @@ import Typography from '@mui/material/Typography';
  * @property {string} inputName - Name of input field
  * @property {string} inputValue - Value of input field used for updating profile
  * @property {boolean} editInputValue - Boolean for editing input value
- * @property {React.Dispatch<React.SetStateAction<null>>} setInputValue - Set
+ * @property {(value: React.SetStateAction<null>) => void} setInputValue - Set
  * function for inputValue
  * @property {() => void} handleEditInput - Handler function for editing input
  * @property {() => void} handleCancelEdit - Handler function for cancelling edit

From 9bc476c1c6a620ee4ebcf204ac22b0f9f9942b2f Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 18:47:17 -0700
Subject: [PATCH 133/304] Including comments for imports

---
 src/components/Profile/ProfileInputField.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index fddedc858..dd484fb9f 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -1,4 +1,6 @@
+// React Imports
 import React from 'react';
+// Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Input from '@mui/material/Input';

From a1d207eb2883bbcc0632ec312c043bb46c311d3e Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 19:05:32 -0700
Subject: [PATCH 134/304] Add unit test for fetchProfileInfo using a dummy
 account as webId

---
 test/utils/session-core.test.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index fc2b91b94..b5fddb81c 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -4,6 +4,7 @@ import {
   createInbox,
   createOutbox,
   createPublicContainer,
+  fetchProfileInfo,
   getBlobFromSolid
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
@@ -138,3 +139,26 @@ describe('getBlobFromSolid', () => {
     expect(result).toBe('mock-url');
   });
 });
+
+describe('fetchProfileInfo', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: 'https://newtestuser2.opencommons.net/profile/card#me'
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('returns', async () => {
+    const results = await fetchProfileInfo(session);
+
+    expect(results).toHaveProperty('profileInfo.profileName');
+    expect(results).toHaveProperty('profileInfo.organization');
+    expect(results).toHaveProperty('profileDataset');
+    expect(results).toHaveProperty('profileThing');
+  });
+});

From 1696b5bcc6d209b08b51602e3799ac1186c3b71d Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 21 Jun 2023 19:07:01 -0700
Subject: [PATCH 135/304] Corrected unit test prompt for fetchProfileInfo

---
 test/utils/session-core.test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index b5fddb81c..2e5161086 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -153,7 +153,7 @@ describe('fetchProfileInfo', () => {
     vi.clearAllMocks();
   });
 
-  it('returns', async () => {
+  it('returns expected properties for profileData object', async () => {
     const results = await fetchProfileInfo(session);
 
     expect(results).toHaveProperty('profileInfo.profileName');

From c6eadbe663d2d28922d873c9a801fe283428da49 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 21 Jun 2023 19:14:58 -0700
Subject: [PATCH 136/304] Adding the 2 latest components to Notifications Index
 and importing correctly

---
 src/components/Clients/ClientList.jsx      |  3 +--
 src/components/Documents/DocumentTable.jsx |  3 +--
 src/components/Notification/index.js       | 12 ++++++++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index d6e1d7576..7002ad5f2 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -4,8 +4,7 @@ import React, { useContext } from 'react';
 import { UserListContext } from '../../contexts';
 // Component Imports
 import ClientListTable from './ClientListTable';
-import EmptyListNotification from '../Notification/EmptyListNotification';
-import LoadingAnimation from '../Notification/LoadingAnimation';
+import { EmptyListNotification, LoadingAnimation } from '../Notification';
 
 /**
  * ClientList Component - Component that generates ClientList section for PASS
diff --git a/src/components/Documents/DocumentTable.jsx b/src/components/Documents/DocumentTable.jsx
index efd8c1a42..38fe57816 100644
--- a/src/components/Documents/DocumentTable.jsx
+++ b/src/components/Documents/DocumentTable.jsx
@@ -12,8 +12,7 @@ import TableRow from '@mui/material/TableRow';
 import { DocumentListContext } from '../../contexts';
 import { StyledTableCell } from '../Table/TableStyles';
 import DocumentTableRow from './DocumentTableRow';
-import EmptyListNotification from '../Notification/EmptyListNotification';
-import LoadingAnimation from '../Notification/LoadingAnimation';
+import { EmptyListNotification, LoadingAnimation } from '../Notification';
 
 /**
  * DocumentTable Component - Displays a table containing all documents accessible in a pod
diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js
index 73d708017..255916e80 100644
--- a/src/components/Notification/index.js
+++ b/src/components/Notification/index.js
@@ -1,6 +1,8 @@
+import EmptyListNotification from './EmptyListNotification';
+import InactivityMessage from './InactivityMessage';
+import LoadingAnimation from './LoadingAnimation';
 import StatusMessage from './StatusMessage';
 import StatusNotification from './StatusNotification';
-import InactivityMessage from './InactivityMessage';
 
 /**
  * Components and functions related to Status Notification functionality within
@@ -9,4 +11,10 @@ import InactivityMessage from './InactivityMessage';
  * @namespace Notifications
  */
 
-export { StatusMessage, StatusNotification, InactivityMessage };
+export {
+  EmptyListNotification,
+  InactivityMessage,
+  LoadingAnimation,
+  StatusMessage,
+  StatusNotification
+};

From 630f4785295dc194b003c7103f23f49925c91fe9 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 21 Jun 2023 19:23:28 -0700
Subject: [PATCH 137/304] Removing Grid

---
 src/components/Clients/AddClientModal.jsx | 155 ++++++++++------------
 1 file changed, 73 insertions(+), 82 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index f28947605..0efde55d0 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -9,7 +9,6 @@ import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import FormControl from '@mui/material/FormControl';
-import Grid from '@mui/material/Grid';
 import TextField from '@mui/material/TextField';
 // Utility Imports
 import { ENV } from '../../constants';
@@ -139,87 +138,79 @@ const AddClientModal = ({ showModal, setShowModal }) => {
         statusType="Status"
         defaultMessage="To be added..."
       >
-        <Grid container>
-          <form onSubmit={handleAddClient} autoComplete="off">
-            <Grid item>
-              <FormControl fullWidth>
-                <TextField
-                  autoComplete="given-name"
-                  name="addUserGivenName"
-                  required
-                  fullWidth
-                  id="add-user-given-name"
-                  label="First/given name"
-                  autoFocus
-                  {...userGivenName}
-                />
-              </FormControl>
-            </Grid>
-            <br />
-            <Grid item>
-              <TextField
-                required
-                fullWidth
-                id="add-user-last-name"
-                label="Last/family name"
-                name="addUserFamilyName"
-                autoComplete="family-name"
-                {...userFamilyName}
-              />
-            </Grid>
-            <br />
-            <Grid item xs={12}>
-              <TextField
-                required
-                fullWidth
-                id="add-username"
-                label="username"
-                name="addUsername"
-                autoComplete="username"
-                value={username}
-                onChange={(e) => wrappedSetUsername(e.target.value)}
-              />
-            </Grid>
-            <br />
-            <Grid item xs={12}>
-              <TextField
-                fullWidth
-                id="add-webId"
-                name="addWebId"
-                autoComplete="webid"
-                type="text"
-                value={webId}
-                onChange={(e) => {
-                  setWebId(e.target.value);
-                }}
-                placeholder="WebId"
-              />
-            </Grid>
-            <br />
-            <Grid>
-              <DialogActions>
-                <Button
-                  variant="outlined"
-                  color="error"
-                  endIcon={<ClearIcon />}
-                  onClick={() => setShowModal(false)}
-                >
-                  CANCEL
-                </Button>
-                <Button
-                  variant="contained"
-                  color="primary"
-                  endIcon={<CheckIcon />}
-                  // onClick={() => setShowModal(false)}
-                  type="submit"
-                  disabled={state.processing}
-                >
-                  ADD CLIENT
-                </Button>
-              </DialogActions>
-            </Grid>
-          </form>
-        </Grid>
+        <form onSubmit={handleAddClient} autoComplete="off">
+          <FormControl fullWidth>
+            <TextField
+              autoComplete="given-name"
+              name="addUserGivenName"
+              required
+              fullWidth
+              id="add-user-given-name"
+              label="First/given name"
+              autoFocus
+              {...userGivenName}
+            />
+          </FormControl>
+          <br />
+          <br />
+          <TextField
+            required
+            fullWidth
+            id="add-user-last-name"
+            label="Last/family name"
+            name="addUserFamilyName"
+            autoComplete="family-name"
+            {...userFamilyName}
+          />
+          <br />
+          <br />
+          <TextField
+            required
+            fullWidth
+            id="add-username"
+            label="username"
+            name="addUsername"
+            autoComplete="username"
+            value={username}
+            onChange={(e) => wrappedSetUsername(e.target.value)}
+          />
+          <br />
+          <br />
+          <TextField
+            fullWidth
+            id="add-webId"
+            name="addWebId"
+            autoComplete="webid"
+            type="text"
+            value={webId}
+            onChange={(e) => {
+              setWebId(e.target.value);
+            }}
+            placeholder="WebId"
+          />
+          <br />
+          <br />
+          <DialogActions>
+            <Button
+              variant="outlined"
+              color="error"
+              endIcon={<ClearIcon />}
+              onClick={() => setShowModal(false)}
+            >
+              CANCEL
+            </Button>
+            <Button
+              variant="contained"
+              color="primary"
+              endIcon={<CheckIcon />}
+              // onClick={() => setShowModal(false)}
+              type="submit"
+              disabled={state.processing}
+            >
+              ADD CLIENT
+            </Button>
+          </DialogActions>
+        </form>
       </FormSection>
     </Dialog>
   );

From 354fac5065d466a17769ef68e22da5d4f1f8d679 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 21 Jun 2023 20:02:26 -0700
Subject: [PATCH 138/304] Removing redundant containers

---
 src/components/Clients/AddClientModal.jsx |  3 ++
 src/components/Form/FormSection.jsx       | 55 +++++++++++------------
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index 0efde55d0..fed43597b 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -190,12 +190,14 @@ const AddClientModal = ({ showModal, setShowModal }) => {
           />
           <br />
           <br />
+
           <DialogActions>
             <Button
               variant="outlined"
               color="error"
               endIcon={<ClearIcon />}
               onClick={() => setShowModal(false)}
+              fullWidth
             >
               CANCEL
             </Button>
@@ -206,6 +208,7 @@ const AddClientModal = ({ showModal, setShowModal }) => {
               // onClick={() => setShowModal(false)}
               type="submit"
               disabled={state.processing}
+              fullWidth
             >
               ADD CLIENT
             </Button>
diff --git a/src/components/Form/FormSection.jsx b/src/components/Form/FormSection.jsx
index 2f484c09b..8fbe29723 100644
--- a/src/components/Form/FormSection.jsx
+++ b/src/components/Form/FormSection.jsx
@@ -2,8 +2,6 @@
 import React from 'react';
 // Material UI Imports
 import Box from '@mui/material/Box';
-import Container from '@mui/material/Container';
-import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 // Component Imports
 import { StatusNotification } from '../Notification';
@@ -23,35 +21,32 @@ import { StatusNotification } from '../Notification';
  */
 
 const FormSection = ({ title, state, statusType, defaultMessage, children }) => (
-  <Container>
-    <Box
-      sx={{
-        marginTop: 3,
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center'
-      }}
+  <Box
+    sx={{
+      marginTop: 3,
+      display: 'inline-block',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'center',
+      mx: '5px',
+      padding: '20px',
+      minWidth: '350px',
+      boxShadow: 2
+    }}
+  >
+    <Typography
+      display="flex"
+      justifyContent="center"
+      alignItems="center"
+      mb={2}
+      variant="h5"
+      component="h3"
     >
-      <Paper
-        elevation={0}
-        sx={{ display: 'inline-block', mx: '2px', padding: '20px', minWidth: '300px' }}
-      >
-        <Typography
-          display="flex"
-          justifyContent="center"
-          alignItems="center"
-          mb={2}
-          variant="h5"
-          component="h3"
-        >
-          {title}
-        </Typography>
-        {children}
-        <StatusNotification state={state} statusType={statusType} defaultMessage={defaultMessage} />
-      </Paper>
-    </Box>
-  </Container>
+      {title}
+    </Typography>
+    {children}
+    <StatusNotification state={state} statusType={statusType} defaultMessage={defaultMessage} />
+  </Box>
 );
 
 export default FormSection;

From a09230b92453607739b3f6f2556d991cd7d5723b Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 21 Jun 2023 20:32:39 -0700
Subject: [PATCH 139/304] Adding TODO for closing modal

---
 src/components/Clients/AddClientModal.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index fed43597b..801e645d6 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -205,6 +205,8 @@ const AddClientModal = ({ showModal, setShowModal }) => {
               variant="contained"
               color="primary"
               endIcon={<CheckIcon />}
+              // TODO: Determine what to do with modals after submitting.
+              // e.g. should it close automatically but have a pop-up status alert, remain open briefly, etc.
               // onClick={() => setShowModal(false)}
               type="submit"
               disabled={state.processing}

From 78961a725ad136d038bce99c407672028fafa935 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 23 Jun 2023 18:39:33 -0700
Subject: [PATCH 140/304] Fixing redundant code from issue 218

---
 src/components/Clients/AddClient.jsx      | 184 ----------------------
 src/components/Clients/AddClientModal.jsx |   1 -
 src/components/Clients/index.js           |   3 +-
 3 files changed, 1 insertion(+), 187 deletions(-)
 delete mode 100644 src/components/Clients/AddClient.jsx

diff --git a/src/components/Clients/AddClient.jsx b/src/components/Clients/AddClient.jsx
deleted file mode 100644
index ded08433c..000000000
--- a/src/components/Clients/AddClient.jsx
+++ /dev/null
@@ -1,184 +0,0 @@
-// React Imports
-import React, { useContext, useState } from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
-// Utility Imports
-import { ENV } from '../../constants';
-import { runNotification } from '../../utils';
-import { createUser } from '../../model-helpers/User';
-// Custom Hook Imports
-import { useStatusNotification, useField } from '../../hooks';
-// Context Imports
-import { UserListContext } from '../../contexts';
-// Component Imports
-import FormSection from '../Form/FormSection';
-
-/**
- * AddClient Component - Component that allows users to add other user's
- * Pod URLs from a user's list stored on their own Pod
- *
- * @memberof Forms
- * @name AddClient
- */
-
-const renderWebId = (username) => {
-  const oidcProvider = ENV.VITE_SOLID_IDENTITY_PROVIDER.split('//')[1];
-  const template = ['https://', `.${oidcProvider}profile/card#me`];
-  return `${template[0]}${username}${template[1]}`;
-};
-
-const AddClient = () => {
-  const { session } = useSession();
-  const { state, dispatch } = useStatusNotification();
-  const { clearValue: clearUserGivenName, ...userGivenName } = useField('text');
-  const { clearValue: clearUserFamilyName, ...userFamilyName } = useField('text');
-  const [username, setUsername] = useState('');
-  const [webId, setWebId] = useState('');
-  const { addUser } = useContext(UserListContext);
-
-  const wrappedSetUsername = (value) => {
-    setUsername(value);
-    const renderedWebId = renderWebId(value);
-    setWebId(renderedWebId);
-  };
-
-  const submitUser = async (userObject) => {
-    const user = await createUser(session, userObject);
-    await addUser(user);
-  };
-
-  const notifyStartSubmission = (userObject) => {
-    // ===== START OF ERROR DISPLAY OPTIONS =====
-    if (!userObject.username && !userObject.webId) {
-      runNotification(`Operation failed. Reason: No WebId provided`, 5, state, dispatch);
-      return;
-    }
-
-    if (!userObject.givenName) {
-      runNotification(
-        `Operation failed. Reason: User's first/given name is not provided`,
-        5,
-        state,
-        dispatch
-      );
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
-    if (!userObject.familyName) {
-      runNotification(
-        `Operation failed. Reason: User's last/family name is not provided`,
-        5,
-        state,
-        dispatch
-      );
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-    // ===== END OF ERROR DISPLAY OPTIONS =====
-
-    dispatch({ type: 'SET_PROCESSING' });
-
-    runNotification(
-      `Adding "${userObject.givenName} ${userObject.familyName}" to client list...`,
-      5,
-      state,
-      dispatch
-    );
-  };
-
-  // Event handler for adding client to users list
-  const handleAddClient = async (event) => {
-    event.preventDefault();
-    const userObject = {
-      givenName: event.target.addUserGivenName.value,
-      familyName: event.target.addUserFamilyName.value,
-      username: event.target.addUsername.value,
-      webId: event.target.addWebId.value
-    };
-
-    notifyStartSubmission(userObject, state, dispatch);
-    try {
-      await submitUser(userObject);
-    } finally {
-      runNotification(
-        `"${userObject.givenName} ${userObject.familyName}" added to client list`,
-        5,
-        state,
-        dispatch
-      );
-      setTimeout(() => {
-        clearUserGivenName();
-        clearUserFamilyName();
-        setUsername('');
-        setWebId('');
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-    }
-  };
-
-  /* eslint-disable jsx-a11y/label-has-associated-control */
-  return (
-    <FormSection
-      title="Add Client"
-      state={state}
-      statusType="Status"
-      defaultMessage="To be added..."
-    >
-      <form
-        onSubmit={handleAddClient}
-        style={{ marginTop: '20px', marginBottom: '20px' }}
-        autoComplete="off"
-      >
-        <div>
-          <label htmlFor="add-user-given-name">First/given name: </label>
-          <input id="add-user-given-name" name="addUserGivenName" {...userGivenName} />
-        </div>
-        <br />
-        <div>
-          <label htmlFor="add-user-last-name">Last/family name: </label>
-          <input id="add-user-last-name" name="addUserFamilyName" {...userFamilyName} />
-        </div>
-        <br />
-        <div>
-          <label htmlFor="add-username">username:</label>
-          <br />
-          <br />
-          <input
-            id="add-username"
-            name="addUsername"
-            size="25"
-            value={username}
-            onChange={(e) => wrappedSetUsername(e.target.value)}
-          />
-        </div>
-        <br />
-        <label htmlFor="add-webId">
-          WebId:
-          <br />
-          <input
-            id="add-webId"
-            name="addWebId"
-            size="25"
-            type="text"
-            value={webId}
-            onChange={(e) => {
-              setWebId(e.target.value);
-            }}
-          />
-        </label>
-        <br />
-        <button type="submit" disabled={state.processing}>
-          Add Client
-        </button>
-      </form>
-    </FormSection>
-  );
-  /* eslint-enable jsx-a11y/label-has-associated-control */
-};
-
-export default AddClient;
diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index 801e645d6..cdd54adb8 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -190,7 +190,6 @@ const AddClientModal = ({ showModal, setShowModal }) => {
           />
           <br />
           <br />
-
           <DialogActions>
             <Button
               variant="outlined"
diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index 5dda144f8..17188db49 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -1,4 +1,3 @@
-import AddClient from './AddClient';
 import AddClientModal from './AddClientModal';
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
@@ -9,4 +8,4 @@ import ClientListTable from './ClientListTable';
  * @namespace Clients
  */
 
-export { AddClient, AddClientModal, ClientList, ClientListTable };
+export { AddClientModal, ClientList, ClientListTable };

From a7ceb3c78a56b5a85f3c3c99f9b6f3bef6f0d48b Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 23 Jun 2023 19:01:48 -0700
Subject: [PATCH 141/304] Refactoring upload doc form into modal

---
 docs/ZXing_barcode.md                       |   8 +-
 src/components/Form/UploadDocumentForm.jsx  | 192 -------------------
 src/components/Form/UploadDocumentModal.jsx | 200 ++++++++++++++++++++
 src/components/Form/index.js                |   4 +-
 src/routes/Documents.jsx                    |  25 ++-
 5 files changed, 227 insertions(+), 202 deletions(-)
 delete mode 100644 src/components/Form/UploadDocumentForm.jsx
 create mode 100644 src/components/Form/UploadDocumentModal.jsx

diff --git a/docs/ZXing_barcode.md b/docs/ZXing_barcode.md
index 1c8bf5238..047922518 100644
--- a/docs/ZXing_barcode.md
+++ b/docs/ZXing_barcode.md
@@ -26,13 +26,13 @@ To see the results on the Solid Client Server, navigate below to the Search Docu
 
 **Entry Point to the Code**
 
-For developers new to a code base, often being pointed to where user interaction first interfaces with the code base is a good place to start. In the case of the barcode scanner functionality, this can be found within the UploadDocumentForm.jsx component within the src/components directory:
+For developers new to a code base, often being pointed to where user interaction first interfaces with the code base is a good place to start. In the case of the barcode scanner functionality, this can be found within the UploadDocumentModal.jsx component within the src/components directory:
 
 ```
-src/components/Form/UploadDocumentForm.jsx
+src/components/Form/UploadDocumentModal.jsx
 ```
 
-At the time of this writing, the line specific to uploading files can be found within the handler function within the UploadDocumentForm component, where the entry point of what happens when the user clicks on the "Upload file", as this triggers the handleFormSubmission function. This function in turn calls the makeHandleFormSubmission function found within the utils directory, where the majority of the barcode scanner logic lives:
+At the time of this writing, the line specific to uploading files can be found within the handler function within the UploadDocumentModal component, where the entry point of what happens when the user clicks on the "Upload file", as this triggers the handleFormSubmission function. This function in turn calls the makeHandleFormSubmission function found within the utils directory, where the majority of the barcode scanner logic lives:
 
 ```
 src/utils/frontend/FormSubmissionHelper.js
@@ -50,7 +50,7 @@ The uploadDocument() contains a great deal of logic specific to solid and we sta
 src/utils/network/session-helper.js
 ```
 
-There we see the logic specific to @inrupt/solid-client, which takes our fileObject and documentUrl and builds a generic .ttl file to be sent to the Solid server. Specific to the barcode scanner is the if statement which checks to see if the user has selected the "Driver's License" document from the "File to upload:" in the UploadDocumentForm.jsx component. Upon inspection of this if statement, we see that if the user has selected "Driver's License", the function returns the value of a separate helper function called createDriversLicenseTtlFile(). This lengthy function is very similar to the createResourceTtlFile() function, but starts itself with a helper function of its own called getDriversLicenseData, which takes the fileObject.file as an argument. This helper function is defined in:
+There we see the logic specific to @inrupt/solid-client, which takes our fileObject and documentUrl and builds a generic .ttl file to be sent to the Solid server. Specific to the barcode scanner is the if statement which checks to see if the user has selected the "Driver's License" document from the "File to upload:" in the UploadDocumentModal.jsx component. Upon inspection of this if statement, we see that if the user has selected "Driver's License", the function returns the value of a separate helper function called createDriversLicenseTtlFile(). This lengthy function is very similar to the createResourceTtlFile() function, but starts itself with a helper function of its own called getDriversLicenseData, which takes the fileObject.file as an argument. This helper function is defined in:
 
 ```
 src/utils/barcode/barcode-scan.js
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
deleted file mode 100644
index fcaf167ad..000000000
--- a/src/components/Form/UploadDocumentForm.jsx
+++ /dev/null
@@ -1,192 +0,0 @@
-// React Imports
-import React, { useState, useContext } from 'react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Checkbox from '@mui/material/Checkbox';
-import FormControl from '@mui/material/FormControl';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import TextField from '@mui/material/TextField';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import FormHelperText from '@mui/material/FormHelperText';
-// Utility Imports
-import { runNotification } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
-import { DocumentListContext } from '../../contexts';
-
-/**
- * UploadDocumentForm Component - Component that generates the form for uploading
- * a specific document type to a user's Solid Pod via Solid Session
- *
- * @memberof Forms
- * @name UploadDocumentForm
- */
-
-const UploadDocumentForm = () => {
-  const { state, dispatch } = useStatusNotification();
-  const [expireDate, setExpireDate] = useState(null);
-  const [docDescription, setDocDescription] = useState('');
-  const [docType, setDocType] = useState('');
-  const [verifyFile, setVerifyFile] = useState(false);
-  const [file, setFile] = useState(null);
-  const [inputKey, setInputKey] = useState(false);
-  const { addDocument, replaceDocument } = useContext(DocumentListContext);
-
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
-
-  const clearInputFields = () => {
-    setVerifyFile(false);
-    setDocType('');
-    setFile('');
-    setInputKey(!inputKey); // clears file by forcing re-render
-    setDocDescription('');
-    setDocType('');
-    setExpireDate(null);
-  };
-
-  // Event handler for form/document submission to Pod
-  const handleDocUpload = async (e) => {
-    e.preventDefault();
-
-    if (!docType) {
-      runNotification('Upload failed. Reason: No document type selected.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
-    const fileDesc = {
-      name: file.name,
-      type: docType,
-      date: expireDate,
-      description: docDescription
-    };
-    runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
-
-    try {
-      await addDocument(fileDesc, file);
-      runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
-    } catch (error) {
-      const confirmationMessage =
-        'A file of this name and type already exists on the pod. Would you like to replace it?';
-
-      switch (error.message) {
-        case 'File already exists':
-          if (window.confirm(confirmationMessage)) {
-            await replaceDocument(fileDesc, file);
-            runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
-          }
-          break;
-        default:
-          runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
-      }
-    } finally {
-      clearInputFields();
-    }
-  };
-
-  return (
-    <FormSection
-      title="Upload Document"
-      state={state}
-      statusType="Upload status"
-      defaultMessage="To be uploaded..."
-    >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleDocUpload} autoComplete="off">
-          <FormControlLabel
-            control={<Checkbox />}
-            label="Verify file on upload"
-            id="verify-checkbox"
-            value={verifyFile}
-            checked={verifyFile}
-            onChange={() => setVerifyFile(!verifyFile)}
-          />
-          <DocumentSelection
-            htmlForAndIdProp="upload-doc"
-            handleDocType={handleDocType}
-            docType={docType}
-          />
-          <br />
-          <FormControl>
-            <LocalizationProvider dateAdapter={AdapterDayjs}>
-              <DatePicker
-                name="date"
-                format="MM/DD/YYYY"
-                label="Expiration Date"
-                value={expireDate}
-                onChange={(newExpireDate) => setExpireDate(newExpireDate)}
-                type="date"
-              />
-              <FormHelperText>MM/DD/YYYY</FormHelperText>
-            </LocalizationProvider>
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
-            <TextField
-              name="description"
-              multiline
-              rows={4}
-              label="Enter Description"
-              value={docDescription}
-              onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
-              placeholder="Add a description here"
-            />
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
-            <Button
-              variant="contained"
-              component="label"
-              color="primary"
-              id="upload-doctype"
-              name="uploadDoctype"
-              onChange={(e) => setFile(e.target.files[0])}
-              required
-            >
-              Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
-            </Button>
-            <FormHelperText
-              sx={{
-                width: '200px',
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis'
-              }}
-            >
-              File to upload: {file ? file.name : 'No file selected'}
-            </FormHelperText>
-          </FormControl>
-          <br />
-          <FormControl fullWidth>
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
-              Upload file
-            </Button>
-          </FormControl>
-          <br />
-          <br />
-          {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
-          <FormControl fullWidth>
-            <Button variant="contained" type="button" color="secondary" onClick={clearInputFields}>
-              Clear Form
-            </Button>
-          </FormControl>
-        </form>
-      </Box>
-    </FormSection>
-  );
-};
-
-export default UploadDocumentForm;
diff --git a/src/components/Form/UploadDocumentModal.jsx b/src/components/Form/UploadDocumentModal.jsx
new file mode 100644
index 000000000..ca0233420
--- /dev/null
+++ b/src/components/Form/UploadDocumentModal.jsx
@@ -0,0 +1,200 @@
+// React Imports
+import React, { useState, useContext } from 'react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Checkbox from '@mui/material/Checkbox';
+import Dialog from '@mui/material/Dialog';
+import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormHelperText from '@mui/material/FormHelperText';
+import TextField from '@mui/material/TextField';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+// Utility Imports
+import { runNotification } from '../../utils';
+// Custom Hook Imports
+import { useStatusNotification } from '../../hooks';
+// Component Imports
+import DocumentSelection from './DocumentSelection';
+import FormSection from './FormSection';
+import { DocumentListContext } from '../../contexts';
+
+/**
+ * UploadDocumentModal Component - Component that generates the form for uploading
+ * a specific document type to a user's Solid Pod via Solid Session
+ *
+ * @memberof Forms
+ * @name UploadDocumentModal
+ */
+
+const UploadDocumentModal = ({ showModal, setShowModal }) => {
+  const { state, dispatch } = useStatusNotification();
+  const [expireDate, setExpireDate] = useState(null);
+  const [docDescription, setDocDescription] = useState('');
+  const [docType, setDocType] = useState('');
+  const [verifyFile, setVerifyFile] = useState(false);
+  const [file, setFile] = useState(null);
+  const [inputKey, setInputKey] = useState(false);
+  const { addDocument, replaceDocument } = useContext(DocumentListContext);
+
+  const handleDocType = (event) => {
+    setDocType(event.target.value);
+  };
+
+  const clearInputFields = () => {
+    setVerifyFile(false);
+    setDocType('');
+    setFile('');
+    setInputKey(!inputKey); // clears file by forcing re-render
+    setDocDescription('');
+    setDocType('');
+    setExpireDate(null);
+  };
+
+  // Event handler for form/document submission to Pod
+  const handleDocUpload = async (e) => {
+    e.preventDefault();
+
+    if (!docType) {
+      runNotification('Upload failed. Reason: No document type selected.', 5, state, dispatch);
+      setTimeout(() => {
+        dispatch({ type: 'CLEAR_PROCESSING' });
+      }, 3000);
+      return;
+    }
+
+    const fileDesc = {
+      name: file.name,
+      type: docType,
+      date: expireDate,
+      description: docDescription
+    };
+    runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
+
+    try {
+      await addDocument(fileDesc, file);
+      runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
+    } catch (error) {
+      const confirmationMessage =
+        'A file of this name and type already exists on the pod. Would you like to replace it?';
+
+      switch (error.message) {
+        case 'File already exists':
+          if (window.confirm(confirmationMessage)) {
+            await replaceDocument(fileDesc, file);
+            runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
+          }
+          break;
+        default:
+          runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
+      }
+    } finally {
+      clearInputFields();
+    }
+  };
+
+  return (
+    <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
+      <FormSection
+        title="Upload Document"
+        state={state}
+        statusType="Upload status"
+        defaultMessage="To be uploaded..."
+      >
+        <Box display="flex" justifyContent="center">
+          <form onSubmit={handleDocUpload} autoComplete="off">
+            <FormControlLabel
+              control={<Checkbox />}
+              label="Verify file on upload"
+              id="verify-checkbox"
+              value={verifyFile}
+              checked={verifyFile}
+              onChange={() => setVerifyFile(!verifyFile)}
+            />
+            <DocumentSelection
+              htmlForAndIdProp="upload-doc"
+              handleDocType={handleDocType}
+              docType={docType}
+            />
+            <br />
+            <FormControl>
+              <LocalizationProvider dateAdapter={AdapterDayjs}>
+                <DatePicker
+                  name="date"
+                  format="MM/DD/YYYY"
+                  label="Expiration Date"
+                  value={expireDate}
+                  onChange={(newExpireDate) => setExpireDate(newExpireDate)}
+                  type="date"
+                />
+                <FormHelperText>MM/DD/YYYY</FormHelperText>
+              </LocalizationProvider>
+            </FormControl>
+            <br />
+            <br />
+            <FormControl fullWidth>
+              <TextField
+                name="description"
+                multiline
+                rows={4}
+                label="Enter Description"
+                value={docDescription}
+                onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
+                placeholder="Add a description here"
+              />
+            </FormControl>
+            <br />
+            <br />
+            <FormControl fullWidth>
+              <Button
+                variant="contained"
+                component="label"
+                color="primary"
+                id="upload-doctype"
+                name="uploadDoctype"
+                onChange={(e) => setFile(e.target.files[0])}
+                required
+              >
+                Choose file
+                <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
+              </Button>
+              <FormHelperText
+                sx={{
+                  width: '200px',
+                  whiteSpace: 'nowrap',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis'
+                }}
+              >
+                File to upload: {file ? file.name : 'No file selected'}
+              </FormHelperText>
+            </FormControl>
+            <br />
+            <FormControl fullWidth>
+              <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+                Upload file
+              </Button>
+            </FormControl>
+            <br />
+            <br />
+            {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
+            <FormControl fullWidth>
+              <Button
+                variant="contained"
+                type="button"
+                color="secondary"
+                onClick={clearInputFields}
+              >
+                Clear Form
+              </Button>
+            </FormControl>
+          </form>
+        </Box>
+      </FormSection>
+    </Dialog>
+  );
+};
+
+export default UploadDocumentModal;
diff --git a/src/components/Form/index.js b/src/components/Form/index.js
index 54b4b8c04..8990552d4 100644
--- a/src/components/Form/index.js
+++ b/src/components/Form/index.js
@@ -1,4 +1,4 @@
-import UploadDocumentForm from './UploadDocumentForm';
+import UploadDocumentModal from './UploadDocumentModal';
 import SetAclPermissionForm from './SetAclPermissionForm';
 import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
 /**
@@ -8,4 +8,4 @@ import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
  * @namespace Forms
  */
 
-export { UploadDocumentForm, SetAclPermissionForm, SetAclPermsDocContainerForm };
+export { UploadDocumentModal, SetAclPermissionForm, SetAclPermsDocContainerForm };
diff --git a/src/routes/Documents.jsx b/src/routes/Documents.jsx
index f73c085ba..b6a834641 100644
--- a/src/routes/Documents.jsx
+++ b/src/routes/Documents.jsx
@@ -1,14 +1,15 @@
 // React Imports
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 // Material UI Imports
+import AddIcon from '@mui/icons-material/Add';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Remove from '@mui/icons-material/Remove';
-import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 // Component Imports
 import {
-  UploadDocumentForm,
+  UploadDocumentModal,
   SetAclPermissionForm,
   SetAclPermsDocContainerForm
 } from '../components/Form';
@@ -23,6 +24,8 @@ import DocumentTable from '../components/Documents/DocumentTable';
  * @returns {React.JSX.Element} The Documents Page
  */
 const Documents = () => {
+  // state for UploadDocumentModal component
+  const [showModal, setShowModal] = useState(false);
   const location = useLocation();
 
   localStorage.setItem('restorePath', location.pathname);
@@ -57,7 +60,21 @@ const Documents = () => {
         <Typography>Client selected: {selectedUser.person || selectedUser.podUrl}</Typography>
       )}
 
-      <UploadDocumentForm />
+      <Button
+        variant="contained"
+        color="secondary"
+        size="small"
+        aria-label="Add Client Button"
+        startIcon={<AddIcon />}
+        onClick={() => setShowModal(true)}
+        sx={{ marginTop: '3rem' }}
+      >
+        Add Client
+      </Button>
+      {/* modal/popup renders when setShowModal state is true */}
+      <UploadDocumentModal showModal={showModal} setShowModal={setShowModal} />
+
+      {/* <UploadDocumentModal /> */}
       <DocumentTable />
       <SetAclPermsDocContainerForm />
       <SetAclPermissionForm />

From 30f3a5ca33f63a7e84100bac063dabce3702a5e6 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 23 Jun 2023 19:19:05 -0700
Subject: [PATCH 142/304] Adding icons

---
 src/components/Form/UploadDocumentModal.jsx | 13 ++++++++++++-
 src/routes/Documents.jsx                    |  4 +---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Form/UploadDocumentModal.jsx b/src/components/Form/UploadDocumentModal.jsx
index ca0233420..9527a1a5d 100644
--- a/src/components/Form/UploadDocumentModal.jsx
+++ b/src/components/Form/UploadDocumentModal.jsx
@@ -4,10 +4,13 @@ import React, { useState, useContext } from 'react';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Checkbox from '@mui/material/Checkbox';
+import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
+import FileUploadIcon from '@mui/icons-material/FileUpload';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormHelperText from '@mui/material/FormHelperText';
+import SearchIcon from '@mui/icons-material/Search';
 import TextField from '@mui/material/TextField';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
@@ -156,6 +159,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
                 name="uploadDoctype"
                 onChange={(e) => setFile(e.target.files[0])}
                 required
+                startIcon={<SearchIcon />}
               >
                 Choose file
                 <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
@@ -173,7 +177,13 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             </FormControl>
             <br />
             <FormControl fullWidth>
-              <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+              <Button
+                variant="contained"
+                disabled={state.processing}
+                type="submit"
+                color="primary"
+                startIcon={<FileUploadIcon />}
+              >
                 Upload file
               </Button>
             </FormControl>
@@ -186,6 +196,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
                 type="button"
                 color="secondary"
                 onClick={clearInputFields}
+                startIcon={<ClearIcon />}
               >
                 Clear Form
               </Button>
diff --git a/src/routes/Documents.jsx b/src/routes/Documents.jsx
index b6a834641..485a2b912 100644
--- a/src/routes/Documents.jsx
+++ b/src/routes/Documents.jsx
@@ -69,12 +69,10 @@ const Documents = () => {
         onClick={() => setShowModal(true)}
         sx={{ marginTop: '3rem' }}
       >
-        Add Client
+        Add Document
       </Button>
       {/* modal/popup renders when setShowModal state is true */}
       <UploadDocumentModal showModal={showModal} setShowModal={setShowModal} />
-
-      {/* <UploadDocumentModal /> */}
       <DocumentTable />
       <SetAclPermsDocContainerForm />
       <SetAclPermissionForm />

From e78aaefc3e8677a5ac279d9002c1de8283306f52 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 07:28:01 -0700
Subject: [PATCH 143/304] Incorporate suggestions from comments; Switched to
 using memberOf instead of Organization for schema

---
 src/components/Profile/ProfileInputField.jsx | 24 +++++++++---
 src/constants/rdf_predicates.js              |  2 +-
 src/routes/Profile.jsx                       | 39 ++++++++++----------
 src/utils/network/session-core.js            | 10 ++---
 test/utils/session-core.test.js              |  2 +-
 5 files changed, 45 insertions(+), 32 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index dd484fb9f..e4ab3d6eb 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -3,7 +3,11 @@ import React from 'react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
+import CheckIcon from '@mui/icons-material/Check';
+import ClearIcon from '@mui/icons-material/Clear';
+import EditIcon from '@mui/icons-material/Edit';
 import Input from '@mui/material/Input';
+import InputLabel from '@mui/material/InputLabel';
 import Typography from '@mui/material/Typography';
 
 /**
@@ -23,8 +27,8 @@ import Typography from '@mui/material/Typography';
  */
 
 /**
- * New Message Component - Component that allows user to write
- *  a message to another user from their inbox
+ * ProfileInputField Component - Component that creates the editable inputs fields
+ * for the Profile page
  *
  * @memberof Inbox
  * @name ProfileInputField
@@ -43,8 +47,14 @@ const ProfileInputField = ({
     <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
       {editInputValue ? (
         <>
-          <Typography>{inputName}: </Typography>
-          <Input value={inputValue} onChange={(e) => setInputValue(e.target.value)} />
+          <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
+            {inputName}:{' '}
+          </InputLabel>
+          <Input
+            id={`input-${inputName}`}
+            value={inputValue}
+            onChange={(e) => setInputValue(e.target.value)}
+          />
         </>
       ) : (
         <Typography>
@@ -54,13 +64,15 @@ const ProfileInputField = ({
       <Button
         variant="outlined"
         type="button"
-        onClick={editInputValue ? handleCancelEdit : handleEditInput}
+        color={editInputValue ? 'error' : 'primary'}
+        endIcon={editInputValue ? <ClearIcon /> : <EditIcon />}
+        onClick={editInputValue ? () => handleCancelEdit(handleEditInput) : handleEditInput}
       >
         {editInputValue ? 'Cancel' : 'Edit'}
       </Button>
     </Box>
     {editInputValue && (
-      <Button variant="outlined" type="submit">
+      <Button variant="outlined" type="submit" endIcon={<CheckIcon />}>
         Update
       </Button>
     )}
diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index 4e14c4467..c2b800d2e 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -25,7 +25,7 @@ const RDF_PREDICATES = {
   profileName: 'http://xmlns.com/foaf/0.1/name',
   sha256: 'https://schema.org/sha256',
   accountablePerson: 'https://schema.org/accountablePerson',
-  organization: 'http://xmlns.com/foaf/0.1/Organization'
+  memberOf: 'https://schema.org/memberOf'
 };
 
 export default RDF_PREDICATES;
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 3ab67b349..452f5da3d 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -27,16 +27,16 @@ const Profile = () => {
   localStorage.setItem('restorePath', location.pathname);
 
   const [profileName, setProfileName] = useState(null);
-  const [organization, setOrganization] = useState(null);
+  const [memberOf, setMemberOf] = useState(null);
   const [editProfileName, setEditProfileName] = useState(false);
-  const [editOrganization, setEditOrganization] = useState(false);
+  const [editMemberOf, setEditMemberOf] = useState(false);
 
   const handleEditProfileName = () => {
     setEditProfileName(!editProfileName);
   };
 
-  const handleEditOrganization = () => {
-    setEditOrganization(!editOrganization);
+  const handleMemberOf = () => {
+    setEditMemberOf(!editMemberOf);
   };
 
   const fetchProfileData = async () => {
@@ -48,10 +48,10 @@ const Profile = () => {
       setProfileName('No name set');
     }
 
-    if (profileObject.profileInfo.organization !== null) {
-      setOrganization(profileObject.profileInfo.organization);
+    if (profileObject.profileInfo.memberOf !== null) {
+      setMemberOf(profileObject.profileInfo.memberOf);
     } else {
-      setOrganization('No organization set');
+      setMemberOf('No organization set');
     }
   };
 
@@ -64,16 +64,16 @@ const Profile = () => {
     if (editProfileName) {
       inputValue = profileName;
       inputField = 'profileName';
-    } else if (editOrganization) {
-      inputValue = organization;
-      inputField = 'organization';
+    } else if (editMemberOf) {
+      inputValue = memberOf;
+      inputField = 'memberOf';
     }
 
     await updateProfileInfo(session, profileData, inputField, inputValue);
 
     fetchProfileData();
     setEditProfileName(false);
-    setEditOrganization(false);
+    setEditMemberOf(false);
   };
 
   useEffect(() => {
@@ -82,16 +82,17 @@ const Profile = () => {
     }
   }, [profileName]);
 
-  const handleCancelEdit = () => {
+  const handleCancelEdit = (handleEditFunction) => {
     fetchProfileData();
 
-    setEditProfileName(false);
-    setEditOrganization(false);
+    handleEditFunction();
   };
 
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
+        <Typography sx={{ fontWeight: 'bold', fontSize: '18px' }}>Profile Information</Typography>
+
         <Typography>
           User WebId:{' '}
           <Link href={session.info.webId} target="_blank" rel="noreferrer">
@@ -103,7 +104,7 @@ const Profile = () => {
         {/* fields to update profile for */}
         <form
           onSubmit={handleUpdateProfile}
-          style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}
+          style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}
         >
           <ProfileInputField
             inputName="Name"
@@ -115,10 +116,10 @@ const Profile = () => {
           />
           <ProfileInputField
             inputName="Organization"
-            inputValue={organization}
-            editInputValue={editOrganization}
-            setInputValue={setOrganization}
-            handleEditInput={handleEditOrganization}
+            inputValue={memberOf}
+            editInputValue={editMemberOf}
+            setInputValue={setMemberOf}
+            handleEditInput={handleMemberOf}
             handleCancelEdit={handleCancelEdit}
           />
         </form>
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 6b3b2cef1..755b46f5f 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -320,18 +320,18 @@ export const fetchProfileInfo = async (session) => {
   const profileThing = getThing(profileDataset, session.info.webId);
 
   const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
-  const organization = getStringNoLocale(profileThing, RDF_PREDICATES.organization);
+  const memberOf = getStringNoLocale(profileThing, RDF_PREDICATES.memberOf);
 
-  const profileInfo = { profileName, organization };
+  const profileInfo = { profileName, memberOf };
 
-  // TODO: include more fields to the object like organization, address, etc.
+  // TODO: include more fields to the object like memberOf, address, etc.
   // when expanding this feature
   return { profileInfo, profileDataset, profileThing };
 };
 
 /**
- * A function fetches the user's profile information from their webId's profile
- * card
+ * A function that updates the user's profile information based on what is inputed
+ * in the Profile page
  *
  * @function updateProfileInfo
  * @param {Session} session - Solid's Session Object {@link Session}
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 2e5161086..ef963c045 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -157,7 +157,7 @@ describe('fetchProfileInfo', () => {
     const results = await fetchProfileInfo(session);
 
     expect(results).toHaveProperty('profileInfo.profileName');
-    expect(results).toHaveProperty('profileInfo.organization');
+    expect(results).toHaveProperty('profileInfo.memberOf');
     expect(results).toHaveProperty('profileDataset');
     expect(results).toHaveProperty('profileThing');
   });

From c089817a600c0c5c8e0dcc4f5b33b90c6f6b158a Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 07:56:35 -0700
Subject: [PATCH 144/304] Included dateRead predicate instead of dateModified
 for updating activity date in profile card

---
 src/constants/rdf_predicates.js      |  3 ++-
 src/contexts/SignedInUserContext.jsx |  3 ++-
 src/utils/network/session-core.js    | 11 +++++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index c2b800d2e..663cedd24 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -25,7 +25,8 @@ const RDF_PREDICATES = {
   profileName: 'http://xmlns.com/foaf/0.1/name',
   sha256: 'https://schema.org/sha256',
   accountablePerson: 'https://schema.org/accountablePerson',
-  memberOf: 'https://schema.org/memberOf'
+  memberOf: 'https://schema.org/memberOf',
+  dateRead: 'https://schema.org/dateRead'
 };
 
 export default RDF_PREDICATES;
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index ca84af75a..5a05bd97f 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -4,7 +4,7 @@ import React, { createContext, useState, useMemo, useEffect } from 'react';
 import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
-import { createPublicContainer } from '../utils';
+import { createPublicContainer, updateActivity } from '../utils';
 import { updateUserActivity } from '../model-helpers';
 
 /**
@@ -44,6 +44,7 @@ export const SignedInUserContextProvider = ({ children }) => {
       try {
         const { webId } = session.info;
         let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
+        await updateActivity(session, webId);
         podUrl = podUrl || webId.split('profile')[0];
         setUserInfo({
           ...userInfo,
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 755b46f5f..49ea3da2d 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -363,3 +363,14 @@ export const updateProfileInfo = async (session, profileData, inputField, update
 
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
 };
+
+export const updateActivity = async (session, webId) => {
+  let profileDataset = await getWebIdDataset(webId);
+  let profileThing = getThing(profileDataset, webId);
+
+  profileThing = buildThing(profileThing).addDate(RDF_PREDICATES.dateRead, new Date()).build();
+
+  profileDataset = setThing(profileDataset, profileThing);
+
+  await saveSolidDatasetAt(webId, profileDataset, { fetch: session.fetch });
+};

From aff2340996ffe79234ece54edfc403e6db877c09 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 08:12:47 -0700
Subject: [PATCH 145/304] Updated snapshot and unit test for
 SingedInUserContext

---
 test/contexts/SignedInUserContext.test.jsx                    | 3 ++-
 test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index 871bdb86a..49c8780e4 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -55,7 +55,8 @@ describe('SignedInUserContext', () => {
     useSession.mockReturnValue({
       session: {
         info: {
-          isLoggedIn: true
+          isLoggedIn: true,
+          webId: 'https://example.com/profile/card#me'
         }
       }
     });
diff --git a/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap b/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap
index a711eef2a..f0c2fe5d4 100644
--- a/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap
+++ b/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap
@@ -2,8 +2,6 @@
 
 exports[`SignedInUserContext > fetches user data if user is logged in 1`] = `
 <div>
-  <div>
-    https://example.com/pod/
-  </div>
+  <div />
 </div>
 `;

From fb6d0bbb86f6cc21a398ee48c6aa1d1a3bb4d6f0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 12:46:52 -0700
Subject: [PATCH 146/304] Updated Profile and ProfileInputField; Revert
 memberOf back to Organization

---
 src/components/Profile/ProfileInputField.jsx | 113 +++++++++++--------
 src/constants/rdf_predicates.js              |   2 +-
 src/routes/Profile.jsx                       |  66 ++---------
 src/utils/network/session-core.js            |   6 +-
 test/utils/session-core.test.js              |   2 +-
 5 files changed, 85 insertions(+), 104 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index e4ab3d6eb..65d85395b 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -1,5 +1,7 @@
 // React Imports
-import React from 'react';
+import React, { useState } from 'react';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
@@ -9,6 +11,8 @@ import EditIcon from '@mui/icons-material/Edit';
 import Input from '@mui/material/Input';
 import InputLabel from '@mui/material/InputLabel';
 import Typography from '@mui/material/Typography';
+// Utility Imports
+import { fetchProfileInfo, updateProfileInfo } from '../../utils';
 
 /**
  * messageFolderProps is an object that stores the props for the MessageFolder
@@ -35,48 +39,69 @@ import Typography from '@mui/material/Typography';
  * @param {profileInputFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileInputField = ({
-  inputName,
-  inputValue,
-  editInputValue,
-  setInputValue,
-  handleEditInput,
-  handleCancelEdit
-}) => (
-  <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-    <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-      {editInputValue ? (
-        <>
-          <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
-            {inputName}:{' '}
-          </InputLabel>
-          <Input
-            id={`input-${inputName}`}
-            value={inputValue}
-            onChange={(e) => setInputValue(e.target.value)}
-          />
-        </>
-      ) : (
-        <Typography>
-          {inputName}: {inputValue}
-        </Typography>
-      )}
-      <Button
-        variant="outlined"
-        type="button"
-        color={editInputValue ? 'error' : 'primary'}
-        endIcon={editInputValue ? <ClearIcon /> : <EditIcon />}
-        onClick={editInputValue ? () => handleCancelEdit(handleEditInput) : handleEditInput}
-      >
-        {editInputValue ? 'Cancel' : 'Edit'}
-      </Button>
-    </Box>
-    {editInputValue && (
-      <Button variant="outlined" type="submit" endIcon={<CheckIcon />}>
-        Update
-      </Button>
-    )}
-  </Box>
-);
+const ProfileInputField = ({ inputName, inputValue, setInputValue, fetchProfileData }) => {
+  const { session } = useSession();
+  const [edit, setEdit] = useState(false);
+
+  const handleUpdateProfile = async (event) => {
+    event.preventDefault();
+    const profileData = await fetchProfileInfo(session);
+    const inputField = inputName === 'Name' ? 'profileName' : inputName.toLowerCase();
+
+    await updateProfileInfo(session, profileData, inputField, inputValue);
+
+    fetchProfileData();
+    setEdit(false);
+  };
+
+  const handleCancelEdit = () => {
+    fetchProfileData();
+
+    setEdit(!edit);
+  };
+
+  const handleEditInput = () => {
+    setEdit(!edit);
+  };
+
+  return (
+    <form onSubmit={handleUpdateProfile}>
+      <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+          {edit ? (
+            <>
+              <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
+                {inputName}:{' '}
+              </InputLabel>
+              <Input
+                id={`input-${inputName}`}
+                value={inputValue}
+                onChange={(e) => setInputValue(e.target.value)}
+              />
+            </>
+          ) : (
+            <Typography>
+              {inputName}: {inputValue}
+            </Typography>
+          )}
+          <Button
+            variant="outlined"
+            type="button"
+            color={edit ? 'error' : 'primary'}
+            endIcon={edit ? <ClearIcon /> : <EditIcon />}
+            onClick={edit ? handleCancelEdit : handleEditInput}
+          >
+            {edit ? 'Cancel' : 'Edit'}
+          </Button>
+        </Box>
+        {edit && (
+          <Button variant="outlined" type="submit" endIcon={<CheckIcon />}>
+            Update
+          </Button>
+        )}
+      </Box>
+    </form>
+  );
+};
 
 export default ProfileInputField;
diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index 663cedd24..b447ec181 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -25,7 +25,7 @@ const RDF_PREDICATES = {
   profileName: 'http://xmlns.com/foaf/0.1/name',
   sha256: 'https://schema.org/sha256',
   accountablePerson: 'https://schema.org/accountablePerson',
-  memberOf: 'https://schema.org/memberOf',
+  organization: 'https://schema.org/Organization',
   dateRead: 'https://schema.org/dateRead'
 };
 
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 452f5da3d..fec16c0f4 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -8,7 +8,7 @@ import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
-import { fetchProfileInfo, updateProfileInfo } from '../utils';
+import { fetchProfileInfo } from '../utils';
 // Component Inputs
 import ProfileInputField from '../components/Profile/ProfileInputField';
 
@@ -27,17 +27,7 @@ const Profile = () => {
   localStorage.setItem('restorePath', location.pathname);
 
   const [profileName, setProfileName] = useState(null);
-  const [memberOf, setMemberOf] = useState(null);
-  const [editProfileName, setEditProfileName] = useState(false);
-  const [editMemberOf, setEditMemberOf] = useState(false);
-
-  const handleEditProfileName = () => {
-    setEditProfileName(!editProfileName);
-  };
-
-  const handleMemberOf = () => {
-    setEditMemberOf(!editMemberOf);
-  };
+  const [organization, setOrganization] = useState(null);
 
   const fetchProfileData = async () => {
     const profileObject = await fetchProfileInfo(session);
@@ -48,46 +38,19 @@ const Profile = () => {
       setProfileName('No name set');
     }
 
-    if (profileObject.profileInfo.memberOf !== null) {
-      setMemberOf(profileObject.profileInfo.memberOf);
+    if (profileObject.profileInfo.organization !== null) {
+      setOrganization(profileObject.profileInfo.organization);
     } else {
-      setMemberOf('No organization set');
+      setOrganization('No organization set');
     }
   };
 
-  const handleUpdateProfile = async (event) => {
-    event.preventDefault();
-    const profileData = await fetchProfileInfo(session);
-    let inputValue;
-    let inputField;
-
-    if (editProfileName) {
-      inputValue = profileName;
-      inputField = 'profileName';
-    } else if (editMemberOf) {
-      inputValue = memberOf;
-      inputField = 'memberOf';
-    }
-
-    await updateProfileInfo(session, profileData, inputField, inputValue);
-
-    fetchProfileData();
-    setEditProfileName(false);
-    setEditMemberOf(false);
-  };
-
   useEffect(() => {
     if (profileName === null) {
       fetchProfileData();
     }
   }, [profileName]);
 
-  const handleCancelEdit = (handleEditFunction) => {
-    fetchProfileData();
-
-    handleEditFunction();
-  };
-
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
@@ -102,27 +65,20 @@ const Profile = () => {
 
         {/* TODO: Refactor/optimize the form below once we have more input */}
         {/* fields to update profile for */}
-        <form
-          onSubmit={handleUpdateProfile}
-          style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}
-        >
+        <Box style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
           <ProfileInputField
             inputName="Name"
             inputValue={profileName}
-            editInputValue={editProfileName}
             setInputValue={setProfileName}
-            handleEditInput={handleEditProfileName}
-            handleCancelEdit={handleCancelEdit}
+            fetchProfileData={fetchProfileData}
           />
           <ProfileInputField
             inputName="Organization"
-            inputValue={memberOf}
-            editInputValue={editMemberOf}
-            setInputValue={setMemberOf}
-            handleEditInput={handleMemberOf}
-            handleCancelEdit={handleCancelEdit}
+            inputValue={organization}
+            setInputValue={setOrganization}
+            fetchProfileData={fetchProfileData}
           />
-        </form>
+        </Box>
       </Box>
     </Box>
   );
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 49ea3da2d..0ef65c5e1 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -320,11 +320,11 @@ export const fetchProfileInfo = async (session) => {
   const profileThing = getThing(profileDataset, session.info.webId);
 
   const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
-  const memberOf = getStringNoLocale(profileThing, RDF_PREDICATES.memberOf);
+  const organization = getStringNoLocale(profileThing, RDF_PREDICATES.organization);
 
-  const profileInfo = { profileName, memberOf };
+  const profileInfo = { profileName, organization };
 
-  // TODO: include more fields to the object like memberOf, address, etc.
+  // TODO: include more fields to the object like organization, address, etc.
   // when expanding this feature
   return { profileInfo, profileDataset, profileThing };
 };
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index ef963c045..2e5161086 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -157,7 +157,7 @@ describe('fetchProfileInfo', () => {
     const results = await fetchProfileInfo(session);
 
     expect(results).toHaveProperty('profileInfo.profileName');
-    expect(results).toHaveProperty('profileInfo.memberOf');
+    expect(results).toHaveProperty('profileInfo.organization');
     expect(results).toHaveProperty('profileDataset');
     expect(results).toHaveProperty('profileThing');
   });

From 624c30be3f46de89778348ac1a7caa0859194b64 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 13:45:04 -0700
Subject: [PATCH 147/304] Created array of accepted tabRoutes to use as Tabs
 condition

---
 src/components/NavBar/NavbarLinks.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index 2cbb123c7..6534af727 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -35,6 +35,8 @@ const NavbarLinks = () => {
     { label: 'Messages', path: '/PASS/messages' }
   ];
 
+  const tabRoutes = ['clients', 'documents', 'messages'];
+
   // Navigate To... button and menu (small screens)
   const [anchorEl, setAnchorEl] = useState(null);
   const openNavigateToMenu = Boolean(anchorEl);
@@ -105,7 +107,7 @@ const NavbarLinks = () => {
 
       {/* will show on larger screen (tablet/desktop view) */}
       <Tabs
-        value={location === 'profile' ? false : location}
+        value={tabRoutes.includes(location) ? location : false}
         textColor="inherit"
         indicatorColor="secondary"
         aria-label="tabs"

From 1b986aab6233f58c6b93ceb2306921282adc3b6c Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 16:00:10 -0700
Subject: [PATCH 148/304] Edited conditional for Input value in
 ProfileInputField to set to 'No value set' only when inputValue is null else
 use inputValue; Update fetchProfileData to simply setState without
 conditionals

---
 src/components/Profile/ProfileInputField.jsx | 26 +++++++-------------
 src/routes/Profile.jsx                       | 13 ++--------
 2 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 65d85395b..185714248 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -10,7 +10,6 @@ import ClearIcon from '@mui/icons-material/Clear';
 import EditIcon from '@mui/icons-material/Edit';
 import Input from '@mui/material/Input';
 import InputLabel from '@mui/material/InputLabel';
-import Typography from '@mui/material/Typography';
 // Utility Imports
 import { fetchProfileInfo, updateProfileInfo } from '../../utils';
 
@@ -68,22 +67,15 @@ const ProfileInputField = ({ inputName, inputValue, setInputValue, fetchProfileD
     <form onSubmit={handleUpdateProfile}>
       <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
         <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-          {edit ? (
-            <>
-              <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
-                {inputName}:{' '}
-              </InputLabel>
-              <Input
-                id={`input-${inputName}`}
-                value={inputValue}
-                onChange={(e) => setInputValue(e.target.value)}
-              />
-            </>
-          ) : (
-            <Typography>
-              {inputName}: {inputValue}
-            </Typography>
-          )}
+          <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
+            {inputName}:{' '}
+          </InputLabel>
+          <Input
+            id={`input-${inputName}`}
+            value={inputValue === null ? 'No value set' : inputValue}
+            disabled={!edit}
+            onChange={(e) => setInputValue(e.target.value)}
+          />
           <Button
             variant="outlined"
             type="button"
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index fec16c0f4..9b950e0c2 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -32,17 +32,8 @@ const Profile = () => {
   const fetchProfileData = async () => {
     const profileObject = await fetchProfileInfo(session);
 
-    if (profileObject.profileInfo.profileName !== null) {
-      setProfileName(profileObject.profileInfo.profileName);
-    } else {
-      setProfileName('No name set');
-    }
-
-    if (profileObject.profileInfo.organization !== null) {
-      setOrganization(profileObject.profileInfo.organization);
-    } else {
-      setOrganization('No organization set');
-    }
+    setProfileName(profileObject.profileInfo.profileName);
+    setOrganization(profileObject.profileInfo.organization);
   };
 
   useEffect(() => {

From ff13a830d7ce3df711cc24ac5a10930b949603ac Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 16:14:05 -0700
Subject: [PATCH 149/304] Set switch function for updateInputValue condition

---
 src/utils/network/session-core.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 0ef65c5e1..8f267f98f 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -347,16 +347,20 @@ export const updateProfileInfo = async (session, profileData, inputField, update
   let { profileDataset, profileThing } = profileData;
   const { profileInfo } = profileData;
 
-  if (updateInputValue === '') {
-    profileThing = removeStringNoLocale(
-      profileThing,
-      RDF_PREDICATES[inputField],
-      profileInfo[inputField]
-    );
-  } else {
-    profileThing = buildThing(profileThing)
-      .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
-      .build();
+  switch (updateInputValue) {
+    case '':
+    case null:
+      profileThing = removeStringNoLocale(
+        profileThing,
+        RDF_PREDICATES[inputField],
+        profileInfo[inputField]
+      );
+      break;
+    default:
+      profileThing = buildThing(profileThing)
+        .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
+        .build();
+      break;
   }
 
   profileDataset = setThing(profileDataset, profileThing);

From 6dcbe8bef203cc8beee936364d1704141126d1dd Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 16:24:04 -0700
Subject: [PATCH 150/304] Setting additional criteria for early return

---
 src/utils/network/session-core.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 8f267f98f..03d7055b4 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -348,8 +348,11 @@ export const updateProfileInfo = async (session, profileData, inputField, update
   const { profileInfo } = profileData;
 
   switch (updateInputValue) {
-    case '':
     case null:
+    case 'null':
+    case 'No value set':
+      return;
+    case '':
       profileThing = removeStringNoLocale(
         profileThing,
         RDF_PREDICATES[inputField],

From a41b04f22fc053af09d160fd8c53e033161b6b23 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 16:30:54 -0700
Subject: [PATCH 151/304] Updating import paths to utils

---
 src/model-helpers/Document.js | 9 ++++++---
 src/model-helpers/User.js     | 2 +-
 src/model-helpers/UserList.js | 2 +-
 src/utils/index.js            | 5 ++++-
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index d5bae40c9..6582ae51c 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -9,10 +9,13 @@ import {
 
 import sha256 from 'crypto-js/sha256';
 
-import getDriversLicenseData from '../utils/barcode/barcode-scan';
-import formattedDate from '../utils/barcode/barcode-date-parser';
 import { RDF_PREDICATES } from '../constants';
-import { getUserSigningKey, signDocumentTtlFile } from '../utils/cryptography/credentials-helper';
+import {
+  getUserSigningKey,
+  signDocumentTtlFile,
+  getDriversLicenseData,
+  formattedDate
+} from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
diff --git a/src/model-helpers/User.js b/src/model-helpers/User.js
index f36820a85..756983209 100644
--- a/src/model-helpers/User.js
+++ b/src/model-helpers/User.js
@@ -13,7 +13,7 @@ import {
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES } from '../constants';
 
-import { setDocAclForUser } from '../utils/network/session-helper';
+import { setDocAclForUser } from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
diff --git a/src/model-helpers/UserList.js b/src/model-helpers/UserList.js
index 784a9ab28..e3e0fe42f 100644
--- a/src/model-helpers/UserList.js
+++ b/src/model-helpers/UserList.js
@@ -10,7 +10,7 @@ import {
   removeThing
 } from '@inrupt/solid-client';
 
-import { setDocAclForUser } from '../utils/network/session-helper';
+import { setDocAclForUser } from '../utils';
 
 import { RDF_PREDICATES } from '../constants';
 
diff --git a/src/utils/index.js b/src/utils/index.js
index a12c92a4e..623e04f55 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -8,8 +8,11 @@
  * @namespace utils
  */
 import runNotification from './frontend/notification-helper';
+import getDriversLicenseData from './barcode/barcode-scan';
+import formattedDate from './barcode/barcode-date-parser';
 
-export { runNotification };
+export { runNotification, getDriversLicenseData, formattedDate };
 
+export * from './cryptography/credentials-helper';
 export * from './network/session-core';
 export * from './network/session-helper';

From 472de4f52b7597291a5619457d9613807f139ca9 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 16:36:15 -0700
Subject: [PATCH 152/304] Fixing updateActivity function in session-core to use
 setDate instead of addDate

---
 src/utils/network/session-core.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 03d7055b4..29832f206 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -371,11 +371,21 @@ export const updateProfileInfo = async (session, profileData, inputField, update
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
 };
 
+/**
+ * A function that saves the latest date user has logged into PASS as dateRead
+ *
+ * @function updateActivity
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} webId - WebId of the user to update last login date in profile
+ * card
+ * @returns {Promise} Promise - Saves the latest date user has logged in PASS
+ * into profile card as dateRead
+ */
 export const updateActivity = async (session, webId) => {
   let profileDataset = await getWebIdDataset(webId);
   let profileThing = getThing(profileDataset, webId);
 
-  profileThing = buildThing(profileThing).addDate(RDF_PREDICATES.dateRead, new Date()).build();
+  profileThing = buildThing(profileThing).setDate(RDF_PREDICATES.dateRead, new Date()).build();
 
   profileDataset = setThing(profileDataset, profileThing);
 

From 156ed091f2273c3e66d24aad941e6d4d0727782c Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 16:46:22 -0700
Subject: [PATCH 153/304] Moving fetchProfileInfo, updateProfileInfo, and
 updateActivity functions into profile-helper from session-core; Moving unit
 test for fetchProfileInfo from session-core.test.js into
 profile-helper.test.js

---
 src/utils/index.js                  |   1 +
 src/utils/network/profile-helper.js |  97 ++++++++++++++++++++++++++
 src/utils/network/session-core.js   | 102 +---------------------------
 test/utils/profile-helper.test.js   |  29 ++++++++
 test/utils/session-core.test.js     |  24 -------
 5 files changed, 129 insertions(+), 124 deletions(-)
 create mode 100644 src/utils/network/profile-helper.js
 create mode 100644 test/utils/profile-helper.test.js

diff --git a/src/utils/index.js b/src/utils/index.js
index 623e04f55..71dff004c 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -14,5 +14,6 @@ import formattedDate from './barcode/barcode-date-parser';
 export { runNotification, getDriversLicenseData, formattedDate };
 
 export * from './cryptography/credentials-helper';
+export * from './network/profile-helper';
 export * from './network/session-core';
 export * from './network/session-helper';
diff --git a/src/utils/network/profile-helper.js b/src/utils/network/profile-helper.js
new file mode 100644
index 000000000..2c5b6bb08
--- /dev/null
+++ b/src/utils/network/profile-helper.js
@@ -0,0 +1,97 @@
+import {
+  buildThing,
+  getStringNoLocale,
+  getThing,
+  getWebIdDataset,
+  removeStringNoLocale,
+  saveSolidDatasetAt,
+  setThing
+} from '@inrupt/solid-client';
+import { RDF_PREDICATES } from '../../constants';
+
+/**
+ * A function fetches the user's profile information from their webId's profile
+ * card
+ *
+ * @function fetchProfileInfo
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @returns {Promise<object>} Object - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ */
+export const fetchProfileInfo = async (session) => {
+  const profileDataset = await getWebIdDataset(session.info.webId);
+  const profileThing = getThing(profileDataset, session.info.webId);
+
+  const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+  const organization = getStringNoLocale(profileThing, RDF_PREDICATES.organization);
+
+  const profileInfo = { profileName, organization };
+
+  // TODO: include more fields to the object like organization, address, etc.
+  // when expanding this feature
+  return { profileInfo, profileDataset, profileThing };
+};
+
+/**
+ * A function that updates the user's profile information based on what is inputed
+ * in the Profile page
+ *
+ * @function updateProfileInfo
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {object} profileData - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ * @param {string} inputField - String about which input field to update
+ * @param {object} updateInputValue - The input for updating profile information
+ * on their profile card
+ * @returns {Promise} Promise - Performs action to update profile card on the
+ * user's profile card
+ */
+export const updateProfileInfo = async (session, profileData, inputField, updateInputValue) => {
+  let { profileDataset, profileThing } = profileData;
+  const { profileInfo } = profileData;
+
+  switch (updateInputValue) {
+    case null:
+    case 'null':
+    case 'No value set':
+      return;
+    case '':
+      profileThing = removeStringNoLocale(
+        profileThing,
+        RDF_PREDICATES[inputField],
+        profileInfo[inputField]
+      );
+      break;
+    default:
+      profileThing = buildThing(profileThing)
+        .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
+        .build();
+      break;
+  }
+
+  profileDataset = setThing(profileDataset, profileThing);
+
+  await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+};
+
+/**
+ * A function that saves the latest date user has logged into PASS as dateRead
+ * inside user's profile card
+ *
+ * @function updateActivity
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} webId - WebId of the user to update last login date in profile
+ * card
+ * @returns {Promise} Promise - Saves the latest date user has logged in PASS
+ * into profile card as dateRead
+ */
+export const updateActivity = async (session, webId) => {
+  let profileDataset = await getWebIdDataset(webId);
+  let profileThing = getThing(profileDataset, webId);
+
+  profileThing = buildThing(profileThing).setDate(RDF_PREDICATES.dateRead, new Date()).build();
+
+  profileDataset = setThing(profileDataset, profileThing);
+
+  await saveSolidDatasetAt(webId, profileDataset, { fetch: session.fetch });
+};
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 29832f206..a8922c9c3 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -1,17 +1,5 @@
-import {
-  createContainerAt,
-  getSolidDataset,
-  getThingAll,
-  getFile,
-  getThing,
-  getWebIdDataset,
-  getStringNoLocale,
-  buildThing,
-  setThing,
-  saveSolidDatasetAt,
-  removeStringNoLocale
-} from '@inrupt/solid-client';
-import { INTERACTION_TYPES, RDF_PREDICATES } from '../../constants';
+import { createContainerAt, getSolidDataset, getThingAll, getFile } from '@inrupt/solid-client';
+import { INTERACTION_TYPES } from '../../constants';
 import {
   getContainerUrl,
   setDocAclForUser,
@@ -305,89 +293,3 @@ export const getBlobFromSolid = async (session, fileUrl) => {
   const fileBlob = await getFile(fileUrl, { fetch: session.fetch });
   return URL.createObjectURL(fileBlob);
 };
-
-/**
- * A function fetches the user's profile information from their webId's profile
- * card
- *
- * @function fetchProfileInfo
- * @param {Session} session - Solid's Session Object {@link Session}
- * @returns {Promise<object>} Object - The object containing the information related
- * to the person on their profile card, the profile dataset, and the profile Thing
- */
-export const fetchProfileInfo = async (session) => {
-  const profileDataset = await getWebIdDataset(session.info.webId);
-  const profileThing = getThing(profileDataset, session.info.webId);
-
-  const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
-  const organization = getStringNoLocale(profileThing, RDF_PREDICATES.organization);
-
-  const profileInfo = { profileName, organization };
-
-  // TODO: include more fields to the object like organization, address, etc.
-  // when expanding this feature
-  return { profileInfo, profileDataset, profileThing };
-};
-
-/**
- * A function that updates the user's profile information based on what is inputed
- * in the Profile page
- *
- * @function updateProfileInfo
- * @param {Session} session - Solid's Session Object {@link Session}
- * @param {object} profileData - The object containing the information related
- * to the person on their profile card, the profile dataset, and the profile Thing
- * @param {string} inputField - String about which input field to update
- * @param {object} updateInputValue - The input for updating profile information
- * on their profile card
- * @returns {Promise} Promise - Performs action to update profile card on the
- * user's profile card
- */
-export const updateProfileInfo = async (session, profileData, inputField, updateInputValue) => {
-  let { profileDataset, profileThing } = profileData;
-  const { profileInfo } = profileData;
-
-  switch (updateInputValue) {
-    case null:
-    case 'null':
-    case 'No value set':
-      return;
-    case '':
-      profileThing = removeStringNoLocale(
-        profileThing,
-        RDF_PREDICATES[inputField],
-        profileInfo[inputField]
-      );
-      break;
-    default:
-      profileThing = buildThing(profileThing)
-        .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
-        .build();
-      break;
-  }
-
-  profileDataset = setThing(profileDataset, profileThing);
-
-  await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
-};
-
-/**
- * A function that saves the latest date user has logged into PASS as dateRead
- *
- * @function updateActivity
- * @param {Session} session - Solid's Session Object {@link Session}
- * @param {URL} webId - WebId of the user to update last login date in profile
- * card
- * @returns {Promise} Promise - Saves the latest date user has logged in PASS
- * into profile card as dateRead
- */
-export const updateActivity = async (session, webId) => {
-  let profileDataset = await getWebIdDataset(webId);
-  let profileThing = getThing(profileDataset, webId);
-
-  profileThing = buildThing(profileThing).setDate(RDF_PREDICATES.dateRead, new Date()).build();
-
-  profileDataset = setThing(profileDataset, profileThing);
-
-  await saveSolidDatasetAt(webId, profileDataset, { fetch: session.fetch });
-};
diff --git a/test/utils/profile-helper.test.js b/test/utils/profile-helper.test.js
new file mode 100644
index 000000000..23bfa9f73
--- /dev/null
+++ b/test/utils/profile-helper.test.js
@@ -0,0 +1,29 @@
+import { beforeEach, afterEach, describe, expect, vi, it } from 'vitest';
+import { fetchProfileInfo } from '../../src/utils';
+
+let session = {};
+
+vi.mock('@inrupt/solid-client');
+
+describe('fetchProfileInfo', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: 'https://newtestuser2.opencommons.net/profile/card#me'
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('returns expected properties for profileData object', async () => {
+    const results = await fetchProfileInfo(session);
+
+    expect(results).toHaveProperty('profileInfo.profileName');
+    expect(results).toHaveProperty('profileInfo.organization');
+    expect(results).toHaveProperty('profileDataset');
+    expect(results).toHaveProperty('profileThing');
+  });
+});
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index 2e5161086..fc2b91b94 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -4,7 +4,6 @@ import {
   createInbox,
   createOutbox,
   createPublicContainer,
-  fetchProfileInfo,
   getBlobFromSolid
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
@@ -139,26 +138,3 @@ describe('getBlobFromSolid', () => {
     expect(result).toBe('mock-url');
   });
 });
-
-describe('fetchProfileInfo', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: 'https://newtestuser2.opencommons.net/profile/card#me'
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('returns expected properties for profileData object', async () => {
-    const results = await fetchProfileInfo(session);
-
-    expect(results).toHaveProperty('profileInfo.profileName');
-    expect(results).toHaveProperty('profileInfo.organization');
-    expect(results).toHaveProperty('profileDataset');
-    expect(results).toHaveProperty('profileThing');
-  });
-});

From 15e312282636e4abe286560c4c49e4298786b826 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 25 Jun 2023 16:51:36 -0700
Subject: [PATCH 154/304] Correcting JSDoc for profileInputFieldProps and
 importing typedef for Session in profile-helper

---
 src/components/Profile/ProfileInputField.jsx | 5 ++---
 src/utils/network/profile-helper.js          | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 185714248..6362a4765 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -21,11 +21,10 @@ import { fetchProfileInfo, updateProfileInfo } from '../../utils';
  * @type {object}
  * @property {string} inputName - Name of input field
  * @property {string} inputValue - Value of input field used for updating profile
- * @property {boolean} editInputValue - Boolean for editing input value
  * @property {(value: React.SetStateAction<null>) => void} setInputValue - Set
  * function for inputValue
- * @property {() => void} handleEditInput - Handler function for editing input
- * @property {() => void} handleCancelEdit - Handler function for cancelling edit
+ * @property {() => void} fetchProfileData - Handler function for fetching data
+ * from user's profile card
  * @memberof typedefs
  */
 
diff --git a/src/utils/network/profile-helper.js b/src/utils/network/profile-helper.js
index 2c5b6bb08..8ee53f820 100644
--- a/src/utils/network/profile-helper.js
+++ b/src/utils/network/profile-helper.js
@@ -9,6 +9,10 @@ import {
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES } from '../../constants';
 
+/**
+ * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
+ */
+
 /**
  * A function fetches the user's profile information from their webId's profile
  * card

From 567e8f15c4719f3a9647aa42dbaec060c8e16b38 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 26 Jun 2023 12:54:57 -0700
Subject: [PATCH 155/304] Moving profile-helper to model-helpers as Profile;
 Moved unit test from profile-helper.test.js to Profile.test.js; Changed
 ondition for NavbarLinks to use routesArray label; Adjusted routes for new
 Profile file; Included new predicate for RDF.type; Updated fetchProfileInfo
 and updateProfileInfo functions to consider building new Thing for schemas
 that are Things

---
 src/components/NavBar/NavbarLinks.jsx         |  8 ++-
 src/components/Profile/ProfileInputField.jsx  |  2 +-
 src/constants/rdf_predicates.js               |  5 +-
 src/contexts/SignedInUserContext.jsx          |  4 +-
 .../Profile.js}                               | 59 ++++++++++++++-----
 src/model-helpers/index.js                    |  1 +
 src/routes/Profile.jsx                        |  2 +-
 src/utils/index.js                            |  1 -
 .../OidcLoginComponent.test.jsx.snap          |  8 ++-
 .../Profile.test.js}                          |  2 +-
 10 files changed, 62 insertions(+), 30 deletions(-)
 rename src/{utils/network/profile-helper.js => model-helpers/Profile.js} (61%)
 rename test/{utils/profile-helper.test.js => model-helpers/Profile.test.js} (92%)

diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index 6534af727..a27bf2758 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -35,8 +35,6 @@ const NavbarLinks = () => {
     { label: 'Messages', path: '/PASS/messages' }
   ];
 
-  const tabRoutes = ['clients', 'documents', 'messages'];
-
   // Navigate To... button and menu (small screens)
   const [anchorEl, setAnchorEl] = useState(null);
   const openNavigateToMenu = Boolean(anchorEl);
@@ -107,7 +105,11 @@ const NavbarLinks = () => {
 
       {/* will show on larger screen (tablet/desktop view) */}
       <Tabs
-        value={tabRoutes.includes(location) ? location : false}
+        value={
+          routesArray.map((route) => route.label.toLowerCase()).includes(location)
+            ? location
+            : false
+        }
         textColor="inherit"
         indicatorColor="secondary"
         aria-label="tabs"
diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 6362a4765..475596de8 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -11,7 +11,7 @@ import EditIcon from '@mui/icons-material/Edit';
 import Input from '@mui/material/Input';
 import InputLabel from '@mui/material/InputLabel';
 // Utility Imports
-import { fetchProfileInfo, updateProfileInfo } from '../../utils';
+import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
 
 /**
  * messageFolderProps is an object that stores the props for the MessageFolder
diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index b447ec181..1dd315f77 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -1,4 +1,4 @@
-import { SCHEMA_INRUPT } from '@inrupt/vocab-common-rdf';
+import { SCHEMA_INRUPT, RDF } from '@inrupt/vocab-common-rdf';
 
 const RDF_PREDICATES = {
   ...SCHEMA_INRUPT,
@@ -26,7 +26,8 @@ const RDF_PREDICATES = {
   sha256: 'https://schema.org/sha256',
   accountablePerson: 'https://schema.org/accountablePerson',
   organization: 'https://schema.org/Organization',
-  dateRead: 'https://schema.org/dateRead'
+  dateRead: 'https://schema.org/dateRead',
+  type: RDF.type
 };
 
 export default RDF_PREDICATES;
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 5a05bd97f..b373ff15f 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -4,8 +4,8 @@ import React, { createContext, useState, useMemo, useEffect } from 'react';
 import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
-import { createPublicContainer, updateActivity } from '../utils';
-import { updateUserActivity } from '../model-helpers';
+import { createPublicContainer } from '../utils';
+import { updateUserActivity, updateActivity } from '../model-helpers';
 
 /**
  * React Context for users list from Solid Pod
diff --git a/src/utils/network/profile-helper.js b/src/model-helpers/Profile.js
similarity index 61%
rename from src/utils/network/profile-helper.js
rename to src/model-helpers/Profile.js
index 8ee53f820..0dbc2e340 100644
--- a/src/utils/network/profile-helper.js
+++ b/src/model-helpers/Profile.js
@@ -1,13 +1,15 @@
 import {
   buildThing,
+  createThing,
   getStringNoLocale,
   getThing,
   getWebIdDataset,
   removeStringNoLocale,
+  removeThing,
   saveSolidDatasetAt,
   setThing
 } from '@inrupt/solid-client';
-import { RDF_PREDICATES } from '../../constants';
+import { RDF_PREDICATES } from '../constants';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -24,16 +26,23 @@ import { RDF_PREDICATES } from '../../constants';
  */
 export const fetchProfileInfo = async (session) => {
   const profileDataset = await getWebIdDataset(session.info.webId);
-  const profileThing = getThing(profileDataset, session.info.webId);
+  const profileThingMe = getThing(profileDataset, session.info.webId);
+  const profileThingOrg = getThing(
+    profileDataset,
+    session.info.webId.replace('#me', '#organization')
+  );
 
-  const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
-  const organization = getStringNoLocale(profileThing, RDF_PREDICATES.organization);
+  const profileName = getStringNoLocale(profileThingMe, RDF_PREDICATES.profileName);
+  const organization = profileThingOrg
+    ? getStringNoLocale(profileThingOrg, RDF_PREDICATES.name)
+    : null;
 
   const profileInfo = { profileName, organization };
+  const profileThingAll = { profileThingMe, profileThingOrg };
 
   // TODO: include more fields to the object like organization, address, etc.
   // when expanding this feature
-  return { profileInfo, profileDataset, profileThing };
+  return { profileInfo, profileDataset, profileThingAll };
 };
 
 /**
@@ -51,8 +60,11 @@ export const fetchProfileInfo = async (session) => {
  * user's profile card
  */
 export const updateProfileInfo = async (session, profileData, inputField, updateInputValue) => {
-  let { profileDataset, profileThing } = profileData;
-  const { profileInfo } = profileData;
+  let { profileDataset } = profileData;
+  const { profileInfo, profileThingAll } = profileData;
+  let { profileThingMe } = profileThingAll;
+  const { profileThingOrg } = profileThingAll;
+  let newProfileThing;
 
   switch (updateInputValue) {
     case null:
@@ -60,20 +72,35 @@ export const updateProfileInfo = async (session, profileData, inputField, update
     case 'No value set':
       return;
     case '':
-      profileThing = removeStringNoLocale(
-        profileThing,
-        RDF_PREDICATES[inputField],
-        profileInfo[inputField]
-      );
+      if (inputField === 'organization') {
+        profileDataset = removeThing(profileDataset, profileThingOrg);
+      } else {
+        profileThingMe = removeStringNoLocale(
+          profileThingMe,
+          RDF_PREDICATES[inputField],
+          profileInfo[inputField]
+        );
+      }
       break;
     default:
-      profileThing = buildThing(profileThing)
-        .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
-        .build();
+      if (inputField === 'organization') {
+        newProfileThing = buildThing(createThing({ name: 'organization' }))
+          .addUrl(RDF_PREDICATES.type, RDF_PREDICATES.organization)
+          .addStringNoLocale(RDF_PREDICATES.name, updateInputValue)
+          .build();
+      } else {
+        profileThingMe = buildThing(profileThingMe)
+          .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
+          .build();
+      }
       break;
   }
 
-  profileDataset = setThing(profileDataset, profileThing);
+  if (newProfileThing) {
+    profileDataset = setThing(profileDataset, newProfileThing);
+  } else {
+    profileDataset = setThing(profileDataset, profileThingMe);
+  }
 
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
 };
diff --git a/src/model-helpers/index.js b/src/model-helpers/index.js
index d58790847..61815fbf8 100644
--- a/src/model-helpers/index.js
+++ b/src/model-helpers/index.js
@@ -10,3 +10,4 @@ export * from './UserList';
 export * from './User';
 export * from './Document';
 export * from './DocumentList';
+export * from './Profile';
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 9b950e0c2..9416678a9 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -8,7 +8,7 @@ import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
-import { fetchProfileInfo } from '../utils';
+import { fetchProfileInfo } from '../model-helpers';
 // Component Inputs
 import ProfileInputField from '../components/Profile/ProfileInputField';
 
diff --git a/src/utils/index.js b/src/utils/index.js
index 71dff004c..623e04f55 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -14,6 +14,5 @@ import formattedDate from './barcode/barcode-date-parser';
 export { runNotification, getDriversLicenseData, formattedDate };
 
 export * from './cryptography/credentials-helper';
-export * from './network/profile-helper';
 export * from './network/session-core';
 export * from './network/session-helper';
diff --git a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
index 37301ce68..6d1c982fb 100644
--- a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
+++ b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
@@ -9,8 +9,8 @@ exports[`renders correctly 1`] = `
     class="MuiFormControl-root MuiTextField-root css-1q1ral2-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled css-e4w4as-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink="false"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-o943dk-MuiFormLabel-root-MuiInputLabel-root"
+      data-shrink="true"
       for=":r0:"
       id=":r0:-label"
     >
@@ -25,7 +25,8 @@ exports[`renders correctly 1`] = `
         class="MuiInputBase-input MuiFilledInput-input css-10botns-MuiInputBase-input-MuiFilledInput-input"
         id=":r0:"
         type="text"
-        value=""
+        value="https://opencommons.net/
+"
       />
     </div>
   </div>
@@ -33,6 +34,7 @@ exports[`renders correctly 1`] = `
     class="MuiBox-root css-120gsus"
   />
   <div>
+    https://opencommons.net/
     <button
       aria-label="Login Button"
       class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge css-1xnmwiw-MuiButtonBase-root-MuiButton-root"
diff --git a/test/utils/profile-helper.test.js b/test/model-helpers/Profile.test.js
similarity index 92%
rename from test/utils/profile-helper.test.js
rename to test/model-helpers/Profile.test.js
index 23bfa9f73..fed90a822 100644
--- a/test/utils/profile-helper.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -1,5 +1,5 @@
 import { beforeEach, afterEach, describe, expect, vi, it } from 'vitest';
-import { fetchProfileInfo } from '../../src/utils';
+import { fetchProfileInfo } from '../../src/model-helpers';
 
 let session = {};
 

From 19365363f427b65685c1d480cde5abf5536936bc Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 26 Jun 2023 13:02:54 -0700
Subject: [PATCH 156/304] Fixed unit-test for Profile.test.js to expect
 profileThingAll instead of profileThing; Reverted snapshot to original
 version in Development

---
 .../NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap | 8 +++-----
 test/model-helpers/Profile.test.js                        | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
index 6d1c982fb..37301ce68 100644
--- a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
+++ b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
@@ -9,8 +9,8 @@ exports[`renders correctly 1`] = `
     class="MuiFormControl-root MuiTextField-root css-1q1ral2-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-o943dk-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink="true"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled css-e4w4as-MuiFormLabel-root-MuiInputLabel-root"
+      data-shrink="false"
       for=":r0:"
       id=":r0:-label"
     >
@@ -25,8 +25,7 @@ exports[`renders correctly 1`] = `
         class="MuiInputBase-input MuiFilledInput-input css-10botns-MuiInputBase-input-MuiFilledInput-input"
         id=":r0:"
         type="text"
-        value="https://opencommons.net/
-"
+        value=""
       />
     </div>
   </div>
@@ -34,7 +33,6 @@ exports[`renders correctly 1`] = `
     class="MuiBox-root css-120gsus"
   />
   <div>
-    https://opencommons.net/
     <button
       aria-label="Login Button"
       class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge css-1xnmwiw-MuiButtonBase-root-MuiButton-root"
diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index fed90a822..465d954cb 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -24,6 +24,6 @@ describe('fetchProfileInfo', () => {
     expect(results).toHaveProperty('profileInfo.profileName');
     expect(results).toHaveProperty('profileInfo.organization');
     expect(results).toHaveProperty('profileDataset');
-    expect(results).toHaveProperty('profileThing');
+    expect(results).toHaveProperty('profileThingAll');
   });
 });

From 27bc457b670677fdeb0d0274e2a9eb95f71509b9 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Mon, 26 Jun 2023 23:36:54 -0700
Subject: [PATCH 157/304] embed Button components directly into MenuItem
 components instead of nesting as children

---
 src/components/NavBar/NavMenu.jsx | 49 ++++++++++++++++---------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 50951a5d9..d6a27132c 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -52,36 +52,37 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
             Notifications
           </Button>
         </MenuItem>
-        <MenuItem>
-          <Button
-            variant="text"
-            startIcon={<AccountCircle />}
-            href={session.info.webId}
-            target="_blank"
-            rel="noreferrer"
-          >
-            Profile
-          </Button>
+        <MenuItem
+          component={Button}
+          variant="text"
+          startIcon={<AccountCircle />}
+          href={session.info.webId}
+          target="_blank"
+          rel="noreferrer"
+          sx={{ color: 'rgba(1, 121, 105, 1)' }}
+        >
+          Profile
         </MenuItem>
         <Divider />
-        <MenuItem>
-          <Button variant="text" startIcon={<SettingsIcon />}>
-            Settings
-          </Button>
+        <MenuItem
+          component={Button}
+          variant="text"
+          startIcon={<SettingsIcon />}
+          sx={{ color: 'rgba(1, 121, 105, 1)' }}
+        >
+          Settings
         </MenuItem>
-        <MenuItem>
-          <Button
-            variant="text"
-            color="error"
-            startIcon={<LogoutIcon />}
-            onClick={() => setShowConfirmation(true)}
-          >
-            Logout
-          </Button>
+        <MenuItem
+          component={Button}
+          startIcon={<LogoutIcon />}
+          onClick={() => setShowConfirmation(true)}
+          sx={{ color: 'rgba(211, 47, 47, 1)' }}
+        >
+          Log Out
         </MenuItem>
       </MenuList>
     </Menu>
   );
 };
 
-export default NavMenu;
+export default NavMenu;
\ No newline at end of file

From fedbc04d5d36ff234b8484cbeb69642a52a22c40 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Tue, 27 Jun 2023 00:10:55 -0700
Subject: [PATCH 158/304] prettier formatting

---
 src/components/NavBar/NavMenu.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index d6a27132c..6bcb13616 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -85,4 +85,4 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
   );
 };
 
-export default NavMenu;
\ No newline at end of file
+export default NavMenu;

From 02844892d136f7f9918942ca1af212dc11eff259 Mon Sep 17 00:00:00 2001
From: Tim Standen <37914436+timbot1789@users.noreply.github.com>
Date: Tue, 27 Jun 2023 11:10:45 -0700
Subject: [PATCH 159/304] Remove user activity (#262)

Co-authored-by: Ka Hung Lee <lee.kahung414@gmail.com>
---
 src/components/Clients/ClientListTable.jsx    |  2 +-
 src/components/Clients/ClientListTableRow.jsx |  6 ----
 src/model-helpers/User.js                     | 34 ++-----------------
 src/model-helpers/UserList.js                 | 13 +++----
 src/typedefs.js                               |  1 -
 test/model-helpers/User.test.js               | 16 ++-------
 6 files changed, 11 insertions(+), 61 deletions(-)

diff --git a/src/components/Clients/ClientListTable.jsx b/src/components/Clients/ClientListTable.jsx
index 85a084e36..b8e02ef83 100644
--- a/src/components/Clients/ClientListTable.jsx
+++ b/src/components/Clients/ClientListTable.jsx
@@ -17,7 +17,7 @@ import ClientListTableRow from './ClientListTableRow';
 import { StyledTableCell } from '../Table/TableStyles';
 
 // ===== MAKE CHANGES HERE FOR TABLE HEADER / COLUMN TITLES =====
-const columnTitlesArray = ['Select', 'Client', 'WebID', 'Last Activity', 'Pin', 'Delete'];
+const columnTitlesArray = ['Select', 'Client', 'WebID', 'Pin', 'Delete'];
 
 /**
  * ClientListTable Component - Component that generates table of clients from data within ClientList
diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index c9168f2b9..dd91c65da 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -29,11 +29,6 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const { removeUser } = useContext(UserListContext);
   const [pinned, setPinned] = useState(false);
 
-  // determine what gets rendered in the date modified cell of table
-  const modifiedDate = client.dateModified
-    ? client.dateModified.toLocaleDateString()
-    : 'Not available';
-
   // determine what icon gets rendered in the pinned column
   const pinnedIcon = pinned ? <PushPinIcon color="secondary" /> : <PushPinOutlinedIcon />;
 
@@ -98,7 +93,6 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
           Link to Pod Profile
         </Link>
       </StyledTableCell>
-      <StyledTableCell align="center">{modifiedDate}</StyledTableCell>
       <StyledTableCell align="center">
         <IconButton size="large" edge="end" onClick={handlePinClick}>
           {pinnedIcon}
diff --git a/src/model-helpers/User.js b/src/model-helpers/User.js
index f36820a85..ad561ec5a 100644
--- a/src/model-helpers/User.js
+++ b/src/model-helpers/User.js
@@ -5,7 +5,6 @@ import {
   saveSolidDatasetAt,
   getSolidDataset,
   createSolidDataset,
-  getDatetime,
   getPodUrlAll,
   getStringNoLocale,
   getUrl,
@@ -88,28 +87,6 @@ export const updateUserActivity = async (session, podUrl) => {
   }
 };
 
-/**
- * Fetches the last time a user was active in pass
- *
- * @memberof User
- * @function loadUserActivity
- * @param {URL} podUrl - Url of user's pod to fetch from
- * @param {Session} session - Solid's Session Object {@link Session}
- * @returns {Promise<string>} last time the user was active in PASS
- */
-const loadUserActivity = async (podUrl, session) => {
-  const activityUrl = `${podUrl}PASS/Public/active.ttl`;
-  try {
-    const solidDataset = await getSolidDataset(activityUrl, {
-      fetch: session.fetch
-    });
-    const activeThing = getThing(solidDataset, `${activityUrl}#active`);
-    return getDatetime(activeThing, RDF_PREDICATES.dateModified);
-  } catch {
-    return null;
-  }
-};
-
 /**
  * Creates a user object from a provided form submission
  *
@@ -130,14 +107,11 @@ export const createUser = async (session, userSubmission) => {
   }
   newUserPodUrl = newUserPodUrl || webId.split('profile')[0];
 
-  const dateModified = await loadUserActivity(newUserPodUrl, session);
-
   return {
     familyName,
     username,
     givenName,
     webId,
-    dateModified,
     podUrl: newUserPodUrl
   };
 };
@@ -147,19 +121,17 @@ export const createUser = async (session, userSubmission) => {
  *
  * @memberof User
  * @function parseUserFromThing
- * @param {Thing} userThing - the Thing to build the user from
- * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {import('@inrupt/solid-client').Thing} userThing - the Thing to build the user from
  * @returns {object} user object
  */
-export const parseUserFromThing = async (userThing, session) => {
+export const parseUserFromThing = (userThing) => {
   const person = getStringNoLocale(userThing, RDF_PREDICATES.Person);
   const givenName = getStringNoLocale(userThing, RDF_PREDICATES.givenName);
   const familyName = getStringNoLocale(userThing, RDF_PREDICATES.familyName);
   const username = getStringNoLocale(userThing, RDF_PREDICATES.alternateName);
   const webId = getUrl(userThing, RDF_PREDICATES.identifier);
   const podUrl = getUrl(userThing, RDF_PREDICATES.URL);
-  const dateModified = await loadUserActivity(podUrl, session);
-  return { person, username, givenName, familyName, webId, podUrl, dateModified };
+  return { person, username, givenName, familyName, webId, podUrl };
 };
 
 /**
diff --git a/src/model-helpers/UserList.js b/src/model-helpers/UserList.js
index 784a9ab28..5384a0f0d 100644
--- a/src/model-helpers/UserList.js
+++ b/src/model-helpers/UserList.js
@@ -60,20 +60,17 @@ const makeIntoDataset = (usersList, dataset = createSolidDataset()) => {
  * @memberof UserList
  * @function parseFromDataset
  * @param {SolidDataset} usersDataset - dataset to convert to array
- * @param {Session} session - session to use for saving
  * @returns {object} An new userListObject containing any updates
  */
-const parseFromDataset = async (usersDataset, session) => {
+const parseFromDataset = async (usersDataset) => {
   const userList = [];
   const allUsersThing = getThingAll(usersDataset).filter(
     (thing) => !thing.url.includes('#userlist')
   );
-  await Promise.all(
-    allUsersThing.map(async (userThing) => {
-      const userObject = await parseUserFromThing(userThing, session);
-      userList.push(userObject);
-    })
-  );
+  allUsersThing.map(async (userThing) => {
+    const userObject = parseUserFromThing(userThing);
+    userList.push(userObject);
+  });
 
   return userList;
 };
diff --git a/src/typedefs.js b/src/typedefs.js
index 8a1a8627f..3ba5687c2 100644
--- a/src/typedefs.js
+++ b/src/typedefs.js
@@ -116,7 +116,6 @@ const React = require('react');
  * @property {string} givenName - First/given name of user
  * @property {string} familyName - Last/family name of user
  * @property {URL} webId - A user's webId
- * @property {Date|null} dateModified - The last active date using PASS
  * @memberof typedefs
  */
 
diff --git a/test/model-helpers/User.test.js b/test/model-helpers/User.test.js
index 2cb718215..adec32ee6 100644
--- a/test/model-helpers/User.test.js
+++ b/test/model-helpers/User.test.js
@@ -32,7 +32,6 @@ describe('createUser', () => {
       givenName: 'Far',
       username: 'tilde',
       webId: `${mockPodUrl}profile/card`,
-      dateModified: null,
       podUrl: mockPodUrl
     });
   });
@@ -99,24 +98,13 @@ describe('parseUserFromThing', () => {
     .build();
 
   it('properly creates user object', async () => {
-    const result = await parseUserFromThing(mockThing, session);
+    const result = parseUserFromThing(mockThing);
     expect(result).toMatchObject({
       username,
       givenName,
       familyName,
       webId,
-      podUrl,
-      dateModified: null
+      podUrl
     });
   });
-
-  it("fetches user activity from the user's pod", async () => {
-    await parseUserFromThing(mockThing, session);
-    expect(getSolidDataset).toBeCalledWith(
-      `${podUrl}PASS/Public/active.ttl`,
-      expect.objectContaining({
-        fetch: session.fetch
-      })
-    );
-  });
 });

From 9df5ad7cdc1db149c18688f8c7983df94a227305 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Mon, 26 Jun 2023 23:36:54 -0700
Subject: [PATCH 160/304] embed Button components directly into MenuItem
 components instead of nesting as children

---
 src/components/NavBar/NavMenu.jsx | 51 ++++++++++++++++---------------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index d8cebdaf5..b819af2c6 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -13,6 +13,8 @@ import MenuList from '@mui/material/MenuList';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 import SettingsIcon from '@mui/icons-material/Settings';
 
+import theme from '../../theme.js';
+
 /**
  * NavMenu Component - Component that generates NavMenu section for PASS
  *
@@ -52,36 +54,37 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
             Notifications
           </Button>
         </MenuItem>
-        <MenuItem>
-          <Button
-            variant="text"
-            startIcon={<AccountCircle />}
-            href={session.info.webId}
-            target="_blank"
-            rel="noreferrer"
-          >
-            Profile
-          </Button>
+        <MenuItem
+          component={Button}
+          variant="text"
+          startIcon={<AccountCircle />}
+          href={session.info.webId}
+          target="_blank"
+          rel="noreferrer"
+          sx={{ color: theme.palette.primary.main }}
+        >
+          Profile
         </MenuItem>
         <Divider />
-        <MenuItem>
-          <Button variant="text" startIcon={<SettingsIcon />}>
-            Settings
-          </Button>
+        <MenuItem
+          component={Button}
+          variant="text"
+          startIcon={<SettingsIcon />}
+          sx={{ color: theme.palette.primary.main }}
+        >
+          Settings
         </MenuItem>
-        <MenuItem>
-          <Button
-            variant="text"
-            color="error"
-            startIcon={<LogoutIcon />}
-            onClick={() => setShowConfirmation(true)}
-          >
-            Log Out
-          </Button>
+        <MenuItem
+          component={Button}
+          startIcon={<LogoutIcon />}
+          onClick={() => setShowConfirmation(true)}
+          sx={{ color: theme.palette.error.main }}
+        >
+          Log Out
         </MenuItem>
       </MenuList>
     </Menu>
   );
 };
 
-export default NavMenu;
+export default NavMenu;
\ No newline at end of file

From 190a9c7a8a343e6ddc54495756fe28d7e13e2105 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Tue, 27 Jun 2023 00:10:55 -0700
Subject: [PATCH 161/304] prettier formatting

---
 src/components/NavBar/NavMenu.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index b819af2c6..bb308054d 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -87,4 +87,4 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
   );
 };
 
-export default NavMenu;
\ No newline at end of file
+export default NavMenu;

From 5a014686a04bf67c15fbc8e9475b7d23b371c691 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Tue, 27 Jun 2023 16:13:33 -0700
Subject: [PATCH 162/304] replace rgba values with theme colors

---
 src/components/NavBar/NavMenu.jsx | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 347b87d78..bb308054d 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -61,11 +61,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
           href={session.info.webId}
           target="_blank"
           rel="noreferrer"
-<<<<<<< HEAD
           sx={{ color: theme.palette.primary.main }}
-=======
-          sx={{ color: 'rgba(1, 121, 105, 1)' }}
->>>>>>> fedbc04d5d36ff234b8484cbeb69642a52a22c40
         >
           Profile
         </MenuItem>
@@ -74,11 +70,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
           component={Button}
           variant="text"
           startIcon={<SettingsIcon />}
-<<<<<<< HEAD
           sx={{ color: theme.palette.primary.main }}
-=======
-          sx={{ color: 'rgba(1, 121, 105, 1)' }}
->>>>>>> fedbc04d5d36ff234b8484cbeb69642a52a22c40
         >
           Settings
         </MenuItem>
@@ -86,11 +78,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
           component={Button}
           startIcon={<LogoutIcon />}
           onClick={() => setShowConfirmation(true)}
-<<<<<<< HEAD
           sx={{ color: theme.palette.error.main }}
-=======
-          sx={{ color: 'rgba(211, 47, 47, 1)' }}
->>>>>>> fedbc04d5d36ff234b8484cbeb69642a52a22c40
         >
           Log Out
         </MenuItem>

From d2677d2672dfd42b85b9c459b00f3961a8f619a3 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Tue, 27 Jun 2023 16:19:26 -0700
Subject: [PATCH 163/304] prettier formatting

---
 src/components/NavBar/NavMenu.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index bb308054d..6d2bf7c8a 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -13,7 +13,7 @@ import MenuList from '@mui/material/MenuList';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 import SettingsIcon from '@mui/icons-material/Settings';
 
-import theme from '../../theme.js';
+import theme from '../../theme';
 
 /**
  * NavMenu Component - Component that generates NavMenu section for PASS

From a528215481bc00125531dfd7c16bdad866f804dd Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Tue, 27 Jun 2023 16:55:23 -0700
Subject: [PATCH 164/304] replace imported theme with variants

---
 src/components/NavBar/NavMenu.jsx | 14 +++-----------
 src/theme.js                      | 25 +++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 6d2bf7c8a..8bab7e740 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -13,8 +13,6 @@ import MenuList from '@mui/material/MenuList';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 import SettingsIcon from '@mui/icons-material/Settings';
 
-import theme from '../../theme';
-
 /**
  * NavMenu Component - Component that generates NavMenu section for PASS
  *
@@ -56,29 +54,23 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
         </MenuItem>
         <MenuItem
           component={Button}
-          variant="text"
+          variant="primary"
           startIcon={<AccountCircle />}
           href={session.info.webId}
           target="_blank"
           rel="noreferrer"
-          sx={{ color: theme.palette.primary.main }}
         >
           Profile
         </MenuItem>
         <Divider />
-        <MenuItem
-          component={Button}
-          variant="text"
-          startIcon={<SettingsIcon />}
-          sx={{ color: theme.palette.primary.main }}
-        >
+        <MenuItem component={Button} startIcon={<SettingsIcon />} variant="primary">
           Settings
         </MenuItem>
         <MenuItem
           component={Button}
           startIcon={<LogoutIcon />}
           onClick={() => setShowConfirmation(true)}
-          sx={{ color: theme.palette.error.main }}
+          variant="error"
         >
           Log Out
         </MenuItem>
diff --git a/src/theme.js b/src/theme.js
index a16db3b9b..669e32d1d 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -29,6 +29,31 @@ const theme = createTheme({
       main: '#64748B',
       contrastText: '#fff'
     }
+  },
+  components: {
+    MuiMenuItemBase: {
+      styleOverrides: {
+        root: {
+          color: '#017969'
+        }
+      }
+    },
+    MuiMenuItem: {
+      variants: [
+        {
+          props: { variant: 'primary' },
+          style: {
+            color: '#017969'
+          }
+        },
+        {
+          props: { variant: 'error' },
+          style: {
+            color: '#d32f2f'
+          }
+        }
+      ]
+    }
   }
 });
 

From ff963104da4e199435795803176faf9cf195e392 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 27 Jun 2023 17:19:34 -0700
Subject: [PATCH 165/304] Expanded the fields for Message TTL file; Updated
 parseMessageTTL, buildMessageTTL, and sendMessageTTL to allow for message
 replies and new fields to TTL file; Swapped username with podUrl for sending
 message; Modified Message components to contain reply capabilities

---
 src/components/Messages/MessageFolder.jsx  |  6 +--
 src/components/Messages/MessagePreview.jsx | 37 +++++++++++--
 src/components/Messages/NewMessage.jsx     | 28 +++++-----
 src/typedefs.js                            |  3 ++
 src/utils/network/session-core.js          | 42 +++++++++------
 src/utils/network/session-helper.js        | 60 ++++++++++++++--------
 6 files changed, 119 insertions(+), 57 deletions(-)

diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index 6b2ed386a..08d9313f8 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -1,8 +1,6 @@
 // React Imports
 import React, { useState } from 'react';
 import ReactPaginate from 'react-paginate';
-// Other Library Imports
-import { v4 as uuidv4 } from 'uuid';
 // Styling Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
@@ -78,7 +76,9 @@ const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList })
           <div>Loading messages...</div>
         ) : (
           currentMessages &&
-          currentMessages.map((message) => <MessagePreview key={uuidv4()} message={message} />)
+          currentMessages.map((message) => (
+            <MessagePreview key={message.messageId} message={message} />
+          ))
         )}
       </Box>
       <Box>
diff --git a/src/components/Messages/MessagePreview.jsx b/src/components/Messages/MessagePreview.jsx
index 4a2cc09c7..dd187655b 100644
--- a/src/components/Messages/MessagePreview.jsx
+++ b/src/components/Messages/MessagePreview.jsx
@@ -1,7 +1,12 @@
 // React imports
 import React, { useState } from 'react';
 // Styling Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
 import { StyledDate, StyledHeader, StyledPreview } from './MessageStyles';
+// Component Imports
+import NewMessage from './NewMessage';
 
 /**
  * messageFolderProps is an object that stores the props for the MessageFolder
@@ -24,18 +29,42 @@ import { StyledDate, StyledHeader, StyledPreview } from './MessageStyles';
  */
 const MessagePreview = ({ message }) => {
   const [showContents, setShowContents] = useState(false);
+  const [replyMessage, setReplyMessage] = useState(false);
 
   const handleClick = () => {
     setShowContents(!showContents);
   };
 
+  const handleReplyMessage = () => {
+    setReplyMessage(!replyMessage);
+  };
+
   return (
     <StyledPreview onClick={() => handleClick()}>
       <StyledDate>{message.uploadDate.toLocaleDateString()}</StyledDate>
-      <StyledHeader>
-        {message.sender} - {message.title}
-      </StyledHeader>
-      {showContents && <p style={{ wordWrap: 'break-word' }}>{message.message}</p>}
+      <Box sx={{ display: 'flex', gap: '10px', alignItems: 'center' }}>
+        <StyledHeader>
+          {message.sender} - {message.title}
+        </StyledHeader>
+        {showContents && (
+          <Button variant="outlined" type="button" onClick={handleReplyMessage}>
+            Reply
+          </Button>
+        )}
+      </Box>
+      {showContents && (
+        <Box sx={{ display: 'flex', flexDirection: 'column', margin: 3, gap: '10px' }}>
+          <Box sx={{ display: 'flex', gap: '10px' }}>
+            <Typography>Content:</Typography>
+            <Box>
+              {message.message.split('\n').map((line) => (
+                <Typography sx={{ wordWrap: 'break-word' }}>{line}</Typography>
+              ))}
+            </Box>
+          </Box>
+        </Box>
+      )}
+      {replyMessage && <NewMessage oldMessage={message} closeForm={() => setReplyMessage(false)} />}
     </StyledPreview>
   );
 };
diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index e3fbf5f0d..9355dfb6c 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -40,15 +40,17 @@ import { MessageContext, SignedInUserContext } from '../../contexts';
  * @param {newMessageProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const NewMessage = ({ closeForm }) => {
+const NewMessage = ({ closeForm, oldMessage = '' }) => {
   const { session } = useSession();
   const { outboxList, setOutboxList } = useContext(MessageContext);
   const { podUrl } = useContext(SignedInUserContext);
 
   const [message, setMessage] = useState({
-    recipientUsername: '',
-    title: '',
-    message: ''
+    recipientPodUrl: oldMessage ? oldMessage.senderWebId.split('profile')[0] : '',
+    title: oldMessage ? `RE: ${oldMessage.title}` : '',
+    message: oldMessage ? `>${oldMessage.message.split('\n').join('\n>')} \n\n` : '',
+    inReplyTo: oldMessage ? oldMessage.messageId : '',
+    messageUrl: oldMessage ? oldMessage.messageUrl : ''
   });
   const [error, setError] = useState('');
   const [success, setSuccess] = useState('');
@@ -68,8 +70,8 @@ const NewMessage = ({ closeForm }) => {
 
     if (!message.title) {
       setError('Please enter a value for Message Title');
-    } else if (!message.recipientUsername) {
-      setError('Please enter a value for Recipient Username');
+    } else if (!message.recipientPodUrl) {
+      setError('Please enter a value for Recipient Pod URL');
     } else if (!message.message) {
       setError('Please enter a value for the Message');
     } else {
@@ -77,12 +79,12 @@ const NewMessage = ({ closeForm }) => {
         await sendMessageTTL(session, message, podUrl);
 
         setMessage({
-          recipientUsername: '',
+          recipientPodUrl: '',
           title: '',
           message: ''
         });
         setError('');
-        setSuccess(`Message successfully sent to ${message.recipientUsername}`);
+        setSuccess(`Message successfully sent to ${message.recipientPodUrl}`);
         setSuccessTimeout(true);
         setTimeout(() => {
           setSuccessTimeout(false);
@@ -109,7 +111,7 @@ const NewMessage = ({ closeForm }) => {
         </CancelButton>
         <StyledNotice>* indicates a required field</StyledNotice>
 
-        <StyledHeader2>New Message</StyledHeader2>
+        <StyledHeader2>{oldMessage ? 'Reply To' : 'New Message'}</StyledHeader2>
         <label htmlFor="title">Subject*: </label>
         <StyledInput
           value={message.title}
@@ -119,12 +121,12 @@ const NewMessage = ({ closeForm }) => {
           onChange={(e) => handleChange(e)}
         />
 
-        <label htmlFor="recipientUsername">To*: </label>
+        <label htmlFor="recipientPodUrl">To*: </label>
         <StyledInput
-          value={message.recipientUsername}
+          value={message.recipientPodUrl}
           type="text"
-          name="recipientUsername"
-          id="recipientUsername"
+          name="recipientPodUrl"
+          id="recipientPodUrl"
           onChange={(e) => handleChange(e)}
         />
 
diff --git a/src/typedefs.js b/src/typedefs.js
index 3ba5687c2..baba2e594 100644
--- a/src/typedefs.js
+++ b/src/typedefs.js
@@ -126,9 +126,12 @@ const React = require('react');
  * @typedef messageListObject
  * @type {object}
  * @property {string} message - Message content
+ * @property {string} messageId - Message ID
+ * @property {URL} messageUrl - URL of message being sent
  * @property {string} title - Message title
  * @property {Date} uploadDate - Time of message sent
  * @property {string} sender - Name of sender
+ * @property {URL} senderWebId - WebId of the sender
  * @property {string} recipient - Name of recipient
  * @memberof typedefs
  */
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index a8922c9c3..9939e9734 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -1,4 +1,5 @@
 import { createContainerAt, getSolidDataset, getThingAll, getFile } from '@inrupt/solid-client';
+import { v4 as uuidv4 } from 'uuid';
 import { INTERACTION_TYPES } from '../../constants';
 import {
   getContainerUrl,
@@ -181,18 +182,12 @@ export const getMessageTTL = async (session, boxType, listMessages, podUrl) => {
  * saves a copy on the sender's outbox
  */
 export const sendMessageTTL = async (session, messageObject, podUrl) => {
-  const { recipientUsername } = messageObject;
-  const containerUrl = getContainerUrl(
-    session,
-    'Inbox',
-    INTERACTION_TYPES.CROSS,
-    recipientUsername
-  );
+  const { recipientPodUrl } = messageObject;
+  const recipientWebId = `${recipientPodUrl}profile/card#me`;
+  const recipientInboxUrl = `${recipientPodUrl}PASS/Inbox/`;
   const outboxUrl = `${podUrl}PASS/Outbox/`;
 
   const senderUsername = podUrl.split('/')[2].split('.')[0];
-  const otherPodUrl = getPodUrl(recipientUsername);
-  const recipientWebId = `${otherPodUrl}profile/card#me`;
 
   const senderName = await getUserProfileName(session, session.info.webId);
   let recipientName;
@@ -206,22 +201,37 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
   const date = new Date();
   const dateYYYYMMDD = date.toISOString().split('T')[0].replace(/-/g, '');
   const dateISOTime = date.toISOString().split('T')[1].split('.')[0].replace(/:/g, '');
+  const messageSlug = `${senderUsername}-${dateYYYYMMDD}-${dateISOTime}`;
+
+  const messageMetadata = {
+    messageId: uuidv4(),
+    podUrl,
+    senderName,
+    recipientName,
+    recipientWebId,
+    messageSlug
+  };
 
-  const newSolidDataset = buildMessageTTL(
+  const newSolidDatasetSender = buildMessageTTL(
     session,
     date,
     messageObject,
-    senderName,
-    recipientName,
-    recipientWebId
+    messageMetadata,
+    'sender'
   );
 
-  const messageSlug = `requestPerms-${senderUsername}-${dateYYYYMMDD}-${dateISOTime}`;
+  const newSolidDatasetRecipient = buildMessageTTL(
+    session,
+    date,
+    messageObject,
+    messageMetadata,
+    'recipient'
+  );
 
   try {
     await Promise.all([
-      saveMessageTTL(session, containerUrl, newSolidDataset, messageSlug),
-      saveMessageTTL(session, outboxUrl, newSolidDataset, messageSlug)
+      saveMessageTTL(session, recipientInboxUrl, newSolidDatasetRecipient, messageSlug),
+      saveMessageTTL(session, outboxUrl, newSolidDatasetSender, messageSlug)
     ]);
   } catch (error) {
     throw new Error('Message failed to send. Reason: Inbox does not exist for sender or recipient');
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index ff1c8b02c..992244362 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -18,7 +18,8 @@ import {
   setPublicResourceAccess,
   setPublicDefaultAccess,
   getDatetime,
-  createSolidDataset
+  createSolidDataset,
+  getUrl
 } from '@inrupt/solid-client';
 import sha256 from 'crypto-js/sha256';
 import getDriversLicenseData from '../barcode/barcode-scan';
@@ -387,15 +388,21 @@ export const parseMessageTTL = (messageTTLThing) => {
   const title = getStringNoLocale(messageThing, RDF_PREDICATES.title);
   const uploadDate = getDatetime(messageThing, RDF_PREDICATES.uploadDate);
 
+  // Get data related to messageid
+  const messageIdThing = messageTTLThing.find((thing) => thing.url.includes('#messageid'));
+  const messageId = getStringNoLocale(messageIdThing, RDF_PREDICATES.identifier);
+  const messageUrl = getUrl(messageIdThing, RDF_PREDICATES.url);
+
   // Get data related to #sender
   const senderThing = messageTTLThing.find((thing) => thing.url.includes('#sender'));
   const sender = getStringNoLocale(senderThing, RDF_PREDICATES.sender);
+  const senderWebId = getUrl(senderThing, RDF_PREDICATES.url);
 
   // Get data related to #recipient
   const recipientThing = messageTTLThing.find((thing) => thing.url.includes('#recipient'));
   const recipient = getStringNoLocale(recipientThing, RDF_PREDICATES.recipient);
 
-  return { message, title, uploadDate, sender, recipient };
+  return { message, messageId, messageUrl, title, uploadDate, sender, senderWebId, recipient };
 };
 
 /**
@@ -405,44 +412,55 @@ export const parseMessageTTL = (messageTTLThing) => {
  * @function buildMessageTTL
  * @param {Session} session - Solid's Session Object (see {@link Session})
  * @param {Date} date - JavaScript Date object
- * @param {string} senderName - Name of sender
- * @param {string} recipientName - Name of recipient
- * @param {URL} recipientWebId - webId of recipient
- * @param {Thing[]} messageTTLThing - List of message Things from message boxes
+ * @param {object} messageObject - Object containing information for the message
+ * content
+ * @param {object} messageMetadata - Object containing information about the message
+ * @param {string} buildFor - String for "Sender" or "Recipient"
  * @returns {object} messageObject - An object containinng the message content,
  * title, uploadDate, sender, and recipient
  */
-
-// TODO: potentially add other useful fields - see https://github.com/codeforpdx/PASS/pull/191#discussion_r1217249834
-
-export const buildMessageTTL = (
-  session,
-  date,
-  messageObject,
-  senderName,
-  recipientName,
-  recipientWebId
-) => {
+export const buildMessageTTL = (session, date, messageObject, messageMetadata, buildFor) => {
   const newMessageTTL = buildThing(createThing({ name: 'message' }))
     .addDatetime(RDF_PREDICATES.uploadDate, date)
     .addStringNoLocale(RDF_PREDICATES.title, messageObject.title)
     .addStringNoLocale(RDF_PREDICATES.message, messageObject.message)
     .build();
 
+  const newMessageID = buildThing(createThing({ name: 'messageid' }))
+    .addStringNoLocale(RDF_PREDICATES.identifier, messageMetadata.messageId)
+    .addUrl(
+      RDF_PREDICATES.url,
+      buildFor === 'sender'
+        ? `${messageMetadata.podUrl}PASS/Outbox/${messageMetadata.messageSlug}.ttl`
+        : `${messageMetadata.podUrl}PASS/Inbox/${messageMetadata.messageSlug}.ttl`
+    )
+    .build();
+
   const senderInfo = buildThing(createThing({ name: 'sender' }))
-    .addStringNoLocale(RDF_PREDICATES.sender, senderName)
+    .addStringNoLocale(RDF_PREDICATES.sender, messageMetadata.senderName)
     .addUrl(RDF_PREDICATES.url, session.info.webId)
     .build();
 
   const recipientInfo = buildThing(createThing({ name: 'recipient' }))
-    .addStringNoLocale(RDF_PREDICATES.recipient, recipientName)
-    .addUrl(RDF_PREDICATES.url, recipientWebId)
+    .addStringNoLocale(RDF_PREDICATES.recipient, messageMetadata.recipientName)
+    .addUrl(RDF_PREDICATES.url, messageMetadata.recipientWebId)
     .build();
 
   let newSolidDataset = createSolidDataset();
-  [newMessageTTL, senderInfo, recipientInfo].forEach((thing) => {
+  [newMessageTTL, newMessageID, senderInfo, recipientInfo].forEach((thing) => {
     newSolidDataset = setThing(newSolidDataset, thing);
   });
 
+  let replyTo;
+
+  if (messageObject.inReplyTo) {
+    replyTo = buildThing(createThing({ name: 'replyTo' }))
+      .addStringNoLocale(RDF_PREDICATES.identifier, messageObject.inReplyTo)
+      .addUrl(RDF_PREDICATES.url, messageObject.messageUrl)
+      .build();
+
+    newSolidDataset = setThing(newSolidDataset, replyTo);
+  }
+
   return newSolidDataset;
 };

From e0276194575563af1592de0162c61c5a358c9e8d Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 28 Jun 2023 11:35:24 -0700
Subject: [PATCH 166/304] Small edit to reply message title

---
 src/components/Messages/NewMessage.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index 9355dfb6c..ef8ae8457 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -47,7 +47,7 @@ const NewMessage = ({ closeForm, oldMessage = '' }) => {
 
   const [message, setMessage] = useState({
     recipientPodUrl: oldMessage ? oldMessage.senderWebId.split('profile')[0] : '',
-    title: oldMessage ? `RE: ${oldMessage.title}` : '',
+    title: oldMessage ? `RE:${oldMessage.title}` : '',
     message: oldMessage ? `>${oldMessage.message.split('\n').join('\n>')} \n\n` : '',
     inReplyTo: oldMessage ? oldMessage.messageId : '',
     messageUrl: oldMessage ? oldMessage.messageUrl : ''

From f36e18cbab249fc4e7e36449f7b56468eacbe8f3 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 28 Jun 2023 11:58:28 -0700
Subject: [PATCH 167/304] Included key to MessagePreview map; DRY
 sendMessageTTL a bit

---
 src/components/Messages/MessagePreview.jsx |  6 ++++--
 src/utils/network/session-core.js          | 24 +++++++---------------
 2 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/components/Messages/MessagePreview.jsx b/src/components/Messages/MessagePreview.jsx
index dd187655b..6f990f605 100644
--- a/src/components/Messages/MessagePreview.jsx
+++ b/src/components/Messages/MessagePreview.jsx
@@ -57,8 +57,10 @@ const MessagePreview = ({ message }) => {
           <Box sx={{ display: 'flex', gap: '10px' }}>
             <Typography>Content:</Typography>
             <Box>
-              {message.message.split('\n').map((line) => (
-                <Typography sx={{ wordWrap: 'break-word' }}>{line}</Typography>
+              {message.message.split('\n').map((line, index) => (
+                <Typography sx={{ wordWrap: 'break-word' }} key={line + String(index)}>
+                  {line}
+                </Typography>
               ))}
             </Box>
           </Box>
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 9939e9734..5719224f9 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -212,29 +212,19 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
     messageSlug
   };
 
-  const newSolidDatasetSender = buildMessageTTL(
-    session,
-    date,
-    messageObject,
-    messageMetadata,
-    'sender'
-  );
-
-  const newSolidDatasetRecipient = buildMessageTTL(
-    session,
-    date,
-    messageObject,
-    messageMetadata,
-    'recipient'
+  const newSolidDatasets = ['recipient', 'sender'].map((person) =>
+    buildMessageTTL(session, date, messageObject, messageMetadata, person)
   );
 
   try {
     await Promise.all([
-      saveMessageTTL(session, recipientInboxUrl, newSolidDatasetRecipient, messageSlug),
-      saveMessageTTL(session, outboxUrl, newSolidDatasetSender, messageSlug)
+      saveMessageTTL(session, recipientInboxUrl, newSolidDatasets[0], messageSlug),
+      saveMessageTTL(session, outboxUrl, newSolidDatasets[1], messageSlug)
     ]);
   } catch (error) {
-    throw new Error('Message failed to send. Reason: Inbox does not exist for sender or recipient');
+    throw new Error(
+      'Message failed to send. Reason: PASS-specific inbox does not exist for sender or recipient'
+    );
   }
 };
 

From f7363d6fc099c840e5f088863b12c45487eeaeab Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 12:02:02 -0700
Subject: [PATCH 168/304] changes to content and formatting of README.MD

---
 README.md | 118 ++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 84 insertions(+), 34 deletions(-)

diff --git a/README.md b/README.md
index 038a7c5f2..442a7cf13 100644
--- a/README.md
+++ b/README.md
@@ -1,58 +1,93 @@
-# PASS - Personal Access System for Services
 
+<h1 id="PASS">PASS - Personal Access System for Services </h2>
+
+[![License](https://img.shields.io/github/license/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/blob/Master/LICENSE)
+[![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
+[![Pull Requests](https://img.shields.io/github/issues-pr/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/pulls)
+[![Issues](https://img.shields.io/github/issues/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/issues)
+[![Commits](https://img.shields.io/github/commit-activity/m/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/commits/Master)
 [![Build status](https://github.com/codeforpdx/pass/actions/workflows/ci.yml/badge.svg)](https://github.com/codeforpdx/pass/actions?query=workflow%3ABuild)
+![Top Language](https://img.shields.io/github/languages/top/codeforpdx/PASS)
+[![Contributors](https://img.shields.io/github/contributors/codeforpdx/pass)](https://github.com/codeforpdx/PASS/graphs/contributors)
+![Latest Commit](https://img.shields.io/github/last-commit/codeforpdx/PASS/Development)
+# Table of Contents
+
+1.  [Project Overview](#project-overview)
+       - [Terminology](#terminology) 
+       - [User Flows](#user-flows)
+2.  [Contribution Guidelines](#contribution-guidelines)
+3.  [Contributors](#contributors)
+4.  [Tech Stack](#tech-stack)
+5.  [Additional Resources](#additional-resources)
+       - [RDF and TTL](#rdf-and-ttl)
+
+---
 
-## Description
+<h2 id="project-overview">1. 🚧 Project Overview </h2>
 
-In Portland, housing insecure individuals struggle to maintain documentation, which is often required to receive government and/or non-profit services. With PASS, we are building out an application to enable house insecure individuals to store their personal documents online in decentralized data stores, called Pods. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their documents. Verified organization will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod.
 
-## Terminology
+In Portland, housing insecure individuals struggle to maintain documentats often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. Pass will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
 
-- Individual - housing insecure person using services to interact with organizations.
+<h3 id="terminology">🗣️ Terminology</h2>
+
+- Individual/Client - housing insecure person using services to interact with organizations.
 - Organization - housing agencies, landlords, government agencies that will be requesting information from individuals.
 - Pod/Wallet - decentralized data/document storage built with Solid API. Individuals and organizations will have certain functionality within their pods.
-- Folder/Container - referring to the organization of document data into ttl files using Solid API with Inrupt library.
-- ACL file - Access Control List is used to manage Solid Pods by allowing users to control who can access and modify their data.
+- Folder/Container - referring to the URI location of document data in ttl files using Solid API with Inrupt library.
+- ACL - Access Control List is used to manage Solid Pods by allowing users to control who can access and modify their data.
+
+<h3 id="user-flows">🔀 User Flows</h2>
 
-## User Flows
 
-1. Individual
+1. Individual/Client
    - Upload and Maintain Documents
    - Able to share documents
    - Can copy verified documents into pod from organization(s)
+   - Messaging to organizations
 2. Organization
    - Can request and review documents
    - Can create verified documents
-   - Able to share verified documents with individuals
-   - Might require several users
-
-## Tech Overview
+   - Can place files into clients pod with permission
+   - Able to share verified documents with clients
+   - Will have several users per organization
 
-Initially built out use-cases in Vanilla JavaScript to determine Solid and Inrupt functionality. Currently beginning to build out the PASS application in React.
 
-### Solid Data Pods
+- User registers for a WebID (similar to an email address)
+- User data remains in their pod (which is associated to WebID)
+- User authorizes applications and other users to read/write/control data in pod
 
-Pods are like secure personal web servers for data.
+---
 
-#### General User Flow of Solid Pods:
+<h2 id="contribution-guidelines">2. 🧑‍💻 Contribution Guidelines</h2>
 
-- User registers for a WebID (kind of like an email address)
-- User data remains in pod (which is associated to WebID)
-- User authorizes applications to read/write/control data in pod
+-  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](CONTRIBUTING.md).
+-  Join our [Discord](https://discord.gg/Ts923xaUYV). [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
+-  Request git-hub access on Discord in the github-access-request channel of the General category.
+  
+**[⬆️ Back to Top](#PASS)**
 
-### Inrupt JavaScript Client Libraries
+---
 
-Inrupt is currently leading the way for development with Solid. Check out their documentation [here](https://docs.inrupt.com/developer-tools/javascript/client-libraries/)
+<h2 id="tech-stack">3. 🧪 Tech Stack</h2>
 
-### RDF (Resource Description Framework) and Turtle (ttl files)
+-  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+-  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
+-  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)
+-  [![React](https://badges.aleen42.com/src/react.svg)](https://react.dev/)
+-  [![ESLint](https://badges.aleen42.com/src/eslint.svg)](https://eslint.org/)
+-  [![Vite](https://badges.aleen42.com/src/vitejs.svg)](https://vitejs.dev/)
+-  [![Git-Hub](https://badges.aleen42.com/src/github.svg)](https://github.com/codeforpdx/PASS)
+-  [![Discord](https://badges.aleen42.com/src/discord.svg)](https://discord.com/)
+-  [![Google Meet](https://img.shields.io/badge/Google%20Meet-00897B?style=for-the-badge&logo=google-meet&logoColor=white)](https://meet.google.com/)
+-  [![Material UI](https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)](https://mui.com/)
+-  <a href="https://solidproject.org"><img src="https://solidproject.org/assets/img/solid-emblem.svg" alt="SolidProjectIcon" width="18" height="18"> Solid Project
+- <a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
+-  <a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
+- 🗒️  [JSDoc](https://jsdoc.app/)
 
-The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
-
-There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and datatypes. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
-
-With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
+---
 
-### Team Members and Contributors
+<h2 id="contributors">4. 💻 Contributors</h2>
 
 | Development Team | UI Team     | UX Team     | Project Management Team |
 | ---------------- | ----------- | ----------- | ----------------------- |
@@ -70,12 +105,27 @@ With PASS we are looking into using RDF to link between pods and store metadata
 
 \* Active Contributors
 
-## If you're new to the team, check out our [on-boarding](CONTRIBUTING.md) steps.
 
-## Check out the documentation:
+**[⬆️ Back to Top](#PASS)**
+
+ ## Additional Resources
 
 - [Solid Data Pods](https://solidproject.org/developers/tutorials/getting-started)
-- As noted above, [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
+- [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
 - [Inrupt Access Requests and Grants](https://docs.inrupt.com/ess/latest/security/access-requests-grants/)
-  - Further documentation on building an [access timer](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod
-- [`solid-ui-react`](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish lol).
+- [Access Authorization](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod
+- [`solid-ui-react`](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish).
+- <h3 id="rdf-and-ttl">3. 📀 RDF and TTL</h2>
+
+The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
+
+There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and datatypes. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
+
+With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
+
+**[⬆️ Back to Top](#PASS)**
+
+  
+**[⬆️ Back to Top](#PASS)**
+
+

From 2a2f836ac16346f69e0dd6590ad08cb919292c76 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 12:10:30 -0700
Subject: [PATCH 169/304] fixed formatting in resources section

---
 README.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 442a7cf13..8906f2f2f 100644
--- a/README.md
+++ b/README.md
@@ -108,24 +108,24 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 **[⬆️ Back to Top](#PASS)**
 
- ## Additional Resources
+<h2 id="Additional Resources">5. 📀Additional Resources</h2>
 
 - [Solid Data Pods](https://solidproject.org/developers/tutorials/getting-started)
 - [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
 - [Inrupt Access Requests and Grants](https://docs.inrupt.com/ess/latest/security/access-requests-grants/)
-- [Access Authorization](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod
+- [Access Authorization](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod.
 - [`solid-ui-react`](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish).
-- <h3 id="rdf-and-ttl">3. 📀 RDF and TTL</h2>
+  
+- [rdf-and-ttl](https://www.w3.org/TR/turtle/)
 
-The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
+   The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
 
-There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and datatypes. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
+   There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and datatypes. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
 
-With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
+   With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
 
 **[⬆️ Back to Top](#PASS)**
 
-  
-**[⬆️ Back to Top](#PASS)**
+
 
 

From e62dfa888844d4ddad4f162e594b3522ff483e79 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 12:25:06 -0700
Subject: [PATCH 170/304] added line break between sections 4 and 5

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 8906f2f2f..06948eb89 100644
--- a/README.md
+++ b/README.md
@@ -105,6 +105,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 \* Active Contributors
 
+---
 
 **[⬆️ Back to Top](#PASS)**
 

From ab3fe1b3b4d9ac40fb7ef84c628f04f13eee7b2a Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 12:25:34 -0700
Subject: [PATCH 171/304] added line break between sections 4 and 5

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 06948eb89..2522afd16 100644
--- a/README.md
+++ b/README.md
@@ -105,10 +105,10 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 \* Active Contributors
 
----
-
 **[⬆️ Back to Top](#PASS)**
 
+---
+
 <h2 id="Additional Resources">5. 📀Additional Resources</h2>
 
 - [Solid Data Pods](https://solidproject.org/developers/tutorials/getting-started)

From f553f20d2df0a1f27397e0ee8300dce5ca03a8e8 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 12:26:53 -0700
Subject: [PATCH 172/304] added back to top links in overview and tech stack
 sections

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index 2522afd16..370061e84 100644
--- a/README.md
+++ b/README.md
@@ -56,6 +56,8 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 - User data remains in their pod (which is associated to WebID)
 - User authorizes applications and other users to read/write/control data in pod
 
+**[⬆️ Back to Top](#PASS)**
+
 ---
 
 <h2 id="contribution-guidelines">2. 🧑‍💻 Contribution Guidelines</h2>
@@ -85,6 +87,8 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 -  <a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
 - 🗒️  [JSDoc](https://jsdoc.app/)
 
+**[⬆️ Back to Top](#PASS)**
+
 ---
 
 <h2 id="contributors">4. 💻 Contributors</h2>

From ba87a7aa2705b1da7c36507fe9073ceff1623aed Mon Sep 17 00:00:00 2001
From: Tim Standen <37914436+timbot1789@users.noreply.github.com>
Date: Wed, 28 Jun 2023 12:27:34 -0700
Subject: [PATCH 173/304] Disable Upload button on certain conditions (#277)

* disable upload file on certain conditions
---
 src/components/Form/UploadDocumentForm.jsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index fcaf167ad..5c8d55b13 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -56,20 +56,13 @@ const UploadDocumentForm = () => {
   const handleDocUpload = async (e) => {
     e.preventDefault();
 
-    if (!docType) {
-      runNotification('Upload failed. Reason: No document type selected.', 5, state, dispatch);
-      setTimeout(() => {
-        dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
-      return;
-    }
-
     const fileDesc = {
       name: file.name,
       type: docType,
       date: expireDate,
       description: docDescription
     };
+    dispatch({ type: 'SET_PROCESSING' });
     runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
 
     try {
@@ -91,6 +84,7 @@ const UploadDocumentForm = () => {
       }
     } finally {
       clearInputFields();
+      dispatch({ type: 'CLEAR_PROCESSING' });
     }
   };
 
@@ -171,7 +165,12 @@ const UploadDocumentForm = () => {
           </FormControl>
           <br />
           <FormControl fullWidth>
-            <Button variant="contained" disabled={state.processing} type="submit" color="primary">
+            <Button
+              variant="contained"
+              disabled={state.processing || !file}
+              type="submit"
+              color="primary"
+            >
               Upload file
             </Button>
           </FormControl>

From 331ef8e9ad4c56e4c3eb62ca80be3c5dccd0c4ca Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 16:27:18 -0700
Subject: [PATCH 174/304] added setup instructions and tech stack image

---
 README.md | 39 +++++++++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 370061e84..0fee8fa51 100644
--- a/README.md
+++ b/README.md
@@ -12,18 +12,36 @@
 ![Latest Commit](https://img.shields.io/github/last-commit/codeforpdx/PASS/Development)
 # Table of Contents
 
-1.  [Project Overview](#project-overview)
+1.  [Setup Instructions](#setup-instructions)
+2.  [Project Overview](#project-overview)
        - [Terminology](#terminology) 
        - [User Flows](#user-flows)
-2.  [Contribution Guidelines](#contribution-guidelines)
-3.  [Contributors](#contributors)
-4.  [Tech Stack](#tech-stack)
-5.  [Additional Resources](#additional-resources)
+3.  [Contribution Guidelines](#contribution-guidelines)
+4.  [Contributors](#contributors)
+5.  [Tech Stack](#tech-stack)
+6.  [Additional Resources](#additional-resources)
        - [RDF and TTL](#rdf-and-ttl)
 
 ---
+<h2 id="setup-instructions">1.🔧 Setup Instructions </h2>
+
+   Currently we require Node version 16 or higher and NPM for our package manager.  Most places recommend using a node version manager to install node and npm. To proceed using NVM perform the following..
+
+1. Clone the git repository: `git clone https://github.com/codeforpdx/PASS.git`
+2. Download NVM for your system. Find instructions here: https://github.com/nvm-sh/nvm
+3. Install node version 16: `nvm install 16`
+4. Use that node version: `nvm use 16`
+5. Check that node and npm are set up:
+  `node -v`
+  `npm -v`
+If either of those commands error, node has not been installed correctly.
+1. Install project dependencies: `npm install`
+2. Run the project: `npm run dev`
+3. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
-<h2 id="project-overview">1. 🚧 Project Overview </h2>
+---
+
+<h2 id="project-overview">2. 🚧 Project Overview </h2>
 
 
 In Portland, housing insecure individuals struggle to maintain documentats often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. Pass will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
@@ -60,7 +78,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 ---
 
-<h2 id="contribution-guidelines">2. 🧑‍💻 Contribution Guidelines</h2>
+<h2 id="contribution-guidelines">3. 🧑‍💻 Contribution Guidelines</h2>
 
 -  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](CONTRIBUTING.md).
 -  Join our [Discord](https://discord.gg/Ts923xaUYV). [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
@@ -70,8 +88,9 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 ---
 
-<h2 id="tech-stack">3. 🧪 Tech Stack</h2>
+<h2 id="tech-stack">4. 🧪 Tech Stack</h2>
 
+- ![tech stack](https://drive.google.com/uc?id=17ETEF4nlrDUQwMI08KTs-jV_IIviyUmn)
 -  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
 -  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
 -  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)
@@ -91,7 +110,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 ---
 
-<h2 id="contributors">4. 💻 Contributors</h2>
+<h2 id="contributors">5. 💻 Contributors</h2>
 
 | Development Team | UI Team     | UX Team     | Project Management Team |
 | ---------------- | ----------- | ----------- | ----------------------- |
@@ -113,7 +132,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 ---
 
-<h2 id="Additional Resources">5. 📀Additional Resources</h2>
+<h2 id="Additional Resources">6. 📀Additional Resources</h2>
 
 - [Solid Data Pods](https://solidproject.org/developers/tutorials/getting-started)
 - [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.

From 4ee9d8ed938d4fa7f568c76165a1dddd8b05b6d2 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 16:27:28 -0700
Subject: [PATCH 175/304] added setup instructions and tech stack image

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0fee8fa51..9d5c5bbcd 100644
--- a/README.md
+++ b/README.md
@@ -90,7 +90,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 <h2 id="tech-stack">4. 🧪 Tech Stack</h2>
 
-- ![tech stack](https://drive.google.com/uc?id=17ETEF4nlrDUQwMI08KTs-jV_IIviyUmn)
+- ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
 -  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
 -  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
 -  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)

From 6b0d9f4a18c5041da56c3b94ef9dceea26a42085 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 28 Jun 2023 16:32:10 -0700
Subject: [PATCH 176/304] added return to top to setup and removed bullet
 formatting from tech stack img

---
 README.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 9d5c5bbcd..633de0c94 100644
--- a/README.md
+++ b/README.md
@@ -39,6 +39,8 @@ If either of those commands error, node has not been installed correctly.
 2. Run the project: `npm run dev`
 3. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
+**[⬆️ Back to Top](#PASS)**
+
 ---
 
 <h2 id="project-overview">2. 🚧 Project Overview </h2>
@@ -90,7 +92,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 <h2 id="tech-stack">4. 🧪 Tech Stack</h2>
 
-- ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
+ ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
 -  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
 -  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
 -  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)

From 99586562856793234f08cefcf978f591ff6110e2 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Wed, 28 Jun 2023 19:43:30 -0700
Subject: [PATCH 177/304] Updated typedefs to combine '@typedef' and '@type'
 into one; Moved typedefs for component props into typedefs; Swapped
 placeholder text for loading animation in MessageFolder

---
 src/components/Messages/MessageFolder.jsx     | 18 +----
 src/components/Messages/MessagePreview.jsx    | 10 +--
 src/components/Messages/NewMessage.jsx        |  9 +--
 .../Notification/LoadingAnimation.jsx         |  6 +-
 src/typedefs.js                               | 73 ++++++++++++++-----
 5 files changed, 67 insertions(+), 49 deletions(-)

diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index 08d9313f8..cf1817e4b 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -4,27 +4,17 @@ import ReactPaginate from 'react-paginate';
 // Styling Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
+import { PaginationContainer } from './MessageStyles';
 // Component Imports
 import MessagePreview from './MessagePreview';
-import { PaginationContainer } from './MessageStyles';
+import { LoadingAnimation } from '../Notification';
 
 /**
  * @typedef {import("../../typedefs.js").messageListObject} messageListObject
  */
 
 /**
- * messageFolderProps is an object that stores the props for the MessageFolder
- * component
- *
- * @typedef messageFolderProps
- * @type {object}
- * @property {string} folderType - The name of the message box, i.e. "inbox" or
- * "outbox"
- * @property {() => Promise<void>} handleRefresh - The handle function for message
- * folder refresh
- * @property {boolean} loadMessages - Boolean for triggering loading message
- * @property {messageListObject[]} messageList - A list of messages from Solid Pod
- * @memberof typedefs
+ * @typedef {import("../../typedefs.js").messageFolderProps} messageFolderProps
  */
 
 /**
@@ -73,7 +63,7 @@ const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList })
           Refresh
         </Button>
         {loadMessages ? (
-          <div>Loading messages...</div>
+          <LoadingAnimation loadingItem="messages" />
         ) : (
           currentMessages &&
           currentMessages.map((message) => (
diff --git a/src/components/Messages/MessagePreview.jsx b/src/components/Messages/MessagePreview.jsx
index 6f990f605..9eae92912 100644
--- a/src/components/Messages/MessagePreview.jsx
+++ b/src/components/Messages/MessagePreview.jsx
@@ -9,13 +9,7 @@ import { StyledDate, StyledHeader, StyledPreview } from './MessageStyles';
 import NewMessage from './NewMessage';
 
 /**
- * messageFolderProps is an object that stores the props for the MessageFolder
- * component
- *
- * @typedef messageFolderProps
- * @type {object}
- * @property {string} message - The content of the message sent
- * @memberof typedefs
+ * @typedef {import("../../typedefs.js").messagePreviewProps} messagePreviewProps
  */
 
 /**
@@ -24,7 +18,7 @@ import NewMessage from './NewMessage';
  *
  * @memberof Inbox
  * @name MessagePreview
- * @param {messageFolderProps} Props - Component props for MessagePreview
+ * @param {messagePreviewProps} Props - Component props for MessagePreview
  * @returns {React.JSX.Element} React component for MessagePreview
  */
 const MessagePreview = ({ message }) => {
diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index ef8ae8457..ab34dce09 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -21,14 +21,7 @@ import { sendMessageTTL, getMessageTTL } from '../../utils';
 import { MessageContext, SignedInUserContext } from '../../contexts';
 
 /**
- * messageFolderProps is an object that stores the props for the MessageFolder
- * component
- *
- * @typedef newMessageProps
- * @type {object}
- * @property {() => void} closeForm - The function used to trigger NewMessage to
- * close
- * @memberof typedefs
+ * @typedef {import("../../typedefs.js").newMessageProps} newMessageProps
  */
 
 /**
diff --git a/src/components/Notification/LoadingAnimation.jsx b/src/components/Notification/LoadingAnimation.jsx
index df2c8aafd..d356e0732 100644
--- a/src/components/Notification/LoadingAnimation.jsx
+++ b/src/components/Notification/LoadingAnimation.jsx
@@ -6,6 +6,10 @@ import LinearProgress from '@mui/material/LinearProgress';
 import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 
+/**
+ * @typedef {import("../../typedefs.js").loadingAnimationProps} loadingAnimationProps
+ */
+
 /**
  * LoadingAnimation Component - Displays a div containing title of what is being
  * loaded and an animated loading progress bar. Must pass loadingItem attribute
@@ -13,9 +17,9 @@ import Typography from '@mui/material/Typography';
  *
  * @memberof Notification
  * @name LoadingAnimation
+ * @param {loadingAnimationProps} Props - Component props for LoadingAnimation
  * @returns {React.ReactElement} a div of what is currently loading
  */
-
 const LoadingAnimation = ({ loadingItem }) => (
   <Box
     sx={{
diff --git a/src/typedefs.js b/src/typedefs.js
index baba2e594..3b3842804 100644
--- a/src/typedefs.js
+++ b/src/typedefs.js
@@ -8,8 +8,7 @@ const React = require('react');
  * A React props object for the StatusMessage component
  *
  * @exports statusMessageProps
- * @typedef statusMessageProps
- * @type {object}
+ * @typedef {object} statusMessageProps
  * @property {string} notification - File status message
  * @property {URL} [locationUrl] - URL location of file, if exist
  * @property {string} [filename] - Name of the file being processed
@@ -20,8 +19,7 @@ const React = require('react');
  * A React props object for the StatusNotification component
  *
  * @exports statusNotificationProps
- * @typedef statusNotificationProps
- * @type {object}
+ * @typedef {object} statusNotificationProps
  * @property {statusNotificationObject} state - The state used for statusNotification
  * @property {string} statusType - Type of file status (i.e. file upload, file
  * fetch, file delete)
@@ -35,8 +33,7 @@ const React = require('react');
  * function for the custom useField hook
  *
  * @exports useFieldObject
- * @typedef useFieldObject
- * @type {object}
+ * @typedef {object} useFieldObject
  * @property {string} type - Type attribute of HTML input element
  * @property {string} value - The value of input element
  * @property {Function} onChange - Event handler for changes in input element
@@ -50,8 +47,7 @@ const React = require('react');
  * StatusNotification and StatusMessage components
  *
  * @exports statusNotificationObject
- * @typedef statusNotificationObject
- * @type {object}
+ * @typedef {object} statusNotificationObject
  * @property {URL|null} documentUrl - Url link to document container
  * @property {string} message - Status message for file upload, query, or deletion
  * @property {string|null} timeoutID - Timeout ID for status message
@@ -68,8 +64,7 @@ const React = require('react');
  * function from the custom useStatusNotification hook
  *
  * @exports useStatusNotificationObject
- * @typedef useStatusNotificationObject
- * @type {object}
+ * @typedef {object} useStatusNotificationObject
  * @property {statusNotificationObject} statusNotificationObject - An object
  * consisting of the state for status notifications (see {@link statusNotificationObject})
  * @property {React.DispatchWithoutAction} dispatch - React's useReducer dispatch
@@ -81,8 +76,7 @@ const React = require('react');
  * An input object for functions related to file uploads to Solid's Pod
  *
  * @exports fileObjectType
- * @typedef fileObjectType
- * @type {object}
+ * @typedef {object} fileObjectType
  * @property {string} type - Type of document
  * @property {string} date - Date of upload
  * @property {string} description - Description of document
@@ -95,8 +89,7 @@ const React = require('react');
  * A React props object for FormSection component
  *
  * @exports formSectionProps
- * @typedef formSectionProps
- * @type {object}
+ * @typedef {object} formSectionProps
  * @property {string} title - Title of form section
  * @property {statusNotificationObject} state - The state for status notification
  * (see {@link statusNotificationObject})
@@ -110,8 +103,7 @@ const React = require('react');
  * An object that stores the user's name and their Pod URL
  *
  * @exports userListObject
- * @typedef userListObject
- * @type {object}
+ * @typedef {object} userListObject
  * @property {string} person - Full name of user
  * @property {string} givenName - First/given name of user
  * @property {string} familyName - Last/family name of user
@@ -123,8 +115,7 @@ const React = require('react');
  * An object that stores the user's name and their Pod URL
  *
  * @exports messageListObject
- * @typedef messageListObject
- * @type {object}
+ * @typedef {object} messageListObject
  * @property {string} message - Message content
  * @property {string} messageId - Message ID
  * @property {URL} messageUrl - URL of message being sent
@@ -136,4 +127,50 @@ const React = require('react');
  * @memberof typedefs
  */
 
+/**
+ * messageFolderProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @exports messageFolderProps
+ * @typedef {object} messageFolderProps
+ * @property {string} folderType - The name of the message box, i.e. "inbox" or
+ * "outbox"
+ * @property {() => Promise<void>} handleRefresh - The handle function for message
+ * folder refresh
+ * @property {boolean} loadMessages - Boolean for triggering loading message
+ * @property {messageListObject[]} messageList - A list of messages from Solid Pod
+ * @memberof typedefs
+ */
+
+/**
+ * messagePreviewProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @exports messagePreviewProps
+ * @typedef {object} messagePreviewProps
+ * @property {string} message - The content of the message sent
+ * @memberof typedefs
+ */
+
+/**
+ * messageFolderProps is an object that stores the props for the MessageFolder
+ * component
+ *
+ * @exports newMessageProps
+ * @typedef {object} newMessageProps
+ * @property {() => void} closeForm - The function used to trigger NewMessage to
+ * close
+ * @memberof typedefs
+ */
+
+/**
+ * loadingAnimationProps is an object that stores the props for the LoadingAnimation
+ * component
+ *
+ * @exports loadingAnimationProps
+ * @typedef {object} loadingAnimationProps
+ * @property {string} loadingItem - The name of what you plan on loading
+ * @memberof typedefs
+ */
+
 exports.unused = {};

From 163887cf61634d0610c0306fff1c60fb79d6834e Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 28 Jun 2023 19:58:30 -0700
Subject: [PATCH 178/304] Replacing useField with useState

---
 src/components/Clients/AddClientModal.jsx  | 42 +++++++++++-----------
 src/components/Form/UploadDocumentForm.jsx |  2 +-
 src/typedefs.js                            |  2 +-
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index cdd54adb8..5bc8dbd80 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -15,7 +15,7 @@ import { ENV } from '../../constants';
 import { runNotification } from '../../utils';
 import { createUser } from '../../model-helpers/User';
 // Custom Hook Imports
-import { useStatusNotification, useField } from '../../hooks';
+import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { UserListContext } from '../../contexts';
 // Component Imports
@@ -38,8 +38,8 @@ const renderWebId = (username) => {
 const AddClientModal = ({ showModal, setShowModal }) => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
-  const { clearValue: clearUserGivenName, ...userGivenName } = useField('text');
-  const { clearValue: clearUserFamilyName, ...userFamilyName } = useField('text');
+  const [userGivenName, setUserGivenName] = useState('');
+  const [userFamilyName, setUserFamilyName] = useState('');
   const [username, setUsername] = useState('');
   const [webId, setWebId] = useState('');
   const { addUser } = useContext(UserListContext);
@@ -120,8 +120,8 @@ const AddClientModal = ({ showModal, setShowModal }) => {
         dispatch
       );
       setTimeout(() => {
-        clearUserGivenName();
-        clearUserFamilyName();
+        setUserGivenName('');
+        setUserFamilyName('');
         setUsername('');
         setWebId('');
         dispatch({ type: 'CLEAR_PROCESSING' });
@@ -129,7 +129,6 @@ const AddClientModal = ({ showModal, setShowModal }) => {
     }
   };
 
-  /* eslint-disable jsx-a11y/label-has-associated-control */
   return (
     <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
       <FormSection
@@ -141,52 +140,54 @@ const AddClientModal = ({ showModal, setShowModal }) => {
         <form onSubmit={handleAddClient} autoComplete="off">
           <FormControl fullWidth>
             <TextField
-              autoComplete="given-name"
+              id="add-user-given-name"
               name="addUserGivenName"
+              label="First/given name"
+              autoComplete="given-name"
+              value={userGivenName}
+              onChange={(e) => setUserGivenName(e.target.value)}
               required
               fullWidth
-              id="add-user-given-name"
-              label="First/given name"
               autoFocus
-              {...userGivenName}
             />
           </FormControl>
           <br />
           <br />
           <TextField
-            required
-            fullWidth
             id="add-user-last-name"
-            label="Last/family name"
             name="addUserFamilyName"
+            label="Last/family name"
             autoComplete="family-name"
-            {...userFamilyName}
+            value={userFamilyName}
+            onChange={(e) => setUserFamilyName(e.target.value)}
+            required
+            fullWidth
           />
           <br />
           <br />
           <TextField
-            required
-            fullWidth
             id="add-username"
-            label="username"
             name="addUsername"
+            label="username"
             autoComplete="username"
             value={username}
             onChange={(e) => wrappedSetUsername(e.target.value)}
+            required
+            fullWidth
           />
           <br />
           <br />
           <TextField
-            fullWidth
             id="add-webId"
             name="addWebId"
+            placeholder="WebId"
             autoComplete="webid"
-            type="text"
             value={webId}
+            type="text"
             onChange={(e) => {
               setWebId(e.target.value);
             }}
-            placeholder="WebId"
+            fullWidth
           />
           <br />
           <br />
@@ -218,7 +219,6 @@ const AddClientModal = ({ showModal, setShowModal }) => {
       </FormSection>
     </Dialog>
   );
-  /* eslint-enable jsx-a11y/label-has-associated-control */
 };
 
 export default AddClientModal;
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index 5c8d55b13..da2e2be4a 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -46,7 +46,7 @@ const UploadDocumentForm = () => {
     setVerifyFile(false);
     setDocType('');
     setFile('');
-    setInputKey(!inputKey); // clears file by forcing re-render
+    setInputKey(!inputKey); // Clears file by forcing re-render
     setDocDescription('');
     setDocType('');
     setExpireDate(null);
diff --git a/src/typedefs.js b/src/typedefs.js
index 3ba5687c2..6aa483853 100644
--- a/src/typedefs.js
+++ b/src/typedefs.js
@@ -86,7 +86,7 @@ const React = require('react');
  * @property {string} type - Type of document
  * @property {string} date - Date of upload
  * @property {string} description - Description of document
- * @property {object} file - An object which contain infomation about the file
+ * @property {object} file - An object which contain information about the file
  * being uploaded as well the document itself
  * @memberof typedefs
  */

From 840c9745a4b89b712a72d6f42d85b55200afe908 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 01:03:09 -0700
Subject: [PATCH 179/304] Reorganized buttons in ProfileInputField to use
 ternary; Updated condition for value and placeholder in ProfileInputField;
 Renamed fetchProfileData to getProfileData

---
 src/components/Profile/ProfileInputField.jsx | 55 ++++++++++++--------
 src/routes/Profile.jsx                       | 12 ++---
 2 files changed, 39 insertions(+), 28 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 475596de8..012bc794c 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -14,7 +14,7 @@ import InputLabel from '@mui/material/InputLabel';
 import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
 
 /**
- * messageFolderProps is an object that stores the props for the MessageFolder
+ * profileInputFieldProps is an object that stores the props for the ProfileInputField
  * component
  *
  * @typedef profileInputFieldProps
@@ -23,8 +23,8 @@ import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
  * @property {string} inputValue - Value of input field used for updating profile
  * @property {(value: React.SetStateAction<null>) => void} setInputValue - Set
  * function for inputValue
- * @property {() => void} fetchProfileData - Handler function for fetching data
- * from user's profile card
+ * @property {() => void} getProfileData - Handler function for fetching
+ * data from user's profile card
  * @memberof typedefs
  */
 
@@ -37,7 +37,7 @@ import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
  * @param {profileInputFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileInputField = ({ inputName, inputValue, setInputValue, fetchProfileData }) => {
+const ProfileInputField = ({ inputName, inputValue, setInputValue, getProfileData }) => {
   const { session } = useSession();
   const [edit, setEdit] = useState(false);
 
@@ -48,12 +48,12 @@ const ProfileInputField = ({ inputName, inputValue, setInputValue, fetchProfileD
 
     await updateProfileInfo(session, profileData, inputField, inputValue);
 
-    fetchProfileData();
+    getProfileData();
     setEdit(false);
   };
 
   const handleCancelEdit = () => {
-    fetchProfileData();
+    getProfileData();
 
     setEdit(!edit);
   };
@@ -71,25 +71,38 @@ const ProfileInputField = ({ inputName, inputValue, setInputValue, fetchProfileD
           </InputLabel>
           <Input
             id={`input-${inputName}`}
-            value={inputValue === null ? 'No value set' : inputValue}
+            value={inputValue || ''}
+            placeholder={inputValue || 'No value set'}
             disabled={!edit}
             onChange={(e) => setInputValue(e.target.value)}
           />
-          <Button
-            variant="outlined"
-            type="button"
-            color={edit ? 'error' : 'primary'}
-            endIcon={edit ? <ClearIcon /> : <EditIcon />}
-            onClick={edit ? handleCancelEdit : handleEditInput}
-          >
-            {edit ? 'Cancel' : 'Edit'}
-          </Button>
+          {edit ? (
+            <>
+              <Button
+                variant="outlined"
+                type="button"
+                color="error"
+                endIcon={<ClearIcon />}
+                onClick={handleCancelEdit}
+              >
+                Cancel
+              </Button>
+              <Button variant="outlined" type="submit" endIcon={<CheckIcon />}>
+                Update
+              </Button>
+            </>
+          ) : (
+            <Button
+              variant="outlined"
+              type="button"
+              color="primary"
+              endIcon={<EditIcon />}
+              onClick={handleEditInput}
+            >
+              Edit
+            </Button>
+          )}
         </Box>
-        {edit && (
-          <Button variant="outlined" type="submit" endIcon={<CheckIcon />}>
-            Update
-          </Button>
-        )}
       </Box>
     </form>
   );
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 9416678a9..0b19b0dd1 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -29,7 +29,7 @@ const Profile = () => {
   const [profileName, setProfileName] = useState(null);
   const [organization, setOrganization] = useState(null);
 
-  const fetchProfileData = async () => {
+  const getProfileData = async () => {
     const profileObject = await fetchProfileInfo(session);
 
     setProfileName(profileObject.profileInfo.profileName);
@@ -37,10 +37,8 @@ const Profile = () => {
   };
 
   useEffect(() => {
-    if (profileName === null) {
-      fetchProfileData();
-    }
-  }, [profileName]);
+    getProfileData();
+  }, []);
 
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
@@ -61,13 +59,13 @@ const Profile = () => {
             inputName="Name"
             inputValue={profileName}
             setInputValue={setProfileName}
-            fetchProfileData={fetchProfileData}
+            getProfileData={getProfileData}
           />
           <ProfileInputField
             inputName="Organization"
             inputValue={organization}
             setInputValue={setOrganization}
-            fetchProfileData={fetchProfileData}
+            getProfileData={getProfileData}
           />
         </Box>
       </Box>

From a5998d6773afe0cc35c2319aac65fa592a81f780 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 01:12:51 -0700
Subject: [PATCH 180/304] Renamed getProfileData to loadProfileData

---
 src/components/Profile/ProfileInputField.jsx | 10 +++++-----
 src/routes/Profile.jsx                       |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index 012bc794c..ec3e741f5 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -23,8 +23,8 @@ import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
  * @property {string} inputValue - Value of input field used for updating profile
  * @property {(value: React.SetStateAction<null>) => void} setInputValue - Set
  * function for inputValue
- * @property {() => void} getProfileData - Handler function for fetching
- * data from user's profile card
+ * @property {() => void} loadProfileData - Handler function for fetching
+ * data from user's profile card and loading it on PASS
  * @memberof typedefs
  */
 
@@ -37,7 +37,7 @@ import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
  * @param {profileInputFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileInputField = ({ inputName, inputValue, setInputValue, getProfileData }) => {
+const ProfileInputField = ({ inputName, inputValue, setInputValue, loadProfileData }) => {
   const { session } = useSession();
   const [edit, setEdit] = useState(false);
 
@@ -48,12 +48,12 @@ const ProfileInputField = ({ inputName, inputValue, setInputValue, getProfileDat
 
     await updateProfileInfo(session, profileData, inputField, inputValue);
 
-    getProfileData();
+    loadProfileData();
     setEdit(false);
   };
 
   const handleCancelEdit = () => {
-    getProfileData();
+    loadProfileData();
 
     setEdit(!edit);
   };
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 0b19b0dd1..b3a2ca703 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -29,7 +29,7 @@ const Profile = () => {
   const [profileName, setProfileName] = useState(null);
   const [organization, setOrganization] = useState(null);
 
-  const getProfileData = async () => {
+  const loadProfileData = async () => {
     const profileObject = await fetchProfileInfo(session);
 
     setProfileName(profileObject.profileInfo.profileName);
@@ -37,7 +37,7 @@ const Profile = () => {
   };
 
   useEffect(() => {
-    getProfileData();
+    loadProfileData();
   }, []);
 
   return (
@@ -59,13 +59,13 @@ const Profile = () => {
             inputName="Name"
             inputValue={profileName}
             setInputValue={setProfileName}
-            getProfileData={getProfileData}
+            loadProfileData={loadProfileData}
           />
           <ProfileInputField
             inputName="Organization"
             inputValue={organization}
             setInputValue={setOrganization}
-            getProfileData={getProfileData}
+            loadProfileData={loadProfileData}
           />
         </Box>
       </Box>

From abdf3046d7a7e610df8fd5d7523eacfa8641b6f2 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 12:54:16 -0700
Subject: [PATCH 181/304] Refactored Profile, and ProfileInputField to be one
 large form; Updated updateProfileInfo to handle an object input like before

---
 src/components/Profile/ProfileInputField.jsx |  97 +++--------------
 src/model-helpers/Profile.js                 |  71 ++++++------
 src/routes/Profile.jsx                       | 107 ++++++++++++++++---
 3 files changed, 146 insertions(+), 129 deletions(-)

diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
index ec3e741f5..92f9c0af6 100644
--- a/src/components/Profile/ProfileInputField.jsx
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -1,17 +1,9 @@
 // React Imports
-import React, { useState } from 'react';
-// Inrupt Imports
-import { useSession } from '@inrupt/solid-ui-react';
+import React from 'react';
 // Material UI Imports
 import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import CheckIcon from '@mui/icons-material/Check';
-import ClearIcon from '@mui/icons-material/Clear';
-import EditIcon from '@mui/icons-material/Edit';
 import Input from '@mui/material/Input';
 import InputLabel from '@mui/material/InputLabel';
-// Utility Imports
-import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
 
 /**
  * profileInputFieldProps is an object that stores the props for the ProfileInputField
@@ -23,8 +15,7 @@ import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
  * @property {string} inputValue - Value of input field used for updating profile
  * @property {(value: React.SetStateAction<null>) => void} setInputValue - Set
  * function for inputValue
- * @property {() => void} loadProfileData - Handler function for fetching
- * data from user's profile card and loading it on PASS
+ * @property {boolean} edit - Boolean used to toggle edit inputs
  * @memberof typedefs
  */
 
@@ -37,75 +28,19 @@ import { fetchProfileInfo, updateProfileInfo } from '../../model-helpers';
  * @param {profileInputFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileInputField = ({ inputName, inputValue, setInputValue, loadProfileData }) => {
-  const { session } = useSession();
-  const [edit, setEdit] = useState(false);
-
-  const handleUpdateProfile = async (event) => {
-    event.preventDefault();
-    const profileData = await fetchProfileInfo(session);
-    const inputField = inputName === 'Name' ? 'profileName' : inputName.toLowerCase();
-
-    await updateProfileInfo(session, profileData, inputField, inputValue);
-
-    loadProfileData();
-    setEdit(false);
-  };
-
-  const handleCancelEdit = () => {
-    loadProfileData();
-
-    setEdit(!edit);
-  };
-
-  const handleEditInput = () => {
-    setEdit(!edit);
-  };
-
-  return (
-    <form onSubmit={handleUpdateProfile}>
-      <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-        <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-          <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
-            {inputName}:{' '}
-          </InputLabel>
-          <Input
-            id={`input-${inputName}`}
-            value={inputValue || ''}
-            placeholder={inputValue || 'No value set'}
-            disabled={!edit}
-            onChange={(e) => setInputValue(e.target.value)}
-          />
-          {edit ? (
-            <>
-              <Button
-                variant="outlined"
-                type="button"
-                color="error"
-                endIcon={<ClearIcon />}
-                onClick={handleCancelEdit}
-              >
-                Cancel
-              </Button>
-              <Button variant="outlined" type="submit" endIcon={<CheckIcon />}>
-                Update
-              </Button>
-            </>
-          ) : (
-            <Button
-              variant="outlined"
-              type="button"
-              color="primary"
-              endIcon={<EditIcon />}
-              onClick={handleEditInput}
-            >
-              Edit
-            </Button>
-          )}
-        </Box>
-      </Box>
-    </form>
-  );
-};
+const ProfileInputField = ({ inputName, inputValue, setInputValue, edit }) => (
+  <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+    <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
+      {inputName}:{' '}
+    </InputLabel>
+    <Input
+      id={`input-${inputName}`}
+      value={inputValue || ''}
+      placeholder={inputValue || 'No value set'}
+      disabled={!edit}
+      onChange={(e) => setInputValue(e.target.value)}
+    />
+  </Box>
+);
 
 export default ProfileInputField;
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 0dbc2e340..33b7a948c 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -53,53 +53,54 @@ export const fetchProfileInfo = async (session) => {
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {object} profileData - The object containing the information related
  * to the person on their profile card, the profile dataset, and the profile Thing
- * @param {string} inputField - String about which input field to update
- * @param {object} updateInputValue - The input for updating profile information
+ * @param {object} inputValues - The inputs for updating profile information
  * on their profile card
  * @returns {Promise} Promise - Performs action to update profile card on the
  * user's profile card
  */
-export const updateProfileInfo = async (session, profileData, inputField, updateInputValue) => {
+export const updateProfileInfo = async (session, profileData, inputValues) => {
   let { profileDataset } = profileData;
   const { profileInfo, profileThingAll } = profileData;
   let { profileThingMe } = profileThingAll;
   const { profileThingOrg } = profileThingAll;
   let newProfileThing;
 
-  switch (updateInputValue) {
-    case null:
-    case 'null':
-    case 'No value set':
-      return;
-    case '':
-      if (inputField === 'organization') {
-        profileDataset = removeThing(profileDataset, profileThingOrg);
-      } else {
-        profileThingMe = removeStringNoLocale(
-          profileThingMe,
-          RDF_PREDICATES[inputField],
-          profileInfo[inputField]
-        );
-      }
-      break;
-    default:
-      if (inputField === 'organization') {
-        newProfileThing = buildThing(createThing({ name: 'organization' }))
-          .addUrl(RDF_PREDICATES.type, RDF_PREDICATES.organization)
-          .addStringNoLocale(RDF_PREDICATES.name, updateInputValue)
-          .build();
-      } else {
-        profileThingMe = buildThing(profileThingMe)
-          .setStringNoLocale(RDF_PREDICATES[inputField], updateInputValue)
-          .build();
-      }
-      break;
-  }
+  Object.keys(inputValues).forEach((input) => {
+    switch (inputValues[input]) {
+      case null:
+      case 'null':
+      case 'No value set':
+        return;
+      case '':
+        if (input === 'organization') {
+          profileDataset = removeThing(profileDataset, profileThingOrg);
+        } else {
+          profileThingMe = removeStringNoLocale(
+            profileThingMe,
+            RDF_PREDICATES[input],
+            profileInfo[input]
+          );
+        }
+        break;
+      default:
+        if (input === 'organization') {
+          newProfileThing = buildThing(createThing({ name: 'organization' }))
+            .addUrl(RDF_PREDICATES.type, RDF_PREDICATES.organization)
+            .addStringNoLocale(RDF_PREDICATES.name, inputValues[input])
+            .build();
+        } else {
+          profileThingMe = buildThing(profileThingMe)
+            .setStringNoLocale(RDF_PREDICATES[input], inputValues[input])
+            .build();
+        }
+        break;
+    }
+  });
+
+  profileDataset = setThing(profileDataset, profileThingMe);
 
-  if (newProfileThing) {
+  if (!profileThingOrg) {
     profileDataset = setThing(profileDataset, newProfileThing);
-  } else {
-    profileDataset = setThing(profileDataset, profileThingMe);
   }
 
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index b3a2ca703..cd1ed5afe 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -5,10 +5,14 @@ import { useLocation } from 'react-router-dom';
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CheckIcon from '@mui/icons-material/Check';
+import ClearIcon from '@mui/icons-material/Clear';
+import EditIcon from '@mui/icons-material/Edit';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
-import { fetchProfileInfo } from '../model-helpers';
+import { fetchProfileInfo, updateProfileInfo } from '../model-helpers';
 // Component Inputs
 import ProfileInputField from '../components/Profile/ProfileInputField';
 
@@ -28,6 +32,7 @@ const Profile = () => {
 
   const [profileName, setProfileName] = useState(null);
   const [organization, setOrganization] = useState(null);
+  const [edit, setEdit] = useState(false);
 
   const loadProfileData = async () => {
     const profileObject = await fetchProfileInfo(session);
@@ -36,6 +41,31 @@ const Profile = () => {
     setOrganization(profileObject.profileInfo.organization);
   };
 
+  const handleCancelEdit = () => {
+    loadProfileData();
+
+    setEdit(!edit);
+  };
+
+  const handleEditInput = () => {
+    setEdit(!edit);
+  };
+
+  const handleUpdateProfile = async (event) => {
+    event.preventDefault();
+    const profileData = await fetchProfileInfo(session);
+
+    const inputValues = {
+      profileName,
+      organization
+    };
+
+    await updateProfileInfo(session, profileData, inputValues);
+
+    loadProfileData();
+    setEdit(false);
+  };
+
   useEffect(() => {
     loadProfileData();
   }, []);
@@ -55,18 +85,69 @@ const Profile = () => {
         {/* TODO: Refactor/optimize the form below once we have more input */}
         {/* fields to update profile for */}
         <Box style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
-          <ProfileInputField
-            inputName="Name"
-            inputValue={profileName}
-            setInputValue={setProfileName}
-            loadProfileData={loadProfileData}
-          />
-          <ProfileInputField
-            inputName="Organization"
-            inputValue={organization}
-            setInputValue={setOrganization}
-            loadProfileData={loadProfileData}
-          />
+          <form onSubmit={handleUpdateProfile}>
+            <Box
+              sx={{
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '10px'
+              }}
+            >
+              <ProfileInputField
+                inputName="Name"
+                inputValue={profileName}
+                setInputValue={setProfileName}
+                edit={edit}
+              />
+              <ProfileInputField
+                inputName="Organization"
+                inputValue={organization}
+                setInputValue={setOrganization}
+                edit={edit}
+              />
+              <Box
+                sx={{
+                  display: 'flex',
+                  gap: '10px',
+                  marginTop: 2
+                }}
+              >
+                {edit ? (
+                  <>
+                    <Button
+                      variant="outlined"
+                      type="button"
+                      color="error"
+                      endIcon={<ClearIcon />}
+                      onClick={handleCancelEdit}
+                      sx={{ width: '100px' }}
+                    >
+                      Cancel
+                    </Button>
+                    <Button
+                      variant="outlined"
+                      type="submit"
+                      endIcon={<CheckIcon />}
+                      sx={{ width: '100px' }}
+                    >
+                      Update
+                    </Button>
+                  </>
+                ) : (
+                  <Button
+                    variant="outlined"
+                    type="button"
+                    color="primary"
+                    endIcon={<EditIcon />}
+                    onClick={handleEditInput}
+                    sx={{ width: '100px' }}
+                  >
+                    Edit
+                  </Button>
+                )}
+              </Box>
+            </Box>
+          </form>
         </Box>
       </Box>
     </Box>

From 09527f7c40703360a47dc35b7592dac2da27dfe4 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 13:06:17 -0700
Subject: [PATCH 182/304] Updated updateProfileInfo to correct for bugs

---
 src/model-helpers/Profile.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 33b7a948c..46ab1eb62 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -98,8 +98,7 @@ export const updateProfileInfo = async (session, profileData, inputValues) => {
   });
 
   profileDataset = setThing(profileDataset, profileThingMe);
-
-  if (!profileThingOrg) {
+  if (newProfileThing) {
     profileDataset = setThing(profileDataset, newProfileThing);
   }
 

From b6866f82699b1c4f4e9ae882fb9e3fec1f6f56c1 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 18:10:07 -0700
Subject: [PATCH 183/304] Updating profile fields based on recommended spec for
 solid profiles

---
 src/components/Profile/ProfileImageField.jsx |  92 ++++++++++++++
 src/constants/rdf_predicates.js              |   6 +-
 src/contexts/SignedInUserContext.jsx         |   3 +-
 src/model-helpers/Profile.js                 | 119 ++++++++++---------
 src/routes/Profile.jsx                       | 111 +++++++++--------
 test/model-helpers/Profile.test.js           |   5 +-
 6 files changed, 228 insertions(+), 108 deletions(-)
 create mode 100644 src/components/Profile/ProfileImageField.jsx

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
new file mode 100644
index 000000000..3ace05167
--- /dev/null
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -0,0 +1,92 @@
+// React Imports
+import React from 'react';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import HideImageIcon from '@mui/icons-material/HideImage';
+import ImageIcon from '@mui/icons-material/Image';
+import InputLabel from '@mui/material/InputLabel';
+// Utility Imports
+import { fetchProfileInfo, removeProfileImage, uploadProfileImg } from '../../model-helpers';
+
+const ProfileImageField = ({ loadProfileData, imgFile, setImgFile, profileImg }) => {
+  const { session } = useSession();
+
+  const handleProfileImage = async () => {
+    const profileData = await fetchProfileInfo(session);
+
+    await uploadProfileImg(session, profileData, imgFile);
+
+    loadProfileData();
+  };
+
+  const handleRemoveProfileImg = async () => {
+    if (window.confirm("You're about to delete your profile image. Do you wish to continue?")) {
+      const profileData = await fetchProfileInfo(session);
+      await removeProfileImage(session, profileData);
+
+      loadProfileData();
+    }
+  };
+
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        maxWidth: '300px',
+        alignItems: 'flex-start',
+        gap: '10px'
+      }}
+    >
+      <InputLabel htmlFor="input-profile-pic" sx={{ color: 'black' }}>
+        Profile Image:{' '}
+      </InputLabel>
+      {profileImg ? (
+        <>
+          <img
+            src={profileImg}
+            alt="PASS profile"
+            style={{ height: '200px', objectFit: 'contain' }}
+          />
+          <Box sx={{ display: 'flex', gap: '10px' }}>
+            <Button
+              variant="outlined"
+              color="error"
+              sx={{ width: '150px' }}
+              onClick={handleRemoveProfileImg}
+              endIcon={<HideImageIcon />}
+            >
+              Remove Img
+            </Button>
+          </Box>
+        </>
+      ) : (
+        <>
+          <AccountCircleIcon sx={{ height: '200px', width: '200px', color: 'lightgray' }} />
+          <Button
+            variant="outlined"
+            component="label"
+            color="primary"
+            id="input-profile-pic"
+            name="inputProfilePic"
+            onChange={async (e) => {
+              setImgFile(e.target.files[0]);
+              await handleProfileImage(e);
+            }}
+            endIcon={<ImageIcon />}
+            sx={{ width: '150px' }}
+          >
+            Choose Img
+            <input type="file" hidden accept=".gif, .png, .tiff, .jpeg, .jpg, .webp" />
+          </Button>
+        </>
+      )}
+    </Box>
+  );
+};
+
+export default ProfileImageField;
diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index 1dd315f77..6e1790d52 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -1,4 +1,4 @@
-import { SCHEMA_INRUPT, RDF } from '@inrupt/vocab-common-rdf';
+import { SCHEMA_INRUPT, RDF, FOAF } from '@inrupt/vocab-common-rdf';
 
 const RDF_PREDICATES = {
   ...SCHEMA_INRUPT,
@@ -25,8 +25,8 @@ const RDF_PREDICATES = {
   profileName: 'http://xmlns.com/foaf/0.1/name',
   sha256: 'https://schema.org/sha256',
   accountablePerson: 'https://schema.org/accountablePerson',
-  organization: 'https://schema.org/Organization',
-  dateRead: 'https://schema.org/dateRead',
+  profileImg: FOAF.img,
+  nickname: FOAF.nick,
   type: RDF.type
 };
 
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index b373ff15f..ca84af75a 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -5,7 +5,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
 import { createPublicContainer } from '../utils';
-import { updateUserActivity, updateActivity } from '../model-helpers';
+import { updateUserActivity } from '../model-helpers';
 
 /**
  * React Context for users list from Solid Pod
@@ -44,7 +44,6 @@ export const SignedInUserContextProvider = ({ children }) => {
       try {
         const { webId } = session.info;
         let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
-        await updateActivity(session, webId);
         podUrl = podUrl || webId.split('profile')[0];
         setUserInfo({
           ...userInfo,
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 46ab1eb62..e3ceb55da 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -1,11 +1,13 @@
 import {
   buildThing,
-  createThing,
+  deleteFile,
   getStringNoLocale,
   getThing,
+  getUrl,
   getWebIdDataset,
   removeStringNoLocale,
-  removeThing,
+  removeUrl,
+  saveFileInContainer,
   saveSolidDatasetAt,
   setThing
 } from '@inrupt/solid-client';
@@ -26,23 +28,17 @@ import { RDF_PREDICATES } from '../constants';
  */
 export const fetchProfileInfo = async (session) => {
   const profileDataset = await getWebIdDataset(session.info.webId);
-  const profileThingMe = getThing(profileDataset, session.info.webId);
-  const profileThingOrg = getThing(
-    profileDataset,
-    session.info.webId.replace('#me', '#organization')
-  );
+  const profileThing = getThing(profileDataset, session.info.webId);
 
-  const profileName = getStringNoLocale(profileThingMe, RDF_PREDICATES.profileName);
-  const organization = profileThingOrg
-    ? getStringNoLocale(profileThingOrg, RDF_PREDICATES.name)
-    : null;
+  const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+  const nickname = getStringNoLocale(profileThing, RDF_PREDICATES.nickname);
+  const profileImage = getUrl(profileThing, RDF_PREDICATES.profileImg);
 
-  const profileInfo = { profileName, organization };
-  const profileThingAll = { profileThingMe, profileThingOrg };
+  const profileInfo = { profileName, nickname, profileImage };
 
   // TODO: include more fields to the object like organization, address, etc.
   // when expanding this feature
-  return { profileInfo, profileDataset, profileThingAll };
+  return { profileInfo, profileDataset, profileThing };
 };
 
 /**
@@ -59,11 +55,8 @@ export const fetchProfileInfo = async (session) => {
  * user's profile card
  */
 export const updateProfileInfo = async (session, profileData, inputValues) => {
-  let { profileDataset } = profileData;
-  const { profileInfo, profileThingAll } = profileData;
-  let { profileThingMe } = profileThingAll;
-  const { profileThingOrg } = profileThingAll;
-  let newProfileThing;
+  let { profileDataset, profileThing } = profileData;
+  const { profileInfo } = profileData;
 
   Object.keys(inputValues).forEach((input) => {
     switch (inputValues[input]) {
@@ -72,57 +65,75 @@ export const updateProfileInfo = async (session, profileData, inputValues) => {
       case 'No value set':
         return;
       case '':
-        if (input === 'organization') {
-          profileDataset = removeThing(profileDataset, profileThingOrg);
-        } else {
-          profileThingMe = removeStringNoLocale(
-            profileThingMe,
-            RDF_PREDICATES[input],
-            profileInfo[input]
-          );
-        }
+        profileThing = removeStringNoLocale(
+          profileThing,
+          RDF_PREDICATES[input],
+          profileInfo[input]
+        );
         break;
       default:
-        if (input === 'organization') {
-          newProfileThing = buildThing(createThing({ name: 'organization' }))
-            .addUrl(RDF_PREDICATES.type, RDF_PREDICATES.organization)
-            .addStringNoLocale(RDF_PREDICATES.name, inputValues[input])
-            .build();
-        } else {
-          profileThingMe = buildThing(profileThingMe)
-            .setStringNoLocale(RDF_PREDICATES[input], inputValues[input])
-            .build();
-        }
+        profileThing = buildThing(profileThing)
+          .setStringNoLocale(RDF_PREDICATES[input], inputValues[input])
+          .build();
         break;
     }
   });
 
-  profileDataset = setThing(profileDataset, profileThingMe);
-  if (newProfileThing) {
-    profileDataset = setThing(profileDataset, newProfileThing);
-  }
+  profileDataset = setThing(profileDataset, profileThing);
 
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
 };
 
 /**
- * A function that saves the latest date user has logged into PASS as dateRead
- * inside user's profile card
+ * Function that upload profile image of user onto their profile container and
+ * reference it on their
  *
- * @function updateActivity
  * @param {Session} session - Solid's Session Object {@link Session}
- * @param {URL} webId - WebId of the user to update last login date in profile
- * card
- * @returns {Promise} Promise - Saves the latest date user has logged in PASS
- * into profile card as dateRead
+ * @param {object} profileData - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ * @param {Blob} inputImage - File blob being uploaded for profile image
  */
-export const updateActivity = async (session, webId) => {
-  let profileDataset = await getWebIdDataset(webId);
-  let profileThing = getThing(profileDataset, webId);
+export const uploadProfileImg = async (session, profileData, inputImage) => {
+  let { profileDataset, profileThing } = profileData;
 
-  profileThing = buildThing(profileThing).setDate(RDF_PREDICATES.dateRead, new Date()).build();
+  const profileContainer = `${session.info.webId.split('profile')[0]}profile/`;
+  const profileImgFilename = inputImage.name.replace(' ', '%20');
+
+  await saveFileInContainer(profileContainer, inputImage, {
+    slug: profileImgFilename,
+    contentType: inputImage.type,
+    fetch: session.fetch
+  });
+
+  profileThing = buildThing(profileThing)
+    .addUrl(RDF_PREDICATES.profileImg, `${profileContainer}${profileImgFilename}`)
+    .build();
 
   profileDataset = setThing(profileDataset, profileThing);
 
-  await saveSolidDatasetAt(webId, profileDataset, { fetch: session.fetch });
+  await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+};
+
+/**
+ * Function that removes the profile image being used on their Pod and removes
+ * the field for profile image
+ *
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {object} profileData - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ * @returns {Promise} Promise - Perform action that removes the profile image from
+ * the profile card and the profile image
+ */
+export const removeProfileImage = async (session, profileData) => {
+  let { profileDataset, profileThing } = profileData;
+  const profileImg = getUrl(profileThing, RDF_PREDICATES.profileImg);
+
+  if (profileImg) {
+    profileThing = removeUrl(profileThing, RDF_PREDICATES.profileImg, profileImg);
+
+    profileDataset = setThing(profileDataset, profileThing);
+    await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+
+    await deleteFile(profileImg, { fetch: session.fetch });
+  }
 };
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index cd1ed5afe..e7467216b 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -13,8 +13,10 @@ import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
 import { fetchProfileInfo, updateProfileInfo } from '../model-helpers';
+import { getBlobFromSolid } from '../utils';
 // Component Inputs
 import ProfileInputField from '../components/Profile/ProfileInputField';
+import ProfileImageField from '../components/Profile/ProfileImageField';
 
 /**
  * Profile Page - Page that displays the user's profile card information and
@@ -31,14 +33,23 @@ const Profile = () => {
   localStorage.setItem('restorePath', location.pathname);
 
   const [profileName, setProfileName] = useState(null);
-  const [organization, setOrganization] = useState(null);
+  const [nickname, setNickname] = useState(null);
+  const [profileImg, setProfileImg] = useState(null);
+  const [imgFile, setImgFile] = useState(null);
   const [edit, setEdit] = useState(false);
 
   const loadProfileData = async () => {
     const profileObject = await fetchProfileInfo(session);
 
     setProfileName(profileObject.profileInfo.profileName);
-    setOrganization(profileObject.profileInfo.organization);
+    setNickname(profileObject.profileInfo.nickname);
+
+    let profileImageBlob;
+
+    if (profileObject.profileInfo.profileImage) {
+      profileImageBlob = await getBlobFromSolid(session, profileObject.profileInfo.profileImage);
+    }
+    setProfileImg(profileImageBlob);
   };
 
   const handleCancelEdit = () => {
@@ -57,7 +68,7 @@ const Profile = () => {
 
     const inputValues = {
       profileName,
-      organization
+      nickname
     };
 
     await updateProfileInfo(session, profileData, inputValues);
@@ -86,6 +97,47 @@ const Profile = () => {
         {/* fields to update profile for */}
         <Box style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
           <form onSubmit={handleUpdateProfile}>
+            <Box
+              sx={{
+                display: 'flex',
+                gap: '10px',
+                marginBottom: 2
+              }}
+            >
+              {edit ? (
+                <>
+                  <Button
+                    variant="outlined"
+                    type="button"
+                    color="error"
+                    endIcon={<ClearIcon />}
+                    onClick={handleCancelEdit}
+                    sx={{ width: '100px' }}
+                  >
+                    Cancel
+                  </Button>
+                  <Button
+                    variant="outlined"
+                    type="submit"
+                    endIcon={<CheckIcon />}
+                    sx={{ width: '100px' }}
+                  >
+                    Update
+                  </Button>
+                </>
+              ) : (
+                <Button
+                  variant="outlined"
+                  type="button"
+                  color="primary"
+                  endIcon={<EditIcon />}
+                  onClick={handleEditInput}
+                  sx={{ width: '100px' }}
+                >
+                  Edit
+                </Button>
+              )}
+            </Box>
             <Box
               sx={{
                 display: 'flex',
@@ -100,54 +152,19 @@ const Profile = () => {
                 edit={edit}
               />
               <ProfileInputField
-                inputName="Organization"
-                inputValue={organization}
-                setInputValue={setOrganization}
+                inputName="Nickname"
+                inputValue={nickname}
+                setInputValue={setNickname}
                 edit={edit}
               />
-              <Box
-                sx={{
-                  display: 'flex',
-                  gap: '10px',
-                  marginTop: 2
-                }}
-              >
-                {edit ? (
-                  <>
-                    <Button
-                      variant="outlined"
-                      type="button"
-                      color="error"
-                      endIcon={<ClearIcon />}
-                      onClick={handleCancelEdit}
-                      sx={{ width: '100px' }}
-                    >
-                      Cancel
-                    </Button>
-                    <Button
-                      variant="outlined"
-                      type="submit"
-                      endIcon={<CheckIcon />}
-                      sx={{ width: '100px' }}
-                    >
-                      Update
-                    </Button>
-                  </>
-                ) : (
-                  <Button
-                    variant="outlined"
-                    type="button"
-                    color="primary"
-                    endIcon={<EditIcon />}
-                    onClick={handleEditInput}
-                    sx={{ width: '100px' }}
-                  >
-                    Edit
-                  </Button>
-                )}
-              </Box>
             </Box>
           </form>
+          <ProfileImageField
+            loadProfileData={loadProfileData}
+            imgFile={imgFile}
+            setImgFile={setImgFile}
+            profileImg={profileImg}
+          />
         </Box>
       </Box>
     </Box>
diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index 465d954cb..d5bffdcef 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -22,8 +22,9 @@ describe('fetchProfileInfo', () => {
     const results = await fetchProfileInfo(session);
 
     expect(results).toHaveProperty('profileInfo.profileName');
-    expect(results).toHaveProperty('profileInfo.organization');
+    expect(results).toHaveProperty('profileInfo.nickname');
+    expect(results).toHaveProperty('profileInfo.profileImage');
     expect(results).toHaveProperty('profileDataset');
-    expect(results).toHaveProperty('profileThingAll');
+    expect(results).toHaveProperty('profileThing');
   });
 });

From 7aa0ba896b05e4ad950779d700b1642fb7c9d967 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 18:14:50 -0700
Subject: [PATCH 184/304] Updating JSDoc for new ProfileImageField component

---
 src/components/Profile/ProfileImageField.jsx | 26 ++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index 3ace05167..aa7de9a27 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -12,6 +12,32 @@ import InputLabel from '@mui/material/InputLabel';
 // Utility Imports
 import { fetchProfileInfo, removeProfileImage, uploadProfileImg } from '../../model-helpers';
 
+/**
+ * profileImageFieldProps is an object that stores the props for the ProfileInputField
+ * component
+ *
+ * @typedef profileImageFieldProps
+ * @type {object}
+ * @property {() => void} loadProfileData - The handler function for loading
+ * data from profile card
+ * @property {Blob} imgFile - The file blob user wish to upload into their profile
+ * card
+ * @property {(value: React.SetStateAction<null>) => void} setImgFile - Set
+ * function for profile image
+ * @property {Blob} profileImg - The existing file blob being used for profile
+ * card
+ * @memberof typedefs
+ */
+
+/**
+ * ProfileImageField Component - Component that creates the editable inputs fields
+ * for the Profile page
+ *
+ * @memberof Inbox
+ * @name ProfileImageField
+ * @param {profileImageFieldProps} Props - Props used for NewMessage
+ * @returns {React.JSX.Element} React component for NewMessage
+ */
 const ProfileImageField = ({ loadProfileData, imgFile, setImgFile, profileImg }) => {
   const { session } = useSession();
 

From 9a11d9cd4cc37a4254147a04d49f2e659aa457b5 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 18:45:41 -0700
Subject: [PATCH 185/304] Moving Profile functions to be contained within
 SignedInUserContext

---
 src/components/Profile/ProfileImageField.jsx |  8 +++++---
 src/contexts/SignedInUserContext.jsx         | 14 ++++++++++++--
 src/routes/Profile.jsx                       |  6 ++++--
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index aa7de9a27..97a8958de 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React from 'react';
+import React, { useContext } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
@@ -9,8 +9,8 @@ import Button from '@mui/material/Button';
 import HideImageIcon from '@mui/icons-material/HideImage';
 import ImageIcon from '@mui/icons-material/Image';
 import InputLabel from '@mui/material/InputLabel';
-// Utility Imports
-import { fetchProfileInfo, removeProfileImage, uploadProfileImg } from '../../model-helpers';
+// Contexts Imports
+import { SignedInUserContext } from '../../contexts';
 
 /**
  * profileImageFieldProps is an object that stores the props for the ProfileInputField
@@ -40,6 +40,8 @@ import { fetchProfileInfo, removeProfileImage, uploadProfileImg } from '../../mo
  */
 const ProfileImageField = ({ loadProfileData, imgFile, setImgFile, profileImg }) => {
   const { session } = useSession();
+  const { fetchProfileInfo, removeProfileImage, uploadProfileImg } =
+    useContext(SignedInUserContext);
 
   const handleProfileImage = async () => {
     const profileData = await fetchProfileInfo(session);
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index ca84af75a..38088862b 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -5,7 +5,13 @@ import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
 import { createPublicContainer } from '../utils';
-import { updateUserActivity } from '../model-helpers';
+import {
+  fetchProfileInfo,
+  updateProfileInfo,
+  uploadProfileImg,
+  removeProfileImage,
+  updateUserActivity
+} from '../model-helpers';
 
 /**
  * React Context for users list from Solid Pod
@@ -34,7 +40,11 @@ export const SignedInUserContextProvider = ({ children }) => {
 
   const userInfoMemo = useMemo(
     () => ({
-      podUrl: userInfo.podUrl
+      podUrl: userInfo.podUrl,
+      fetchProfileInfo,
+      updateProfileInfo,
+      uploadProfileImg,
+      removeProfileImage
     }),
     [userInfo, loadingUserInfo]
   );
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index e7467216b..24ef5b31f 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
@@ -12,8 +12,9 @@ import EditIcon from '@mui/icons-material/Edit';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
-import { fetchProfileInfo, updateProfileInfo } from '../model-helpers';
 import { getBlobFromSolid } from '../utils';
+// Contexts Imports
+import { SignedInUserContext } from '../contexts';
 // Component Inputs
 import ProfileInputField from '../components/Profile/ProfileInputField';
 import ProfileImageField from '../components/Profile/ProfileImageField';
@@ -29,6 +30,7 @@ import ProfileImageField from '../components/Profile/ProfileImageField';
 const Profile = () => {
   const location = useLocation();
   const { session } = useSession();
+  const { fetchProfileInfo, updateProfileInfo } = useContext(SignedInUserContext);
 
   localStorage.setItem('restorePath', location.pathname);
 

From aff58335e28215d11fc8a32a3a38ac72a10102f1 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 29 Jun 2023 18:52:01 -0700
Subject: [PATCH 186/304] Reverting snapshot for SignedInUserContext back to
 Development version

---
 test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap b/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap
index f0c2fe5d4..a711eef2a 100644
--- a/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap
+++ b/test/contexts/__snapshots__/SignedInUserContext.test.jsx.snap
@@ -2,6 +2,8 @@
 
 exports[`SignedInUserContext > fetches user data if user is logged in 1`] = `
 <div>
-  <div />
+  <div>
+    https://example.com/pod/
+  </div>
 </div>
 `;

From 636679877eb4faae764719e484cb374919cd5535 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 30 Jun 2023 11:29:48 -0700
Subject: [PATCH 187/304] Including condition for MessagePreview to show Reply
 only in Inbox

---
 src/components/Messages/MessageFolder.jsx  | 2 +-
 src/components/Messages/MessagePreview.jsx | 4 ++--
 src/typedefs.js                            | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index cf1817e4b..b88375380 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -67,7 +67,7 @@ const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList })
         ) : (
           currentMessages &&
           currentMessages.map((message) => (
-            <MessagePreview key={message.messageId} message={message} />
+            <MessagePreview key={message.messageId} message={message} folderType={folderType} />
           ))
         )}
       </Box>
diff --git a/src/components/Messages/MessagePreview.jsx b/src/components/Messages/MessagePreview.jsx
index 9eae92912..8555c62f8 100644
--- a/src/components/Messages/MessagePreview.jsx
+++ b/src/components/Messages/MessagePreview.jsx
@@ -21,7 +21,7 @@ import NewMessage from './NewMessage';
  * @param {messagePreviewProps} Props - Component props for MessagePreview
  * @returns {React.JSX.Element} React component for MessagePreview
  */
-const MessagePreview = ({ message }) => {
+const MessagePreview = ({ message, folderType }) => {
   const [showContents, setShowContents] = useState(false);
   const [replyMessage, setReplyMessage] = useState(false);
 
@@ -40,7 +40,7 @@ const MessagePreview = ({ message }) => {
         <StyledHeader>
           {message.sender} - {message.title}
         </StyledHeader>
-        {showContents && (
+        {showContents && folderType === 'Inbox' && (
           <Button variant="outlined" type="button" onClick={handleReplyMessage}>
             Reply
           </Button>
diff --git a/src/typedefs.js b/src/typedefs.js
index 3b3842804..03ce56bcb 100644
--- a/src/typedefs.js
+++ b/src/typedefs.js
@@ -149,6 +149,7 @@ const React = require('react');
  * @exports messagePreviewProps
  * @typedef {object} messagePreviewProps
  * @property {string} message - The content of the message sent
+ * @property {string} folderType - Type of message box
  * @memberof typedefs
  */
 

From 90219e1d93c4452c60e2466d51ba3d2bfe3b5509 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 30 Jun 2023 15:50:37 -0700
Subject: [PATCH 188/304] Removing unused state and switching to using Avatar
 for profile image

---
 src/components/Profile/ProfileImageField.jsx | 20 +++++++-------------
 src/routes/Profile.jsx                       |  8 +-------
 2 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index 97a8958de..ce1774895 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -4,6 +4,7 @@ import React, { useContext } from 'react';
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+import Avatar from '@mui/material/Avatar';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import HideImageIcon from '@mui/icons-material/HideImage';
@@ -20,10 +21,6 @@ import { SignedInUserContext } from '../../contexts';
  * @type {object}
  * @property {() => void} loadProfileData - The handler function for loading
  * data from profile card
- * @property {Blob} imgFile - The file blob user wish to upload into their profile
- * card
- * @property {(value: React.SetStateAction<null>) => void} setImgFile - Set
- * function for profile image
  * @property {Blob} profileImg - The existing file blob being used for profile
  * card
  * @memberof typedefs
@@ -38,15 +35,15 @@ import { SignedInUserContext } from '../../contexts';
  * @param {profileImageFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileImageField = ({ loadProfileData, imgFile, setImgFile, profileImg }) => {
+const ProfileImageField = ({ loadProfileData, profileImg }) => {
   const { session } = useSession();
   const { fetchProfileInfo, removeProfileImage, uploadProfileImg } =
     useContext(SignedInUserContext);
 
-  const handleProfileImage = async () => {
+  const handleProfileImage = async (event) => {
     const profileData = await fetchProfileInfo(session);
 
-    await uploadProfileImg(session, profileData, imgFile);
+    await uploadProfileImg(session, profileData, event.target.files[0]);
 
     loadProfileData();
   };
@@ -75,10 +72,10 @@ const ProfileImageField = ({ loadProfileData, imgFile, setImgFile, profileImg })
       </InputLabel>
       {profileImg ? (
         <>
-          <img
+          <Avatar
             src={profileImg}
             alt="PASS profile"
-            style={{ height: '200px', objectFit: 'contain' }}
+            sx={{ height: '200px', width: '200px', objectFit: 'contain' }}
           />
           <Box sx={{ display: 'flex', gap: '10px' }}>
             <Button
@@ -101,10 +98,7 @@ const ProfileImageField = ({ loadProfileData, imgFile, setImgFile, profileImg })
             color="primary"
             id="input-profile-pic"
             name="inputProfilePic"
-            onChange={async (e) => {
-              setImgFile(e.target.files[0]);
-              await handleProfileImage(e);
-            }}
+            onChange={handleProfileImage}
             endIcon={<ImageIcon />}
             sx={{ width: '150px' }}
           >
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 24ef5b31f..1ecd7d5cf 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -37,7 +37,6 @@ const Profile = () => {
   const [profileName, setProfileName] = useState(null);
   const [nickname, setNickname] = useState(null);
   const [profileImg, setProfileImg] = useState(null);
-  const [imgFile, setImgFile] = useState(null);
   const [edit, setEdit] = useState(false);
 
   const loadProfileData = async () => {
@@ -161,12 +160,7 @@ const Profile = () => {
               />
             </Box>
           </form>
-          <ProfileImageField
-            loadProfileData={loadProfileData}
-            imgFile={imgFile}
-            setImgFile={setImgFile}
-            profileImg={profileImg}
-          />
+          <ProfileImageField loadProfileData={loadProfileData} profileImg={profileImg} />
         </Box>
       </Box>
     </Box>

From a9178ea36ec29370955daea0ffa470b1954c3f3f Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 30 Jun 2023 18:19:58 -0700
Subject: [PATCH 189/304] Disabling upload button when no file selected

---
 src/components/Form/UploadDocumentForm.jsx  | 191 --------------------
 src/components/Form/UploadDocumentModal.jsx |   2 +-
 2 files changed, 1 insertion(+), 192 deletions(-)
 delete mode 100644 src/components/Form/UploadDocumentForm.jsx

diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
deleted file mode 100644
index da2e2be4a..000000000
--- a/src/components/Form/UploadDocumentForm.jsx
+++ /dev/null
@@ -1,191 +0,0 @@
-// React Imports
-import React, { useState, useContext } from 'react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Checkbox from '@mui/material/Checkbox';
-import FormControl from '@mui/material/FormControl';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import TextField from '@mui/material/TextField';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import FormHelperText from '@mui/material/FormHelperText';
-// Utility Imports
-import { runNotification } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
-import { DocumentListContext } from '../../contexts';
-
-/**
- * UploadDocumentForm Component - Component that generates the form for uploading
- * a specific document type to a user's Solid Pod via Solid Session
- *
- * @memberof Forms
- * @name UploadDocumentForm
- */
-
-const UploadDocumentForm = () => {
-  const { state, dispatch } = useStatusNotification();
-  const [expireDate, setExpireDate] = useState(null);
-  const [docDescription, setDocDescription] = useState('');
-  const [docType, setDocType] = useState('');
-  const [verifyFile, setVerifyFile] = useState(false);
-  const [file, setFile] = useState(null);
-  const [inputKey, setInputKey] = useState(false);
-  const { addDocument, replaceDocument } = useContext(DocumentListContext);
-
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
-
-  const clearInputFields = () => {
-    setVerifyFile(false);
-    setDocType('');
-    setFile('');
-    setInputKey(!inputKey); // Clears file by forcing re-render
-    setDocDescription('');
-    setDocType('');
-    setExpireDate(null);
-  };
-
-  // Event handler for form/document submission to Pod
-  const handleDocUpload = async (e) => {
-    e.preventDefault();
-
-    const fileDesc = {
-      name: file.name,
-      type: docType,
-      date: expireDate,
-      description: docDescription
-    };
-    dispatch({ type: 'SET_PROCESSING' });
-    runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
-
-    try {
-      await addDocument(fileDesc, file);
-      runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
-    } catch (error) {
-      const confirmationMessage =
-        'A file of this name and type already exists on the pod. Would you like to replace it?';
-
-      switch (error.message) {
-        case 'File already exists':
-          if (window.confirm(confirmationMessage)) {
-            await replaceDocument(fileDesc, file);
-            runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
-          }
-          break;
-        default:
-          runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
-      }
-    } finally {
-      clearInputFields();
-      dispatch({ type: 'CLEAR_PROCESSING' });
-    }
-  };
-
-  return (
-    <FormSection
-      title="Upload Document"
-      state={state}
-      statusType="Upload status"
-      defaultMessage="To be uploaded..."
-    >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleDocUpload} autoComplete="off">
-          <FormControlLabel
-            control={<Checkbox />}
-            label="Verify file on upload"
-            id="verify-checkbox"
-            value={verifyFile}
-            checked={verifyFile}
-            onChange={() => setVerifyFile(!verifyFile)}
-          />
-          <DocumentSelection
-            htmlForAndIdProp="upload-doc"
-            handleDocType={handleDocType}
-            docType={docType}
-          />
-          <br />
-          <FormControl>
-            <LocalizationProvider dateAdapter={AdapterDayjs}>
-              <DatePicker
-                name="date"
-                format="MM/DD/YYYY"
-                label="Expiration Date"
-                value={expireDate}
-                onChange={(newExpireDate) => setExpireDate(newExpireDate)}
-                type="date"
-              />
-              <FormHelperText>MM/DD/YYYY</FormHelperText>
-            </LocalizationProvider>
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
-            <TextField
-              name="description"
-              multiline
-              rows={4}
-              label="Enter Description"
-              value={docDescription}
-              onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
-              placeholder="Add a description here"
-            />
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
-            <Button
-              variant="contained"
-              component="label"
-              color="primary"
-              id="upload-doctype"
-              name="uploadDoctype"
-              onChange={(e) => setFile(e.target.files[0])}
-              required
-            >
-              Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
-            </Button>
-            <FormHelperText
-              sx={{
-                width: '200px',
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis'
-              }}
-            >
-              File to upload: {file ? file.name : 'No file selected'}
-            </FormHelperText>
-          </FormControl>
-          <br />
-          <FormControl fullWidth>
-            <Button
-              variant="contained"
-              disabled={state.processing || !file}
-              type="submit"
-              color="primary"
-            >
-              Upload file
-            </Button>
-          </FormControl>
-          <br />
-          <br />
-          {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
-          <FormControl fullWidth>
-            <Button variant="contained" type="button" color="secondary" onClick={clearInputFields}>
-              Clear Form
-            </Button>
-          </FormControl>
-        </form>
-      </Box>
-    </FormSection>
-  );
-};
-
-export default UploadDocumentForm;
diff --git a/src/components/Form/UploadDocumentModal.jsx b/src/components/Form/UploadDocumentModal.jsx
index 9527a1a5d..2c88c4fec 100644
--- a/src/components/Form/UploadDocumentModal.jsx
+++ b/src/components/Form/UploadDocumentModal.jsx
@@ -179,7 +179,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             <FormControl fullWidth>
               <Button
                 variant="contained"
-                disabled={state.processing}
+                disabled={state.processing || !file}
                 type="submit"
                 color="primary"
                 startIcon={<FileUploadIcon />}

From 822510fce1d1455d42fc9fa7073e4d7343e8ebd2 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Fri, 30 Jun 2023 19:08:10 -0700
Subject: [PATCH 190/304] Removing Box component

---
 src/components/Form/UploadDocumentModal.jsx | 188 ++++++++++----------
 1 file changed, 91 insertions(+), 97 deletions(-)

diff --git a/src/components/Form/UploadDocumentModal.jsx b/src/components/Form/UploadDocumentModal.jsx
index 2c88c4fec..616f4f7f9 100644
--- a/src/components/Form/UploadDocumentModal.jsx
+++ b/src/components/Form/UploadDocumentModal.jsx
@@ -1,7 +1,6 @@
 // React Imports
 import React, { useState, useContext } from 'react';
 // Material UI Imports
-import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Checkbox from '@mui/material/Checkbox';
 import ClearIcon from '@mui/icons-material/Clear';
@@ -106,103 +105,98 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
         statusType="Upload status"
         defaultMessage="To be uploaded..."
       >
-        <Box display="flex" justifyContent="center">
-          <form onSubmit={handleDocUpload} autoComplete="off">
-            <FormControlLabel
-              control={<Checkbox />}
-              label="Verify file on upload"
-              id="verify-checkbox"
-              value={verifyFile}
-              checked={verifyFile}
-              onChange={() => setVerifyFile(!verifyFile)}
-            />
-            <DocumentSelection
-              htmlForAndIdProp="upload-doc"
-              handleDocType={handleDocType}
-              docType={docType}
-            />
-            <br />
-            <FormControl>
-              <LocalizationProvider dateAdapter={AdapterDayjs}>
-                <DatePicker
-                  name="date"
-                  format="MM/DD/YYYY"
-                  label="Expiration Date"
-                  value={expireDate}
-                  onChange={(newExpireDate) => setExpireDate(newExpireDate)}
-                  type="date"
-                />
-                <FormHelperText>MM/DD/YYYY</FormHelperText>
-              </LocalizationProvider>
-            </FormControl>
-            <br />
-            <br />
-            <FormControl fullWidth>
-              <TextField
-                name="description"
-                multiline
-                rows={4}
-                label="Enter Description"
-                value={docDescription}
-                onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
-                placeholder="Add a description here"
+        <form onSubmit={handleDocUpload} autoComplete="off">
+          <FormControlLabel
+            control={<Checkbox />}
+            label="Verify file on upload"
+            id="verify-checkbox"
+            value={verifyFile}
+            checked={verifyFile}
+            onChange={() => setVerifyFile(!verifyFile)}
+          />
+          <DocumentSelection
+            htmlForAndIdProp="upload-doc"
+            handleDocType={handleDocType}
+            docType={docType}
+          />
+          <br />
+          <FormControl fullWidth>
+            <LocalizationProvider dateAdapter={AdapterDayjs}>
+              <DatePicker
+                name="date"
+                format="MM/DD/YYYY"
+                label="Expiration Date"
+                value={expireDate}
+                onChange={(newExpireDate) => setExpireDate(newExpireDate)}
+                type="date"
               />
-            </FormControl>
-            <br />
-            <br />
-            <FormControl fullWidth>
-              <Button
-                variant="contained"
-                component="label"
-                color="primary"
-                id="upload-doctype"
-                name="uploadDoctype"
-                onChange={(e) => setFile(e.target.files[0])}
-                required
-                startIcon={<SearchIcon />}
-              >
-                Choose file
-                <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
-              </Button>
-              <FormHelperText
-                sx={{
-                  width: '200px',
-                  whiteSpace: 'nowrap',
-                  overflow: 'hidden',
-                  textOverflow: 'ellipsis'
-                }}
-              >
-                File to upload: {file ? file.name : 'No file selected'}
-              </FormHelperText>
-            </FormControl>
-            <br />
-            <FormControl fullWidth>
-              <Button
-                variant="contained"
-                disabled={state.processing || !file}
-                type="submit"
-                color="primary"
-                startIcon={<FileUploadIcon />}
-              >
-                Upload file
-              </Button>
-            </FormControl>
-            <br />
-            <br />
-            {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
-            <FormControl fullWidth>
-              <Button
-                variant="contained"
-                type="button"
-                color="secondary"
-                onClick={clearInputFields}
-                startIcon={<ClearIcon />}
-              >
-                Clear Form
-              </Button>
-            </FormControl>
-          </form>
-        </Box>
+              <FormHelperText>MM/DD/YYYY</FormHelperText>
+            </LocalizationProvider>
+          </FormControl>
+          <br />
+          <br />
+          <FormControl fullWidth>
+            <TextField
+              name="description"
+              multiline
+              rows={4}
+              label="Enter Description"
+              value={docDescription}
+              onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
+              placeholder="Add a description here"
+            />
+          </FormControl>
+          <br />
+          <br />
+          <FormControl fullWidth>
+            <Button
+              variant="contained"
+              component="label"
+              color="primary"
+              id="upload-doctype"
+              name="uploadDoctype"
+              onChange={(e) => setFile(e.target.files[0])}
+              required
+              startIcon={<SearchIcon />}
+            >
+              Choose file
+              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
+            </Button>
+            <FormHelperText
+              sx={{
+                width: '200px',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis'
+              }}
+            >
+              File to upload: {file ? file.name : 'No file selected'}
+            </FormHelperText>
+            <Button
+              variant="contained"
+              disabled={state.processing || !file}
+              type="submit"
+              color="primary"
+              startIcon={<FileUploadIcon />}
+            >
+              Upload file
+            </Button>
+          </FormControl>
+          <br />
+          <br />
+          {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
+          <FormControl fullWidth>
+            <Button
+              variant="contained"
+              type="button"
+              color="secondary"
+              onClick={clearInputFields}
+              startIcon={<ClearIcon />}
+            >
+              Clear Form
+            </Button>
+          </FormControl>
+        </form>
       </FormSection>
     </Dialog>
   );

From fe96d3265d6ff40674a14acd7e62abe22b7ad937 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 30 Jun 2023 20:08:12 -0700
Subject: [PATCH 191/304] Updated handler functions and move profileData as
 part of userInfoMemo; Included new Avatar component for Navbar as well

---
 src/App.jsx                                  |  8 ++---
 src/components/NavBar/NavBar.jsx             | 34 ++++++++++++++++++--
 src/components/NavBar/NavMenu.jsx            | 26 +++++++++++++--
 src/components/Profile/ProfileImageField.jsx |  8 ++---
 src/contexts/SignedInUserContext.jsx         | 14 +++++---
 src/model-helpers/Profile.js                 |  4 ++-
 src/routes/Profile.jsx                       | 15 +++++----
 7 files changed, 83 insertions(+), 26 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 0be35c63b..bb5a3c4dc 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -28,11 +28,11 @@ const App = () => (
     <SessionProvider>
       <CssBaseline />
       <ThemeProvider theme={theme}>
-        <Layout ariaLabel="Home Page">
-          <UserDataContextProvider>
+        <UserDataContextProvider>
+          <Layout ariaLabel="Home Page">
             <AppRoutes />
-          </UserDataContextProvider>
-        </Layout>
+          </Layout>
+        </UserDataContextProvider>
       </ThemeProvider>
     </SessionProvider>
   </Router>
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 48ecdbe12..770c0dc13 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -1,9 +1,10 @@
 // React Imports
-import React, { useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import AccountCircle from '@mui/icons-material/AccountCircle';
+import Avatar from '@mui/material/Avatar';
 import AppBar from '@mui/material/AppBar';
 import Badge from '@mui/material/Badge';
 import Box from '@mui/material/Box';
@@ -15,6 +16,10 @@ import NotificationsIcon from '@mui/icons-material/Notifications';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
+// Utility Imports
+import { getBlobFromSolid } from '../../utils';
+// Contexts Imports
+import { SignedInUserContext } from '../../contexts';
 // Component Imports
 import LogoutModal from '../LogoutModal/LogoutModal';
 import NavbarLinks from './NavbarLinks';
@@ -60,6 +65,22 @@ const NavBar = () => {
     setShowConfirmationModal(false);
   };
 
+  const { profileData } = useContext(SignedInUserContext);
+  const [profileImageBlob, setProfileImageBlob] = useState(null);
+
+  const loadProfileImage = async () => {
+    if (profileData?.profileInfo.profileImage) {
+      const imageBlob = await getBlobFromSolid(session, profileData.profileInfo.profileImage);
+      setProfileImageBlob(imageBlob);
+    } else {
+      setProfileImageBlob(null);
+    }
+  };
+
+  useEffect(() => {
+    loadProfileImage();
+  }, [profileData]);
+
   return (
     <Box sx={{ flexGrow: 1 }}>
       <AppBar position="static" color="primary">
@@ -117,7 +138,15 @@ const NavBar = () => {
                   onClick={handleOpenMenu}
                   color="inherit"
                 >
-                  <AccountCircle />
+                  {profileImageBlob ? (
+                    <Avatar
+                      src={profileImageBlob}
+                      alt="PASS profile"
+                      sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
+                    />
+                  ) : (
+                    <AccountCircle />
+                  )}
                 </IconButton>
               </Box>
               <Box sx={{ display: { xs: 'flex', md: 'none' } }}>
@@ -140,6 +169,7 @@ const NavBar = () => {
                   anchorEl={anchorEl}
                   setAnchorEl={setAnchorEl}
                   setShowConfirmation={setShowConfirmationModal}
+                  profileImageBlob={profileImageBlob}
                 />
               )}
               {/* modal/popup renders when showConfirmationModal state is true */}
diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 5698713fc..73597d477 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -3,6 +3,7 @@ import React from 'react';
 import { NavLink } from 'react-router-dom';
 // Material UI Imports
 import AccountCircle from '@mui/icons-material/AccountCircle';
+import Avatar from '@mui/material/Avatar';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
 import LogoutIcon from '@mui/icons-material/Logout';
@@ -20,7 +21,15 @@ import { useTheme } from '@mui/material/styles';
  * @name NavMenu
  */
 
-const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShowConfirmation }) => {
+const NavMenu = ({
+  menuId,
+  openMenu,
+  setOpenMenu,
+  anchorEl,
+  setAnchorEl,
+  setShowConfirmation,
+  profileImageBlob
+}) => {
   const theme = useTheme();
 
   const handleMenuClose = () => {
@@ -53,7 +62,20 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
           </Button>
         </MenuItem>
         <MenuItem>
-          <Button variant="text" startIcon={<AccountCircle />}>
+          <Button
+            variant="text"
+            startIcon={
+              profileImageBlob ? (
+                <Avatar
+                  src={profileImageBlob}
+                  alt="PASS profile"
+                  sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
+                />
+              ) : (
+                <AccountCircle />
+              )
+            }
+          >
             <NavLink
               to="/PASS/profile"
               style={{ textDecoration: 'none', color: theme.palette.primary.main }}
diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index ce1774895..c6bc451f3 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -37,20 +37,16 @@ import { SignedInUserContext } from '../../contexts';
  */
 const ProfileImageField = ({ loadProfileData, profileImg }) => {
   const { session } = useSession();
-  const { fetchProfileInfo, removeProfileImage, uploadProfileImg } =
-    useContext(SignedInUserContext);
+  const { profileData, removeProfileImage, uploadProfileImage } = useContext(SignedInUserContext);
 
   const handleProfileImage = async (event) => {
-    const profileData = await fetchProfileInfo(session);
-
-    await uploadProfileImg(session, profileData, event.target.files[0]);
+    await uploadProfileImage(session, profileData, event.target.files[0]);
 
     loadProfileData();
   };
 
   const handleRemoveProfileImg = async () => {
     if (window.confirm("You're about to delete your profile image. Do you wish to continue?")) {
-      const profileData = await fetchProfileInfo(session);
       await removeProfileImage(session, profileData);
 
       loadProfileData();
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 38088862b..1ba97e922 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -8,7 +8,7 @@ import { createPublicContainer } from '../utils';
 import {
   fetchProfileInfo,
   updateProfileInfo,
-  uploadProfileImg,
+  uploadProfileImage,
   removeProfileImage,
   updateUserActivity
 } from '../model-helpers';
@@ -35,15 +35,19 @@ export const SignedInUserContextProvider = ({ children }) => {
   const { session } = useSession();
   const [loadingUserInfo, setLoadingUserInfo] = useState(true);
   const [userInfo, setUserInfo] = useState({
-    podUrl: null
+    podUrl: null,
+    profileData: null
   });
 
   const userInfoMemo = useMemo(
     () => ({
       podUrl: userInfo.podUrl,
+      profileData: userInfo.profileData,
+      userInfo,
+      setUserInfo,
       fetchProfileInfo,
       updateProfileInfo,
-      uploadProfileImg,
+      uploadProfileImage,
       removeProfileImage
     }),
     [userInfo, loadingUserInfo]
@@ -55,9 +59,11 @@ export const SignedInUserContextProvider = ({ children }) => {
         const { webId } = session.info;
         let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
         podUrl = podUrl || webId.split('profile')[0];
+        const profileData = await fetchProfileInfo(session);
         setUserInfo({
           ...userInfo,
-          podUrl
+          podUrl,
+          profileData
         });
         await Promise.all([
           updateUserActivity(session, podUrl),
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index e3ceb55da..c8f4f152a 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -88,12 +88,13 @@ export const updateProfileInfo = async (session, profileData, inputValues) => {
  * Function that upload profile image of user onto their profile container and
  * reference it on their
  *
+ * @function uploadProfileImage
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {object} profileData - The object containing the information related
  * to the person on their profile card, the profile dataset, and the profile Thing
  * @param {Blob} inputImage - File blob being uploaded for profile image
  */
-export const uploadProfileImg = async (session, profileData, inputImage) => {
+export const uploadProfileImage = async (session, profileData, inputImage) => {
   let { profileDataset, profileThing } = profileData;
 
   const profileContainer = `${session.info.webId.split('profile')[0]}profile/`;
@@ -118,6 +119,7 @@ export const uploadProfileImg = async (session, profileData, inputImage) => {
  * Function that removes the profile image being used on their Pod and removes
  * the field for profile image
  *
+ * @function removeProfileImage
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {object} profileData - The object containing the information related
  * to the person on their profile card, the profile dataset, and the profile Thing
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 1ecd7d5cf..4086f74a9 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -30,7 +30,8 @@ import ProfileImageField from '../components/Profile/ProfileImageField';
 const Profile = () => {
   const location = useLocation();
   const { session } = useSession();
-  const { fetchProfileInfo, updateProfileInfo } = useContext(SignedInUserContext);
+  const { updateProfileInfo, userInfo, setUserInfo, fetchProfileInfo, profileData } =
+    useContext(SignedInUserContext);
 
   localStorage.setItem('restorePath', location.pathname);
 
@@ -40,15 +41,16 @@ const Profile = () => {
   const [edit, setEdit] = useState(false);
 
   const loadProfileData = async () => {
-    const profileObject = await fetchProfileInfo(session);
+    const profileDataSolid = await fetchProfileInfo(session);
+    setUserInfo({ ...userInfo, profileData: profileDataSolid });
 
-    setProfileName(profileObject.profileInfo.profileName);
-    setNickname(profileObject.profileInfo.nickname);
+    setProfileName(profileDataSolid.profileInfo.profileName);
+    setNickname(profileDataSolid.profileInfo.nickname);
 
     let profileImageBlob;
 
-    if (profileObject.profileInfo.profileImage) {
-      profileImageBlob = await getBlobFromSolid(session, profileObject.profileInfo.profileImage);
+    if (profileDataSolid.profileInfo.profileImage) {
+      profileImageBlob = await getBlobFromSolid(session, profileDataSolid.profileInfo.profileImage);
     }
     setProfileImg(profileImageBlob);
   };
@@ -65,7 +67,6 @@ const Profile = () => {
 
   const handleUpdateProfile = async (event) => {
     event.preventDefault();
-    const profileData = await fetchProfileInfo(session);
 
     const inputValues = {
       profileName,

From 54a6439e228710d1ddd460db2500e4bcf798cc25 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 1 Jul 2023 02:29:03 -0700
Subject: [PATCH 192/304] Replaced userInfo and setUserInfo in userInfoMemo
 with setProfileData; Created new useStateLocalStorage custom hook to save
 local states for profile info to prevent re-rendering

---
 src/contexts/SignedInUserContext.jsx |  3 +--
 src/hooks/index.js                   |  3 ++-
 src/hooks/useStateLocalStorage.js    | 15 +++++++++++++++
 src/routes/Profile.jsx               | 17 +++++++++++------
 4 files changed, 29 insertions(+), 9 deletions(-)
 create mode 100644 src/hooks/useStateLocalStorage.js

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 1ba97e922..51e2caa1e 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -43,8 +43,7 @@ export const SignedInUserContextProvider = ({ children }) => {
     () => ({
       podUrl: userInfo.podUrl,
       profileData: userInfo.profileData,
-      userInfo,
-      setUserInfo,
+      setProfileData: async (profileData) => setUserInfo({ ...userInfo, profileData }),
       fetchProfileInfo,
       updateProfileInfo,
       uploadProfileImage,
diff --git a/src/hooks/index.js b/src/hooks/index.js
index fbb92feaf..adb3fd0d5 100644
--- a/src/hooks/index.js
+++ b/src/hooks/index.js
@@ -1,6 +1,7 @@
 import useField from './useField';
 import useRedirectUrl from './useRedirectUrl';
 import useStatusNotification from './useStatusNotification';
+import useStateLocalStorage from './useStateLocalStorage';
 
 /**
  * The hooks module contains custom hooks to assist with form handling or status
@@ -9,4 +10,4 @@ import useStatusNotification from './useStatusNotification';
  * @namespace hooks
  */
 
-export { useField, useRedirectUrl, useStatusNotification };
+export { useField, useRedirectUrl, useStatusNotification, useStateLocalStorage };
diff --git a/src/hooks/useStateLocalStorage.js b/src/hooks/useStateLocalStorage.js
new file mode 100644
index 000000000..03741d90b
--- /dev/null
+++ b/src/hooks/useStateLocalStorage.js
@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+const useStateLocalStorage = (localStorageKey) => {
+  const storedValue = localStorage.getItem(localStorageKey);
+  const [value, setValue] = useState(storedValue || null);
+
+  const setValueLocalStorage = (newValue) => {
+    localStorage.setItem(localStorageKey, newValue);
+    setValue(newValue);
+  };
+
+  return [value, setValueLocalStorage];
+};
+
+export default useStateLocalStorage;
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 4086f74a9..406e073d4 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -13,6 +13,8 @@ import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
 import { getBlobFromSolid } from '../utils';
+// Custom Hook Imports
+import { useStateLocalStorage } from '../hooks';
 // Contexts Imports
 import { SignedInUserContext } from '../contexts';
 // Component Inputs
@@ -30,19 +32,20 @@ import ProfileImageField from '../components/Profile/ProfileImageField';
 const Profile = () => {
   const location = useLocation();
   const { session } = useSession();
-  const { updateProfileInfo, userInfo, setUserInfo, fetchProfileInfo, profileData } =
+  const { updateProfileInfo, setProfileData, fetchProfileInfo, profileData } =
     useContext(SignedInUserContext);
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const [profileName, setProfileName] = useState(null);
-  const [nickname, setNickname] = useState(null);
-  const [profileImg, setProfileImg] = useState(null);
+  const [profileName, setProfileName] = useStateLocalStorage('profileName');
+  const [nickname, setNickname] = useStateLocalStorage('nickname');
+  const [profileImg, setProfileImg] = useStateLocalStorage('profileImg');
+
   const [edit, setEdit] = useState(false);
 
   const loadProfileData = async () => {
     const profileDataSolid = await fetchProfileInfo(session);
-    setUserInfo({ ...userInfo, profileData: profileDataSolid });
+    setProfileData(profileDataSolid);
 
     setProfileName(profileDataSolid.profileInfo.profileName);
     setNickname(profileDataSolid.profileInfo.nickname);
@@ -51,8 +54,10 @@ const Profile = () => {
 
     if (profileDataSolid.profileInfo.profileImage) {
       profileImageBlob = await getBlobFromSolid(session, profileDataSolid.profileInfo.profileImage);
+      setProfileImg(profileImageBlob);
+    } else {
+      setProfileImg(null);
     }
-    setProfileImg(profileImageBlob);
   };
 
   const handleCancelEdit = () => {

From 658272c5c81b732e4cdb92e545f05af4a726cddd Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 1 Jul 2023 06:07:45 -0700
Subject: [PATCH 193/304] Removed unused custom hook for localStorage; Moved
 loadProfileData to SignedInUserContext;Updated useStates for Profile

---
 src/components/Profile/ProfileImageField.jsx | 10 +++--
 src/contexts/SignedInUserContext.jsx         |  3 ++
 src/hooks/index.js                           |  3 +-
 src/hooks/useStateLocalStorage.js            | 15 -------
 src/routes/Profile.jsx                       | 44 +++++++++++---------
 5 files changed, 35 insertions(+), 40 deletions(-)
 delete mode 100644 src/hooks/useStateLocalStorage.js

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index c6bc451f3..f312ed5a8 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -19,10 +19,9 @@ import { SignedInUserContext } from '../../contexts';
  *
  * @typedef profileImageFieldProps
  * @type {object}
- * @property {() => void} loadProfileData - The handler function for loading
- * data from profile card
  * @property {Blob} profileImg - The existing file blob being used for profile
  * card
+ * @property {() => void} setProfileImg - Set function for profileImg
  * @memberof typedefs
  */
 
@@ -35,9 +34,10 @@ import { SignedInUserContext } from '../../contexts';
  * @param {profileImageFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileImageField = ({ loadProfileData, profileImg }) => {
+const ProfileImageField = ({ profileImg, setProfileImg }) => {
   const { session } = useSession();
-  const { profileData, removeProfileImage, uploadProfileImage } = useContext(SignedInUserContext);
+  const { profileData, loadProfileData, removeProfileImage, uploadProfileImage } =
+    useContext(SignedInUserContext);
 
   const handleProfileImage = async (event) => {
     await uploadProfileImage(session, profileData, event.target.files[0]);
@@ -50,6 +50,8 @@ const ProfileImageField = ({ loadProfileData, profileImg }) => {
       await removeProfileImage(session, profileData);
 
       loadProfileData();
+      localStorage.setItem('profileImageBlob', null);
+      setProfileImg(null);
     }
   };
 
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 51e2caa1e..92abd7998 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -44,6 +44,8 @@ export const SignedInUserContextProvider = ({ children }) => {
       podUrl: userInfo.podUrl,
       profileData: userInfo.profileData,
       setProfileData: async (profileData) => setUserInfo({ ...userInfo, profileData }),
+      loadProfileData: async () =>
+        setUserInfo({ ...userInfo, profileData: await fetchProfileInfo(session) }),
       fetchProfileInfo,
       updateProfileInfo,
       uploadProfileImage,
@@ -59,6 +61,7 @@ export const SignedInUserContextProvider = ({ children }) => {
         let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
         podUrl = podUrl || webId.split('profile')[0];
         const profileData = await fetchProfileInfo(session);
+        localStorage.setItem('restoreProfileData', JSON.stringify(profileData));
         setUserInfo({
           ...userInfo,
           podUrl,
diff --git a/src/hooks/index.js b/src/hooks/index.js
index adb3fd0d5..fbb92feaf 100644
--- a/src/hooks/index.js
+++ b/src/hooks/index.js
@@ -1,7 +1,6 @@
 import useField from './useField';
 import useRedirectUrl from './useRedirectUrl';
 import useStatusNotification from './useStatusNotification';
-import useStateLocalStorage from './useStateLocalStorage';
 
 /**
  * The hooks module contains custom hooks to assist with form handling or status
@@ -10,4 +9,4 @@ import useStateLocalStorage from './useStateLocalStorage';
  * @namespace hooks
  */
 
-export { useField, useRedirectUrl, useStatusNotification, useStateLocalStorage };
+export { useField, useRedirectUrl, useStatusNotification };
diff --git a/src/hooks/useStateLocalStorage.js b/src/hooks/useStateLocalStorage.js
deleted file mode 100644
index 03741d90b..000000000
--- a/src/hooks/useStateLocalStorage.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { useState } from 'react';
-
-const useStateLocalStorage = (localStorageKey) => {
-  const storedValue = localStorage.getItem(localStorageKey);
-  const [value, setValue] = useState(storedValue || null);
-
-  const setValueLocalStorage = (newValue) => {
-    localStorage.setItem(localStorageKey, newValue);
-    setValue(newValue);
-  };
-
-  return [value, setValueLocalStorage];
-};
-
-export default useStateLocalStorage;
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 406e073d4..035dc4299 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -13,8 +13,6 @@ import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 // Utility Imports
 import { getBlobFromSolid } from '../utils';
-// Custom Hook Imports
-import { useStateLocalStorage } from '../hooks';
 // Contexts Imports
 import { SignedInUserContext } from '../contexts';
 // Component Inputs
@@ -32,34 +30,38 @@ import ProfileImageField from '../components/Profile/ProfileImageField';
 const Profile = () => {
   const location = useLocation();
   const { session } = useSession();
-  const { updateProfileInfo, setProfileData, fetchProfileInfo, profileData } =
-    useContext(SignedInUserContext);
+  const { updateProfileInfo, loadProfileData, profileData } = useContext(SignedInUserContext);
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const [profileName, setProfileName] = useStateLocalStorage('profileName');
-  const [nickname, setNickname] = useStateLocalStorage('nickname');
-  const [profileImg, setProfileImg] = useStateLocalStorage('profileImg');
+  const restoredProfileData = JSON.parse(localStorage.getItem('restoreProfileData'));
 
-  const [edit, setEdit] = useState(false);
-
-  const loadProfileData = async () => {
-    const profileDataSolid = await fetchProfileInfo(session);
-    setProfileData(profileDataSolid);
-
-    setProfileName(profileDataSolid.profileInfo.profileName);
-    setNickname(profileDataSolid.profileInfo.nickname);
+  const [profileName, setProfileName] = useState(
+    profileData?.profileInfo.profileName || restoredProfileData.profileInfo?.profileName
+  );
+  const [nickname, setNickname] = useState(
+    profileData?.profileInfo.nickname || restoredProfileData.profileInfo?.nickname
+  );
+  const profileImgUrl =
+    profileData?.profileInfo.profileImage || restoredProfileData.profileInfo?.profileImage;
 
-    let profileImageBlob;
+  const [profileImg, setProfileImg] = useState(
+    JSON.parse(localStorage.getItem('profileImageBlob'))
+  );
 
-    if (profileDataSolid.profileInfo.profileImage) {
-      profileImageBlob = await getBlobFromSolid(session, profileDataSolid.profileInfo.profileImage);
+  const handleGetProfileImage = async () => {
+    if (profileImgUrl) {
+      const profileImageBlob = await getBlobFromSolid(session, profileImgUrl);
+      localStorage.setItem('profileImageBlob', JSON.stringify(profileImageBlob));
       setProfileImg(profileImageBlob);
     } else {
+      localStorage.setItem('profileImageBlob', null);
       setProfileImg(null);
     }
   };
 
+  const [edit, setEdit] = useState(false);
+
   const handleCancelEdit = () => {
     loadProfileData();
 
@@ -88,6 +90,10 @@ const Profile = () => {
     loadProfileData();
   }, []);
 
+  useEffect(() => {
+    handleGetProfileImage();
+  }, [profileImgUrl]);
+
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
@@ -166,7 +172,7 @@ const Profile = () => {
               />
             </Box>
           </form>
-          <ProfileImageField loadProfileData={loadProfileData} profileImg={profileImg} />
+          <ProfileImageField profileImg={profileImg} setProfileImg={setProfileImg} />
         </Box>
       </Box>
     </Box>

From 222d09ebd4327fd917bf115e852ad88c4eb9cf74 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 1 Jul 2023 11:33:33 -0700
Subject: [PATCH 194/304] Create new index.js for '/components/Profile/' for
 import/exports; Fixed typo in JSDoc; Updated import pathing

---
 src/components/Profile/index.js | 11 +++++++++++
 src/model-helpers/Profile.js    |  2 +-
 src/routes/Profile.jsx          |  3 +--
 3 files changed, 13 insertions(+), 3 deletions(-)
 create mode 100644 src/components/Profile/index.js

diff --git a/src/components/Profile/index.js b/src/components/Profile/index.js
new file mode 100644
index 000000000..0d609f065
--- /dev/null
+++ b/src/components/Profile/index.js
@@ -0,0 +1,11 @@
+import ProfileImageField from './ProfileImageField';
+import ProfileInputField from './ProfileInputField';
+
+/**
+ * Components and functions related to the Profile card on Solid and displaying
+ * the on PASS
+ *
+ * @namespace Profile
+ */
+
+export { ProfileImageField, ProfileInputField };
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index c8f4f152a..7023f7989 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -86,7 +86,7 @@ export const updateProfileInfo = async (session, profileData, inputValues) => {
 
 /**
  * Function that upload profile image of user onto their profile container and
- * reference it on their
+ * reference it on their Pod
  *
  * @function uploadProfileImage
  * @param {Session} session - Solid's Session Object {@link Session}
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 035dc4299..bd83f7694 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -16,8 +16,7 @@ import { getBlobFromSolid } from '../utils';
 // Contexts Imports
 import { SignedInUserContext } from '../contexts';
 // Component Inputs
-import ProfileInputField from '../components/Profile/ProfileInputField';
-import ProfileImageField from '../components/Profile/ProfileImageField';
+import { ProfileInputField, ProfileImageField } from '../components/Profile';
 
 /**
  * Profile Page - Page that displays the user's profile card information and

From 58f04221b5f3fe13700fa9019ab972852f4db4be Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 1 Jul 2023 13:25:31 -0700
Subject: [PATCH 195/304] Moved loadProfileData back to Profile; Moved
 localStorage setItem to loadProfileData; Updated useStates for existing
 profile inputs

---
 src/components/Profile/ProfileImageField.jsx |  9 +++--
 src/contexts/SignedInUserContext.jsx         |  3 --
 src/routes/Profile.jsx                       | 40 +++++++++++++-------
 3 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index f312ed5a8..8650214aa 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -21,7 +21,9 @@ import { SignedInUserContext } from '../../contexts';
  * @type {object}
  * @property {Blob} profileImg - The existing file blob being used for profile
  * card
- * @property {() => void} setProfileImg - Set function for profileImg
+ * @property {React.Dispatch<any>} setProfileImg - Set function for profileImg
+ * @property {() => void} loadProfileData - Handler function for setting local
+ * state for profile card in PASS
  * @memberof typedefs
  */
 
@@ -34,10 +36,9 @@ import { SignedInUserContext } from '../../contexts';
  * @param {profileImageFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileImageField = ({ profileImg, setProfileImg }) => {
+const ProfileImageField = ({ profileImg, setProfileImg, loadProfileData }) => {
   const { session } = useSession();
-  const { profileData, loadProfileData, removeProfileImage, uploadProfileImage } =
-    useContext(SignedInUserContext);
+  const { profileData, removeProfileImage, uploadProfileImage } = useContext(SignedInUserContext);
 
   const handleProfileImage = async (event) => {
     await uploadProfileImage(session, profileData, event.target.files[0]);
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 92abd7998..51e2caa1e 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -44,8 +44,6 @@ export const SignedInUserContextProvider = ({ children }) => {
       podUrl: userInfo.podUrl,
       profileData: userInfo.profileData,
       setProfileData: async (profileData) => setUserInfo({ ...userInfo, profileData }),
-      loadProfileData: async () =>
-        setUserInfo({ ...userInfo, profileData: await fetchProfileInfo(session) }),
       fetchProfileInfo,
       updateProfileInfo,
       uploadProfileImage,
@@ -61,7 +59,6 @@ export const SignedInUserContextProvider = ({ children }) => {
         let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
         podUrl = podUrl || webId.split('profile')[0];
         const profileData = await fetchProfileInfo(session);
-        localStorage.setItem('restoreProfileData', JSON.stringify(profileData));
         setUserInfo({
           ...userInfo,
           podUrl,
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index bd83f7694..6da4573ec 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -29,25 +29,35 @@ import { ProfileInputField, ProfileImageField } from '../components/Profile';
 const Profile = () => {
   const location = useLocation();
   const { session } = useSession();
-  const { updateProfileInfo, loadProfileData, profileData } = useContext(SignedInUserContext);
+  const { updateProfileInfo, setProfileData, profileData, fetchProfileInfo } =
+    useContext(SignedInUserContext);
 
   localStorage.setItem('restorePath', location.pathname);
 
-  const restoredProfileData = JSON.parse(localStorage.getItem('restoreProfileData'));
-
-  const [profileName, setProfileName] = useState(
-    profileData?.profileInfo.profileName || restoredProfileData.profileInfo?.profileName
-  );
-  const [nickname, setNickname] = useState(
-    profileData?.profileInfo.nickname || restoredProfileData.profileInfo?.nickname
-  );
-  const profileImgUrl =
-    profileData?.profileInfo.profileImage || restoredProfileData.profileInfo?.profileImage;
+  const [profileName, setProfileName] = useState(profileData?.profileInfo.profileName);
+  const [nickname, setNickname] = useState(profileData?.profileInfo.nickname);
+  const [profileImgUrl, setProfileImgUrl] = useState(profileData?.profileInfo.profileImage);
 
+  // Note: initial getItem from localStorage after browser refresh will error
+  // since the old file blob will not longer be valid, however, because
+  // profileImgUrl would be reset, a new profileImageBlob would be set from
+  // handleGetProfileImage
   const [profileImg, setProfileImg] = useState(
     JSON.parse(localStorage.getItem('profileImageBlob'))
   );
 
+  const [edit, setEdit] = useState(false);
+
+  const loadProfileData = async () => {
+    const profileDataSolid = await fetchProfileInfo(session);
+    localStorage.setItem('restoreProfileData', JSON.stringify(profileDataSolid));
+    setProfileData(profileDataSolid);
+
+    setProfileName(profileDataSolid.profileInfo.profileName);
+    setNickname(profileDataSolid.profileInfo.nickname);
+    setProfileImgUrl(profileDataSolid.profileInfo.profileImage);
+  };
+
   const handleGetProfileImage = async () => {
     if (profileImgUrl) {
       const profileImageBlob = await getBlobFromSolid(session, profileImgUrl);
@@ -59,8 +69,6 @@ const Profile = () => {
     }
   };
 
-  const [edit, setEdit] = useState(false);
-
   const handleCancelEdit = () => {
     loadProfileData();
 
@@ -171,7 +179,11 @@ const Profile = () => {
               />
             </Box>
           </form>
-          <ProfileImageField profileImg={profileImg} setProfileImg={setProfileImg} />
+          <ProfileImageField
+            profileImg={profileImg}
+            setProfileImg={setProfileImg}
+            loadProfileData={loadProfileData}
+          />
         </Box>
       </Box>
     </Box>

From fe4fe4b53d4d253983793a12465180e6ee4b3074 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sat, 1 Jul 2023 15:29:03 -0700
Subject: [PATCH 196/304] Implementing format changes

---
 src/components/Form/UploadDocumentModal.jsx | 99 +++++++++++----------
 1 file changed, 52 insertions(+), 47 deletions(-)

diff --git a/src/components/Form/UploadDocumentModal.jsx b/src/components/Form/UploadDocumentModal.jsx
index 616f4f7f9..fac2f5f80 100644
--- a/src/components/Form/UploadDocumentModal.jsx
+++ b/src/components/Form/UploadDocumentModal.jsx
@@ -5,11 +5,13 @@ import Button from '@mui/material/Button';
 import Checkbox from '@mui/material/Checkbox';
 import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
 import FileUploadIcon from '@mui/icons-material/FileUpload';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormHelperText from '@mui/material/FormHelperText';
 import SearchIcon from '@mui/icons-material/Search';
+import BackspaceOutlined from '@mui/icons-material/BackspaceOutlined';
 import TextField from '@mui/material/TextField';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
@@ -49,7 +51,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
     setVerifyFile(false);
     setDocType('');
     setFile('');
-    setInputKey(!inputKey); // clears file by forcing re-render
+    setInputKey(!inputKey); // Clears file by forcing re-render
     setDocDescription('');
     setDocType('');
     setExpireDate(null);
@@ -106,21 +108,21 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
         defaultMessage="To be uploaded..."
       >
         <form onSubmit={handleDocUpload} autoComplete="off">
-          <FormControlLabel
-            control={<Checkbox />}
-            label="Verify file on upload"
-            id="verify-checkbox"
-            value={verifyFile}
-            checked={verifyFile}
-            onChange={() => setVerifyFile(!verifyFile)}
-          />
-          <DocumentSelection
-            htmlForAndIdProp="upload-doc"
-            handleDocType={handleDocType}
-            docType={docType}
-          />
-          <br />
           <FormControl fullWidth>
+            <FormControlLabel
+              control={<Checkbox />}
+              label="Verify file on upload"
+              id="verify-checkbox"
+              value={verifyFile}
+              checked={verifyFile}
+              onChange={() => setVerifyFile(!verifyFile)}
+            />
+            <DocumentSelection
+              htmlForAndIdProp="upload-doc"
+              handleDocType={handleDocType}
+              docType={docType}
+            />
+            <br />
             <LocalizationProvider dateAdapter={AdapterDayjs}>
               <DatePicker
                 name="date"
@@ -132,10 +134,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               />
               <FormHelperText>MM/DD/YYYY</FormHelperText>
             </LocalizationProvider>
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
+            <br />
             <TextField
               name="description"
               multiline
@@ -145,14 +144,22 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
               placeholder="Add a description here"
             />
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
+            <br />
+            {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
+            <Button
+              variant="contained"
+              type="button"
+              color="secondary"
+              onClick={clearInputFields}
+              endIcon={<BackspaceOutlined />}
+            >
+              Clear Form
+            </Button>
+            <br />
             <Button
               variant="contained"
               component="label"
-              color="primary"
+              color="tertiary"
               id="upload-doctype"
               name="uploadDoctype"
               onChange={(e) => setFile(e.target.files[0])}
@@ -172,29 +179,27 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             >
               File to upload: {file ? file.name : 'No file selected'}
             </FormHelperText>
-            <Button
-              variant="contained"
-              disabled={state.processing || !file}
-              type="submit"
-              color="primary"
-              startIcon={<FileUploadIcon />}
-            >
-              Upload file
-            </Button>
-          </FormControl>
-          <br />
-          <br />
-          {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
-          <FormControl fullWidth>
-            <Button
-              variant="contained"
-              type="button"
-              color="secondary"
-              onClick={clearInputFields}
-              startIcon={<ClearIcon />}
-            >
-              Clear Form
-            </Button>
+            <DialogActions>
+              <Button
+                variant="outlined"
+                color="error"
+                endIcon={<ClearIcon />}
+                onClick={() => setShowModal(false)}
+                fullWidth
+              >
+                CANCEL
+              </Button>
+              <Button
+                variant="contained"
+                disabled={state.processing || !file}
+                type="submit"
+                color="primary"
+                startIcon={<FileUploadIcon />}
+                fullWidth
+              >
+                Upload
+              </Button>
+            </DialogActions>
           </FormControl>
         </form>
       </FormSection>

From 0c2f2d54409b1d2664eb41453530fd8803257022 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 13:08:07 -0700
Subject: [PATCH 197/304] Changed InputLabel in ProfileImageField to Typography

---
 src/components/Profile/ProfileImageField.jsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index 8650214aa..e71d9e17a 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -9,7 +9,7 @@ import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import HideImageIcon from '@mui/icons-material/HideImage';
 import ImageIcon from '@mui/icons-material/Image';
-import InputLabel from '@mui/material/InputLabel';
+import Typography from '@mui/material/Typography';
 // Contexts Imports
 import { SignedInUserContext } from '../../contexts';
 
@@ -66,9 +66,7 @@ const ProfileImageField = ({ profileImg, setProfileImg, loadProfileData }) => {
         gap: '10px'
       }}
     >
-      <InputLabel htmlFor="input-profile-pic" sx={{ color: 'black' }}>
-        Profile Image:{' '}
-      </InputLabel>
+      <Typography color="black">Profile Image: </Typography>
       {profileImg ? (
         <>
           <Avatar

From 610afadf6794c63340cab0540840d0af31fa0cc6 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Sun, 2 Jul 2023 13:16:42 -0700
Subject: [PATCH 198/304] renaming states (due to another modal being added),
 and setting modal to auto-close

---
 src/components/Clients/AddClientModal.jsx | 13 +++++++++----
 src/routes/Clients.jsx                    |  9 ++++++---
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index 5bc8dbd80..b74d7d039 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -35,7 +35,7 @@ const renderWebId = (username) => {
   return `${template[0]}${username}${template[1]}`;
 };
 
-const AddClientModal = ({ showModal, setShowModal }) => {
+const AddClientModal = ({ showAddClientModal, setShowAddClientModal }) => {
   const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [userGivenName, setUserGivenName] = useState('');
@@ -125,12 +125,17 @@ const AddClientModal = ({ showModal, setShowModal }) => {
         setUsername('');
         setWebId('');
         dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
+        setShowAddClientModal(false);
+      }, 1000);
     }
   };
 
   return (
-    <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
+    <Dialog
+      open={showAddClientModal}
+      aria-labelledby="dialog-title"
+      onClose={() => setShowAddClientModal(false)}
+    >
       <FormSection
         title="Add Client"
         state={state}
@@ -196,7 +201,7 @@ const AddClientModal = ({ showModal, setShowModal }) => {
               variant="outlined"
               color="error"
               endIcon={<ClearIcon />}
-              onClick={() => setShowModal(false)}
+              onClick={() => setShowAddClientModal(false)}
               fullWidth
             >
               CANCEL
diff --git a/src/routes/Clients.jsx b/src/routes/Clients.jsx
index 7deacb67c..7576fe415 100644
--- a/src/routes/Clients.jsx
+++ b/src/routes/Clients.jsx
@@ -19,7 +19,7 @@ import ClientList from '../components/Clients/ClientList';
 
 const Clients = () => {
   // state for AddClientModal component
-  const [showModal, setShowModal] = useState(false);
+  const [showAddClientModal, setShowAddClientModal] = useState(false);
 
   const location = useLocation();
   localStorage.setItem('restorePath', location.pathname);
@@ -32,14 +32,17 @@ const Clients = () => {
         size="small"
         aria-label="Add Client Button"
         startIcon={<AddIcon />}
-        onClick={() => setShowModal(true)}
+        onClick={() => setShowAddClientModal(true)}
         sx={{ marginTop: '3rem' }}
       >
         Add Client
       </Button>
       <ClientList />
       {/* modal/popup renders when showConfirmationModal state is true */}
-      <AddClientModal showModal={showModal} setShowModal={setShowModal} />
+      <AddClientModal
+        showAddClientModal={showAddClientModal}
+        setShowAddClientModal={setShowAddClientModal}
+      />
     </Container>
   );
 };

From 3df69b101baf8f34070733da5536c25d9dee155c Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Sun, 2 Jul 2023 13:17:35 -0700
Subject: [PATCH 199/304] create DeleteClientModal.jsx to replace alert pop-up

---
 src/components/Clients/ClientListTableRow.jsx | 99 ++++++++++---------
 src/components/Clients/DeleteClientModal.jsx  | 64 ++++++++++++
 2 files changed, 117 insertions(+), 46 deletions(-)
 create mode 100644 src/components/Clients/DeleteClientModal.jsx

diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index dd91c65da..514f73c7d 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -13,6 +13,8 @@ import { runNotification } from '../../utils';
 // Context Imports
 import { SelectedUserContext, UserListContext } from '../../contexts';
 import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
+// Component Imports
+import DeleteClientModal from './DeleteClientModal';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -28,6 +30,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   const { selectedUser, setSelectedUser } = useContext(SelectedUserContext);
   const { removeUser } = useContext(UserListContext);
   const [pinned, setPinned] = useState(false);
+  const [showDeleteClientModal, setShowClientDeleteModal] = useState(false);
 
   // determine what icon gets rendered in the pinned column
   const pinnedIcon = pinned ? <PushPinIcon color="secondary" /> : <PushPinOutlinedIcon />;
@@ -46,13 +49,7 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
 
   // Event handler for deleting client from client list
   const handleDeleteClient = async () => {
-    if (
-      !window.confirm(
-        `You're about to delete ${client.person} from your client list, do you wish to continue?`
-      )
-    ) {
-      return;
-    }
+    setShowClientDeleteModal(false);
     runNotification(`Deleting "${client.person}" from client list...`, 3, state, dispatch);
     await removeUser(client);
     runNotification(`"${client.person}" deleted from client list...`, 3, state, dispatch);
@@ -65,45 +62,55 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
   };
 
   return (
-    <StyledTableRow>
-      <StyledTableCell align="center">
-        <Checkbox
-          id={labelId}
-          color="primary"
-          checked={selectedUser.webId === client.webId}
-          inputProps={{
-            'aria-labelledby': labelId
-          }}
-          onClick={() => {
-            handleSelectClient(client);
-          }}
-        />
-      </StyledTableCell>
-      <StyledTableCell align="center">{client.person}</StyledTableCell>
-      {/* ***** TODO: Switch this webId to being a small Notes section */}
-      {/* seems having a link or even displaying another user's pod is completely useless/irrelevant */}
-      {/* see no reason it would ever need to be used, but notes/comments will be of utmost importance to caseworkers */}
-      <StyledTableCell align="center">
-        <Link
-          to={client.webId}
-          target="_blank"
-          rel="noreferrer"
-          style={{ textDecoration: 'none', color: theme.palette.primary.dark }}
-        >
-          Link to Pod Profile
-        </Link>
-      </StyledTableCell>
-      <StyledTableCell align="center">
-        <IconButton size="large" edge="end" onClick={handlePinClick}>
-          {pinnedIcon}
-        </IconButton>
-      </StyledTableCell>
-      <StyledTableCell align="center">
-        <IconButton size="large" edge="end" onClick={() => handleDeleteClient()}>
-          <DeleteOutlineOutlinedIcon />
-        </IconButton>
-      </StyledTableCell>
-    </StyledTableRow>
+    <>
+      <StyledTableRow>
+        <StyledTableCell align="center">
+          <Checkbox
+            id={labelId}
+            color="primary"
+            checked={selectedUser.webId === client.webId}
+            inputProps={{
+              'aria-labelledby': labelId
+            }}
+            onClick={() => {
+              handleSelectClient(client);
+            }}
+          />
+        </StyledTableCell>
+        <StyledTableCell align="center">{client.person}</StyledTableCell>
+        {/* ***** TODO: Switch this webId to being a small Notes section */}
+        {/* seems having a link or even displaying another user's pod is completely useless/irrelevant */}
+        {/* see no reason it would ever need to be used, but notes/comments will be of utmost importance to caseworkers */}
+        <StyledTableCell align="center">
+          <Link
+            to={client.webId}
+            target="_blank"
+            rel="noreferrer"
+            style={{ textDecoration: 'none', color: theme.palette.primary.dark }}
+          >
+            Link to Pod Profile
+          </Link>
+        </StyledTableCell>
+        <StyledTableCell align="center">
+          <IconButton size="large" edge="end" onClick={handlePinClick}>
+            {pinnedIcon}
+          </IconButton>
+        </StyledTableCell>
+        <StyledTableCell align="center">
+          <IconButton size="large" edge="end" onClick={() => setShowClientDeleteModal(true)}>
+            <DeleteOutlineOutlinedIcon />
+          </IconButton>
+        </StyledTableCell>
+      </StyledTableRow>
+
+      {/* modal/popup renders when showDeleteClientModal state is true */}
+      <DeleteClientModal
+        showDeleteClientModal={showDeleteClientModal}
+        setShowClientDeleteModal={setShowClientDeleteModal}
+        client={client}
+        handleDeleteClient={handleDeleteClient}
+      />
+    </>
   );
 };
 
diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Clients/DeleteClientModal.jsx
new file mode 100644
index 000000000..dde3cfcda
--- /dev/null
+++ b/src/components/Clients/DeleteClientModal.jsx
@@ -0,0 +1,64 @@
+// React Imports
+import React from 'react';
+// Material UI Imports
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import Button from '@mui/material/Button';
+import ClearIcon from '@mui/icons-material/Clear';
+import CheckIcon from '@mui/icons-material/Check';
+
+/**
+ * DeleteClientModal Component - Component that allows users to delete other user's
+ * Pod URLs from a user's list stored on their own Pod
+ *
+ * @memberof Clients
+ * @name DeleteClientModal
+ */
+
+const DeleteClientModal = ({
+  showDeleteClientModal,
+  setShowClientDeleteModal,
+  client,
+  handleDeleteClient
+}) => (
+  <Dialog
+    open={showDeleteClientModal}
+    aria-labelledby="dialog-title"
+    aria-describedby="dialog-description"
+    onClose={() => setShowClientDeleteModal(false)}
+  >
+    <DialogTitle id="dialog-tile">Delete Client?</DialogTitle>
+
+    <DialogContent>
+      <DialogContentText id="dialog-description">
+        {`You're about to delete ${client.person} from your client list, do you wish to continue?`}
+      </DialogContentText>
+    </DialogContent>
+
+    <DialogActions>
+      <Button
+        variant="outlined"
+        color="error"
+        endIcon={<ClearIcon />}
+        onClick={() => setShowClientDeleteModal(false)}
+      >
+        CANCEL
+      </Button>
+
+      <Button
+        variant="contained"
+        color="primary"
+        endIcon={<CheckIcon />}
+        sx={{ marginLeft: '1rem' }}
+        onClick={handleDeleteClient}
+      >
+        DELETE CLIENT
+      </Button>
+    </DialogActions>
+  </Dialog>
+);
+
+export default DeleteClientModal;

From 8ebe1014f654265f343bc26076cfb64dbcbd352f Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 18:45:08 -0700
Subject: [PATCH 200/304] Retesting updating snapshot for OidcLoginComponent

---
 .../NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
index 37301ce68..6d1c982fb 100644
--- a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
+++ b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
@@ -9,8 +9,8 @@ exports[`renders correctly 1`] = `
     class="MuiFormControl-root MuiTextField-root css-1q1ral2-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled css-e4w4as-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink="false"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-o943dk-MuiFormLabel-root-MuiInputLabel-root"
+      data-shrink="true"
       for=":r0:"
       id=":r0:-label"
     >
@@ -25,7 +25,8 @@ exports[`renders correctly 1`] = `
         class="MuiInputBase-input MuiFilledInput-input css-10botns-MuiInputBase-input-MuiFilledInput-input"
         id=":r0:"
         type="text"
-        value=""
+        value="https://opencommons.net/
+"
       />
     </div>
   </div>
@@ -33,6 +34,7 @@ exports[`renders correctly 1`] = `
     class="MuiBox-root css-120gsus"
   />
   <div>
+    https://opencommons.net/
     <button
       aria-label="Login Button"
       class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge css-1xnmwiw-MuiButtonBase-root-MuiButton-root"

From d6ab21ab74913be4aab39bca6cf8fe0abaa666dc Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 18:50:14 -0700
Subject: [PATCH 201/304] Reverting unit tests back to version found in
 Development

---
 .../NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap | 8 +++-----
 test/contexts/SignedInUserContext.test.jsx                | 3 +--
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
index 6d1c982fb..37301ce68 100644
--- a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
+++ b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
@@ -9,8 +9,8 @@ exports[`renders correctly 1`] = `
     class="MuiFormControl-root MuiTextField-root css-1q1ral2-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-o943dk-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink="true"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled css-e4w4as-MuiFormLabel-root-MuiInputLabel-root"
+      data-shrink="false"
       for=":r0:"
       id=":r0:-label"
     >
@@ -25,8 +25,7 @@ exports[`renders correctly 1`] = `
         class="MuiInputBase-input MuiFilledInput-input css-10botns-MuiInputBase-input-MuiFilledInput-input"
         id=":r0:"
         type="text"
-        value="https://opencommons.net/
-"
+        value=""
       />
     </div>
   </div>
@@ -34,7 +33,6 @@ exports[`renders correctly 1`] = `
     class="MuiBox-root css-120gsus"
   />
   <div>
-    https://opencommons.net/
     <button
       aria-label="Login Button"
       class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge css-1xnmwiw-MuiButtonBase-root-MuiButton-root"
diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index 49c8780e4..871bdb86a 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -55,8 +55,7 @@ describe('SignedInUserContext', () => {
     useSession.mockReturnValue({
       session: {
         info: {
-          isLoggedIn: true,
-          webId: 'https://example.com/profile/card#me'
+          isLoggedIn: true
         }
       }
     });

From ae2816e319c5299a484c482bda90c30519a93f57 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 18:52:23 -0700
Subject: [PATCH 202/304] Including webId for session in
 SignedInUserContext.test.jsx

---
 test/contexts/SignedInUserContext.test.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index 871bdb86a..531e77895 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -55,7 +55,8 @@ describe('SignedInUserContext', () => {
     useSession.mockReturnValue({
       session: {
         info: {
-          isLoggedIn: true
+          isLoggedIn: true,
+          webId: 'https://example.com/pod/card#me'
         }
       }
     });

From ec7303d7ce1e014322703cfab3abcfb4863b60d9 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 19:03:52 -0700
Subject: [PATCH 203/304] Switching link for foaf:name to FOAF.name from
 @inrupt/vocab-common-rdf

---
 src/constants/rdf_predicates.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index 6e1790d52..27e8ab39a 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -1,4 +1,4 @@
-import { SCHEMA_INRUPT, RDF, FOAF } from '@inrupt/vocab-common-rdf';
+import { SCHEMA_INRUPT, FOAF } from '@inrupt/vocab-common-rdf';
 
 const RDF_PREDICATES = {
   ...SCHEMA_INRUPT,
@@ -22,12 +22,11 @@ const RDF_PREDICATES = {
   message: 'https://schema.org/Message',
   recipient: 'https://schema.org/recipient',
   sender: 'https://schema.org/sender',
-  profileName: 'http://xmlns.com/foaf/0.1/name',
   sha256: 'https://schema.org/sha256',
   accountablePerson: 'https://schema.org/accountablePerson',
+  profileName: FOAF.name,
   profileImg: FOAF.img,
-  nickname: FOAF.nick,
-  type: RDF.type
+  nickname: FOAF.nick
 };
 
 export default RDF_PREDICATES;

From da860b9dc735798d3106e41e2c0054775a9047b8 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 19:35:15 -0700
Subject: [PATCH 204/304] Moving to using Avatar as default img for when img is
 not uploaded

---
 src/components/Profile/ProfileImageField.jsx | 62 +++++++++-----------
 1 file changed, 27 insertions(+), 35 deletions(-)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index e71d9e17a..279eeab90 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -3,7 +3,6 @@ import React, { useContext } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
-import AccountCircleIcon from '@mui/icons-material/AccountCircle';
 import Avatar from '@mui/material/Avatar';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
@@ -67,42 +66,35 @@ const ProfileImageField = ({ profileImg, setProfileImg, loadProfileData }) => {
       }}
     >
       <Typography color="black">Profile Image: </Typography>
+      <Avatar
+        src={profileImg}
+        alt="PASS profile"
+        sx={{ height: '200px', width: '200px', objectFit: 'contain' }}
+      />
       {profileImg ? (
-        <>
-          <Avatar
-            src={profileImg}
-            alt="PASS profile"
-            sx={{ height: '200px', width: '200px', objectFit: 'contain' }}
-          />
-          <Box sx={{ display: 'flex', gap: '10px' }}>
-            <Button
-              variant="outlined"
-              color="error"
-              sx={{ width: '150px' }}
-              onClick={handleRemoveProfileImg}
-              endIcon={<HideImageIcon />}
-            >
-              Remove Img
-            </Button>
-          </Box>
-        </>
+        <Button
+          variant="outlined"
+          color="error"
+          sx={{ width: '150px' }}
+          onClick={handleRemoveProfileImg}
+          endIcon={<HideImageIcon />}
+        >
+          Remove Img
+        </Button>
       ) : (
-        <>
-          <AccountCircleIcon sx={{ height: '200px', width: '200px', color: 'lightgray' }} />
-          <Button
-            variant="outlined"
-            component="label"
-            color="primary"
-            id="input-profile-pic"
-            name="inputProfilePic"
-            onChange={handleProfileImage}
-            endIcon={<ImageIcon />}
-            sx={{ width: '150px' }}
-          >
-            Choose Img
-            <input type="file" hidden accept=".gif, .png, .tiff, .jpeg, .jpg, .webp" />
-          </Button>
-        </>
+        <Button
+          variant="outlined"
+          component="label"
+          color="primary"
+          id="input-profile-pic"
+          name="inputProfilePic"
+          onChange={handleProfileImage}
+          endIcon={<ImageIcon />}
+          sx={{ width: '150px' }}
+        >
+          Choose Img
+          <input type="file" hidden accept=".gif, .png, .tiff, .jpeg, .jpg, .webp" />
+        </Button>
       )}
     </Box>
   );

From c12c1e30df9f8987f6eb8171293209bc09443e8e Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 20:20:08 -0700
Subject: [PATCH 205/304] Switching to using full mock Dataset and Thing for
 Profile.test.js

---
 test/model-helpers/Profile.test.js | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index d5bffdcef..362d4b5f5 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -1,7 +1,9 @@
+import * as solidClient from '@inrupt/solid-client';
 import { beforeEach, afterEach, describe, expect, vi, it } from 'vitest';
 import { fetchProfileInfo } from '../../src/model-helpers';
 
 let session = {};
+const mockWebId = 'https://example.com/pod/profile/card#me';
 
 vi.mock('@inrupt/solid-client');
 
@@ -10,7 +12,7 @@ describe('fetchProfileInfo', () => {
     session = {
       fetch: vi.fn(),
       info: {
-        webId: 'https://newtestuser2.opencommons.net/profile/card#me'
+        webId: mockWebId
       }
     };
   });
@@ -19,6 +21,22 @@ describe('fetchProfileInfo', () => {
   });
 
   it('returns expected properties for profileData object', async () => {
+    vi.spyOn(solidClient, 'getWebIdDataset').mockResolvedValue(
+      solidClient.mockSolidDatasetFrom(mockWebId)
+    );
+    vi.spyOn(solidClient, 'getThing').mockReturnValue({
+      predicates: {
+        'http://www.w3.org/1999/02/22-rdf-syntax-ns#type': {
+          namedNodes: ['http://xmlns.com/foaf/0.1/Person']
+        },
+        'http://www.w3.org/ns/solid/terms#oidcIssuer': {
+          namedNodes: ['https://example.com/']
+        }
+      },
+      type: 'Subject',
+      url: 'https://example.com/pod/profile/card#me'
+    });
+
     const results = await fetchProfileInfo(session);
 
     expect(results).toHaveProperty('profileInfo.profileName');

From 3df3188fbcc0071165ff268400e4db3a5e1746ab Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sun, 2 Jul 2023 20:36:44 -0700
Subject: [PATCH 206/304] Updating switch case in updateProfileInfo and string
 to profileContainer

---
 src/model-helpers/Profile.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 7023f7989..4692ff763 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -61,8 +61,6 @@ export const updateProfileInfo = async (session, profileData, inputValues) => {
   Object.keys(inputValues).forEach((input) => {
     switch (inputValues[input]) {
       case null:
-      case 'null':
-      case 'No value set':
         return;
       case '':
         profileThing = removeStringNoLocale(
@@ -97,7 +95,7 @@ export const updateProfileInfo = async (session, profileData, inputValues) => {
 export const uploadProfileImage = async (session, profileData, inputImage) => {
   let { profileDataset, profileThing } = profileData;
 
-  const profileContainer = `${session.info.webId.split('profile')[0]}profile/`;
+  const profileContainer = `${session.info.webId.split('card')[0]}`;
   const profileImgFilename = inputImage.name.replace(' ', '%20');
 
   await saveFileInContainer(profileContainer, inputImage, {

From b8a88e4b243f7235647bea5696dad75bd187a871 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Sun, 2 Jul 2023 20:39:00 -0700
Subject: [PATCH 207/304] Rearranging close button

---
 src/components/Form/UploadDocumentModal.jsx | 46 +++++++++------------
 1 file changed, 19 insertions(+), 27 deletions(-)

diff --git a/src/components/Form/UploadDocumentModal.jsx b/src/components/Form/UploadDocumentModal.jsx
index fac2f5f80..7ddb8a03f 100644
--- a/src/components/Form/UploadDocumentModal.jsx
+++ b/src/components/Form/UploadDocumentModal.jsx
@@ -1,17 +1,17 @@
 // React Imports
 import React, { useState, useContext } from 'react';
 // Material UI Imports
+import BackspaceOutlined from '@mui/icons-material/BackspaceOutlined';
 import Button from '@mui/material/Button';
-import Checkbox from '@mui/material/Checkbox';
 import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
 import FileUploadIcon from '@mui/icons-material/FileUpload';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormHelperText from '@mui/material/FormHelperText';
+import IconButton from '@mui/material/IconButton';
 import SearchIcon from '@mui/icons-material/Search';
-import BackspaceOutlined from '@mui/icons-material/BackspaceOutlined';
+import Switch from '@mui/material/Switch';
 import TextField from '@mui/material/TextField';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
@@ -108,9 +108,12 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
         defaultMessage="To be uploaded..."
       >
         <form onSubmit={handleDocUpload} autoComplete="off">
+          <IconButton onClick={() => setShowModal(false)} sx={{ float: 'right' }}>
+            <ClearIcon fontSize="large" />
+          </IconButton>
           <FormControl fullWidth>
             <FormControlLabel
-              control={<Checkbox />}
+              control={<Switch />}
               label="Verify file on upload"
               id="verify-checkbox"
               value={verifyFile}
@@ -132,7 +135,6 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
                 onChange={(newExpireDate) => setExpireDate(newExpireDate)}
                 type="date"
               />
-              <FormHelperText>MM/DD/YYYY</FormHelperText>
             </LocalizationProvider>
             <br />
             <TextField
@@ -159,7 +161,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             <Button
               variant="contained"
               component="label"
-              color="tertiary"
+              color="primary"
               id="upload-doctype"
               name="uploadDoctype"
               onChange={(e) => setFile(e.target.files[0])}
@@ -179,27 +181,17 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             >
               File to upload: {file ? file.name : 'No file selected'}
             </FormHelperText>
-            <DialogActions>
-              <Button
-                variant="outlined"
-                color="error"
-                endIcon={<ClearIcon />}
-                onClick={() => setShowModal(false)}
-                fullWidth
-              >
-                CANCEL
-              </Button>
-              <Button
-                variant="contained"
-                disabled={state.processing || !file}
-                type="submit"
-                color="primary"
-                startIcon={<FileUploadIcon />}
-                fullWidth
-              >
-                Upload
-              </Button>
-            </DialogActions>
+            <br />
+            <Button
+              variant="contained"
+              disabled={state.processing || !file}
+              type="submit"
+              color="primary"
+              startIcon={<FileUploadIcon />}
+              fullWidth
+            >
+              Upload
+            </Button>
           </FormControl>
         </form>
       </FormSection>

From f93303ca2efb7183f287c4e5482656920d830d5e Mon Sep 17 00:00:00 2001
From: Tim Standen <37914436+timbot1789@users.noreply.github.com>
Date: Sun, 2 Jul 2023 21:19:00 -0700
Subject: [PATCH 208/304] Update OidcLoginComponent.test

---
 test/components/NavBar/OidcLoginComponent.test.jsx   | 12 ++++++++++--
 .../__snapshots__/OidcLoginComponent.test.jsx.snap   |  7 ++++---
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/test/components/NavBar/OidcLoginComponent.test.jsx b/test/components/NavBar/OidcLoginComponent.test.jsx
index 177fad1cc..29103087b 100644
--- a/test/components/NavBar/OidcLoginComponent.test.jsx
+++ b/test/components/NavBar/OidcLoginComponent.test.jsx
@@ -14,14 +14,22 @@ vi.mock('@inrupt/solid-ui-react', () => ({
   )
 }));
 
-vi.mock('../../../src/constants/');
-
 afterEach(() => {
   vi.clearAllMocks();
   localStorage.clear();
   cleanup();
 });
 
+vi.mock('../../../src/constants/', () => {
+  const actual = vi.importActual('../../../src/constants/');
+  return {
+    ...actual,
+    ENV: {
+      VITE_SOLID_IDENTITY_PROVIDER: 'https://www.testurl.com/'
+    }
+  };
+});
+
 it('renders correctly', () => {
   const { container } = render(<OidcLoginComponent />);
   expect(container).toMatchSnapshot();
diff --git a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
index 37301ce68..98065439b 100644
--- a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
+++ b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
@@ -9,8 +9,8 @@ exports[`renders correctly 1`] = `
     class="MuiFormControl-root MuiTextField-root css-1q1ral2-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled css-e4w4as-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink="false"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-o943dk-MuiFormLabel-root-MuiInputLabel-root"
+      data-shrink="true"
       for=":r0:"
       id=":r0:-label"
     >
@@ -25,7 +25,7 @@ exports[`renders correctly 1`] = `
         class="MuiInputBase-input MuiFilledInput-input css-10botns-MuiInputBase-input-MuiFilledInput-input"
         id=":r0:"
         type="text"
-        value=""
+        value="https://www.testurl.com/"
       />
     </div>
   </div>
@@ -33,6 +33,7 @@ exports[`renders correctly 1`] = `
     class="MuiBox-root css-120gsus"
   />
   <div>
+    https://www.testurl.com/
     <button
       aria-label="Login Button"
       class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge css-1xnmwiw-MuiButtonBase-root-MuiButton-root"

From fa84268f17c6de08aab75887e6dd61e9f3a1a2f7 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 3 Jul 2023 01:23:49 -0700
Subject: [PATCH 209/304] Included URL.revokeObjectURL to release resource no
 longer in use Blobs from getBlobFromSolid

---
 src/components/NavBar/NavBar.jsx             | 1 +
 src/components/Profile/ProfileImageField.jsx | 1 +
 src/routes/Profile.jsx                       | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 770c0dc13..ee1015f92 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -73,6 +73,7 @@ const NavBar = () => {
       const imageBlob = await getBlobFromSolid(session, profileData.profileInfo.profileImage);
       setProfileImageBlob(imageBlob);
     } else {
+      URL.revokeObjectURL(profileImageBlob);
       setProfileImageBlob(null);
     }
   };
diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index 279eeab90..dab00ea0a 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -50,6 +50,7 @@ const ProfileImageField = ({ profileImg, setProfileImg, loadProfileData }) => {
       await removeProfileImage(session, profileData);
 
       loadProfileData();
+      URL.revokeObjectURL(profileImg);
       localStorage.setItem('profileImageBlob', null);
       setProfileImg(null);
     }
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 6da4573ec..f8f352c8d 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -64,6 +64,7 @@ const Profile = () => {
       localStorage.setItem('profileImageBlob', JSON.stringify(profileImageBlob));
       setProfileImg(profileImageBlob);
     } else {
+      URL.revokeObjectURL(profileImg);
       localStorage.setItem('profileImageBlob', null);
       setProfileImg(null);
     }

From 4550c19e51de0c9037306e8578ecefd03967a240 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 3 Jul 2023 01:37:55 -0700
Subject: [PATCH 210/304] Include condition to run URL.revokeObjectURL only if
 Blob exists

---
 src/components/NavBar/NavBar.jsx | 4 +++-
 src/routes/Profile.jsx           | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index ee1015f92..7ea14f9b2 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -73,7 +73,9 @@ const NavBar = () => {
       const imageBlob = await getBlobFromSolid(session, profileData.profileInfo.profileImage);
       setProfileImageBlob(imageBlob);
     } else {
-      URL.revokeObjectURL(profileImageBlob);
+      if (profileImageBlob) {
+        URL.revokeObjectURL(profileImageBlob);
+      }
       setProfileImageBlob(null);
     }
   };
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index f8f352c8d..6a8e05018 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -64,7 +64,9 @@ const Profile = () => {
       localStorage.setItem('profileImageBlob', JSON.stringify(profileImageBlob));
       setProfileImg(profileImageBlob);
     } else {
-      URL.revokeObjectURL(profileImg);
+      if (profileImg) {
+        URL.revokeObjectURL(profileImg);
+      }
       localStorage.setItem('profileImageBlob', null);
       setProfileImg(null);
     }

From a62e1231d1aa3484eb75b29408bf942f6bc00b69 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 3 Jul 2023 12:11:00 -0700
Subject: [PATCH 211/304] Changed condition for revokeObjectUrl in Navbar to
 run only if loggedIn is true; Adjusted useEffect dependency to profileData;
 Using Avatar as default icon in place fo AccountCircle in Navbar

---
 src/components/NavBar/NavBar.jsx | 17 ++++++-----------
 src/routes/Profile.jsx           |  6 ++----
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 7ea14f9b2..365fa9b4a 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -3,7 +3,6 @@ import React, { useContext, useEffect, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
-import AccountCircle from '@mui/icons-material/AccountCircle';
 import Avatar from '@mui/material/Avatar';
 import AppBar from '@mui/material/AppBar';
 import Badge from '@mui/material/Badge';
@@ -73,7 +72,7 @@ const NavBar = () => {
       const imageBlob = await getBlobFromSolid(session, profileData.profileInfo.profileImage);
       setProfileImageBlob(imageBlob);
     } else {
-      if (profileImageBlob) {
+      if (localStorage.getItem('loggedIn') === true) {
         URL.revokeObjectURL(profileImageBlob);
       }
       setProfileImageBlob(null);
@@ -141,15 +140,11 @@ const NavBar = () => {
                   onClick={handleOpenMenu}
                   color="inherit"
                 >
-                  {profileImageBlob ? (
-                    <Avatar
-                      src={profileImageBlob}
-                      alt="PASS profile"
-                      sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
-                    />
-                  ) : (
-                    <AccountCircle />
-                  )}
+                  <Avatar
+                    src={profileImageBlob}
+                    alt="PASS profile"
+                    sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
+                  />
                 </IconButton>
               </Box>
               <Box sx={{ display: { xs: 'flex', md: 'none' } }}>
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index 6a8e05018..e86a8224d 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -64,9 +64,7 @@ const Profile = () => {
       localStorage.setItem('profileImageBlob', JSON.stringify(profileImageBlob));
       setProfileImg(profileImageBlob);
     } else {
-      if (profileImg) {
-        URL.revokeObjectURL(profileImg);
-      }
+      URL.revokeObjectURL(profileImg);
       localStorage.setItem('profileImageBlob', null);
       setProfileImg(null);
     }
@@ -102,7 +100,7 @@ const Profile = () => {
 
   useEffect(() => {
     handleGetProfileImage();
-  }, [profileImgUrl]);
+  }, [profileData]);
 
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>

From 49f92dabeb066acf1ba4f2be4853b9715ccd4b99 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 3 Jul 2023 13:36:45 -0700
Subject: [PATCH 212/304] Include additional unit tests for updateProfileInfo,
 uploadProfileImage, and removeProfileImage; Updated JSDoc for
 uploadProfileImage to include '@return'

---
 src/model-helpers/Profile.js       |   2 +
 test/model-helpers/Profile.test.js | 178 ++++++++++++++++++++++++++++-
 2 files changed, 179 insertions(+), 1 deletion(-)

diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 4692ff763..1d1a8792b 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -91,6 +91,8 @@ export const updateProfileInfo = async (session, profileData, inputValues) => {
  * @param {object} profileData - The object containing the information related
  * to the person on their profile card, the profile dataset, and the profile Thing
  * @param {Blob} inputImage - File blob being uploaded for profile image
+ * @returns {Promise} Promise - Performs a file upload of your profile image onto
+ * your pod at /profile
  */
 export const uploadProfileImage = async (session, profileData, inputImage) => {
   let { profileDataset, profileThing } = profileData;
diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index 362d4b5f5..afb936529 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -1,6 +1,11 @@
 import * as solidClient from '@inrupt/solid-client';
 import { beforeEach, afterEach, describe, expect, vi, it } from 'vitest';
-import { fetchProfileInfo } from '../../src/model-helpers';
+import {
+  fetchProfileInfo,
+  removeProfileImage,
+  updateProfileInfo,
+  uploadProfileImage
+} from '../../src/model-helpers';
 
 let session = {};
 const mockWebId = 'https://example.com/pod/profile/card#me';
@@ -46,3 +51,174 @@ describe('fetchProfileInfo', () => {
     expect(results).toHaveProperty('profileThing');
   });
 });
+
+describe('updateProfileInfo', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: mockWebId
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const mockDataset = solidClient.addMockResourceAclTo(solidClient.mockSolidDatasetFrom(mockWebId));
+
+  it('only run buildThing or removeStringNoLocale when value is not null', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockInputValues = { profileName: 'Alice', nickname: null };
+
+    vi.spyOn(solidClient, 'removeStringNoLocale');
+    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+
+    await updateProfileInfo(session, mockData, mockInputValues);
+
+    expect(solidClient.removeStringNoLocale).not.toBeCalled();
+    expect(solidClient.buildThing).toBeCalledTimes(1);
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+  });
+
+  it('run buildThing twice when updating both profileName and nickname', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockInputValues = { profileName: 'Alice', nickname: 'Al' };
+
+    vi.spyOn(solidClient, 'removeStringNoLocale');
+    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+
+    await updateProfileInfo(session, mockData, mockInputValues);
+
+    expect(solidClient.removeStringNoLocale).not.toBeCalled();
+    expect(solidClient.buildThing).toBeCalledTimes(2);
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+  });
+
+  it('run removeStringNoLocale when one of the inputValues are an empty string', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockInputValues = { profileName: '', nickname: 'Al' };
+
+    vi.spyOn(solidClient, 'removeStringNoLocale');
+    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+
+    await updateProfileInfo(session, mockData, mockInputValues);
+
+    expect(solidClient.removeStringNoLocale).toBeCalledTimes(1);
+    expect(solidClient.buildThing).toBeCalledTimes(1);
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+  });
+});
+
+describe('uploadProfileImage', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: mockWebId
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const mockDataset = solidClient.addMockResourceAclTo(solidClient.mockSolidDatasetFrom(mockWebId));
+
+  it('run function when triggered with inputImage', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockImageData = new Blob(new Array(9).fill(0), { type: 'image/png' });
+    const mockInputImage = new File([mockImageData], 'image.png', { type: 'image/png' });
+
+    vi.spyOn(solidClient, 'saveFileInContainer');
+    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'setThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+
+    await uploadProfileImage(session, mockData, mockInputImage);
+
+    expect(solidClient.saveFileInContainer).toBeCalled();
+    expect(solidClient.buildThing).toBeCalled();
+    expect(solidClient.setThing).toBeCalled();
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+  });
+});
+
+describe('removeProfileImage', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: mockWebId
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('does not run deleteFile only when profileImg is null', async () => {
+    const mockDataset = solidClient.addMockResourceAclTo(
+      solidClient.mockSolidDatasetFrom(mockWebId)
+    );
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = { mockDataset, mockDatasetThing };
+
+    vi.spyOn(solidClient, 'getUrl').mockReturnValue(null);
+    vi.spyOn(solidClient, 'removeUrl');
+    vi.spyOn(solidClient, 'setThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+    vi.spyOn(solidClient, 'deleteFile');
+
+    await removeProfileImage(session, mockData);
+
+    expect(solidClient.removeUrl).not.toBeCalled();
+    expect(solidClient.setThing).not.toBeCalled();
+    expect(solidClient.saveSolidDatasetAt).not.toBeCalled();
+    expect(solidClient.deleteFile).not.toBeCalled();
+  });
+
+  it('run deleteFile only when profileImg is defined', async () => {
+    const mockDataset = solidClient.addMockResourceAclTo(
+      solidClient.mockSolidDatasetFrom(mockWebId)
+    );
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = { mockDataset, mockDatasetThing };
+
+    vi.spyOn(solidClient, 'getUrl').mockReturnValue('https://example.com/pod/profile/image.png');
+    vi.spyOn(solidClient, 'removeUrl').mockReturnThis();
+    vi.spyOn(solidClient, 'setThing').mockReturnThis();
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+    vi.spyOn(solidClient, 'deleteFile');
+
+    await removeProfileImage(session, mockData);
+
+    expect(solidClient.removeUrl).toBeCalled();
+    expect(solidClient.setThing).toBeCalled();
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+    expect(solidClient.deleteFile).toBeCalled();
+  });
+});

From 3f7c56bbf7c868c5d2b499be7b536d1888346c3c Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 3 Jul 2023 13:47:31 -0700
Subject: [PATCH 213/304] Removing condition for Avatar and AccountCircle to
 just using Avatar

---
 src/components/NavBar/NavMenu.jsx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 73597d477..7a456bb67 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -2,7 +2,6 @@
 import React from 'react';
 import { NavLink } from 'react-router-dom';
 // Material UI Imports
-import AccountCircle from '@mui/icons-material/AccountCircle';
 import Avatar from '@mui/material/Avatar';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
@@ -65,15 +64,11 @@ const NavMenu = ({
           <Button
             variant="text"
             startIcon={
-              profileImageBlob ? (
-                <Avatar
-                  src={profileImageBlob}
-                  alt="PASS profile"
-                  sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
-                />
-              ) : (
-                <AccountCircle />
-              )
+              <Avatar
+                src={profileImageBlob}
+                alt="PASS profile"
+                sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
+              />
             }
           >
             <NavLink

From 49bdbcfd5d6769d697ac0661772a2d8277bf2cf3 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 3 Jul 2023 14:17:47 -0700
Subject: [PATCH 214/304] Adjusting SignedInUserContext to setUserInfo one at a
 time; Updated webId in SignedInUserContext.test.jsx

---
 src/contexts/SignedInUserContext.jsx       | 5 ++++-
 test/contexts/SignedInUserContext.test.jsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 51e2caa1e..34f607d55 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -58,10 +58,13 @@ export const SignedInUserContextProvider = ({ children }) => {
         const { webId } = session.info;
         let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
         podUrl = podUrl || webId.split('profile')[0];
+        setUserInfo({
+          ...userInfo,
+          podUrl
+        });
         const profileData = await fetchProfileInfo(session);
         setUserInfo({
           ...userInfo,
-          podUrl,
           profileData
         });
         await Promise.all([
diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index 531e77895..3ed4fcf87 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -31,7 +31,7 @@ vi.mock('@inrupt/solid-ui-react', async () => {
         fetch: vi.fn(),
         info: {
           isLoggedIn: false,
-          webId: 'https://example.com/'
+          webId: 'https://example.com/pod/profile/card#me'
         }
       }
     }))

From e8de5a88780777466d68b70a8149413235e27952 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Mon, 3 Jul 2023 17:12:17 -0700
Subject: [PATCH 215/304] Adding DeleteClientModal to /Clients/index.js

---
 src/components/Clients/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index 17188db49..30e72a911 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -1,6 +1,7 @@
 import AddClientModal from './AddClientModal';
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
+import DeleteClientModal from './DeleteClientModal';
 
 /**
  * Components and functions related to Clients functionality within project PASS
@@ -8,4 +9,4 @@ import ClientListTable from './ClientListTable';
  * @namespace Clients
  */
 
-export { AddClientModal, ClientList, ClientListTable };
+export { AddClientModal, ClientList, ClientListTable, DeleteClientModal };

From 1076c22fd5fefcc09b14d3f8ffa6f6e2918f1420 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 4 Jul 2023 11:55:07 -0700
Subject: [PATCH 216/304] Included an ACL file for the profile image and set
 read to public; Updated unit test for uploadProfileImage

---
 src/model-helpers/Profile.js       | 19 +++++++++++++++++++
 test/model-helpers/Profile.test.js | 11 +++++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 1d1a8792b..823d79a58 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -1,17 +1,21 @@
 import {
   buildThing,
+  createAcl,
   deleteFile,
+  getFile,
   getStringNoLocale,
   getThing,
   getUrl,
   getWebIdDataset,
   removeStringNoLocale,
   removeUrl,
+  saveAclFor,
   saveFileInContainer,
   saveSolidDatasetAt,
   setThing
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES } from '../constants';
+import { setupAcl } from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -113,6 +117,21 @@ export const uploadProfileImage = async (session, profileData, inputImage) => {
   profileDataset = setThing(profileDataset, profileThing);
 
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+
+  // Create ACL file for profile image
+  const imageResource = await getFile(
+    `${session.info.webId.split('card')[0]}${profileImgFilename}`,
+    { fetch: session.fetch }
+  );
+
+  const resourceAcl = createAcl(imageResource);
+  const newAcl = setupAcl(
+    resourceAcl,
+    session.info.webId,
+    { read: true, write: true, control: true }, // personal access
+    { read: true } // public access
+  );
+  await saveAclFor(imageResource, newAcl, { fetch: session.fetch });
 };
 
 /**
diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index afb936529..e166bbf83 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -6,6 +6,7 @@ import {
   updateProfileInfo,
   uploadProfileImage
 } from '../../src/model-helpers';
+import * as utils from '../../src/utils';
 
 let session = {};
 const mockWebId = 'https://example.com/pod/profile/card#me';
@@ -152,11 +153,17 @@ describe('uploadProfileImage', () => {
     };
     const mockImageData = new Blob(new Array(9).fill(0), { type: 'image/png' });
     const mockInputImage = new File([mockImageData], 'image.png', { type: 'image/png' });
+    const mockFileResource = solidClient.mockFileFrom('https://example.com/pod/profile/image.png');
+    const mockFileResourceWithAcl = solidClient.addMockResourceAclTo(mockFileResource);
 
     vi.spyOn(solidClient, 'saveFileInContainer');
     vi.spyOn(solidClient, 'buildThing');
     vi.spyOn(solidClient, 'setThing');
     vi.spyOn(solidClient, 'saveSolidDatasetAt');
+    vi.spyOn(solidClient, 'getFile').mockResolvedValue(mockFileResource);
+    vi.spyOn(solidClient, 'createAcl');
+    vi.spyOn(utils, 'setupAcl').mockReturnValue(mockFileResourceWithAcl);
+    vi.spyOn(solidClient, 'saveAclFor');
 
     await uploadProfileImage(session, mockData, mockInputImage);
 
@@ -164,6 +171,10 @@ describe('uploadProfileImage', () => {
     expect(solidClient.buildThing).toBeCalled();
     expect(solidClient.setThing).toBeCalled();
     expect(solidClient.saveSolidDatasetAt).toBeCalled();
+    expect(solidClient.getFile).toBeCalled();
+    expect(solidClient.createAcl).toBeCalled();
+    expect(utils.setupAcl).toBeCalled();
+    expect(solidClient.saveAclFor).toBeCalled();
   });
 });
 

From 39514ac9d6090a386ca7455970169ebfb7f53ffc Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Tue, 4 Jul 2023 12:11:58 -0700
Subject: [PATCH 217/304] Adding all client components to its index.js

---
 src/components/Clients/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index 30e72a911..ca0c81d4b 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -1,6 +1,7 @@
 import AddClientModal from './AddClientModal';
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
+import ClientListTableRow from './ClientListTableRow';
 import DeleteClientModal from './DeleteClientModal';
 
 /**
@@ -9,4 +10,4 @@ import DeleteClientModal from './DeleteClientModal';
  * @namespace Clients
  */
 
-export { AddClientModal, ClientList, ClientListTable, DeleteClientModal };
+export { AddClientModal, ClientList, ClientListTable, ClientListTableRow, DeleteClientModal };

From 40467436ef8572507c7462c81c8b4947859c227a Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 4 Jul 2023 15:09:47 -0700
Subject: [PATCH 218/304] Removing fetching and storing of blob for profile
 picture

---
 src/components/Profile/ProfileImageField.jsx |  9 ++----
 src/routes/Profile.jsx                       | 34 +-------------------
 2 files changed, 4 insertions(+), 39 deletions(-)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index dab00ea0a..51cabf109 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -35,7 +35,7 @@ import { SignedInUserContext } from '../../contexts';
  * @param {profileImageFieldProps} Props - Props used for NewMessage
  * @returns {React.JSX.Element} React component for NewMessage
  */
-const ProfileImageField = ({ profileImg, setProfileImg, loadProfileData }) => {
+const ProfileImageField = ({ loadProfileData }) => {
   const { session } = useSession();
   const { profileData, removeProfileImage, uploadProfileImage } = useContext(SignedInUserContext);
 
@@ -50,9 +50,6 @@ const ProfileImageField = ({ profileImg, setProfileImg, loadProfileData }) => {
       await removeProfileImage(session, profileData);
 
       loadProfileData();
-      URL.revokeObjectURL(profileImg);
-      localStorage.setItem('profileImageBlob', null);
-      setProfileImg(null);
     }
   };
 
@@ -68,11 +65,11 @@ const ProfileImageField = ({ profileImg, setProfileImg, loadProfileData }) => {
     >
       <Typography color="black">Profile Image: </Typography>
       <Avatar
-        src={profileImg}
+        src="https://leekahung.opencommons.net/profile/Lee_KaHung_2017.jpeg"
         alt="PASS profile"
         sx={{ height: '200px', width: '200px', objectFit: 'contain' }}
       />
-      {profileImg ? (
+      {'https://leekahung.opencommons.net/profile/Lee_KaHung_2017.jpeg' ? (
         <Button
           variant="outlined"
           color="error"
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index e86a8224d..b84d31ab4 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -11,8 +11,6 @@ import ClearIcon from '@mui/icons-material/Clear';
 import EditIcon from '@mui/icons-material/Edit';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
-// Utility Imports
-import { getBlobFromSolid } from '../utils';
 // Contexts Imports
 import { SignedInUserContext } from '../contexts';
 // Component Inputs
@@ -36,15 +34,6 @@ const Profile = () => {
 
   const [profileName, setProfileName] = useState(profileData?.profileInfo.profileName);
   const [nickname, setNickname] = useState(profileData?.profileInfo.nickname);
-  const [profileImgUrl, setProfileImgUrl] = useState(profileData?.profileInfo.profileImage);
-
-  // Note: initial getItem from localStorage after browser refresh will error
-  // since the old file blob will not longer be valid, however, because
-  // profileImgUrl would be reset, a new profileImageBlob would be set from
-  // handleGetProfileImage
-  const [profileImg, setProfileImg] = useState(
-    JSON.parse(localStorage.getItem('profileImageBlob'))
-  );
 
   const [edit, setEdit] = useState(false);
 
@@ -55,19 +44,6 @@ const Profile = () => {
 
     setProfileName(profileDataSolid.profileInfo.profileName);
     setNickname(profileDataSolid.profileInfo.nickname);
-    setProfileImgUrl(profileDataSolid.profileInfo.profileImage);
-  };
-
-  const handleGetProfileImage = async () => {
-    if (profileImgUrl) {
-      const profileImageBlob = await getBlobFromSolid(session, profileImgUrl);
-      localStorage.setItem('profileImageBlob', JSON.stringify(profileImageBlob));
-      setProfileImg(profileImageBlob);
-    } else {
-      URL.revokeObjectURL(profileImg);
-      localStorage.setItem('profileImageBlob', null);
-      setProfileImg(null);
-    }
   };
 
   const handleCancelEdit = () => {
@@ -98,10 +74,6 @@ const Profile = () => {
     loadProfileData();
   }, []);
 
-  useEffect(() => {
-    handleGetProfileImage();
-  }, [profileData]);
-
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
@@ -180,11 +152,7 @@ const Profile = () => {
               />
             </Box>
           </form>
-          <ProfileImageField
-            profileImg={profileImg}
-            setProfileImg={setProfileImg}
-            loadProfileData={loadProfileData}
-          />
+          <ProfileImageField loadProfileData={loadProfileData} />
         </Box>
       </Box>
     </Box>

From c2ae40955ccd7957bea210372a7c2c569651f99e Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 4 Jul 2023 15:30:58 -0700
Subject: [PATCH 219/304] Fixed bug with saveFileInContainer giving different
 file extensions from contentType

---
 src/model-helpers/Profile.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 823d79a58..5b235ffee 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -106,7 +106,6 @@ export const uploadProfileImage = async (session, profileData, inputImage) => {
 
   await saveFileInContainer(profileContainer, inputImage, {
     slug: profileImgFilename,
-    contentType: inputImage.type,
     fetch: session.fetch
   });
 

From 2f7080c2f881f8b50c0abca2d093d8d1e0938e64 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 4 Jul 2023 16:16:26 -0700
Subject: [PATCH 220/304] Moved states related to profile image inside
 ProfileImageField; Reorganized Navbar to utilize what is stored in
 localStorage for profileImge

---
 src/components/NavBar/NavBar.jsx             | 25 ++++----------------
 src/components/NavBar/NavMenu.jsx            |  4 ++--
 src/components/Profile/ProfileImageField.jsx | 16 +++++++++----
 3 files changed, 19 insertions(+), 26 deletions(-)

diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 365fa9b4a..a340e83ef 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -15,15 +15,12 @@ import NotificationsIcon from '@mui/icons-material/Notifications';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
-// Utility Imports
-import { getBlobFromSolid } from '../../utils';
-// Contexts Imports
-import { SignedInUserContext } from '../../contexts';
 // Component Imports
 import LogoutModal from '../LogoutModal/LogoutModal';
 import NavbarLinks from './NavbarLinks';
 import NavMenu from './NavMenu';
 import OidcLoginComponent from './OidcLoginComponent';
+import { SignedInUserContext } from '../../contexts';
 
 /**
  * NavBar Component - Component that generates NavBar section for PASS
@@ -65,22 +62,10 @@ const NavBar = () => {
   };
 
   const { profileData } = useContext(SignedInUserContext);
-  const [profileImageBlob, setProfileImageBlob] = useState(null);
-
-  const loadProfileImage = async () => {
-    if (profileData?.profileInfo.profileImage) {
-      const imageBlob = await getBlobFromSolid(session, profileData.profileInfo.profileImage);
-      setProfileImageBlob(imageBlob);
-    } else {
-      if (localStorage.getItem('loggedIn') === true) {
-        URL.revokeObjectURL(profileImageBlob);
-      }
-      setProfileImageBlob(null);
-    }
-  };
+  const [profileImg, setProfileImg] = useState(localStorage.getItem('profileImage'));
 
   useEffect(() => {
-    loadProfileImage();
+    setProfileImg(localStorage.getItem('profileImage'));
   }, [profileData]);
 
   return (
@@ -141,7 +126,7 @@ const NavBar = () => {
                   color="inherit"
                 >
                   <Avatar
-                    src={profileImageBlob}
+                    src={profileImg}
                     alt="PASS profile"
                     sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
                   />
@@ -167,7 +152,7 @@ const NavBar = () => {
                   anchorEl={anchorEl}
                   setAnchorEl={setAnchorEl}
                   setShowConfirmation={setShowConfirmationModal}
-                  profileImageBlob={profileImageBlob}
+                  profileImg={profileImg}
                 />
               )}
               {/* modal/popup renders when showConfirmationModal state is true */}
diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 7a456bb67..e323a6791 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -27,7 +27,7 @@ const NavMenu = ({
   anchorEl,
   setAnchorEl,
   setShowConfirmation,
-  profileImageBlob
+  profileImg
 }) => {
   const theme = useTheme();
 
@@ -65,7 +65,7 @@ const NavMenu = ({
             variant="text"
             startIcon={
               <Avatar
-                src={profileImageBlob}
+                src={profileImg}
                 alt="PASS profile"
                 sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
               />
diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index 51cabf109..c2f2661cb 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 // Inrupt Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
@@ -37,11 +37,17 @@ import { SignedInUserContext } from '../../contexts';
  */
 const ProfileImageField = ({ loadProfileData }) => {
   const { session } = useSession();
-  const { profileData, removeProfileImage, uploadProfileImage } = useContext(SignedInUserContext);
+  const { profileData, fetchProfileInfo, removeProfileImage, uploadProfileImage } =
+    useContext(SignedInUserContext);
+  const [profileImg, setProfileImg] = useState(localStorage.getItem('profileImage'));
 
   const handleProfileImage = async (event) => {
     await uploadProfileImage(session, profileData, event.target.files[0]);
 
+    const updatedProfileData = await fetchProfileInfo(session);
+    localStorage.setItem('profileImage', updatedProfileData.profileInfo.profileImage);
+    setProfileImg(updatedProfileData.profileInfo.profileImage);
+
     loadProfileData();
   };
 
@@ -50,6 +56,8 @@ const ProfileImageField = ({ loadProfileData }) => {
       await removeProfileImage(session, profileData);
 
       loadProfileData();
+      localStorage.removeItem('profileImage');
+      setProfileImg(null);
     }
   };
 
@@ -65,11 +73,11 @@ const ProfileImageField = ({ loadProfileData }) => {
     >
       <Typography color="black">Profile Image: </Typography>
       <Avatar
-        src="https://leekahung.opencommons.net/profile/Lee_KaHung_2017.jpeg"
+        src={profileImg}
         alt="PASS profile"
         sx={{ height: '200px', width: '200px', objectFit: 'contain' }}
       />
-      {'https://leekahung.opencommons.net/profile/Lee_KaHung_2017.jpeg' ? (
+      {profileImg ? (
         <Button
           variant="outlined"
           color="error"

From ec6e484f262aa76c51751e29c8b67beb76091139 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 4 Jul 2023 19:29:35 -0700
Subject: [PATCH 221/304] Removed image support for tiff; Fixed bug with jpg by
 renaming uploaded jpg extensions to jpeg

---
 src/components/Profile/ProfileImageField.jsx | 2 +-
 src/model-helpers/Profile.js                 | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
index c2f2661cb..c038f0d8f 100644
--- a/src/components/Profile/ProfileImageField.jsx
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -99,7 +99,7 @@ const ProfileImageField = ({ loadProfileData }) => {
           sx={{ width: '150px' }}
         >
           Choose Img
-          <input type="file" hidden accept=".gif, .png, .tiff, .jpeg, .jpg, .webp" />
+          <input type="file" hidden accept=".gif, .png, .jpeg, .jpg, .webp" />
         </Button>
       )}
     </Box>
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 5b235ffee..904ae6b03 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -102,10 +102,15 @@ export const uploadProfileImage = async (session, profileData, inputImage) => {
   let { profileDataset, profileThing } = profileData;
 
   const profileContainer = `${session.info.webId.split('card')[0]}`;
-  const profileImgFilename = inputImage.name.replace(' ', '%20');
+  let profileImgFilename = inputImage.name.replace(' ', '%20');
+
+  if (profileImgFilename.endsWith('.jpg')) {
+    profileImgFilename = profileImgFilename.replace('.jpg', '.jpeg');
+  }
 
   await saveFileInContainer(profileContainer, inputImage, {
     slug: profileImgFilename,
+    contentType: inputImage.type,
     fetch: session.fetch
   });
 

From d13389017c536b594fdbe5bb44bbae5e4f15b3a3 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 5 Jul 2023 11:00:07 -0700
Subject: [PATCH 222/304] added several new .md files to docs with content
 changes for all documentation

---
 README.md                               | 89 ++++++++++++-------------
 docs/CODE_OF_CONDUCT.md                 | 39 +++++++++++
 CONTRIBUTING.md => docs/CONTRIBUTING.md |  8 ++-
 docs/README.md                          |  5 +-
 docs/RESOURCES.MD                       | 36 ++++++++++
 docs/ROADMAP.MD                         | 70 +++++++++++++++++++
 6 files changed, 198 insertions(+), 49 deletions(-)
 create mode 100644 docs/CODE_OF_CONDUCT.md
 rename CONTRIBUTING.md => docs/CONTRIBUTING.md (89%)
 create mode 100644 docs/RESOURCES.MD
 create mode 100644 docs/ROADMAP.MD

diff --git a/README.md b/README.md
index 633de0c94..3a0455ea0 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 
-<h1 id="PASS">PASS - Personal Access System for Services </h2>
+<h1 id="PASS">PASS - Personal Access System for Services </h1>
 
 [![License](https://img.shields.io/github/license/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/blob/Master/LICENSE)
 [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
@@ -10,12 +10,16 @@
 ![Top Language](https://img.shields.io/github/languages/top/codeforpdx/PASS)
 [![Contributors](https://img.shields.io/github/contributors/codeforpdx/pass)](https://github.com/codeforpdx/PASS/graphs/contributors)
 ![Latest Commit](https://img.shields.io/github/last-commit/codeforpdx/PASS/Development)
+
+PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process.
+
 # Table of Contents
 
 1.  [Setup Instructions](#setup-instructions)
 2.  [Project Overview](#project-overview)
        - [Terminology](#terminology) 
        - [User Flows](#user-flows)
+       - [Usage](#usage)
 3.  [Contribution Guidelines](#contribution-guidelines)
 4.  [Contributors](#contributors)
 5.  [Tech Stack](#tech-stack)
@@ -25,19 +29,37 @@
 ---
 <h2 id="setup-instructions">1.🔧 Setup Instructions </h2>
 
-   Currently we require Node version 16 or higher and NPM for our package manager.  Most places recommend using a node version manager to install node and npm. To proceed using NVM perform the following..
+   Currently we require Node version 16 or higher and NPM for our package manager.  Most places recommend using a node version manager to install node and npm. To proceed using NVM perform the following.. 
 
-1. Clone the git repository: `git clone https://github.com/codeforpdx/PASS.git`
+1. Clone the git repository: 
+   ```
+   git clone https://github.com/codeforpdx/PASS.git
+   ```
 2. Download NVM for your system. Find instructions here: https://github.com/nvm-sh/nvm
-3. Install node version 16: `nvm install 16`
-4. Use that node version: `nvm use 16`
+3. Install node version 16: 
+   ```
+   nvm install 16
+   ```
+4. Use that node version: 
+   ```
+   nvm use 16
+   ```
 5. Check that node and npm are set up:
-  `node -v`
-  `npm -v`
-If either of those commands error, node has not been installed correctly.
-1. Install project dependencies: `npm install`
-2. Run the project: `npm run dev`
-3. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
+   ```
+   node -v
+   npm -v
+   ```
+   If either of those commands error, node has not been installed correctly.
+
+6. Install project dependencies:
+   ```
+   npm install
+   ```
+7. Run the project: 
+   ```
+      npm run dev
+   ```
+9. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
 **[⬆️ Back to Top](#PASS)**
 
@@ -46,9 +68,9 @@ If either of those commands error, node has not been installed correctly.
 <h2 id="project-overview">2. 🚧 Project Overview </h2>
 
 
-In Portland, housing insecure individuals struggle to maintain documentats often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. Pass will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
+In Portland, housing insecure individuals struggle to maintain documents often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. Pass will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
 
-<h3 id="terminology">🗣️ Terminology</h2>
+<h2 id="terminology">🗣️ Terminology</h2>
 
 - Individual/Client - housing insecure person using services to interact with organizations.
 - Organization - housing agencies, landlords, government agencies that will be requesting information from individuals.
@@ -56,7 +78,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 - Folder/Container - referring to the URI location of document data in ttl files using Solid API with Inrupt library.
 - ACL - Access Control List is used to manage Solid Pods by allowing users to control who can access and modify their data.
 
-<h3 id="user-flows">🔀 User Flows</h2>
+<h2 id="user-flows">🔀 User Flows</h2>
 
 
 1. Individual/Client
@@ -76,13 +98,17 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 - User data remains in their pod (which is associated to WebID)
 - User authorizes applications and other users to read/write/control data in pod
 
+<h2 id="usage">📱 Usage</h2>
+  
+- template area to describe usage
+
 **[⬆️ Back to Top](#PASS)**
 
 ---
 
 <h2 id="contribution-guidelines">3. 🧑‍💻 Contribution Guidelines</h2>
 
--  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](CONTRIBUTING.md).
+-  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](./docs/CONTRIBUTING.md).
 -  Join our [Discord](https://discord.gg/Ts923xaUYV). [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
 -  Request git-hub access on Discord in the github-access-request channel of the General category.
   
@@ -91,23 +117,8 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 ---
 
 <h2 id="tech-stack">4. 🧪 Tech Stack</h2>
-
- ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
--  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
--  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
--  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)
--  [![React](https://badges.aleen42.com/src/react.svg)](https://react.dev/)
--  [![ESLint](https://badges.aleen42.com/src/eslint.svg)](https://eslint.org/)
--  [![Vite](https://badges.aleen42.com/src/vitejs.svg)](https://vitejs.dev/)
--  [![Git-Hub](https://badges.aleen42.com/src/github.svg)](https://github.com/codeforpdx/PASS)
--  [![Discord](https://badges.aleen42.com/src/discord.svg)](https://discord.com/)
--  [![Google Meet](https://img.shields.io/badge/Google%20Meet-00897B?style=for-the-badge&logo=google-meet&logoColor=white)](https://meet.google.com/)
--  [![Material UI](https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)](https://mui.com/)
--  <a href="https://solidproject.org"><img src="https://solidproject.org/assets/img/solid-emblem.svg" alt="SolidProjectIcon" width="18" height="18"> Solid Project
-- <a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
--  <a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
-- 🗒️  [JSDoc](https://jsdoc.app/)
-
+- further details on tech used [here](./docs/RESOURCES.MD)
+  
 **[⬆️ Back to Top](#PASS)**
 
 ---
@@ -136,19 +147,7 @@ In Portland, housing insecure individuals struggle to maintain documentats often
 
 <h2 id="Additional Resources">6. 📀Additional Resources</h2>
 
-- [Solid Data Pods](https://solidproject.org/developers/tutorials/getting-started)
-- [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
-- [Inrupt Access Requests and Grants](https://docs.inrupt.com/ess/latest/security/access-requests-grants/)
-- [Access Authorization](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod.
-- [`solid-ui-react`](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish).
-  
-- [rdf-and-ttl](https://www.w3.org/TR/turtle/)
-
-   The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
-
-   There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and datatypes. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
-
-   With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
+- described in detail in [resources.md](./docs/RESOURCES.MD)
 
 **[⬆️ Back to Top](#PASS)**
 
diff --git a/docs/CODE_OF_CONDUCT.md b/docs/CODE_OF_CONDUCT.md
new file mode 100644
index 000000000..5410c5d9a
--- /dev/null
+++ b/docs/CODE_OF_CONDUCT.md
@@ -0,0 +1,39 @@
+# Code of Conduct 
+(impending updates on the horizon)
+
+We believe that anyone attending a Code for America event or participating in our online community should feel safe and be free from harassment.
+
+The Code for America community expects that Code for America activities, events, and digital forums:
+
+- Are a safe and respectful environment for all participants.
+- Are a place where people are free to fully express their identities.
+- Presume the value of others. Everyone’s ideas, skills, and contributions have value.
+Don’t assume everyone has the same context, and encourage questions.
+- Find a way for people to be productive with their skills (technical and not) and energy. Use language such as “yes/and”, not “no/but.”
+- Encourage members and participants to listen as much as they speak.
+- Strive to build tools that are open and free technology for public use. Activities that aim to foster public use, not private gain, are prioritized.
+- Prioritize access for and input from those who are traditionally excluded from the civic process.
+- Work to ensure that the community is well-represented in the planning, design, and implementation of civic tech. This includes encouraging participation from women, minorities, and traditionally marginalized groups.
+- Actively involve community groups and those with subject matter expertise in the decision-making process.
+- Ensure that the relationships and conversations between community members, the local government staff and community partners remain respectful, participatory, and productive.
+- Provide an environment where people are free from discrimination or harassment.
+- Code for America reserves the right to ask anyone in violation of these policies not to participate in Code for America network activities, events, and digital forums.
+
+## CODE FOR AMERICA'S ANTI-HARASSMENT POLICY
+This anti-harassment policy is based on the example policy from the Geek Feminism wiki, created by the Ada Initiative and other volunteers.
+
+This policy is based on several other policies, including the Ohio LinuxFest anti-harassment policy, written by Esther Filderman and Beth Lynn Eicher, and the Con Anti-Harassment Project. Mary Gardiner, Valerie Aurora, Sarah Smith, and Donna Benjamin generalized the policies and added supporting material. Many members of LinuxChix, Geek Feminism and other groups contributed to this work.
+
+All Code for America network activities, events, and digital forums and their staff, presenters, and participants are held to an anti-harassment policy, included below.
+
+In addition to governing our own events by this policy, Code for America will only lend our brand and fund groups that offer an anti-harassment policy to their attendees. For information on how to offer an anti-harassment policy to your group, see this guide.
+
+Code for America is dedicated to providing a harassment-free experience for everyone regardless of gender, gender identity and expression, sexual orientation, disability, physical appearance, body size, race, age, or religion. We do not tolerate harassment of staff, presenters, and participants in any form. Sexual language and imagery is not appropriate for the Code for America Summit. Anyone in violation of these policies may expelled from Code for America network activities, events, and digital forums, at the discretion of the event organizer or forum administrator.
+
+Harassment includes but is not limited to: offensive verbal or written comments related to gender, gender identity and expression, sexual orientation, disability, physical appearance, body size, race, religion; sexual images in public spaces; deliberate intimidation; stalking; following; harassing photography or recording; sustained disruption of talks or other events; inappropriate physical contact; unwelcome sexual attention; unwarranted exclusion; and patronizing language or action.
+
+If a participant engages in harassing behavior, the organizers may take any action they deem appropriate, including warning the offender or expulsion from Code for America network activities, events, and digital forums.
+
+If you are being harassed, notice that someone else is being harassed, or have any other concerns, you can email safespace@codeforamerica.org.
+
+We value your attendance and hope that by communicating these expectations widely we can all enjoy a harassment-free environment.
\ No newline at end of file
diff --git a/CONTRIBUTING.md b/docs/CONTRIBUTING.md
similarity index 89%
rename from CONTRIBUTING.md
rename to docs/CONTRIBUTING.md
index 7efa196cb..7722bfcb5 100644
--- a/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -2,11 +2,15 @@
 
 ## Project summary
 
-Building out a decentralized application to enable house insecure individuals to securely store their documents electronically. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents.
+PASS is a decentralized application to enable home insecure individuals to electronically securely store their documents. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents.
 
 ## Tech Stack Overview
 
-[Link to tech stack image](https://drive.google.com/file/d/1jC4A5sqRqoidxB9lS71SomMkNSpvWzU6/view?usp=sharing)
+can be found in [Resources.md](./RESOURCES.md)
+
+## Code of Conduct
+
+By participating in this project, you are expected to uphold our [Code of Conduct](./CODE_OF_CONDUCT.md). Please make sure to read and understand it before contributing.
 
 ## Get started
 
diff --git a/docs/README.md b/docs/README.md
index f135763a0..2817e051d 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -2,8 +2,9 @@
 
 ## State of Build/Tech Stack
 
-The current build is made with React 18 for the front-end and bundled using Vite. The solid-ui-react library has been incorporated to the application along with Inrupt's other client libraries for Solid (see CONTRIBUTING.md for links to solid react and client library documentation). Several node scripts has been setup for ease of development, namely for linting, formatting, and generating JSDoc documentation for the React version of the application. Vitest and jsdom are libraries being used for unit tests.
+The current build is made with React 18 for the front-end and bundled using Vite. The solid-ui-react library has been incorporated to the application along with Inrupt's other client libraries for Solid (see RESOURCES.md for links to solid react and client library documentation). Several node scripts has been setup for ease of development, namely for linting, formatting, and generating JSDoc documentation for the React version of the application. Vitest and jsdom are libraries being used for unit tests.
 
+## PASS Terminal Commands
 To generate the full React development documentation of the application locally, the following command can be ran:
 
 ```shell
@@ -81,7 +82,7 @@ From here you can access Solid servers online.
 PASS includes some dev tools that allow you to run a SOLID pod on your local machine for testing instead of an online provider.
 To do so, you will need to edit the root `.env` file.
 
-1. Set the `VITE_SOLID_IDENTITY_PROVIDER_DEV` to `localhost:3000` (or whereever else you wish to host the server). You can find a premade example in `env_templates/dev.env`.
+1. Set the `VITE_SOLID_IDENTITY_PROVIDER_DEV` to `localhost:3000` (or where ever else you wish to host the server). You can find a pre made example in `env_templates/dev.env`.
 
 2. Start the SOLID server in a shell window
 
diff --git a/docs/RESOURCES.MD b/docs/RESOURCES.MD
new file mode 100644
index 000000000..a8d64708a
--- /dev/null
+++ b/docs/RESOURCES.MD
@@ -0,0 +1,36 @@
+## PASS Development Resources and Tech Stack
+![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
+-  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+-  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
+-  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)
+-  [![React](https://badges.aleen42.com/src/react.svg)](https://react.dev/)
+-  [![ESLint](https://badges.aleen42.com/src/eslint.svg)](https://eslint.org/)
+-  [![Vite](https://badges.aleen42.com/src/vitejs.svg)](https://vitejs.dev/)
+-  [![Git-Hub](https://badges.aleen42.com/src/github.svg)](https://github.com/codeforpdx/PASS)
+-  [![Discord](https://badges.aleen42.com/src/discord.svg)](https://discord.com/)
+-  [![Google Meet](https://img.shields.io/badge/Google%20Meet-00897B?style=for-the-badge&logo=google-meet&logoColor=white)](https://meet.google.com/)
+-  [![Material UI](https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)](https://mui.com/)
+-  <a href="https://solidproject.org"><img src="https://solidproject.org/assets/img/solid-emblem.svg" alt="SolidProjectIcon" width="18" height="18"> Solid Project
+- <a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
+-  <a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
+- 🗒️  [JSDoc](https://jsdoc.app/)
+
+---
+
+<h2 id="Additional Resources">📀Additional Resources</h2>
+
+- [Google Slide intro to data management with solid](https://docs.google.com/presentation/d/1eMMB0Wd6lWin4BJPK4Vv3xwqAqVyURhvRlD8oxNi-3s/edit?usp=sharing)
+
+- [Solid Data Pods](https://solidproject.org/developers/tutorials/getting-started)
+- [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
+- [Inrupt Access Requests and Grants](https://docs.inrupt.com/ess/latest/security/access-requests-grants/)
+- [Access Authorization](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod.
+- [`solid-ui-react`](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish).
+  
+- [rdf-and-ttl](https://www.w3.org/TR/turtle/)
+
+   The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
+
+   There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and data types. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
+
+   With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
diff --git a/docs/ROADMAP.MD b/docs/ROADMAP.MD
new file mode 100644
index 000000000..9291cb19d
--- /dev/null
+++ b/docs/ROADMAP.MD
@@ -0,0 +1,70 @@
+# Purpose
+The ultimate purpose of this project is to create a decentralized, federated system that puts users in control of their own data. Primarily home-insecure individuals who are most at risk of losing their important documents. We have validated through the Portland State University Homelessness Research & Action Collaborative (HRAC) that keeping important documents safe and available is a major problem of the housing insecure community and there are no good offerings today. 
+
+Similar efforts are being done in Baltimore, New York, and Los Angeles, as well as internationally, but they have yet to show success. None of them, though, have attempted to design a decentralized, federated system.
+In discussions with Baltimore, they said they had a great deal of help from their local Lived Experience Committee team. Multnomah has a similar team https://www.multco.us/johs/lived-experience-advisory-committee. 
+
+If we wish for a project of this complexity to succeed, we will need the advice and support of people like the Lived Experience Advisory Committee to guide its development. However, it will be difficult to gain their support if we do not clearly demonstrate that a product like PASS is both:
+
+Technically possible
+Actually useful
+
+The goal of this MVP is to provide such a demonstration. It will not be a complete or marketable app, but it does need to be strong, stable, and clean enough to be understandable to the target audience.
+Target User
+The PASS MVP Target User will be a Case Manager. However, in order to best facilitate the work case managers will do in PASS, we will need to handle two other types of user as well: Clients, and Organizations
+
+Case Manager - A social worker who assists individuals experiencing home insecurity in receiving aid. The case manager may work for the government, or for a non-profit or mutual aid organization. The case manager is a professional with no particular computer program who could be working with several clients at a time in a variety of social situations, from stable office work to physically dangerous interactions
+Client - An individual working with a case manager. The data stored in a PASS pod will belong to the client, and the logic around PASS will be processing the client’s own data. We generally expect clients to be people experiencing home insecurity in need of social support. They may not have a computer of their own, or even a permanent address.
+Organization - A government, non profit, or mutual aid organization to whom the case manager belongs. We can assume the organization is large enough to have a system administrator or tech director who could set up and organize PASS hosting.
+
+Features and Core Flows
+
+## Case Manager
+When a case manager sits down next to a client experiencing home insecurity, the system will be able to:
+Set the client up with a Solid Pod and Web ID
+Create a PASS-specific container in the pod
+Grant the case manager read-append access to the PASS container
+Grant affiliate organizations read access to the PASS container
+Create a client profile for the case manager to reference, containing the client’s Web ID, contact information, notes about the client's current needs and application status, and any other system-specific information about the client.
+The client’s profile should include an address, but due to their home insecure nature, this ‘address’ could take several forms
+A traditional mailing address
+What Three Words
+Cross Street
+A government address provided by local laws
+Note: The Web ID will be generated and stored by the system. The case manager will not need to interact with it, but the client will need to remember their web ID and password if they want to access their pod themselves later.
+This profile may be stored in the PASS system or on the client's pod
+Automatically add the client’s profile to the case manager’s list of active clients
+
+The case manager should also be able to do the following without needing the client to be present:
+Request additional access permissions to other parts of the client's pod (or parts that were previously revoked)
+Upload documents to the client's pod on behalf of the client
+Take photos of a client’s documents and automatically upload them into PASS
+Search the client's pod for specific documents
+Cryptographically sign documents to demonstrate their authenticity and completeness, in a way that the public can verify
+Message the client through their pod
+Take private notes about the client only visible within their organization that they can read at a later time.
+Message and share notes with other members of their organization
+Use PASS on either desktop or mobile
+
+Client
+The client should be able to do the following things without needing assistance from the case manager:
+View all files in their pod
+Take all data in their pod from one organization to another, and still have it be readable at the new organization
+Change access permissions to different parts of their pod
+Approve/Deny access requests from case managers or organizations
+Subscribe to new case managers to begin receiving services and grant them pod access
+Unsubscribe from a case manager they are no longer working with, revoking pod access
+Message their case managers
+Access and manage their files outside of PASS so long as they retain pod access
+Use PASS on either a phone or a desktop
+
+Organization
+An organization using PASS should be able to:
+Use any Pod server of their choice, hosted locally or by a Cloud Service Provider
+Choose to either host the PASS application themselves, or use an external host
+Enroll new case managers in their organization
+View the files generated by a case manager about their clients
+
+
+User flows for case managers and clients should be clean and accessible to non-technical users. Organization administration flows can be more complex, and assume a level of technical knowledge from the user.
+

From 66f343be7c5811b5b291923d4cb14f10afe4a810 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 5 Jul 2023 13:40:39 -0700
Subject: [PATCH 223/304] moving status notifications to be inside the
 DeleteClientModal.jsx component

---
 src/components/Clients/ClientList.jsx        |   2 +-
 src/components/Clients/DeleteClientModal.jsx | 126 +++++++++++++------
 2 files changed, 86 insertions(+), 42 deletions(-)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index 7002ad5f2..47a328117 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -20,7 +20,7 @@ const ClientList = () => {
 
   const determineClientListTable = userListObject.userList?.length ? (
     // render if clients
-    <ClientListTable statusType="Status" defaultMessage="No actions performed" />
+    <ClientListTable />
   ) : (
     // render if no clients
     <EmptyListNotification type="clients" />
diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Clients/DeleteClientModal.jsx
index dde3cfcda..87c77abbd 100644
--- a/src/components/Clients/DeleteClientModal.jsx
+++ b/src/components/Clients/DeleteClientModal.jsx
@@ -1,14 +1,21 @@
 // React Imports
-import React from 'react';
+import React, { useContext } from 'react';
 // Material UI Imports
+import Button from '@mui/material/Button';
+import ClearIcon from '@mui/icons-material/Clear';
+import CheckIcon from '@mui/icons-material/Check';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-import Button from '@mui/material/Button';
-import ClearIcon from '@mui/icons-material/Clear';
-import CheckIcon from '@mui/icons-material/Check';
+// Utility Imports
+import { runNotification } from '../../utils';
+// Custom Hook Imports
+import { useStatusNotification } from '../../hooks';
+// Context Imports
+import { UserListContext } from '../../contexts';
+// Component Imports
+import FormSection from '../Form/FormSection';
 
 /**
  * DeleteClientModal Component - Component that allows users to delete other user's
@@ -20,45 +27,82 @@ import CheckIcon from '@mui/icons-material/Check';
 
 const DeleteClientModal = ({
   showDeleteClientModal,
-  setShowClientDeleteModal,
-  client,
-  handleDeleteClient
-}) => (
-  <Dialog
-    open={showDeleteClientModal}
-    aria-labelledby="dialog-title"
-    aria-describedby="dialog-description"
-    onClose={() => setShowClientDeleteModal(false)}
-  >
-    <DialogTitle id="dialog-tile">Delete Client?</DialogTitle>
+  setShowDeleteClientModal,
+  selectedClientToDelete
+}) => {
+  const { state, dispatch } = useStatusNotification();
+  const { removeUser } = useContext(UserListContext);
 
-    <DialogContent>
-      <DialogContentText id="dialog-description">
-        {`You're about to delete ${client.person} from your client list, do you wish to continue?`}
-      </DialogContentText>
-    </DialogContent>
+  // Event handler for deleting client from client list
+  const handleDeleteClient = async (event) => {
+    event.preventDefault();
+    runNotification(
+      `Deleting "${selectedClientToDelete.person}" from client list...`,
+      3,
+      state,
+      dispatch
+    );
+    try {
+      await removeUser(selectedClientToDelete);
+      // get it to show this deleted notification
+    } finally {
+      runNotification(
+        `"${selectedClientToDelete.person}" deleted from client list...`,
+        3,
+        state,
+        dispatch
+      );
+      setTimeout(() => {
+        setShowDeleteClientModal(false);
+      }, 1000);
+    }
+  };
 
-    <DialogActions>
-      <Button
-        variant="outlined"
-        color="error"
-        endIcon={<ClearIcon />}
-        onClick={() => setShowClientDeleteModal(false)}
+  return (
+    <Dialog
+      open={showDeleteClientModal}
+      aria-labelledby="dialog-title"
+      aria-describedby="dialog-description"
+      onClose={() => setShowDeleteClientModal(false)}
+    >
+      <FormSection
+        title="Delete Client"
+        state={state}
+        statusType="Status"
+        defaultMessage="To be deleted..."
       >
-        CANCEL
-      </Button>
+        <form onSubmit={handleDeleteClient} autoComplete="off">
+          <DialogContent>
+            <DialogContentText id="dialog-description">
+              {`You're about to delete ${selectedClientToDelete?.person} from your client list, do you wish to continue?`}
+            </DialogContentText>
+          </DialogContent>
 
-      <Button
-        variant="contained"
-        color="primary"
-        endIcon={<CheckIcon />}
-        sx={{ marginLeft: '1rem' }}
-        onClick={handleDeleteClient}
-      >
-        DELETE CLIENT
-      </Button>
-    </DialogActions>
-  </Dialog>
-);
+          <DialogActions>
+            <Button
+              variant="outlined"
+              color="error"
+              endIcon={<ClearIcon />}
+              onClick={() => setShowDeleteClientModal(false)}
+            >
+              CANCEL
+            </Button>
+
+            <Button
+              type="submit"
+              variant="contained"
+              color="primary"
+              endIcon={<CheckIcon />}
+              disabled={state.processing}
+              sx={{ marginLeft: '1rem' }}
+            >
+              DELETE CLIENT
+            </Button>
+          </DialogActions>
+        </form>
+      </FormSection>
+    </Dialog>
+  );
+};
 
 export default DeleteClientModal;

From 674a0d589da6ee57bd289288e51ad970ac1af44f Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Wed, 5 Jul 2023 13:41:26 -0700
Subject: [PATCH 224/304] moving DeleteClientModal from table row to just the
 table

---
 src/components/Clients/ClientListTable.jsx    |  75 ++++++-----
 src/components/Clients/ClientListTableRow.jsx | 117 ++++++++----------
 src/routes/Clients.jsx                        |   6 +-
 3 files changed, 101 insertions(+), 97 deletions(-)

diff --git a/src/components/Clients/ClientListTable.jsx b/src/components/Clients/ClientListTable.jsx
index b8e02ef83..87d04ec48 100644
--- a/src/components/Clients/ClientListTable.jsx
+++ b/src/components/Clients/ClientListTable.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 // Material UI Imports
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
@@ -12,8 +12,8 @@ import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { UserListContext } from '../../contexts';
 // Component Imports
-import { StatusNotification } from '../Notification';
 import ClientListTableRow from './ClientListTableRow';
+import DeleteClientModal from './DeleteClientModal';
 import { StyledTableCell } from '../Table/TableStyles';
 
 // ===== MAKE CHANGES HERE FOR TABLE HEADER / COLUMN TITLES =====
@@ -26,39 +26,52 @@ const columnTitlesArray = ['Select', 'Client', 'WebID', 'Pin', 'Delete'];
  * @name ClientListTable
  */
 
-const ClientListTable = ({ statusType, defaultMessage }) => {
+const ClientListTable = () => {
   const { state, dispatch } = useStatusNotification();
   const { userListObject } = useContext(UserListContext);
+  // state for DeleteClientModal component
+  const [showDeleteClientModal, setShowDeleteClientModal] = useState(false);
+  // state for selected client to delete
+  const [selectedClientToDelete, setSelectedClientToDelete] = useState(null);
 
   return (
-    <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
-      <Table aria-label="client list table">
-        <TableHead>
-          <TableRow>
-            {columnTitlesArray.map((columnTitle) => (
-              <StyledTableCell key={columnTitle} align="center">
-                {columnTitle}
-              </StyledTableCell>
-            ))}
-          </TableRow>
-        </TableHead>
-        <TableBody>
-          {userListObject?.userList.map((client, index) => {
-            const labelId = `clientlist-checkbox-${index}`;
-            return (
-              <ClientListTableRow
-                key={client.webId}
-                labelId={labelId}
-                client={client}
-                state={state}
-                dispatch={dispatch}
-              />
-            );
-          })}
-        </TableBody>
-      </Table>
-      <StatusNotification state={state} statusType={statusType} defaultMessage={defaultMessage} />
-    </TableContainer>
+    <>
+      <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
+        <Table aria-label="client list table">
+          <TableHead>
+            <TableRow>
+              {columnTitlesArray.map((columnTitle) => (
+                <StyledTableCell key={columnTitle} align="center">
+                  {columnTitle}
+                </StyledTableCell>
+              ))}
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {userListObject?.userList.map((client, index) => {
+              const labelId = `clientlist-checkbox-${index}`;
+              return (
+                <ClientListTableRow
+                  key={client.webId}
+                  labelId={labelId}
+                  client={client}
+                  state={state}
+                  dispatch={dispatch}
+                  setShowDeleteClientModal={setShowDeleteClientModal}
+                  setSelectedClientToDelete={setSelectedClientToDelete}
+                />
+              );
+            })}
+          </TableBody>
+        </Table>
+      </TableContainer>
+      {/* modal/popup renders when showDeleteClientModal state is true */}
+      <DeleteClientModal
+        showDeleteClientModal={showDeleteClientModal}
+        setShowDeleteClientModal={setShowDeleteClientModal}
+        selectedClientToDelete={selectedClientToDelete}
+      />
+    </>
   );
 };
 
diff --git a/src/components/Clients/ClientListTableRow.jsx b/src/components/Clients/ClientListTableRow.jsx
index 514f73c7d..cf0d62966 100644
--- a/src/components/Clients/ClientListTableRow.jsx
+++ b/src/components/Clients/ClientListTableRow.jsx
@@ -11,10 +11,8 @@ import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
 // Utility Imports
 import { runNotification } from '../../utils';
 // Context Imports
-import { SelectedUserContext, UserListContext } from '../../contexts';
+import { SelectedUserContext } from '../../contexts';
 import { StyledTableCell, StyledTableRow } from '../Table/TableStyles';
-// Component Imports
-import DeleteClientModal from './DeleteClientModal';
 
 /**
  * ClientListTableRow Component - Component that generates the individual table
@@ -25,12 +23,17 @@ import DeleteClientModal from './DeleteClientModal';
  */
 
 // determine what gets rendered in the table body
-const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
+const ClientListTableRow = ({
+  labelId,
+  client,
+  state,
+  dispatch,
+  setShowDeleteClientModal,
+  setSelectedClientToDelete
+}) => {
   const theme = useTheme();
   const { selectedUser, setSelectedUser } = useContext(SelectedUserContext);
-  const { removeUser } = useContext(UserListContext);
   const [pinned, setPinned] = useState(false);
-  const [showDeleteClientModal, setShowClientDeleteModal] = useState(false);
 
   // determine what icon gets rendered in the pinned column
   const pinnedIcon = pinned ? <PushPinIcon color="secondary" /> : <PushPinOutlinedIcon />;
@@ -47,70 +50,58 @@ const ClientListTableRow = ({ labelId, client, state, dispatch }) => {
     setSelectedUser(clientToSelect);
   };
 
-  // Event handler for deleting client from client list
-  const handleDeleteClient = async () => {
-    setShowClientDeleteModal(false);
-    runNotification(`Deleting "${client.person}" from client list...`, 3, state, dispatch);
-    await removeUser(client);
-    runNotification(`"${client.person}" deleted from client list...`, 3, state, dispatch);
-  };
-
   // Event handler for pinning client to top of table
   // ***** TODO: Add in moving pinned row to top of table
   const handlePinClick = () => {
     setPinned(!pinned);
   };
 
-  return (
-    <>
-      <StyledTableRow>
-        <StyledTableCell align="center">
-          <Checkbox
-            id={labelId}
-            color="primary"
-            checked={selectedUser.webId === client.webId}
-            inputProps={{
-              'aria-labelledby': labelId
-            }}
-            onClick={() => {
-              handleSelectClient(client);
-            }}
-          />
-        </StyledTableCell>
-        <StyledTableCell align="center">{client.person}</StyledTableCell>
-        {/* ***** TODO: Switch this webId to being a small Notes section */}
-        {/* seems having a link or even displaying another user's pod is completely useless/irrelevant */}
-        {/* see no reason it would ever need to be used, but notes/comments will be of utmost importance to caseworkers */}
-        <StyledTableCell align="center">
-          <Link
-            to={client.webId}
-            target="_blank"
-            rel="noreferrer"
-            style={{ textDecoration: 'none', color: theme.palette.primary.dark }}
-          >
-            Link to Pod Profile
-          </Link>
-        </StyledTableCell>
-        <StyledTableCell align="center">
-          <IconButton size="large" edge="end" onClick={handlePinClick}>
-            {pinnedIcon}
-          </IconButton>
-        </StyledTableCell>
-        <StyledTableCell align="center">
-          <IconButton size="large" edge="end" onClick={() => setShowClientDeleteModal(true)}>
-            <DeleteOutlineOutlinedIcon />
-          </IconButton>
-        </StyledTableCell>
-      </StyledTableRow>
+  // Event handler for deleting a client from client list
+  const handleSelectClientToDelete = () => {
+    setSelectedClientToDelete(client);
+    setShowDeleteClientModal(true);
+  };
 
-      {/* modal/popup renders when showDeleteClientModal state is true */}
-      <DeleteClientModal
-        showDeleteClientModal={showDeleteClientModal}
-        setShowClientDeleteModal={setShowClientDeleteModal}
-        client={client}
-        handleDeleteClient={handleDeleteClient}
-      />
-    </>
+  return (
+    <StyledTableRow>
+      <StyledTableCell align="center">
+        <Checkbox
+          id={labelId}
+          color="primary"
+          checked={selectedUser.webId === client.webId}
+          inputProps={{
+            'aria-labelledby': labelId
+          }}
+          onClick={() => {
+            handleSelectClient(client);
+          }}
+        />
+      </StyledTableCell>
+      <StyledTableCell align="center">{client.person}</StyledTableCell>
+      {/* ***** TODO: Switch this webId to being a small Notes section */}
+      {/* seems having a link or even displaying another user's pod is completely useless/irrelevant */}
+      {/* see no reason it would ever need to be used, but notes/comments will be of utmost importance to caseworkers */}
+      <StyledTableCell align="center">
+        <Link
+          to={client.webId}
+          target="_blank"
+          rel="noreferrer"
+          style={{ textDecoration: 'none', color: theme.palette.primary.dark }}
+        >
+          Link to Pod Profile
+        </Link>
+      </StyledTableCell>
+      <StyledTableCell align="center">
+        <IconButton size="large" edge="end" onClick={handlePinClick}>
+          {pinnedIcon}
+        </IconButton>
+      </StyledTableCell>
+      <StyledTableCell align="center">
+        <IconButton size="large" edge="end" onClick={handleSelectClientToDelete}>
+          <DeleteOutlineOutlinedIcon />
+        </IconButton>
+      </StyledTableCell>
+    </StyledTableRow>
   );
 };
 
diff --git a/src/routes/Clients.jsx b/src/routes/Clients.jsx
index 7576fe415..c5a7c4ebd 100644
--- a/src/routes/Clients.jsx
+++ b/src/routes/Clients.jsx
@@ -7,8 +7,7 @@ import AddIcon from '@mui/icons-material/Add';
 import Button from '@mui/material/Button';
 import Container from '@mui/material/Container';
 // Component Imports
-import AddClientModal from '../components/Clients/AddClientModal';
-import ClientList from '../components/Clients/ClientList';
+import { AddClientModal, ClientList } from '../components/Clients';
 
 /**
  * Clients Component - Component that generates Clients Page for PASS
@@ -38,7 +37,8 @@ const Clients = () => {
         Add Client
       </Button>
       <ClientList />
-      {/* modal/popup renders when showConfirmationModal state is true */}
+
+      {/* modal/popup renders when showAddClientModal state is true */}
       <AddClientModal
         showAddClientModal={showAddClientModal}
         setShowAddClientModal={setShowAddClientModal}

From 5461651f781b36a37454f3e9c104636b00349e1b Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 5 Jul 2023 14:09:27 -0700
Subject: [PATCH 225/304] Reformatting modals, creating Modal subfolder

---
 src/components/Clients/index.js               |  3 +-
 src/components/Form/DocumentSelection.jsx     |  2 +-
 src/components/Form/FormSection.jsx           |  6 +-
 src/components/Form/index.js                  |  3 +-
 src/components/LogoutModal/index.js           |  9 ---
 .../{Clients => Modals}/AddClientModal.jsx    | 29 +++++--
 .../{LogoutModal => Modals}/LogoutModal.jsx   |  0
 .../{Form => Modals}/UploadDocumentModal.jsx  | 78 ++++++++++---------
 src/components/Modals/index.js                | 11 +++
 src/components/NavBar/NavBar.jsx              |  2 +-
 src/routes/Clients.jsx                        |  2 +-
 src/routes/Documents.jsx                      |  7 +-
 12 files changed, 85 insertions(+), 67 deletions(-)
 delete mode 100644 src/components/LogoutModal/index.js
 rename src/components/{Clients => Modals}/AddClientModal.jsx (89%)
 rename src/components/{LogoutModal => Modals}/LogoutModal.jsx (100%)
 rename src/components/{Form => Modals}/UploadDocumentModal.jsx (79%)
 create mode 100644 src/components/Modals/index.js

diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index 17188db49..aeefb5edc 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -1,4 +1,3 @@
-import AddClientModal from './AddClientModal';
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
 
@@ -8,4 +7,4 @@ import ClientListTable from './ClientListTable';
  * @namespace Clients
  */
 
-export { AddClientModal, ClientList, ClientListTable };
+export { ClientList, ClientListTable };
diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index 2e01c31ca..f821a51be 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -18,7 +18,7 @@ import DOC_TYPES from '../../constants/doc_types';
  */
 
 const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
-  <Box sx={{ marginTop: '20px' }}>
+  <Box>
     <FormControl sx={{ width: 220 }} required>
       <InputLabel id={`${htmlForAndIdProp}-label`}>Select Document Type</InputLabel>
       <Select
diff --git a/src/components/Form/FormSection.jsx b/src/components/Form/FormSection.jsx
index 8fbe29723..25b1ecdbe 100644
--- a/src/components/Form/FormSection.jsx
+++ b/src/components/Form/FormSection.jsx
@@ -23,14 +23,14 @@ import { StatusNotification } from '../Notification';
 const FormSection = ({ title, state, statusType, defaultMessage, children }) => (
   <Box
     sx={{
-      marginTop: 3,
+      marginTop: 1,
       display: 'inline-block',
       flexDirection: 'column',
       justifyContent: 'center',
       alignItems: 'center',
-      mx: '5px',
+      mx: '3px',
       padding: '20px',
-      minWidth: '350px',
+      minWidth: '50%',
       boxShadow: 2
     }}
   >
diff --git a/src/components/Form/index.js b/src/components/Form/index.js
index 8990552d4..22c29ea42 100644
--- a/src/components/Form/index.js
+++ b/src/components/Form/index.js
@@ -1,4 +1,3 @@
-import UploadDocumentModal from './UploadDocumentModal';
 import SetAclPermissionForm from './SetAclPermissionForm';
 import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
 /**
@@ -8,4 +7,4 @@ import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
  * @namespace Forms
  */
 
-export { UploadDocumentModal, SetAclPermissionForm, SetAclPermsDocContainerForm };
+export { SetAclPermissionForm, SetAclPermsDocContainerForm };
diff --git a/src/components/LogoutModal/index.js b/src/components/LogoutModal/index.js
deleted file mode 100644
index 5532bcd43..000000000
--- a/src/components/LogoutModal/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import LogoutModal from './LogoutModal';
-
-/**
- * Components and functions related to Logout functionality within project PASS
- *
- * @namespace Logout
- */
-
-export default { LogoutModal };
diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Modals/AddClientModal.jsx
similarity index 89%
rename from src/components/Clients/AddClientModal.jsx
rename to src/components/Modals/AddClientModal.jsx
index 5bc8dbd80..40ddf849e 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Modals/AddClientModal.jsx
@@ -6,9 +6,12 @@ import { useSession } from '@inrupt/solid-ui-react';
 import Button from '@mui/material/Button';
 import CheckIcon from '@mui/icons-material/Check';
 import ClearIcon from '@mui/icons-material/Clear';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import FormControl from '@mui/material/FormControl';
+import IconButton from '@mui/material/IconButton';
+import InputAdornment from '@mui/material/InputAdornment';
 import TextField from '@mui/material/TextField';
 // Utility Imports
 import { ENV } from '../../constants';
@@ -140,6 +143,7 @@ const AddClientModal = ({ showModal, setShowModal }) => {
         <form onSubmit={handleAddClient} autoComplete="off">
           <FormControl fullWidth>
             <TextField
+              margin="normal"
               id="add-user-given-name"
               name="addUserGivenName"
               label="First/given name"
@@ -151,9 +155,8 @@ const AddClientModal = ({ showModal, setShowModal }) => {
               autoFocus
             />
           </FormControl>
-          <br />
-          <br />
           <TextField
+            margin="normal"
             id="add-user-last-name"
             name="addUserFamilyName"
             label="Last/family name"
@@ -163,9 +166,8 @@ const AddClientModal = ({ showModal, setShowModal }) => {
             required
             fullWidth
           />
-          <br />
-          <br />
           <TextField
+            margin="normal"
             id="add-username"
             name="addUsername"
             label="username"
@@ -175,9 +177,8 @@ const AddClientModal = ({ showModal, setShowModal }) => {
             required
             fullWidth
           />
-          <br />
-          <br />
           <TextField
+            margin="normal"
             id="add-webId"
             name="addWebId"
             placeholder="WebId"
@@ -188,9 +189,21 @@ const AddClientModal = ({ showModal, setShowModal }) => {
               setWebId(e.target.value);
             }}
             fullWidth
+            InputProps={{
+              endAdornment: (
+                <InputAdornment position="end">
+                  <IconButton
+                    aria-label="toggle password visibility"
+                    // onClick={}
+                    // onMouseDown={}
+                    edge="end"
+                  >
+                    <ContentCopyIcon />
+                  </IconButton>
+                </InputAdornment>
+              )
+            }}
           />
-          <br />
-          <br />
           <DialogActions>
             <Button
               variant="outlined"
diff --git a/src/components/LogoutModal/LogoutModal.jsx b/src/components/Modals/LogoutModal.jsx
similarity index 100%
rename from src/components/LogoutModal/LogoutModal.jsx
rename to src/components/Modals/LogoutModal.jsx
diff --git a/src/components/Form/UploadDocumentModal.jsx b/src/components/Modals/UploadDocumentModal.jsx
similarity index 79%
rename from src/components/Form/UploadDocumentModal.jsx
rename to src/components/Modals/UploadDocumentModal.jsx
index 7ddb8a03f..690f3b286 100644
--- a/src/components/Form/UploadDocumentModal.jsx
+++ b/src/components/Modals/UploadDocumentModal.jsx
@@ -5,11 +5,11 @@ import BackspaceOutlined from '@mui/icons-material/BackspaceOutlined';
 import Button from '@mui/material/Button';
 import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
 import FileUploadIcon from '@mui/icons-material/FileUpload';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormHelperText from '@mui/material/FormHelperText';
-import IconButton from '@mui/material/IconButton';
 import SearchIcon from '@mui/icons-material/Search';
 import Switch from '@mui/material/Switch';
 import TextField from '@mui/material/TextField';
@@ -21,8 +21,8 @@ import { runNotification } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
+import DocumentSelection from '../Form/DocumentSelection';
+import FormSection from '../Form/FormSection';
 import { DocumentListContext } from '../../contexts';
 
 /**
@@ -108,9 +108,6 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
         defaultMessage="To be uploaded..."
       >
         <form onSubmit={handleDocUpload} autoComplete="off">
-          <IconButton onClick={() => setShowModal(false)} sx={{ float: 'right' }}>
-            <ClearIcon fontSize="large" />
-          </IconButton>
           <FormControl fullWidth>
             <FormControlLabel
               control={<Switch />}
@@ -120,27 +117,28 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               checked={verifyFile}
               onChange={() => setVerifyFile(!verifyFile)}
             />
-            <DocumentSelection
-              htmlForAndIdProp="upload-doc"
-              handleDocType={handleDocType}
-              docType={docType}
-            />
-            <br />
-            <LocalizationProvider dateAdapter={AdapterDayjs}>
-              <DatePicker
-                name="date"
-                format="MM/DD/YYYY"
-                label="Expiration Date"
-                value={expireDate}
-                onChange={(newExpireDate) => setExpireDate(newExpireDate)}
-                type="date"
+            <DialogActions>
+              <DocumentSelection
+                htmlForAndIdProp="upload-doc"
+                handleDocType={handleDocType}
+                docType={docType}
               />
-            </LocalizationProvider>
-            <br />
+
+              <LocalizationProvider dateAdapter={AdapterDayjs}>
+                <DatePicker
+                  name="date"
+                  format="MM/DD/YYYY"
+                  label="Expiration Date"
+                  value={expireDate}
+                  onChange={(newExpireDate) => setExpireDate(newExpireDate)}
+                  type="date"
+                />
+              </LocalizationProvider>
+            </DialogActions>
             <TextField
               name="description"
               multiline
-              rows={4}
+              rows={3}
               label="Enter Description"
               value={docDescription}
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
@@ -153,7 +151,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               type="button"
               color="secondary"
               onClick={clearInputFields}
-              endIcon={<BackspaceOutlined />}
+              startIcon={<BackspaceOutlined />}
             >
               Clear Form
             </Button>
@@ -181,17 +179,27 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             >
               File to upload: {file ? file.name : 'No file selected'}
             </FormHelperText>
-            <br />
-            <Button
-              variant="contained"
-              disabled={state.processing || !file}
-              type="submit"
-              color="primary"
-              startIcon={<FileUploadIcon />}
-              fullWidth
-            >
-              Upload
-            </Button>
+            <DialogActions>
+              <Button
+                variant="outlined"
+                color="error"
+                startIcon={<ClearIcon />}
+                onClick={() => setShowModal(false)}
+                fullWidth
+              >
+                CANCEL
+              </Button>
+              <Button
+                variant="contained"
+                disabled={state.processing || !file}
+                type="submit"
+                color="primary"
+                startIcon={<FileUploadIcon />}
+                fullWidth
+              >
+                Upload
+              </Button>
+            </DialogActions>
           </FormControl>
         </form>
       </FormSection>
diff --git a/src/components/Modals/index.js b/src/components/Modals/index.js
new file mode 100644
index 000000000..8ccad9d1d
--- /dev/null
+++ b/src/components/Modals/index.js
@@ -0,0 +1,11 @@
+import AddClientModal from './AddClientModal';
+import LogoutModal from './LogoutModal';
+import UploadDocumentModal from './UploadDocumentModal';
+
+/**
+ * Modals related to various functionality within project PASS
+ *
+ * @namespace Modals
+ */
+
+export { AddClientModal, LogoutModal, UploadDocumentModal };
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 48ecdbe12..623357ab4 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -16,7 +16,7 @@ import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
 // Component Imports
-import LogoutModal from '../LogoutModal/LogoutModal';
+import LogoutModal from '../Modals/LogoutModal';
 import NavbarLinks from './NavbarLinks';
 import NavMenu from './NavMenu';
 import OidcLoginComponent from './OidcLoginComponent';
diff --git a/src/routes/Clients.jsx b/src/routes/Clients.jsx
index 7deacb67c..43cf0b7ae 100644
--- a/src/routes/Clients.jsx
+++ b/src/routes/Clients.jsx
@@ -7,7 +7,7 @@ import AddIcon from '@mui/icons-material/Add';
 import Button from '@mui/material/Button';
 import Container from '@mui/material/Container';
 // Component Imports
-import AddClientModal from '../components/Clients/AddClientModal';
+import AddClientModal from '../components/Modals/AddClientModal';
 import ClientList from '../components/Clients/ClientList';
 
 /**
diff --git a/src/routes/Documents.jsx b/src/routes/Documents.jsx
index 485a2b912..a1bac53e4 100644
--- a/src/routes/Documents.jsx
+++ b/src/routes/Documents.jsx
@@ -8,11 +8,8 @@ import Button from '@mui/material/Button';
 import Remove from '@mui/icons-material/Remove';
 import Typography from '@mui/material/Typography';
 // Component Imports
-import {
-  UploadDocumentModal,
-  SetAclPermissionForm,
-  SetAclPermsDocContainerForm
-} from '../components/Form';
+import { SetAclPermissionForm, SetAclPermsDocContainerForm } from '../components/Form';
+import UploadDocumentModal from '../components/Modals/UploadDocumentModal';
 import { SelectedUserContext, SignedInUserContext } from '../contexts';
 import DocumentTable from '../components/Documents/DocumentTable';
 

From 6469c56e974f98009637bc61ec6dd93c83c412d2 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 5 Jul 2023 15:21:00 -0700
Subject: [PATCH 226/304] formatting and content changes to all documentation
 files

---
 CHANGELOG.md         |  2 +-
 README.md            | 24 +++++++-----------------
 docs/CONTRIBUTING.md | 44 +++++++++++++++++++-------------------------
 docs/RESOURCES.MD    | 13 +++++++++++--
 docs/ROADMAP.MD      | 36 ++++++++++++++++++++++--------------
 5 files changed, 60 insertions(+), 59 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 03c1708ce..12280a794 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -37,7 +37,7 @@
 - Updated all relevant components/functions using createDocAclForUser with new setDocAclForUser function (#183)
 - Optimized session-core functions (#183)
 - Included new JSDoc for new barcode scanner functions (#179)
-- Updated clearDoc.js and .gitignore to accomedate for new ZXing_barcaode.md (#179)
+- Updated clearDoc.js and .gitignore to accommodate for new ZXing_barcode.md (#179)
 - Organized utils directory into 4 subdirectories and rerouted import paths (#171)
 - Refactored contexts for userList from session-core to src/modal-helpers (#169)
 - Replaced removeKeys function with localStorage.clear (#167)
diff --git a/README.md b/README.md
index 3a0455ea0..0e94e9960 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@
 [![Contributors](https://img.shields.io/github/contributors/codeforpdx/pass)](https://github.com/codeforpdx/PASS/graphs/contributors)
 ![Latest Commit](https://img.shields.io/github/last-commit/codeforpdx/PASS/Development)
 
-PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process.
+PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS additionally aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process. 
 
 # Table of Contents
 
@@ -22,9 +22,7 @@ PASS is an open source digital wallet for providing home insecure individuals a
        - [Usage](#usage)
 3.  [Contribution Guidelines](#contribution-guidelines)
 4.  [Contributors](#contributors)
-5.  [Tech Stack](#tech-stack)
-6.  [Additional Resources](#additional-resources)
-       - [RDF and TTL](#rdf-and-ttl)
+5.  [Tech Stack and Additional Resources](./docs/RESOURCES.md)
 
 ---
 <h2 id="setup-instructions">1.🔧 Setup Instructions </h2>
@@ -59,7 +57,7 @@ PASS is an open source digital wallet for providing home insecure individuals a
    ```
       npm run dev
    ```
-9. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
+8. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
 **[⬆️ Back to Top](#PASS)**
 
@@ -116,14 +114,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ---
 
-<h2 id="tech-stack">4. 🧪 Tech Stack</h2>
-- further details on tech used [here](./docs/RESOURCES.MD)
-  
-**[⬆️ Back to Top](#PASS)**
-
----
-
-<h2 id="contributors">5. 💻 Contributors</h2>
+<h2 id="contributors">4. 💻 Contributors</h2>
 
 | Development Team | UI Team     | UX Team     | Project Management Team |
 | ---------------- | ----------- | ----------- | ----------------------- |
@@ -141,13 +132,12 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 \* Active Contributors
 
-**[⬆️ Back to Top](#PASS)**
-
 ---
 
-<h2 id="Additional Resources">6. 📀Additional Resources</h2>
+<h2 id="tech-stack">5. 🧪 Tech Stack</h2>
+
+- further details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
 
-- described in detail in [resources.md](./docs/RESOURCES.MD)
 
 **[⬆️ Back to Top](#PASS)**
 
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 7722bfcb5..bb7200ebe 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -2,7 +2,7 @@
 
 ## Project summary
 
-PASS is a decentralized application to enable home insecure individuals to electronically securely store their documents. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents.
+PASS is a decentralized application to enable home insecure individuals to electronically securely store their documents. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents allowing them to always remain in control of their data.
 
 ## Tech Stack Overview
 
@@ -14,25 +14,26 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 ## Get started
 
-1. Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org
-2. Post your GitHub name in the [**#github-access-request**](https://discord.com/channels/1068260532806766733/1078124139983945858) channel and we’ll add you to our [GitHub](https://github.com/codeforpdx/PASS). Even if you don't plan on writing code for the project, please have Hugh get you connected to our GitHub. We keep track of technical and non-technical tasks in [GitHub Projects](https://github.com/orgs/codeforpdx/projects/3).
-3. Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can send that info to Flo privately if you are more comfortable with that.
-4. Our project is broken into three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet.
-5. Reach out to Flo (Project Manager) on Discord or florian@codeforpdx.org to introduce yourself and share how you wish to contribute.
+1. Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
+2. (optional) Say hello in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) take make the team aware of your presence. 
+3. Post your GitHub name in the [**#github-access-request**](https://discord.com/channels/1068260532806766733/1078124139983945858) channel and we’ll add you to our [GitHub](https://github.com/codeforpdx/PASS). We keep track of technical and non-technical tasks in [GitHub Projects](https://github.com/orgs/codeforpdx/projects/3).
+4. Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can also request access privately from Flo -- florian@codeforpdx.org.
+5. Our project is broken into three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet.
+6. Reach out to Flo (Project Manager) on Discord or florian@codeforpdx.org to introduce yourself and share how you wish to contribute.
 
-## Ready to contribute?
+## Ready to contribute? Start by cloning the repo
 
-1. Get our github project cloned to your local computer in whatever IDE you prefer. If you are new to Git/GitHub, We have links to learn more as you go. You can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
-
-- Open terminal
-- Change working directory to the location where you want the cloned directory.
-- `git clone https://github.com/codeforpdx/PASS.git` [learn more about git clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository?platform=linux)
-- `git remote add origin https://github.com/codeforpdx/PASS.git` [learn more about git remote](https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories)
+1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub, We have links to learn more as you go. You can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
+   - Open terminal
+   - Change working directory to the location where you want the cloned directory.
+   - `git clone https://github.com/codeforpdx/PASS.git` [learn more about git clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository?platform=linux)
+   - `git remote add origin https://github.com/codeforpdx/PASS.git` [learn more about git remote](https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories)
 
 2. Once you have PASS cloned to your local system, read the [React Documentation](/docs/README.md). Follow the instructions to open JSDocs and review forms, hooks, utils and solid_identity_provider tabs. This will give you a great initial breakdown of the project functions.
+3. Setup instructions once cloning is complete can be found in the [readme](../README.md)
 
 ## Our development process
-
+  After cloning the repo and setting up your dev environment 
 1. Follow step one under **Ready to contribute?**
 2. Create a new branch to work on your feature:
 
@@ -47,16 +48,16 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 6. Make a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to Development branch. Request reviews from members of the team - you’ll need their approval to merge. \*\*Make sure to close your branch once merged.
 
 - Good people to ask for reviews:
-  - Development -- Jared Krajewski, Ka Hung L., Kevin M., Tim S., Scott B.
-  - Documentation -- Danica, Flo(rian)
+  - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
+  - Documentation -- Danica, Florian(flo), Jared K
 - When in doubt, ask more people for reviews!
 - Include screenshots whenever you’re building a frontend feature.
 
-7. If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback. Request reviews from the appropriate people above.
+1. If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback. Request reviews from the appropriate people above.
 
 ## Feeling Lost?
 
-Our developers will occasionally hang out in the _#pass voice channel_ on Discord while working on the project. If you ever see people in there, feel free to hop in and ask questions. Consider it office hours.
+Our developers will occasionally hang out in the [PASS voice chat](https://discord.com/channels/1068260532806766733/1106779713793433730) on Discord while working on the project. If you ever see people in there, feel free to hop in and ask questions. Consider it office hours.
 
 ## Introductory PASS Readings
 
@@ -64,10 +65,3 @@ Our developers will occasionally hang out in the _#pass voice channel_ on Discor
 - [PASS Team, Scheduled Meetings and Current Tasks](https://docs.google.com/document/d/19U2QseBXbv_KmWSAjZvch5n-5L5E66dxPuUTiytDi3I/edit?usp=share_link)
 - [PASS User Flow](https://docs.google.com/presentation/d/18tU0o2jW6bZUt8ayMk1Uju3Fe52O4hVl2Ii2JGmiORQ/edit?usp=share_link)
 - [PASS Architecture](https://docs.google.com/document/d/19v5D-nhSGQYrjMkck64w0jmCgQtLcHQhUcmvJzUkbhg/edit?usp=share_link)
-
-## Similar Projects
-
-- [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).
-- [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
-- [Digita](https://www.youtube.com/@Digita-ai) — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
-  - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.
diff --git a/docs/RESOURCES.MD b/docs/RESOURCES.MD
index a8d64708a..6ac0265f7 100644
--- a/docs/RESOURCES.MD
+++ b/docs/RESOURCES.MD
@@ -1,5 +1,5 @@
 ## PASS Development Resources and Tech Stack
-![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
+
 -  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
 -  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
 -  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)
@@ -14,10 +14,11 @@
 - <a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
 -  <a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
 - 🗒️  [JSDoc](https://jsdoc.app/)
+  ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
 
 ---
 
-<h2 id="Additional Resources">📀Additional Resources</h2>
+## Additional Resources
 
 - [Google Slide intro to data management with solid](https://docs.google.com/presentation/d/1eMMB0Wd6lWin4BJPK4Vv3xwqAqVyURhvRlD8oxNi-3s/edit?usp=sharing)
 
@@ -34,3 +35,11 @@
    There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and data types. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
 
    With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
+
+## Similar Projects
+
+- [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).
+- [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
+- [Digita](https://www.youtube.com/@Digita-ai) — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
+  - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.
+
diff --git a/docs/ROADMAP.MD b/docs/ROADMAP.MD
index 9291cb19d..e38d68619 100644
--- a/docs/ROADMAP.MD
+++ b/docs/ROADMAP.MD
@@ -1,26 +1,27 @@
-# Purpose
+# Purpose of PASS and MVP Outline
+
 The ultimate purpose of this project is to create a decentralized, federated system that puts users in control of their own data. Primarily home-insecure individuals who are most at risk of losing their important documents. We have validated through the Portland State University Homelessness Research & Action Collaborative (HRAC) that keeping important documents safe and available is a major problem of the housing insecure community and there are no good offerings today. 
 
 Similar efforts are being done in Baltimore, New York, and Los Angeles, as well as internationally, but they have yet to show success. None of them, though, have attempted to design a decentralized, federated system.
 In discussions with Baltimore, they said they had a great deal of help from their local Lived Experience Committee team. Multnomah has a similar team https://www.multco.us/johs/lived-experience-advisory-committee. 
 
 If we wish for a project of this complexity to succeed, we will need the advice and support of people like the Lived Experience Advisory Committee to guide its development. However, it will be difficult to gain their support if we do not clearly demonstrate that a product like PASS is both:
-
-Technically possible
-Actually useful
+`Technically possible & Actually useful`
 
 The goal of this MVP is to provide such a demonstration. It will not be a complete or marketable app, but it does need to be strong, stable, and clean enough to be understandable to the target audience.
 Target User
-The PASS MVP Target User will be a Case Manager. However, in order to best facilitate the work case managers will do in PASS, we will need to handle two other types of user as well: Clients, and Organizations
+The PASS MVP Target User will be a `Case Manager`. However, in order to best facilitate the work case managers will do in PASS, we will need to handle two other types of user as well: `Clients`, and `Organizations`
 
-Case Manager - A social worker who assists individuals experiencing home insecurity in receiving aid. The case manager may work for the government, or for a non-profit or mutual aid organization. The case manager is a professional with no particular computer program who could be working with several clients at a time in a variety of social situations, from stable office work to physically dangerous interactions
+`Case Manager` - A social worker who assists individuals experiencing home insecurity in receiving aid. The case manager may work for the government, or for a non-profit or mutual aid organization. The case manager is a professional with no particular computer program who could be working with several clients at a time in a variety of social situations, from stable office work to physically dangerous interactions
 Client - An individual working with a case manager. The data stored in a PASS pod will belong to the client, and the logic around PASS will be processing the client’s own data. We generally expect clients to be people experiencing home insecurity in need of social support. They may not have a computer of their own, or even a permanent address.
 Organization - A government, non profit, or mutual aid organization to whom the case manager belongs. We can assume the organization is large enough to have a system administrator or tech director who could set up and organize PASS hosting.
 
-Features and Core Flows
+## Features and Core Flows
+
+`Case Manager`
+
+**When a case manager sits down next to a client experiencing home insecurity, the system will be able to:**
 
-## Case Manager
-When a case manager sits down next to a client experiencing home insecurity, the system will be able to:
 Set the client up with a Solid Pod and Web ID
 Create a PASS-specific container in the pod
 Grant the case manager read-append access to the PASS container
@@ -30,12 +31,13 @@ The client’s profile should include an address, but due to their home insecure
 A traditional mailing address
 What Three Words
 Cross Street
-A government address provided by local laws
-Note: The Web ID will be generated and stored by the system. The case manager will not need to interact with it, but the client will need to remember their web ID and password if they want to access their pod themselves later.
+A government address provided by local laws.
+**Note:** The Web ID will be generated and stored by the system. The case manager will not need to interact with it, but the client will need to remember their web ID and password if they want to access their pod themselves later.
 This profile may be stored in the PASS system or on the client's pod
 Automatically add the client’s profile to the case manager’s list of active clients
 
-The case manager should also be able to do the following without needing the client to be present:
+**The case manager should also be able to do the following without needing the client to be present:**
+
 Request additional access permissions to other parts of the client's pod (or parts that were previously revoked)
 Upload documents to the client's pod on behalf of the client
 Take photos of a client’s documents and automatically upload them into PASS
@@ -46,7 +48,10 @@ Take private notes about the client only visible within their organization that
 Message and share notes with other members of their organization
 Use PASS on either desktop or mobile
 
-Client
+---
+
+`Client`
+
 The client should be able to do the following things without needing assistance from the case manager:
 View all files in their pod
 Take all data in their pod from one organization to another, and still have it be readable at the new organization
@@ -58,7 +63,10 @@ Message their case managers
 Access and manage their files outside of PASS so long as they retain pod access
 Use PASS on either a phone or a desktop
 
-Organization
+---
+
+`Organization`
+
 An organization using PASS should be able to:
 Use any Pod server of their choice, hosted locally or by a Cloud Service Provider
 Choose to either host the PASS application themselves, or use an external host

From a115c3c0b86483b1ab7950c6815e0be8469732c4 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 5 Jul 2023 16:41:44 -0700
Subject: [PATCH 227/304] layout and content changes to contributing.md and
 minor formatting and content changes to other documentation

---
 README.md            |  7 ++--
 docs/CONTRIBUTING.md | 94 +++++++++++++++++++++++++++++++++-----------
 docs/RESOURCES.MD    |  7 ++++
 3 files changed, 82 insertions(+), 26 deletions(-)

diff --git a/README.md b/README.md
index 0e94e9960..059dc5a42 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@
 
 PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS additionally aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process. 
 
-# Table of Contents
+# Contents
 
 1.  [Setup Instructions](#setup-instructions)
 2.  [Project Overview](#project-overview)
@@ -91,11 +91,11 @@ In Portland, housing insecure individuals struggle to maintain documents often r
    - Able to share verified documents with clients
    - Will have several users per organization
 
-
 - User registers for a WebID (similar to an email address)
 - User data remains in their pod (which is associated to WebID)
 - User authorizes applications and other users to read/write/control data in pod
-
+- Full product road map [here](docs/ROADMAP.md)
+  
 <h2 id="usage">📱 Usage</h2>
   
 - template area to describe usage
@@ -138,7 +138,6 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 - further details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
 
-
 **[⬆️ Back to Top](#PASS)**
 
 
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index bb7200ebe..1fa375acf 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -1,18 +1,33 @@
-# Welcome to PASS!
-
-## Project summary
+# Contributing to PASS
+
+## Contents
+1. [Project Summary](#1-project-summary)
+2. [Tech Stack & Resources](#2-tech-stack--resources)
+3. [Code of Conduct](#3-code-of-conduct)
+4. [Connect With the Team](#4-connect-with-the-team)
+5. [Development Process](#5-development-process)
+    - [Choosing an Issue](#choosing-an-issue)
+    - [Clone the Repo](#clone-the-repo)
+    - [Submitting a Pull Request]()
+    - [Bug Reporting](#bug-reporting-template)
+    - [Requesting Product Enhancement](#requesting-product-enhancement)
+    - [Testing](#testing)
+    - [Code Styling/Linting](#code-stylinglinting)
+  
+  The development process is still being written in collaboration with active devs
+## 1. Project summary
 
 PASS is a decentralized application to enable home insecure individuals to electronically securely store their documents. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents allowing them to always remain in control of their data.
 
-## Tech Stack Overview
+## 2. Tech Stack & Resources
 
 can be found in [Resources.md](./RESOURCES.md)
 
-## Code of Conduct
+## 3. Code of Conduct
 
-By participating in this project, you are expected to uphold our [Code of Conduct](./CODE_OF_CONDUCT.md). Please make sure to read and understand it before contributing.
+By participating in this project, you are expected to uphold our [Code of Conduct](./CODE_OF_CONDUCT.md). Please make sure to read and understand it before contributing. (code of conduct subject to change)
 
-## Get started
+## 4. Connect With the Team
 
 1. Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
 2. (optional) Say hello in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) take make the team aware of your presence. 
@@ -20,8 +35,15 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 4. Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can also request access privately from Flo -- florian@codeforpdx.org.
 5. Our project is broken into three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet.
 6. Reach out to Flo (Project Manager) on Discord or florian@codeforpdx.org to introduce yourself and share how you wish to contribute.
+7. Our developers will occasionally hang out in the [PASS voice chat](https://discord.com/channels/1068260532806766733/1106779713793433730) on Discord while working on the project. If you ever see people in there, feel free to hop in and ask questions. Consider it office hours.
+
+## 5. Development Process
 
-## Ready to contribute? Start by cloning the repo
+- ## Choosing an Issue
+1. Search through open [issues](https://github.com/codeforpdx/PASS/issues)
+2. Find an issue that interests you
+3. Check if someone is currently working on that issue and if a [pull request](https://github.com/codeforpdx/PASS/pulls) exists.
+- ## Clone the repo
 
 1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub, We have links to learn more as you go. You can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
    - Open terminal
@@ -29,13 +51,10 @@ By participating in this project, you are expected to uphold our [Code of Conduc
    - `git clone https://github.com/codeforpdx/PASS.git` [learn more about git clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository?platform=linux)
    - `git remote add origin https://github.com/codeforpdx/PASS.git` [learn more about git remote](https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories)
 
-2. Once you have PASS cloned to your local system, read the [React Documentation](/docs/README.md). Follow the instructions to open JSDocs and review forms, hooks, utils and solid_identity_provider tabs. This will give you a great initial breakdown of the project functions.
-3. Setup instructions once cloning is complete can be found in the [readme](../README.md)
+2. Once you have PASS cloned to your local system, read the [React Documentation](/docs/README.md). Follow the instructions [here](./README.md) to open JSDocs and review forms, hooks, utils and solid_identity_provider tabs. This will give you a great initial breakdown of the project functions.
+3. Setup instructions to locally run PAS can be found in the [readme](../README.md)
 
-## Our development process
-  After cloning the repo and setting up your dev environment 
-1. Follow step one under **Ready to contribute?**
-2. Create a new branch to work on your feature:
+4. Create a new branch to work on your feature:
 
 - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout)
 
@@ -53,15 +72,46 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 - When in doubt, ask more people for reviews!
 - Include screenshots whenever you’re building a frontend feature.
 
-1. If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback. Request reviews from the appropriate people above.
+-  If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback and request reviews.
+
+- ## Submitting a Pull Request
+1. 
+
+- ## Bug Reporting Template
+Bugs are reported via the git-hub built in issues for the repo https://github.com/codeforpdx/PASS/issues. 
+
+Provide general introduction to the issue logging and why it is relevant. 
+
+```
+**Context**
+[provide more detailed introduction to the issue itself and why it is relevant]
+
+**Process**
+[ordered list the process to finding and recreating the issue, example below]
+- User goes to delete a dataset (to save space or whatever)
+- User gets popup modal warning
+- User deletes and it's lost forever
+
+**Expected result**
+[describe what you would expect to have resulted from this process]
+
+**Current result**
+[describe what you you currently experience from this process, and thereby explain the bug]
+
+**Possible Fix**
+[not obligatory, but suggest fixes or reasons for the bug]
+
+Modal tells the user what dataset is being deleted, like “You are about to delete this dataset: car_crashes_2014.”
+A temporary "Trashcan" where you can recover a just deleted dataset if you mess up (maybe it's only good for a few hours, and then it cleans the cache assuming you made the right decision).
+
+**if relevant, include a screenshot**
+name of issue screenshot
+```
 
-## Feeling Lost?
+- ## Requesting Product Enhancement
 
-Our developers will occasionally hang out in the [PASS voice chat](https://discord.com/channels/1068260532806766733/1106779713793433730) on Discord while working on the project. If you ever see people in there, feel free to hop in and ask questions. Consider it office hours.
+- ## Testing
 
-## Introductory PASS Readings
+- ## Code Styling/Linting
 
-- [PASS Vision, Problem and Solution Statement](https://docs.google.com/document/d/1mK4-nFlpRtnsbDAuoDgSo3Fsoi2_JDfMyU4nuBjnAMo/edit?usp=share_link)
-- [PASS Team, Scheduled Meetings and Current Tasks](https://docs.google.com/document/d/19U2QseBXbv_KmWSAjZvch5n-5L5E66dxPuUTiytDi3I/edit?usp=share_link)
-- [PASS User Flow](https://docs.google.com/presentation/d/18tU0o2jW6bZUt8ayMk1Uju3Fe52O4hVl2Ii2JGmiORQ/edit?usp=share_link)
-- [PASS Architecture](https://docs.google.com/document/d/19v5D-nhSGQYrjMkck64w0jmCgQtLcHQhUcmvJzUkbhg/edit?usp=share_link)
+**[⬆️ Back to Top](#contributing-to-pass)**
\ No newline at end of file
diff --git a/docs/RESOURCES.MD b/docs/RESOURCES.MD
index 6ac0265f7..bc3c4b6e6 100644
--- a/docs/RESOURCES.MD
+++ b/docs/RESOURCES.MD
@@ -36,6 +36,13 @@
 
    With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
 
+## Introductory PASS Readings
+
+- [PASS Vision, Problem and Solution Statement](https://docs.google.com/document/d/1mK4-nFlpRtnsbDAuoDgSo3Fsoi2_JDfMyU4nuBjnAMo/edit?usp=share_link)
+- [PASS Team, Scheduled Meetings and Current Tasks](https://docs.google.com/document/d/19U2QseBXbv_KmWSAjZvch5n-5L5E66dxPuUTiytDi3I/edit?usp=share_link)
+- [PASS User Flow](https://docs.google.com/presentation/d/18tU0o2jW6bZUt8ayMk1Uju3Fe52O4hVl2Ii2JGmiORQ/edit?usp=share_link)
+- [PASS Architecture](https://docs.google.com/document/d/19v5D-nhSGQYrjMkck64w0jmCgQtLcHQhUcmvJzUkbhg/edit?usp=share_link)
+
 ## Similar Projects
 
 - [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).

From 706cb7f4d05fcbb362931927013439be4cbe30fa Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 5 Jul 2023 18:42:36 -0700
Subject: [PATCH 228/304] content changes to development process of
 CONTRIBUTING.md

---
 docs/CONTRIBUTING.md | 49 ++++++++++++++++++++------------------------
 docs/RESOURCES.MD    |  5 ++---
 docs/ROADMAP.MD      |  2 ++
 3 files changed, 26 insertions(+), 30 deletions(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 1fa375acf..27c3db234 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -29,13 +29,13 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 ## 4. Connect With the Team
 
-1. Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
-2. (optional) Say hello in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) take make the team aware of your presence. 
-3. Post your GitHub name in the [**#github-access-request**](https://discord.com/channels/1068260532806766733/1078124139983945858) channel and we’ll add you to our [GitHub](https://github.com/codeforpdx/PASS). We keep track of technical and non-technical tasks in [GitHub Projects](https://github.com/orgs/codeforpdx/projects/3).
-4. Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can also request access privately from Flo -- florian@codeforpdx.org.
-5. Our project is broken into three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet.
-6. Reach out to Flo (Project Manager) on Discord or florian@codeforpdx.org to introduce yourself and share how you wish to contribute.
-7. Our developers will occasionally hang out in the [PASS voice chat](https://discord.com/channels/1068260532806766733/1106779713793433730) on Discord while working on the project. If you ever see people in there, feel free to hop in and ask questions. Consider it office hours.
+-  Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
+-  (optional) Say hello in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) take make the team aware of your presence. 
+-  Post your GitHub name in the [**#github-access-request**](https://discord.com/channels/1068260532806766733/1078124139983945858) channel and we’ll add you to our [GitHub](https://github.com/codeforpdx/PASS). We keep track of technical and non-technical tasks in [GitHub Projects](https://github.com/orgs/codeforpdx/projects/3).
+- Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can also request access privately from Flo -- florian@codeforpdx.org.
+-  Pass is composed of three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet. Bi-weekly in person full group meetings are also back in session!!(details in discord)
+-  Reach out to Flo (Project Manager) on Discord or florian@codeforpdx.org to introduce yourself and share how you wish to contribute.
+-  Our developers will occasionally hang out in the [PASS voice chat](https://discord.com/channels/1068260532806766733/1106779713793433730) on Discord while working on the project. If you ever see people in there, feel free to hop in and ask questions. Consider it office hours.
 
 ## 5. Development Process
 
@@ -45,42 +45,37 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 3. Check if someone is currently working on that issue and if a [pull request](https://github.com/codeforpdx/PASS/pulls) exists.
 - ## Clone the repo
 
-1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub, We have links to learn more as you go. You can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
-   - Open terminal
-   - Change working directory to the location where you want the cloned directory.
+1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub ou can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
+   - Open terminal & change working directory to the location you want the repository cloned to.
    - `git clone https://github.com/codeforpdx/PASS.git` [learn more about git clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository?platform=linux)
    - `git remote add origin https://github.com/codeforpdx/PASS.git` [learn more about git remote](https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories)
 
-2. Once you have PASS cloned to your local system, read the [React Documentation](/docs/README.md). Follow the instructions [here](./README.md) to open JSDocs and review forms, hooks, utils and solid_identity_provider tabs. This will give you a great initial breakdown of the project functions.
-3. Setup instructions to locally run PAS can be found in the [readme](../README.md)
+2. Setup instructions to locally run PASS can be found in the [readme](../README.md)
 
-4. Create a new branch to work on your feature:
+3. Create a new branch to work on your feature:
+    - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout)
+    - `git pull origin Development` - to sync with PASS Development branch
 
-- `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout)
 
-3. `git pull origin Development` - to sync with PASS Development branch
 4. Work on feature in your own branch.
-5. When ready, push up for review:
-
-- `git push origin <your branch name>`
 
-6. Make a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to Development branch. Request reviews from members of the team - you’ll need their approval to merge. \*\*Make sure to close your branch once merged.
+5. When ready, push up for review:
+   - `git push origin <your branch name>`
 
-- Good people to ask for reviews:
+- Good people to ping for reviews:
   - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
   - Documentation -- Danica, Florian(flo), Jared K
-- When in doubt, ask more people for reviews!
 - Include screenshots whenever you’re building a frontend feature.
-
--  If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback and request reviews.
+  
+6. Make a pull request ⬇️
 
 - ## Submitting a Pull Request
-1. 
-
+   If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback and request reviews.
+1. Make a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to the `Development` branch. Request reviews from members of the team - you’ll need their approval to merge. \*\*Make sure to close your branch once merged.
 - ## Bug Reporting Template
-Bugs are reported via the git-hub built in issues for the repo https://github.com/codeforpdx/PASS/issues. 
+  Bugs are reported via the git-hub built in issues for the repo https://github.com/codeforpdx/PASS/issues. 
 
-Provide general introduction to the issue logging and why it is relevant. 
+  Provide general introduction to the issue logging and why it is relevant. 
 
 ```
 **Context**
diff --git a/docs/RESOURCES.MD b/docs/RESOURCES.MD
index bc3c4b6e6..256cf6233 100644
--- a/docs/RESOURCES.MD
+++ b/docs/RESOURCES.MD
@@ -26,9 +26,9 @@
 - [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
 - [Inrupt Access Requests and Grants](https://docs.inrupt.com/ess/latest/security/access-requests-grants/)
 - [Access Authorization](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod.
-- [`solid-ui-react`](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish).
-  
+- [solid-ui-react](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish).
 - [rdf-and-ttl](https://www.w3.org/TR/turtle/)
+- [Using jsDocs in PASS](README.md)
 
    The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
 
@@ -49,4 +49,3 @@
 - [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
 - [Digita](https://www.youtube.com/@Digita-ai) — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
   - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.
-
diff --git a/docs/ROADMAP.MD b/docs/ROADMAP.MD
index e38d68619..0efc98f50 100644
--- a/docs/ROADMAP.MD
+++ b/docs/ROADMAP.MD
@@ -1,5 +1,6 @@
 # Purpose of PASS and MVP Outline
 
+## Project Goals
 The ultimate purpose of this project is to create a decentralized, federated system that puts users in control of their own data. Primarily home-insecure individuals who are most at risk of losing their important documents. We have validated through the Portland State University Homelessness Research & Action Collaborative (HRAC) that keeping important documents safe and available is a major problem of the housing insecure community and there are no good offerings today. 
 
 Similar efforts are being done in Baltimore, New York, and Los Angeles, as well as internationally, but they have yet to show success. None of them, though, have attempted to design a decentralized, federated system.
@@ -76,3 +77,4 @@ View the files generated by a case manager about their clients
 
 User flows for case managers and clients should be clean and accessible to non-technical users. Organization administration flows can be more complex, and assume a level of technical knowledge from the user.
 
+**[⬆️ Back to Top](#purpose-of-pass-and-mvp-outline)**
\ No newline at end of file

From a93e2fe0a91f3b8a42f1f9fdf2dd26d35f5d867a Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Wed, 5 Jul 2023 20:15:06 -0700
Subject: [PATCH 229/304] Testing button groups and breakpoints

---
 src/components/Modals/UploadDocumentModal.jsx | 121 ++++++++++--------
 1 file changed, 68 insertions(+), 53 deletions(-)

diff --git a/src/components/Modals/UploadDocumentModal.jsx b/src/components/Modals/UploadDocumentModal.jsx
index 690f3b286..73f15ecbf 100644
--- a/src/components/Modals/UploadDocumentModal.jsx
+++ b/src/components/Modals/UploadDocumentModal.jsx
@@ -3,13 +3,14 @@ import React, { useState, useContext } from 'react';
 // Material UI Imports
 import BackspaceOutlined from '@mui/icons-material/BackspaceOutlined';
 import Button from '@mui/material/Button';
+import ButtonGroup from '@mui/material/ButtonGroup';
 import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
 import FileUploadIcon from '@mui/icons-material/FileUpload';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormHelperText from '@mui/material/FormHelperText';
+import Grid from '@mui/material/Grid';
 import SearchIcon from '@mui/icons-material/Search';
 import Switch from '@mui/material/Switch';
 import TextField from '@mui/material/TextField';
@@ -100,7 +101,11 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
   };
 
   return (
-    <Dialog open={showModal} aria-labelledby="dialog-title" onClose={() => setShowModal(false)}>
+    <Dialog
+      open={showModal}
+      aria-labelledby="upload-document-dialog"
+      onClose={() => setShowModal(false)}
+    >
       <FormSection
         title="Upload Document"
         state={state}
@@ -108,7 +113,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
         defaultMessage="To be uploaded..."
       >
         <form onSubmit={handleDocUpload} autoComplete="off">
-          <FormControl fullWidth>
+          <FormControl>
             <FormControlLabel
               control={<Switch />}
               label="Verify file on upload"
@@ -117,58 +122,68 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               checked={verifyFile}
               onChange={() => setVerifyFile(!verifyFile)}
             />
-            <DialogActions>
-              <DocumentSelection
-                htmlForAndIdProp="upload-doc"
-                handleDocType={handleDocType}
-                docType={docType}
-              />
-
-              <LocalizationProvider dateAdapter={AdapterDayjs}>
-                <DatePicker
-                  name="date"
-                  format="MM/DD/YYYY"
-                  label="Expiration Date"
-                  value={expireDate}
-                  onChange={(newExpireDate) => setExpireDate(newExpireDate)}
-                  type="date"
+            <Grid
+              container
+              spacing={{
+                xs: 1
+              }}
+            >
+              <Grid item xs={12} sm={6}>
+                <DocumentSelection
+                  htmlForAndIdProp="upload-doc"
+                  handleDocType={handleDocType}
+                  docType={docType}
                 />
-              </LocalizationProvider>
-            </DialogActions>
+              </Grid>
+              <Grid item xs={12} sm={6}>
+                <LocalizationProvider dateAdapter={AdapterDayjs}>
+                  <DatePicker
+                    name="date"
+                    format="MM/DD/YYYY"
+                    label="Expiration Date"
+                    value={expireDate}
+                    onChange={(newExpireDate) => setExpireDate(newExpireDate)}
+                    type="date"
+                  />
+                </LocalizationProvider>
+              </Grid>
+            </Grid>
             <TextField
               name="description"
               multiline
-              rows={3}
+              rows={4}
               label="Enter Description"
               value={docDescription}
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
               placeholder="Add a description here"
+              margin="normal"
             />
-            <br />
             {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
-            <Button
-              variant="contained"
-              type="button"
-              color="secondary"
-              onClick={clearInputFields}
-              startIcon={<BackspaceOutlined />}
-            >
-              Clear Form
-            </Button>
-            <br />
-            <Button
-              variant="contained"
-              component="label"
-              color="primary"
-              id="upload-doctype"
-              name="uploadDoctype"
-              onChange={(e) => setFile(e.target.files[0])}
-              required
-              startIcon={<SearchIcon />}
-            >
-              Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
-            </Button>
+            <ButtonGroup aria-label="primary button group" fullWidth>
+              <Button
+                variant="outlined"
+                component="label"
+                color="primary"
+                id="upload-doctype"
+                name="uploadDoctype"
+                onChange={(e) => setFile(e.target.files[0])}
+                required
+                startIcon={<SearchIcon />}
+              >
+                Choose file
+                <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
+              </Button>
+              <Button
+                variant="contained"
+                disabled={state.processing || !file}
+                type="submit"
+                color="primary"
+                startIcon={<FileUploadIcon />}
+                fullWidth
+              >
+                Upload
+              </Button>
+            </ButtonGroup>
             <FormHelperText
               sx={{
                 width: '200px',
@@ -179,27 +194,27 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             >
               File to upload: {file ? file.name : 'No file selected'}
             </FormHelperText>
-            <DialogActions>
+            <ButtonGroup aria-label="secondary button group" fullWidth>
               <Button
                 variant="outlined"
                 color="error"
                 startIcon={<ClearIcon />}
                 onClick={() => setShowModal(false)}
                 fullWidth
+                helperText="Please enter your name"
               >
                 CANCEL
               </Button>
               <Button
                 variant="contained"
-                disabled={state.processing || !file}
-                type="submit"
-                color="primary"
-                startIcon={<FileUploadIcon />}
-                fullWidth
+                type="button"
+                color="secondary"
+                onClick={clearInputFields}
+                startIcon={<BackspaceOutlined />}
               >
-                Upload
+                Clear Form
               </Button>
-            </DialogActions>
+            </ButtonGroup>
           </FormControl>
         </form>
       </FormSection>

From 8d2c4cb4165eae82871f130408cff596c6abedd6 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 5 Jul 2023 21:29:43 -0700
Subject: [PATCH 230/304] removed html from readme.md and minor content changes

---
 README.md            | 36 ++++++++++++++++++------------------
 docs/CONTRIBUTING.md |  1 +
 2 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 059dc5a42..5aa3e9136 100644
--- a/README.md
+++ b/README.md
@@ -15,17 +15,17 @@ PASS is an open source digital wallet for providing home insecure individuals a
 
 # Contents
 
-1.  [Setup Instructions](#setup-instructions)
-2.  [Project Overview](#project-overview)
-       - [Terminology](#terminology) 
-       - [User Flows](#user-flows)
+1.  [Setup Instructions](#1-setup-instructions-🔧)
+2.  [Project Overview](#2-project-overview-🚧)
+       - [Terminology](#terminology-🗣️)
+       - [User Flows](#user-flows-🔀)
        - [Usage](#usage)
-3.  [Contribution Guidelines](#contribution-guidelines)
-4.  [Contributors](#contributors)
-5.  [Tech Stack and Additional Resources](./docs/RESOURCES.md)
+3.  [Contribution Guidelines](#3-contribution-guidelines-🧑‍💻)
+4.  [Contributors](#4-contributors-💻)
+5.  [Tech Stack and Additional Resources](#5-tech-stack-🧪)
 
 ---
-<h2 id="setup-instructions">1.🔧 Setup Instructions </h2>
+## 1. Setup Instructions 🔧
 
    Currently we require Node version 16 or higher and NPM for our package manager.  Most places recommend using a node version manager to install node and npm. To proceed using NVM perform the following.. 
 
@@ -59,16 +59,17 @@ PASS is an open source digital wallet for providing home insecure individuals a
    ```
 8. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
+Further information can be found in [Contributing.md](./docs/CONTRIBUTING.md)
+
 **[⬆️ Back to Top](#PASS)**
 
 ---
 
-<h2 id="project-overview">2. 🚧 Project Overview </h2>
-
+## 2. Project Overview 🚧 
 
 In Portland, housing insecure individuals struggle to maintain documents often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. Pass will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
 
-<h2 id="terminology">🗣️ Terminology</h2>
+###  Terminology 🗣️
 
 - Individual/Client - housing insecure person using services to interact with organizations.
 - Organization - housing agencies, landlords, government agencies that will be requesting information from individuals.
@@ -76,8 +77,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 - Folder/Container - referring to the URI location of document data in ttl files using Solid API with Inrupt library.
 - ACL - Access Control List is used to manage Solid Pods by allowing users to control who can access and modify their data.
 
-<h2 id="user-flows">🔀 User Flows</h2>
-
+### User Flows 🔀
 
 1. Individual/Client
    - Upload and Maintain Documents
@@ -96,7 +96,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 - User authorizes applications and other users to read/write/control data in pod
 - Full product road map [here](docs/ROADMAP.md)
   
-<h2 id="usage">📱 Usage</h2>
+### Usage 📱
   
 - template area to describe usage
 
@@ -104,7 +104,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ---
 
-<h2 id="contribution-guidelines">3. 🧑‍💻 Contribution Guidelines</h2>
+## 3. Contribution Guidelines 🧑‍💻
 
 -  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](./docs/CONTRIBUTING.md).
 -  Join our [Discord](https://discord.gg/Ts923xaUYV). [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
@@ -114,7 +114,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ---
 
-<h2 id="contributors">4. 💻 Contributors</h2>
+## 4. Contributors 💻>
 
 | Development Team | UI Team     | UX Team     | Project Management Team |
 | ---------------- | ----------- | ----------- | ----------------------- |
@@ -134,9 +134,9 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ---
 
-<h2 id="tech-stack">5. 🧪 Tech Stack</h2>
+## 5. Tech Stack 🧪
 
-- further details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
+- Details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
 
 **[⬆️ Back to Top](#PASS)**
 
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 27c3db234..0151a5ecb 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -43,6 +43,7 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 1. Search through open [issues](https://github.com/codeforpdx/PASS/issues)
 2. Find an issue that interests you
 3. Check if someone is currently working on that issue and if a [pull request](https://github.com/codeforpdx/PASS/pulls) exists.
+4. Assign yourself to issue and leave a comment stating your intentions.
 - ## Clone the repo
 
 1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub ou can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.

From d129b53c1c387175235731c73dfb6ada3728e160 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Wed, 5 Jul 2023 21:50:24 -0700
Subject: [PATCH 231/304] formatting to docs/readme and resources to increase
 readability

---
 docs/README.md    | 25 ++++++++++++++++++++-----
 docs/RESOURCES.MD | 37 ++++++++++++++++++-------------------
 2 files changed, 38 insertions(+), 24 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index 2817e051d..443f00bf4 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -2,26 +2,29 @@
 
 ## State of Build/Tech Stack
 
-The current build is made with React 18 for the front-end and bundled using Vite. The solid-ui-react library has been incorporated to the application along with Inrupt's other client libraries for Solid (see RESOURCES.md for links to solid react and client library documentation). Several node scripts has been setup for ease of development, namely for linting, formatting, and generating JSDoc documentation for the React version of the application. Vitest and jsdom are libraries being used for unit tests.
+The current build is made with React 18 for the front-end and bundled using Vite. The solid-ui-react library has been incorporated to the application along with Inrupt's other client libraries for Solid (see [RESOURCES.md](RESOURCES.md) for links to solid react and client library documentation). Several node scripts have been setup for ease of development, namely for linting, formatting, and generating JSDoc documentation for the React version of the application. Vitest and jsdom are libraries being used for unit tests.
 
-## PASS Terminal Commands
+## PASS Terminal Commands 💻
 To generate the full React development documentation of the application locally, the following command can be ran:
 
 ```shell
 npm run docs
 ```
+---
 
 This will create the documentation within /docs via JSDoc. The documentation could easily be accessed locally by running:
 
 ```shell
 npx serve docs
 ```
+---
 
 A local live server link to the documentation will be prepared at:
 
 ```shell
 http://localhost:3000/
 ```
+---
 
 To clear the documentation from /docs, you can simply run the following command:
 
@@ -31,23 +34,28 @@ npm run docs:clear
 
 This will clear all, but /docs/README.md and /docs/ZXING_barcode.md from your branch.
 
+---
+
 Linting and formatting for this project has also been setup using ESlint and Prettier. To lint your changes with ESLint, you can run:
 
 ```shell
 npm run lint
 ```
+---
 
 To fix potential lint errors, you can run:
 
 ```shell
 npm run lint:fix
 ```
+---
 
 You can also check the formatting of the existing code using Prettier by running:
 
 ```shell
 npm run prettier:check
 ```
+---
 
 This will enable Prettier to check if the existing code follows the rules for this project in .prettierrc.js. To format the project with existing Prettier settings, simply run:
 
@@ -55,19 +63,21 @@ This will enable Prettier to check if the existing code follows the rules for th
 npm run prettier:run
 ```
 
-## How to get this running locally
+## Run PASS locally ⚙️
 
 To get a running version of this branch, clone from this branch into a directory and run the following within the directory containing the package.json:
 
 ```shell
 npm install
 ```
+---
 
 After installing the dependencies from package.json, run the following to start a local live server to view the application:
 
 ```shell
 npm run dev
 ```
+---
 
 The local live server would be located in port 5173 and with the following URL:
 
@@ -77,7 +87,7 @@ http://localhost:5173/PASS/
 
 From here you can access Solid servers online.
 
-## Running with a local server
+## Running with a local server ⚙️
 
 PASS includes some dev tools that allow you to run a SOLID pod on your local machine for testing instead of an online provider.
 To do so, you will need to edit the root `.env` file.
@@ -90,6 +100,8 @@ To do so, you will need to edit the root `.env` file.
 npm run dev:pod
 ```
 
+---
+
 3. In another shell, start PASS
 
 ```shell
@@ -98,7 +110,7 @@ npm run dev
 
 You should now have a PASS application running at `localhost:5173`, which logs into a server located at `localhost:3000`
 
-### Customizing the local server
+## Customizing the local server
 
 PASS is intended to work with any server that implements the SOLID protocol. However, to make development easier, we include Community Solid Server in our dev tools. The defaults work in most cases, but here are some common customizations:
 
@@ -107,6 +119,7 @@ You can change the port the server is listening on by using the `--port` or `-p`
 ```shell
 npm run dev:pod -- -p 1234
 ```
+---
 
 By default, community solid server stores all data in memory (i.e. it does not save data when it's shut down). To have it store data to your filesystem, you can use the command
 
@@ -119,3 +132,5 @@ This will store all server files in the folder `PASS/local_temp_server_files`. T
 You can find more information on its configuration on the project's [github](https://github.com/CommunitySolidServer/CommunitySolidServer#configuring-the-server).
 
 Latest version of this build allows for any Solid provider. However, it is recommended users to login through [https://solidcommunity.net](https://solidcommunity.net) or [https://opencommons.net](https://opencommons.net) if testing on a live Solid server, OR `localhost:3000` if testing in a local dev environment while it's still being worked on.
+
+**[⬆️ Back to Top](#pass)**
diff --git a/docs/RESOURCES.MD b/docs/RESOURCES.MD
index 256cf6233..915f6ba6b 100644
--- a/docs/RESOURCES.MD
+++ b/docs/RESOURCES.MD
@@ -1,19 +1,19 @@
-## PASS Development Resources and Tech Stack
-
--  [![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
--  [![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
--  [![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)
--  [![React](https://badges.aleen42.com/src/react.svg)](https://react.dev/)
--  [![ESLint](https://badges.aleen42.com/src/eslint.svg)](https://eslint.org/)
--  [![Vite](https://badges.aleen42.com/src/vitejs.svg)](https://vitejs.dev/)
--  [![Git-Hub](https://badges.aleen42.com/src/github.svg)](https://github.com/codeforpdx/PASS)
--  [![Discord](https://badges.aleen42.com/src/discord.svg)](https://discord.com/)
--  [![Google Meet](https://img.shields.io/badge/Google%20Meet-00897B?style=for-the-badge&logo=google-meet&logoColor=white)](https://meet.google.com/)
--  [![Material UI](https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)](https://mui.com/)
--  <a href="https://solidproject.org"><img src="https://solidproject.org/assets/img/solid-emblem.svg" alt="SolidProjectIcon" width="18" height="18"> Solid Project
-- <a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
--  <a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
-- 🗒️  [JSDoc](https://jsdoc.app/)
+# PASS Tech Stack & Development Resources
+
+[![Javascript](https://badges.aleen42.com/src/javascript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+[![Node.JS](https://badges.aleen42.com/src/node.svg)](https://nodejs.org/en)
+[![NPM](https://badges.aleen42.com/src/npm.svg)](https://www.npmjs.com/)
+[![React](https://badges.aleen42.com/src/react.svg)](https://react.dev/)
+[![Vite](https://badges.aleen42.com/src/vitejs.svg)](https://vitejs.dev/)
+[![ESLint](https://badges.aleen42.com/src/eslint.svg)](https://eslint.org/)
+[![Git-Hub](https://badges.aleen42.com/src/github.svg)](https://github.com/codeforpdx/PASS)
+[![Discord](https://badges.aleen42.com/src/discord.svg)](https://discord.com/)
+[![Google Meet](https://img.shields.io/badge/Google%20Meet-00897B?style=for-the-badge&logo=google-meet&logoColor=white)](https://meet.google.com/)
+[![Material UI](https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)](https://mui.com/)
+<a href="https://solidproject.org"><img src="https://solidproject.org/assets/img/solid-emblem.svg" alt="SolidProjectIcon" width="18" height="18"> Solid Project
+<a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
+<a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
+🗒️  [JSDoc](https://jsdoc.app/)
   ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
 
 ---
@@ -21,7 +21,6 @@
 ## Additional Resources
 
 - [Google Slide intro to data management with solid](https://docs.google.com/presentation/d/1eMMB0Wd6lWin4BJPK4Vv3xwqAqVyURhvRlD8oxNi-3s/edit?usp=sharing)
-
 - [Solid Data Pods](https://solidproject.org/developers/tutorials/getting-started)
 - [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
 - [Inrupt Access Requests and Grants](https://docs.inrupt.com/ess/latest/security/access-requests-grants/)
@@ -34,7 +33,7 @@
 
    There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and data types. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
 
-   With PASS we are looking into using RDF to link between pods and store metadata in turtle files. We are exploring the use of ttl files to enable organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
+   With PASS we are using RDF to link between pods and store metadata in turtle files. We are implementing ttl files enabling organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
 
 ## Introductory PASS Readings
 
@@ -48,4 +47,4 @@
 - [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).
 - [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
 - [Digita](https://www.youtube.com/@Digita-ai) — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
-  - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.
+  - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.
\ No newline at end of file

From 1f87e7903ba5ae1e8d100fd67f505b71733aa5df Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 6 Jul 2023 01:23:39 -0700
Subject: [PATCH 232/304] Updating PASS version to v0.5.1 to follow semantic
 versioning convention

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5ef636b0f..3f36d8c17 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "pass",
-  "version": "0.0.5.1",
+  "version": "0.5.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "pass",
-      "version": "0.0.5.1",
+      "version": "0.5.1",
       "license": "MIT",
       "dependencies": {
         "@emotion/react": "^11.10.8",
diff --git a/package.json b/package.json
index 400d5a463..dafa28cd3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pass",
   "homepage": ".",
-  "version": "0.0.5.1",
+  "version": "0.5.1",
   "description": "",
   "scripts": {
     "dev": "vite",

From 51beca533fb2caaff9d77023fc6cbd7d9d9089a0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 6 Jul 2023 01:31:15 -0700
Subject: [PATCH 233/304] Keeping mock webIds consistent in SignedInUserContext

---
 test/contexts/SignedInUserContext.test.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index 3ed4fcf87..fc5f387c0 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -56,7 +56,7 @@ describe('SignedInUserContext', () => {
       session: {
         info: {
           isLoggedIn: true,
-          webId: 'https://example.com/pod/card#me'
+          webId: 'https://example.com/pod/profile/card#me'
         }
       }
     });

From 8cbb4745b75edbfed3b7693d9b76ff705271e5ee Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 11:51:29 -0700
Subject: [PATCH 234/304] formatting and content changes to readme and
 contributing

---
 README.md            | 21 +++++++--------------
 docs/CONTRIBUTING.md | 31 ++++++++++++++++++++++++++++---
 docs/ROADMAP.MD      |  1 +
 3 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 5aa3e9136..59f1e40bd 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 
-<h1 id="PASS">PASS - Personal Access System for Services </h1>
+# PASS - Personal Access System for Services
 
 [![License](https://img.shields.io/github/license/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/blob/Master/LICENSE)
 [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
@@ -11,15 +11,16 @@
 [![Contributors](https://img.shields.io/github/contributors/codeforpdx/pass)](https://github.com/codeforpdx/PASS/graphs/contributors)
 ![Latest Commit](https://img.shields.io/github/last-commit/codeforpdx/PASS/Development)
 
-PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS additionally aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process. 
+PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS additionally aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process. PASS uses [SOLID](https://solidproject.org/) to facilitate de-centralized storage that always keeps users in control of their data.
 
-# Contents
+PASS is currently in Development heading towards [Minimum Viable Product](./docs/ROADMAP.md)
+
+## Contents
 
 1.  [Setup Instructions](#1-setup-instructions-🔧)
 2.  [Project Overview](#2-project-overview-🚧)
        - [Terminology](#terminology-🗣️)
        - [User Flows](#user-flows-🔀)
-       - [Usage](#usage)
 3.  [Contribution Guidelines](#3-contribution-guidelines-🧑‍💻)
 4.  [Contributors](#4-contributors-💻)
 5.  [Tech Stack and Additional Resources](#5-tech-stack-🧪)
@@ -55,7 +56,7 @@ PASS is an open source digital wallet for providing home insecure individuals a
    ```
 7. Run the project: 
    ```
-      npm run dev
+   npm run dev
    ```
 8. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
@@ -96,10 +97,6 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 - User authorizes applications and other users to read/write/control data in pod
 - Full product road map [here](docs/ROADMAP.md)
   
-### Usage 📱
-  
-- template area to describe usage
-
 **[⬆️ Back to Top](#PASS)**
 
 ---
@@ -138,8 +135,4 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 - Details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
 
-**[⬆️ Back to Top](#PASS)**
-
-
-
-
+**[⬆️ Back to Top](#pass---personal-access-system-for-services)**
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 0151a5ecb..6438f3087 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -25,12 +25,11 @@ can be found in [Resources.md](./RESOURCES.md)
 
 ## 3. Code of Conduct
 
-By participating in this project, you are expected to uphold our [Code of Conduct](./CODE_OF_CONDUCT.md). Please make sure to read and understand it before contributing. (code of conduct subject to change)
+By participating in this project, you are expected to uphold our [Code of Conduct](./CODE_OF_CONDUCT.md). Please make sure to read and understand it before contributing. (code of conduct subject to change post Code For America re-branding)
 
 ## 4. Connect With the Team
 
 -  Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
--  (optional) Say hello in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) take make the team aware of your presence. 
 -  Post your GitHub name in the [**#github-access-request**](https://discord.com/channels/1068260532806766733/1078124139983945858) channel and we’ll add you to our [GitHub](https://github.com/codeforpdx/PASS). We keep track of technical and non-technical tasks in [GitHub Projects](https://github.com/orgs/codeforpdx/projects/3).
 - Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can also request access privately from Flo -- florian@codeforpdx.org.
 -  Pass is composed of three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet. Bi-weekly in person full group meetings are also back in session!!(details in discord)
@@ -57,7 +56,6 @@ By participating in this project, you are expected to uphold our [Code of Conduc
     - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout)
     - `git pull origin Development` - to sync with PASS Development branch
 
-
 4. Work on feature in your own branch.
 
 5. When ready, push up for review:
@@ -110,4 +108,31 @@ name of issue screenshot
 
 - ## Code Styling/Linting
 
+Linting and formatting for this project has also been setup using ESlint and Prettier. They are included as dependencies and will be installed while following the instructions of the readme. To lint your changes with ESLint, you can run:
+
+```shell
+npm run lint
+```
+---
+
+To fix potential lint errors, you can run:
+
+```shell
+npm run lint:fix
+```
+---
+
+You can also check the formatting of the existing code using Prettier by running:
+
+```shell
+npm run prettier:check
+```
+---
+
+This will enable Prettier to check if the existing code follows the rules for this project in .prettierrc.js. To format the project with existing Prettier settings, simply run:
+
+```shell
+npm run prettier:run
+```
+
 **[⬆️ Back to Top](#contributing-to-pass)**
\ No newline at end of file
diff --git a/docs/ROADMAP.MD b/docs/ROADMAP.MD
index 0efc98f50..5b8feded5 100644
--- a/docs/ROADMAP.MD
+++ b/docs/ROADMAP.MD
@@ -1,6 +1,7 @@
 # Purpose of PASS and MVP Outline
 
 ## Project Goals
+
 The ultimate purpose of this project is to create a decentralized, federated system that puts users in control of their own data. Primarily home-insecure individuals who are most at risk of losing their important documents. We have validated through the Portland State University Homelessness Research & Action Collaborative (HRAC) that keeping important documents safe and available is a major problem of the housing insecure community and there are no good offerings today. 
 
 Similar efforts are being done in Baltimore, New York, and Los Angeles, as well as internationally, but they have yet to show success. None of them, though, have attempted to design a decentralized, federated system.

From d5d7ab8ce47546a3044844e39d0e414398b1de7d Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 12:11:40 -0700
Subject: [PATCH 235/304] additional organizational and formatting changes to
 readme and contributing

---
 README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 59f1e40bd..5c660b3d6 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 1.  [Setup Instructions](#1-setup-instructions-🔧)
 2.  [Project Overview](#2-project-overview-🚧)
        - [Terminology](#terminology-🗣️)
-       - [User Flows](#user-flows-🔀)
+       - [Usage & User Flows](#usage--user-flows-🔀)
 3.  [Contribution Guidelines](#3-contribution-guidelines-🧑‍💻)
 4.  [Contributors](#4-contributors-💻)
 5.  [Tech Stack and Additional Resources](#5-tech-stack-🧪)
@@ -78,7 +78,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 - Folder/Container - referring to the URI location of document data in ttl files using Solid API with Inrupt library.
 - ACL - Access Control List is used to manage Solid Pods by allowing users to control who can access and modify their data.
 
-### User Flows 🔀
+### Usage & User Flows 🔀
 
 1. Individual/Client
    - Upload and Maintain Documents
@@ -93,8 +93,8 @@ In Portland, housing insecure individuals struggle to maintain documents often r
    - Will have several users per organization
 
 - User registers for a WebID (similar to an email address)
-- User data remains in their pod (which is associated to WebID)
 - User authorizes applications and other users to read/write/control data in pod
+- User data remains in their pod (which is associated to WebID)
 - Full product road map [here](docs/ROADMAP.md)
   
 **[⬆️ Back to Top](#PASS)**
@@ -104,8 +104,8 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 ## 3. Contribution Guidelines 🧑‍💻
 
 -  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](./docs/CONTRIBUTING.md).
--  Join our [Discord](https://discord.gg/Ts923xaUYV). [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
--  Request git-hub access on Discord in the github-access-request channel of the General category.
+-  Join our [Discord](https://discord.gg/Ts923xaUYV) and self assign roles as you see fit. [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
+-  Request git-hub access on Discord in the [github-access-request](https://discord.com/channels/1068260532806766733/1078124139983945858) channel of the General category.
   
 **[⬆️ Back to Top](#PASS)**
 

From 93bf405e75171f83eff2e314360ce69fd46c5535 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 6 Jul 2023 13:06:52 -0700
Subject: [PATCH 236/304] Minor fixes to addDocument for uploading .jpg files

---
 src/components/Form/UploadDocumentForm.jsx | 6 +++++-
 src/model-helpers/Document.js              | 2 +-
 src/model-helpers/DocumentList.js          | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index da2e2be4a..656d66cbb 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -150,7 +150,11 @@ const UploadDocumentForm = () => {
               required
             >
               Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
+              <input
+                type="file"
+                hidden
+                accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png, .jpeg, .jpg, .webp"
+              />
             </Button>
             <FormHelperText
               sx={{
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 6582ae51c..0d258d578 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -136,7 +136,7 @@ const addAdditionalInfo = async (docDesc, thing, file) => {
  */
 export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
   const checksum = await createFileChecksum(file);
-  const cleanedFileName = file.name.replaceAll(' ', '%20');
+  const cleanedFileName = file.name.replaceAll(' ', '%20').replace('.jpg', '.jpeg');
   let thing = buildThing(createThing({ name: docDesc.name }))
     .addDate(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index d85d3501c..d03397e7a 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -77,7 +77,7 @@ const saveToPod = async (session, { dataset, containerUrl }) => {
  * @returns {object} An new docListObject containing any updates
  */
 export const addDocument = async (docDesc, file, { docList, dataset, containerUrl }, session) => {
-  if (docList.find((oldDoc) => oldDoc.name === docDesc.name))
+  if (docList.find((oldDoc) => oldDoc.name === docDesc.name.replace('.jpg', '.jpeg')))
     throw new Error('File already exists');
   const docThing = await makeDocIntoThing(docDesc, containerUrl, file);
   const newDocDesc = parseDocFromThing(docThing);
@@ -89,7 +89,7 @@ export const addDocument = async (docDesc, file, { docList, dataset, containerUr
   const newObj = await saveToPod(session, newDocObject);
   await saveFileInContainer(`${containerUrl}`, file, {
     fetch: session.fetch,
-    slug: file.name
+    slug: file.name.replaceAll(' ', '%20').replace('.jpg', '.jpeg')
   });
   return newObj;
 };

From eea7fb4d19b13adbb05f54077a3d32248388a67f Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 13:12:52 -0700
Subject: [PATCH 237/304] added placeholder logo to readme and more formatting
 to readme and contributing

---
 README.md |  42 ++++++++++++++++++++++++++----------------
 logo.png  | Bin 0 -> 61781 bytes
 2 files changed, 26 insertions(+), 16 deletions(-)
 create mode 100644 logo.png

diff --git a/README.md b/README.md
index 5c660b3d6..b64da217e 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,8 @@
 
 # PASS - Personal Access System for Services
 
+<img src ="logo.png" width="175">
+
 [![License](https://img.shields.io/github/license/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/blob/Master/LICENSE)
 [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
 [![Pull Requests](https://img.shields.io/github/issues-pr/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/pulls)
@@ -11,7 +13,9 @@
 [![Contributors](https://img.shields.io/github/contributors/codeforpdx/pass)](https://github.com/codeforpdx/PASS/graphs/contributors)
 ![Latest Commit](https://img.shields.io/github/last-commit/codeforpdx/PASS/Development)
 
-PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS additionally aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process. PASS uses [SOLID](https://solidproject.org/) to facilitate de-centralized storage that always keeps users in control of their data.
+Welcome! 👋👋🏿👋🏽👋🏻👋🏾👋🏼
+
+PASS is an open source digital wallet for providing home insecure individuals a safe place to store documents within their control. PASS additionally aims to assist caseworkers with processing and providing documents needed to complete the housing assistance application process.
 
 PASS is currently in Development heading towards [Minimum Viable Product](./docs/ROADMAP.md)
 
@@ -20,7 +24,7 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 1.  [Setup Instructions](#1-setup-instructions-🔧)
 2.  [Project Overview](#2-project-overview-🚧)
        - [Terminology](#terminology-🗣️)
-       - [Usage & User Flows](#usage--user-flows-🔀)
+       - [Features and usage](#features-and-usage-🔀)
 3.  [Contribution Guidelines](#3-contribution-guidelines-🧑‍💻)
 4.  [Contributors](#4-contributors-💻)
 5.  [Tech Stack and Additional Resources](#5-tech-stack-🧪)
@@ -28,37 +32,43 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 ---
 ## 1. Setup Instructions 🔧
 
+- ### Prerequisites
+
    Currently we require Node version 16 or higher and NPM for our package manager.  Most places recommend using a node version manager to install node and npm. To proceed using NVM perform the following.. 
 
-1. Clone the git repository: 
-   ```
-   git clone https://github.com/codeforpdx/PASS.git
-   ```
-2. Download NVM for your system. Find instructions here: https://github.com/nvm-sh/nvm
-3. Install node version 16: 
+1. Download NVM for your system. Find instructions here: https://github.com/nvm-sh/nvm
+   
+2. Install node version 16: 
    ```
    nvm install 16
    ```
-4. Use that node version: 
+3. Use that node version: 
    ```
    nvm use 16
    ```
-5. Check that node and npm are set up:
+4. Check that node and npm are set up:
    ```
    node -v
    npm -v
    ```
    If either of those commands error, node has not been installed correctly.
 
-6. Install project dependencies:
+- ### Clone and Install Dependencies
+  
+1. Clone the git repository: 
+   ```
+   git clone https://github.com/codeforpdx/PASS.git
+   ```
+   
+2. Install project dependencies:
    ```
    npm install
    ```
-7. Run the project: 
+3. Run the project: 
    ```
    npm run dev
    ```
-8. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
+4. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
 Further information can be found in [Contributing.md](./docs/CONTRIBUTING.md)
 
@@ -68,17 +78,17 @@ Further information can be found in [Contributing.md](./docs/CONTRIBUTING.md)
 
 ## 2. Project Overview 🚧 
 
-In Portland, housing insecure individuals struggle to maintain documents often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. Pass will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
+In Portland, housing insecure individuals struggle to maintain documents often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. PASS will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
 
 ###  Terminology 🗣️
 
 - Individual/Client - housing insecure person using services to interact with organizations.
 - Organization - housing agencies, landlords, government agencies that will be requesting information from individuals.
 - Pod/Wallet - decentralized data/document storage built with Solid API. Individuals and organizations will have certain functionality within their pods.
-- Folder/Container - referring to the URI location of document data in ttl files using Solid API with Inrupt library.
+- Folder/Container - referring to the URI location of document data in ttl files using Solid API with Inrupt's library.
 - ACL - Access Control List is used to manage Solid Pods by allowing users to control who can access and modify their data.
 
-### Usage & User Flows 🔀
+### Features and Usage 🔀
 
 1. Individual/Client
    - Upload and Maintain Documents
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8884131c03aa299d6e9f551f5a4793423ae9c49
GIT binary patch
literal 61781
zcmeFYWmp{9);0{ChBOdDV}YQJyNBTJgaE-E5-dP)cL@Xu?k>SXa0u>6aCdiicYBMO
zIp@qg-<kRO{W^VJO&3+QYp=cbTKCcll$Vu2MaDyhgM&krk`z^dgG2Ozg99N#5P>sR
zkQ8+|xF>=pA|moqA|fz(8%raT4~B4Xl7TU*kJS`ApQUO>hKCP;Ad*N8NTlpu(NGPz
zO|cU6NVp8&c&O6O#upzm9F&OxW%Smk0feRH)Gv2FBVZe9(@(^3(4=oS9yMGx)*R1!
z_T8-a)Uch;!3!RPRq6XgD&RVBu%(xN`ru|N4&!F!!ad>^#1Ds$>5d9gFD-oo7wdht
zzdDQR)iIqfYg6cXc0c~57e~?=4ps^^KFF?j3qXVOQa$_?DGV22GiRfap%(fUp%w!d
z_Um|+^HpH}3a3cmIrRsO<w<B2T)OzG4TU<~d#z8rnE`PK>@QqM9MBK_Na0>QhhDF*
z;~bF4`cFKa3LuHyW@Gah=)6iYYD=e#OJWa*v3-M8p_ieQ+@5menX~K}cf&jBg@&(|
zHyL^0bea5i&SLGEXcr6i644uRyC=W6p`Oqq>@#R)^apjP$RQ&3HK|EvV?p9~IQ$%(
z81M80M8up2-_Y`tDdKi{;}${f%1XkcAf@oXjuD2!!7;t!QbP4zI2vg*Z_AZ#xQav<
zRrj_V={W+khdfgl7QUXage>j+!U~{)YGNZrWs;0}O{ga(LG#L<t0(t{5|u=BEUg}D
z3K1|t{SatQOTWlSy|3?Tq}SzU*8QMg8ID=_;~Kdf^JmOui-wby*o_tAgrRpp%!_og
z@X%1acobbI!Ixy7GZ~n)wEU(U6bG@Du6+s1TBo3ks0zB`*XfKBFq<ug^sUs%hD0k|
z+MQQX3peR&FeX#qqWCY`<(4=v>Sn|iFL;9zBQH?+BVThqRK5e*NlfHwK~R|&9A{p<
zH#$ua5qdqP*SiBMQ4oxf04Hk$+l#crlh7bWl`1@MgFzv<13?bf_c#KEHrI`nDf)3P
zvPHiGa=(~@LWkCt^f<r%e*XB;j^ihU1Zr$D{DY1Gf)esi(2s$OzvRF0S@>QrH#%X}
zBmUS5Vzb`&c6O_x;wAZxNrX{^$&FM+33){>AjXAkCwwcf%*g7|gJAK9o$mlPgZ53t
zP>YxYBwNjM^7F@|bYrxRGG*)T@*fvc*OqJ-izZ)pIv5S2d3^~aE3ciiK7IVuo*u+I
zF0dx?+^kKnaq=Udz_syxxI6y`GSA9iYx>uv<r7jnybfS9xF<WDV*wTKBvzfQ?D<p*
zir_5|gPd$KLJx@V5K{|yqZHya;w<8rx*COB3@&-_N>F|&lK&{!5k^GuKnFhw4Or(5
zUff#RLiD=1{^I7|5UA+J0lgjDpGg*gJK&j{pZC1r!LcUrYS6K|Ccf&MWLeA=A@s8K
zcVd-_i2S*V19E%y{zr-tM8=z<<m0h5LTWP(*ar%Qe<w&PiLm_kWYQ|-RWms=Y7b&|
zIsrXAU5iEu{0GG87RC~^7hYrw<eZNfeYzL8s~@S#;W)v&wD24}7lL94i);jty!)g^
z78*eJL-ZyBN{$>Tp%7t5j)G3YYJkW3m_{O&#4O^qBx)HBmv6FYAK7jP!wURRNWD0J
z2ClT2{Ts{?M8Z(kH_z|_DZeZa(A$w}1ow&IWaJN;+EHnQrHV3r86T8AL74J~mmwT(
z?_r?|4lFIjrAO`lMLzMQ;7NY-w^Hr`B>we$HL9_X?!N*#35^$Itq}Z|r8v>j0{WYA
zmdp-!o%rT_bX$oR8ZJ0MA$l@a<QGs*-$7scALPO`89pU3R^e87d)bUXct|6@%6+GB
zX=#X;?jez-U?eXh+oMc{RbmpOUrUlll5|F_NCc5sOZjCf4B-vQ4p|RjE8uK?Osq{z
zNX*yxs*#u|Stwd4Z0<kBQbA`bH_9JX(J^K~Z1W^RE>&1ZW=`0GRF~8-LO}65O(m9q
zG%1BYYf@RFf&|y=npe)5MMV}Fdxb=~j7n+QjT-J@S6ru$w}|t&l^)Y3amUhTGJdhh
zOiiEr(wH&${^fT;4ZOne$^aD+9<e&P>vW-UtFeXm2kb_sN~R-bT7yn`Qe)r83`|1D
z>BkBNW{RDq$|XJ*7-qJPEt&QXd>i4;8qFBZeLYT;L716R+#v7jf9AYv%uP;+p8_Rp
z?9)o=<<7Mu8f2-ZNO`?JxIR!dAU9lR7g$?aOE60?Ycs1|YhK&n!tJu>(&-X)N_!f*
zWxu6=_410~miM;x>iWcT!xQfvt1r7Kvq4LEEs5%<dJbGu=zAD5HQR)_)$BqP$xr5A
z%;Q#hZ$B>bk<E0pQ1`u$9CXPX7UvVO_rH3&ipqdrYq?>rKQht6Ip_54&}dm@nIBUz
ziW#%C6E8}Uk}u~f$2*5BhfXFe!69j|_omm^h^{9ziO+b0MJ<@O%~TvEb9`okcSg&o
zv9rGSrrfVkEK)46)#9^jEY_<W!<<#*Zli7;I=1{bD#Hb)g%+Aog$ZMmWBCRB8ckKD
z6;h=M#>0BYJ!8$W`kEg!&0NPrjd1ih28*Wl68Q#GP14Mo`tHgeZ7nQ@@5*mlb)ws!
z*kN%O*?u4v$6e!-c~Rh^=8riVxT>_Gw0+X7KF`%v^Q)%ia@8t-(d1{`Qvsfvq|g4Z
zQoEnU@sQbxiw09aAAGS?k^hmdzhdY#5x<vV#5_kcbDGXk!qNNM<vfYVF6<4_F>fMY
zql=5PH19TVT|+_rP{X%+?)cgswKd^2E=wQB@N=1cvN>XRUUy{ov&);+?UkhMx}WEh
zlG71B5t`!sN9700SLR3CC&m}K*On*yPngjb5S1SDKKcG+<*@~-TUVL!YKcRc4q^>h
z%I7I!gYk7qZn+#-zvXR<VT(BlH;EL9naG~MhOd#|*r&5k&c3fvdC+AcVNZ1N=2}=5
z4>;MA=OD!ao9GM?BOSgS6%lBe1YgMCyv`hWgPs{1R*P>=$Pi=^0MC*fzshp{&Rn0W
zjVP3?t+h?LjW3WGU4Y^41Bmaf@Q+Ym$3UUL&zSq<lN6niiBarP?Udu>O>#)G>ajyy
zE*Be{nM^r&*~p6c!;&VQCYr-nZN9<kTsdY1?Gr<#9Bq@KNxXYEPML?!%VDwu$;~Mx
z0x99Ck&R@xC>)<Odw07R43rE{jwb4r>v3)b?~pyJn&nDl4qgm1*{ZLV(>E2Ys?Scs
zPhwB<30GPb9w^H?^?gb{uVJZ~wz)o5IC5CeU(H=7#@Gz75o18eL5M<`Y7JdduwEBU
z3#6ku0~A{`JHRgad#OCmT}M^djzLog5!NM+@-z4NXkL?hgWb+AorQ`7IrQ;I-#Ncu
zROMYL&5f*?tPLB<xiY7)yAMAx5N``!ONeD#@7qblerb07p=)PmvMH`Qnx4*?hsscP
zSSzZge2xE#Vkd4&Aw)sSq@8!(8Gmj0*zb7ySv7-N`GV&2rX67bR>Usj{ObL1JO~fB
zw{)*@3>i%|cWRt&F_tg}Bk^B7inY+qX((`-%v{Zk9WT}^pw>KeSoMurr<<XBS@5MG
zvT#d_u%gyFWHgb&tg)b1$F+g=tBqrf^{CIc^X-f6q5?E6-KrJ?k;_kV_<s177Rb{|
zy5@@7r3uwF?~kJxIyL+5+HMMs@(0I`3U#XjEA1`9=I0cal@-f>I<+rpd{<GKZm`|y
z>#p;0WFO-iHJ>VMs&hk|Ae%mRv%H$aza~9r-#6YX=FxLc--6xhsq-laWH(lk)Mb>j
zRFvMz|H@dSoX`2_pMqw|^Ufpd=<D2IYddxO8qv0Zj$8e{?}cc8XF*h0BGrp|F7~UD
zirDJd%HfFI{uCrW+b#O-okLrX_0Z&VF3%0nvG7l^{?Dg{M1_w%&o6HEl8iNPDT-f(
z#5FK+RD^vHaG+S|>dbFZ?blk?s&nGIa=8x4!sp;=bFiCRnRj!b+aJrH7ON7NPq2@(
zs@h2%YY4h-JI}u_xz~5hHC`Wl+=8Y-Ovzh+9B{tTs=v9+q-~ovkgCMX?y7Ozb2=HZ
zH?Y^;-_E=5LgH~)lY1h!E0C`<)xdk8x}aOwkm*{dBc*fNq;t`B&|6uxXPI>U?s~7O
z+w=U=ee&^7v}plWfz;dRqs`5ADP2ij70-(MsS}2y>DjxRI}aAsAIdk#dL>^H65#6R
z5aAfG;kbFz-n3Eodj|PX_ZJ|8?=V$T(Xm@Gy|^##iN+t@TX4folp_!|r8lmr!M!tq
zBX@Z;(raGwG<g(jUD}!Chi!9Pc=7Yg=L_>#s|m;c)t(mKTBC$FGj}M+PHx=Hb2-I8
zND*YHCS~;cH5@H)41oi~<G~>SNASRxA0GeT$KvqRaF2dF4}yd9H-Q8HagQwU`|t?|
zz7J!5|9uqs3GOlQ9|rJsN(cSxZbYB-NB=qoJ%lrGLW&|%QoygGzKx-wh3$JwI|s#Z
zYv2Tum87~Y9NaUChcCR80{H>({BaW{H9NJ}GTi!>=8SI*EZ-S2I+<HNJO_@~i5oaH
zH?(^Tb29&6Vax5rNBY|x+`#d}X(m$GZ@1W)@sX;%mWPR0+8DxKGBPtVlky|OU@%@A
z10!w)QSm>91OM@nzPGcp;$~uUbaZ5NWMj0nF=k@n;^JarW@Tb!WdQDAuywYud+Wqt
zVN3S=L;m#~QA1mO8xt!#6H5!&!*k!hv$VJ4BPD&9=-;2;=`?gQ`Oi!iwtp-OSRm8G
z6($x&W~P5X8yL#_aF$!%#L4i3x~Pdcz%yVDes&g4-rw&3|6KXcjDH%b_Med~FJHd=
z^UyzC`oBY!Z4GTiEX{#A?fCz*Uw;h#^Tj^~@-jUv{ZFj;ozK6W1sKhb%**ueP2)$t
z$jLJW_L0CuR89%_1*GiZ1OFg%)W82e9DCTyWZSdD!3n}ii3%w>!SBo>Bx5V%w;#4Y
zD?tFGLuugS7)`>VS#@<07Fj&xS)$S!8XAIv@<PJ!>Im3SYy`0nV!vGW>Gzk)c4jq=
zjrw|S_STo{>M;AA`_7+SFWscLT3(HxW9UF&UT~nl{ZoWl9SG~NH|z3+3c|sI|K^W3
zF1!zn5&U<TAI3FjgTO+J+G;s||1cW_3bsc5M|v2sVGx_mAFK@jG?y1F!0hjd1*oyg
zgA)pWg%fK+@=t3A3u!(2TgCtvyj~$de6(syWKjN=F~9{FWC`ydSO*W*q7{U$4EY&q
z{L@@;LeTMlVjOHi0oZ~#M*3mle_A=jryB8Z_VD*L#34h$HFj?kp8dT@KwyH<U+n+H
zI7qdU7px;2rThCo&gBCu`X|QyPh|d<d;b%ezfu4Hq0HYw&HqH^e<Jf&%kclZVS=%E
zZz#^U?S%5XFK&%1;uI4S#n4<<?CUoLcEu}vVa*P>jVS(GBlr{@u>2jugOs2}<X@lo
zyDJI9XwdQRd^Pt?siU<Z{y(r+c>ivTxdGd_UGN+Uz8f5T&<^n+MRoTv;e3f}szxHg
z>~H(z?~I+7AK<h+d&h<aGD22+en<W?>=Sm`@pt)mf;%FAW#+%tjvfmJDT5|uK;;?I
zUtKI)>WEYSiW0uFn+W|I^BvD52sLPAA%mrB37*4I-}#0Jb~vFUx5inI_qW+^W~nOW
zV9A=s>7f66ia(hJ$SW@xHT_Fj;btOl!)gBL4MiM=%N^o!qYg!3qs}SS@oL79{w$lR
z&t`)rbmC3_jk$|})8&`h#syKMUihBt>65)k=~klPLOkx-M%0cNrS;K8SJTe_zYw1;
z?gf(!AybCRGcJt5QS(Pzv&}gjR$3n#p4?C7$$?tCFu<+S2iX6`#y9r@e6`TgUR#rd
zF9r)9;`j?vHwN4ZsP2_Y-&104hQp}Q2^{{Lb5;#Z+QI&+Q#6@zVHA!!!+sgjU6|Iz
zoULg5j?Hm<R4HKAD#Z`dw)o$c8Vc-<%}Uwe_ardH>!z5JW9xQ$qQM{5v4^ea_FrYk
z2NMQC?hDL>GK)2Drj@=!mIjF-`C<r`I%5ij_o6f({I_W!U>ZRv7CDwbNxFg;95wH2
zP{zSb59eoC#}j2!(*Nc-rRxB!Y@oqLKcEwYTZyC0A_NPQSSQ#p3x(4ZV2S-VQ4_2I
zTv!_gWKye4FY95q$;xF6_p2WvJd+reUg!`pLm8Sk2@1a2A2EMEETKQ7`~+jdky@kp
z(?**;sA}FLX(oj}a3+R6Z$B+x*Rp2SXuLNHi9|2fOVLA4AolL9RLqf3Iquiba3Caz
zR?SiF&DHdNqbFl0)BXL``TRY(6?qaAN}~WnMvOzgao9W>oqyD%6Ljgac`l&Et(cQ7
z+`Qd{0`XDO5*rb04ugXaC&q0}dJt{)f^ZRQ!>&t!tRt$Q4pc}oZq^CB0>{`?6*9$)
zP|3)Z(0KWcJ+no54CjlCl}K*oqwPk#X(G1;9h{zc8W^;(S+Rnr`!GxZrO8Xo*ug?u
z6VcAxXz=}$k6x|_eeSkz`aIp=1Q)Nn>GtF6y5DPEocZGmr_rh2*)W0G6dA4fT{4dn
zv0g|tLmYwyuGgC`W&3n5?p2pv=PUO;FD7wrbWq(q0+BpC;ymvz$CJgsZgG3-5aLVr
zKSkB%D3+%bg<=IgYbS+f!NJRi%Tp4xO}8a@B??OUq=V%rRyYBuX=g}S$7}p~F8XFm
z39St*>UYdX;&;3nJ|kxkQMWI>#f3t-!{_}O;Nlw!e4ckpjudr@vU|F#0Xila@Pyz-
zUPqy)gna17awmt1_h=rC!x`)@zlAIwC}v>J{k!{fufyww^73{4AE{}cHCejlb}Puh
zyy!kKRjn==VH|i6Ok3rL6E`)F93-Kd04zkgq%g$_+|m8@xn!weqn3KMUg}OHkAzX@
zsi=|Ey(Dcbnfz1uYXr(3HQFd6hN`9r7|+D_6X(u2HnVUETU^i_2Ip0a6qnnMJ{Q66
zb^G~g56*f6Lh}c6902azkyfTZ3v|@&d)n=uH!td^b*u^$P0ZsGIsw`m0PA4G;lX6r
z)tjtD)8~KOaT9?{f(1YKa!-JPtp3d@EB}7i#S9%)69grt-o?~~3Zk$qiG7Vg)St}1
zW|FbwXCqbmqh=+wE^=}nix39Q5UhNMy3(HJ5mFLlpF93dOFAcP(`42w*w?EKWb7_?
zQ(tlawcdTfoy%#Z+Rgs%OWW*FA`Tehv!lLxyYCLOY_uIYzh1bFhYP5(E;lB`J^cm*
zS3*$FXV3sOuUs!u%I^hUs+KqBX{8du3!lbMK{^dYMXCp9a$uo39nY%1ySwYX*m%JX
z9AxZsKjE;P*SlkRtV}p41jh}^N`5Z0gd8FkFSso_->YRbUlXTBSGl!>S^pe|cvUav
zL*o?CQ4X%T-u*~Ne$c9&Lj(bUAkn!Kzm~LQe*6(<0$(p|035+WDq6<DiweL_t}_;>
zrefIqoUTf6jzI?}<ZTB}fra|isA_{{(%-ivvv|wrkvdbThRQ@>FMj~jV{E*9A5@@L
zHT-381eMM8oo=2&V|=ZTlCYqyH^-dEzUjp>iU&XEVcy#8P-+|y!uDw13fy14dTBn7
zk9mhnGH_{mQO|VzJ&z#pfid#r<7n$HN?vds+9>;L%wAO97)>g(^=E<o$ql6drKK2d
zr$K_dwAtAnr)BSaMe3mg>M(mH?3C%_>FKCT+m5NY_N&?cr{EdVgRNM;#u5jK9?#4D
zSS}VcM-(VHPj}w3@m5F0e1;<b<<3$k@oBx%3!&e{#<x2t(&E`dTdk`q2d%zzU{|yj
zo=V4JkknCvvUgkrjJhOZIt)PcYh*S7Pmo+34f&~?_rP#A$~BMgE@Xo8V5-P5%W!<K
zGK6@uS(m^=*`jWDOtRaGA2fx8YkB$I?KU(XuHz!yQ3t{)1px4@X$t41y3B<>SP-Y_
zUP}8dEs0*)0}H}C<8W7JNt<8WR}~mo9W#SK%d0E$0cI}`G%&#kFKw>T0c)oFb`3|e
z*@?BoNw~vFApi$d3mGxLP2Mle3Edo$?QnmxJ1afKUPyH0ob2UQ1e(7+Q0&oUFFNoO
zber=p$`{r324ob3gfQ21zEGMEAHGim<9|e7f+Mj(B?uLTX3Z;0NoXJ)Jg3uO@Mq}d
zWXD?CtZ0ry5t7#<t0ESHuAE^Td9)zorV);Ow-7T?D|ai&wITrJKyW!?hgQCsN}J~g
z<#?`;Ox{mv<$uyA0Lx%9gVO!zDmx-ar!RWYhNEdd#J~y3UktgP5k_1Ve~8?zL;Ixb
z%Z5H6_^=z2AG^b!*<mf%df91VU%T22O}C?i5gK&>n(=FHAwICGV&-EMWtit)d$xLm
zv_c)L9K_GG{m>M=#xP6$sJ%}`v8Rppx~eDQ#6)p&0$zj+0CJ`#ok%gdste)t@s*t#
zltr8+8So1Xz+SntJSD#7q=eHbH*wscvPA^p0eJ~@u!)oUP-F@SEa<SsWBDN^?HMTq
z*^LjN<4=1~Bsl2vW~jh|A`j@jsHWgV^DY4gsaQ~@d3Z1u*xGaFnMawj7RZ^UXner|
zg8+uXe?Pc~AK2_~M0VnR3|k<F_eoz+-CoHx)(52{bXS2rF(gPA-~jOSfj!pB`TpJy
zFlN|YdqiYsCM5c?+-{YCjx214{8=2EBoU->y74g~%GBD_Lkh`Zf`Z;m?s7y}Uk7Lx
ztYtYD#xyM>$|c6QGL&6JVdBkBD4b+q?!(UY0N8>wFn@FR)v4e9J5YL@yXB+vZOgbv
zY0c;mPMP1-;%yxL?zd+!I0XjjhH8-Y&y4)}+<?02k$of|&@slJd66rfE|rqITC>-?
zI#(B!M=M1Lwt(XDTQ}BMFO1?>^4R}Oyv)p&^rp_Ol$$3)=XALF9-LSvIOn$hRl=y}
zMFWtSioWQwoN81Rzw*Fw^Eli7g=WA6dio3oA%)l+tiIZgfI#8IzO>iSf`j#__vmO9
zkE#U_Z}<lkCBQ=PNbYhLhT}_{h0Q58zUlx}7<DR)hk$Bq3?jW7nZK%KXjvo^*$xT9
zMD8?fF2m^X?7rmqb*%<<Bum|nVr3$OC?WLP<*&tMbzlN_C;3RDG=W|^z+>*l^-oYx
z45wyB@6hznK#V|O0Fcv}-Sa{iU9ECgM7?s?i8|Mc9;AVUOEMHMOM$r?2%~<J8lM6d
z@(!8t01JgrtHxjEJ*&Q4OL~|3WNV^6XKQHWxVqW<XM46wd1H~{LR;o`><BjI)#~^w
z7WjcLF~v3S_+>!edf*Fpx6Gl(#O}12Zf_6v+$Ah#I-h~Hs2@~x<wtiS4dB<nJ@_@b
zNC38}v-rT+LuHGEp(`t+nT|XN-&E=MP<%By$npwZyA^rXyC>FAzVGwtj9I#O-+0p#
zy`73DQmC^r`7B|`3BEzu;ltXkJG?F<2;|?qhn>L|gaP5$#yO3tnAV>|-n%CDsPT9#
zK(g@eH|fODos(fu0X$9>pJEGuDGKG0U?Ee26fHkkM`ymoz5@#H*~U-S5>4B@i;*aY
zsvj4CyG5wnicnr{jqIFR*0E-YX*tvK4EzBaUvV%RPvs4mI%0frV@dE1kan%zx?fN8
z>|8jsHE20vIAerllIeZ?4IWYB2t_m~1mO%~UM#CI2tu>OlYz(}Gb$en=5jvW(8lpz
zuVs%i)*KznCcLsrZ_d{|lWcG7=P5Z}(6}?WN3P*fA6j_2Mh%w1_(M9CqrNFVgTDog
zlW3o(?HiY;DU_D=?rQf4nId2rAf-wQVO=cyl9d7)%xw(0yh+;_#@YGsu@s$I8NhK=
zCZTXV2`W_*h|ST~V4W=J)GRut^Jm@G2u1^^WV&?J+|k}(7{Q43`@*yRDW%%)MVM1k
z1R-9+-g7^5x&b)EQpv&s^<f^kK(XAHzT0iE3CVh%#T-8i3q_YF{|$^c6utz{KHyL>
z+_EO%?PrN6{bj`*-agJ{omXPZ_GX_wUf@)pTpM<(4a|~AeTzoxh)6+U*F~DL&1~L}
zyAN+8^zUjEA+EM|=|S=i2iFsT8xGH0hf019gx7Q8!gKrvd^Lx)XCuiFFW!n7nX`L9
z2TU0e{vuk02!Ml3G+E=4$Q!)`PdJ@Pg^G~Vue*D_;BxLyUN_zwUhsU_q#E>nMa3Hh
z$1{9MdAhs5Ny}y%D**>Yg5<;wNvyKVd_us(Lr(WpytxpV0<dWfmD&PKAlNt)3#N=H
z5NV<(Lmkk;eqO6XB1pewzPlZ~Pd~RwweU`w?|(!*!Rb&fs!6`S;<?2SDfwx1O4~Kz
zO-NSoV-o_VI@lY;RLGV}`)#9nVa#T3mU$|rzK@MuZn36M@u=`C8{BWjJ%pPxK`~wY
zG`5syaY>eqotYrjT=(Io#<*OB`1(vBZX>ABdSMm`1V4Ccf8oF^!rUaQCeiC8jq{hA
z{o>w=#*HU@r2{Q(PYVdA^6%MeE4qR!_vOEjm~z2Ez|f1P<`WjaES1%v)Z_O99wj?-
zuD@)LjebDL$>kfBgc8{Dnr1wv3z2ruMqc{B<QS@KskT?)I;uA<>%Xv4gk9pfZ@ueL
zUH1GUr(1o-H}50?2wpGX4&+(e*<ky?sEUaic!U-XLgOe-MO5$amV7-n2Q|FmGmSgD
zi$7F4$m2_BzBG%EW=tG!dx|@?3-T5G&4c*X937#Zty58!k-B!Vtm#P1kmOjueBsOt
z4_1Oi)1=C+U8RDhBUhecuM+5fgmoOg+L!}&?}o+V2%qC?$V0LK9%sTT2-P<@ociqA
zi^|4JAJC!^dcwcx1SXiM{+?*E+#`qA>ApeseH;<PGs&p@Z#Tzbj&sRhv^qg$@2~Ve
z$2{+&11Qr`H(7gL(0nYC79(Ck3wEtG3*BaO`$Vr(G0J}YmJ}jND!<e@!#aLWJ}~P@
z5t0?0-$wzl8MUd^XVpRT@<H+h6`qut6SolvGh<11C0rx<j1=Jig&sxl(P|fMw=N!u
zBgLzw=-AC+kT>5xLBy4L15VJvnbk8bEh2&+5N|w30@^0s#-)}?Hbbxl7B0`%k1z5y
zH`@pq=ULyjDI~lwtLZlGJb^-F(<QyX#zQv%U;XJGIE+9Hx)R~%@Z&`T9-O*0TcTbE
zK$Oou;6pm){|f!S)UWeyxxC*4fYIx5uc!4Sdi6|Ihq}wNZPzxg`Yj*h4a@t;46gS+
z3K47;iPT@|eyuaZK27Xh)F*z`ZIQW>Wa&AO&r&PYOzHjRc3P_YQ;a#@Y~x!T`g!_W
ziQckecyVz-G5`|F+i&V5f*$V=f2HHoAb||&6Y@^`ss1F^Z_%Fz$+lt&X6Oi(whWY+
zw~O$_EVBbZr%(?03x>;LepP7v+LJobZ(=@NECtHT{1&gIzF)>w#!t(m0(3-4)!GI(
zCouKB8aDRt&STT%&N0RlYnJhT>#iX+O*z_2AlyBr>97-}GTZ)s68|-cUWMRXvby2k
z%3UP)>PHo{-GD=g4?(HSp4m`0e0XW1K6fng*0E=ShO-Yze%5HP2sEoL;?Gz&8wg6#
z9F2vaP2?)IcTu4}=$hIc(hqR_8NR{yiv04Cn?>x8S6$`Vc#e3KJo9ej<;TWLkYCui
zBbhaJAKuXIQOdd959ak}zwyto+1vh{8qX9Z3S<hCC)v8{J0Gn?_$yL6#OI!)gPmP2
z3sdUHe-evK_vL!|Xq)S&0LlmD*QHit*$yLvDCo-qv<-GDLwu6!T~79tygSKirEj+k
zQ>OUc>7dlAx%qAfgSp7GT;-x+XQ$bYx#E2vQj03kaalczdUWb_l04pn;dv0Q98E~I
zr$#Eu5j5NGj{BS3NCu$J+s!PRZN~CoJB*G!*R3gt_XE)6R({|1gGts=SnG;_1y#pi
z#3!9|7xBxXY*x{>XuY~M-U&oHIoZ}p3x)WcsH4<z53)dL6&8@{IC00p-gJ$gLif8>
z^MH%dq<ihM+NDbwypkLVC;(}<4goE~k%6P^u-!MA1;EV55>V6=`ph`)YuhaCszxU$
zbhv_0R4pPr$aGHTel7QMcBWLlVx7OworxJa58F3mogde<sNtG>bF<;#{RP2RI_wN}
zhQAlQK5n@pqh7sK0X}y&%se#aKkN70QC)U?#I%nTj6Wj9YUuRK6%)<64J<_BW9?)G
z@)a285wrO@SrUBBnmWef1INR!*|G5vaP~|mj`;u`K9{`H`nKss>wvO>3qIYN5Oi^P
z|DFSNIf+_t1|s0R_Myj^JNd-D=x3f>e;Y61Vm8`UUkq6k{i&Z2+Fbv%eu7h;iTc%L
zLbt)vXJ6Q~iVXVl?kgt}=(pzS$8&L?8mqinQ^5ya+k<v_D}n87(nj;B{L7TOIZsR|
zj`hPNBYE}@kl~L-7ZBl>0|l2m1&iw=DH;@mn*`eKE;&4K49;#DC8N0gR3Y(HAZZ}N
zie^^$1zlih#b|u`qhXTZL%h)lhmM1<h_5hGam}PA08J48Yh%UU4W&UK3YGL%PWM;y
zE?;NtC|%B7necD)bklX*=fSA!j?pz!q9tK#KXq80iI4V#Up9e}JvqJVc5)S6Hpg%#
zfd+XUK8J;HKaB{J^+4}33FRKEp42?*<b7A)+K)NODt(t6*8R~fCpL2|+^834;&QBR
zsCt?C_;H!FFRz?IY;xlQm22#iNGjUTqL&`T2f}dP9RQM(a-6vN={-VW5=OB7$=~=Y
zE48#m{wFfmQryd1V;_>?Kz&5WTJ2KdBB&VQPqCrH*-a>+0ANgZVtR}BqlVMmS9dxu
zHdCn<Zkns@Y)=A*6&fu#;`$g*Oj5$;aId727frlXW+l2~3HPgq()Ch59LdytY4i+|
zOjNqTxhv8#pv)Fs=sup8o*nD&1n`C~FIN$Lxll1=9%z++7Na0`yfuQ?09(KVFm;?h
zy8<)tML|iWrmHy0nvwfWUogxNNLe0o_}{W+$WPd5q~Z2dh(WQOkbofOU-4uK&)WI9
z!2QLK^oFv#iYkL{S;tv8nZ%W+lO;|*D;<d~gr8gKF|apSE)bkoM+pOoma|isnhuhA
zwR1}1a(cALplYQS{&x5$!eHzZp3}2wi<m3+F6mL^*4B$;9H8+5s+Qh=@Vv}vbgcO?
z_eMZ{BbA4#D#J30SCC}T$~n(hTMe;hXTTHc(`1|Gro2H4@fgnHCP_)>1_udLqZ5f5
zN?UYmc03;sJ)9ID%w=qI3z^3k@TUZlzlm{8nMgi2oleF)Lg9{MQw(hG=Nm}s4V$Ry
z4Tq?gyF-SmGWja23asuja;iOkQsj)`+~1^^9y@)o4E#}J(3%`Ul*B%aDzT88<{9(t
z^>qhTZvQ9ST8H(S{p;ep?Qv?VHcfJ)&Uo3nyY~=yZ3La;+s8r-bs=LF4dK_cd)N0u
z%jbf<#?pRnj8rf$K__4li#5(`^cD;LRU;X5dM|mv((j+~GDL?5u~ni2fl99Yee$>G
zF|^!3*s}Q@?*t>LdEL0_3_-ZgU@KYKrWJu0m)}@HAaBR@6-;Ljd*ZAO-ek^ifb0%A
zjjv4BqTw|5BI)wE_cpjqR-2sZ!egH2*3j)v&VP;Fjl-k+5Pn})SLUipYvG7kH4BKa
zjvDvN$y4rFLFp=}bg%q|c(J!nDzZG+f!Vn%d+9ghb3K0;KV4rdBNURKd5(eHIy!Lg
z3b=b_Sbb^A>|}~!IDlAbtN8H$z~;ob4U|c#Q>fhIhFTyo^s&uh82ns1wCQG;fsVfu
zl6n6{XIkiJjYs13*PWfnOvLX|v8c2>t{8Tf-<k)}WUo>Yw-|s#Z&luMymq}q%n%Dn
z_+iU_JyZ~8=WRV4*AX43;_LB6+!$Bxk%Nh%>J&$Q#v9e|K3-J-nABIy1@^@rP`yb_
zcicLQwG!gEyMN@2QX}75Adm_eNv=OTIj&mXt@%2iow++M;NIpoBHEeJrfB+|Ro2R;
z<l|hgnJ;4KoXR{O>d?eDqNtB5gj|59es_y^)jor2h|duO*|V1v<+vT5z6kZ21w9TU
zh{Nl>?i9GcF>|DQ8)jLLZ520W@5Iwlg206i&;Af35D;qn!AZ^@`Pu4E?&W%edgu0X
z{VudJ@Kpm~8{$z`mA=R8?8(-g61o68-N!%m3FB}cw{kt_bg0~M*=`t+8(Vm?+=MX;
z=$k>;K>*_HfRD8ILvCnYyeX?JE8n!C&Yj;fYV{koGDm`H)lNjHdzz~1z>;(!o^ou&
z?UXt%?N5>ge(#4EN7n!Dwoff2;&%FK4mq?R$!<QTGdLLtoL7D+D~_<ihm&@28VbAP
zb#PYLpsm->1GtdfT6w4m?E1xDT%bEJVyL?mkX2f-tQwn68Y`q;MzkNPl}JR<PInqT
zv)SrV%}CpbVB@YRpm|hRb<pu4!H60pH@?3&(f??%&61j~w-j=L<7Bw&u*qVOc>n0d
zToj46sV-zhwhOB}*E;U|r+;nkxRIH!;H~jq;~Cq$FO}X*IEPLf>grb+8eztz6?^72
zpnh4Sb&Gd3BhnUR>$4~KrqyIL+7hrKB^ZAW1gI#PEhojFa~e6k^M7B%WD?0^(7t8z
zZiaJV^{IDp<DJS;oY`h*XZ(xL<c-^R!yofsf0I?uMJ{mNeZ4tg?6W+z-d4OE8~lkK
z=j-H`ruyT($BB;4`mTmS>&JZP6JzI&wf>e5X$WY^YoI#z(&ZZQ?CSN2<Z4LLL8)Au
zFXr7Z!ud`>k(_bo+Y?_Dgp=JdDthb*=!c1>HR?&5&wd7|RVVp#G<7ZrD&BRIsO9C5
z^0?i#Nf)V@n$L81-<-{hP~jVtxd4$-HPN%J6{9wJN%YN>IMriyr1X-N8z#0uI1dZc
zyJ9<-eqQ5ocpx2rRM!s`f`vDq%|6anUq|<TI&9&Y)TZp-gfjJh90!%e%L^hD-d+R}
zPCt0Y`|>96#YLb%ZIVxVwJlqHaIRm^Q@`YsN*8N)(%V!RwL(k&`d>n<$7EJJ7c?eU
zJ64x#)5JbpTA%fYa-?W@+~p8v-BlGBt}+5Uz^ph$+bCq7VFdwS%85NTgq$tged0}d
z=6K0pbEB#%aUHR;)5e4+EW1eP1Rxhdovxd&6>?7nC3>^p_S&#otKmqT%9KMk7zZlX
z)h4Umi}%cR#^)!52(#2@rN_;eAA_L-57A#*1#<(YaQZ@E2>xzcclDbB?wi1AKh2N8
zQtH=mF`wqSqi_}TV*}-*dt{V-W1sYcnHjrhLg7g&Q8nb0@?SI_b6sx61rmN4ZG7`+
zN~#+%reZ752+&Bo6JI6sA*vJ1*W8(w>up1Y<_%_}iV~ZrEu-t196H+}mh}t+_6u0*
zH6FS8P(bWguaooFLO0{Y(XD)datv`dTZju+#;6$|V=9YUS1h&Fu5qIf9Q-YSU?-ZG
zirl1N<Q}|htnSfb(?_3wiJwm?GPLzNE@v;9077xE8mnr4^LeJ)AAk(ZVsjG6(NvJD
zYh#7RS)99n@*&Z&^B30cSi`9L20h03hQmwBw)NzVqpO3$?4xG)b1k!6bEbJulZMx6
z_d_mYzWfTin@i(Y%lMYa$()x7(S@^OcbDtB5^y8MIx3W58(Y5>!Kjc<h)=)Jt2MT=
zFfhe)%hN_PuEcwoV8Isy=@4gw)rMy;!F2`V8<_Yq@s}%d?{1wgKe=ZuCaD&i{WO=!
zjSSRQSz6tueG|{ggXFWM=X3(VNEl<if9`G;^G5diwd5%B43^{3>bGG`jyB`iooU`{
z?!GECqA2dd)H;i#6alQRB<(Q<0%K#8;6m@_04b*Kp17358VxZN@y;#hOm_K91n>;S
z!DXE8HE6Lf^fI~Kn=kQI?z4)S3P=wk{2y&}%d($yy_ZY_eti;fKoA&rBwLE9^8YNb
z@9PnYy6WSs(a}B5E+j9kDz`BW@e$^*oqi4^T{PdUVM;b%6vP^(`134vrk7EmbS!Ot
zeDpf-HW3+D4)k0Oym^E-l%M_GQf2v*gB@~y@R}^48ck;;Wle_MOD7Q^VDOApVCU|v
z!tosO_)(MAL0{bPBPwZ%2@925L9pFZ;_&fgzW$@l$&8Gq*$)zM@V$T}ywHTQO&xA2
zVwT3Xy|!I8oH-e#xCz{4IHQxZ{3U&J&R#0tvAy_QXuxw^ihLd&EcRtR)Ykqcj{eTD
zi*P))ublICQg!I-vi#-E&Nz3~^Wo{DieYliHHnJ-C`3!FuVdfC2zYIl+6Z5obJ^>~
zFzMACe;TZNn!IyOAFIvrp~~#%LMlU+$Z?_rYJc@hl=?D<x)WU1-Ze%LnkDbsssWr4
z<GusQg^yeyc(CxZe?@a7X~w5WH?E&YmxBETR{)zAfp4nak}voA7yqd~eQ435+zd+l
zc8j>yXWvGSF*aI7oB3fy9DN6gw8rp(x2coj&@7`o0I)f^YmkM)qg2D@$j~QFu5?U>
z^*@kP&~sJ&u5f&>+TKC!L2*p?B+rpYR8*ONNQW8AGFcX+r0T_-hq{x;;GfD`r4iy2
zJ9GLGOud{B&3LZ($lEAIq5}Xv_6_pGXR(c(N`QTdyAawDg9B<3XFEKkr_-DFqIQK{
z*#=kfsc(BDqJTbGe!vu8?=U={d?h6R;bPf$fhwc*d`N@hg=ZxK&?<seul!B|15A;#
z9O4cXB-M<K5=xrm^FBYgX-NAc24+PB2?pCoor!iL_z&eE%Xe;lfsDn20HS<GjJd5m
zw(6rj+Hdl3)NIt>&rv^8yLu5D*6nqMoP2Xq5dC#*aE{Uk*WKX0a_HOJ7+B~E6byw(
zq~CwVF$9vni^-;wTtKEc039;#xIY^k(kTdm{oV(XS*bj86RY3WYXyi-kG<&y=KT+n
zCqYa<`jG&qjv@==>ZMQmK<|tLB9MJoiN5ru9VoelI_vK*%FC6XTqxU0NS6xN&=W?r
zkYZA+WyB=&<@OIx>k?^GRn6FZo|ihs=TdxD<kY+Gk?;83LP<>g#LVopB-psT`MYzz
z!AZ2(OUH<dgFpNZ3J<6&x*+U>_dMe*V{3k8-0{2{u>)$kT>brA9T3kmcP^uRbOLP8
zF(CNKRYoNCJC(4GkVUy01d88iJ_I5yARawu6Ownbu;2z-H(uv=YW+YD;J4QJcE#Vl
zdbCQnm~7F>Rp`diDq*8IgJFjK5jRapxj@<#J3D#=vX)o2Oq>>xYwGxhH8qHoW8N*w
z?eq>2JNxS*%)2YZrPH;Yf2?vD@ay7GKU2M*CJrH4K=fu$a_BC<r84D<S@-9s3o%t5
z0Nfg&)94}NduOgy+Kws|Zaq9*{no60=4eHZ83)H(o>_X1_Y;tNto@5&%*VhLa1WI6
zF!B3l)3uG8mT)xoN!@0hu!^quwa_W(QF}f4ajdz5E@w{=roVmcC-&~gyw{~Z6{|pR
z2gE5^`SAgHvht8i@Nr)qv1ISF+tc@LayZAiPr`%b_%@B1lF$VO{RF2|^$nNL8fc{x
z6f%JbvCL!8Nzqgh3m#kmR3FOPCM(}0<AGa03Fshu+-Q@7h3^dN>rwzxr~VJA7eER`
zp+d^?a$^MNn>20l@zTYdLc=?xRePGRIxzP}JR2Z6vW4QWe&}}6mflBjb;IjyvRIoQ
zTCtQa-H5+;?8Y(Y>@1?U;ahVw^yPF)wi58;S<UUx%&#+9z%#H1m~O9Um`U@zE8Mly
zA(-zzKQE1(I+M_Uhyj7Tc1c8LSOEWN;YnJJ<~0{CM`cKywLak2FRrqJNR}%;OdtB9
z>E#;(!ZJe7{%4=QPTCuL+flm8TTv-iNh4nf@E1(t`7LL&?Q9rn&&KXD6{>n+=0-}?
zmJaGwR$B76$(J|DSa}8G#%W;ucL?l4Plq(pl|p2XN^{=2m1Q|z&0$#78}vsCnTaHd
zG;e}{l6WLz|LZXayzI|wF^1)zOdce~OVA1sh!!rctFK*rDkhVjJBkA0w!Q)x3=!za
zVrjM1gSn@du(<)F=0Tu92O#zNd<|IWUft=G#|Kti#Ct3&nZ8;6bM=(ZA7je!y0Ygv
zQ3MA^{d-s97va@{pNq&0w~HPH5*sYeZR)#97aB_=@VyJgKwSkAQAk%#<!Ekil{oS=
zPie~iGa7qAxqWV%uE^;hd$li!8&%s8hss4n?jM&th6hJOo)8I0tkI91A1^+W#V22V
zg{{P@8U%FCy94x}O=`X@leI*XxX5&v454ZaW)8^p9jV>Y2?0a|83;=MlS$8iHc_UZ
z_I-<A++N-A^sFF>M4dH9Q6)@x3qe6b`Hk)ipP&r>H*9_9&gzOUuIdYBxL7;Qx=(M5
zf0C);$%c@X*!+~;yh=`$Gnn(-*FL)XmKRBBAH+#`%m9MKlgMW}3ryb6jXHX>WO|UZ
zr_rd2uE`Ev+xCzq5U-OiPym1&R#2HDhX9B&@2UP?Yn!6*+SQiQgD9H<RlfhwnM5L=
zZ|FJcxbcWhT0+ZqCOvfMyG3ijwtO>z_v*HT<hc-2ydrP#H;U9A20EiK$Yu`!OjOR@
zFVQv$%F*r)dI6W|_B@{N$*DQk28T@!z1Cr32;l{Bt;jJRYqjyKf3fujsLMrWOKM+k
z7kfsJC~6y=*1u8st|vQcm<M#~y#)4r(#xVfTwGFbRFSOhwJ89}1{61?9u>~g9WJ){
z666pCvcDutEk1em?aS%r+t4KN=j1*g&dC9JBcIlG0!c4yB?ZNIds!Y2`5zLTZrw&d
zpsD6v$9jUj@O)oLw&t{pQA}<TBIp5Tftt%udepXN^=+l5yWFFO=BW7b@&inu3jr|w
zTHn}r&7^lFKaUlvi0j}^@(r;jhrxjo0cuUkpeo<r8sTDHkA$(H{UD}OVXI~dX6MjR
z@$+i2Z+#O1czt5DPN!~vj!_)T!Kp>_+H>~@(dw%|i;@_7MQrr8XG;3lMUTNA7n?Yp
zIx@xmP^44y#dr2OecCkoI%)*hnY+4*z<Zma4H<F*l^?4MyqOxW#F6=CHM-T=3$MRF
zBtg69-Xp_TA@yjN2_c3gWv+hLaW(w1;z9a3wqXzp1o34AtZ;2YW<PW4GZta^Wm`j1
zcR(`00uj<0wv7ow>FjKJ(P}`URxPlj5d$o?w*ILc$!De{s7I)xIr!4dU}Xj2TQ_Z9
zm1j4BRNBj!NDZtvRLmx0bU+1z)gFPYK&i+8Uj2o;m6~$n{h@K^oBB6u>xuS5MeKk(
z6)Vw8E2oW*pknDF!hN1*p#S*Jf2}b6W*X49QP8eSSQM(}yo&bAB^Mw%jLK&77uWI!
zx?9u3fPxvn*;^B;MP8bBGj1<+>Q|GpUuC<MSdHm8V`2qM0w_q@Xhwwz*3LZG;Q$Mz
zYP(RT1~eNR_rK~iC0y-F^Q5qe=BvvI-k?4G7FS_xC4Nd5UMHjY5O>||Rk^e;J^z^f
zArSNyEq_|mo;^=ds142I<<6zmmqt+Ay6N+@;_T`CKa9le)E8o~7F~F;77EvS1;6Dh
zJQTh%Pfe5266u{VH=x}S2at&xJ#?}Z;SbDuBZ2&<^Y@oPwv9+}s(Q0WQ6PeL+nHYu
zX|smWyB6pGA;+5W0D3l(XWX!WXi7D%MvQczbRX<&-<=c@&Ad7ji%Qr1^=?-t@AcpT
znE&QNkw&x5%!w+=PNmus1!uZ1xpmv{z^P&G6Y~&PYhOsQ3sQ9curmL}hGIkFkv$vG
zD`GO8mFVC;2nAVSU9_B&n>zHSiiX(FRb5hahVLy-5MKttff#{mjZF(FD*~7lI{@|3
zC4Gh@MIl!jkOgA<i^WI)CF#yn6}kqq*anoC#?eP=#x}hmEwJV4B=AlZ$?Ys-pYEk0
z5+9{q{oJ(^c>9C%xJl9D@-))Gxopl8|HXwxXAjAd(%}uBoiGY5LK(K%Z_N>1k?7;n
zu_v+*CA}=E7}6yTEI~N$X3#znABl3}36fiStHeR2)w7Rm1fXYtL#7VyWrlEydFA?^
z=+ZnS)_@M9|I|(_Dg_&DdfhD*k5VRo`YPQ6MVO8Z^J5Wi|Bt=cl7!jgnr#KiJPJWL
zUD$_N-J_>`dDg;dRP3oo?y^5I_;X2?>__vOi<`6~d;Ct32~g8a<#6KEF;D7f3Wui#
zQ9!f^Di?D^Wl8(yr1q|;`_mdzFV;E*XUF_JpaH;}L(~dFeG<T%9J~}+`#&C16Zn5s
zdxWVoJUaZUU3S;_@NLhtIgOg-vuR=eFw7B@5A*KwiS}dbNQFrj7+j7YG9v>Sbt;sv
zo}^`D#eO5zZEVu9sJS#!Uj3?H-Yh{S5I4krdcBj&@`y+B*d^w}*jp!XJsGo0mvF*M
z%L)g~xkj5HQN!-9+PW`%;Xn}p-^AA1Cm~M44}8-w0?67H`YYd>Uwt0y96&nmA);Kl
z;u)8T*->Zpbt9tsit~QJ0w^*&in=c{(~T7=Xyk<Kp|4Gjr=7JEtF8>*R20p>KbBj5
z><Cz<)XEx^PpT9p%e^8)S;JP!tI?yAw_A3di8KvmE?7Vz;1`01JwAh`Lu1s1(6jy5
zNtD?HGvDUt;TeqdIKf&#Kf+3vp`ijKo~#+LRMnp}VqnxtrM_WQ5b255S3r%U{`*u9
zyOOt@tS1RYz9aJKi{Y>|zS3eP8r_}~Yg|}~mxU!t)!RWQns6%3g|?5pUrdMjZ8kar
zVPP-tOWN6T<2c4-IXq$FC8ByQN4-OyBlNG@kR6~FcZhVY){w85)XEK+Zf;ivwLZwS
zqxomiGS4Sp3sFb|hTj4({I!LUTi5~=J{6<PG6Qg_CjR0MYLcWcuY*r_XVhvdM)z&m
z3)Ik3+6Hzh&r%#`D2?Z|^P}INwsB+~dr3)~iEHfqUSaPfWB7TA2MJETDeH+ZK1&R-
z)0nvlQ3^jshiJphQ%#S?b?<>JZlEzPklnrZ!T~|5<$zR~yIEH-v_uKmP5RZ)=fVFs
zV_Sy}GIt4$c|Co4l?;oqyf^gA&}^qx&Wv(%+d?tV8UL!{?CkO0IQ#bIxL+WWGERp$
zdbZG9dvm%baL8GqhsgV^p}qU6&~lQkI_-@F+IuPnJf*YpxLyE{H5QJ`bzdz?n=8eI
zR1;aEKW8C9fDWhtX{71w3>I)Qm7cFKP*RXS*+l6xn-d}gSfoz>7d4;*x5?>}M(Jw2
zZIu@ad&8;w)Y-meB0X$f@D%jW)O-|cUess>#;z)ir{^j+4oVmPkvnF_BM)?U-TFFC
zm7J#5MRm1bpIot-Jo-rYsbH?4n1ItwE5GIs&CXVqd-2gL31M!^Q)#R6dDbje6K^e`
zJ*!5$S6@iL&;Tt!Q*A_Of${?HZ|`;Z3Uya*o-%P9PTB2*0U6ua(7%+4k-aOD9AD*n
zU>4%iZm=AQ8b&a5pKQ@=tZCaUe5FA#ys96a>S^n-GC1D8&aw|<nd%vRzfz$}DZNKk
z_I?zz*OyT~XRO?2DXL#YVDJ}P=#CaFPl5ma5+qt2&bu0v<alu>kW;5~PkgL)<!`v3
z6Sq{^c@BXskOJ--4g;m4ke~$o9JlQ4H^5_Kp#YkUH&$rDLb5u1E>*${6NkeJ8L2wN
z&yvZ^5GPArzF`j=KM?>;2C;_|dtQz9>uhsWnX0LapII7DH9yqcRd|wr*yqPa;E3C!
ztt<5nO2RxZV~<8JEh{!RiVUPyR_<b^PDIEcPC|N@`Ngl!TU>5aa@_KK%B&JS<Y=51
zUGzdBY9zp$AAYR*00)D;(2)<L<yUYX3CXW~68~#&4;|Q}>BgT|CA|_`1c6T+D1ELJ
zqL%ycr#>1*u0Ow%P^huCtPmqBsC1ou(wWGj?W=r~Hdk;AnQXjHzkl>$!WQUwN6lo-
zlJ+hT+v)_meiYPMzi0qiyX(}-WUM!+vH$}Iz(!0uOd@UlsJrA*VS6KAa-QrA{#bcK
z4R~k{0Pamv^jAZifc|J-QcX9X^p2Z%{gjZPn1el4AJ~2o9~+v^LMf<X<-A+fN1$be
zY#2zwKCbFxbH?hr#@ra$cUG@+4r`i?wUoPCXuxQ24a{5KbJ^B58L^Jf)A!YIn_Ib4
z$omi>FSqOz0=9D<+R0nGH0bQfz(X2D2JPVt9L|d&p1o&G(HOB2;AayBdW672MA}X{
zAzqAtnZUY|2Hs(@h#dgZXGnQYW=Wy<N27lvxT>D{Oqw!4mA{p0-Rx1ByT~NmcsSpO
zh)ta=SBTryInNHB>oTI1Ei`G3na_!#tVNF=i#zWg+4j15-koxEUKzL-t|?Xsvp8>F
zHfo%TvO%h~o1O4FoM<I;$ARXiETGqwyF!!+P-%HUc}Xa<fx?j+0By)~p}#kmkVB+p
z+VQV}Vo_;d4=bxT6<tL{f1d}TI=Y|nyrUc|SE*yokDzE|6}_L8Rax4_hb=@Foz{Oe
z$|mruT+b~V-i}qt5K~3N%Mxo*NJY&&@1h~d5A-^m6l^mFZ=RT{l_$#(jEUvOZXm#q
zqu3GO_|SXW`>Px$zs&I;Dbmu&PkoOF4;}%wF|Rxe0|cSQU>42*UKOIaIzbS_o>hKG
zAGrLbVxdVPUnGljxsb`Gf{J66Ozt?xm`0?5dBFKpp6QQp$^RiBXL-G~a<q3A_mh|B
z`|ufIP^<>SV_%2JPKmIMad8cfZ>C4o(HtTRzdHM~WP1CIqMz0oB~dCHI;FjQo7Nu)
zMBlZ7+eG>gDlhz?)H)uET+X#JZ!sm(Uw|MJfFU!;<<}?k5)=efcTb$uCmsLwk4a%D
zR%l{fAJE=6?!t<13;xEjP51aIF-NWwuCit0CFSMTE$Z9kPMQeFjrFRW^9$WxNoi_<
zD%U!fq4mkOuI($juhY{%4JFew&dd{ci?u7w=&c6Mc`6e39rI<G^6z;!UpTr5H3QD2
zIbxUQ^?a4t1-M<C%P|X!DVnau{evhR{5sIN&gF@k01rxqE)*``X&U*Y-_w&`0(*|Z
z=a~Eox)N${@N5lv#B@^kjPR;?Mo75e|IzgoKv{O}y7CJ80)ik&cS?7IbazXGlyrl1
zhjb$iN_TgPG)SicBHhx`XT9I&zt7(L%$ae<8IgI`TF<@iysqo<dF^2wW^VsJ4^oTO
zLEDp+O>BXizeT*zETod}rDQSsHQa@G-4i+6#iKoVtYfs6QnY3IL;dJ$6a;6lS$#=7
zAXC8s(*pPsIreJ$w@5DK9P;)bw=#}XN!d7vaz&$g0Q5b8KMs`AjkTfMSNYAY@B$A!
z+AI4%GL$60Xf7IPK$-U4Lm$nFoDR=v@6`k6{B0(>4-RQqQYHCBwp4zIKsf>H&o_i=
zbFtk5=htPae)3L!OuBPN<xda;nwZh6^o9C6jnUz?d<mJ!AR3@L(<&Z)1MYxsSA-p*
zBwF4kE7||>urfmZ>6n1iP<}t-@XgCXA)J5e+oJH}$k|F+jGe^-TffiKM?Ms8>Q^^M
zzBAaUwZ8~Ku+MI9<s7Ny8D#_>ymcKH8?GJR`IZk%O!ViVOCW@T`&R$z9JEZaVDSeQ
zDr>CMUuPQ|VgZCNp4R_}mZk8{ZPLPMCNsMRgy!Q-3#@J*^zHiHZVyZyAKKk?kXP|-
zx{9<;PEJOXW76mSDj9L;0AojLAML^d%=7aW0>)7xoQUAOK@d)7d=etw1&b>YIk@0r
zm0^UT1b<T0i$n}9!(T{?11Syn|4eBpbJpaM0!T_V9(K8Lk!O-+Q|_x=$HgQ7UO02#
z$3=on@?+y(V9e_zN0*i~E+L$xQUN_VGx=@&zSNAjDWG)IJBf?{*k|5*!Uz(nN~<7S
zKraN#(oXaMho0$oeBsbH%%F%2nkLO(VUPc>Zg%;L@nb3k;aK%jrjrYQV=&ipnnl6+
zDkbXK81E`y`qUwhC)9*iP12{;c_HJMk;cZD*hhQLObIj-4E`RnoK(MP-+nUa<UUz0
zAv`89dYUKs1Q6&p6B_<A+)Uo%Vp4F*b2$H_z)^?rF6aF$XatX(EcyO!q2`ou@5!^b
zc~eg{WhW`z;9-w^md$OTulu`%r?;n!*GZSDSh?8bqq$Ss4Djn35o|;d52Sz3TA=b}
zi--^)CdAT8?}Ges4I#2IkxjqP9HrM6*I)ToQ>4FFurD$jwD61mmk0aLnHx|5Hp<=;
z<hOY+Oj*NA)d23vHqqBScfpBe%Y$ujUy3pWFV|`uj)R!Ltz+_mCf~l2xg7i%#`y8k
z8+hSsJ!<D5KY+?7NlKfBi7T+9ZwneL2KXma9av0&ZZ_7ip%n(aaKi~(ljvV78||%i
zyi?fW9bX=&yqD|epVLp9^QF2s8}^N+U3kOj^N_HyM#cH_xG`n$?s7SEo^*c-z-y%v
zf^$&dt+D=nE~f$JvlzcYa3EBVRfzzJvPu-zspS1{pdK?H+J7II_ty0BT+wt@A;E`x
zir@ZNM8`8XdmEeSb`ADlgF@4ojf>^d>iJhQIc*5%+nb#&wT25Oa5*tSk3y-A8w>98
z?_po++l@Sf1CI&YgHaCca{(XZr#K}P$$I^Q92)SW<I9L*@W1{;t<3rthtKturhD7F
zz^~71-d8Hv`MPdKIH|0sx?&+yy#CQs96#(?*_i?69Wx?ea}lOFi15}Rl*10S!2pZh
z&#xG4uHZz40Jb?WL48%l_y5@(MkUKt{sybh^(5?3M|rDydBRbSSTVc4O#v^p2N#^U
zd@AxD*hW@P`%0%aj^%bniNnyz0Ffj-EG7ZnKI&g9b{yU46+@E(ar%`o7AK5|`3*1`
zklFwt;J?!X(EhzK;Ysps689$z>!qjI7=i=8+FQzR&fH5)rxSy*=qO(64nG+iD1tk{
z5DaT?02gDS10L)M>+cnfkPW0lV}?!R*|m|#!ILgP@I`2#{(q0s85v%Udrxic4|VpS
zYCZ4XbUY>l4rS?9)NDy1)0jalWCQd?5+<JczOK`W$Hyasw)h93K;MHg9?Su|pQxBj
z5`m4LjK5`5he!Jz4SQwvRR8aDnkLHMn%>QA3s|?%YqgI)z;W)U@>HZu7pYB##9<KE
znAAs~3>KRIv(sVo=PB`uo7L~tLXgG5X<;%%i+8pEyS0J#Iea$JE|{zdFN~24qds81
zSN?CXE#^~IP{P6d-AlT?PKibSnT^WM`wL$`6i;WpQ+HXep|0v$8?<9Vli<l<lkRDM
zz~YEGfP}_)(~q(5ntBpD;J;h-)ajmRD>u}A(IMI8>>olHGJtPK%;}w>^yCe<O>82Q
zI&-2buv~ZofX83Y>HP%uE<^%rx^=1iueS*>w7J_Ecz?(Jb0w>j;-^D3T0M2UG!3aR
zD7<cddf$D~=$unO=YTxdQl7jZyJLG-D6ucCsg+y1&*xD=b<dWjk+kvtO-39dI6K6;
zZC;s%!^O&(JoCr{8qhEPr&M|b*@evqv{V4g9O09qHyz;LzIn~~c$cZl`g>@N^>>Fm
z{Q7Fq022IT4&1bVFMBx{Gu7!6ZH#j4GOM|^-({V&#9?M|HFv7f>QKbLD9F;u)#u^?
zw48sE<dZN)l}?XlSdtt8uaJ4A60Uh*IPtC<MYYYIQH#gi#Qv!h=uf^v-ySz_1K<$`
z%6hezxLie_*~@j5)p=m<(+u3WGzRDa37S+F)Hf3UcA}6;*X<QoedXHk+vj~QlfIj_
zV|)}(y0TNhI=5BFkPP7OjnI<=u5S3qn1y*^bjc_6VK9(O@N#z!)DY;kGuuhCnY7wI
z`;%^S$3v?lu>d+I<pRu2zA((BR5w!jEwN!w7J(MqK=h2N4NfX4`tJ%MFfK9az0TBz
zd$v2F%iB=&zt3+90V1%`9c43>(xv<uzD1va0~aH0V=Mx(2$fD6ZM_QNvz`t(YipxM
z)A3+Bg9IOPvqjd1PT|bo?p%Vme<Dnnmd95xt-t%2Y(Zc==I?#xh7S<lj(o%2P@>o#
zKCElIGyzz)l5-S>Tk~#1W5b1<X1-ldVCU3&O-ja|5dwWj55nv5uW>v`HRL`E623(I
zK*!az7V-Yl{0qs0)mS#h1E>CiDB5~bl3CWjLzb;Fr{UQhGGZTRiPD0U5dt#Bmt&Rc
ziijMl?OFyr_HQa1*AJG8bI;zbkmR~9nALWTb>32GMNBs~N9=`m-d*TyoL=g;`;ZHQ
zxnwaUuzxI$C*s^=x87xqmi3dJj_Q`Y1Mriuw#92t2?>%{{`Pk3P6>Rk^c4wA;6GH`
zQQ~;-eyZW=pH<Ts|0QyZTaBaJvkK<=x|rIN3cvxkQnKXd!nl@>DHdij2lf$E&8Mzc
zXX9!1ij8M&e~WVlLbh?k=dbN!ysFGCa(d?N0=tNPb>k#Y_bz8;sV^%NTjMFKg@eFr
zEa>`MwQI|F_(avPy1&;f_xOYhkER6pih1ASWuUKKLeFVPd;^_ozh^)DPL6KhV~%!g
zP99I!MY#0>zS)>CHMkkrBN(Nqc#lkrv$}kv)m!|q^Vu@^?aAb+cm3|50UK}}ttO1R
zb1Syr8|?I6OFM21SbzWXY~Mhracqs1SK#*|f%K&m?Sp(RY~BRo*b!OMFm@6T#tls-
zbuXHb5HSec-m?J;XiZdThpIwzNMCP4@RyH;{;&YjR8ANoO^(0cf0c{EonvX^hRyG~
zslacg|70NIG%xNuIdBuy;<x<OQ=Y{o6OJ{K`bQY=z~*l^?{l;m-V80%*z<!j&@XXP
z&r#}~J?TwZdDmOLk@O*c>jVA2MWdGCMo8x5c{7c+e6`vH|H)9<>OVgq$$`C^Ov)rc
zJ{Fo$6}rbGMFaG)3nkzgL|(4FCj@^3!llO~h$T{uFO^ru{^EIxnFxe?J&&ZRh!6CL
zgc0@>m)gLD?C^Epwg2PD_n_49BcHbk70LwY-0x4L7g*|6SPG*KN$X1!FIuw+f$?h?
zK6nz#L~VKqc%KgR(5#O)Tv<}fZ~!n9OxGbjKL@=MxyT1;Ae-7KRuH!#lnnTJz<b{X
zq`<trq45+2@alNWLwMSq4+WJq>=tblj+skmi?t;RqIZcl7cMef!O$T7wSm0n6GfBh
z;Hf9lS1Je?JOO&H&@%#7_2hEzrRdzd=mo%5h54wJyL}K&>LFVl9j~s2>XmfVgzMcJ
zMv^6`3N(~HyZ{SM2T7nUorqu-2J;Ots~p%od7dZ|1UzOLg3qnsr-yW6zPw;`uv3M!
zd6Bbbo@A}duYa=j&Ft{2e9`i!y;ln@R-K4RJxqh&Z-ea2H&a#3D#1KG`6G|mKz*&L
zyP9ixDi(~N`v|g%oHwc}e}BD~{TunC{U)HkoVVA%L%^U_eE|o*57LGjPXwHmDTsyu
z!us=6<^f>fk6|JH#oJB{;F>b3WX|3-f+a1{86N&gZ#YWg6zEUmlM0(rrRr2%_BD10
zGv9Iev*(E_Gi5HhJt3FD_>DlD+-=$2GlRj)s<CTvv^8I~^Mh-nL(iXyR&3dmr$?<u
zeE6W)A@Ki{^nI`}JDaWW{YUk`7<ANAYXyK4$b?yoKB0$Gxu2dQ+|^@Bm@T>bf;R<@
z>JTtnNvO-Q+7~H7U7ga#v9|k%hce1aGZs-atNw}5@vDdXn@awS+LB)-aVhwGRe)Nf
zNpm8irbP9ZyG3kzuJ%%!+a~9z93HutR+124LrBJRmJAo#kEHxQmn|KvKalij(@2Q^
z2R6;?+T=Hczpad`3M<cK#GrwR%pL_{Lwoa#>=o{<>*u&BFyLGchBsLGnO?dS-wj|~
zQ0Oh=#U(5I++QTAQh=bc;ZjaJ|97GT`VrIIVEUURuxIwfh5o4)x&7*|=kcY^s#Z^s
zjS?$tc4ayl<wdvyMF9Zhh5zdw^MPOLI^;A)L(S>QubHkK%{cNo#nJzRv%y^mgaDp~
z@{1ohaIp>;e6*_JIO0imEd8Sn&-FhV$)%FKdd99W@vr~PB}D<t1P)c4p}p>1=Ce#@
zMP&{SQ=)${KL+wF=_R1U{|2uP|LxTFedtoBX>^`q`p^U1ezh)%(`w7fo?WNTYumSv
zv6wPsHNN4dg2W%ZwP280`Bt;E3j+jMKUO{Fw?q|S?toeui&`r5yaHRved>pSk|@sl
z^{`Ycq6W}NY0VO`7+A^9SF*G(s|8ESX!mipivqvE@y#_-<u8)Z_1S^j$ZS-}K$wrs
z-J#o1^t7^iomIW;9`9slsgGjLyQii`qP!g(pO3Xvj*he`E`MZ>h#-cDbhScmR&JCm
z*^dedg_>0mOeX5O7th5-LANFqTs9M*j405Lsm+3%a54MCTtg|Al6!gaA;U)x07`h(
ze1j7};#SF2t4a<$MW1pbZFZ&rlcL5XlRa!WW#Ud>ZmUarIps8<rqyt99y`W%8U%t$
zT*8fJ8V`KEC?*bvyT4p^C)L;55karx$ZnMeF}TyGZ-KgC>@WyL&#ulrPc~uA>+kpm
z@tDt-`)NVIi~yHTx9+2yI1?NlY-PqtT-(iBhl;5OA$~(vqn64QHl@Ai_%S3>ogBI3
zf02(b2~ltbCC!+Yb3P^3;NcQ`b8i+T)C6#1Eqea`IBk2L5k*MBe+F2bc|a`#@yMif
z1Cp-4LTBR<S?~2j=&^=(%f~kMTssgZL6<ZfUS@8ef;jV5M47|I^vSt3DPj7Ynr5sF
zl*AC`oDO7#9@}D8T?5w@Qer#V{~$-^yH>rF4(W5j0)abztg}WXmSjN2MgUfDJLzr9
zFoFBpJ}auu6@y*OBzSj{Ug9XT3yL?{C$4rCdC92alN-g1pi9|^TCTg7`!Abd%u4Vy
zsvTmG)k%Ud)L7GqDEQe<i&Gi2+mHVpJgDT{<Y1dzwGh(E(iSH%IC(5oo2C8mnv$2<
zRfY$y4W{Sei?ZD%4sm^rupXnVj$<;t)z>U&+R%@L<NGAzEPN>Oi}b-{DF~k=y*Y_a
z`CxB1$u29o?}}#}{ai8l{)Xg(Yox|pe`Ec40B;EPY_Zq^ypng?Hb|k2f19y|<BIH8
zk;y1oaRBa`&X2SKE+yKVrneDi_*b8jahM|asa#40@=fj7fn;PZD6xWV`*5KYuX1SZ
zS@w4Dmu_UylA?hAj^791-(UhKFvxp_){qs3#gtQ-^<u~6;ux=&@vUZm>#V|D?n_ev
z0$u<@;G8)+s5evGr&AxoR^?Pg5~mu^n_^x#-fWF~$+Ef+^jT>6G!>KTEQnZhc`1Pt
zsesW0WO|<n{IZ?gym=e!I8@U7xo#&^0#qD8Qw8+Gx$)svbl!UJ-DD)L$t+_H?^D~V
z1q=7pq%YB>z=RYH8^9SYe3^EG-D!M{<7=M0=n}`fCn!F<6CE9AhtpDl3eyd-8-pGv
z!<8x1SW#7r30K*%^-M7zs*nmxK?~=ItlEj~UJlQf(;XQ570h8c?U(&cGKp`<4ZzuT
zgYBd0^J_O62&q@Sodvl>P{v|o=T#LUsIQ@tpaaL$&dV8_MTi%|M)*y*3zYvPs&8!Q
zS}fNXcUTQ;Y}Rh@|7=$TpD2Yty*+T<zlck~9sqcSy1j?b?Ue)Vmp}6L4D_wH12GEo
zb(d_l6$C(ovZm)!O$l^$EEkC7Nq<uLZ|X@5HE^N6<H_HB88IBOcJmL(&`;<cSX{2V
z13QETLYoa?70F@Al+k7^rG3VVx3xnuoDu^E5M}=0cpzdjO+XE4Ku=b;+=3WrxCCh=
z3<1KJwO)k*cRoaVuJHzUwlJyAMn$g|vp81>%w4d++$92uwwQ^<R!P!AyYbWY7d5d*
zfQzE<e(tiv@_yIlyYsct-idTPout`6vJYrbST6-Q_TvV>p+}~2{VH#_LT5^!)j<Q>
z?zRFJ$bX8#Vr2!MfDUN0nbbGAui@G$o3*K@+E&8prORy1x;R_OY6&*WaK(WVQcXiq
zJQv7X4Bj(1sU?02f%tDpjKu?<gocu|_lNc8%XGu$C@BOnf(0GiFVTg5rgbeiVdohJ
zYs~q~9;CDOo(@i?io%%Uz@or|bI`iEf3!kqMKM}|D{J(i?O}kB`VPT>x=X;#IqRTb
zPbh;NtzR9nvJiW-EU{V@JJhY_gL&rfcKHQwMxXSW4@@0oV`I8zpA6sUU;Yc1LOwG2
zrb1igGUsD4p}z9mc&q1E5+heH+HX3gnak-z($TENsPAPuf@4gF1Xo0Gjo`vHdk3dx
zzko{;{;&kgCX{iV(VtwYn(=`KASk=@rYy%JD!_YfsgT?DepxZE{rce~9bD?;$iL)w
zd4lfyNn#%_iJ{rUx4z`Zyzl1f(tr*M@3MwZo#@Xk1D}K+rfEY*DV6gqUP{Id7P{&o
zmo^yF)dXPLz6!dnM^wk=HTH`nGzKMxx1+a_k0Ae1fh!Pz(DtA&f%Bm*VLc;5J1HD-
z1*xkrKsPV!&Q$xK?T;%xCGrp=f$4=2Vt<h=d<|y(Su?h*J=b*?-Wu{82iGb~vC*VI
zY#Nuy3<&fKJxZpLRlDAk4ZLTS+L|kACeH@~6}*j7c2I6@!@u5b)@cBAY|Ap(R8*)s
z4fbAJpu)kw0Lh@td~i85Eafpe`J+8Sr^fhFKV~UJa&eHY!2>(OP@>s^DbTsmTV$`Y
znH-mtFUoI@<jy#5WxBnaOW6%E>u8gZkkig-vHp4v(gM<6<gMr?R0J~Y_wH9_xXhLs
z>%nqm_G3%Z8*AQlas>X9P!gqrO)v{x-_jPH{ySgaBl_>FA;MC+!;D1_0;ri)DP^Wm
zqi9{`G%)9j1qLMY>z82+=-D?Lud-nlQKoQsey3sbJ{+LV&Ps}(;k9&QQD-zz+mzcc
z{O7)Z=_Sq+t4BSV8tb$WxGNmSj88GZDRPNn5A{nx0JthjfUC;8!;}!5)7PH%mAH9r
zfd&U(0pdu@a$q(;qtI`MH3YxGC@O0}IdFpkd;V|Xr>*Qgr*kCpIl89|hc=I;4|Shp
zbXOf|hk%+`w?u;a>d!RxqWr4YnZ$v|iKVDOs9ch%mBF0P^}mA&9m^GJ6tbUU{<Q|)
z<oST|ap$^Ib8(<ZIHR|##_-uYn?39i<N;*mcjn!0L|8v*a=IcENigTb$ia(&>5+WX
zW@@PijmH5Zx1`UUd;B5|N3V-&^5V6(qHSW+ZCj+J8K^N+TTKF=;c-c}YJmEQvA)!v
zTro6wVF%d;-wJ1u%0#tQ#v+xoMN*`7KI9Pu9qEjSQ!lw}8O!LUl>+fXWqF;YT5no6
z4gwrJ88DRakFgL1Y?7Z)AB1Y8<#2M~^n8J3+|7ld9{d}5$qq<d5`DPd4PlN^%bKG`
zIa@~aJ^-n&jX@ck`aK@IZ}c_pJ7Ndd;5-1LFliejoA>QCWyE^2dqQ@CiS&`PSSR}j
zKUMe(B3`O`o!485t}vqWBp~nfpUHlPzSjcV9WFgOZa&3S`h)$*U+Ir)#)n6cYgpM-
zi{<>O68PW_D-1dF2u+(LkUhgY73KHK5lyJ?YBE{veB^zmQ7!zO2WWv2YByJees0AY
z5~U$(vc(siCucUjK*Hs+`5+J&%3^s@7Be(b-A-v$;B1sJN&^P*ia9>tg=@AlKi|7r
zHMZMK0TmuMtADWsFpt0O@!aPm?2)j<I&zfJdWagR20cM)yMJ!(Yz`L3W1M;GqE#*I
zX7Jm7XvJ2iVZ~!_)bV1#L#MC76Lf(Zq&nl67MJ=^)}C)Ks_`~fIQ6)4zG1RInW_Z|
zvE<&<Xv43VgGUL2JuO43lqZr(!K(kn_7fMrJdhEA*nWTGF_RrnL*8QXk6D?5_rg@!
z@pS8(s?aWWrqDn7d_r9?KC4v*Ztnuje)Ky3HV`ej{KFMrCSR#$oF;S8!gcaKl&>?b
zsF+Gq)`Q`m5CAI_<zb1FVQ;f}wb1KtM2<cE!1o>0DpDz&E|eB8mT4I)kXOjjDujT3
z*g60stY+B`y9b|apsl$H?|izl#?2N6t91ae;j8!j9vK`2`4kI7=hV6wxWr9h;i=}b
zrkAi&a%1S1*P#b>?X)d~Df)<EhAw%$f~gd*<S%gyluu{efMp#AW+6|!`Jbjy!w6Kx
zN|mkdk3Rx-Q%EH9c502d96|6T^u4Iz;BNV(=SLsABfLl-z}hnQ!KU#2xon8Kg#%hq
z05dp1_AaDa(XY_2td<(B=381Eh+vMeoCu}(CrnLYtHNQqW_070YsG@YKTrB7cIv5y
z)l9<7D7{Xro(F2G*?ARQzm-O1d?evK=}!j&!ze%1Y^3lR3$@a=qhi07c+OGL>hwPV
zUS|Y|WyLx37G^`SR8-GORP*KbsXEB~{9sCwoJ@~;(&>bljVkO!W>^%Zf^9(k^cfg(
zbg7793pk#g2D0vRr?WuCytjc_-GtVw$}?GvjI~r})%Id{A(Q6}H_wVsC-Bc7pT3h+
z@S%O>I!L6D#836iQoHf(KaUX#gZ%UFB^+5aG<rI7NoA>%y|%yTz>pe5LfEV<jjl^o
zX!H7sYNpUD9Li|m>-b>SJ8f=V2zxK4`4vaC-@9mP-rjxN<FfocbxZR&53o5c$3L_)
zu<tU9xwd=HFH^n1@t!#AR;e)Yhrg&AM1?C9e2HmgrmNbA0jExj8L{+L6Qpv&U4sCN
ztZ>@ldGum!P!*U+pXAh6+fA^VH=u24!ouB?%4GNtaZ!U6aKjh!je-eeEZwW2MzPqM
znLOk_31F|L>}BR6Xw{iydsC1X4yvmI8rBMIP=4vNBA>Hn*ZHZf0t2~Xxk;Ay`NuN7
zy*?CA@@K#DL;dixkizLwxy-SORnLn*;&%_mFXOsluYf5%8N~KII6M!xWry$eE02MK
zLB!GsSn+>ZibT#sqyW&V6!{tm6e@R+{c2=^U<vx%CqJk^nkF2`E5I}%Z>?lJ;a{AX
z)K4GIqj~D`)|h_)jMM*imu!!VJWwy!6g#DW5@5acVeRGY5Mkp=fvKIowdHgo0;~5j
zo~HcWL|w5LSHSSsAI}tS>}51ZqXtO~lZ66Z15GbG$jy=(^AFifvm>trlyaR(|Iv16
zgOO2t)!kMz+>xXn#3`Rm`bKS|!BqkSa<}PCwc`e+wpz5{sStS4kuL6e-l|o1)|;zR
z@aDCr13O;3`sGB8X+IyHi*tPv=%^(1)zg9Ku8DuWvt^L4J@xwJc&E04ylLw&k45q6
zOp%(($%e-dms4XAXc6Z7o1ZMjQ@cD#l=a2x+`iEtR}k{UH<Ln%Wh&$Wy4?>S*wT-t
z5~6erMK~U-Zgm6^{`!qFmqHzQXP{|1>7c$X%>~}+k_N@G&;9j{opgGu$FHXgRhPM#
zm%|f!5!N_bE2MLF-l~h2Svh)vJT+#qgr$X+b15nK+8ds9-Hdo0NjXCt?%XqhEJjKl
z88NaG0X!QY`iWJwvb3R1B8CHhnpr)MJv2vpS13-lhVV{XbA+<?Rlwk(d8@+Y9@P{i
zg+Tz%g!u%oaGMld1&=aOZoML;z{u(=f<k)@KPM1#{~a2URDmvnA$ex>$6Ay2XGC0@
zg~@L{ShAQ|ve;M8v%Bn4d{X3sckdg8KOdo5XVUFV^5-c_)=f6d0rzB6X-)!^#(WR0
zRoaveKc;u@5KC{QHnS<i-y(Y5EXA-WLbI-ZwRMW>HZDO!vPOtso_glIU;R;$PK+Va
zWeJX`v=>+LgI`IZU!+-|Gkvc)9F11ecsP#mG7w$4k}Dja=f;DB#{}6C&DXp{D_C!(
zzRuLrB^e{zt3YqcYBMI84B=DV-tb{a)`6h%to5Re8$MU$O0B5(&P??L%J&7s>@I+s
z_u}%q8G@-`&ILu07Xs4hU^<)Ch~U+y3ZM3a1|6IIuw3*iNyCM-gGr}tcF!kshSP04
zwYrzBB!r~ZPfA6Q6~Iu>anf?4w8#r-;JsBfsFyxj);>~vy3qCr%!Nb2%J|#<$O*gy
z-ZrP$TJU#7Wk;NdVq-&l%pa6I*#s4EcG$jbf;aFD`(Ba&E?S=1dw03S(7&Qx0Ma@;
zss7H!`DQBR1)^40QSM46f}zA!biVIK*6{Qg<L7Lf^pC^Xlun)=wjW;lq2o}?dYEUB
z{{aKHU*KqZXMTE?Bd9%jV(X4H0PO?H&Ep<R0T$7PfdR_DKx6>Y$7?7_e>GFp6_Y%m
zL7<Gn<jmZlMg=`HeeJq$Ck~HM=4*^hac4U9a(eii9{|8y`nrvyF5@PocP-!VsJ!|8
z4rR`sstNC_B~Q1S2U{q<BFdjHxi^RHI-#@MaB%tmpd9gB2ue0Ex@4&F%&Pm@@^6mZ
z{Ese$8t7v}v_4Fs*=K_wa5FpY!lpv_g8P_;q=y7Ro>nlFu`#^qIM!&W*G#=^qcI+n
zB^eQC6Rx)yAjm=CHo!F>lBU@ffjLR~T?|URK{vtMGQFPkWVx`bpXLX6Q+c_6mBQF}
zHaj_Y=U&kzgu30?JzlXO{SEU=pHW3O?9ZsR&pvx%#N_+_X~F*jRPQF+O|M14+{Qcf
zlku0F;gt3(*EnI)yN4VAuex73f?H#t@?KRMTE7fc2`~mzYp`~!<jG77W!z_A?Kx6g
zcJQJK$iZq)e1n7!Z`-@d(3C(YH%}&>*A}Ffj(xiwfElh*EAD%cHkwEp)mCqm?CQNU
zJr26e(m)MpZ+fy`|C^*;8<4BoCb$2J4FOX}F+h~i^iFe>qHbLFa2k>SIX{NaY6~rt
zKDc$8w}%Sa&|<x5F-t$g<JEIew@Z}0u^+<!k_!{&!cQ<y&H~RpIXl_ob5Anz!{~{X
zdYtozZqMa0B=?Udydb%sAMglYUHpU${b}VrhFc{Ck-T!mC4YDfgUoH)BSOOI8#Cdx
zLad9<@^r;2>ZsKKpn%rz$u@>eZk3X1R@~<6=&-_6Cv+={0Q^37;BQx4=@r`hSG|ur
z@V{tLWFO~sJ!E4wtwn!-sa60F*+h=aXcICUF)+RtBEliP#7M2Y5%~SCWt!+Chw51x
zIMX?eA8@DYxB=V@kCb>WgOV4aK^bSW?`Z`xTp1|pe5^r7wjP*(r9knff<G%qb`l1)
z;GCJGbiy)e;q$WD0%AQpX+m}J6pf0#wR3f*+nDxKzvxf9zy1hJc1y**rNDub)&(uc
zjiVT%!N*CVlS(1Kf{!~vk0Yyw!wW8Q7Ax@+Cc%umkY*-fP=OCPTjm=mTp9T#lDtn<
z+p2n)el^CEv6SiUbo6k)d`Oh(d+3R&OVzbXpr1#LcDl;NzQO0S#Fbl5H*sqxQHUMM
zMh~^WJ;K2<R6|qla7GNZ_0REpODiT0MH>$hy4-%F-C<VC+08&uFXWT$Oc?Z9akGIL
zJ<;|FggIb@IfAMfPEW}5-M5nVv@xodz#-}3jik8@wikYnpuefRj-L$idFy}nZ|D0R
z`ZPEh5T&#z2nF4v<=d}Luf~_<o#wY!NlYecT&CT&-=nG!uqV>#Wz70K1o!Z?*((_K
zY!YHloC<8&;dx!ejGk`OWb;2M74p!859#-jSKXp_I_LaWD%Q0%s2j}{l>aRka+Re*
z!~4b0&kf#or9;++JT$J&ngZ1ZaiHLLPd;V7!k3f$<9^1)7n08Ph+R;X^jE*!#kzJg
ziAAYxa}w3O?P|gr%;RSS$%(wH?a`rrLLu;m@TOr;?E?IwgswaYw<nYKtl#mgHa$9c
z!<P_6get;)xJKdRelx0RF`$#lLjpb@nc9Nxe7-2}s@?zWKsb)@y=z8wplNJQ5oxxJ
zY_ARTt5%mOEZ@V_(9PJkGTr>2Bzs?kHbOAC-BwwH>yH%8zv;2+MkK+n55yg;9{E|L
z4R#`&I3{ol`O(4Q2<w{nk+qa9BT&o<I!}7^nCX1om^6gqUN{K9MPnue|DhmV1v3v0
z&ek*K&&|tRh7YRjMQS6lT(-*vD)suNG(J<4?~&+N`&IBIl|T2%fBu6jJ1>n)ubjxq
za2KA*2z8_w&%K0dU#=WPQy<G{LQW)3F9bsN2_K(?oN)^YF#(80R$j|$`<YBAKO+?L
zoMGD#b+GfPR;`Hx3tpkHkO8oXvyCWg3+T^~*Kz2XLKX#G7ix9iNVM2r^Tmvj=?6Xn
z)Q3kBvDDM{QAtqUWM2OvX+q%)RCnoU6vPB>X;wAaABn-3H&^tc9Ne<{Jb9SqAA9VY
zdCj$(GrqTR1TVVc_lZXbMn_G$RbXC7IT(I9MwmMkiY_~wR4X!kU4o~=JF23RPow#b
zz$0Ih2>Hc){T3QW1dd_%kb8=5wO5V_DuTc*1N1l3kPh>7YVxB<k|_m-l`r5-O|o%O
zsbckpYmN{06@xv3NGYbBh3TPH<d4Y1mJ)@~*dX6s4+@hrpH!>7)aCS>rT>$WL`B}q
zzfyypPsC%92VdCyRNN(RTOVCvrAK-Wo|fzIi=$R{k*$rzA3rW#<bFPDsPo<f9A(AQ
z7m4RVdDKdr11q^YIdVC^*TUS7A^K?ZEl$Mk(^q;-WIt8P5!Z)rOj=OCw9UsTTJ481
zq5Gi+#rRji+ppcj+1l|0CDO~0`XktMtDx$=|GnKyBud7JZvODoV|bEC(g!nDbdmQr
z0lbh9E-;EAZlgpO#1X|evUj1reMmwx;rSK|`-)l?tTH41)5dC@E{V!JY$NGyjz}-*
zv?+R6-m?k#&o^mda=9B_b3J>Vz^92SBY(ea_)@Aeu}jk6TftaIR;4p{AFdpU;$cS2
z5*q5K0E83VGNc`GYWv%1o)YT2>VYLs-w*oXrf0*l)f&=M!Z<1od8U?<xz}JLdBj$-
z<|5eRpLZ^u4M-O9Vq;K^Hi!{C_fxqt#JPkGp#m31U9xD8{N=zU9l}I^@+QNtZT(~0
z8BXD6g>yq~c825xik`Y>_%|=*vs-^u-B!GqD^rQ~`FIsq+UW55F(l(5+;cUN<;-g|
z9Ji=nCj&Z?(HRgD`C*F!Q5%qXGwO)5Y}T&Wxq_FP2t<XuB!1rZ(oGkS-PC#7(S|{#
zNOT(LpUeL$nS3pJVi#Z+_tY1S(U2#0BnX%b6^4-+Zj<m4ck3Y|qWRJN;J_ot5ux>B
zQi|Od4j0$QTD1vX<WN7q7vL%+Dt*DB!`LPwlpUV4HVe*~qBA-h4C^Rk$EBnyx+rzN
z>$CYh**ZeUL`ua(8PdZBanauw_9fywSm?#mKX;6{X5abj#y;XVZi(@8ex}$pN+Vn|
zKcKEt3eR|8<p`H9DMnj>!hUU&Asml2TBB0&f*HcNCf3zBF!g+tbO9&+!E`J+DM9R=
zk-{Shv{S?vT3Ll=LA7b7Y+{FR5E1Fu_ic>6HGfB0w@Ha^?F(zXYLW|TburKTPA|t=
zf_~)hrw)$4W_RSXZ9Y8rq2|eQSH<*A6sL?V^FfnKr*$D}yF^u)-CT>7T9ctq@}d~p
zxy3C39+w59EKu_DF)2p=q>J&U#S#MrSKtGqLHnu)+A?~)P&dT=p`G;h-Q#QiW+y}~
zWHBq*pZ9kU$`2pM-c8h;FH(s(i$a5>Zp;_ua($zIb-nNj*%ne^fp$S(7-t2ke!xHe
zRydMrOR{hq9#wM0AB%6kl!-ji8nFNFNBMW3%v#Bh!rzL15<tTgfuH%~6oyns{`=;>
zXS#0b`y%CU=99>#Rm|C{f>6!$t(pNiV~buz>3yUU%~CRkkNhE-jB)S>i%zj=;$pRl
zx2D$Y^(b}&D)?f}R8`~~k5FRn(i&uAxJTr3oPRo@as>?|yySB0F8am*A$VBnFNZL{
zLH958auobS7|Rzz;UuN6!DygQEI#)(_6i&&>jS}_Hff6=Yaby|xpk&@y&Op^o||0U
z{A-k;qqdqk2Ei6p&&9nAfl$)*NThH6eogS)_haLK185lX%OQDD65An2_}#6J>$$bu
zN3ncJc=c3%Bgsl^vPYp>qTTe*!!xr&jqtv=u~v|%#fyCJr_n7$hU0wm4}&DXY4h40
z&v{WEe&ajC7j>!Rp*1_2xiyi}yP@P5tLEXV8SDYY6PrHf7Wf(SVV<{s54EUN4!tM-
z85<($us~=5owLk!=n+`Mbu-uEW*EWAr%J>fMfKujySM(OhgL-ke2qq?`*eAbP+?JA
zo$DGWrKk&`)7!1*iIlQfdQOhA7fYYi&%WIlI3}1*)%u?D5A7v{=5xl0^~xtl&U5=n
zl#SS5UfUIqPhE+9K`gfbd5K*%`^j&$rx2eptQr?+o}SF^2kNYGQZ^NPQa?svMmD32
zXnL)zDqK;=##ry8>Q5bS?Rt#}<f~bGpf9XC-js-A$JSUVx6o%SE(y81$c&<upL}=0
zxhhKZe-UNIK9V>c#X@381tG8t$sr$*%Vu`4YJPu3JBUAP(CQPRj(+bW{!aE6rbb#M
z+EmRH$zp?5Cwej4$O1(jo;P3IR);t)lKG#_<;T7%YYlcRY7&?jOG($xy|4A?sU>q?
zHIp0a-s<vtoh5#uV;<Rur$tEdm}gM>EW<;4VQo~KVtsYJ&e*NIRyg&e*NT1&@`woS
zmCCD5(WgfBGNv@14P{-%tiX-PaproY1mf=veW2qAsM~&0Q>wQ3(j?hCVBe+C`>Q!8
z0}B6BI4cZ4bd!TC$@2=t5$#y1!2HqPW<r!bja(jssC6n?O#y61z1-OAOqbDO_JvTE
z_Tu4EhD6l<COK%^yaS2N%BY=U%3E<{)svy()S~|HKM*rI-v@Vmtcj%>(;w2KJ;N0e
zy3d*`#u7P+GF+fQV#F}?L&}>D>`Fr!#1u3}q_nxwi*X(x#qr-w8dfQ%-6;Na#;264
zOCtBSdvh#R7YBAJbqnC9_aX5K78X7x+K~#6xj!<?$fMPcg)U|rI6vJvqZGkIQ%VI+
zHp!nX!vb1&gf5Do;965kT_egJg}a!L$tZx}&40|7_Irk3K$UhVN&Y%wB2fC2MlyOo
zyw6x^6aJSueSz{?f%)rkKXfZBpJ@D^C-!q>8zFgwoTA$)>zE8*$P1*Q1H*$eC3td1
zD3+7RC{|K>kOesv+@UIrkNkYXtU*{)JGCkMg}<SY9cUuMhGMP@t?H>neNll4+A3NM
zSl#jFh<)$jzDq*t8#X4<i}wdIktF5rT~No2m-+kzm5%pFX0c9;+{lm&aOr>X^NpKf
z`mf|s_J7IG@8>4Uj@nT?(Bas8CC??#ktRNQoUr9QT*$5*K~-<D8)PICYMcRqJbmC-
z$YnZLW>$G1UE-_Hn+WvW&c?yzASYRQbZ@!&-1+c}>8K+~6%Ul3+6B4YkS)kkr9JKC
zs4`|r6*{-WE`fZ!4|2hn9x540ERBEKBy0RA{#-+<$k>%Y!p{3=KZQX+h;c`g2%g*+
zO~f?0s7R=LmY8O)8%aW!if8HibnukA78&s?m8XT^!+TVSE^H&bY~!XB{@`>MlA$ar
zfu%nNOAE9;q{H<*QI%`M;3|IOc=&uNYJBx;qaehR+4w}0EEK(80mVIG2ZIk|B<#l|
zM<%b6zu7kfVYW>s^G3;xeCiN~V^ULDm5<Y;(<NH35R!izmtju+AdPJ^W|B`oC8sRA
zt>jBFDicRE8Ou^<4YXAKgX}`nW}z3Mf>vmaBm8S5DOV;54_8La(#G}GM9w8n{%swn
zVbk__dS|@XHmZsUqOnkyE^u9`R<D(#F5xS5TS;w{R$|uE{eMJ1dNAKfF*R^X$S=)u
zTYd=W(5cg&%aDl|NTtRm{81w`s1)gt(3N=PllSp?r^6|&cgR>4djQ^CX@MfE$wX4u
z>gPfV(Ra-z(DEG5%fr1i{K2mju^d)dmP`C<tU<fV3FEtOvEXKQpk?~ma;lV~VQY@v
zJ70gnBSTJn-j=7&eb$&f^3S$2!b&6g5(msmlIZ<L(4!W=3?YY8Ozg)Y5vW|pJDj?k
zZ00liGScThgD=4y;k1#0hY*3gzRtp{`%VRtVaF@k_9KWY(&Kv`K$5Dr?G8JqtjaIU
zGKkRJlV=Sh(vlCmO;4<u7imOrX(4@e^rJ5nS6B9YPEd_2f}DIW=XUr*m4h=NHAM*c
zoTB<^Qi>HQ;~SDncjS5{(^HJu$w>EMi>;%l3~C%Q=OKQ#k|LZ=Z>|a7cSs=EiL7cT
z0n1RqElT}D!-0}GZQaY5Q>U9)BPOY&ZP_Ov=@#p-ABPKnM)8PTN^x<35(4MGz~X+z
z5*<2o`BX+XU2N$(W`mo9{kX?}db9TleSNC1+TYNToKNt*BdEr7cnE~wV#%Ka$5V;1
zO>sVNn&U2r`3v+7#aKDuR>%}pO+u3!e0iMAxLnFLXlyrH7@qqezu?l!H<>Pm_?typ
zs-#>n6bWb2(u#>f?Z9eJl5?ah`=jh#sIeqsTlmkzLXP~165}4jM^Zi_A9!;=@GU~<
z%aHuE)p&oKSiZ9H`JF$ntXY@hvr#|DmG`@`J{}7*B*hsjW-DPb6e0oXgQ}9R_*^x_
zF7HkQXsgl0o<RhqLX-l4S=?S}vcQYxufh*Kd6_bjW4}AkIbzR%mV@el7aDzU1+~c|
zSJ|RPMN<+H(r2xZy}>Tlm^qONF^-gg1zUKHv#Qkz<aS0lSz`eaDET%z@<dj#DYW;(
zLWtBqSd5MsFwCZ5w(a4eoRJRCdr2rRXfwaN3ApN&m;_QEoT#@GB8`$eAMQiLHM~CL
zvVOWK$4mH89xTcSImyyfPj{VR^v8~)Lr975NMCCY^OF^)Bw<3QbfcxZ&k%e1JR7b4
z+4gLlQ08uT!(k4V{O<P0m&J7y_FIPn+6~v(+U@t6+LU)aS#Px`ITiQAX63C3MNWK0
ze~xDZW4=qR9V_aKvMW#FHhzB0;?EpF^q6d3mZJkh!+=P+iY8Py0u2PLxDOJksW1Mx
z8j-d0g`4;L(|1U2X|SIx9j4A2&BA3|+NSaQK!dr;tu)T8cf$#olQnJ=ze*@-lj>;7
zQ+AqHlR9ftX?Wgup)I~;3$gvtW>bHnT$v89%~2}Z-rA5Gz5!Wkd(p##!R>QWHu_Av
z{dFp*%|fphZ5<2gc;yY<bfqWX$zVeI2QsSxu$m}$*V3U}3@#<`fu+WZ>gN*Jv6(?@
z<glyxspDi8O`EeLvnXGb3;Ho0Y*AH#F5EGpYjA3-*d?XgS;S-AV<ekDO~gw57p<a`
zp3%Y0)M0yZ+Li;Czg--p?yfNPP(S3D2<>C535s|p_EvY&qQQynN;G?pdC<j&SbqV3
zwk^iRksO1@quc|Ur`vy|#|~+#m@pyjRIvh{8oQ?w_`3{uo<r0zbH`|Y*#3#$#SM(P
zHmw&^cCGh0dtA21FQ6ROP*?}$TD;-&?5OC%JJwb-9AUF;qvyM)(@+uYSgU#F0Nq;j
z146qI5**=Aqnu}HnP4lmW6Zm%B8I=WKd@VM%TS7<;Hu{8N^5gGu!%Z4NqPJNB^?pg
zps)-tO6GTt&oL_zGHyiF)719&zh0J%=hR;NtB1X5GJL&Qf2i}4j5KHgN+2a5@!S@E
zm@DvdinzFcRD*2yI9_NczSnw57zDp#))$OhGXJFgC(-S7E?ch`uaDO1_n1SPzNIL)
z=vyp|&k|x{Dvi8COddogA7E82Z&PxMB5{T@{e~r>v>7Rezxsg`o?NO<D@4B*mib)Z
zN_eND$EKX_%=%iJ^*r<TRZ^1-KQvvk4P?PE8~<t%@htPP=AgMZuBiOpoIR{>B$qRn
z6GLOPL6!8m1j7~-#6_09th?}{m{TvBd`_`!R_^*g`_lN1=MT@x>o6gyD&&YKEV7$P
zDV{K#)SW~ytGs~#&ZyfT!ui?<MI$SJ`*Y~}*p}$S&Pp(E1BxosE3$mhJ9tI-B16ei
zdmwKdA#eZmQ)2NffAhAIMAXA8w-J)^tz<!lSMYE?;2IyNW4xM-@%v#h*&+Fi@U@3b
zXC9G>_Ki0|5}n?cK)O)}>3oUGsfE*&g_mnbnn4W|3Py#)BLN)-4bj&qgkv>g&Y{&A
zSfpZvJU-VGC`N-6i^n&@q|Tyw*MI#Fky@cg*mXC09EX3a+tEUDg4a7tS*qhyr<6BV
zA>0R0F&8V@o~LcOdXNao5OkB{=YFLpY^~i<j3k=t8QEKJyX+@cGvb@f*={<z;9t1e
z=KlBr^FE$F%6fh9+-}(ONnBnXNTVN!EqpDSCEc^5X7xg<%33}9li9Ufj6y{PA)1v-
zIjk-QQ%t$(sS1U++nX<OP$4^rw|AF<lPE_06{PzdiCGC+W9uWSOJ+}U$-Bzf%GxRt
z%)jw{{CaZq<?hCp?zvx_2!>Efj_cG@aw)!sFOse<PWW8)!P(lFIdE`SH}Q_!ko-Je
z+wkzCh$mI(FW}Y4K<uH6g_0A%xfipz53(HgOR{)xpKGQ&r4*-jG=@YK1`Ae9(RXn9
zZ+WwY@6J{1%R_bd;QW0i&3}0oWPd2e2vLcka^WvRO7Rowga2mGWX%@pQ_Dc-)^%}v
zanOou5abq2<rn=Zw@{Joxb>3g)6>q!&qv-K>K&x{S4kN<BU-XeFbCAFT9y<!Vt?>*
z(m8}6A<~<aEGj*Nz7rPW4F2ss5kUVoz^?@yXYnw`#8;9kGf~#|WjA)uYS3*hke6L6
zmdb_f*IQDKH;Tx9@~sO$bpN3O=L5Xh^68_dNn?m?zCeJ7j3<HvKgdrcYN?}szCuZp
zlQLZCCP!U@+&m{_GfJ9e-03ZF*^YSriAJ-6VD^dsuHK6#$8!nLWGbDrZ6S!^`btjX
zhS+ys$R%E9OP2M%AlwL^B@<@=0*ChKpFiWUewob`8LuGZ#6Tsap14c#BZfHPB743A
z`HJI7G=~C%R<-~2v-?ETYVVeY+>hH8Af)R}mw$IF@_HxP;<QCHtn!><lzQQ7FC4@J
zqse_QdJV;>*mL_!eyPW>(CZ{bHB`h;xDGwV_T9I%k`mmtFSyUP5JOi261_u5wM+7M
zJsRyK@y6M{sBl=R(}T2ofUIHzaX^psWYxNv8U5z~A;SqNlTC;MGrHL`JmE(`VG{&(
zy|*|_tbk6$q?|9I7er%peD<b9kKqkYyCt&C3V8@8)qxsc8SQcMNLaqMdO06giO?C@
zKo`0LyZJF56WKerop~dH;ytTX0DCt<vk&a5#xT#r|1zoK7*AtjpfD6Q%#w)cZ;phW
zBR<uq;^(VO6;2{b0r9<aS?R`!_eEC7ZhxhMIDXCKuTU8@K}~)g5SjvBwL2nON}wMb
zq~b!;ky9hcsfGq#R4OPnKmwe$8)$bphGO-FD|B&*X`9K#t_45gc(;ko5>TXWQ1Ihi
zxkiHT{BbE7OOqU;b}h3)uoQHa#{X-*^mO^d8%3tMvzD6t+nudm1Ix6>-NIe?kQy2a
zJ6=1_#4KU~huL)dCJjjl-Ijb#_{L+GkuWtgN)miw3*V>fD}kQzMnQpsu*7NdY%KH?
zd+5#T1KguW4-X7d`G^1cnEb&KVut(%asROa%>m!R2RRx%F%>NgDpIlu6B;tl25VEq
zg%mQC28tJPA~h5*XtgC(;;<%&4<b0vJI&eCyblE~={vVF#@h7TN7^s>$4)($$5=+2
z4YrykZ!xZ3bbvuGx_{!qP2N}@NAy{Kb;5eyulNi#5o3#K0PBN(rDxup;9>QcoMLHo
zsuhm8Xq3Km9kfLiULnPpzh7W1R%^^uuFYaCXq+zA>Mlylq<8&whQMm_14F@e=Z%5h
zp)EatvAUEA@`mgE9P7M~SDE8TIqG<zx#%ORd(-$wS^AY%$5V0^c*rrb*XhCYli3^M
z!S6J24`qVn4|f29f9xjryaL+BY?YTt=bcLD4L*y5pz``h+~HPNe~tH6g?-?wEbrh_
znW5S#A~oII!^vncVQ&{wGfx)Ev^^cAotLPW?c=PO2&aO9k7071-c};w-;n5iH&B{C
zpQ4%bximM{P(}>KFMQS`5_h|tTlyi~VDlhi8YfF`rAk#J;dMnf?m0k_dNso88!=#X
z=BdpUznq!A^_y0aJjdYY=Yg@6v+nWP7{Mt6=P+6?rz`g6pFh|{*^LW!L%U)G?;Kwd
zC}6+vz3dtDN&ND00Xki&u0=%XZpT^qTMhPsEO*3XUWhW%S!$DpitB#V$vda#YZW9;
zbJ0TpL<Dd#N)peB5M&LH!{_qkFVTTM+`PBVMl@A@RO$EP0Kuy>*<#(wcGV@GMa9(k
zl!3_wV}gT(Z~KU49xe&&d&~p+#wj|PjwgsUHg~!ylDVGnZ5Z6YzaMEWqb;{Scpf1c
z<~@V-uM28(mVabK7~|&XIpr7Xvhi0GT*+KD@Af3NcJq|F9uv>G%S6dDXykL^2}r2{
z48tLX;4QQ;Ws+^3FQ%I~vmGTARG1^T>@lzp-+~YS1Vm~xhDQktozA{(mS6jV{4F^p
zn~;f`z*pBc6ydu5p1g1%QH!Z4<8wV_Mm-0C0WbW}Y?G*~?_E^%TUPbs{j;a}BF*us
zSsSE~ZuI$jPrF_GFLwE@IzNv(uci?yHJVJ0Kh+psEAbo$t+nIDJD?4a+5i68?HiaI
z^W267cR~B4Q~-R5s~_VKv8vo-zX5#tFnt2zPY*Fd4rro#HB8fm0g&D~V8G}fAu-sD
z^u|t3E1Ti;R(8)(Kw&RJcjN<RWn$Syt$~KPNXv`f@OJ{<BAS|==rP07g;=E-m*wXr
zgFT`xC1p{c(ClS@E-_@AH0c;_VSE0-3-=+1aFps(PW7E9eU2UqeG0LJzi&MH{!H*`
z*%;x?!KL8LH1=1KCZ8}Hb;N+Tr@!98*S!2#d;2)G*2}7)65$wpo0O!2)=7lK3kG4)
zIVBl;zc7riDoSGY9SNhe%&+?zZF?<-Z}#g6VX^x`h+E#^(jDQ>@Qy-7M@<kvmvPh7
z(xd?aq|(+)60dQ>z2nW)V!|i3yzsz`0_azY-(Ue|9-@DYuK?1;csDT63A-u((1q3L
zUE`1EztrKqu>Sn~oQdm$<<+((n@xwb{QL2d4W%1bC2`w_W@d6A&!e=%>IFN;7ZF)B
zJ-lj&D<W*h0O*tmOf@H&tuCRuAqPj$C5xZui1ITE73vWqilrup2kJ4_%EdBzTx+v_
zL?gcDqK;>kj%W30zHE-jQtQUlm~%)chU8i76E4U0oW00gyiSC&G5^{_An?7yu+d=s
zeaB6@FUHq*4r?-ZgQ0IM5HUy+V3JV@u6ceRjRiE4`T77v$ts+^QNh(IG39B&v$zve
znWk~isul_;(kzf3$p%*G6=41b#yv&_I1KLJ?@B}rXKzheeTKXiO#k?-yI5+((inS`
zGN0FmIlb7s=JBd9?reBpgUR5fU(x^j(<R_}ev6f6!}1Wc$0XOFH&EGB^kxnx=YjYC
zjdXk8pN+eW)*$k!^3n%iA1$3No1?l@ty1@!nN=F;&(1D$gTuk!wLdcx6>ph_s*r|K
zXtMC0Y>fHV86|n@Fbc;uE=OW1fpz&Y(oX@^Fd+cxM(}WdEWoqJ=9i^+5?-d=I{3$(
zDCuZmAld%&diYn_$ZT1DjE}YU!Oq0Yq*;u*RyrG?{d9TUU2(41e}TYhyG(|1xNqF~
zI7O$R%v%O2!zX<B^SA({`^Eg-d55py`}?&XH`KfHxo$)G$<+l4OdiE7AM4l*-*2g?
zmvU~<Kjgp1zy}L%oPKulK|60PD+POT*msv0c89x&%Ab|Y->3j_GA{G4j{wR9!CpBP
zh}FOYZ0M`svIIqlJ`ZbSC;PuN$sWp+FJI3SeQb7V*~8lLRE+2v=|2>+?fBf-c0c>n
zHNADw*8Ygoaqht5NW;<P<cYKXUGlfL-uHfem2d*uGT*VdtmvcC(3oX@-j#o6`@v8p
zx|1C1^J%u&p<E8Plndu_Dx^A)wCX7Ri0zi3>X792yz8j@V@6=@NB)w+>DJu%K!GQv
zbOAYr<<zyu;LD){)bB%JA8Gyt08ZhLV+yhm+s>CcwOTAi*K3Vu2M;SRJvl3|AM5F^
z-wrGZk#9_^DxAFKt~d6=SirtN8EV`sJA%f^Gs!2Mj%^rd?dg)lt*)65_NZ<a(;t08
z9!olxB~sPG7YAP>^*fIdRS~q>UKzuw?s!=3H;~JUC$GPJ=bP?qm$ENq;2hwG2qE@4
z(F(~%`2PCpOHhqo`SF+2v3T>s=NqWq1c`_Nj()2a@Na=YZ@74bG0e9T0-wM;>rY#Q
z<aN6AyvBJWWctzeOw^H?013$$KWkendzl^wNo}=YltavDQe4bP!-{_dgOwT$wc_i^
zm0t91UVZ=3xT+@GDbKZozWR&OEJ7yA@RttdzPtc%E(+m$eM5VWVzd{ywc>Fkx=<s(
zl^I}LF{doKk+7A8!>F0uGCgXvjSoN<okV{Q?3qpO=-;m$JQu-z!PQPFErGIK<eGU4
zvc&;K?><x*-P15R{sYj=3In%Kq;7tw(6Zg#*yiSB#g}g#T;Erfyd5Vk^)_Ueu1X%*
za$c$t&FA$li~onOzYL4={lbP(7zY`8Xhg&T1cpXJK)RKdZcso(kZvRf38ke)I;2Iq
zLzM3BPzeF)?tP8^{?D=ZKHm5F;uk#bx$o;*d9Jn2)!9FA{C&1R^d`f3bpnWwJnoa3
zeWz2~sIuMLqDZ;RKKG!^<Qn5>Bht*pD#T9|1y(_`xbzGWeAF=i^(l4`Dm}(#!cxve
z_$6454GKZ-e63P#I}`fybcAAx>Xet=jY#FzjKTV79=wG-+)e>1xqCW9jnc$y1|7SZ
z!BuOIrhaS&x9j~P+)xV~1A`pUFwi=~<9Ql}yowaRjy9o3^$#@D3SO*Ecs0M@Oxuc9
zb@gGHantwRioQWNvrunbtia=8uF5bzxJj=eHcQ8ExB2skyXs7w>3XQls?C|jy*<Bb
zdZberbw5&!Ba69j*S3X9?%`2lmc{By;Qfk4HNfW~Z91{l2v(sO5M3T0X`k-I49ro<
z$)-uur@fj88K}}Ir69{tTm&r1?*$lquZgbN-(D!4?B<%dkguunCzyCXS-<1YoNAve
zEqXKSHW2?JhVmV~mL3FBD8J?&b6h9Sum8e6y;QefIQ|F$%{5X?XamI{6=<Mrafi8c
zM7dAN@|+K0!zix;w?)mPdtX2QFwp}abFXB$+aMZ8G#}C3z5S-B9w&y{?XW(KrX%h0
zw**)dXcJMg4}rkkxxPIAHp6orI96uAroWBt=J6e3nM^;>N5zTret>=n4-@K0F?rnQ
zmJd85(10rJ?R}8W+aQl!8W}A8;7x!!s#VsqyC2UTkQe<3C5JGA7{dkP&GebPdK*p;
z>vq9$C&q;01NGoB&p`5WLqLFGa}P?5T<$Ty#O6SKFb^Yrj9hpG7&)t{3_P4pq@}ms
zw;vXG@ls`d=djn<Pc2(ZA^Nq|5l*;12d~AmCv(HBd#acQ`_8s=HGYT3cef|s?k2WX
zPoBZLF*9k9YiL675iCGzaq(+2gE+RfybobRa$TTd6qBg$^c(fvf@sMkbwejQSV(AO
zJB)^8haN^f-t;n+PHoz==FUxGXwKt(W<X+$?)%+ae^UPrVn+M>UKhd3B;7hT{^o=3
z4M)pWY@;>dc@@=%yY3#=%lM^NOFj4~9F5hU!QeDagFgw|>?9j+W={dPO$x+h6R;Qe
z`*nW&n&#7FVEO*O_Tdu4Wwu;g;WL}IAFu!e)3zi54e1O<wsCAorhZNtkJoUEL~q->
z$DqkM<I&v=N_$~gx0P^B^5Wb)6QILl_DBWd9s_h$NuT2-zfrou43nc>@QiX=P}bps
z$H1Gt;q{3-n<M%C)T5v2NrR8=3xv;hB^JL$ipRVp5cc4XZlr4`TxYMIGyG<3rVpmy
zEFsuF=c4@ZB$0igsna&vfp!<ObZV`ht{Bp@`XPRAdbm5PZ~Ilu)BtBfZK(Dw@rlO_
zo}GOHdqS(@QY6q@z7KgZ2_UxEk|2r?@kp|rN3Z1AcN_#t`M2-WkW2wLTOzpgYWBEX
z+%3LRl)2P4ezihm_jf0)dNT!Oul_j0^g~;#F`e<|4<wsEQfYNQA6V?Q7QIi6=rRQ{
zpvj`|c~ji3#!A;gZo>4ojHKcguKE{PtZ79HUe83=xA$pS2I6PElOC}gT1xRE{L_<X
zDeTFJ&d17UxW#@S!O-}iteJ9#sAQrb1oQ?20+U*HGIDNIebRW`*T!k6jrOjpW&3Q-
z@bTBKUAHAEA}kegMi+yci_=Kg47WOGjg~XY3!<>ptrfV#VWUTzv(R?(toSzHXUrF1
zTp$7u#PJ&IA6q^y%&oXD7&~_wNg5-0<p!|;ozKK*+6~fNE^gO?Z(G)EZhZN#Y%W#E
zRp3jp_bvnUCCq+jmVQ!8yQc*Bi2l;a8Ia)OCQ1~))af}0-o~3OO8%g-IaA*=v+esw
z$&&DRcxh#w$97PZ@K^yX*|u4zRb-tT?GMec2_Gud&{!M(R9alc2juP=N=Pe0<w5H1
zvwlaa`Fc0kH*k{XL%qLE>kvLl39=!OlYK?w?((btgYnQccSfhj-p}OHjOz<UFgml!
zN=}VPzwbPx8-uC%7|kh14?-R|#{-Q+!^PoHu2>xkv7e_kO!zOn5yx@-1_c~0(=}p_
zW{1{e<MK~y@n*-Xnv3+VRkpBC57s?a$)ft$o}chN{6_C5(E!=be$D<Xw?FiC)7<S{
z*JUfOE!@4>k6)z_rgJC}_dob(zOt|+j%!5V0E}lnAV;?mVjILcUUV9UXtY+f0K)JY
zBm}kA^2>Et5uy*8|IC_ijT75$L?m)6(t5s5o%uGoemz@`mu-t@S$IEO6Q=aBTzBj4
zQB8<`8QZh9KSS!D%uD|m{}h74xn<JL((ad;c2P?gh-$7}<V$BiJ5`q(Q!0hMpwK<q
zlUp0~s-QX9B<izxo>x40YS~p7%G7ngV`*ULbt0|3yjr66$J#okMOS!ivZi5ljKX(K
zUy#q5Jrs+7v*}~|gxw5mOa@~*=vmd7)`PopD1TsDw@W-&!!#m2`^V=b#*HMYoAqb)
z6@!kgOG^1(hNv&@8=3TsRqD%oR2&D-4K2yta!s4x+-RVDDg*5$`z>bL(5qK7ocJ^5
z_Gr|7BIgI6jB#aKps2BuM#ejy;nCZ^7i|HK8rI2zAjrrw8cXy{;fzIeT0J?#%ki6$
zR4e)#TIDI_q0VgudWymBi)^2F$U$z@Z~}8@S#HNI?aJz9TTjcv+0llC>NoA&(?#zt
zb3B(F(cUf`(kDz99cL|I#jYG7C}n<p9;!7i_XJ4CM~Q`u7>o81MKkNAk)e(|Zc6L%
zm6WNzRjTCN?2xZyle=Jz$zs1)ncKCSoYEK9Lu>Q(nkKo?b-DLoIZNKK<!|ULp)vd5
zi*4M!%y`{5`GYBNB`V<1LGZ`(>;rNbj+*BG9G7o)PNiP#YvH;fZk+0)vf7-^Y53b_
zs>V6QS1{~PVoT9!Pxfm1<A}pmXZex4>ui;uo7>lH*N8Boui@^d2YeqyoZb^Lbco$c
zBO<B4#Q}dSx45|A+ruwV70=Z?eY@{R)7|~`{g|bnp`1I7gyOiM5m!3p{tf0u*^_4(
z%j7LD@)_*$dILaa5(VNrl%Y1$@*9bd&kvVSscxs-WggNLb(u{UrxTKKfz`I2G5G5_
zZi@HgUMPf4?>AqnSGA|?MGg<xH)ZI1eAwN&R5(Ne-};Pv@M6ksZB@PKH&&VF4;i7o
z&d%a@uYpbe1$i7^-+6A}COBU*awkZLj0xs=W|P^hhU-q=qFVzjZTHY*;ln-LY)AGe
zN;rr*Wx-p8P`ptOBmV+Hu)%(^*`Z{6jN@EI<(IwFRpom>^60V}8BOO7-5R$-)z=Zm
z<rF@6I9F_T`O4QUHQD~cA>vS89*Ap+#5P@w`3i5(1qXe|(6_5o#1ps!4B~)e=-`ca
z>bYI*aQMUZ*Y_UIX!3npS1+o#OF+$MND;!LETM>zl|wi(9_a~Ckz{mYZ0PoUGpr>C
zCotPG_qlrE^jN<$mA|pAow%BIiI?KCQn4>%<Ma3P#oskES-4(qWyTFxF1S}}5!RO!
z&kki*O`jq0!6A{J98N5tGidXX`k80ezjufJ3mta=pO!R21ajVdDM?burzQSFD3UOC
zgEd~uBzFXh1S-U#;G01<NP@n*SZ2%^ISkBSXxzhq2UnYZu;@wj!JkPbbjlSSa**J#
z2sVdiI#%a#R7m#(Ir>frj{<X6il=M$J+?U`?!t5Nc=EQ_U?v*XxcCq(LiLUg0CQ}>
zGx|{BygBRPdaw3q<8KfyV3NeNn(PuZPLhv@`3p<?v$sZ)8%>cX?JI-P1duP~e;x||
z3C2&<as~!*z;)hZCQn$(CJ{ROWV68R%~agA>ym41YAu+1Zw+wpTmXNyr;%2wOeVPf
z2lBq&FR8m&z{u{|Y18<{WK5{}VxCpgc+|{d=ySq^JqyRHJG|9Z4WD#crb7m&qt!Mh
z&KP5sLC!OxPwN8YiU7sD$`NDy#%1B@Lt8aVD@P}S+vQm}5SR=b_p?@wy}@4tGF~;S
z9dSr)U2Rd}ulo*{w17lmo80t50_IK*C9pQpA|b_Hd8wT{b75%W_EQ#&b(5{#0Pl%z
zT}N}c+(UU*vOX?}P|kUj;iSxJpj^yP?Gn#1<64l<>`nJ{o>{a}8s2R3#XQ{k53k(j
zXx;3b;Nfb>G=v3QwhhjU>xT4?c17$la<kUfw!oR8eq&KruQ3CxMBwZu?cG|>uh7~*
z(XF(R>)ZB#hvkgdQvzHnq%2AayoD5K;3q3seqQzf3pdpvWOn3JX@$aP>vHU*&67WD
z`MTA``fqJtee7(!W2<9uH*kvb<VUW_QqpaM9=C;S^JY>?1N|9AkcoGLGz`qGT)+pf
zJR~iXeadX~glCAT+hq`%kZs#j8QWLhX%`3km~s16RkBr8@`NLllK*oETJQ>Un=Fyl
zLCc@|kEcon27dh%@)P#|Ig|yqW4r*7@NgN)XvUMpPKL;+dfO7VV%z4&xG8S&?Ihv(
zR)dLad%sBs@{5n#ayvT76HGFz#Bf7Z)Azl9nP1@*{@VE7HjZbBA7lNwVfKIT=<YCf
z(`w8m@vgKy|BC;b^zyXhyC-*gB+;Rh>F;m67OkU}n{JEGdaQelIPpGhTna6>kAe*f
ze+3Xt1JU(?8{h&G02jar?IbfKexaND@+C|&$-aenAzJHWSCd_nTQ*m&FpEJ!BD=@S
z3V>dv(W5Bio0;5>sWS31!*XWF(}Tji)1BIxJpd++g4f)yt#63gEA6h;b;HzkyRic(
zC$?~HX0B=t7rw-xOI%xo=H<sJA1OLZJ65WvrW>9E;;Q0X<ZNUhA`dy@q*1O!8nP;Y
zSO!W6V3s?d7H>n<u?n<n=t(f<?oH^_kq`$%jlD08tY+)dq#K16l(+l)mQu&7A1>S%
zEg(kYr;aY>UNw#9O&S^+D^f?<?EM#H0Q*E>Kr}45;(fl|)e(w`ZVT<+v!qo=g8^_p
zl!|vpcX_DE6QSY{q-T%&3Uu;|`oc5+r>ZY-P58!0>PS&IU=ZU8uy1l4lx=lLwX;2F
z?S9om#|`C)dO-!y2|H;S#;#i?x4C5E<Jv&Rr7iQyn`|XaA`(Sve&kQy@4O<#6&cZ>
zvp!MqM{2+s3=8|<zCON;ROfJHZUO1)VL8atuGSk@mw|-z?z$KQ>uw1(*1N8{SAAy@
z9R`wA4RqgwIi5f>>+NyfiJShjARdt1|18LUjXUAnqpfWB_H-a~|0f11F-jjl)KPph
zt(Bt^jytW$U)2Oaw1Q&Mu=C79Bm4wBFRQ~1$5m0HI+2jet&&1DxfLa!79Z>iz|dRy
zKV+?-$ZjopNS&!Pv3nYci%Q3t9WE#-^5vDCt0>T7XDh#ZC+{<7H7-5OQ8C^}nsHGU
z&R68E^;ij+n9C-qmMTL7*q~t90FQE@4|uW&pc^Fu-y)1Wo5%AP_WLyME2jxLJ(r%<
zDQgQ^ITh9p<sYF3#WIT}&4k_jU<kl<b1FAGv&iE0&bp1zWkpPRQwuMU^NJSiyPL7=
z)xQD0l;ORt(#SCV!Zbv_1&$KJ(|L4^Njj?Kb!Nrfg<aDBL?^)jix^tVsMwrAGDrs1
z+i|Jua~n$&_BUM4aRQW&=rLS|7eP<x?57wh6}~+>F~gErP1cf-RhHz+95OoYvbJj|
zaZTDVcGn~cNiG5U>7<=L@FudG)XBuTN(0;Lw!0l$ZM}y#wpTVA;836+Y??rNY_;iB
z#yZtR7}yms5s6P8?wFxh1|CCw&MzZ7wcp>dSY7p+z5V_9fL#Nh7TO&2jX&pSfbm#2
z=4t1H5OO#$gB^{Ff<>+AhW73(aEQ)5WA?c2g!mAhgpdn8R=5+71<AtYP7GN|Vo}v>
z0r}^sTxKG5VC96kcJ}J}hASH9Hzzn*JW)kPd|jvSMi?Nl6V5N|W6HxtZ<?-Gcbqzo
zHQqp^n9>i=&P#_Hmp)~OWattAN>g^;7-xf)P{fO_Nx3JgSp(lIqsz?fMmst@5pK{n
z*7jX69sERMgDaD|IIjyI1=1!3g4e7@cW`{^zpB1_Cfkb?@zYXCd|(nJc91>&K`)Ky
zyUq#p=wkc!)M;Ro@4JsxBwSpHh&C>k<fABYprQzf_|-vZY*SMpjo?mw-K|Y`rzRTT
z+0ym(Oa#;)nSOXTr=qzWb+F-T3GXWJeTP8e;iw|u_5UZveMXssg_ip!aB%1CVT(-?
zKP@O9=aW$OXz7q8D7+W;?HAj}KgPBQ5Wy-Kwd1<GeZn*FOAr{FE7BKk9eu;iUOm^T
zi^2di50m&7?`{6=6UX{WIjCmTRvBj2)gfUh1g>s|{j;%8dmVRu^OI5!iLxn_?tUs@
zsty4>+J7ZKox^=dTQyJRCQ~Q|q#X<`-zwK6OHxTUTvJ?LFH2Bd>*0!5e}COCTyI*Z
zbE^HO1$#y;ZasW!NDY@CVH(@=n3<OOu3fUFW*-@Nzz`1pEn#V<eqE}$ue7v>zdOBh
ze2TkiBRbUph>-3RYP{DzW1vNs>}xAIRq?v6AZeC02+_%*cSaEBH}h4|QQhIO3M+AC
z{><Tb&tUb@KqmzHfB++HRPZD|d3npN+%$GsPC<EGgKP4K%={ND8fA$zZh!9IKbE~=
zhjm8aYxt?(_|Il~SdfGS6qp5x&xLACi1Me@Fhms74!|6i`@LwDyz*8Cusy55nE85P
zey|iAR@c%pG_q9sA#_xEzwp>NiXl=&%E(BCQU<<MfxHY<ZwXyw)YcVaKx*HQkOyo0
zz-(~ftG328yQbIj3Rf5MidR{Y3YYtdSquxgUdiHzyHA3@rH&4+F6^vklSUplnaVlK
zEDqx;F9Cj0hitBgk_a0JC}zBW_suKd)pRc<ss&HiK#IJ+>Rp{j&|10V=noAwBvwUG
z>ur<QB8N%rze53pbwK{yClyw62kOD|j_T%*h;*tif?(^~DDDe<f6t0$<+^G`ZELxw
z;7jXULip_zLRH>4iNDnWlB$C;+7{(HjS%6PFhc`fy`+y`&dSa&)Jbdos2*)pVZz@8
zG7%z)=!ED?|M1YbDKBPM=^VADu_^~AJ7Ik8Zw%zZBcqoJUHU8sKBeDt_%;Ogwqi}p
zkfKDF2uSgFI&Rw?(cx^LLqX4U77#&@{T6o&QTlM`UogySVx*Azfk#G5ne2_kAl6I1
zb#{ZQO-=s3p&P>8n*=eMV@q=P|CeO}bhmm5omoK;AV~6)HOGY^Nd=ipKbM6du`&0d
zpIO{$*^|Y38(Q<he{v)rtYHL8PNd3KYTwn4_k{v!De`Mqt8v<p8_sodvScp!BH$va
zmiEq?oM+ik{h1Ud5U}_Am<=Sjz(k>q2H*_x1NVt#Bl&?4B8De&_(#!k`$ofurF|am
z*AmcqeIe<7(RvAq=im51C`~e1wyBXn^qW?TDmTS5+Qvvg{=d&+>eEHM=@83!nRIBa
z6)!J8Us%8-5b}f)I=1#;A>5;G-V#VRgl;14kPzgwZm;q{APMgTbp#~yEi_mr3^~+4
zh!$9wf0@hj3YgFsiM0N{Y^MzaUeO+D00iin9#5R-*n|s@DgWqkqwIQex|d%V>JNt%
zw8ZSkKQ8$iqp7^TUdFgo%N$f#&=vj+=1-$}=U+k9`HOrVk1WFCTx^ZkDx77x-N^FU
z5U+)9Fss9{G&cHH)4;9ztn)rV*L2XS;HSDKfolJpUYpi?_CK&Jdp5XKa7JQ3ut89i
zC!p|`-5EzP*0=x0rF{87LseUc5{nM5i3(JlcoaNu2Hqp&d+2hTkeSxMn<XsRTd8@I
zc+=Hlea^-;4@Yz}ZwN4`SAb);G9X@;Y%%-~zb>r|t7Ut%OpRrn%q#c#QG?9C?tuqb
zB;5khCO(&a&#m2(UKyU%ka0Rk2&aqy?gMjT-O?3ht061<_|?nTnJ0{a%gb1#7wlhS
zN^$&Yo*VO2z5gaUoWcTmI!zma=!`9oeh4%IjLoOdI=d5q#ErOSrG0#F3hW9T4gi%A
z1Q9B}dMqCMysGaP(ikLTG0@L-8F8;q$BeZYoB7<5V_Dy)|EDasALKj&c2`SzH?wuM
z`>ZW8|G#tBUM6r1mL%BV#COBm_0SDUiH!xuQ3!++%a6X{0XX7K%gS-p<GD{?ukEL(
z9sxC$hen8<Ay0p9uF|Z9ssIMl;1&Yqx^7T5pLo*Sto2`Ftp8WmqOj1a8%^!@guiXS
zp9T3*M@dI3=5`yvVv7{uOWb)+=ddn6BdWyt{sd$j0wDwY0gyVh#z4}MSe}GQ$nuqD
zvgIKfz+6)b>vca7tIe1mE9LtEDw=BS_FnavWoMPuT3Uh@Hg@?MS^fn{$eSnx-k*zS
z)rJP=wptqO_Gc{7Wk)Pp{IyT;C8NF-00y!*)RRVP-w<0+o*naS^Z&o!<Yb*tBfL10
zkCk_#0;Ymqt^SOk$0hmmrrERnH1wHgN#r(}Elssq^N6kOX93J8dg&&=_h<hf#IVQ~
z5ZA|m_`Wb{=RaSQi&iY)zjWgeoln)I>lLS(R9Dy+SXqRfH@&SBV&I*hX*R(TmIJr3
zGM4cG+6&h$b8M{GdN3RIET05Z8q2jo$Rt91OINxu*9HoI#Kmp8r0MZ`e19!%@ACW#
z6btJq1kR1Iu@G<y)Q#p#PRh7?*)ivR`Kqi-5$MbiNZMad6GMgYsr|N!)H+8cKq*89
zL)(u90iwn!kO)|8x0ZujZfv=eg59&HGauH3DG!jvUdXre${333c`7Gi>c3qiKG);b
zOqv0HcOk3y#t+RV4LfFI$^<7S-t5qWgDrdnZWB32hmJ)Ni_sXAnVesT0V^2s$z`N?
zj{Ve4x(^&9GA-gL9!9SBIprNEIv5Nf>NkU2Ty0V@-k~$C04E^cBM-=vg~8*}oxz$w
zw6ZHg4Bys46{}$ZGNxzAZH^0HI;43FKE3m6hTM)9W0J*9*{~xHi@<<5;O(5d%?3F8
zNgzP>dZ8!hj|iRvYIQRQ1RWsYhZ>SBN{uq=*2yC7K`L!Gm_XKf?;cnP4m)8Rtb9ef
zHub~RH`LS_><u#TTWJ2plzjsV0n_1213cgi|D+~s&JNL%g7W`69IQK_+vM*v!OaEW
zJ?V!41`)O|`}=c_uTttaALQNvl7qBA`jFcr%ry{JN*)Zp^Z_O~z$*IDH-6&4eqGg&
zLQj9u?&oQ@0I-vO#gz~Jir|^3KUg*JzWG2)AZm7~r$pi`0Noupmxus=?|`OyJxeq+
zI&$nd%VGe5wJ~_nMgdD1C?8PQ({iva=&ELhI_}k~P3aKq-{Wl1kBbjv29Lu<@r-Rp
ziC&*Gq09G}&}5QFwz?Ya_<xo(-45PhK*V4>=hZ~N@!$EOi3NNq0uh~e-Da{#Zccs5
zqC;N>2ILkLJgw#H4RA>6i<JTk33A0-p?fa~!9+SU7RU%)%Y@HBh8c-<ayesWA0#b-
z4z$Jb01I_w{U)Gbw;34%)LZD!#0U5Kd~p#ls>rYm<}66>^=2kyi6ngke(N!+E6Y=%
z@iwc_6r(qQSc1_qLia$LE*)$_?M!O}`@K8nj`H5g4#YmaQ!r_(3S7?L(-XYc5{R?}
zRk%rF!R7;H$DKuS*Q8-!y?>JB8J{YA;CGNnZX5(;{ud;R$9B!=g&judyC}j2FS%7E
z&j>41mjCZzJTQB@B-9(=aNvP0tvS}&(%bi+&~(uO;f`+^cX3*(&`@<O^g2WD0z`kU
ztYMv83*zs&fnB_R&kg$jcy3aN+D!}(i_4k+^RyeH+vxDFc1-jV&;^B}zm}fUh`}@p
zeRiR;|F^SSqT2ywsGb~h+n#?Opc+fTP+vy7@9y>y_W|Ji<V4>oUY_$iKNR{)*{T0;
zUm6wMlBFub{H9%L;NR1@K$3j&*3fe|&=|iBL{y9E7|p)IZy)Qxs6aVyY2YU@5Mo;|
zO@G9UGapE4!95_}0M)-G=njO%1BQksY%WjAMIwG$0CAQ2Uqe+RRmgpC(UL$VT;VaF
z;oSc&mf_#Ug5?WqF90zbkT{8(n4B`a_B-Iwj>Laq*x|EEW{cAC;k+JGRO%br_j>yY
zg~?y7a#QaaO!PfL!w!BD{on{w$_Yvka5PJ{ulC3P+l6$>E~17;%=da_YiWKgC^Cjp
z#w`zsESX@2(deR%t8Ejq+l|Kh?Y7L`WOrBU<P}G@f{!c&=U~bI;}*0P&B!xQfL7-J
z*K??a85%FUqSsJ53AHvSfPMjlvR&=hW(bwgAcT4$@9_;g-P{5Zo+7Vl=__!GH=sbC
z{A4p_pd#?WlXF?BtuM^5y~QP0$G0#1(}jA(qd*Zmh33IT695jEt~`f$iJDUr)pmA{
zUjr@v7a<wGJ<A`M1pD>A0ROmj<a%R_f+i?byYhq%skDD&PjS6<Y!bx~AxIBp`$|R(
z3j*JR4Os86AiKblw6VP?5tWP*6<E-hC50aTYtlO`Zr8n8wGt!t=;1-)7bJyr1iGOF
z{)M?EFi%uKpAP;2ER&P#a^h+#aGbWm%XQR)XvH3F{-C8DmbEQ*^G@&mfDe(RSUlcF
zlyEvpBRoM^^Sd}%BpO{-Bs#;@hsToYo%x~NlS=Te$Ul2i1*}&kS|_C#(|4u#UtvyC
za4P$Y&yfvYxTQZkjpp%Pe`BkX)&$5!|G$Ju;@39C)0&=CMCX@gzNa|;JY0(U+|IvM
zx2U@Rd^7uNekQ?#!{@>%U;)ae|AWa#2)|(!>R-UgKY4rAxEcFMfs{53UJTQaZ7~Fr
z`oL{7j|P}IK)5p+*2IN=drg{K;|L_L4~UlO$hwPK|2<n57|C#S>k2Fvo$6YA`$QHO
zV`(55*F(~oSz$*sQLX5-Hd^omvH5`vB1sBPB)u59FWHg`^j);t-GCTez;6dH|Ma58
z04Y6XcVNJP$k_o+*njX725n{EIc&094tdEjO7evxc{&Hj{3-Rqm&b2ZkdCQEUQZqW
zNl_aF6j+&JEIHM+e*9-)@(bQQgTu-Itv^i^Amh;*BU2Syb3c9Yjkn;XV-_Gq7SJ^M
z6N5my8M2Z6<PCHb0IhLoTP+PtM=}mb);_j?mY=Sj-Ev3a?-LV~6#Y6^g9M+!X(g;g
z#HllK63*3eKZPoh4xW^o&!+c-;wts0C+b{~cH9fDy~tt(w(}0{)f5f22PKKNMOGDo
zq)=J5oFzeUloYMF0YzM3=U0OuF8Ev+x(AdB%>)K-l*suw-F=i|BD>J?jbVzSU)m-}
zfqbw@)Ua@7qcdvWty~|VC5GwVB~SKdLrV$@9M@~a)a%bG3tnbYLH*gk{3<WWel}NC
z@W~yZPu=TSk$L|j-&r-6QdR%-Ne7(3X98JhbOU}9$Ru|WkCRMGYKt(--JbBSxlR6~
zbn=;255Hcx9+c0H$nC<RqccJvtxug-6@(|8sFjqPUETa2HOcwyx=r()U97bDpP&VO
z@FY?Z^t*9}K97L$c&*RE{P7K*`KO;ygcbk#xu3<4{=IwP_YlQQPLeHpsPiC|_%&57
z7c|~wW*~@te~tAeX1Kw_94?=gfb*Q^V|#09KfOTM%QX1K;_lQJtI&dic-g9W_P+7x
zg7JW7{v2PPYJ~9FOzDi>E7WOHf38deV*kIvr}S8x7><AP*JVyROPV!6^awIE;7OOp
zvRt9F<TXo42Ftl=L^Z;1`{u#<GST$?1aHsfKB8Kn(ud1qp|pLVx+@CSc90@HjCiN2
zuf4RiicR(s4V{0~{&&bbOAQvo);ssKG;GxBLzHOdrL~l8$$;ArDhTxk;Zvk_pj5o|
zGbzbc;aqvNO#LIUNeF6%?`SRN=olvm3yc4@Ca5Loud=UQ+ew;%Bvl8OuUxHtvRtk)
zi*)#ix&k^L)IubF#h##D(<i6s_A$HY10z<y;MknxZ$KbSh<9*%w?@hP<?fFT>L#n9
znt1%?=Efj(!(tSoQ_FZ&m>K3c&sW?b{Z#F5UVTL7i(aq;g96`!Yzgfdg};?v{QUWw
z`C0*i!@;7hMpdBGM8doiB@ngQ&a2HFy)6A&Reyj{v{3%--l$XFKD78Vd-L*7aiF8p
zRhE-*zy#W<p=PF!68JY39KLj%)US`OQ>@M8$X?uG*+wBAokA=)BN52*x5ANA5Bu-v
zc%p46A3C?xCwM6d5-HHy#2DB;Ta=Y(Q($UPW25HYt%12Y^DVCaCy&REuJ@@)+#oHH
zVdi!lVqKfw{_&ge=y%?Ts_0`eU4f3QAu3=i*inxB2Hl@U&o!UouX`j^*lMf(|6E4x
z+mF%{+Q{!lQbLP6V2K^V6wsYTeGQdggVo$icNo|^(6BJ5IiP;Mo!|%T_k*UB8nUKE
znr3$@O5lazzXe3f?u^<P%}B<vdFO*BbxlI@eef7Tjvc_i+RZq@=UO*YbN=y4%_QID
zlHcJttMP_EVv{X4U(7#U2|+8i#7Rd~dJC=PJD@<)dBZ$NqJ<k(*S8hdw{5Foz(3QP
zZ<M6=*9dQI+Q!gs#z<E(DN$gOLJP(Lu()}mu9dI6u9M*KX8Va2X&VA=jsmA0KQm3J
zCeQ{-sL|hhLJA6d*8G8?rf{hh_eUh4vi_vj2V@5P<OZ@QQ3^iyXIlmzsAHe}=@E78
z3xD;RN~n%*ih}bYbA+Rb#QBjuWwP6+hSOobV>&8KOlT&>iQ}<xEo;8kXor`}qWAj&
z=o;0j4IDj5a2qpxVsX5;`twH)fU=Ycz{Db?;7bfmDH%BafAVT4g6aci%X2Kj54XI+
z3~vrN`r8WG(frKSYjf=`>JL;-Ihn(Zd7y8Lk$j+(BRRw({jDz+a1+%pR$we9p9D8R
zrAGm}!fr@6hpnWh-sfu(U?H4${k#`6tFjFi^r(64E{9)Hytg_ajS$zaYQ8T%QvUVz
zBe?lw9SL;Jh<l4<xc-4ANT6ZnfJ`wq1$TfBZj9O!sEFojnl7a9d-Y?KQyGaj0xar?
zLA3d(UqpuCZKiNPIn>sT_MYTGwz0S>*CCnO>=$${E>GYPN%H@p5QRy`rJ0nSNwR2I
zOdAc0b=8e>Nk%DtA$09Ak|KOIOb*0rF%z73XpM8Y-&2TP!zF6eZph%(7>E#Dt)vVR
zfrRZX3#+>}p1*!E5&VuJU3qbO`jt88DzAtmKNTu{w71-o`<WA03h@?F(p)JEdT1l-
z@{LULi$wUX((CGGk#7;51X`5mpnO9-5%{@Sty91Jdw@UZfl9*Plw}v-fo)mx22g*-
z!CxpGp7Sa4m&|Qd_Ae8dMgy%DXt#EU8nbQH+tf;kW8@{?w5(6eN6*X<jH)RFQRAA}
zSJ}LFPzYK@$Fo~F2e+?klu{Ze8!>H;W-}c)Zu$6neJt*K36{}~d*%e;g3j=+%5^c)
z359OL#u@!3{nrvEB4jtoqd+wpGlgyhU3}{Wg9JQweR))v)ll4oR|s@7k-=QY9M?>1
zoAM)UPS}eD+Rt)vj(ec1%_vdG2;}1IkYgfWrB8jvB#NY}5yg6ktRI9j(wNQe!yr#7
zPtfFzj*YH+hx2x0PyVOzMn<+|01-x;Uq^Xx`m`>6MpCqry!hZkqJn{QrIlz1lXwI*
z)@@SR+Pbg4X){HkvN;^k#0`v%9^S!^v)tv;7*+gBeM~gqre7VnF_xe2Y&9~eO5HAp
z;De}&SF6_@-Ys!#Vp|ct_b!24OYh@|EC3of)*XGJlAJfZCPm$FJl^)Hp~LtGAcB}m
z-ywt0k-eCAh$=Fyf4tfI_ZQW4WzhQe#;Y>EK570tx_wR+!ZzN(!ts#c$m(D=IOY5V
zk?+_?UVHa@ArPjw5+j5}ojoPCuGw77!a|#|q!t_2s=`w_>rF6!O)k}O&<IeL1pRSq
zgOhF}wD_0*m!zoyI*aqBZ(P|6b-QYaPRmDk+JD@JilEy7;2$&KYOFiI2AUt0S|=fk
zx7752V0wB;nIr?jtjXd$$VFm^;ej$C0#xK?R$0sLUS$zDEic8WbY97(0_)uY9k+Ft
zPns=uDjcWQVwmYv8Pxk|h8Ojj!9U%Zis`i?+`N^wO(%;Sml)P&nU_&XexZv}?LNAE
z;{BY`?X8tA|4SIy8>2R<oqS3krDeLV!S$$_*i#&tBv4xZ`PRU167Hv7HT<DW3Z<EW
z&R?GpK<MDQ6*k2c8$$ZaN?gqqZ;O&koIbL~nUV!c&_FglBVuKH#@hg)gYx#qu++n<
zy0%8l*h3|FwvFT-YcK-Im9f~+ZzQ!+oI`%qtJlO|u*h6JMSOGR(>H6FATSV1$&8|O
zrUeq}zc}|mKj_OI5V=+=N<UqLqC?kG3+dXDjXP_sD+YfPI^+FR(5`#e^S)-U+3ft6
zPhqr^EPufa)Fkvl^LfVTt8v~cIa=CA_wh%yWd|0t5x=+9Kq7k9Ap-UU_L`$!NN}e+
z-5RO#a-zTJ5|Q56uB+U7hhuX)VJfHtCJ34j(2acv(@!n(!c9>Hhr)TBsjq%$auKy%
zvZaH-lNT?Ub-R%#^bn{P5!Q1qT~5)PVn2VpEhXU3^!2iu&(pRENAqPqqxgN_-oMxQ
z3xHaT`2-6Wt@gIonH#AT`l!&0py}(RVE&m-xa&`58JDiRKg}JQX+>X^`^*;D=$;n@
zNZS4ww)+hte<@#F47ei-`>v-H?T0FfVhGw<QRDX9Gi^PxA5gl*9#_JdlJ7_h^7z{j
zuVY{4LxY3p6q7#=SzhvIudTKOS+wZCzHj;s(3dhw-OFhMN3VL+RCC_q)I)x@&e;2n
z<eEQ?aG;X&dcr&;l2Hs{sNVtg0SyN26+0cFi_H5)nWw^OwFKy@JK$?i|D7xd>czOR
zpU0)Zw2eXK2nZa}cQy6bhzu!Dbe&+=TWAQW0<9YPpAq@#Tpe+kptdBUcid|J4@l}X
zPQSX-xD;Mp_53>1-}3Gsuj-11;s}3*1~w2p30up{g{&z50CvsOG1s4gG&80Kt40xN
z+sb~YrgqsN{%fYY{~#CcJwnNrAYkhW_>vHCILf7@nXS5NE7$YEUzI{~#-PKABF9tV
zIIAJ|w|;n#>1~WJpJwUyYM&nO*FNPe5;LOTNozUD-?y0j=2>kdd{twne&dJJ0OyX$
z5Zwtt#J|Wg!FX)Gif|^hw20M^U+KDCWZNv1@H{dC(D`N85ZHWFMh@n*(0CUtP-6AG
zz3YNfyD)|AziX0g3E2G6PPEAyzOLQ#^rlES21Et+qWMNk(yyPna$RvboG#Dm4p0CX
zh1pCUS*;&MHD8<=JSbUrUtgKlG9TWdeHgO)1?&wZDovpZL3HA@EgpY0k{T*@n2xs_
zAM&v|r!a~Oj`&&b|7_@|E;JLpm9GC?795t@Qp>o}Eq?tw<<?B=n$d069zC?xiz{Ja
z91sz^w~Dia3m`*AZZJd0<4`w0FkjB3(`19Ackq3uX5}$RD?9ZTs~4`KW@d<@2tHOV
zy^iwNp}jq)VXIJ(olat>2u#_y@YWE_|0ff^5%w%&tV7pG>)p+-s_g}`nWy#tiHsW%
znOSdlav(Ay^(W+Oqi#j(Yo&p4>&qE6G*G2U+O4@U-sK|y+*R%ysi2%t4;g5#P???=
z9=3HFm?ro=q&{6$GgZDz1p{Tp11dpDpl=zT(;!xQzFuXI9;kCku_Xf#F52zL?LX&E
zBVPImp_+Bk-6k16@(_1b&3JLOHM9BA6&8TT`HR3F;BTCRV4tC0{jO0Z{@<7Y$xehx
zS`}PhVvV;pxfd_;ytM~pN}(;eY1{GbueK75>W|xod-u)umxXx_`xfW}`*&a4+>}A!
zL&oo*##2z!&H4h3k8d8nEN)cNS!aMb297nVWO?u=B05E{5eGI{QsW-6iE7-ikuFz4
zE4NEst|Zr0)hf~ukz0KWm&wz60D3S7t(>uqcmwnxwro6ajsXLlI-;^wff|h>WC_7&
zF%DrQi{>9t?lq%m03FMvu!=u>>Fi#ohq_58jy9Xr6Wybw-mh<clq3fA+R(xWj|xA3
z3rk!n9|=|nbbJR|HJ#ss&F-OfvnG6YH%Xzj4KU0#u@`AVq~CX#FY_tDiyU<9gOqCt
zu+qj>6U!q&FU>n%`fGKEKcoe@AbKfC2>!VTN4tjQfiTc@L%NrU!vzSg`5?yxUP_+^
z^ho+Ln(p%YywI`ItWMf?QNsX8!-;zbrF!mKBYIInLE1F=JIbC=Cuck2O(uZgf2`v?
zxYPIXEAZVd*cFN+-_k2~n2~OmORh<~da58NqlO#-VEs?+5H4m6)@SQM$tv%?z-gAh
z5JbioBo>e#&R&C7nc6U#APG$fwQoXyzWvp8QVjk813aze>l@!5^pp!_{S~E&JZ&ZI
zbanBphrz2zxe)<SnQ7whs-y>v7#=(gFZA?Gp2Bc=ltkLGnF1vxPaD#x5|D@X{s`fh
z6_N-y%y7yQ(dh-Ixf#Y)W5E(&YdKJ{L~f7z4C*IeZfG%71@0>(In0uw6E_y-G{nsK
zfJ=;D6EUp8uYDoQNqY6V<lpCD*}fRonm;$Kza$i~@fZqR?e0D$>e=nMv+*OZE(q*6
zs-*SMmWIbNKdDN~;jui$&L>!9Ur2JprW2-5a_Ux%uBi7ZqHd*G=eRY~IbdOG1BI}p
z??U1c$f#WE7<GD3sv!fV8a#!9t|t7dz#f3=_x*L}%y-wA`3np!DA>p7(`6Q$K)dhR
zh+>>(jN7eQg1`4|DxbbmeEg_8IBnW$UGbw>%E!m6<JD(8Rq>KI{uM<su`V+EpS%;R
zgF;t6<49!`F@LP8_aAOe<Hi<W(_u;4e|Wk38o<9pAhncT{r&_7l}&fgF+bfpPa9PU
z7AP3yBnWInqMeoiqgHH(+;ND*a~e=YdF6?p(AG0?8|&+w1iBfE8etFYPLB4HN_wR0
zYb%M$U<G#jc9yc2SMEZEi)-zpf8;XI)$qDWW=XZJ8rQ9)Fa8+-os{;je$2P3wY9g~
zNWH?bkoleg79#h~4F1*#sJ$z%KEkx1r9emEaXH}|&4hv5T4-^8hQ6?5{*-|STv28b
zU3Y)=3etcX!$c~`ZX|oFR}+tu8&qt5HxN|vXY=5l(Z2`FGG-SJ3EkB2*FkkHy{!!F
z3M4rHGEYnvu58?MXQe*yPrwTgkCmgkzn&sMG@z%i(=!~7<f1c{Z$Wpmcnj;(n<h!j
zc*%F~a}{eCJpg{fm^LKz3EEEpoEE8U_xSJ0NSr{$E?-yU-x83HZ@j2;h*`a>M^$Z3
zR;0TacWBphBkL12CFD-b_3zPvn{_9dcw`%%8USh+=#K~|QJ$29FX6lCs}aW!knhpM
z6lV7N^y#X+d(K6|SGK+88||S$(E&++>|ae`M>P}D#^NbV=!mjhwUq(eEO;BjWJ9FW
zq~xH-=M)e=H3UX4VY=6ETX9jYoAZ{l*{8mR4vKPLL$KOaQ@Fm-`lveu3MGtRjNdkw
zX(kl93(wR+gHL~6%u^9s!_7HzK0cKjtd4TpZ~_u@*FSC2XHsV0O|*(u2n0$z=#n7C
zkNcp{{J$wn$-|`+${zF$+2AIA5uLr=^GP9Nf1pfAI*AT$gQEMD8uf03l1jMi-w=!T
z{VE?^bRxA{-xLw>Rkbsk{JHl7-K06I++-wIFEt~MY`>}(>!>dnbg8-+Y7nAX0UP08
zRruEgCTmDWf$-R5JR&c-5(9(bD|(rHie`ZLkxz@v{_(8wKn3VtJpj4H8vh9`Y7uw#
zwWXbh_da$3bLT&k`1cJBBaga<8|Pj<uzbV|^=CmN;N};j9((Nu2H`1-%8$vHK{HlZ
zaat?!AcEWF=$XgCyTG#ZjZ5n8QZ4BP&b}OtLb<Bxo2A5(QBMo0`)+@KO6Xs-e87sY
zAnY<+6~%j5Zu=9*e|YPxR0-xg+>h_&>*;+pT^OwmgQAx<QEhax!#kDHlWgjo`C7KY
zCs))46DLhjvc+gWoSARrO^Y^DCqKy&puZ_F%b`bG*PQ$qNe{f<=>=LA9R1GP@4{1!
zh#pQbNnRrdfg~{Lg~oHS)EKWOD;Sf$jnQf_?M9=AG#O2rUca<HsN?oWl(hY#0kD#%
zMDx6wz@aUj@XWfN6G4w9Qr356N}MN^yZ<V$LI%+QPVR@1*K=B0)PIAL+M-YYc{R#h
z^sDLFkpNIfFPS$-2(p5Eak^^4<2KaYdAoU_tDoyAQTV+tTXU`p!`fVJ?e4xQn0DjX
zQR(jB*_cXLS_@=rq@9l2{S>yz;qp?`KF3Z&m=OeP%P{|ECfq&j_cQ!x&dN>y-1$D#
znyrQ$N4$k2BS;xEG@7M)lq`1Os6k+=(2cY9Ff7*5S_8DYt$!%zNJa-If@tURSug9h
zxw)^H%)|biPqiq>!u5{EJq&$Dr!)f=fC>$_+%o4ljn1T$*}6&1lAHYc**K*KfWykj
z-8aLJ)qN>I2PxCcg!1dMrzr({onN+?;<sM*fqiUy4;O?a)h<4bf86p3kV>kKDkqg0
zU3(yY)dq7Q8W&3R<YaQctrC=&oX-%2-ZlNVGY*NWo}XcINt!S8RQVU)_G6;M7UBQq
z83}viIpN&WrZdcGJ;PcX448wgQ<b2B`6B6w$Gnyp-wCaiVYBBvwj-!9Qwp9OFMz35
zPtej>35LxCAUO^IWtOQ5xXlR0RB=Wdk`sZ4Bn_cG0+xim>QJuXFfLiMbt)q3xAMrG
z)GPs6o4=4V3^PhP%K44o4RFhZh+!;92-X?Chi0n#ifkKs2yoMAQxc30^CC9QX!LFB
zp0I(QUf=AdwR-2}n|f7eE|o6r8k6B;CGV|%owbi(y#gMy1x!q2-~2j0;D0C0o4oV%
zA9|HQ(^=al%;KN!jwNcV3SXji*OkuD-M(42WwQ>NcD(S2TT*d+AvJkQpsNzhcIe76
zp(G+8ILo)YxSFrxe{E13n;Hlb6iN`-;sKLl2pWUCdT}miKc)LZMaa=jJ!QMaL`#Q#
z2IiYV)yttJN1hLx65bdAz<KWg6ygRwEIowS&FD-6T0Xf|(O&88be~m+=S|tZue3H~
z)95%Voe|mD{D-(B>?nF2k2ahF8)l_A$KjpB+q@3N*?(YLTu~}1PsfGKz4hAP*<7!X
zv0Wk-^MF&xN_GzNV?|M#%p;5I@U^rwR-S>XQ#ma14J+DV#$U?cUg_>)PJxeFm>OeJ
zPF`;w=U>-dk90QgT-%?omN{sI*i2RNE|y=}dGa#Pa`6|&UvJ|yNh7i$!p)N$X|L-P
ztF|xHA2il0Kd@DKf7j=Nk&IdvFOAuW0kw0wO6w`kNfr~~5Dk^Q?|<qo2nx1r@b73}
zCNb{n>J)ExXi1EJYwS!|;l!--*^}r0CoMHa#T(JaT5xU5p9Q`80eKDKsbohx4uNdd
z+g5Rg0*afvBBgYD&l?VzXiQ*&bbvczVQ;?#dnv($uyf%3wa>fP;8VoG;#ObsBmvKI
zr#~aLADnHytzEhDJ^Jgm7V$81p;srrO0In<F3x#>Y&0%(G7G!CJ9MHiG693uCNDKv
zD96|2`R)AE^AZne0Q_{V52YichdLgK&|f%=$IQcb6aeDOX4Nj)Vt~2PR~lL}ei;<S
z*ji;jpGq0FQi8TYaZMtU@uH&rPmpY|my^*0><(mc{qRT3_WR*+7Q=77Mntpr4Z<hx
zJj}_%#q@%B*YhQ)6jM)G(`0HxC4)E~fKU=kvGJV2g{{^<mBP{zPpBS+<p!}Z(yx!#
z^ZE(aKkq0?{KC3**Jf>Es-;Gf#QoWp`r7`Y`IyEt1HrK#X$MYNVwvb{;ecv%C|6y}
zeNaN~K(4_6k4A#=>!<4v)GWzGM0>2KQwQDWGWy<ng4U10bXW2Zf(^lQD;Y240r2Wb
z3SBei7T=~&zzbqW$3sNYdTA~|(pDo<1`6n)50yM7@AF^$a`NSA-GO1=z~VEGB8J{_
zr+-rR5H(%xmQcNLt!reohWG3*5Puhd-&MgI&J!HN$Eg$%95|9uX0grz5)`OhhBPeo
z!)dlMk&;~;a46I%c{nIttPn~zc2!l{dzKV}9OIudM9`H`3ue&z{PhAqC^?EA`Y^k5
zPFy8f`2YpzVZtfRp^|6)q^vxOrt(YDWo+ZG3Y%U4ztAj0_8W}r&wNX98eiKxD)<o5
z2cC3a;h_}bO-nYh=+esVLUVVO{TtwylN$2~P%oe%<c$)vcSj63S@e-f--MXJPG<8-
zEA&79Icx$PWMy8KDs`VlP9OZC8wA9srspcGsub@eL4A|+-+MT4u!Ivw5tBael8zkE
z;Q0E_uN#taTX@x+Y6L%O+smPO4|YieyjOvDBDnvJ+=Sx~Sox;!)=AgjI-~<t%3HZ9
z>|myY0oqN#@^JzHf|5fQWatK~cg0l|rsxv04S|u^^z<{^{=H(*dR@}Pu=Z#EOt^jA
z?%_mG0o-06Eg_OoBZW%7Pf3wF<vD+*%T*660AhK#r<UA<Rx3B_#+Q3LQJ*6ofnK)O
zN6au93MwC8VXL8&_HU8Or*gksf>~Tg-$}SatSOc6LAwc=B3EJldl<t<Jd#mW<PM)w
zE9zB?=D~%udQz$-U1x~nJuJ^V@W+6x{}YFN@mEN-(w6o<gY2&<-efxNd3^ufNhbPE
z?l=T=ZXHt!X99=}#*l)DVjV31wK;sa#U%IgMZ*?1NpvRhTNoTNB~AdcwwcpmP-v%g
z9l$<(m<Zc2l8EPZyLR{S<V66cmcP=MFC>cmE`hQInEwc#PQmBoe=wT|!nFIyJ`#U}
ziD1K!vKl6-_P58Xz%Rya{Zz7Gx9%GecDoG17*i_!1d8MTbAP{qUovWSiS?#48x=jq
z&#k-U%!0Cr#TdVKJRW~Un##=}f&hsOp2Ot<aiW4$ynhk*{v&k6U0~=H*z0YhHcJnc
zbRZqZgs7h;sqgjvk`9Xpy7rV0*%qvBI@J3^y(#Q-<OKICI<$qq?~nLK(VOEq;!juT
zC2Y_Ycpsyzx8}Sfhcw!jm|OGTMP@LQTAXu!c`;Qu{CO3*u+dqF0rD}$w-etGXq!I%
zu;I8n#_>67<flG~e|pWyi!eVv>)3k?=Wcw)Qs5?c^OOMQEl=waP-M(48Nz5tl_XTp
z|HL0rZEm!lfaqkL#BjC_q*-e&a$?+Mv*<8>Jk=zAm~rTx*aY)yt(fj52YBe;V{WSo
zq6wEsk{CI<vApbJmm{iq$_&l`%=_(0w#07!ICH7jm|mDdaMJyK4;n|*d0kah1cx0?
zfPec&ghUI^yB0jMhu7?S4=jt4eWtrmX@!)e_h5TcQ(y0cHrnsmg@8o`1F)!kpn*id
zUNj&81Y&NrcF!EL;B%c7o9A4ArU$~RGsa8_B6L`__1^?CNdm5<n&E3c!u*yl<~v+j
z*sjra{A@SnB!0Qbo7#VPWQxUV7>68CxlKKJdU_w6y7=fXD$p!ID3TN;<%fYJ>*>8m
zY%lZgycrY~ndwN~|8&Xn*pKoZmOnQTJXDlH(c+>lYqtkc*Kz`RC5JTJ{9{BA9XZnb
zw2ddz#EV5wgiZ}YT_Oy@>NSTj57t~A?hP(-qCO@pkkX@P;hxc?A&_$1ghb(fmHeqG
z1B$o=a8g+eV4A79I)R$Ald2-3awWp$jyvODrLA}*r(uJ*C+#e(_zC)Kr}+w*i4Gci
z9?(ffy?RI;q_#NjIcBalFzyKa`Ayp+^e+eZ20$2E_)EPMAH$bYi`hg0I@79<8-#0r
z9GQV9KLtY)54uaXb2Tcc5O#CREq+rK11ta!^Ggyy9gT|^>+G*U{nu~ZQAPOgmma0J
ztmQr`QBlrW;}C$lj-!7mwC{Tuc}>;q@^GV3nV|va(4^1{u4Kfcb6kr85X_Uph@@F0
zFvz+sEQeu&oawv%fM8_T;?p-jJbYR(x6r4X=MxV?PxQnwHl{{Zu-D6BjM}E*xT*k{
zKj{BM%0R%xuD++M4Qm3EA=Pg^>xL~DpI{8Hir<E*T|9W$ZOaZh(3%<+9f41Vz~HeT
zLf*n`L!aacmhLW&v=u9sg7JjX(dM<W#Vae>QVzo;s4sog-;-RQQ+v!5x&EQ_1bLSj
zDvQ(hG=o$S5PjskVOG{>Ng`K1@76Jp?I@`?Vz^;?)XM-w+p|NI`mgZ-3{;qZ8K_`X
zh<{(@M;c6`g_HQDk_>3VLkpzb2R|I&;9`M%FaYvg5#YWQx5FWvYNfBcM(h2$<C@qP
zc`xle!5Ll^Mr^}(<o&Eown3|BgFvLU%wMgsNd!Of6i==eM#Y5w36mfK;djUhH%!ub
z86b)as-(DT>}bUY6TYel1zv^4+46xX(1X`A*SB$7tD3a!Wy6;JGh^T$@1W`)lP_&`
z4)~Yla8`~aKX5?T6H%-38fXo;HDZkk0qNH*B9uMuUtPmpt?ew@#Ct*H587j{riXcG
z(9S|0P8Q+xUayYL-fiD=n27`<#Y-F04O@M>zI}r*M>Ce(6vd`Uu6QY=R{gvUV?h0Q
z6l~EgQH@{E#PMHYzm`z1+8!8wuusY&eDvHWqyu)sDuJ=YCjN#2{_vmM%n&B{V4n<`
zeuJnA40S?T(c)rm`bOgTOF2;UJWha~BwPoZ@*BI=R4h4%g1CWufglm<+bT0)hcfol
z4US}jg;Wk4bbx6$x09#(YOxfoIig~(F%}SuQQ#!eX$1!4KF;3{46(uyqQV@yy2&%s
z>JUvIRgH#2fnzh4j*vi<V_ffvXT1f6DvW#&hUo@v^$|!HE;#Z6t(A7Gii*{5(i@m8
zuw<=JgUQPV`wx>Rh&we9|B<uo3lf6H5NI+5P%t_8(gEv;$siUVwxkUn<w1GmsSqP5
z_z3zVa<!9uS`kssMjrVlg^ugKPZRAboJQT}h+l2e1WOb_R#RPqz^p$1VRH{B3yrl?
zgd12z+$n1)P<I4~KWtUTwVlT)zpA-D6iJA|z*JM=5dlD%@xPDTdwF<^83{>3A0uA3
zUb{#G9CVs}Ky-%k`rTKe5G-%WzYY@DS^`8=N~s~%l|ZNLUzIu2=%dQs4`3+Z`KgGW
zejj}JA{B(~D`Q=s9)wG(o$-upQI%E2DAqe6FE;=xH`C%k2wI0I{@t8@KjAvJti=Au
z4jVknZatY4YIK{CJUsgce#Xsk$g+Zory#~dFqp?5pZAFgL|QNHk>A}>pk5>cNoNH!
z;QZ|ajK9%EWt+fCY{?HowFb!YNA7n?F#_E-KL|ne|3wp4q6T@2g?=FKe)Xdw_5Ns%
zmIUYngi7iUP_OSvFZ%EI#{y>koGYE;XL{la+>T1%m*k|>E2vRC@9VD%v{*l$m8WaI
z3mqGkrK<%P(ehT-mR3yl2tAp)+d~g^IA#=cFFpuf9{h82Q@W3m03C-l{Ckysh8V|(
z24&1*-!#ww%!%xSFxYE<9U%-Bp8#!25n}6kExmn(??BA5^KvVUlm=C?ldIpxHg$7&
z&;pGh{7@qFAJ!nn&6$9$9783(8tOa`l!*HGGgxc*W}L>b7v8@TU;Sv%^=^kH`HiE+
z(cksc{j?WQ72(6|M<-4>nkAYlpCe~6om+Q1<VM2G9N{3KcrTqV5)L{{Ths7q+Qrca
zh?5ZZ%3Qb2BLTE4flR9pv|V${fqiH>_ZP{)hR>@1zD-|&I#5@_4E=3%Vssxo4MBZ8
z7$BV1dR8`XCGtsd)X(-pb50m#>95IEF8AGA?{;Xbf+)f)CM&B2rt5ZXL_D>(xu?i=
zc5Eq0T)X36euGz>iCzkBKBxyj5SY-Y+K!36<AoE5|B#tCf%?FSZ~wIiC^J0A`>TOG
z=gFC#+gN-zfo7~;dbGU#N<4VtmV`hGu2S;89~Jg05^&{GuHoJbvb)c62gk2yC;0!f
z3&-znb_Tj&xAC&_x4;}y+Xh_HGv~^K=Uu0}m$uor*xd@({r3wvePsS+Nqgek)m}+X
zj{e6k8E`}&&x~k&k)0sD<HcGF;Pl!TNQ>f9aa};CByjPn39vXdJ}0~CisphsQ0AQb
zoGbLH4tVK%>+|_@f9e0^|6AE7vQ5tYpLW5qm6qmDM6Uxwv3!SFq*a)5z>W(yS0?t0
z{#f!a{Dq9>r}y81=h&@X=EwEX513^WvtRRmJkr9{_a*CVYHh0~!zrHQu}(8xOKjB`
zfJ5^kz%pqgXM}i))PCT0vTG4yriu%K93J0K{>Qi4CRF2;0AqIbj;Y!AL&DeI-G3dp
z|K-H7vzo7-IXk9tJ+U^LKd0hRVbLSb<L>`9|Fik>*Yp3sncpnp_bH#9lhCmG+K=B}
z4Lh0bxBhXLul@19{?+~8!u)@IEM9&%-{#!U%zuz28Mr&YYo^Y3w#41V>gBxY@lQ9m
z%=y~0+?;7a#g`1=4jS;{6Lg{iG{L?B*g!tK;AYA3ZG|@%RQwQ`&-?_mx*fC_4YbA{
zjVJ^y$mN`|6F5edCRi?CJbl9MeJ`uk8NAjX{Ens+#%+)U4FRne23ZqW=B^;3I;HpU
z4YqS^QofLd@}OcCm8A;Oq0a)+VF=Qp9HG}P%<#17us6(5G>0`Pf^`6URfiXt?N%1p
z#3`QX#*lKqZyGKQX26bgdw2^lUN2be-pr)<Ivd#eD*Pt$=NT|l$0w&jR(zvb1H5G&
zShN*YoCWRVC|zOAv~Z3hXG77phoWd6fN>9$fUN-@v5*+h4&H79JYe)G-@*=U#tDbj
z#i1KiFoT&3IJ++sH$^pB+VYO_-JPle*Uk$nF%-S-SriX58ZFQqKvy?5X9Ew81)Wu6
zaYH$_Qc+-<LkGi&?#-RR<?U$7p<K|01HN_a<;<2HFP+03d0RLdYAj|-0J9cW9Ra`&
z^pgWlAKZ2`cXaLA01dUSRb6{U&Yiw-HUl_UjWxVkd>vv1rhHS|qj}-l?6<%zE54f3
zt&#;ifZLCN;bE#Lpv2IXIMEWgCljl+96K6zDQG;n=W{-waZ5wc>sY7Ehy6#r4KiPN
zy4}QTA+SQ@26|0z!KKs<tZM=^Qh)!uvb*)qyv!&DmmiP6dl}eacc{XG;06Vc=eq)?
zDl!3wUt8?k=EzI|?%>C2i3acl8_+pb0z8dd-aekQFZu*m9dHf&iG}t*ZB`}B(LKY2
z!#^L~faQsFx*O+0hg08bCAamT)>YW#G;hoLEf<bgotc)Osr3h!oeBw{``7!VfcqS=
z$0#@inSoQIJP|5hkWCOc6utpA9d8CM=Ed$gNZwCq0H!L&ZWrJ&QJ9GoCe|PeOyr=+
zP#hM4oyr3`?k8cQ25=KCZl`Zh29C|R_nN^>#uo4mjKGLx(-Beyub0K;tTNE#FnF&d
zZrcn%3qHX+8*r;}IM4?S0a?>qxGVxYl?@n_k{djx;3za8-njuh8f4RAH)%ZncR0WR
z3`%CPP9e}ilQ<Px14E$fN(N+m1-38(ib()B0jC^L3RJ=yy`za~G%<}PrqPmVv}78s
k=0>Zz(Kgd?ZZrL7-~35ES+z%UI|C4Sy85}Sb4q9e0Nqix4FCWD

literal 0
HcmV?d00001


From e1828ad0273aae96a643e347461688b54f9823bf Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 13:17:59 -0700
Subject: [PATCH 238/304] Rename RESOURCES.MD to RESOURCES.md

changed file type from MD to md directly in github since it would not change on remote push.
---
 docs/{RESOURCES.MD => RESOURCES.md} | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 rename docs/{RESOURCES.MD => RESOURCES.md} (99%)

diff --git a/docs/RESOURCES.MD b/docs/RESOURCES.md
similarity index 99%
rename from docs/RESOURCES.MD
rename to docs/RESOURCES.md
index 915f6ba6b..063bbc303 100644
--- a/docs/RESOURCES.MD
+++ b/docs/RESOURCES.md
@@ -47,4 +47,4 @@
 - [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).
 - [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
 - [Digita](https://www.youtube.com/@Digita-ai) — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
-  - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.
\ No newline at end of file
+  - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.

From 54c690ee18080c472dd9789c0ba212d420c866e4 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 13:18:49 -0700
Subject: [PATCH 239/304] Rename ROADMAP.MD to ROADMAP.md

changed file type from MD to md directly in GitHub since remote push would not change it.
---
 docs/{ROADMAP.MD => ROADMAP.md} | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 rename docs/{ROADMAP.MD => ROADMAP.md} (99%)

diff --git a/docs/ROADMAP.MD b/docs/ROADMAP.md
similarity index 99%
rename from docs/ROADMAP.MD
rename to docs/ROADMAP.md
index 5b8feded5..e690e1b19 100644
--- a/docs/ROADMAP.MD
+++ b/docs/ROADMAP.md
@@ -78,4 +78,4 @@ View the files generated by a case manager about their clients
 
 User flows for case managers and clients should be clean and accessible to non-technical users. Organization administration flows can be more complex, and assume a level of technical knowledge from the user.
 
-**[⬆️ Back to Top](#purpose-of-pass-and-mvp-outline)**
\ No newline at end of file
+**[⬆️ Back to Top](#purpose-of-pass-and-mvp-outline)**

From cf6c4e8211dfd8e3af0c44cca886a8c68cc110e5 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 13:30:58 -0700
Subject: [PATCH 240/304] added badges in resources to section to prevent
 bleeding over, spelling change to contributing for documentation

---
 docs/CONTRIBUTING.md | 2 +-
 docs/RESOURCES.md    | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 6438f3087..ce24bc7f8 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -63,7 +63,7 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 - Good people to ping for reviews:
   - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
-  - Documentation -- Danica, Florian(flo), Jared K
+  - Documentation -- Danica, Florian (Flo), Jared K
 - Include screenshots whenever you’re building a frontend feature.
   
 6. Make a pull request ⬇️
diff --git a/docs/RESOURCES.md b/docs/RESOURCES.md
index 063bbc303..5f6b9d847 100644
--- a/docs/RESOURCES.md
+++ b/docs/RESOURCES.md
@@ -14,6 +14,9 @@
 <a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
 <a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
 🗒️  [JSDoc](https://jsdoc.app/)
+
+---
+
   ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
 
 ---

From 8651e1cdb7318f548bf44d5958d938f7a84c0750 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 15:25:28 -0700
Subject: [PATCH 241/304] added line to contributing for branch directly from
 issue and edited recomnended reviewers

---
 README.md            |  2 +-
 docs/CONTRIBUTING.md | 11 +++++++----
 docs/RESOURCES.md    |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index b64da217e..1cca9b442 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,7 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
    ```
 4. PASS should launch at `http://localhost:5173`. You can now visit that url, and sign into a pod hosted at the OIDC provider of your choice.
 
-Further information can be found in [Contributing.md](./docs/CONTRIBUTING.md)
+Further information can be found in [CONTRIBUTING.md](./docs/CONTRIBUTING.md) & [docs/README.md](./docs/README.md)
 
 **[⬆️ Back to Top](#PASS)**
 
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index ce24bc7f8..85f8217f2 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -55,24 +55,27 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 3. Create a new branch to work on your feature:
     - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout)
     - `git pull origin Development` - to sync with PASS Development branch
+    - this can also be done directly from an issue in GitHub
+
+      <img src="https://drive.google.com/uc?id=11zUuOYSkv8K0CJE_snet12YSdyLDKP8q" width="200"/>
 
 4. Work on feature in your own branch.
 
 5. When ready, push up for review:
    - `git push origin <your branch name>`
 
-- Good people to ping for reviews:
+- Recommended reviewers:
   - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
-  - Documentation -- Danica, Florian (Flo), Jared K
+  - Documentation -- Danica B, Jared K, Ka Hung L
 - Include screenshots whenever you’re building a frontend feature.
   
-6. Make a pull request ⬇️
+1. Make a pull request ⬇️
 
 - ## Submitting a Pull Request
    If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback and request reviews.
 1. Make a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to the `Development` branch. Request reviews from members of the team - you’ll need their approval to merge. \*\*Make sure to close your branch once merged.
 - ## Bug Reporting Template
-  Bugs are reported via the git-hub built in issues for the repo https://github.com/codeforpdx/PASS/issues. 
+  Bugs are reported via the GitHub built-in issues for the repo https://github.com/codeforpdx/PASS/issues. 
 
   Provide general introduction to the issue logging and why it is relevant. 
 
diff --git a/docs/RESOURCES.md b/docs/RESOURCES.md
index 5f6b9d847..43520e1de 100644
--- a/docs/RESOURCES.md
+++ b/docs/RESOURCES.md
@@ -6,13 +6,13 @@
 [![React](https://badges.aleen42.com/src/react.svg)](https://react.dev/)
 [![Vite](https://badges.aleen42.com/src/vitejs.svg)](https://vitejs.dev/)
 [![ESLint](https://badges.aleen42.com/src/eslint.svg)](https://eslint.org/)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 [![Git-Hub](https://badges.aleen42.com/src/github.svg)](https://github.com/codeforpdx/PASS)
 [![Discord](https://badges.aleen42.com/src/discord.svg)](https://discord.com/)
 [![Google Meet](https://img.shields.io/badge/Google%20Meet-00897B?style=for-the-badge&logo=google-meet&logoColor=white)](https://meet.google.com/)
 [![Material UI](https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)](https://mui.com/)
 <a href="https://solidproject.org"><img src="https://solidproject.org/assets/img/solid-emblem.svg" alt="SolidProjectIcon" width="18" height="18"> Solid Project
 <a href="https://www.inrupt.com/"><img src="https://docs.inrupt.com/inrupt-logo-small.svg" alt="InruptIcon" width="18" height="18"> Inrupt(solid library)
-<a href="https://eslint.org/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/ESLint_logo.svg/324px-ESLint_logo.svg.png?20211012234406" alt="SolidProjectIcon" width="18" height="18"> ESLint
 🗒️  [JSDoc](https://jsdoc.app/)
 
 ---

From c563cc7c8ecfee9accad76ec13e52a956c6a2125 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Thu, 6 Jul 2023 15:44:58 -0700
Subject: [PATCH 242/304] added links to bug reporting and feature request as
 well as formatting changes to contributing

---
 docs/CONTRIBUTING.md | 46 +++++++++++++++++---------------------------
 1 file changed, 18 insertions(+), 28 deletions(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 85f8217f2..bda553395 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -1,6 +1,7 @@
 # Contributing to PASS
 
 ## Contents
+
 1. [Project Summary](#1-project-summary)
 2. [Tech Stack & Resources](#2-tech-stack--resources)
 3. [Code of Conduct](#3-code-of-conduct)
@@ -39,10 +40,12 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 ## 5. Development Process
 
 - ## Choosing an Issue
+  
 1. Search through open [issues](https://github.com/codeforpdx/PASS/issues)
 2. Find an issue that interests you
 3. Check if someone is currently working on that issue and if a [pull request](https://github.com/codeforpdx/PASS/pulls) exists.
 4. Assign yourself to issue and leave a comment stating your intentions.
+  
 - ## Clone the repo
 
 1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub ou can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
@@ -67,47 +70,34 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 - Recommended reviewers:
   - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
   - Documentation -- Danica B, Jared K, Ka Hung L
-- Include screenshots whenever you’re building a frontend feature.
+  - Include screenshots whenever you’re building a frontend feature.
   
 1. Make a pull request ⬇️
 
 - ## Submitting a Pull Request
+  
    If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback and request reviews.
+
 1. Make a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to the `Development` branch. Request reviews from members of the team - you’ll need their approval to merge. \*\*Make sure to close your branch once merged.
 - ## Bug Reporting Template
-  Bugs are reported via the GitHub built-in issues for the repo https://github.com/codeforpdx/PASS/issues. 
+  
+  - Bugs are reported via the GitHub built-in issues for the repo https://github.com/codeforpdx/PASS/issues. 
+  - Current bug reporting template can be found [here](../.github/ISSUE_TEMPLATE/bug_report.md) and will automatically populate when creating an issue in GitHub.
 
   Provide general introduction to the issue logging and why it is relevant. 
 
-```
-**Context**
-[provide more detailed introduction to the issue itself and why it is relevant]
-
-**Process**
-[ordered list the process to finding and recreating the issue, example below]
-- User goes to delete a dataset (to save space or whatever)
-- User gets popup modal warning
-- User deletes and it's lost forever
-
-**Expected result**
-[describe what you would expect to have resulted from this process]
-
-**Current result**
-[describe what you you currently experience from this process, and thereby explain the bug]
-
-**Possible Fix**
-[not obligatory, but suggest fixes or reasons for the bug]
-
-Modal tells the user what dataset is being deleted, like “You are about to delete this dataset: car_crashes_2014.”
-A temporary "Trashcan" where you can recover a just deleted dataset if you mess up (maybe it's only good for a few hours, and then it cleans the cache assuming you made the right decision).
-
-**if relevant, include a screenshot**
-name of issue screenshot
-```
+*UNDER CONSTRUCTION🚧*
+- ## Requesting a Feature
+  
+  - Current feature request template can be found [here](../.github/ISSUE_TEMPLATE/feature_request.md) and will automatically populate when creating an issue in GitHub.
 
-- ## Requesting Product Enhancement
+*UNDER CONSTRUCTION🚧*
 
 - ## Testing
+  
+  - All PASS unit tests are done with vitest library 
+
+*UNDER CONSTRUCTION🚧*
 
 - ## Code Styling/Linting
 

From a817e38621c0dd992dfb1988364ad225d8aadca0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 6 Jul 2023 22:55:45 -0700
Subject: [PATCH 243/304] Moved .addUrl outside makeDocIntoThing to addDocument
 to allow for storing URL of file to source URL generated by Solid Replaced
 the usage of replacing extensions with sourceURL path Removed unused
 localStorage state for restoreProfileData Created new helper function for
 saving source URL to Thing

---
 src/model-helpers/Document.js       |  7 ++-----
 src/model-helpers/DocumentList.js   | 22 ++++++++++++++++------
 src/model-helpers/Profile.js        | 27 +++++++++------------------
 src/routes/Profile.jsx              |  1 -
 src/utils/network/session-helper.js | 11 +++++++++++
 test/model-helpers/Profile.test.js  |  5 +++--
 6 files changed, 41 insertions(+), 32 deletions(-)

diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 0d258d578..2dec7c19f 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -130,21 +130,18 @@ const addAdditionalInfo = async (docDesc, thing, file) => {
  * @function makeDocIntoThing
  * @memberof Document
  * @param {object} docDesc - the doc
- * @param {URL} documentUrl - a url
  * @param {fileObjectType} file - file blob
  * @returns {Promise<ThingLocal>} a thing
  */
-export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
+export const makeDocIntoThing = async (docDesc, file) => {
   const checksum = await createFileChecksum(file);
-  const cleanedFileName = file.name.replaceAll(' ', '%20').replace('.jpg', '.jpeg');
   let thing = buildThing(createThing({ name: docDesc.name }))
     .addDate(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
     .addStringNoLocale(RDF_PREDICATES.identifier, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.additionalType, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
-    .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
-    .addUrl(RDF_PREDICATES.url, `${documentUrl}${cleanedFileName}`);
+    .addStringNoLocale(RDF_PREDICATES.description, docDesc.description);
 
   if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
   thing = await addAdditionalInfo(docDesc, thing, file);
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index d03397e7a..9b71b6ffd 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -7,10 +7,12 @@ import {
   saveFileInContainer,
   getThing,
   removeThing,
-  deleteFile
+  deleteFile,
+  getSourceUrl
 } from '@inrupt/solid-client';
 
 import { makeDocIntoThing, parseDocFromThing } from './Document';
+import { saveSourceUrlToThing } from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -77,20 +79,28 @@ const saveToPod = async (session, { dataset, containerUrl }) => {
  * @returns {object} An new docListObject containing any updates
  */
 export const addDocument = async (docDesc, file, { docList, dataset, containerUrl }, session) => {
-  if (docList.find((oldDoc) => oldDoc.name === docDesc.name.replace('.jpg', '.jpeg')))
+  if (docList.find((oldDoc) => oldDoc.name === docDesc.name))
     throw new Error('File already exists');
-  const docThing = await makeDocIntoThing(docDesc, containerUrl, file);
+  let docThing = await makeDocIntoThing(docDesc, file);
   const newDocDesc = parseDocFromThing(docThing);
   const newDocObject = {
     docList: docList.concat([newDocDesc]),
     dataset: setThing(dataset, docThing),
     containerUrl
   };
-  const newObj = await saveToPod(session, newDocObject);
-  await saveFileInContainer(`${containerUrl}`, file, {
+
+  const savedFile = await saveFileInContainer(`${containerUrl}`, file, {
     fetch: session.fetch,
-    slug: file.name.replaceAll(' ', '%20').replace('.jpg', '.jpeg')
+    slug: file.name.replaceAll(' ', '%20')
   });
+
+  // Saving file path to source URL after saving to cover edge cases with .jpg/.jpeg
+  const savedFilePath = getSourceUrl(savedFile);
+  docThing = saveSourceUrlToThing(docThing, savedFilePath);
+  newDocObject.dataset = setThing(dataset, docThing);
+
+  const newObj = await saveToPod(session, newDocObject);
+
   return newObj;
 };
 
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index 904ae6b03..ce7912b79 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -2,7 +2,7 @@ import {
   buildThing,
   createAcl,
   deleteFile,
-  getFile,
+  getSourceUrl,
   getStringNoLocale,
   getThing,
   getUrl,
@@ -15,7 +15,7 @@ import {
   setThing
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES } from '../constants';
-import { setupAcl } from '../utils';
+import { saveSourceUrlToThing, setupAcl } from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -102,40 +102,31 @@ export const uploadProfileImage = async (session, profileData, inputImage) => {
   let { profileDataset, profileThing } = profileData;
 
   const profileContainer = `${session.info.webId.split('card')[0]}`;
-  let profileImgFilename = inputImage.name.replace(' ', '%20');
+  const profileImgFilename = inputImage.name.replace(' ', '%20');
 
-  if (profileImgFilename.endsWith('.jpg')) {
-    profileImgFilename = profileImgFilename.replace('.jpg', '.jpeg');
-  }
-
-  await saveFileInContainer(profileContainer, inputImage, {
+  const savedFile = await saveFileInContainer(profileContainer, inputImage, {
     slug: profileImgFilename,
     contentType: inputImage.type,
     fetch: session.fetch
   });
 
-  profileThing = buildThing(profileThing)
-    .addUrl(RDF_PREDICATES.profileImg, `${profileContainer}${profileImgFilename}`)
-    .build();
+  const savedFilePath = getSourceUrl(savedFile);
 
+  // Saving file path to source URL after saving to cover edge cases with .jpg/.jpeg
+  profileThing = saveSourceUrlToThing(profileThing, savedFilePath);
   profileDataset = setThing(profileDataset, profileThing);
 
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
 
   // Create ACL file for profile image
-  const imageResource = await getFile(
-    `${session.info.webId.split('card')[0]}${profileImgFilename}`,
-    { fetch: session.fetch }
-  );
-
-  const resourceAcl = createAcl(imageResource);
+  const resourceAcl = createAcl(savedFile);
   const newAcl = setupAcl(
     resourceAcl,
     session.info.webId,
     { read: true, write: true, control: true }, // personal access
     { read: true } // public access
   );
-  await saveAclFor(imageResource, newAcl, { fetch: session.fetch });
+  await saveAclFor(savedFile, newAcl, { fetch: session.fetch });
 };
 
 /**
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
index b84d31ab4..7798082da 100644
--- a/src/routes/Profile.jsx
+++ b/src/routes/Profile.jsx
@@ -39,7 +39,6 @@ const Profile = () => {
 
   const loadProfileData = async () => {
     const profileDataSolid = await fetchProfileInfo(session);
-    localStorage.setItem('restoreProfileData', JSON.stringify(profileDataSolid));
     setProfileData(profileDataSolid);
 
     setProfileName(profileDataSolid.profileInfo.profileName);
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index ff1c8b02c..1889a0a72 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -446,3 +446,14 @@ export const buildMessageTTL = (
 
   return newSolidDataset;
 };
+
+/**
+ * Function take saves the source URL to the associated Thing
+ *
+ * @param {ThingLocal} thing - Associated Thing with source URL
+ * @param {URL} sourceUrl - The source URL to the related Thing
+ * @returns {ThingLocal} thing - The updated Thing with the sourceURL now attached
+ * to the RDF
+ */
+export const saveSourceUrlToThing = (thing, sourceUrl) =>
+  buildThing(thing).addUrl(RDF_PREDICATES.url, sourceUrl).build();
diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index e166bbf83..a9b5ce6b6 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -157,7 +157,8 @@ describe('uploadProfileImage', () => {
     const mockFileResourceWithAcl = solidClient.addMockResourceAclTo(mockFileResource);
 
     vi.spyOn(solidClient, 'saveFileInContainer');
-    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'getSourceUrl');
+    vi.spyOn(utils, 'saveSourceUrlToThing').mockReturnValue(mockData.profileThing);
     vi.spyOn(solidClient, 'setThing');
     vi.spyOn(solidClient, 'saveSolidDatasetAt');
     vi.spyOn(solidClient, 'getFile').mockResolvedValue(mockFileResource);
@@ -168,7 +169,7 @@ describe('uploadProfileImage', () => {
     await uploadProfileImage(session, mockData, mockInputImage);
 
     expect(solidClient.saveFileInContainer).toBeCalled();
-    expect(solidClient.buildThing).toBeCalled();
+    expect(utils.saveSourceUrlToThing).toBeCalled();
     expect(solidClient.setThing).toBeCalled();
     expect(solidClient.saveSolidDatasetAt).toBeCalled();
     expect(solidClient.getFile).toBeCalled();

From 37e0f1cc0756e5073ff1d7067afe813057d79a6b Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 6 Jul 2023 23:03:18 -0700
Subject: [PATCH 244/304] Updated unit tests

---
 test/model-helpers/Document.test.js | 2 +-
 test/model-helpers/Profile.test.js  | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/test/model-helpers/Document.test.js b/test/model-helpers/Document.test.js
index 7c50cf3a3..61bcd6308 100644
--- a/test/model-helpers/Document.test.js
+++ b/test/model-helpers/Document.test.js
@@ -25,7 +25,7 @@ describe('docDescToThing', () => {
       date: new Date('December 17, 1995'),
       description: 'description'
     };
-    const thing = await makeDocIntoThing(doc, 'http://example.com', testFile);
+    const thing = await makeDocIntoThing(doc, testFile);
     const newDoc = parseDocFromThing(thing);
     expect(newDoc).toMatchObject({
       name: 'name',
diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index a9b5ce6b6..4738427ca 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -156,12 +156,11 @@ describe('uploadProfileImage', () => {
     const mockFileResource = solidClient.mockFileFrom('https://example.com/pod/profile/image.png');
     const mockFileResourceWithAcl = solidClient.addMockResourceAclTo(mockFileResource);
 
-    vi.spyOn(solidClient, 'saveFileInContainer');
+    vi.spyOn(solidClient, 'saveFileInContainer').mockResolvedValue(mockFileResource);
     vi.spyOn(solidClient, 'getSourceUrl');
     vi.spyOn(utils, 'saveSourceUrlToThing').mockReturnValue(mockData.profileThing);
     vi.spyOn(solidClient, 'setThing');
     vi.spyOn(solidClient, 'saveSolidDatasetAt');
-    vi.spyOn(solidClient, 'getFile').mockResolvedValue(mockFileResource);
     vi.spyOn(solidClient, 'createAcl');
     vi.spyOn(utils, 'setupAcl').mockReturnValue(mockFileResourceWithAcl);
     vi.spyOn(solidClient, 'saveAclFor');
@@ -172,7 +171,6 @@ describe('uploadProfileImage', () => {
     expect(utils.saveSourceUrlToThing).toBeCalled();
     expect(solidClient.setThing).toBeCalled();
     expect(solidClient.saveSolidDatasetAt).toBeCalled();
-    expect(solidClient.getFile).toBeCalled();
     expect(solidClient.createAcl).toBeCalled();
     expect(utils.setupAcl).toBeCalled();
     expect(solidClient.saveAclFor).toBeCalled();

From cb4838e64031f3464701c1effe05cd9a398ba340 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 6 Jul 2023 23:33:44 -0700
Subject: [PATCH 245/304] Fixed bug with using savedFile instead of
 imageResource; Included new parameter for saveSourceUrlToThing

---
 src/model-helpers/DocumentList.js   | 2 +-
 src/model-helpers/Profile.js        | 9 ++++++---
 src/utils/network/session-helper.js | 5 +++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index 9b71b6ffd..9e6e8d76b 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -96,7 +96,7 @@ export const addDocument = async (docDesc, file, { docList, dataset, containerUr
 
   // Saving file path to source URL after saving to cover edge cases with .jpg/.jpeg
   const savedFilePath = getSourceUrl(savedFile);
-  docThing = saveSourceUrlToThing(docThing, savedFilePath);
+  docThing = saveSourceUrlToThing(docThing, savedFilePath, 'url');
   newDocObject.dataset = setThing(dataset, docThing);
 
   const newObj = await saveToPod(session, newDocObject);
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
index ce7912b79..0f4007c75 100644
--- a/src/model-helpers/Profile.js
+++ b/src/model-helpers/Profile.js
@@ -2,6 +2,7 @@ import {
   buildThing,
   createAcl,
   deleteFile,
+  getFile,
   getSourceUrl,
   getStringNoLocale,
   getThing,
@@ -113,20 +114,22 @@ export const uploadProfileImage = async (session, profileData, inputImage) => {
   const savedFilePath = getSourceUrl(savedFile);
 
   // Saving file path to source URL after saving to cover edge cases with .jpg/.jpeg
-  profileThing = saveSourceUrlToThing(profileThing, savedFilePath);
+  profileThing = saveSourceUrlToThing(profileThing, savedFilePath, 'profileImg');
   profileDataset = setThing(profileDataset, profileThing);
 
   await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
 
   // Create ACL file for profile image
-  const resourceAcl = createAcl(savedFile);
+  const imageResource = await getFile(savedFilePath, { fetch: session.fetch });
+
+  const resourceAcl = createAcl(imageResource);
   const newAcl = setupAcl(
     resourceAcl,
     session.info.webId,
     { read: true, write: true, control: true }, // personal access
     { read: true } // public access
   );
-  await saveAclFor(savedFile, newAcl, { fetch: session.fetch });
+  await saveAclFor(imageResource, newAcl, { fetch: session.fetch });
 };
 
 /**
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 1889a0a72..673a0dac8 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -452,8 +452,9 @@ export const buildMessageTTL = (
  *
  * @param {ThingLocal} thing - Associated Thing with source URL
  * @param {URL} sourceUrl - The source URL to the related Thing
+ * @param {string} urlPredicate - The string related to which predicate to use
  * @returns {ThingLocal} thing - The updated Thing with the sourceURL now attached
  * to the RDF
  */
-export const saveSourceUrlToThing = (thing, sourceUrl) =>
-  buildThing(thing).addUrl(RDF_PREDICATES.url, sourceUrl).build();
+export const saveSourceUrlToThing = (thing, sourceUrl, urlPredicate) =>
+  buildThing(thing).addUrl(RDF_PREDICATES[urlPredicate], sourceUrl).build();

From fbdcc16cacd431e3c8f7cb8237700403f457f304 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 7 Jul 2023 00:43:20 -0700
Subject: [PATCH 246/304] Removed unused session parameter from createUser

---
 src/components/Clients/AddClientModal.jsx | 5 +----
 src/model-helpers/User.js                 | 3 +--
 test/model-helpers/User.test.js           | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index 5bc8dbd80..c4c816348 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -1,7 +1,5 @@
 // React Imports
 import React, { useContext, useState } from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Button from '@mui/material/Button';
 import CheckIcon from '@mui/icons-material/Check';
@@ -36,7 +34,6 @@ const renderWebId = (username) => {
 };
 
 const AddClientModal = ({ showModal, setShowModal }) => {
-  const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [userGivenName, setUserGivenName] = useState('');
   const [userFamilyName, setUserFamilyName] = useState('');
@@ -51,7 +48,7 @@ const AddClientModal = ({ showModal, setShowModal }) => {
   };
 
   const submitUser = async (userObject) => {
-    const user = await createUser(session, userObject);
+    const user = await createUser(userObject);
     await addUser(user);
   };
 
diff --git a/src/model-helpers/User.js b/src/model-helpers/User.js
index ad561ec5a..9d042ff4a 100644
--- a/src/model-helpers/User.js
+++ b/src/model-helpers/User.js
@@ -92,11 +92,10 @@ export const updateUserActivity = async (session, podUrl) => {
  *
  * @memberof User
  * @function createUser
- * @param {Session} session - Solid's Session Object {@link Session}
  * @param {object} userSubmission - an object from a form submission containing the user creation data
  * @returns {Promise<object>} Promise - Updates last active time of user to lastActive.ttl
  */
-export const createUser = async (session, userSubmission) => {
+export const createUser = async (userSubmission) => {
   const { familyName, username, givenName, webId } = userSubmission;
 
   let newUserPodUrl = null;
diff --git a/test/model-helpers/User.test.js b/test/model-helpers/User.test.js
index adec32ee6..c9c893d56 100644
--- a/test/model-helpers/User.test.js
+++ b/test/model-helpers/User.test.js
@@ -26,7 +26,7 @@ describe('createUser', () => {
       familyName: 'Cry',
       webId: `${mockPodUrl}profile/card`
     };
-    const newUser = await createUser(session, mockUserSubmission);
+    const newUser = await createUser(mockUserSubmission);
     expect(newUser).toMatchObject({
       familyName: 'Cry',
       givenName: 'Far',

From 096117502bc6745f319463becb3eff4eb8514967 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 6 Jul 2023 23:45:47 -0700
Subject: [PATCH 247/304] Updated unit test

Co-authored-by: Tim Standen <timmstanden@gmail.com>
---
 test/model-helpers/Profile.test.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
index 4738427ca..9792810e5 100644
--- a/test/model-helpers/Profile.test.js
+++ b/test/model-helpers/Profile.test.js
@@ -160,6 +160,8 @@ describe('uploadProfileImage', () => {
     vi.spyOn(solidClient, 'getSourceUrl');
     vi.spyOn(utils, 'saveSourceUrlToThing').mockReturnValue(mockData.profileThing);
     vi.spyOn(solidClient, 'setThing');
+    vi.spyOn(solidClient, 'getFile').mockReturnValue(mockFileResource);
+    vi.spyOn(solidClient, 'createAcl');
     vi.spyOn(solidClient, 'saveSolidDatasetAt');
     vi.spyOn(solidClient, 'createAcl');
     vi.spyOn(utils, 'setupAcl').mockReturnValue(mockFileResourceWithAcl);
@@ -170,6 +172,8 @@ describe('uploadProfileImage', () => {
     expect(solidClient.saveFileInContainer).toBeCalled();
     expect(utils.saveSourceUrlToThing).toBeCalled();
     expect(solidClient.setThing).toBeCalled();
+    expect(solidClient.getFile).toBeCalled();
+    expect(solidClient.createAcl).toBeCalled();
     expect(solidClient.saveSolidDatasetAt).toBeCalled();
     expect(solidClient.createAcl).toBeCalled();
     expect(utils.setupAcl).toBeCalled();

From 7362f848824a9ee4aa8f64a709b26b303437b98c Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Fri, 7 Jul 2023 10:05:30 -0700
Subject: [PATCH 248/304] removed code of conduct and referenced Code for PDX
 code of conduct for rebranding changes

---
 README.md               |  6 ++++++
 docs/CODE_OF_CONDUCT.md | 39 ---------------------------------------
 2 files changed, 6 insertions(+), 39 deletions(-)
 delete mode 100644 docs/CODE_OF_CONDUCT.md

diff --git a/README.md b/README.md
index 1cca9b442..a1eabe5b3 100644
--- a/README.md
+++ b/README.md
@@ -28,6 +28,7 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 3.  [Contribution Guidelines](#3-contribution-guidelines-🧑‍💻)
 4.  [Contributors](#4-contributors-💻)
 5.  [Tech Stack and Additional Resources](#5-tech-stack-🧪)
+6.  [Code of Conduct](#6-code-of-conduct-🌏)
 
 ---
 ## 1. Setup Instructions 🔧
@@ -145,4 +146,9 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 - Details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
 
+## 6. Code of Conduct 🌏
+
+- [Code for PDX code of conduct](https://github.com/codeforpdx/codeofconduct/blob/master/README.md)
+
+
 **[⬆️ Back to Top](#pass---personal-access-system-for-services)**
diff --git a/docs/CODE_OF_CONDUCT.md b/docs/CODE_OF_CONDUCT.md
deleted file mode 100644
index 5410c5d9a..000000000
--- a/docs/CODE_OF_CONDUCT.md
+++ /dev/null
@@ -1,39 +0,0 @@
-# Code of Conduct 
-(impending updates on the horizon)
-
-We believe that anyone attending a Code for America event or participating in our online community should feel safe and be free from harassment.
-
-The Code for America community expects that Code for America activities, events, and digital forums:
-
-- Are a safe and respectful environment for all participants.
-- Are a place where people are free to fully express their identities.
-- Presume the value of others. Everyone’s ideas, skills, and contributions have value.
-Don’t assume everyone has the same context, and encourage questions.
-- Find a way for people to be productive with their skills (technical and not) and energy. Use language such as “yes/and”, not “no/but.”
-- Encourage members and participants to listen as much as they speak.
-- Strive to build tools that are open and free technology for public use. Activities that aim to foster public use, not private gain, are prioritized.
-- Prioritize access for and input from those who are traditionally excluded from the civic process.
-- Work to ensure that the community is well-represented in the planning, design, and implementation of civic tech. This includes encouraging participation from women, minorities, and traditionally marginalized groups.
-- Actively involve community groups and those with subject matter expertise in the decision-making process.
-- Ensure that the relationships and conversations between community members, the local government staff and community partners remain respectful, participatory, and productive.
-- Provide an environment where people are free from discrimination or harassment.
-- Code for America reserves the right to ask anyone in violation of these policies not to participate in Code for America network activities, events, and digital forums.
-
-## CODE FOR AMERICA'S ANTI-HARASSMENT POLICY
-This anti-harassment policy is based on the example policy from the Geek Feminism wiki, created by the Ada Initiative and other volunteers.
-
-This policy is based on several other policies, including the Ohio LinuxFest anti-harassment policy, written by Esther Filderman and Beth Lynn Eicher, and the Con Anti-Harassment Project. Mary Gardiner, Valerie Aurora, Sarah Smith, and Donna Benjamin generalized the policies and added supporting material. Many members of LinuxChix, Geek Feminism and other groups contributed to this work.
-
-All Code for America network activities, events, and digital forums and their staff, presenters, and participants are held to an anti-harassment policy, included below.
-
-In addition to governing our own events by this policy, Code for America will only lend our brand and fund groups that offer an anti-harassment policy to their attendees. For information on how to offer an anti-harassment policy to your group, see this guide.
-
-Code for America is dedicated to providing a harassment-free experience for everyone regardless of gender, gender identity and expression, sexual orientation, disability, physical appearance, body size, race, age, or religion. We do not tolerate harassment of staff, presenters, and participants in any form. Sexual language and imagery is not appropriate for the Code for America Summit. Anyone in violation of these policies may expelled from Code for America network activities, events, and digital forums, at the discretion of the event organizer or forum administrator.
-
-Harassment includes but is not limited to: offensive verbal or written comments related to gender, gender identity and expression, sexual orientation, disability, physical appearance, body size, race, religion; sexual images in public spaces; deliberate intimidation; stalking; following; harassing photography or recording; sustained disruption of talks or other events; inappropriate physical contact; unwelcome sexual attention; unwarranted exclusion; and patronizing language or action.
-
-If a participant engages in harassing behavior, the organizers may take any action they deem appropriate, including warning the offender or expulsion from Code for America network activities, events, and digital forums.
-
-If you are being harassed, notice that someone else is being harassed, or have any other concerns, you can email safespace@codeforamerica.org.
-
-We value your attendance and hope that by communicating these expectations widely we can all enjoy a harassment-free environment.
\ No newline at end of file

From 470fc6c42c099bcfc8709c0ad28233270c3a14bf Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 7 Jul 2023 18:39:10 -0700
Subject: [PATCH 249/304] Fixed bug with setting profileImage in localStorage

---
 src/contexts/SignedInUserContext.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 34f607d55..c545902da 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -63,6 +63,7 @@ export const SignedInUserContextProvider = ({ children }) => {
           podUrl
         });
         const profileData = await fetchProfileInfo(session);
+        localStorage.setItem('profileImage', profileData.profileInfo.profileImage);
         setUserInfo({
           ...userInfo,
           profileData

From a8fb749c41557b84eacb59b0d85f3066d624ada9 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Fri, 7 Jul 2023 19:04:20 -0700
Subject: [PATCH 250/304] removed extra char from contributors and fixed back
 to top pathing

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index a1eabe5b3..f109730fc 100644
--- a/README.md
+++ b/README.md
@@ -73,7 +73,7 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 
 Further information can be found in [CONTRIBUTING.md](./docs/CONTRIBUTING.md) & [docs/README.md](./docs/README.md)
 
-**[⬆️ Back to Top](#PASS)**
+**[⬆️ Back to Top](#pass---personal-access-system-for-services)**
 
 ---
 
@@ -108,7 +108,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 - User data remains in their pod (which is associated to WebID)
 - Full product road map [here](docs/ROADMAP.md)
   
-**[⬆️ Back to Top](#PASS)**
+**[⬆️ Back to Top](#pass---personal-access-system-for-services)**
 
 ---
 
@@ -118,11 +118,11 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 -  Join our [Discord](https://discord.gg/Ts923xaUYV) and self assign roles as you see fit. [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
 -  Request git-hub access on Discord in the [github-access-request](https://discord.com/channels/1068260532806766733/1078124139983945858) channel of the General category.
   
-**[⬆️ Back to Top](#PASS)**
+**[⬆️ Back to Top](#pass---personal-access-system-for-services)**
 
 ---
 
-## 4. Contributors 💻>
+## 4. Contributors 💻
 
 | Development Team | UI Team     | UX Team     | Project Management Team |
 | ---------------- | ----------- | ----------- | ----------------------- |

From bbe26f1e373dd3628f4e2ffe1a0e476fad47bf7b Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 7 Jul 2023 19:35:31 -0700
Subject: [PATCH 251/304] Fixed bug for profile image when profileImage is null

---
 src/contexts/SignedInUserContext.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index c545902da..e7534725a 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -63,7 +63,9 @@ export const SignedInUserContextProvider = ({ children }) => {
           podUrl
         });
         const profileData = await fetchProfileInfo(session);
-        localStorage.setItem('profileImage', profileData.profileInfo.profileImage);
+        if (profileData.profileInfo.profileImage) {
+          localStorage.setItem('profileImage', profileData.profileInfo.profileImage);
+        }
         setUserInfo({
           ...userInfo,
           profileData

From acb09d2253b0fb5aeb89f376dee986800c155f16 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 8 Jul 2023 20:53:31 -0700
Subject: [PATCH 252/304] Recreated createDocmentsContainer which is mainly
 used to initialize ACL; Minor optimization to loadUserInfo in
 SignedInUserContext; Updated SetAclPermsDocContainerForm to give others just
 read/append access if true; Updated setDocContainerAclPermission to use
 podUrl and simplified permissions to just the Documents container

---
 .../Form/SetAclPermsDocContainerForm.jsx      | 13 ++--
 src/contexts/SignedInUserContext.jsx          | 13 ++--
 src/utils/network/session-core.js             | 63 ++++++++++++++-----
 3 files changed, 60 insertions(+), 29 deletions(-)

diff --git a/src/components/Form/SetAclPermsDocContainerForm.jsx b/src/components/Form/SetAclPermsDocContainerForm.jsx
index 5481add2b..2acbccef6 100644
--- a/src/components/Form/SetAclPermsDocContainerForm.jsx
+++ b/src/components/Form/SetAclPermsDocContainerForm.jsx
@@ -48,17 +48,16 @@ const SetAclPermsDocContainerForm = () => {
     const permissions = event.target.setAclPerms.value
       ? {
           read: event.target.setAclPerms.value === 'Give',
-          write: event.target.setAclPerms.value === 'Give',
           append: event.target.setAclPerms.value === 'Give'
         }
       : undefined;
-    let podUsername = event.target.setAclTo.value;
+    let otherPodUsername = event.target.setAclTo.value;
 
-    if (!podUsername) {
-      podUsername = selectedUser.username;
+    if (!otherPodUsername) {
+      otherPodUsername = selectedUser.username;
     }
 
-    if (!podUsername) {
+    if (!otherPodUsername) {
       runNotification('Set permissions failed. Reason: Username not provided.', 5, state, dispatch);
       setTimeout(() => {
         clearInputFields();
@@ -66,7 +65,7 @@ const SetAclPermsDocContainerForm = () => {
       return;
     }
 
-    if (getPodUrl(podUsername) === podUrl) {
+    if (getPodUrl(otherPodUsername) === podUrl) {
       runNotification(
         'Set permissions failed. Reason: Current user Pod cannot change container permissions to itself.',
         5,
@@ -88,7 +87,7 @@ const SetAclPermsDocContainerForm = () => {
     }
 
     try {
-      await setDocContainerAclPermission(session, permissions, podUsername);
+      await setDocContainerAclPermission(session, permissions, podUrl, otherPodUsername);
 
       runNotification(
         `${permissions.read ? 'Give' : 'Revoke'} permission to ${
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index e7534725a..a121bde44 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -4,7 +4,7 @@ import React, { createContext, useState, useMemo, useEffect } from 'react';
 import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
-import { createPublicContainer } from '../utils';
+import { createDocumentsContainer, createPublicContainer } from '../utils';
 import {
   fetchProfileInfo,
   updateProfileInfo,
@@ -58,21 +58,18 @@ export const SignedInUserContextProvider = ({ children }) => {
         const { webId } = session.info;
         let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
         podUrl = podUrl || webId.split('profile')[0];
-        setUserInfo({
-          ...userInfo,
-          podUrl
-        });
         const profileData = await fetchProfileInfo(session);
         if (profileData.profileInfo.profileImage) {
           localStorage.setItem('profileImage', profileData.profileInfo.profileImage);
         }
         setUserInfo({
-          ...userInfo,
+          podUrl,
           profileData
         });
         await Promise.all([
-          updateUserActivity(session, podUrl),
-          createPublicContainer(session, podUrl)
+          createPublicContainer(session, podUrl),
+          createDocumentsContainer(session, podUrl),
+          updateUserActivity(session, podUrl)
         ]);
       } finally {
         setLoadingUserInfo(false);
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index a8922c9c3..2625cb40f 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -1,4 +1,10 @@
-import { createContainerAt, getSolidDataset, getThingAll, getFile } from '@inrupt/solid-client';
+import {
+  createContainerAt,
+  getSolidDataset,
+  getThingAll,
+  getFile,
+  hasAcl
+} from '@inrupt/solid-client';
 import { INTERACTION_TYPES } from '../../constants';
 import {
   getContainerUrl,
@@ -65,30 +71,28 @@ export const setDocAclPermission = async (session, fileType, permissions, otherP
  * @function setDocContainerAclPermission
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {Access} permissions - The Access object for setting ACL in Solid
+ * @param {URL} podUrl - URL of the user's Pod
  * @param {string} otherPodUsername - Username to other user's Pod or empty string
  * @returns {Promise} Promise - Sets permission for otherPodUsername for the user's
  * Documents container
  */
-export const setDocContainerAclPermission = async (session, permissions, otherPodUsername) => {
-  const containerUrl = getContainerUrl(session, 'Documents', INTERACTION_TYPES.SELF);
-  const urlsToSet = [
-    containerUrl,
-    `${containerUrl}Bank_Statement/`,
-    `${containerUrl}Passport/`,
-    `${containerUrl}Drivers_License/`
-  ];
-
+export const setDocContainerAclPermission = async (
+  session,
+  permissions,
+  podUrl,
+  otherPodUsername
+) => {
+  const containerUrl = `${podUrl}PASS/Documents/`;
   const otherPodUrl = getPodUrl(otherPodUsername);
   const webId = `${otherPodUrl}profile/card#me`;
 
-  urlsToSet.forEach(async (url) => {
-    await setDocAclForUser(session, url, 'update', webId, permissions);
-  });
+  await setDocAclForUser(session, containerUrl, 'update', webId, permissions);
 };
 
 /**
  * Function that creates a public container in the user's Pod when logging in for
- * the first time
+ * the first time or if Public is missing and initialize it with an ACL with
+ * access to the user
  *
  * @memberof utils
  * @function createPublicContainer
@@ -112,6 +116,37 @@ export const createPublicContainer = async (session, podUrl) => {
   }
 };
 
+/**
+ * Function that creates a Documents container in the user's Pod when logging in
+ * for the first time or if Documents is missing and initialize it with an ACL with
+ * access to the user
+ *
+ * @memberof utils
+ * @function createDocumentsContainer
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} podUrl - The user's Pod URL
+ * @returns {Promise} Promise - Generates a Documents container for Pod upon log
+ * in if user's Pod does not have the an outbox to begin with
+ */
+export const createDocumentsContainer = async (session, podUrl) => {
+  const documentsContainerUrl = `${podUrl}PASS/Documents/`;
+
+  try {
+    const solidDataset = await getSolidDataset(documentsContainerUrl, {
+      fetch: session.fetch
+    });
+
+    if (!hasAcl(solidDataset)) {
+      await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
+    }
+  } catch {
+    await createContainerAt(documentsContainerUrl, { fetch: session.fetch });
+
+    // Generate ACL file for container
+    await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
+  }
+};
+
 /*
   User Message Section
   

From 6ca7ac5590d883c9ae17da26c4f9d45889796bba Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 8 Jul 2023 21:01:22 -0700
Subject: [PATCH 253/304] Reducing function to just generate ACL file

---
 src/contexts/SignedInUserContext.jsx |  4 ++--
 src/utils/network/session-core.js    | 19 ++++++-------------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index a121bde44..a3d2ff303 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -4,7 +4,7 @@ import React, { createContext, useState, useMemo, useEffect } from 'react';
 import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
-import { createDocumentsContainer, createPublicContainer } from '../utils';
+import { generateDocumentsAcl, createPublicContainer } from '../utils';
 import {
   fetchProfileInfo,
   updateProfileInfo,
@@ -68,7 +68,7 @@ export const SignedInUserContextProvider = ({ children }) => {
         });
         await Promise.all([
           createPublicContainer(session, podUrl),
-          createDocumentsContainer(session, podUrl),
+          generateDocumentsAcl(session, podUrl),
           updateUserActivity(session, podUrl)
         ]);
       } finally {
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 2625cb40f..6210953a1 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -122,27 +122,20 @@ export const createPublicContainer = async (session, podUrl) => {
  * access to the user
  *
  * @memberof utils
- * @function createDocumentsContainer
+ * @function generateDocumentsAcl
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {URL} podUrl - The user's Pod URL
  * @returns {Promise} Promise - Generates a Documents container for Pod upon log
  * in if user's Pod does not have the an outbox to begin with
  */
-export const createDocumentsContainer = async (session, podUrl) => {
+export const generateDocumentsAcl = async (session, podUrl) => {
   const documentsContainerUrl = `${podUrl}PASS/Documents/`;
 
-  try {
-    const solidDataset = await getSolidDataset(documentsContainerUrl, {
-      fetch: session.fetch
-    });
+  const solidDataset = await getSolidDataset(documentsContainerUrl, {
+    fetch: session.fetch
+  });
 
-    if (!hasAcl(solidDataset)) {
-      await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
-    }
-  } catch {
-    await createContainerAt(documentsContainerUrl, { fetch: session.fetch });
-
-    // Generate ACL file for container
+  if (!hasAcl(solidDataset)) {
     await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
   }
 };

From 6155d99a2fe7491c768121bbce05b04cfaf80860 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 8 Jul 2023 22:10:05 -0700
Subject: [PATCH 254/304] Reorganized states inside SignedInUserContextProvider

---
 src/contexts/SignedInUserContext.jsx | 29 ++++++++++++----------------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index a3d2ff303..3e10cd7d1 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -34,38 +34,33 @@ export const SignedInUserContext = createContext({});
 export const SignedInUserContextProvider = ({ children }) => {
   const { session } = useSession();
   const [loadingUserInfo, setLoadingUserInfo] = useState(true);
-  const [userInfo, setUserInfo] = useState({
-    podUrl: null,
-    profileData: null
-  });
+  const [podUrl, setPodUrl] = useState('');
+  const [profileData, setProfileData] = useState(null);
 
   const userInfoMemo = useMemo(
     () => ({
-      podUrl: userInfo.podUrl,
-      profileData: userInfo.profileData,
-      setProfileData: async (profileData) => setUserInfo({ ...userInfo, profileData }),
+      podUrl,
+      profileData,
+      setProfileData: async (newProfileData) => setProfileData(newProfileData),
       fetchProfileInfo,
       updateProfileInfo,
       uploadProfileImage,
       removeProfileImage
     }),
-    [userInfo, loadingUserInfo]
+    [podUrl, profileData, loadingUserInfo]
   );
 
   useEffect(() => {
     const loadUserInfo = async () => {
       try {
         const { webId } = session.info;
-        let podUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
-        podUrl = podUrl || webId.split('profile')[0];
-        const profileData = await fetchProfileInfo(session);
-        if (profileData.profileInfo.profileImage) {
-          localStorage.setItem('profileImage', profileData.profileInfo.profileImage);
+        const fetchedPodUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
+        setPodUrl(fetchedPodUrl || webId.split('profile')[0]);
+        const fetchedProfileData = await fetchProfileInfo(session);
+        if (fetchedProfileData.profileInfo.profileImage) {
+          localStorage.setItem('profileImage', fetchedProfileData.profileInfo.profileImage);
         }
-        setUserInfo({
-          podUrl,
-          profileData
-        });
+        setProfileData(profileData);
         await Promise.all([
           createPublicContainer(session, podUrl),
           generateDocumentsAcl(session, podUrl),

From f0674efb58a46b0c0c5b4d33b654cdf9bc1d0048 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 8 Jul 2023 22:12:45 -0700
Subject: [PATCH 255/304] Corrected setProfileData object in
 SignedInUserContext

---
 src/contexts/SignedInUserContext.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 3e10cd7d1..5ee5d4e62 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -60,7 +60,7 @@ export const SignedInUserContextProvider = ({ children }) => {
         if (fetchedProfileData.profileInfo.profileImage) {
           localStorage.setItem('profileImage', fetchedProfileData.profileInfo.profileImage);
         }
-        setProfileData(profileData);
+        setProfileData(fetchedProfileData);
         await Promise.all([
           createPublicContainer(session, podUrl),
           generateDocumentsAcl(session, podUrl),
@@ -76,6 +76,8 @@ export const SignedInUserContextProvider = ({ children }) => {
     }
   }, [session.info.isLoggedIn]);
 
+  console.log(userInfoMemo);
+
   return (
     <SignedInUserContext.Provider value={userInfoMemo}>{children}</SignedInUserContext.Provider>
   );

From f8ca557fbcc0f41a4e511d8fd767f9aa4c6e38df Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 8 Jul 2023 22:13:25 -0700
Subject: [PATCH 256/304] Removing console.log

---
 src/contexts/SignedInUserContext.jsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 5ee5d4e62..82a159a7a 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -76,8 +76,6 @@ export const SignedInUserContextProvider = ({ children }) => {
     }
   }, [session.info.isLoggedIn]);
 
-  console.log(userInfoMemo);
-
   return (
     <SignedInUserContext.Provider value={userInfoMemo}>{children}</SignedInUserContext.Provider>
   );

From ee9768a26ef4cf8366e2e02e46a03962e5ace631 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 8 Jul 2023 22:42:41 -0700
Subject: [PATCH 257/304] Reverted to include generating container if Documents
 container is missing; Adjusted condition to generate ACL file for Documents

---
 src/contexts/SignedInUserContext.jsx | 13 +++++++------
 src/utils/network/session-core.js    | 24 +++++++++++++++++-------
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index 82a159a7a..a50ae58e5 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -4,7 +4,7 @@ import React, { createContext, useState, useMemo, useEffect } from 'react';
 import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
-import { generateDocumentsAcl, createPublicContainer } from '../utils';
+import { createDocumentsContainer, createPublicContainer } from '../utils';
 import {
   fetchProfileInfo,
   updateProfileInfo,
@@ -54,17 +54,18 @@ export const SignedInUserContextProvider = ({ children }) => {
     const loadUserInfo = async () => {
       try {
         const { webId } = session.info;
-        const fetchedPodUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
-        setPodUrl(fetchedPodUrl || webId.split('profile')[0]);
+        let fetchedPodUrl = (await getPodUrlAll(webId, { fetch: session.fetch }))[0];
+        fetchedPodUrl = fetchedPodUrl || webId.split('profile')[0];
+        setPodUrl(fetchedPodUrl);
         const fetchedProfileData = await fetchProfileInfo(session);
         if (fetchedProfileData.profileInfo.profileImage) {
           localStorage.setItem('profileImage', fetchedProfileData.profileInfo.profileImage);
         }
         setProfileData(fetchedProfileData);
         await Promise.all([
-          createPublicContainer(session, podUrl),
-          generateDocumentsAcl(session, podUrl),
-          updateUserActivity(session, podUrl)
+          createPublicContainer(session, fetchedPodUrl),
+          createDocumentsContainer(session, fetchedPodUrl),
+          updateUserActivity(session, fetchedPodUrl)
         ]);
       } finally {
         setLoadingUserInfo(false);
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 6210953a1..f40f60827 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -3,7 +3,8 @@ import {
   getSolidDataset,
   getThingAll,
   getFile,
-  hasAcl
+  getSolidDatasetWithAcl,
+  hasResourceAcl
 } from '@inrupt/solid-client';
 import { INTERACTION_TYPES } from '../../constants';
 import {
@@ -122,20 +123,29 @@ export const createPublicContainer = async (session, podUrl) => {
  * access to the user
  *
  * @memberof utils
- * @function generateDocumentsAcl
+ * @function createDocumentsContainer
  * @param {Session} session - Solid's Session Object {@link Session}
  * @param {URL} podUrl - The user's Pod URL
  * @returns {Promise} Promise - Generates a Documents container for Pod upon log
  * in if user's Pod does not have the an outbox to begin with
  */
-export const generateDocumentsAcl = async (session, podUrl) => {
+export const createDocumentsContainer = async (session, podUrl) => {
   const documentsContainerUrl = `${podUrl}PASS/Documents/`;
 
-  const solidDataset = await getSolidDataset(documentsContainerUrl, {
-    fetch: session.fetch
-  });
+  try {
+    const solidDataset = await getSolidDatasetWithAcl(documentsContainerUrl, {
+      fetch: session.fetch
+    });
+
+    const resourceAclExists = hasResourceAcl(solidDataset);
 
-  if (!hasAcl(solidDataset)) {
+    if (!resourceAclExists) {
+      await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
+    }
+  } catch {
+    await createContainerAt(documentsContainerUrl, { fetch: session.fetch });
+
+    // Generate ACL file for container
     await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
   }
 };

From 9161ba78bcaf6ef4be9cb69e1ac00a3b74aaac3f Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Sat, 8 Jul 2023 23:11:52 -0700
Subject: [PATCH 258/304] Updated createDocumentsContainer in session-core and
 updated unit tests

---
 src/utils/network/session-core.js |  4 +-
 test/utils/session-core.test.js   | 92 ++++++++++++++++++++++++-------
 2 files changed, 73 insertions(+), 23 deletions(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index f40f60827..a2d05fbb3 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -3,8 +3,8 @@ import {
   getSolidDataset,
   getThingAll,
   getFile,
-  getSolidDatasetWithAcl,
-  hasResourceAcl
+  hasResourceAcl,
+  getSolidDatasetWithAcl
 } from '@inrupt/solid-client';
 import { INTERACTION_TYPES } from '../../constants';
 import {
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index fc2b91b94..a87935bcd 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -1,9 +1,10 @@
-import { getFile, createContainerAt, getSolidDataset } from '@inrupt/solid-client';
+import * as solidClient from '@inrupt/solid-client';
 import { expect, vi, it, describe, afterEach, beforeEach } from 'vitest';
 import {
   createInbox,
   createOutbox,
   createPublicContainer,
+  createDocumentsContainer,
   getBlobFromSolid
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
@@ -30,17 +31,17 @@ describe('createInbox', () => {
 
   it('just runs getSolidDataset if container exist', async () => {
     await createInbox(session, inboxContainerUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).not.toBeCalled();
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
   });
 
   it('runs catch block if getSolidDataset rejects', async () => {
-    getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockReturnValue();
+    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
 
     await createInbox(session, inboxContainerUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).toBeCalled();
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
     expect(sessionHelpers.setDocAclForUser).toBeCalled();
   });
 });
@@ -62,17 +63,17 @@ describe('createOutbox', () => {
 
   it('just runs getSolidDataset if container exist', async () => {
     await createOutbox(session, outboxContainerUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).not.toBeCalled();
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
   });
 
   it('runs catch block if getSolidDataset rejects', async () => {
-    getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockReturnValue();
+    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
 
     await createOutbox(session, outboxContainerUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).toBeCalled();
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
     expect(sessionHelpers.setDocAclForUser).toBeCalled();
   });
 });
@@ -94,23 +95,72 @@ describe('createPublicContainer', () => {
 
   it('just runs getSolidDataset if container exist', async () => {
     await createPublicContainer(session, publicContainerUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).not.toBeCalled();
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
   });
 
   it('runs catch block if getSolidDataset rejects', async () => {
-    getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockReturnValue();
-    vi.spyOn(sessionHelpers, 'setDocAclForPublic').mockReturnValue();
+    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
+    vi.spyOn(sessionHelpers, 'setDocAclForPublic').mockResolvedValue();
 
     await createPublicContainer(session, publicContainerUrl);
-    expect(getSolidDataset).toBeCalled();
-    expect(createContainerAt).toBeCalled();
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
     expect(sessionHelpers.setDocAclForUser).toBeCalled();
     expect(sessionHelpers.setDocAclForPublic).toBeCalled();
   });
 });
 
+describe('createDocumentsContainer', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: `${mockPodUrl}profile/card#me`
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const publicContainerUrl = `${mockPodUrl}PASS/Documents/`;
+
+  it('runs getSolidDatasetWithAcl if container exist and hasResourceAcl is true', async () => {
+    vi.spyOn(solidClient, 'hasResourceAcl').mockReturnValue(true);
+    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockResolvedValue();
+
+    await createDocumentsContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
+    expect(solidClient.hasResourceAcl).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).not.toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
+  });
+
+  it('runs getSolidDatasetWithAcl if container exist and hasResourceAcl is false', async () => {
+    vi.spyOn(solidClient, 'hasResourceAcl').mockReturnValue(false);
+    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockResolvedValue();
+
+    await createDocumentsContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
+    expect(solidClient.hasResourceAcl).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
+  });
+
+  it('runs catch block if getSolidDatasetWithAcl rejects', async () => {
+    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockRejectedValue();
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
+
+    await createDocumentsContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
+    expect(solidClient.hasResourceAcl).not.toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+  });
+});
+
 describe('getBlobFromSolid', () => {
   beforeEach(() => {
     session = {
@@ -127,7 +177,7 @@ describe('getBlobFromSolid', () => {
   it('returns a blob URL', async () => {
     const mockFileUrl = 'https://pod.example.com/PASS/Documents/Passport/test.pdf';
     const fileBlob = new Blob(['file content'], { type: 'application/pdf' });
-    getFile.mockResolvedValue(fileBlob);
+    solidClient.getFile.mockResolvedValue(fileBlob);
 
     // Mocking URL.createObjectURL since the function is not available for Node
     const createObjectURLMock = vi.fn().mockReturnValue('mock-url');

From ee9a74e3f9092f4271ade208e0bb2f62ebd62ad4 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Sun, 9 Jul 2023 14:08:19 -0700
Subject: [PATCH 259/304] Lifting DeleteClientModal and state up to parent
 component

---
 src/components/Clients/ClientList.jsx      | 22 ++++++-
 src/components/Clients/ClientListTable.jsx | 75 +++++++++-------------
 2 files changed, 51 insertions(+), 46 deletions(-)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index 47a328117..e8bd59dd9 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -1,9 +1,10 @@
 // React Imports
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 // Context Imports
 import { UserListContext } from '../../contexts';
 // Component Imports
 import ClientListTable from './ClientListTable';
+import DeleteClientModal from './DeleteClientModal';
 import { EmptyListNotification, LoadingAnimation } from '../Notification';
 
 /**
@@ -18,9 +19,26 @@ const ClientList = () => {
   const { userListObject } = useContext(UserListContext);
   const { loadingUsers } = useContext(UserListContext);
 
+  // state for DeleteClientModal component
+  const [showDeleteClientModal, setShowDeleteClientModal] = useState(false);
+
+  // state for selected client to delete
+  const [selectedClientToDelete, setSelectedClientToDelete] = useState(null);
+
   const determineClientListTable = userListObject.userList?.length ? (
     // render if clients
-    <ClientListTable />
+    <>
+      <ClientListTable
+        setSelectedClientToDelete={setSelectedClientToDelete}
+        setShowDeleteClientModal={setShowDeleteClientModal}
+      />
+      {/* modal/popup renders when showDeleteClientModal state is true */}
+      <DeleteClientModal
+        showDeleteClientModal={showDeleteClientModal}
+        setShowDeleteClientModal={setShowDeleteClientModal}
+        selectedClientToDelete={selectedClientToDelete}
+      />
+    </>
   ) : (
     // render if no clients
     <EmptyListNotification type="clients" />
diff --git a/src/components/Clients/ClientListTable.jsx b/src/components/Clients/ClientListTable.jsx
index 87d04ec48..25c9d5aed 100644
--- a/src/components/Clients/ClientListTable.jsx
+++ b/src/components/Clients/ClientListTable.jsx
@@ -1,5 +1,5 @@
 // React Imports
-import React, { useContext, useState } from 'react';
+import React, { useContext } from 'react';
 // Material UI Imports
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
@@ -13,7 +13,6 @@ import { useStatusNotification } from '../../hooks';
 import { UserListContext } from '../../contexts';
 // Component Imports
 import ClientListTableRow from './ClientListTableRow';
-import DeleteClientModal from './DeleteClientModal';
 import { StyledTableCell } from '../Table/TableStyles';
 
 // ===== MAKE CHANGES HERE FOR TABLE HEADER / COLUMN TITLES =====
@@ -26,52 +25,40 @@ const columnTitlesArray = ['Select', 'Client', 'WebID', 'Pin', 'Delete'];
  * @name ClientListTable
  */
 
-const ClientListTable = () => {
+const ClientListTable = ({ setSelectedClientToDelete, setShowDeleteClientModal }) => {
   const { state, dispatch } = useStatusNotification();
   const { userListObject } = useContext(UserListContext);
-  // state for DeleteClientModal component
-  const [showDeleteClientModal, setShowDeleteClientModal] = useState(false);
-  // state for selected client to delete
-  const [selectedClientToDelete, setSelectedClientToDelete] = useState(null);
 
   return (
-    <>
-      <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
-        <Table aria-label="client list table">
-          <TableHead>
-            <TableRow>
-              {columnTitlesArray.map((columnTitle) => (
-                <StyledTableCell key={columnTitle} align="center">
-                  {columnTitle}
-                </StyledTableCell>
-              ))}
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {userListObject?.userList.map((client, index) => {
-              const labelId = `clientlist-checkbox-${index}`;
-              return (
-                <ClientListTableRow
-                  key={client.webId}
-                  labelId={labelId}
-                  client={client}
-                  state={state}
-                  dispatch={dispatch}
-                  setShowDeleteClientModal={setShowDeleteClientModal}
-                  setSelectedClientToDelete={setSelectedClientToDelete}
-                />
-              );
-            })}
-          </TableBody>
-        </Table>
-      </TableContainer>
-      {/* modal/popup renders when showDeleteClientModal state is true */}
-      <DeleteClientModal
-        showDeleteClientModal={showDeleteClientModal}
-        setShowDeleteClientModal={setShowDeleteClientModal}
-        selectedClientToDelete={selectedClientToDelete}
-      />
-    </>
+    <TableContainer component={Paper} sx={{ marginTop: '3rem', marginBottom: '3rem' }}>
+      <Table aria-label="client list table">
+        <TableHead>
+          <TableRow>
+            {columnTitlesArray.map((columnTitle) => (
+              <StyledTableCell key={columnTitle} align="center">
+                {columnTitle}
+              </StyledTableCell>
+            ))}
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {userListObject?.userList.map((client, index) => {
+            const labelId = `clientlist-checkbox-${index}`;
+            return (
+              <ClientListTableRow
+                key={client.webId}
+                labelId={labelId}
+                client={client}
+                state={state}
+                dispatch={dispatch}
+                setShowDeleteClientModal={setShowDeleteClientModal}
+                setSelectedClientToDelete={setSelectedClientToDelete}
+              />
+            );
+          })}
+        </TableBody>
+      </Table>
+    </TableContainer>
   );
 };
 

From 763f647e47f2cf84eadad86c41f05185edf9e8dd Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Sun, 9 Jul 2023 14:08:42 -0700
Subject: [PATCH 260/304] edit DeleteClientModal text

---
 src/components/Clients/DeleteClientModal.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Clients/DeleteClientModal.jsx
index 87c77abbd..8b3850a89 100644
--- a/src/components/Clients/DeleteClientModal.jsx
+++ b/src/components/Clients/DeleteClientModal.jsx
@@ -44,7 +44,6 @@ const DeleteClientModal = ({
     );
     try {
       await removeUser(selectedClientToDelete);
-      // get it to show this deleted notification
     } finally {
       runNotification(
         `"${selectedClientToDelete.person}" deleted from client list...`,
@@ -74,7 +73,7 @@ const DeleteClientModal = ({
         <form onSubmit={handleDeleteClient} autoComplete="off">
           <DialogContent>
             <DialogContentText id="dialog-description">
-              {`You're about to delete ${selectedClientToDelete?.person} from your client list, do you wish to continue?`}
+              {`Are you sure you want to delete ${selectedClientToDelete?.person} from your client list?`}
             </DialogContentText>
           </DialogContent>
 

From 15ef3fcd7ec98480aba47bb01126da078e83c691 Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Sun, 9 Jul 2023 16:48:03 -0700
Subject: [PATCH 261/304] Add basic test cases for Scott to finish

---
 src/components/Clients/DeleteClientModal.jsx  |  5 +-
 .../Clients/DeleteClientModal.test.jsx        | 62 +++++++++++++++++++
 2 files changed, 65 insertions(+), 2 deletions(-)
 create mode 100644 test/components/Clients/DeleteClientModal.test.jsx

diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Clients/DeleteClientModal.jsx
index 8b3850a89..2c66ac8ab 100644
--- a/src/components/Clients/DeleteClientModal.jsx
+++ b/src/components/Clients/DeleteClientModal.jsx
@@ -37,7 +37,7 @@ const DeleteClientModal = ({
   const handleDeleteClient = async (event) => {
     event.preventDefault();
     runNotification(
-      `Deleting "${selectedClientToDelete.person}" from client list...`,
+      `Deleting "${selectedClientToDelete?.person}" from client list...`,
       3,
       state,
       dispatch
@@ -46,7 +46,7 @@ const DeleteClientModal = ({
       await removeUser(selectedClientToDelete);
     } finally {
       runNotification(
-        `"${selectedClientToDelete.person}" deleted from client list...`,
+        `"${selectedClientToDelete?.person}" deleted from client list...`,
         3,
         state,
         dispatch
@@ -91,6 +91,7 @@ const DeleteClientModal = ({
               type="submit"
               variant="contained"
               color="primary"
+              aria-label="Delete Client Button"
               endIcon={<CheckIcon />}
               disabled={state.processing}
               sx={{ marginLeft: '1rem' }}
diff --git a/test/components/Clients/DeleteClientModal.test.jsx b/test/components/Clients/DeleteClientModal.test.jsx
new file mode 100644
index 000000000..e37c14b8a
--- /dev/null
+++ b/test/components/Clients/DeleteClientModal.test.jsx
@@ -0,0 +1,62 @@
+import { render, cleanup } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import React from 'react';
+import { expect, it, vi, afterEach } from 'vitest';
+import { DeleteClientModal } from '../../../src/components/Clients';
+import { UserListContext } from '../../../src/contexts';
+
+afterEach(() => {
+  cleanup();
+});
+
+it('shows when showDeleteClientModal is true', () => {
+  const setModal = () => {};
+  const removeUser = vi.fn();
+  const { queryByLabelText } = render(
+    <UserListContext.Provider value={{ removeUser }}>
+      <DeleteClientModal
+        showDeleteClientModal
+        setShowDeleteClientModal={setModal}
+        selectedClientToDelete={{ person: 'tim' }}
+      />
+    </UserListContext.Provider>
+  );
+  const deleteButton = queryByLabelText('Delete Client Button');
+  expect(deleteButton).not.toBeNull();
+});
+
+it('hides when showDeleteClientModal is false', () => {
+  const setModal = () => {};
+  const removeUser = vi.fn();
+  const { queryByLabelText } = render(
+    <UserListContext.Provider value={{ removeUser }}>
+      <DeleteClientModal
+        setShowDeleteClientModal={setModal}
+        selectedClientToDelete={{ person: 'tim' }}
+      />
+    </UserListContext.Provider>
+  );
+  const deleteButton = queryByLabelText('Delete Client Button');
+  expect(deleteButton).toBeNull();
+});
+
+it('triggers delete client when delete button is clicked', async () => {
+  const user = userEvent.setup();
+  const setModal = () => {};
+  const removeUser = vi.fn();
+  const client = { person: 'tim' };
+  const { getByLabelText } = render(
+    <UserListContext.Provider value={{ removeUser }}>
+      <DeleteClientModal
+        showDeleteClientModal
+        setShowDeleteClientModal={setModal}
+        selectedClientToDelete={client}
+      />
+    </UserListContext.Provider>
+  );
+  const deleteButton = getByLabelText('Delete Client Button');
+  await user.click(deleteButton);
+  expect(removeUser).toBeCalledWith(client);
+});
+
+it('closes without an action when cancel button in clicked', () => {});

From c3de57675fc7f1830e843894822f067e6ee901db Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 10 Jul 2023 00:12:56 -0700
Subject: [PATCH 262/304] Refactored session-core functions for container
 creation to new file called pod-helper; Moved pod-helper into folder called
 pod-management under utils; Moved unit tests for these functions to
 pod-helper.test.js; Created new unit test for setDocContainerAclPermission in
 session-core.test.js

---
 src/utils/index.js                     |   6 +-
 src/utils/network/session-core.js      | 121 +------------------
 src/utils/pod-management/pod-helper.js | 119 ++++++++++++++++++
 test/utils/pod-helper.test.js          | 161 +++++++++++++++++++++++++
 test/utils/session-core.test.js        | 150 +++--------------------
 5 files changed, 302 insertions(+), 255 deletions(-)
 create mode 100644 src/utils/pod-management/pod-helper.js
 create mode 100644 test/utils/pod-helper.test.js

diff --git a/src/utils/index.js b/src/utils/index.js
index 623e04f55..0f499c039 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -1,8 +1,7 @@
 /**
  * The utils module to help run functions for PASS forms, notifications, and
- * Solid Session. The file session-core contains functions that is exported to
- * PASS, while session-helper contains functions that is only exported to
- * session-core
+ * Solid Session, and Pod management. The file session-core contains functions
+ * that is exported to PASS
  *
  * @module utils
  * @namespace utils
@@ -16,3 +15,4 @@ export { runNotification, getDriversLicenseData, formattedDate };
 export * from './cryptography/credentials-helper';
 export * from './network/session-core';
 export * from './network/session-helper';
+export * from './pod-management/pod-helper';
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index a2d05fbb3..c8b8dd0c8 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -1,11 +1,4 @@
-import {
-  createContainerAt,
-  getSolidDataset,
-  getThingAll,
-  getFile,
-  hasResourceAcl,
-  getSolidDatasetWithAcl
-} from '@inrupt/solid-client';
+import { getSolidDataset, getThingAll, getFile } from '@inrupt/solid-client';
 import { INTERACTION_TYPES } from '../../constants';
 import {
   getContainerUrl,
@@ -14,7 +7,6 @@ import {
   saveMessageTTL,
   parseMessageTTL,
   buildMessageTTL,
-  setDocAclForPublic,
   getPodUrl
 } from './session-helper';
 
@@ -90,66 +82,6 @@ export const setDocContainerAclPermission = async (
   await setDocAclForUser(session, containerUrl, 'update', webId, permissions);
 };
 
-/**
- * Function that creates a public container in the user's Pod when logging in for
- * the first time or if Public is missing and initialize it with an ACL with
- * access to the user
- *
- * @memberof utils
- * @function createPublicContainer
- * @param {Session} session - Solid's Session Object {@link Session}
- * @param {URL} podUrl - The user's Pod URL
- * @returns {Promise} Promise - Generates a public container for Pod upon log in
- * if user's Pod does not have the an outbox to begin with
- */
-
-export const createPublicContainer = async (session, podUrl) => {
-  const publicContainerUrl = `${podUrl}PASS/Public/`;
-
-  try {
-    await getSolidDataset(publicContainerUrl, { fetch: session.fetch });
-  } catch {
-    await createContainerAt(publicContainerUrl, { fetch: session.fetch });
-
-    // Generate ACL file for container
-    await setDocAclForUser(session, publicContainerUrl, 'create', session.info.webId);
-    await setDocAclForPublic(session, publicContainerUrl, { read: true });
-  }
-};
-
-/**
- * Function that creates a Documents container in the user's Pod when logging in
- * for the first time or if Documents is missing and initialize it with an ACL with
- * access to the user
- *
- * @memberof utils
- * @function createDocumentsContainer
- * @param {Session} session - Solid's Session Object {@link Session}
- * @param {URL} podUrl - The user's Pod URL
- * @returns {Promise} Promise - Generates a Documents container for Pod upon log
- * in if user's Pod does not have the an outbox to begin with
- */
-export const createDocumentsContainer = async (session, podUrl) => {
-  const documentsContainerUrl = `${podUrl}PASS/Documents/`;
-
-  try {
-    const solidDataset = await getSolidDatasetWithAcl(documentsContainerUrl, {
-      fetch: session.fetch
-    });
-
-    const resourceAclExists = hasResourceAcl(solidDataset);
-
-    if (!resourceAclExists) {
-      await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
-    }
-  } catch {
-    await createContainerAt(documentsContainerUrl, { fetch: session.fetch });
-
-    // Generate ACL file for container
-    await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
-  }
-};
-
 /*
   User Message Section
   
@@ -266,57 +198,6 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
   }
 };
 
-/**
- * Function that creates an outbox container in the user's Pod when logging in for
- * the first time
- *
- * @memberof utils
- * @function createOutbox
- * @param {Session} session - Solid's Session Object {@link Session}
- * @param {URL} podUrl - The pod URL of user
- * @returns {Promise} Promise - Generates an outbox for Pod upon log in if
- * user's Pod does not have the an outbox to begin with
- */
-
-export const createOutbox = async (session, podUrl) => {
-  const outboxContainerUrl = `${podUrl}PASS/Outbox/`;
-
-  try {
-    await getSolidDataset(outboxContainerUrl, { fetch: session.fetch });
-  } catch {
-    await createContainerAt(outboxContainerUrl, { fetch: session.fetch });
-
-    // Generate ACL file for container
-    await setDocAclForUser(session, outboxContainerUrl, 'create', session.info.webId);
-  }
-};
-
-/**
- * Function that creates an inbox container in the user's Pod when logging in for
- * the first time
- *
- * @memberof utils
- * @function createInbox
- * @param {Session} session - Solid's Session Object {@link Session}
- * @param {URL} podUrl - The pod URL of user
- * @returns {Promise} Promise - Generates an outbox for Pod upon log in if
- * user's Pod does not have the an outbox to begin with
- */
-
-export const createInbox = async (session, podUrl) => {
-  const inboxContainerUrl = `${podUrl}PASS/Inbox/`;
-
-  try {
-    await getSolidDataset(inboxContainerUrl, { fetch: session.fetch });
-  } catch {
-    await createContainerAt(inboxContainerUrl, { fetch: session.fetch });
-
-    // Generate ACL file for container
-    await setDocAclForUser(session, inboxContainerUrl, 'create', session.info.webId);
-    await setDocAclForPublic(session, inboxContainerUrl, { append: true });
-  }
-};
-
 /**
  * A function that returns a file URL that could be used in local iframe
  *
diff --git a/src/utils/pod-management/pod-helper.js b/src/utils/pod-management/pod-helper.js
new file mode 100644
index 000000000..6e83dd951
--- /dev/null
+++ b/src/utils/pod-management/pod-helper.js
@@ -0,0 +1,119 @@
+import {
+  createContainerAt,
+  getSolidDataset,
+  getSolidDatasetWithAcl,
+  hasResourceAcl
+} from '@inrupt/solid-client';
+import { setDocAclForPublic, setDocAclForUser } from '../network/session-helper';
+
+/**
+ * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
+ */
+
+/**
+ * Function that creates a public container in the user's Pod when logging in for
+ * the first time or if Public is missing and initialize it with an ACL with
+ * access to the user
+ *
+ * @memberof utils
+ * @function createPublicContainer
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} podUrl - The user's Pod URL
+ * @returns {Promise} Promise - Generates a public container for Pod upon log in
+ * if user's Pod does not have the an outbox to begin with
+ */
+export const createPublicContainer = async (session, podUrl) => {
+  const publicContainerUrl = `${podUrl}PASS/Public/`;
+
+  try {
+    await getSolidDataset(publicContainerUrl, { fetch: session.fetch });
+  } catch {
+    await createContainerAt(publicContainerUrl, { fetch: session.fetch });
+
+    // Generate ACL file for container
+    await setDocAclForUser(session, publicContainerUrl, 'create', session.info.webId);
+    await setDocAclForPublic(session, publicContainerUrl, { read: true });
+  }
+};
+
+/**
+ * Function that creates a Documents container in the user's Pod when logging in
+ * for the first time or if Documents is missing and initialize it with an ACL with
+ * access to the user
+ *
+ * @memberof utils
+ * @function createDocumentsContainer
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} podUrl - The user's Pod URL
+ * @returns {Promise} Promise - Generates a Documents container for Pod upon log
+ * in if user's Pod does not have the an outbox to begin with
+ */
+export const createDocumentsContainer = async (session, podUrl) => {
+  const documentsContainerUrl = `${podUrl}PASS/Documents/`;
+
+  try {
+    const solidDataset = await getSolidDatasetWithAcl(documentsContainerUrl, {
+      fetch: session.fetch
+    });
+
+    const resourceAclExists = hasResourceAcl(solidDataset);
+
+    if (!resourceAclExists) {
+      await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
+    }
+  } catch {
+    await createContainerAt(documentsContainerUrl, { fetch: session.fetch });
+
+    // Generate ACL file for container
+    await setDocAclForUser(session, documentsContainerUrl, 'create', session.info.webId);
+  }
+};
+
+/**
+ * Function that creates an outbox container in the user's Pod when logging in for
+ * the first time
+ *
+ * @memberof utils
+ * @function createOutbox
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} podUrl - The pod URL of user
+ * @returns {Promise} Promise - Generates an outbox for Pod upon log in if
+ * user's Pod does not have the an outbox to begin with
+ */
+export const createOutbox = async (session, podUrl) => {
+  const outboxContainerUrl = `${podUrl}PASS/Outbox/`;
+
+  try {
+    await getSolidDataset(outboxContainerUrl, { fetch: session.fetch });
+  } catch {
+    await createContainerAt(outboxContainerUrl, { fetch: session.fetch });
+
+    // Generate ACL file for container
+    await setDocAclForUser(session, outboxContainerUrl, 'create', session.info.webId);
+  }
+};
+
+/**
+ * Function that creates an inbox container in the user's Pod when logging in for
+ * the first time
+ *
+ * @memberof utils
+ * @function createInbox
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {URL} podUrl - The pod URL of user
+ * @returns {Promise} Promise - Generates an outbox for Pod upon log in if
+ * user's Pod does not have the an outbox to begin with
+ */
+export const createInbox = async (session, podUrl) => {
+  const inboxContainerUrl = `${podUrl}PASS/Inbox/`;
+
+  try {
+    await getSolidDataset(inboxContainerUrl, { fetch: session.fetch });
+  } catch {
+    await createContainerAt(inboxContainerUrl, { fetch: session.fetch });
+
+    // Generate ACL file for container
+    await setDocAclForUser(session, inboxContainerUrl, 'create', session.info.webId);
+    await setDocAclForPublic(session, inboxContainerUrl, { append: true });
+  }
+};
diff --git a/test/utils/pod-helper.test.js b/test/utils/pod-helper.test.js
new file mode 100644
index 000000000..bf4236f55
--- /dev/null
+++ b/test/utils/pod-helper.test.js
@@ -0,0 +1,161 @@
+import * as solidClient from '@inrupt/solid-client';
+import { expect, vi, it, describe, afterEach, beforeEach } from 'vitest';
+import {
+  createDocumentsContainer,
+  createInbox,
+  createOutbox,
+  createPublicContainer
+} from '../../src/utils/pod-management/pod-helper';
+import * as sessionHelpers from '../../src/utils/network/session-helper';
+
+const mockPodUrl = 'https://pod.example.com/';
+let session = {};
+
+vi.mock('@inrupt/solid-client');
+
+describe('createInbox', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: `${mockPodUrl}profile/card#me`
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const inboxContainerUrl = `${mockPodUrl}PASS/Inbox/`;
+
+  it('just runs getSolidDataset if container exist', async () => {
+    await createInbox(session, inboxContainerUrl);
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
+  });
+
+  it('runs catch block if getSolidDataset rejects', async () => {
+    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
+
+    await createInbox(session, inboxContainerUrl);
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+  });
+});
+
+describe('createOutbox', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: `${mockPodUrl}profile/card#me`
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const outboxContainerUrl = `${mockPodUrl}PASS/Outbox/`;
+
+  it('just runs getSolidDataset if container exist', async () => {
+    await createOutbox(session, outboxContainerUrl);
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
+  });
+
+  it('runs catch block if getSolidDataset rejects', async () => {
+    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
+
+    await createOutbox(session, outboxContainerUrl);
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+  });
+});
+
+describe('createPublicContainer', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: `${mockPodUrl}profile/card#me`
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const publicContainerUrl = `${mockPodUrl}PASS/Public/`;
+
+  it('just runs getSolidDataset if container exist', async () => {
+    await createPublicContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
+  });
+
+  it('runs catch block if getSolidDataset rejects', async () => {
+    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
+    vi.spyOn(sessionHelpers, 'setDocAclForPublic').mockResolvedValue();
+
+    await createPublicContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDataset).toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+    expect(sessionHelpers.setDocAclForPublic).toBeCalled();
+  });
+});
+
+describe('createDocumentsContainer', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: `${mockPodUrl}profile/card#me`
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const publicContainerUrl = `${mockPodUrl}PASS/Documents/`;
+
+  it('runs getSolidDatasetWithAcl if container exist and hasResourceAcl is true', async () => {
+    vi.spyOn(solidClient, 'hasResourceAcl').mockReturnValue(true);
+    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockResolvedValue();
+
+    await createDocumentsContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
+    expect(solidClient.hasResourceAcl).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).not.toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
+  });
+
+  it('runs getSolidDatasetWithAcl if container exist and hasResourceAcl is false', async () => {
+    vi.spyOn(solidClient, 'hasResourceAcl').mockReturnValue(false);
+    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockResolvedValue();
+
+    await createDocumentsContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
+    expect(solidClient.hasResourceAcl).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+    expect(solidClient.createContainerAt).not.toBeCalled();
+  });
+
+  it('runs catch block if getSolidDatasetWithAcl rejects', async () => {
+    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockRejectedValue();
+    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
+
+    await createDocumentsContainer(session, publicContainerUrl);
+    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
+    expect(solidClient.hasResourceAcl).not.toBeCalled();
+    expect(solidClient.createContainerAt).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+  });
+});
diff --git a/test/utils/session-core.test.js b/test/utils/session-core.test.js
index a87935bcd..4aac83bf6 100644
--- a/test/utils/session-core.test.js
+++ b/test/utils/session-core.test.js
@@ -1,11 +1,8 @@
 import * as solidClient from '@inrupt/solid-client';
 import { expect, vi, it, describe, afterEach, beforeEach } from 'vitest';
 import {
-  createInbox,
-  createOutbox,
-  createPublicContainer,
-  createDocumentsContainer,
-  getBlobFromSolid
+  getBlobFromSolid,
+  setDocContainerAclPermission
 } from '../../src/utils/network/session-core';
 import * as sessionHelpers from '../../src/utils/network/session-helper';
 
@@ -14,7 +11,7 @@ let session = {};
 
 vi.mock('@inrupt/solid-client');
 
-describe('createInbox', () => {
+describe('setDocContainerAclPermission', () => {
   beforeEach(() => {
     session = {
       fetch: vi.fn(),
@@ -22,142 +19,31 @@ describe('createInbox', () => {
         webId: `${mockPodUrl}profile/card#me`
       }
     };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  const inboxContainerUrl = `${mockPodUrl}PASS/Inbox/`;
-
-  it('just runs getSolidDataset if container exist', async () => {
-    await createInbox(session, inboxContainerUrl);
-    expect(solidClient.getSolidDataset).toBeCalled();
-    expect(solidClient.createContainerAt).not.toBeCalled();
-  });
-
-  it('runs catch block if getSolidDataset rejects', async () => {
-    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
-
-    await createInbox(session, inboxContainerUrl);
-    expect(solidClient.getSolidDataset).toBeCalled();
-    expect(solidClient.createContainerAt).toBeCalled();
-    expect(sessionHelpers.setDocAclForUser).toBeCalled();
-  });
-});
-
-describe('createOutbox', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  const outboxContainerUrl = `${mockPodUrl}PASS/Outbox/`;
-
-  it('just runs getSolidDataset if container exist', async () => {
-    await createOutbox(session, outboxContainerUrl);
-    expect(solidClient.getSolidDataset).toBeCalled();
-    expect(solidClient.createContainerAt).not.toBeCalled();
-  });
-
-  it('runs catch block if getSolidDataset rejects', async () => {
-    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
-
-    await createOutbox(session, outboxContainerUrl);
-    expect(solidClient.getSolidDataset).toBeCalled();
-    expect(solidClient.createContainerAt).toBeCalled();
-    expect(sessionHelpers.setDocAclForUser).toBeCalled();
-  });
-});
 
-describe('createPublicContainer', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  const publicContainerUrl = `${mockPodUrl}PASS/Public/`;
-
-  it('just runs getSolidDataset if container exist', async () => {
-    await createPublicContainer(session, publicContainerUrl);
-    expect(solidClient.getSolidDataset).toBeCalled();
-    expect(solidClient.createContainerAt).not.toBeCalled();
-  });
-
-  it('runs catch block if getSolidDataset rejects', async () => {
-    solidClient.getSolidDataset.mockRejectedValueOnce(Error('No data found'));
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
-    vi.spyOn(sessionHelpers, 'setDocAclForPublic').mockResolvedValue();
-
-    await createPublicContainer(session, publicContainerUrl);
-    expect(solidClient.getSolidDataset).toBeCalled();
-    expect(solidClient.createContainerAt).toBeCalled();
-    expect(sessionHelpers.setDocAclForUser).toBeCalled();
-    expect(sessionHelpers.setDocAclForPublic).toBeCalled();
-  });
-});
-
-describe('createDocumentsContainer', () => {
-  beforeEach(() => {
-    session = {
-      fetch: vi.fn(),
-      info: {
-        webId: `${mockPodUrl}profile/card#me`
-      }
-    };
+    localStorage.setItem('oidcIssuer', 'https://example.com/');
   });
   afterEach(() => {
     vi.clearAllMocks();
   });
 
-  const publicContainerUrl = `${mockPodUrl}PASS/Documents/`;
+  it('runs setDocAclForUser with the correct inputs', async () => {
+    const permissions = { read: true, append: true };
+    const otherPodUsername = 'pod2';
 
-  it('runs getSolidDatasetWithAcl if container exist and hasResourceAcl is true', async () => {
-    vi.spyOn(solidClient, 'hasResourceAcl').mockReturnValue(true);
-    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockResolvedValue();
+    const expectedContainerUrl = 'https://pod.example.com/PASS/Documents/';
+    const expectedWebId = 'https://pod2.example.com/profile/card#me';
 
-    await createDocumentsContainer(session, publicContainerUrl);
-    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
-    expect(solidClient.hasResourceAcl).toBeCalled();
-    expect(sessionHelpers.setDocAclForUser).not.toBeCalled();
-    expect(solidClient.createContainerAt).not.toBeCalled();
-  });
-
-  it('runs getSolidDatasetWithAcl if container exist and hasResourceAcl is false', async () => {
-    vi.spyOn(solidClient, 'hasResourceAcl').mockReturnValue(false);
-    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockResolvedValue();
-
-    await createDocumentsContainer(session, publicContainerUrl);
-    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
-    expect(solidClient.hasResourceAcl).toBeCalled();
-    expect(sessionHelpers.setDocAclForUser).toBeCalled();
-    expect(solidClient.createContainerAt).not.toBeCalled();
-  });
+    vi.spyOn(sessionHelpers, 'setDocAclForUser');
 
-  it('runs catch block if getSolidDatasetWithAcl rejects', async () => {
-    vi.spyOn(solidClient, 'getSolidDatasetWithAcl').mockRejectedValue();
-    vi.spyOn(sessionHelpers, 'setDocAclForUser').mockResolvedValue();
+    await setDocContainerAclPermission(session, permissions, mockPodUrl, otherPodUsername);
 
-    await createDocumentsContainer(session, publicContainerUrl);
-    expect(solidClient.getSolidDatasetWithAcl).toBeCalled();
-    expect(solidClient.hasResourceAcl).not.toBeCalled();
-    expect(solidClient.createContainerAt).toBeCalled();
-    expect(sessionHelpers.setDocAclForUser).toBeCalled();
+    expect(sessionHelpers.setDocAclForUser).toBeCalledWith(
+      session,
+      expectedContainerUrl,
+      'update',
+      expectedWebId,
+      permissions
+    );
   });
 });
 

From a1606afd9f2304a34986d6c17d7a0f9a93bf5b42 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Mon, 10 Jul 2023 09:48:07 -0700
Subject: [PATCH 263/304] adding aria label to buttons

---
 src/components/Clients/DeleteClientModal.jsx  |  1 +
 .../Clients/DeleteClientModal.test.jsx        | 49 ++++++++++++-------
 2 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Clients/DeleteClientModal.jsx
index 2c66ac8ab..e4abf26a9 100644
--- a/src/components/Clients/DeleteClientModal.jsx
+++ b/src/components/Clients/DeleteClientModal.jsx
@@ -81,6 +81,7 @@ const DeleteClientModal = ({
             <Button
               variant="outlined"
               color="error"
+              aria-label="Cancel Button"
               endIcon={<ClearIcon />}
               onClick={() => setShowDeleteClientModal(false)}
             >
diff --git a/test/components/Clients/DeleteClientModal.test.jsx b/test/components/Clients/DeleteClientModal.test.jsx
index e37c14b8a..f4715be85 100644
--- a/test/components/Clients/DeleteClientModal.test.jsx
+++ b/test/components/Clients/DeleteClientModal.test.jsx
@@ -1,6 +1,6 @@
+import React from 'react';
 import { render, cleanup } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import React from 'react';
 import { expect, it, vi, afterEach } from 'vitest';
 import { DeleteClientModal } from '../../../src/components/Clients';
 import { UserListContext } from '../../../src/contexts';
@@ -9,42 +9,39 @@ afterEach(() => {
   cleanup();
 });
 
-it('shows when showDeleteClientModal is true', () => {
-  const setModal = () => {};
-  const removeUser = vi.fn();
+const client = { person: 'tim' };
+const removeUser = vi.fn();
+const setModal = () => {};
+
+it('renders/mounts when showDeleteClientModal is true', () => {
   const { queryByLabelText } = render(
     <UserListContext.Provider value={{ removeUser }}>
       <DeleteClientModal
         showDeleteClientModal
         setShowDeleteClientModal={setModal}
-        selectedClientToDelete={{ person: 'tim' }}
+        selectedClientToDelete={client}
       />
     </UserListContext.Provider>
   );
   const deleteButton = queryByLabelText('Delete Client Button');
+  const cancelButton = queryByLabelText('Cancel Button');
   expect(deleteButton).not.toBeNull();
+  expect(cancelButton).not.toBeNull();
 });
 
-it('hides when showDeleteClientModal is false', () => {
-  const setModal = () => {};
-  const removeUser = vi.fn();
+it('hides/unmounts when showDeleteClientModal is false', () => {
   const { queryByLabelText } = render(
     <UserListContext.Provider value={{ removeUser }}>
-      <DeleteClientModal
-        setShowDeleteClientModal={setModal}
-        selectedClientToDelete={{ person: 'tim' }}
-      />
+      <DeleteClientModal setShowDeleteClientModal={setModal} selectedClientToDelete={client} />
     </UserListContext.Provider>
   );
   const deleteButton = queryByLabelText('Delete Client Button');
+  const cancelButton = queryByLabelText('Cancel Button');
   expect(deleteButton).toBeNull();
+  expect(cancelButton).toBeNull();
 });
 
-it('triggers delete client when delete button is clicked', async () => {
-  const user = userEvent.setup();
-  const setModal = () => {};
-  const removeUser = vi.fn();
-  const client = { person: 'tim' };
+it('triggers removeUser/deletion of client when delete button is clicked', async () => {
   const { getByLabelText } = render(
     <UserListContext.Provider value={{ removeUser }}>
       <DeleteClientModal
@@ -54,9 +51,25 @@ it('triggers delete client when delete button is clicked', async () => {
       />
     </UserListContext.Provider>
   );
+  const user = userEvent.setup();
   const deleteButton = getByLabelText('Delete Client Button');
   await user.click(deleteButton);
   expect(removeUser).toBeCalledWith(client);
 });
 
-it('closes without an action when cancel button in clicked', () => {});
+it('closes without an action when cancel button is clicked', async () => {
+  const { getByLabelText } = render(
+    <UserListContext.Provider value={{ removeUser }}>
+      <DeleteClientModal
+        showDeleteClientModal
+        setShowDeleteClientModal={setModal}
+        selectedClientToDelete={client}
+      />
+    </UserListContext.Provider>
+  );
+  const user = userEvent.setup();
+  const cancelButton = getByLabelText('Cancel Button');
+  await user.click(cancelButton);
+  const closeModal = vi.fn();
+  expect(closeModal).toHaveBeenCalledOnce();
+});

From a16467b6041c45919a35dd6481e7ac7d2820f68e Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Mon, 10 Jul 2023 11:08:54 -0700
Subject: [PATCH 264/304] passing unmount test

---
 .../Clients/DeleteClientModal.test.jsx        | 62 +++++++++++++------
 1 file changed, 43 insertions(+), 19 deletions(-)

diff --git a/test/components/Clients/DeleteClientModal.test.jsx b/test/components/Clients/DeleteClientModal.test.jsx
index f4715be85..e424166e1 100644
--- a/test/components/Clients/DeleteClientModal.test.jsx
+++ b/test/components/Clients/DeleteClientModal.test.jsx
@@ -1,19 +1,19 @@
-import React from 'react';
-import { render, cleanup } from '@testing-library/react';
+import React, { useState } from 'react';
+import { render, cleanup, waitForElementToBeRemoved } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { expect, it, vi, afterEach } from 'vitest';
 import { DeleteClientModal } from '../../../src/components/Clients';
 import { UserListContext } from '../../../src/contexts';
 
+// clear created dom after each test, to start fresh for next
 afterEach(() => {
   cleanup();
 });
 
-const client = { person: 'tim' };
-const removeUser = vi.fn();
-const setModal = () => {};
-
 it('renders/mounts when showDeleteClientModal is true', () => {
+  const removeUser = vi.fn();
+  const setModal = () => {};
+  const client = { person: 'john' };
   const { queryByLabelText } = render(
     <UserListContext.Provider value={{ removeUser }}>
       <DeleteClientModal
@@ -23,25 +23,36 @@ it('renders/mounts when showDeleteClientModal is true', () => {
       />
     </UserListContext.Provider>
   );
+
   const deleteButton = queryByLabelText('Delete Client Button');
   const cancelButton = queryByLabelText('Cancel Button');
+
   expect(deleteButton).not.toBeNull();
   expect(cancelButton).not.toBeNull();
 });
 
 it('hides/unmounts when showDeleteClientModal is false', () => {
+  const removeUser = vi.fn();
+  const setModal = () => {};
+  const client = { person: 'john' };
   const { queryByLabelText } = render(
     <UserListContext.Provider value={{ removeUser }}>
       <DeleteClientModal setShowDeleteClientModal={setModal} selectedClientToDelete={client} />
     </UserListContext.Provider>
   );
+
   const deleteButton = queryByLabelText('Delete Client Button');
   const cancelButton = queryByLabelText('Cancel Button');
+
   expect(deleteButton).toBeNull();
   expect(cancelButton).toBeNull();
 });
 
 it('triggers removeUser/deletion of client when delete button is clicked', async () => {
+  const removeUser = vi.fn();
+  const setModal = () => {};
+  const client = { person: 'john' };
+  const user = userEvent.setup();
   const { getByLabelText } = render(
     <UserListContext.Provider value={{ removeUser }}>
       <DeleteClientModal
@@ -51,25 +62,38 @@ it('triggers removeUser/deletion of client when delete button is clicked', async
       />
     </UserListContext.Provider>
   );
-  const user = userEvent.setup();
+
   const deleteButton = getByLabelText('Delete Client Button');
+
   await user.click(deleteButton);
   expect(removeUser).toBeCalledWith(client);
 });
 
 it('closes without an action when cancel button is clicked', async () => {
-  const { getByLabelText } = render(
-    <UserListContext.Provider value={{ removeUser }}>
-      <DeleteClientModal
-        showDeleteClientModal
-        setShowDeleteClientModal={setModal}
-        selectedClientToDelete={client}
-      />
-    </UserListContext.Provider>
-  );
+  const removeUser = vi.fn();
+  const client = { person: 'john' };
   const user = userEvent.setup();
-  const cancelButton = getByLabelText('Cancel Button');
+  const ModalWrapper = () => {
+    const [showModal, setShowModal] = useState(true);
+
+    return (
+      <UserListContext.Provider value={{ removeUser }}>
+        <DeleteClientModal
+          showDeleteClientModal={showModal}
+          setShowDeleteClientModal={setShowModal}
+          selectedClientToDelete={client}
+        />
+      </UserListContext.Provider>
+    );
+  };
+
+  const { queryByLabelText } = render(<ModalWrapper />);
+
+  const cancelButton = queryByLabelText('Cancel Button');
+
   await user.click(cancelButton);
-  const closeModal = vi.fn();
-  expect(closeModal).toHaveBeenCalledOnce();
+  await waitForElementToBeRemoved(() => queryByLabelText('Cancel Button'));
+  const hiddenCancelButton = queryByLabelText('Cancel Button');
+  expect(hiddenCancelButton).toBeNull();
+  expect(removeUser).not.toBeCalled();
 });

From e46c4bc5401f2d4b0299e03c6c2f37dbfe6083e3 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Mon, 10 Jul 2023 11:22:14 -0700
Subject: [PATCH 265/304] having eslint ignore issue in test file

---
 test/components/Clients/DeleteClientModal.test.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/test/components/Clients/DeleteClientModal.test.jsx b/test/components/Clients/DeleteClientModal.test.jsx
index e424166e1..8f0f53e8e 100644
--- a/test/components/Clients/DeleteClientModal.test.jsx
+++ b/test/components/Clients/DeleteClientModal.test.jsx
@@ -77,6 +77,7 @@ it('closes without an action when cancel button is clicked', async () => {
     const [showModal, setShowModal] = useState(true);
 
     return (
+      // eslint-disable-next-line react/jsx-no-constructed-context-values
       <UserListContext.Provider value={{ removeUser }}>
         <DeleteClientModal
           showDeleteClientModal={showModal}

From c54b1685194c6f474645e179ef11a8f0074123c9 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 10 Jul 2023 13:27:54 -0700
Subject: [PATCH 266/304] Revert to earlier merge

---
 package-lock.json                             |   4 +-
 package.json                                  |   2 +-
 src/App.jsx                                   |   8 +-
 src/AppRoutes.jsx                             |   3 +-
 src/components/Clients/AddClientModal.jsx     |   5 +-
 src/components/Form/UploadDocumentForm.jsx    |   6 +-
 src/components/NavBar/NavBar.jsx              |  19 +-
 src/components/NavBar/NavMenu.jsx             |  36 ++-
 src/components/NavBar/NavbarLinks.jsx         |   6 +-
 src/components/Profile/ProfileImageField.jsx  | 109 ++++++++
 src/components/Profile/ProfileInputField.jsx  |  46 ++++
 src/components/Profile/index.js               |  11 +
 src/constants/rdf_predicates.js               |   8 +-
 src/contexts/SignedInUserContext.jsx          |  27 +-
 src/model-helpers/Document.js                 |  16 +-
 src/model-helpers/DocumentList.js             |  20 +-
 src/model-helpers/Profile.js                  | 158 ++++++++++++
 src/model-helpers/User.js                     |   5 +-
 src/model-helpers/UserList.js                 |   2 +-
 src/model-helpers/index.js                    |   1 +
 src/routes/Profile.jsx                        | 161 ++++++++++++
 src/routes/index.js                           |   3 +-
 src/utils/index.js                            |   5 +-
 src/utils/network/session-helper.js           |  12 +
 .../NavBar/OidcLoginComponent.test.jsx        |  12 +-
 .../OidcLoginComponent.test.jsx.snap          |   7 +-
 test/contexts/SignedInUserContext.test.jsx    |   5 +-
 test/model-helpers/Document.test.js           |   2 +-
 test/model-helpers/Profile.test.js            | 238 ++++++++++++++++++
 test/model-helpers/User.test.js               |   2 +-
 30 files changed, 878 insertions(+), 61 deletions(-)
 create mode 100644 src/components/Profile/ProfileImageField.jsx
 create mode 100644 src/components/Profile/ProfileInputField.jsx
 create mode 100644 src/components/Profile/index.js
 create mode 100644 src/model-helpers/Profile.js
 create mode 100644 src/routes/Profile.jsx
 create mode 100644 test/model-helpers/Profile.test.js

diff --git a/package-lock.json b/package-lock.json
index 5ef636b0f..3f36d8c17 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "pass",
-  "version": "0.0.5.1",
+  "version": "0.5.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "pass",
-      "version": "0.0.5.1",
+      "version": "0.5.1",
       "license": "MIT",
       "dependencies": {
         "@emotion/react": "^11.10.8",
diff --git a/package.json b/package.json
index 400d5a463..dafa28cd3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pass",
   "homepage": ".",
-  "version": "0.0.5.1",
+  "version": "0.5.1",
   "description": "",
   "scripts": {
     "dev": "vite",
diff --git a/src/App.jsx b/src/App.jsx
index 0be35c63b..bb5a3c4dc 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -28,11 +28,11 @@ const App = () => (
     <SessionProvider>
       <CssBaseline />
       <ThemeProvider theme={theme}>
-        <Layout ariaLabel="Home Page">
-          <UserDataContextProvider>
+        <UserDataContextProvider>
+          <Layout ariaLabel="Home Page">
             <AppRoutes />
-          </UserDataContextProvider>
-        </Layout>
+          </Layout>
+        </UserDataContextProvider>
       </ThemeProvider>
     </SessionProvider>
   </Router>
diff --git a/src/AppRoutes.jsx b/src/AppRoutes.jsx
index dd0654f3b..b6f990eb0 100644
--- a/src/AppRoutes.jsx
+++ b/src/AppRoutes.jsx
@@ -6,7 +6,7 @@ import { useSession } from '@inrupt/solid-ui-react';
 // Custom Hook Imports
 import { useRedirectUrl } from './hooks';
 // Page Imports
-import { Home, Clients, Messages, Documents } from './routes';
+import { Home, Clients, Messages, Documents, Profile } from './routes';
 
 const ProtectedRoute = ({ isLoggedIn, children }) =>
   isLoggedIn ? children ?? <Outlet /> : <Navigate to="/PASS/" replace />;
@@ -54,6 +54,7 @@ const AppRoutes = () => {
         <Route path="/PASS/clients" element={<Clients />} />
         <Route path="/PASS/documents" element={<Documents />} />
         <Route path="/PASS/messages" element={<Messages />} />
+        <Route path="/PASS/profile" element={<Profile />} />
         <Route path="*" element={<Navigate to={restorePath} replace />} />
       </Route>
     </Routes>
diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index 5bc8dbd80..c4c816348 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -1,7 +1,5 @@
 // React Imports
 import React, { useContext, useState } from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
 import Button from '@mui/material/Button';
 import CheckIcon from '@mui/icons-material/Check';
@@ -36,7 +34,6 @@ const renderWebId = (username) => {
 };
 
 const AddClientModal = ({ showModal, setShowModal }) => {
-  const { session } = useSession();
   const { state, dispatch } = useStatusNotification();
   const [userGivenName, setUserGivenName] = useState('');
   const [userFamilyName, setUserFamilyName] = useState('');
@@ -51,7 +48,7 @@ const AddClientModal = ({ showModal, setShowModal }) => {
   };
 
   const submitUser = async (userObject) => {
-    const user = await createUser(session, userObject);
+    const user = await createUser(userObject);
     await addUser(user);
   };
 
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
index da2e2be4a..656d66cbb 100644
--- a/src/components/Form/UploadDocumentForm.jsx
+++ b/src/components/Form/UploadDocumentForm.jsx
@@ -150,7 +150,11 @@ const UploadDocumentForm = () => {
               required
             >
               Choose file
-              <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
+              <input
+                type="file"
+                hidden
+                accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png, .jpeg, .jpg, .webp"
+              />
             </Button>
             <FormHelperText
               sx={{
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 48ecdbe12..a340e83ef 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -1,9 +1,9 @@
 // React Imports
-import React, { useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 // Inrupt Library Imports
 import { useSession } from '@inrupt/solid-ui-react';
 // Material UI Imports
-import AccountCircle from '@mui/icons-material/AccountCircle';
+import Avatar from '@mui/material/Avatar';
 import AppBar from '@mui/material/AppBar';
 import Badge from '@mui/material/Badge';
 import Box from '@mui/material/Box';
@@ -20,6 +20,7 @@ import LogoutModal from '../LogoutModal/LogoutModal';
 import NavbarLinks from './NavbarLinks';
 import NavMenu from './NavMenu';
 import OidcLoginComponent from './OidcLoginComponent';
+import { SignedInUserContext } from '../../contexts';
 
 /**
  * NavBar Component - Component that generates NavBar section for PASS
@@ -60,6 +61,13 @@ const NavBar = () => {
     setShowConfirmationModal(false);
   };
 
+  const { profileData } = useContext(SignedInUserContext);
+  const [profileImg, setProfileImg] = useState(localStorage.getItem('profileImage'));
+
+  useEffect(() => {
+    setProfileImg(localStorage.getItem('profileImage'));
+  }, [profileData]);
+
   return (
     <Box sx={{ flexGrow: 1 }}>
       <AppBar position="static" color="primary">
@@ -117,7 +125,11 @@ const NavBar = () => {
                   onClick={handleOpenMenu}
                   color="inherit"
                 >
-                  <AccountCircle />
+                  <Avatar
+                    src={profileImg}
+                    alt="PASS profile"
+                    sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
+                  />
                 </IconButton>
               </Box>
               <Box sx={{ display: { xs: 'flex', md: 'none' } }}>
@@ -140,6 +152,7 @@ const NavBar = () => {
                   anchorEl={anchorEl}
                   setAnchorEl={setAnchorEl}
                   setShowConfirmation={setShowConfirmationModal}
+                  profileImg={profileImg}
                 />
               )}
               {/* modal/popup renders when showConfirmationModal state is true */}
diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index d8cebdaf5..e323a6791 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -1,9 +1,8 @@
 // React Imports
 import React from 'react';
-// Inrupt Library Imports
-import { useSession } from '@inrupt/solid-ui-react';
+import { NavLink } from 'react-router-dom';
 // Material UI Imports
-import AccountCircle from '@mui/icons-material/AccountCircle';
+import Avatar from '@mui/material/Avatar';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
 import LogoutIcon from '@mui/icons-material/Logout';
@@ -12,6 +11,7 @@ import MenuItem from '@mui/material/MenuItem';
 import MenuList from '@mui/material/MenuList';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 import SettingsIcon from '@mui/icons-material/Settings';
+import { useTheme } from '@mui/material/styles';
 
 /**
  * NavMenu Component - Component that generates NavMenu section for PASS
@@ -20,8 +20,16 @@ import SettingsIcon from '@mui/icons-material/Settings';
  * @name NavMenu
  */
 
-const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShowConfirmation }) => {
-  const { session } = useSession();
+const NavMenu = ({
+  menuId,
+  openMenu,
+  setOpenMenu,
+  anchorEl,
+  setAnchorEl,
+  setShowConfirmation,
+  profileImg
+}) => {
+  const theme = useTheme();
 
   const handleMenuClose = () => {
     setOpenMenu(false);
@@ -55,12 +63,20 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
         <MenuItem>
           <Button
             variant="text"
-            startIcon={<AccountCircle />}
-            href={session.info.webId}
-            target="_blank"
-            rel="noreferrer"
+            startIcon={
+              <Avatar
+                src={profileImg}
+                alt="PASS profile"
+                sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
+              />
+            }
           >
-            Profile
+            <NavLink
+              to="/PASS/profile"
+              style={{ textDecoration: 'none', color: theme.palette.primary.main }}
+            >
+              Profile
+            </NavLink>
           </Button>
         </MenuItem>
         <Divider />
diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index a6d9bb1f3..a27bf2758 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -105,7 +105,11 @@ const NavbarLinks = () => {
 
       {/* will show on larger screen (tablet/desktop view) */}
       <Tabs
-        value={location}
+        value={
+          routesArray.map((route) => route.label.toLowerCase()).includes(location)
+            ? location
+            : false
+        }
         textColor="inherit"
         indicatorColor="secondary"
         aria-label="tabs"
diff --git a/src/components/Profile/ProfileImageField.jsx b/src/components/Profile/ProfileImageField.jsx
new file mode 100644
index 000000000..c038f0d8f
--- /dev/null
+++ b/src/components/Profile/ProfileImageField.jsx
@@ -0,0 +1,109 @@
+// React Imports
+import React, { useContext, useState } from 'react';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Avatar from '@mui/material/Avatar';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import HideImageIcon from '@mui/icons-material/HideImage';
+import ImageIcon from '@mui/icons-material/Image';
+import Typography from '@mui/material/Typography';
+// Contexts Imports
+import { SignedInUserContext } from '../../contexts';
+
+/**
+ * profileImageFieldProps is an object that stores the props for the ProfileInputField
+ * component
+ *
+ * @typedef profileImageFieldProps
+ * @type {object}
+ * @property {Blob} profileImg - The existing file blob being used for profile
+ * card
+ * @property {React.Dispatch<any>} setProfileImg - Set function for profileImg
+ * @property {() => void} loadProfileData - Handler function for setting local
+ * state for profile card in PASS
+ * @memberof typedefs
+ */
+
+/**
+ * ProfileImageField Component - Component that creates the editable inputs fields
+ * for the Profile page
+ *
+ * @memberof Inbox
+ * @name ProfileImageField
+ * @param {profileImageFieldProps} Props - Props used for NewMessage
+ * @returns {React.JSX.Element} React component for NewMessage
+ */
+const ProfileImageField = ({ loadProfileData }) => {
+  const { session } = useSession();
+  const { profileData, fetchProfileInfo, removeProfileImage, uploadProfileImage } =
+    useContext(SignedInUserContext);
+  const [profileImg, setProfileImg] = useState(localStorage.getItem('profileImage'));
+
+  const handleProfileImage = async (event) => {
+    await uploadProfileImage(session, profileData, event.target.files[0]);
+
+    const updatedProfileData = await fetchProfileInfo(session);
+    localStorage.setItem('profileImage', updatedProfileData.profileInfo.profileImage);
+    setProfileImg(updatedProfileData.profileInfo.profileImage);
+
+    loadProfileData();
+  };
+
+  const handleRemoveProfileImg = async () => {
+    if (window.confirm("You're about to delete your profile image. Do you wish to continue?")) {
+      await removeProfileImage(session, profileData);
+
+      loadProfileData();
+      localStorage.removeItem('profileImage');
+      setProfileImg(null);
+    }
+  };
+
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        maxWidth: '300px',
+        alignItems: 'flex-start',
+        gap: '10px'
+      }}
+    >
+      <Typography color="black">Profile Image: </Typography>
+      <Avatar
+        src={profileImg}
+        alt="PASS profile"
+        sx={{ height: '200px', width: '200px', objectFit: 'contain' }}
+      />
+      {profileImg ? (
+        <Button
+          variant="outlined"
+          color="error"
+          sx={{ width: '150px' }}
+          onClick={handleRemoveProfileImg}
+          endIcon={<HideImageIcon />}
+        >
+          Remove Img
+        </Button>
+      ) : (
+        <Button
+          variant="outlined"
+          component="label"
+          color="primary"
+          id="input-profile-pic"
+          name="inputProfilePic"
+          onChange={handleProfileImage}
+          endIcon={<ImageIcon />}
+          sx={{ width: '150px' }}
+        >
+          Choose Img
+          <input type="file" hidden accept=".gif, .png, .jpeg, .jpg, .webp" />
+        </Button>
+      )}
+    </Box>
+  );
+};
+
+export default ProfileImageField;
diff --git a/src/components/Profile/ProfileInputField.jsx b/src/components/Profile/ProfileInputField.jsx
new file mode 100644
index 000000000..92f9c0af6
--- /dev/null
+++ b/src/components/Profile/ProfileInputField.jsx
@@ -0,0 +1,46 @@
+// React Imports
+import React from 'react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Input from '@mui/material/Input';
+import InputLabel from '@mui/material/InputLabel';
+
+/**
+ * profileInputFieldProps is an object that stores the props for the ProfileInputField
+ * component
+ *
+ * @typedef profileInputFieldProps
+ * @type {object}
+ * @property {string} inputName - Name of input field
+ * @property {string} inputValue - Value of input field used for updating profile
+ * @property {(value: React.SetStateAction<null>) => void} setInputValue - Set
+ * function for inputValue
+ * @property {boolean} edit - Boolean used to toggle edit inputs
+ * @memberof typedefs
+ */
+
+/**
+ * ProfileInputField Component - Component that creates the editable inputs fields
+ * for the Profile page
+ *
+ * @memberof Inbox
+ * @name ProfileInputField
+ * @param {profileInputFieldProps} Props - Props used for NewMessage
+ * @returns {React.JSX.Element} React component for NewMessage
+ */
+const ProfileInputField = ({ inputName, inputValue, setInputValue, edit }) => (
+  <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+    <InputLabel htmlFor={`input-${inputName}`} sx={{ color: 'black' }}>
+      {inputName}:{' '}
+    </InputLabel>
+    <Input
+      id={`input-${inputName}`}
+      value={inputValue || ''}
+      placeholder={inputValue || 'No value set'}
+      disabled={!edit}
+      onChange={(e) => setInputValue(e.target.value)}
+    />
+  </Box>
+);
+
+export default ProfileInputField;
diff --git a/src/components/Profile/index.js b/src/components/Profile/index.js
new file mode 100644
index 000000000..0d609f065
--- /dev/null
+++ b/src/components/Profile/index.js
@@ -0,0 +1,11 @@
+import ProfileImageField from './ProfileImageField';
+import ProfileInputField from './ProfileInputField';
+
+/**
+ * Components and functions related to the Profile card on Solid and displaying
+ * the on PASS
+ *
+ * @namespace Profile
+ */
+
+export { ProfileImageField, ProfileInputField };
diff --git a/src/constants/rdf_predicates.js b/src/constants/rdf_predicates.js
index f839c7e6f..27e8ab39a 100644
--- a/src/constants/rdf_predicates.js
+++ b/src/constants/rdf_predicates.js
@@ -1,4 +1,4 @@
-import { SCHEMA_INRUPT } from '@inrupt/vocab-common-rdf';
+import { SCHEMA_INRUPT, FOAF } from '@inrupt/vocab-common-rdf';
 
 const RDF_PREDICATES = {
   ...SCHEMA_INRUPT,
@@ -22,9 +22,11 @@ const RDF_PREDICATES = {
   message: 'https://schema.org/Message',
   recipient: 'https://schema.org/recipient',
   sender: 'https://schema.org/sender',
-  profileName: 'http://xmlns.com/foaf/0.1/name',
   sha256: 'https://schema.org/sha256',
-  accountablePerson: 'https://schema.org/accountablePerson'
+  accountablePerson: 'https://schema.org/accountablePerson',
+  profileName: FOAF.name,
+  profileImg: FOAF.img,
+  nickname: FOAF.nick
 };
 
 export default RDF_PREDICATES;
diff --git a/src/contexts/SignedInUserContext.jsx b/src/contexts/SignedInUserContext.jsx
index ca84af75a..e7534725a 100644
--- a/src/contexts/SignedInUserContext.jsx
+++ b/src/contexts/SignedInUserContext.jsx
@@ -5,7 +5,13 @@ import { useSession } from '@inrupt/solid-ui-react';
 import { getPodUrlAll } from '@inrupt/solid-client';
 // Utility Imports
 import { createPublicContainer } from '../utils';
-import { updateUserActivity } from '../model-helpers';
+import {
+  fetchProfileInfo,
+  updateProfileInfo,
+  uploadProfileImage,
+  removeProfileImage,
+  updateUserActivity
+} from '../model-helpers';
 
 /**
  * React Context for users list from Solid Pod
@@ -29,12 +35,19 @@ export const SignedInUserContextProvider = ({ children }) => {
   const { session } = useSession();
   const [loadingUserInfo, setLoadingUserInfo] = useState(true);
   const [userInfo, setUserInfo] = useState({
-    podUrl: null
+    podUrl: null,
+    profileData: null
   });
 
   const userInfoMemo = useMemo(
     () => ({
-      podUrl: userInfo.podUrl
+      podUrl: userInfo.podUrl,
+      profileData: userInfo.profileData,
+      setProfileData: async (profileData) => setUserInfo({ ...userInfo, profileData }),
+      fetchProfileInfo,
+      updateProfileInfo,
+      uploadProfileImage,
+      removeProfileImage
     }),
     [userInfo, loadingUserInfo]
   );
@@ -49,6 +62,14 @@ export const SignedInUserContextProvider = ({ children }) => {
           ...userInfo,
           podUrl
         });
+        const profileData = await fetchProfileInfo(session);
+        if (profileData.profileInfo.profileImage) {
+          localStorage.setItem('profileImage', profileData.profileInfo.profileImage);
+        }
+        setUserInfo({
+          ...userInfo,
+          profileData
+        });
         await Promise.all([
           updateUserActivity(session, podUrl),
           createPublicContainer(session, podUrl)
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index d5bae40c9..2dec7c19f 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -9,10 +9,13 @@ import {
 
 import sha256 from 'crypto-js/sha256';
 
-import getDriversLicenseData from '../utils/barcode/barcode-scan';
-import formattedDate from '../utils/barcode/barcode-date-parser';
 import { RDF_PREDICATES } from '../constants';
-import { getUserSigningKey, signDocumentTtlFile } from '../utils/cryptography/credentials-helper';
+import {
+  getUserSigningKey,
+  signDocumentTtlFile,
+  getDriversLicenseData,
+  formattedDate
+} from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -127,21 +130,18 @@ const addAdditionalInfo = async (docDesc, thing, file) => {
  * @function makeDocIntoThing
  * @memberof Document
  * @param {object} docDesc - the doc
- * @param {URL} documentUrl - a url
  * @param {fileObjectType} file - file blob
  * @returns {Promise<ThingLocal>} a thing
  */
-export const makeDocIntoThing = async (docDesc, documentUrl, file) => {
+export const makeDocIntoThing = async (docDesc, file) => {
   const checksum = await createFileChecksum(file);
-  const cleanedFileName = file.name.replaceAll(' ', '%20');
   let thing = buildThing(createThing({ name: docDesc.name }))
     .addDate(RDF_PREDICATES.uploadDate, new Date())
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
     .addStringNoLocale(RDF_PREDICATES.identifier, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.additionalType, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
-    .addStringNoLocale(RDF_PREDICATES.description, docDesc.description)
-    .addUrl(RDF_PREDICATES.url, `${documentUrl}${cleanedFileName}`);
+    .addStringNoLocale(RDF_PREDICATES.description, docDesc.description);
 
   if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
   thing = await addAdditionalInfo(docDesc, thing, file);
diff --git a/src/model-helpers/DocumentList.js b/src/model-helpers/DocumentList.js
index d85d3501c..9e6e8d76b 100644
--- a/src/model-helpers/DocumentList.js
+++ b/src/model-helpers/DocumentList.js
@@ -7,10 +7,12 @@ import {
   saveFileInContainer,
   getThing,
   removeThing,
-  deleteFile
+  deleteFile,
+  getSourceUrl
 } from '@inrupt/solid-client';
 
 import { makeDocIntoThing, parseDocFromThing } from './Document';
+import { saveSourceUrlToThing } from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -79,18 +81,26 @@ const saveToPod = async (session, { dataset, containerUrl }) => {
 export const addDocument = async (docDesc, file, { docList, dataset, containerUrl }, session) => {
   if (docList.find((oldDoc) => oldDoc.name === docDesc.name))
     throw new Error('File already exists');
-  const docThing = await makeDocIntoThing(docDesc, containerUrl, file);
+  let docThing = await makeDocIntoThing(docDesc, file);
   const newDocDesc = parseDocFromThing(docThing);
   const newDocObject = {
     docList: docList.concat([newDocDesc]),
     dataset: setThing(dataset, docThing),
     containerUrl
   };
-  const newObj = await saveToPod(session, newDocObject);
-  await saveFileInContainer(`${containerUrl}`, file, {
+
+  const savedFile = await saveFileInContainer(`${containerUrl}`, file, {
     fetch: session.fetch,
-    slug: file.name
+    slug: file.name.replaceAll(' ', '%20')
   });
+
+  // Saving file path to source URL after saving to cover edge cases with .jpg/.jpeg
+  const savedFilePath = getSourceUrl(savedFile);
+  docThing = saveSourceUrlToThing(docThing, savedFilePath, 'url');
+  newDocObject.dataset = setThing(dataset, docThing);
+
+  const newObj = await saveToPod(session, newDocObject);
+
   return newObj;
 };
 
diff --git a/src/model-helpers/Profile.js b/src/model-helpers/Profile.js
new file mode 100644
index 000000000..0f4007c75
--- /dev/null
+++ b/src/model-helpers/Profile.js
@@ -0,0 +1,158 @@
+import {
+  buildThing,
+  createAcl,
+  deleteFile,
+  getFile,
+  getSourceUrl,
+  getStringNoLocale,
+  getThing,
+  getUrl,
+  getWebIdDataset,
+  removeStringNoLocale,
+  removeUrl,
+  saveAclFor,
+  saveFileInContainer,
+  saveSolidDatasetAt,
+  setThing
+} from '@inrupt/solid-client';
+import { RDF_PREDICATES } from '../constants';
+import { saveSourceUrlToThing, setupAcl } from '../utils';
+
+/**
+ * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
+ */
+
+/**
+ * A function fetches the user's profile information from their webId's profile
+ * card
+ *
+ * @function fetchProfileInfo
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @returns {Promise<object>} Object - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ */
+export const fetchProfileInfo = async (session) => {
+  const profileDataset = await getWebIdDataset(session.info.webId);
+  const profileThing = getThing(profileDataset, session.info.webId);
+
+  const profileName = getStringNoLocale(profileThing, RDF_PREDICATES.profileName);
+  const nickname = getStringNoLocale(profileThing, RDF_PREDICATES.nickname);
+  const profileImage = getUrl(profileThing, RDF_PREDICATES.profileImg);
+
+  const profileInfo = { profileName, nickname, profileImage };
+
+  // TODO: include more fields to the object like organization, address, etc.
+  // when expanding this feature
+  return { profileInfo, profileDataset, profileThing };
+};
+
+/**
+ * A function that updates the user's profile information based on what is inputed
+ * in the Profile page
+ *
+ * @function updateProfileInfo
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {object} profileData - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ * @param {object} inputValues - The inputs for updating profile information
+ * on their profile card
+ * @returns {Promise} Promise - Performs action to update profile card on the
+ * user's profile card
+ */
+export const updateProfileInfo = async (session, profileData, inputValues) => {
+  let { profileDataset, profileThing } = profileData;
+  const { profileInfo } = profileData;
+
+  Object.keys(inputValues).forEach((input) => {
+    switch (inputValues[input]) {
+      case null:
+        return;
+      case '':
+        profileThing = removeStringNoLocale(
+          profileThing,
+          RDF_PREDICATES[input],
+          profileInfo[input]
+        );
+        break;
+      default:
+        profileThing = buildThing(profileThing)
+          .setStringNoLocale(RDF_PREDICATES[input], inputValues[input])
+          .build();
+        break;
+    }
+  });
+
+  profileDataset = setThing(profileDataset, profileThing);
+
+  await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+};
+
+/**
+ * Function that upload profile image of user onto their profile container and
+ * reference it on their Pod
+ *
+ * @function uploadProfileImage
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {object} profileData - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ * @param {Blob} inputImage - File blob being uploaded for profile image
+ * @returns {Promise} Promise - Performs a file upload of your profile image onto
+ * your pod at /profile
+ */
+export const uploadProfileImage = async (session, profileData, inputImage) => {
+  let { profileDataset, profileThing } = profileData;
+
+  const profileContainer = `${session.info.webId.split('card')[0]}`;
+  const profileImgFilename = inputImage.name.replace(' ', '%20');
+
+  const savedFile = await saveFileInContainer(profileContainer, inputImage, {
+    slug: profileImgFilename,
+    contentType: inputImage.type,
+    fetch: session.fetch
+  });
+
+  const savedFilePath = getSourceUrl(savedFile);
+
+  // Saving file path to source URL after saving to cover edge cases with .jpg/.jpeg
+  profileThing = saveSourceUrlToThing(profileThing, savedFilePath, 'profileImg');
+  profileDataset = setThing(profileDataset, profileThing);
+
+  await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+
+  // Create ACL file for profile image
+  const imageResource = await getFile(savedFilePath, { fetch: session.fetch });
+
+  const resourceAcl = createAcl(imageResource);
+  const newAcl = setupAcl(
+    resourceAcl,
+    session.info.webId,
+    { read: true, write: true, control: true }, // personal access
+    { read: true } // public access
+  );
+  await saveAclFor(imageResource, newAcl, { fetch: session.fetch });
+};
+
+/**
+ * Function that removes the profile image being used on their Pod and removes
+ * the field for profile image
+ *
+ * @function removeProfileImage
+ * @param {Session} session - Solid's Session Object {@link Session}
+ * @param {object} profileData - The object containing the information related
+ * to the person on their profile card, the profile dataset, and the profile Thing
+ * @returns {Promise} Promise - Perform action that removes the profile image from
+ * the profile card and the profile image
+ */
+export const removeProfileImage = async (session, profileData) => {
+  let { profileDataset, profileThing } = profileData;
+  const profileImg = getUrl(profileThing, RDF_PREDICATES.profileImg);
+
+  if (profileImg) {
+    profileThing = removeUrl(profileThing, RDF_PREDICATES.profileImg, profileImg);
+
+    profileDataset = setThing(profileDataset, profileThing);
+    await saveSolidDatasetAt(session.info.webId, profileDataset, { fetch: session.fetch });
+
+    await deleteFile(profileImg, { fetch: session.fetch });
+  }
+};
diff --git a/src/model-helpers/User.js b/src/model-helpers/User.js
index ad561ec5a..8a4b8f7bf 100644
--- a/src/model-helpers/User.js
+++ b/src/model-helpers/User.js
@@ -12,7 +12,7 @@ import {
 } from '@inrupt/solid-client';
 import { RDF_PREDICATES } from '../constants';
 
-import { setDocAclForUser } from '../utils/network/session-helper';
+import { setDocAclForUser } from '../utils';
 
 /**
  * @typedef {import('@inrupt/solid-ui-react').SessionContext} Session
@@ -92,11 +92,10 @@ export const updateUserActivity = async (session, podUrl) => {
  *
  * @memberof User
  * @function createUser
- * @param {Session} session - Solid's Session Object {@link Session}
  * @param {object} userSubmission - an object from a form submission containing the user creation data
  * @returns {Promise<object>} Promise - Updates last active time of user to lastActive.ttl
  */
-export const createUser = async (session, userSubmission) => {
+export const createUser = async (userSubmission) => {
   const { familyName, username, givenName, webId } = userSubmission;
 
   let newUserPodUrl = null;
diff --git a/src/model-helpers/UserList.js b/src/model-helpers/UserList.js
index 5384a0f0d..36038dbee 100644
--- a/src/model-helpers/UserList.js
+++ b/src/model-helpers/UserList.js
@@ -10,7 +10,7 @@ import {
   removeThing
 } from '@inrupt/solid-client';
 
-import { setDocAclForUser } from '../utils/network/session-helper';
+import { setDocAclForUser } from '../utils';
 
 import { RDF_PREDICATES } from '../constants';
 
diff --git a/src/model-helpers/index.js b/src/model-helpers/index.js
index d58790847..61815fbf8 100644
--- a/src/model-helpers/index.js
+++ b/src/model-helpers/index.js
@@ -10,3 +10,4 @@ export * from './UserList';
 export * from './User';
 export * from './Document';
 export * from './DocumentList';
+export * from './Profile';
diff --git a/src/routes/Profile.jsx b/src/routes/Profile.jsx
new file mode 100644
index 000000000..7798082da
--- /dev/null
+++ b/src/routes/Profile.jsx
@@ -0,0 +1,161 @@
+// React Imports
+import React, { useContext, useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+// Inrupt Imports
+import { useSession } from '@inrupt/solid-ui-react';
+// Material UI Imports
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CheckIcon from '@mui/icons-material/Check';
+import ClearIcon from '@mui/icons-material/Clear';
+import EditIcon from '@mui/icons-material/Edit';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+// Contexts Imports
+import { SignedInUserContext } from '../contexts';
+// Component Inputs
+import { ProfileInputField, ProfileImageField } from '../components/Profile';
+
+/**
+ * Profile Page - Page that displays the user's profile card information and
+ * allow users to edit/update them on PASS
+ *
+ * @memberof Pages
+ * @name Profile
+ * @returns {React.JSX.Element} The Profile Page
+ */
+const Profile = () => {
+  const location = useLocation();
+  const { session } = useSession();
+  const { updateProfileInfo, setProfileData, profileData, fetchProfileInfo } =
+    useContext(SignedInUserContext);
+
+  localStorage.setItem('restorePath', location.pathname);
+
+  const [profileName, setProfileName] = useState(profileData?.profileInfo.profileName);
+  const [nickname, setNickname] = useState(profileData?.profileInfo.nickname);
+
+  const [edit, setEdit] = useState(false);
+
+  const loadProfileData = async () => {
+    const profileDataSolid = await fetchProfileInfo(session);
+    setProfileData(profileDataSolid);
+
+    setProfileName(profileDataSolid.profileInfo.profileName);
+    setNickname(profileDataSolid.profileInfo.nickname);
+  };
+
+  const handleCancelEdit = () => {
+    loadProfileData();
+
+    setEdit(!edit);
+  };
+
+  const handleEditInput = () => {
+    setEdit(!edit);
+  };
+
+  const handleUpdateProfile = async (event) => {
+    event.preventDefault();
+
+    const inputValues = {
+      profileName,
+      nickname
+    };
+
+    await updateProfileInfo(session, profileData, inputValues);
+
+    loadProfileData();
+    setEdit(false);
+  };
+
+  useEffect(() => {
+    loadProfileData();
+  }, []);
+
+  return (
+    <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px', padding: '30px' }}>
+      <Box sx={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
+        <Typography sx={{ fontWeight: 'bold', fontSize: '18px' }}>Profile Information</Typography>
+
+        <Typography>
+          User WebId:{' '}
+          <Link href={session.info.webId} target="_blank" rel="noreferrer">
+            {session.info.webId}
+          </Link>
+        </Typography>
+
+        {/* TODO: Refactor/optimize the form below once we have more input */}
+        {/* fields to update profile for */}
+        <Box style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
+          <form onSubmit={handleUpdateProfile}>
+            <Box
+              sx={{
+                display: 'flex',
+                gap: '10px',
+                marginBottom: 2
+              }}
+            >
+              {edit ? (
+                <>
+                  <Button
+                    variant="outlined"
+                    type="button"
+                    color="error"
+                    endIcon={<ClearIcon />}
+                    onClick={handleCancelEdit}
+                    sx={{ width: '100px' }}
+                  >
+                    Cancel
+                  </Button>
+                  <Button
+                    variant="outlined"
+                    type="submit"
+                    endIcon={<CheckIcon />}
+                    sx={{ width: '100px' }}
+                  >
+                    Update
+                  </Button>
+                </>
+              ) : (
+                <Button
+                  variant="outlined"
+                  type="button"
+                  color="primary"
+                  endIcon={<EditIcon />}
+                  onClick={handleEditInput}
+                  sx={{ width: '100px' }}
+                >
+                  Edit
+                </Button>
+              )}
+            </Box>
+            <Box
+              sx={{
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '10px'
+              }}
+            >
+              <ProfileInputField
+                inputName="Name"
+                inputValue={profileName}
+                setInputValue={setProfileName}
+                edit={edit}
+              />
+              <ProfileInputField
+                inputName="Nickname"
+                inputValue={nickname}
+                setInputValue={setNickname}
+                edit={edit}
+              />
+            </Box>
+          </form>
+          <ProfileImageField loadProfileData={loadProfileData} />
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+export default Profile;
diff --git a/src/routes/index.js b/src/routes/index.js
index 74ad7affc..a88824b18 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -2,6 +2,7 @@ import Clients from './Clients';
 import Documents from './Documents';
 import Home from './Home';
 import Messages from './Messages';
+import Profile from './Profile';
 
 /**
  * The main pages in PASS
@@ -9,4 +10,4 @@ import Messages from './Messages';
  * @namespace Pages
  */
 
-export { Clients, Documents, Home, Messages };
+export { Clients, Documents, Home, Messages, Profile };
diff --git a/src/utils/index.js b/src/utils/index.js
index a12c92a4e..623e04f55 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -8,8 +8,11 @@
  * @namespace utils
  */
 import runNotification from './frontend/notification-helper';
+import getDriversLicenseData from './barcode/barcode-scan';
+import formattedDate from './barcode/barcode-date-parser';
 
-export { runNotification };
+export { runNotification, getDriversLicenseData, formattedDate };
 
+export * from './cryptography/credentials-helper';
 export * from './network/session-core';
 export * from './network/session-helper';
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 992244362..6730f5bda 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -464,3 +464,15 @@ export const buildMessageTTL = (session, date, messageObject, messageMetadata, b
 
   return newSolidDataset;
 };
+
+/**
+ * Function take saves the source URL to the associated Thing
+ *
+ * @param {ThingLocal} thing - Associated Thing with source URL
+ * @param {URL} sourceUrl - The source URL to the related Thing
+ * @param {string} urlPredicate - The string related to which predicate to use
+ * @returns {ThingLocal} thing - The updated Thing with the sourceURL now attached
+ * to the RDF
+ */
+export const saveSourceUrlToThing = (thing, sourceUrl, urlPredicate) =>
+  buildThing(thing).addUrl(RDF_PREDICATES[urlPredicate], sourceUrl).build();
diff --git a/test/components/NavBar/OidcLoginComponent.test.jsx b/test/components/NavBar/OidcLoginComponent.test.jsx
index 177fad1cc..29103087b 100644
--- a/test/components/NavBar/OidcLoginComponent.test.jsx
+++ b/test/components/NavBar/OidcLoginComponent.test.jsx
@@ -14,14 +14,22 @@ vi.mock('@inrupt/solid-ui-react', () => ({
   )
 }));
 
-vi.mock('../../../src/constants/');
-
 afterEach(() => {
   vi.clearAllMocks();
   localStorage.clear();
   cleanup();
 });
 
+vi.mock('../../../src/constants/', () => {
+  const actual = vi.importActual('../../../src/constants/');
+  return {
+    ...actual,
+    ENV: {
+      VITE_SOLID_IDENTITY_PROVIDER: 'https://www.testurl.com/'
+    }
+  };
+});
+
 it('renders correctly', () => {
   const { container } = render(<OidcLoginComponent />);
   expect(container).toMatchSnapshot();
diff --git a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
index 37301ce68..98065439b 100644
--- a/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
+++ b/test/components/NavBar/__snapshots__/OidcLoginComponent.test.jsx.snap
@@ -9,8 +9,8 @@ exports[`renders correctly 1`] = `
     class="MuiFormControl-root MuiTextField-root css-1q1ral2-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled css-e4w4as-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink="false"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-o943dk-MuiFormLabel-root-MuiInputLabel-root"
+      data-shrink="true"
       for=":r0:"
       id=":r0:-label"
     >
@@ -25,7 +25,7 @@ exports[`renders correctly 1`] = `
         class="MuiInputBase-input MuiFilledInput-input css-10botns-MuiInputBase-input-MuiFilledInput-input"
         id=":r0:"
         type="text"
-        value=""
+        value="https://www.testurl.com/"
       />
     </div>
   </div>
@@ -33,6 +33,7 @@ exports[`renders correctly 1`] = `
     class="MuiBox-root css-120gsus"
   />
   <div>
+    https://www.testurl.com/
     <button
       aria-label="Login Button"
       class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge css-1xnmwiw-MuiButtonBase-root-MuiButton-root"
diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index 871bdb86a..fc5f387c0 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -31,7 +31,7 @@ vi.mock('@inrupt/solid-ui-react', async () => {
         fetch: vi.fn(),
         info: {
           isLoggedIn: false,
-          webId: 'https://example.com/'
+          webId: 'https://example.com/pod/profile/card#me'
         }
       }
     }))
@@ -55,7 +55,8 @@ describe('SignedInUserContext', () => {
     useSession.mockReturnValue({
       session: {
         info: {
-          isLoggedIn: true
+          isLoggedIn: true,
+          webId: 'https://example.com/pod/profile/card#me'
         }
       }
     });
diff --git a/test/model-helpers/Document.test.js b/test/model-helpers/Document.test.js
index 7c50cf3a3..61bcd6308 100644
--- a/test/model-helpers/Document.test.js
+++ b/test/model-helpers/Document.test.js
@@ -25,7 +25,7 @@ describe('docDescToThing', () => {
       date: new Date('December 17, 1995'),
       description: 'description'
     };
-    const thing = await makeDocIntoThing(doc, 'http://example.com', testFile);
+    const thing = await makeDocIntoThing(doc, testFile);
     const newDoc = parseDocFromThing(thing);
     expect(newDoc).toMatchObject({
       name: 'name',
diff --git a/test/model-helpers/Profile.test.js b/test/model-helpers/Profile.test.js
new file mode 100644
index 000000000..9792810e5
--- /dev/null
+++ b/test/model-helpers/Profile.test.js
@@ -0,0 +1,238 @@
+import * as solidClient from '@inrupt/solid-client';
+import { beforeEach, afterEach, describe, expect, vi, it } from 'vitest';
+import {
+  fetchProfileInfo,
+  removeProfileImage,
+  updateProfileInfo,
+  uploadProfileImage
+} from '../../src/model-helpers';
+import * as utils from '../../src/utils';
+
+let session = {};
+const mockWebId = 'https://example.com/pod/profile/card#me';
+
+vi.mock('@inrupt/solid-client');
+
+describe('fetchProfileInfo', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: mockWebId
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('returns expected properties for profileData object', async () => {
+    vi.spyOn(solidClient, 'getWebIdDataset').mockResolvedValue(
+      solidClient.mockSolidDatasetFrom(mockWebId)
+    );
+    vi.spyOn(solidClient, 'getThing').mockReturnValue({
+      predicates: {
+        'http://www.w3.org/1999/02/22-rdf-syntax-ns#type': {
+          namedNodes: ['http://xmlns.com/foaf/0.1/Person']
+        },
+        'http://www.w3.org/ns/solid/terms#oidcIssuer': {
+          namedNodes: ['https://example.com/']
+        }
+      },
+      type: 'Subject',
+      url: 'https://example.com/pod/profile/card#me'
+    });
+
+    const results = await fetchProfileInfo(session);
+
+    expect(results).toHaveProperty('profileInfo.profileName');
+    expect(results).toHaveProperty('profileInfo.nickname');
+    expect(results).toHaveProperty('profileInfo.profileImage');
+    expect(results).toHaveProperty('profileDataset');
+    expect(results).toHaveProperty('profileThing');
+  });
+});
+
+describe('updateProfileInfo', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: mockWebId
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const mockDataset = solidClient.addMockResourceAclTo(solidClient.mockSolidDatasetFrom(mockWebId));
+
+  it('only run buildThing or removeStringNoLocale when value is not null', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockInputValues = { profileName: 'Alice', nickname: null };
+
+    vi.spyOn(solidClient, 'removeStringNoLocale');
+    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+
+    await updateProfileInfo(session, mockData, mockInputValues);
+
+    expect(solidClient.removeStringNoLocale).not.toBeCalled();
+    expect(solidClient.buildThing).toBeCalledTimes(1);
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+  });
+
+  it('run buildThing twice when updating both profileName and nickname', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockInputValues = { profileName: 'Alice', nickname: 'Al' };
+
+    vi.spyOn(solidClient, 'removeStringNoLocale');
+    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+
+    await updateProfileInfo(session, mockData, mockInputValues);
+
+    expect(solidClient.removeStringNoLocale).not.toBeCalled();
+    expect(solidClient.buildThing).toBeCalledTimes(2);
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+  });
+
+  it('run removeStringNoLocale when one of the inputValues are an empty string', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockInputValues = { profileName: '', nickname: 'Al' };
+
+    vi.spyOn(solidClient, 'removeStringNoLocale');
+    vi.spyOn(solidClient, 'buildThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+
+    await updateProfileInfo(session, mockData, mockInputValues);
+
+    expect(solidClient.removeStringNoLocale).toBeCalledTimes(1);
+    expect(solidClient.buildThing).toBeCalledTimes(1);
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+  });
+});
+
+describe('uploadProfileImage', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: mockWebId
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  const mockDataset = solidClient.addMockResourceAclTo(solidClient.mockSolidDatasetFrom(mockWebId));
+
+  it('run function when triggered with inputImage', async () => {
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = {
+      profileDataset: mockDataset,
+      profileThing: mockDatasetThing,
+      profileInfo: { profileName: 'Alice', nickname: null, profileImage: null }
+    };
+    const mockImageData = new Blob(new Array(9).fill(0), { type: 'image/png' });
+    const mockInputImage = new File([mockImageData], 'image.png', { type: 'image/png' });
+    const mockFileResource = solidClient.mockFileFrom('https://example.com/pod/profile/image.png');
+    const mockFileResourceWithAcl = solidClient.addMockResourceAclTo(mockFileResource);
+
+    vi.spyOn(solidClient, 'saveFileInContainer').mockResolvedValue(mockFileResource);
+    vi.spyOn(solidClient, 'getSourceUrl');
+    vi.spyOn(utils, 'saveSourceUrlToThing').mockReturnValue(mockData.profileThing);
+    vi.spyOn(solidClient, 'setThing');
+    vi.spyOn(solidClient, 'getFile').mockReturnValue(mockFileResource);
+    vi.spyOn(solidClient, 'createAcl');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+    vi.spyOn(solidClient, 'createAcl');
+    vi.spyOn(utils, 'setupAcl').mockReturnValue(mockFileResourceWithAcl);
+    vi.spyOn(solidClient, 'saveAclFor');
+
+    await uploadProfileImage(session, mockData, mockInputImage);
+
+    expect(solidClient.saveFileInContainer).toBeCalled();
+    expect(utils.saveSourceUrlToThing).toBeCalled();
+    expect(solidClient.setThing).toBeCalled();
+    expect(solidClient.getFile).toBeCalled();
+    expect(solidClient.createAcl).toBeCalled();
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+    expect(solidClient.createAcl).toBeCalled();
+    expect(utils.setupAcl).toBeCalled();
+    expect(solidClient.saveAclFor).toBeCalled();
+  });
+});
+
+describe('removeProfileImage', () => {
+  beforeEach(() => {
+    session = {
+      fetch: vi.fn(),
+      info: {
+        webId: mockWebId
+      }
+    };
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('does not run deleteFile only when profileImg is null', async () => {
+    const mockDataset = solidClient.addMockResourceAclTo(
+      solidClient.mockSolidDatasetFrom(mockWebId)
+    );
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = { mockDataset, mockDatasetThing };
+
+    vi.spyOn(solidClient, 'getUrl').mockReturnValue(null);
+    vi.spyOn(solidClient, 'removeUrl');
+    vi.spyOn(solidClient, 'setThing');
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+    vi.spyOn(solidClient, 'deleteFile');
+
+    await removeProfileImage(session, mockData);
+
+    expect(solidClient.removeUrl).not.toBeCalled();
+    expect(solidClient.setThing).not.toBeCalled();
+    expect(solidClient.saveSolidDatasetAt).not.toBeCalled();
+    expect(solidClient.deleteFile).not.toBeCalled();
+  });
+
+  it('run deleteFile only when profileImg is defined', async () => {
+    const mockDataset = solidClient.addMockResourceAclTo(
+      solidClient.mockSolidDatasetFrom(mockWebId)
+    );
+    const mockDatasetThing = solidClient.getThing(mockDataset, mockWebId);
+    const mockData = { mockDataset, mockDatasetThing };
+
+    vi.spyOn(solidClient, 'getUrl').mockReturnValue('https://example.com/pod/profile/image.png');
+    vi.spyOn(solidClient, 'removeUrl').mockReturnThis();
+    vi.spyOn(solidClient, 'setThing').mockReturnThis();
+    vi.spyOn(solidClient, 'saveSolidDatasetAt');
+    vi.spyOn(solidClient, 'deleteFile');
+
+    await removeProfileImage(session, mockData);
+
+    expect(solidClient.removeUrl).toBeCalled();
+    expect(solidClient.setThing).toBeCalled();
+    expect(solidClient.saveSolidDatasetAt).toBeCalled();
+    expect(solidClient.deleteFile).toBeCalled();
+  });
+});
diff --git a/test/model-helpers/User.test.js b/test/model-helpers/User.test.js
index adec32ee6..c9c893d56 100644
--- a/test/model-helpers/User.test.js
+++ b/test/model-helpers/User.test.js
@@ -26,7 +26,7 @@ describe('createUser', () => {
       familyName: 'Cry',
       webId: `${mockPodUrl}profile/card`
     };
-    const newUser = await createUser(session, mockUserSubmission);
+    const newUser = await createUser(mockUserSubmission);
     expect(newUser).toMatchObject({
       familyName: 'Cry',
       givenName: 'Far',

From 692167a1288b1f2616577486f86a9728b5215209 Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 10 Jul 2023 13:37:33 -0700
Subject: [PATCH 267/304] Reverting to prior layout, removing clear button

---
 src/components/Form/DocumentSelection.jsx     |   2 +-
 src/components/Form/FormSection.jsx           |  13 +-
 src/components/Form/UploadDocumentForm.jsx    | 195 ------------------
 src/components/Modals/AddClientModal.jsx      |   2 +-
 src/components/Modals/UploadDocumentModal.jsx | 132 +++++-------
 .../Notification/StatusNotification.jsx       |   2 +-
 6 files changed, 62 insertions(+), 284 deletions(-)
 delete mode 100644 src/components/Form/UploadDocumentForm.jsx

diff --git a/src/components/Form/DocumentSelection.jsx b/src/components/Form/DocumentSelection.jsx
index f821a51be..a1dd026da 100644
--- a/src/components/Form/DocumentSelection.jsx
+++ b/src/components/Form/DocumentSelection.jsx
@@ -19,7 +19,7 @@ import DOC_TYPES from '../../constants/doc_types';
 
 const DocumentSelection = ({ htmlForAndIdProp, handleDocType, docType }) => (
   <Box>
-    <FormControl sx={{ width: 220 }} required>
+    <FormControl required fullWidth>
       <InputLabel id={`${htmlForAndIdProp}-label`}>Select Document Type</InputLabel>
       <Select
         labelId={`${htmlForAndIdProp}-label`}
diff --git a/src/components/Form/FormSection.jsx b/src/components/Form/FormSection.jsx
index 25b1ecdbe..0f0a5e198 100644
--- a/src/components/Form/FormSection.jsx
+++ b/src/components/Form/FormSection.jsx
@@ -15,7 +15,7 @@ import { StatusNotification } from '../Notification';
  *
  * @memberof Forms
  * @name FormSection
- * @param {formSectionProps} formSectionProps - A react prop that consists of
+ * @param {formSectionProps} formSectionProps - A React prop that consists of
  * that consist of title, state, statusType, defaultMessage, and children (see
  * {@link formSectionProps})
  */
@@ -24,7 +24,7 @@ const FormSection = ({ title, state, statusType, defaultMessage, children }) =>
   <Box
     sx={{
       marginTop: 1,
-      display: 'inline-block',
+      display: 'flex',
       flexDirection: 'column',
       justifyContent: 'center',
       alignItems: 'center',
@@ -34,14 +34,7 @@ const FormSection = ({ title, state, statusType, defaultMessage, children }) =>
       boxShadow: 2
     }}
   >
-    <Typography
-      display="flex"
-      justifyContent="center"
-      alignItems="center"
-      mb={2}
-      variant="h5"
-      component="h3"
-    >
+    <Typography display="flex" justifyContent="center" alignItems="center" mb={2} variant="h5">
       {title}
     </Typography>
     {children}
diff --git a/src/components/Form/UploadDocumentForm.jsx b/src/components/Form/UploadDocumentForm.jsx
deleted file mode 100644
index 656d66cbb..000000000
--- a/src/components/Form/UploadDocumentForm.jsx
+++ /dev/null
@@ -1,195 +0,0 @@
-// React Imports
-import React, { useState, useContext } from 'react';
-// Material UI Imports
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Checkbox from '@mui/material/Checkbox';
-import FormControl from '@mui/material/FormControl';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import TextField from '@mui/material/TextField';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import FormHelperText from '@mui/material/FormHelperText';
-// Utility Imports
-import { runNotification } from '../../utils';
-// Custom Hook Imports
-import { useStatusNotification } from '../../hooks';
-// Component Imports
-import DocumentSelection from './DocumentSelection';
-import FormSection from './FormSection';
-import { DocumentListContext } from '../../contexts';
-
-/**
- * UploadDocumentForm Component - Component that generates the form for uploading
- * a specific document type to a user's Solid Pod via Solid Session
- *
- * @memberof Forms
- * @name UploadDocumentForm
- */
-
-const UploadDocumentForm = () => {
-  const { state, dispatch } = useStatusNotification();
-  const [expireDate, setExpireDate] = useState(null);
-  const [docDescription, setDocDescription] = useState('');
-  const [docType, setDocType] = useState('');
-  const [verifyFile, setVerifyFile] = useState(false);
-  const [file, setFile] = useState(null);
-  const [inputKey, setInputKey] = useState(false);
-  const { addDocument, replaceDocument } = useContext(DocumentListContext);
-
-  const handleDocType = (event) => {
-    setDocType(event.target.value);
-  };
-
-  const clearInputFields = () => {
-    setVerifyFile(false);
-    setDocType('');
-    setFile('');
-    setInputKey(!inputKey); // Clears file by forcing re-render
-    setDocDescription('');
-    setDocType('');
-    setExpireDate(null);
-  };
-
-  // Event handler for form/document submission to Pod
-  const handleDocUpload = async (e) => {
-    e.preventDefault();
-
-    const fileDesc = {
-      name: file.name,
-      type: docType,
-      date: expireDate,
-      description: docDescription
-    };
-    dispatch({ type: 'SET_PROCESSING' });
-    runNotification(`Uploading "${file.name}" to Solid...`, 3, state, dispatch);
-
-    try {
-      await addDocument(fileDesc, file);
-      runNotification(`File "${file.name}" uploaded to Solid.`, 5, state, dispatch);
-    } catch (error) {
-      const confirmationMessage =
-        'A file of this name and type already exists on the pod. Would you like to replace it?';
-
-      switch (error.message) {
-        case 'File already exists':
-          if (window.confirm(confirmationMessage)) {
-            await replaceDocument(fileDesc, file);
-            runNotification(`File "${file.name}" updated on Solid.`, 5, state, dispatch);
-          }
-          break;
-        default:
-          runNotification(`File failed to upload. Reason: ${error.message}`, 5, state, dispatch);
-      }
-    } finally {
-      clearInputFields();
-      dispatch({ type: 'CLEAR_PROCESSING' });
-    }
-  };
-
-  return (
-    <FormSection
-      title="Upload Document"
-      state={state}
-      statusType="Upload status"
-      defaultMessage="To be uploaded..."
-    >
-      <Box display="flex" justifyContent="center">
-        <form onSubmit={handleDocUpload} autoComplete="off">
-          <FormControlLabel
-            control={<Checkbox />}
-            label="Verify file on upload"
-            id="verify-checkbox"
-            value={verifyFile}
-            checked={verifyFile}
-            onChange={() => setVerifyFile(!verifyFile)}
-          />
-          <DocumentSelection
-            htmlForAndIdProp="upload-doc"
-            handleDocType={handleDocType}
-            docType={docType}
-          />
-          <br />
-          <FormControl>
-            <LocalizationProvider dateAdapter={AdapterDayjs}>
-              <DatePicker
-                name="date"
-                format="MM/DD/YYYY"
-                label="Expiration Date"
-                value={expireDate}
-                onChange={(newExpireDate) => setExpireDate(newExpireDate)}
-                type="date"
-              />
-              <FormHelperText>MM/DD/YYYY</FormHelperText>
-            </LocalizationProvider>
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
-            <TextField
-              name="description"
-              multiline
-              rows={4}
-              label="Enter Description"
-              value={docDescription}
-              onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
-              placeholder="Add a description here"
-            />
-          </FormControl>
-          <br />
-          <br />
-          <FormControl fullWidth>
-            <Button
-              variant="contained"
-              component="label"
-              color="primary"
-              id="upload-doctype"
-              name="uploadDoctype"
-              onChange={(e) => setFile(e.target.files[0])}
-              required
-            >
-              Choose file
-              <input
-                type="file"
-                hidden
-                accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png, .jpeg, .jpg, .webp"
-              />
-            </Button>
-            <FormHelperText
-              sx={{
-                width: '200px',
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis'
-              }}
-            >
-              File to upload: {file ? file.name : 'No file selected'}
-            </FormHelperText>
-          </FormControl>
-          <br />
-          <FormControl fullWidth>
-            <Button
-              variant="contained"
-              disabled={state.processing || !file}
-              type="submit"
-              color="primary"
-            >
-              Upload file
-            </Button>
-          </FormControl>
-          <br />
-          <br />
-          {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
-          <FormControl fullWidth>
-            <Button variant="contained" type="button" color="secondary" onClick={clearInputFields}>
-              Clear Form
-            </Button>
-          </FormControl>
-        </form>
-      </Box>
-    </FormSection>
-  );
-};
-
-export default UploadDocumentForm;
diff --git a/src/components/Modals/AddClientModal.jsx b/src/components/Modals/AddClientModal.jsx
index 64a36bfe3..37578e517 100644
--- a/src/components/Modals/AddClientModal.jsx
+++ b/src/components/Modals/AddClientModal.jsx
@@ -190,7 +190,7 @@ const AddClientModal = ({ showModal, setShowModal }) => {
               endAdornment: (
                 <InputAdornment position="end">
                   <IconButton
-                    aria-label="toggle password visibility"
+                    aria-label="copy-webid"
                     // onClick={}
                     // onMouseDown={}
                     edge="end"
diff --git a/src/components/Modals/UploadDocumentModal.jsx b/src/components/Modals/UploadDocumentModal.jsx
index 73f15ecbf..4a74092da 100644
--- a/src/components/Modals/UploadDocumentModal.jsx
+++ b/src/components/Modals/UploadDocumentModal.jsx
@@ -1,16 +1,14 @@
 // React Imports
 import React, { useState, useContext } from 'react';
 // Material UI Imports
-import BackspaceOutlined from '@mui/icons-material/BackspaceOutlined';
 import Button from '@mui/material/Button';
-import ButtonGroup from '@mui/material/ButtonGroup';
 import ClearIcon from '@mui/icons-material/Clear';
 import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
 import FileUploadIcon from '@mui/icons-material/FileUpload';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormHelperText from '@mui/material/FormHelperText';
-import Grid from '@mui/material/Grid';
 import SearchIcon from '@mui/icons-material/Search';
 import Switch from '@mui/material/Switch';
 import TextField from '@mui/material/TextField';
@@ -56,6 +54,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
     setDocDescription('');
     setDocType('');
     setExpireDate(null);
+    setShowModal(false);
   };
 
   // Event handler for form/document submission to Pod
@@ -101,11 +100,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
   };
 
   return (
-    <Dialog
-      open={showModal}
-      aria-labelledby="upload-document-dialog"
-      onClose={() => setShowModal(false)}
-    >
+    <Dialog open={showModal} aria-labelledby="upload-document-dialog" onClose={clearInputFields}>
       <FormSection
         title="Upload Document"
         state={state}
@@ -113,41 +108,34 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
         defaultMessage="To be uploaded..."
       >
         <form onSubmit={handleDocUpload} autoComplete="off">
-          <FormControl>
-            <FormControlLabel
-              control={<Switch />}
-              label="Verify file on upload"
-              id="verify-checkbox"
-              value={verifyFile}
-              checked={verifyFile}
-              onChange={() => setVerifyFile(!verifyFile)}
+          <FormControlLabel
+            control={<Switch />}
+            label="Verify file on upload"
+            id="verify-checkbox"
+            value={verifyFile}
+            checked={verifyFile}
+            onChange={() => setVerifyFile(!verifyFile)}
+          />
+          <FormControl fullWidth>
+            <DocumentSelection
+              htmlForAndIdProp="upload-doc"
+              handleDocType={handleDocType}
+              docType={docType}
             />
-            <Grid
-              container
-              spacing={{
-                xs: 1
-              }}
-            >
-              <Grid item xs={12} sm={6}>
-                <DocumentSelection
-                  htmlForAndIdProp="upload-doc"
-                  handleDocType={handleDocType}
-                  docType={docType}
+            <br />
+            <FormControl>
+              <LocalizationProvider dateAdapter={AdapterDayjs}>
+                <DatePicker
+                  name="date"
+                  format="MM/DD/YYYY"
+                  label="Expiration Date"
+                  value={expireDate}
+                  onChange={(newExpireDate) => setExpireDate(newExpireDate)}
+                  type="date"
                 />
-              </Grid>
-              <Grid item xs={12} sm={6}>
-                <LocalizationProvider dateAdapter={AdapterDayjs}>
-                  <DatePicker
-                    name="date"
-                    format="MM/DD/YYYY"
-                    label="Expiration Date"
-                    value={expireDate}
-                    onChange={(newExpireDate) => setExpireDate(newExpireDate)}
-                    type="date"
-                  />
-                </LocalizationProvider>
-              </Grid>
-            </Grid>
+              </LocalizationProvider>
+            </FormControl>
+            <br />
             <TextField
               name="description"
               multiline
@@ -156,34 +144,25 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               value={docDescription}
               onChange={(newDocDescription) => setDocDescription(newDocDescription.target.value)}
               placeholder="Add a description here"
-              margin="normal"
             />
-            {/* TODO: Determine whether we want a pop-up warning for the user to confirm this action */}
-            <ButtonGroup aria-label="primary button group" fullWidth>
-              <Button
-                variant="outlined"
-                component="label"
-                color="primary"
-                id="upload-doctype"
-                name="uploadDoctype"
-                onChange={(e) => setFile(e.target.files[0])}
-                required
-                startIcon={<SearchIcon />}
-              >
-                Choose file
-                <input type="file" hidden accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png" />
-              </Button>
-              <Button
-                variant="contained"
-                disabled={state.processing || !file}
-                type="submit"
-                color="primary"
-                startIcon={<FileUploadIcon />}
-                fullWidth
-              >
-                Upload
-              </Button>
-            </ButtonGroup>
+            <br />
+            <Button
+              variant="outlined"
+              component="label"
+              color="primary"
+              id="upload-doctype"
+              name="uploadDoctype"
+              onChange={(e) => setFile(e.target.files[0])}
+              required
+              startIcon={<SearchIcon />}
+            >
+              Choose file
+              <input
+                type="file"
+                hidden
+                accept=".pdf, .docx, .doc, .txt, .rtf, .gif, .png, .jpeg, .jpg, .webp"
+              />
+            </Button>
             <FormHelperText
               sx={{
                 width: '200px',
@@ -194,12 +173,12 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             >
               File to upload: {file ? file.name : 'No file selected'}
             </FormHelperText>
-            <ButtonGroup aria-label="secondary button group" fullWidth>
+            <DialogActions>
               <Button
                 variant="outlined"
                 color="error"
                 startIcon={<ClearIcon />}
-                onClick={() => setShowModal(false)}
+                onClick={clearInputFields}
                 fullWidth
                 helperText="Please enter your name"
               >
@@ -207,14 +186,15 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               </Button>
               <Button
                 variant="contained"
-                type="button"
-                color="secondary"
-                onClick={clearInputFields}
-                startIcon={<BackspaceOutlined />}
+                disabled={state.processing || !file}
+                type="submit"
+                color="primary"
+                startIcon={<FileUploadIcon />}
+                fullWidth
               >
-                Clear Form
+                Upload
               </Button>
-            </ButtonGroup>
+            </DialogActions>
           </FormControl>
         </form>
       </FormSection>
diff --git a/src/components/Notification/StatusNotification.jsx b/src/components/Notification/StatusNotification.jsx
index dfc211641..3f7bc533c 100644
--- a/src/components/Notification/StatusNotification.jsx
+++ b/src/components/Notification/StatusNotification.jsx
@@ -24,7 +24,7 @@ import StatusMessage from './StatusMessage';
 const StatusNotification = ({ state, statusType, defaultMessage }) => (
   <Box
     sx={{
-      marginTop: 3,
+      marginTop: 1,
       display: 'flex',
       flexDirection: 'column',
       justifyContent: 'center',

From 623bbe44584e503bb795ddefe0f3fb517bcb9fe0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 10 Jul 2023 14:48:54 -0700
Subject: [PATCH 268/304] Included EmptyListNotification component when
 inbox/outbox is empty; Modified that component for type='messages'; Moved
 CreateIcon into startIcon attribute of Button

---
 src/components/Messages/MessageFolder.jsx     | 24 ++++++++++++-------
 .../Notification/EmptyListNotification.jsx    | 10 +++++---
 src/routes/Messages.jsx                       |  7 ++++--
 3 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/components/Messages/MessageFolder.jsx b/src/components/Messages/MessageFolder.jsx
index b88375380..8b6c1c164 100644
--- a/src/components/Messages/MessageFolder.jsx
+++ b/src/components/Messages/MessageFolder.jsx
@@ -7,7 +7,7 @@ import Button from '@mui/material/Button';
 import { PaginationContainer } from './MessageStyles';
 // Component Imports
 import MessagePreview from './MessagePreview';
-import { LoadingAnimation } from '../Notification';
+import { EmptyListNotification, LoadingAnimation } from '../Notification';
 
 /**
  * @typedef {import("../../typedefs.js").messageListObject} messageListObject
@@ -40,6 +40,19 @@ const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList })
     setOffset(newOffset);
   };
 
+  const noMessages = <EmptyListNotification type="messages" />;
+  const withMessages = currentMessages.map((message) => (
+    <MessagePreview key={message.messageId} message={message} folderType={folderType} />
+  ));
+
+  const handleMessages = () => {
+    if (currentMessages.length > 0) {
+      return withMessages;
+    }
+
+    return noMessages;
+  };
+
   return (
     <Box
       component="section"
@@ -62,14 +75,7 @@ const MessageFolder = ({ folderType, handleRefresh, loadMessages, messageList })
         >
           Refresh
         </Button>
-        {loadMessages ? (
-          <LoadingAnimation loadingItem="messages" />
-        ) : (
-          currentMessages &&
-          currentMessages.map((message) => (
-            <MessagePreview key={message.messageId} message={message} folderType={folderType} />
-          ))
-        )}
+        {loadMessages ? <LoadingAnimation loadingItem="messages" /> : handleMessages()}
       </Box>
       <Box>
         <PaginationContainer>
diff --git a/src/components/Notification/EmptyListNotification.jsx b/src/components/Notification/EmptyListNotification.jsx
index f63448f0f..2f0e5703d 100644
--- a/src/components/Notification/EmptyListNotification.jsx
+++ b/src/components/Notification/EmptyListNotification.jsx
@@ -25,10 +25,14 @@ const EmptyListNotification = ({ type }) => {
     <Container sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
       <Box sx={{ my: '3rem' }}>
         <Paper elevation={2} sx={{ display: 'inline-block', mx: '2px', padding: '20px' }}>
-          <Typography variant="h6" component="h2" mb={2} align="center" color="secondary">
+          <Typography variant="h6" component="h2" align="center" color="secondary">
             {str1}
-            <br />
-            {str3}
+            {type !== 'messages' ? (
+              <>
+                <br />
+                {str3}
+              </>
+            ) : null}
           </Typography>
         </Paper>
       </Box>
diff --git a/src/routes/Messages.jsx b/src/routes/Messages.jsx
index c05708534..d32bbbdd6 100644
--- a/src/routes/Messages.jsx
+++ b/src/routes/Messages.jsx
@@ -75,8 +75,11 @@ const Messages = () => {
   return (
     <Box sx={{ display: 'grid', gridTemplateRows: '80px 1fr' }}>
       <Box sx={{ display: 'flex', padding: '20px 30px 10px' }}>
-        <Button variant="contained" onClick={() => setShowForm(!showForm)}>
-          <CreateIcon sx={{ marginRight: '10px' }} />
+        <Button
+          variant="contained"
+          onClick={() => setShowForm(!showForm)}
+          startIcon={<CreateIcon />}
+        >
           New Message
         </Button>
         <Tabs value={boxType} sx={{ padding: '0 30px' }}>

From 5d0965dea5e8d4e6154475236517906a3ab9434b Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Mon, 10 Jul 2023 15:51:59 -0700
Subject: [PATCH 269/304] Moving DeleteClientModal so it stays rendered even
 when ClientList is empty.

---
 src/components/Clients/ClientList.jsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index e8bd59dd9..cf67e4ae8 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -27,11 +27,21 @@ const ClientList = () => {
 
   const determineClientListTable = userListObject.userList?.length ? (
     // render if clients
+    <ClientListTable
+      setSelectedClientToDelete={setSelectedClientToDelete}
+      setShowDeleteClientModal={setShowDeleteClientModal}
+    />
+  ) : (
+    // render if no clients
+    <EmptyListNotification type="clients" />
+  );
+
+  // MAIN RETURN OF COMPONENT
+  return loadingUsers ? (
+    <LoadingAnimation loadingItem="clients" />
+  ) : (
     <>
-      <ClientListTable
-        setSelectedClientToDelete={setSelectedClientToDelete}
-        setShowDeleteClientModal={setShowDeleteClientModal}
-      />
+      {determineClientListTable}
       {/* modal/popup renders when showDeleteClientModal state is true */}
       <DeleteClientModal
         showDeleteClientModal={showDeleteClientModal}
@@ -39,13 +49,7 @@ const ClientList = () => {
         selectedClientToDelete={selectedClientToDelete}
       />
     </>
-  ) : (
-    // render if no clients
-    <EmptyListNotification type="clients" />
   );
-
-  // MAIN RETURN OF COMPONENT
-  return loadingUsers ? <LoadingAnimation loadingItem="clients" /> : determineClientListTable;
 };
 
 export default ClientList;

From 412e12274733297ebcc16548e57035471172ef7e Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Mon, 10 Jul 2023 16:06:59 -0700
Subject: [PATCH 270/304] making consistent status notification timing on both
 client modals

---
 src/components/Clients/AddClientModal.jsx    | 6 +++---
 src/components/Clients/DeleteClientModal.jsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Clients/AddClientModal.jsx b/src/components/Clients/AddClientModal.jsx
index b6388d31c..812d1b5cc 100644
--- a/src/components/Clients/AddClientModal.jsx
+++ b/src/components/Clients/AddClientModal.jsx
@@ -68,7 +68,7 @@ const AddClientModal = ({ showAddClientModal, setShowAddClientModal }) => {
       );
       setTimeout(() => {
         dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
+      }, 2000);
       return;
     }
 
@@ -81,7 +81,7 @@ const AddClientModal = ({ showAddClientModal, setShowAddClientModal }) => {
       );
       setTimeout(() => {
         dispatch({ type: 'CLEAR_PROCESSING' });
-      }, 3000);
+      }, 2000);
       return;
     }
     // ===== END OF ERROR DISPLAY OPTIONS =====
@@ -123,7 +123,7 @@ const AddClientModal = ({ showAddClientModal, setShowAddClientModal }) => {
         setWebId('');
         dispatch({ type: 'CLEAR_PROCESSING' });
         setShowAddClientModal(false);
-      }, 1000);
+      }, 2000);
     }
   };
 
diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Clients/DeleteClientModal.jsx
index e4abf26a9..0d76d1a9d 100644
--- a/src/components/Clients/DeleteClientModal.jsx
+++ b/src/components/Clients/DeleteClientModal.jsx
@@ -38,7 +38,7 @@ const DeleteClientModal = ({
     event.preventDefault();
     runNotification(
       `Deleting "${selectedClientToDelete?.person}" from client list...`,
-      3,
+      5,
       state,
       dispatch
     );
@@ -47,13 +47,13 @@ const DeleteClientModal = ({
     } finally {
       runNotification(
         `"${selectedClientToDelete?.person}" deleted from client list...`,
-        3,
+        5,
         state,
         dispatch
       );
       setTimeout(() => {
         setShowDeleteClientModal(false);
-      }, 1000);
+      }, 2000);
     }
   };
 

From 17d014d742bf611ddf0bd6fd876ac43c6d1e6926 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Mon, 10 Jul 2023 16:46:40 -0700
Subject: [PATCH 271/304] full-width menu items under hamburger menu

---
 package.json                      |  4 ++--
 src/components/NavBar/NavMenu.jsx | 20 +++++++++++++-------
 src/theme.js                      | 25 -------------------------
 3 files changed, 15 insertions(+), 34 deletions(-)

diff --git a/package.json b/package.json
index 400d5a463..a44444220 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,8 @@
     "docs:clear": "node clearDocs.js",
     "lint": "eslint 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx' '__mocks__/**/*.js'",
     "lint:fix": "eslint --fix 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx' '__mocks__/**/*.js'",
-    "prettier:check": "prettier --check 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx'",
-    "prettier:run": "prettier --write 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx'",
+    "prettier:check": "prettier --check \"src/**/*.js\" \"src/**/*.jsx\" \"test/**/*.js\" \"test/**/*.jsx\"",
+    "prettier:run": "prettier --write \"src/**/*.js\" \"src/**/*.jsx\" \"test/**/*.js\" \"test/**/*.jsx\"",
     "dev:pod": "community-solid-server",
     "dev:pod:stored": "community-solid-server -c @css:config/file.json -f local_temp_server_files/"
   },
diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 8bab7e740..84283584d 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -47,30 +47,36 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
       sx={{ mt: 5, backgroundColor: 'rgba(1, 121, 105, 0.2)' }}
     >
       <MenuList>
-        <MenuItem sx={{ display: { md: 'none' } }}>
-          <Button variant="text" startIcon={<NotificationsIcon />}>
-            Notifications
-          </Button>
+        <MenuItem
+          component={Button}
+          startIcon={<NotificationsIcon />}
+          sx={{ display: { md: 'none'}, color: "primary.main", width: "100%" }}
+        >
+          Notifications
         </MenuItem>
         <MenuItem
           component={Button}
-          variant="primary"
           startIcon={<AccountCircle />}
           href={session.info.webId}
           target="_blank"
           rel="noreferrer"
+          sx={{ color: "primary.main", width: "100%" }}
         >
           Profile
         </MenuItem>
         <Divider />
-        <MenuItem component={Button} startIcon={<SettingsIcon />} variant="primary">
+        <MenuItem
+          component={Button}
+          startIcon={<SettingsIcon />}
+          sx={{ color: "primary.main", width: "100%" }}
+        >
           Settings
         </MenuItem>
         <MenuItem
           component={Button}
           startIcon={<LogoutIcon />}
           onClick={() => setShowConfirmation(true)}
-          variant="error"
+          sx={{ color: "error.main", width: "100%" }}
         >
           Log Out
         </MenuItem>
diff --git a/src/theme.js b/src/theme.js
index 669e32d1d..a16db3b9b 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -29,31 +29,6 @@ const theme = createTheme({
       main: '#64748B',
       contrastText: '#fff'
     }
-  },
-  components: {
-    MuiMenuItemBase: {
-      styleOverrides: {
-        root: {
-          color: '#017969'
-        }
-      }
-    },
-    MuiMenuItem: {
-      variants: [
-        {
-          props: { variant: 'primary' },
-          style: {
-            color: '#017969'
-          }
-        },
-        {
-          props: { variant: 'error' },
-          style: {
-            color: '#d32f2f'
-          }
-        }
-      ]
-    }
   }
 });
 

From 5d89544eaad98cb93e34a4674cc07fb5ec9ed259 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Mon, 10 Jul 2023 16:52:04 -0700
Subject: [PATCH 272/304] full-width menu items under navigation menu

---
 src/components/NavBar/NavbarLinks.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index a6d9bb1f3..29273d8fd 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -83,8 +83,12 @@ const NavbarLinks = () => {
         {routesArray.map((item) => {
           const currentRoute = useLocation().pathname.includes(item.path);
           return (
-            <MenuItem key={item.label} disableTouchRipple>
-              <Button variant="text">
+            <MenuItem 
+              key={item.label}
+              disableTouchRipple
+              component={Button}
+              sx={{width: "100%"}}
+              >
                 <NavLink
                   to={item.path}
                   end
@@ -97,7 +101,6 @@ const NavbarLinks = () => {
                 >
                   {item.label}
                 </NavLink>
-              </Button>
             </MenuItem>
           );
         })}

From 624d65a47c5b01ffec1c87f0a4b4f53cfc1df2a7 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 10 Jul 2023 16:57:12 -0700
Subject: [PATCH 273/304] Updated UX for buttons

---
 src/components/Messages/MessagePreview.jsx | 2 +-
 src/routes/Messages.jsx                    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Messages/MessagePreview.jsx b/src/components/Messages/MessagePreview.jsx
index 8555c62f8..7ec3401de 100644
--- a/src/components/Messages/MessagePreview.jsx
+++ b/src/components/Messages/MessagePreview.jsx
@@ -41,7 +41,7 @@ const MessagePreview = ({ message, folderType }) => {
           {message.sender} - {message.title}
         </StyledHeader>
         {showContents && folderType === 'Inbox' && (
-          <Button variant="outlined" type="button" onClick={handleReplyMessage}>
+          <Button variant="contained" type="button" onClick={handleReplyMessage}>
             Reply
           </Button>
         )}
diff --git a/src/routes/Messages.jsx b/src/routes/Messages.jsx
index d32bbbdd6..17c4936ea 100644
--- a/src/routes/Messages.jsx
+++ b/src/routes/Messages.jsx
@@ -79,6 +79,7 @@ const Messages = () => {
           variant="contained"
           onClick={() => setShowForm(!showForm)}
           startIcon={<CreateIcon />}
+          sx={{ backgroundColor: 'secondary.main' }}
         >
           New Message
         </Button>

From 021a4c5f566d283dd47d5924f79d1cddfbf47e60 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Mon, 10 Jul 2023 17:03:39 -0700
Subject: [PATCH 274/304] prettier and revert changes to prettier script'

---
 package.json                          |  4 ++--
 src/components/NavBar/NavMenu.jsx     |  8 ++++----
 src/components/NavBar/NavbarLinks.jsx | 29 +++++++++++----------------
 3 files changed, 18 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index a44444220..400d5a463 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,8 @@
     "docs:clear": "node clearDocs.js",
     "lint": "eslint 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx' '__mocks__/**/*.js'",
     "lint:fix": "eslint --fix 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx' '__mocks__/**/*.js'",
-    "prettier:check": "prettier --check \"src/**/*.js\" \"src/**/*.jsx\" \"test/**/*.js\" \"test/**/*.jsx\"",
-    "prettier:run": "prettier --write \"src/**/*.js\" \"src/**/*.jsx\" \"test/**/*.js\" \"test/**/*.jsx\"",
+    "prettier:check": "prettier --check 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx'",
+    "prettier:run": "prettier --write 'src/**/*.js' 'src/**/*.jsx' 'test/**/*.js' 'test/**/*.jsx'",
     "dev:pod": "community-solid-server",
     "dev:pod:stored": "community-solid-server -c @css:config/file.json -f local_temp_server_files/"
   },
diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index 84283584d..025e43fdd 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -50,7 +50,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
         <MenuItem
           component={Button}
           startIcon={<NotificationsIcon />}
-          sx={{ display: { md: 'none'}, color: "primary.main", width: "100%" }}
+          sx={{ display: { md: 'none' }, color: 'primary.main', width: '100%' }}
         >
           Notifications
         </MenuItem>
@@ -60,7 +60,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
           href={session.info.webId}
           target="_blank"
           rel="noreferrer"
-          sx={{ color: "primary.main", width: "100%" }}
+          sx={{ color: 'primary.main', width: '100%' }}
         >
           Profile
         </MenuItem>
@@ -68,7 +68,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
         <MenuItem
           component={Button}
           startIcon={<SettingsIcon />}
-          sx={{ color: "primary.main", width: "100%" }}
+          sx={{ color: 'primary.main', width: '100%' }}
         >
           Settings
         </MenuItem>
@@ -76,7 +76,7 @@ const NavMenu = ({ menuId, openMenu, setOpenMenu, anchorEl, setAnchorEl, setShow
           component={Button}
           startIcon={<LogoutIcon />}
           onClick={() => setShowConfirmation(true)}
-          sx={{ color: "error.main", width: "100%" }}
+          sx={{ color: 'error.main', width: '100%' }}
         >
           Log Out
         </MenuItem>
diff --git a/src/components/NavBar/NavbarLinks.jsx b/src/components/NavBar/NavbarLinks.jsx
index 29273d8fd..fcea7b0c8 100644
--- a/src/components/NavBar/NavbarLinks.jsx
+++ b/src/components/NavBar/NavbarLinks.jsx
@@ -83,24 +83,19 @@ const NavbarLinks = () => {
         {routesArray.map((item) => {
           const currentRoute = useLocation().pathname.includes(item.path);
           return (
-            <MenuItem 
-              key={item.label}
-              disableTouchRipple
-              component={Button}
-              sx={{width: "100%"}}
+            <MenuItem key={item.label} disableTouchRipple component={Button} sx={{ width: '100%' }}>
+              <NavLink
+                to={item.path}
+                end
+                style={{
+                  fontWeight: currentRoute ? 'bold' : '',
+                  color: currentRoute ? theme.palette.tertiary.main : theme.palette.primary.main,
+                  textDecoration: 'none'
+                }}
+                onClick={handleNavigateToMenuClose}
               >
-                <NavLink
-                  to={item.path}
-                  end
-                  style={{
-                    fontWeight: currentRoute ? 'bold' : '',
-                    color: currentRoute ? theme.palette.tertiary.main : theme.palette.primary.main,
-                    textDecoration: 'none'
-                  }}
-                  onClick={handleNavigateToMenuClose}
-                >
-                  {item.label}
-                </NavLink>
+                {item.label}
+              </NavLink>
             </MenuItem>
           );
         })}

From 7f0df884ab73b97013cc2cbaf764c6ba362ce46d Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 10 Jul 2023 17:38:52 -0700
Subject: [PATCH 275/304] Optimizing imports, adding ternary to button style

---
 src/components/Form/index.js                  | 4 +++-
 src/components/Modals/AddClientModal.jsx      | 9 ++-------
 src/components/Modals/UploadDocumentModal.jsx | 8 ++++----
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/Form/index.js b/src/components/Form/index.js
index 22c29ea42..666516d88 100644
--- a/src/components/Form/index.js
+++ b/src/components/Form/index.js
@@ -1,3 +1,5 @@
+import DocumentSelection from './DocumentSelection';
+import FormSection from './FormSection';
 import SetAclPermissionForm from './SetAclPermissionForm';
 import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
 /**
@@ -7,4 +9,4 @@ import SetAclPermsDocContainerForm from './SetAclPermsDocContainerForm';
  * @namespace Forms
  */
 
-export { SetAclPermissionForm, SetAclPermsDocContainerForm };
+export { DocumentSelection, FormSection, SetAclPermissionForm, SetAclPermsDocContainerForm };
diff --git a/src/components/Modals/AddClientModal.jsx b/src/components/Modals/AddClientModal.jsx
index 37578e517..4e0631db2 100644
--- a/src/components/Modals/AddClientModal.jsx
+++ b/src/components/Modals/AddClientModal.jsx
@@ -20,7 +20,7 @@ import { useStatusNotification } from '../../hooks';
 // Context Imports
 import { UserListContext } from '../../contexts';
 // Component Imports
-import FormSection from '../Form/FormSection';
+import { FormSection } from '../Form';
 
 /**
  * AddClientModal Component - Component that allows users to add other user's
@@ -189,12 +189,7 @@ const AddClientModal = ({ showModal, setShowModal }) => {
             InputProps={{
               endAdornment: (
                 <InputAdornment position="end">
-                  <IconButton
-                    aria-label="copy-webid"
-                    // onClick={}
-                    // onMouseDown={}
-                    edge="end"
-                  >
+                  <IconButton aria-label="copy-webid" edge="end">
                     <ContentCopyIcon />
                   </IconButton>
                 </InputAdornment>
diff --git a/src/components/Modals/UploadDocumentModal.jsx b/src/components/Modals/UploadDocumentModal.jsx
index 4a74092da..c34d1ac91 100644
--- a/src/components/Modals/UploadDocumentModal.jsx
+++ b/src/components/Modals/UploadDocumentModal.jsx
@@ -20,8 +20,7 @@ import { runNotification } from '../../utils';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
 // Component Imports
-import DocumentSelection from '../Form/DocumentSelection';
-import FormSection from '../Form/FormSection';
+import { DocumentSelection, FormSection } from '../Form';
 import { DocumentListContext } from '../../contexts';
 
 /**
@@ -146,8 +145,9 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
               placeholder="Add a description here"
             />
             <br />
+            {/* File to upload: {file ? file.name : 'No file selected'} */}
             <Button
-              variant="outlined"
+              variant={file ? 'contained' : 'outlined'}
               component="label"
               color="primary"
               id="upload-doctype"
@@ -180,7 +180,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
                 startIcon={<ClearIcon />}
                 onClick={clearInputFields}
                 fullWidth
-                helperText="Please enter your name"
+                helpertext="Please enter your name"
               >
                 CANCEL
               </Button>

From 470da94f0d34ecabfeef4e8f1aeb300a9f9576a7 Mon Sep 17 00:00:00 2001
From: Cameron Abel <cameronabel@gmail.com>
Date: Mon, 10 Jul 2023 18:05:43 -0700
Subject: [PATCH 276/304] updated changes to merge with updates to Dev branch

---
 src/components/NavBar/NavMenu.jsx | 41 ++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/components/NavBar/NavMenu.jsx b/src/components/NavBar/NavMenu.jsx
index ee7285543..c65fd1470 100644
--- a/src/components/NavBar/NavMenu.jsx
+++ b/src/components/NavBar/NavMenu.jsx
@@ -58,32 +58,39 @@ const NavMenu = ({
         <MenuItem
           component={Button}
           startIcon={<NotificationsIcon />}
-          sx={{ display: { md: 'none' }, color: 'primary.main', width: '100%' }}
+          sx={{ display: { md: 'none' }, color: theme.palette.primary.main, width: '100%' }}
         >
           Notifications
         </MenuItem>
         <MenuItem
-        component={Button}
-        startIcon={<Avatar
-          src={profileImg}
-          alt="PASS profile"
-          sx={{ height: '24px', width: '24px', objectFit: 'contain' }}
-        />}
+          component={Button}
+          sx={{ width: '100%' }}
+          startIcon={
+            <Avatar
+              src={profileImg}
+              alt="PASS profile"
+              sx={{
+                height: '24px',
+                width: '24px',
+                objectFit: 'contain',
+                color: theme.palette.primary.contrastText,
+                backgroundColor: theme.palette.primary.main
+              }}
+            />
+          }
         >
-
-            <NavLink
-              to="/PASS/profile"
-              style={{ textDecoration: 'none', color: theme.palette.primary.main }}
-            >
-              Profile
-            </NavLink>
-
+          <NavLink
+            to="/PASS/profile"
+            style={{ textDecoration: 'none', color: theme.palette.primary.main }}
+          >
+            Profile
+          </NavLink>
         </MenuItem>
         <Divider />
         <MenuItem
           component={Button}
           startIcon={<SettingsIcon />}
-          sx={{ color: 'primary.main', width: '100%' }}
+          sx={{ color: theme.palette.primary.main, width: '100%' }}
         >
           Settings
         </MenuItem>
@@ -91,7 +98,7 @@ const NavMenu = ({
           component={Button}
           startIcon={<LogoutIcon />}
           onClick={() => setShowConfirmation(true)}
-          sx={{ color: 'error.main', width: '100%' }}
+          sx={{ color: theme.palette.error.main, width: '100%' }}
         >
           Log Out
         </MenuItem>

From 712b4a476b074c16f96ed8f378d8b62131eb1c02 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 10 Jul 2023 20:14:07 -0700
Subject: [PATCH 277/304] Corrected location of message TTL file in
 newMessageID for recipient; Organized ordering of sender/recipient in
 sendMessageTTL file; Fixed hover color of new message button; Have content of
 previous message show up as original message in NewMessage component instead
 of in the message body being sent; Replaced the long string of RE: to just a
 single RE:

---
 src/components/Messages/NewMessage.jsx | 11 +++++++++--
 src/routes/Messages.jsx                |  5 ++++-
 src/utils/network/session-core.js      |  7 ++++---
 src/utils/network/session-helper.js    |  2 +-
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index ab34dce09..e8423e4b8 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -37,14 +37,16 @@ const NewMessage = ({ closeForm, oldMessage = '' }) => {
   const { session } = useSession();
   const { outboxList, setOutboxList } = useContext(MessageContext);
   const { podUrl } = useContext(SignedInUserContext);
+  const [originalMessage, setOriginalMessage] = useState(oldMessage.message);
 
   const [message, setMessage] = useState({
     recipientPodUrl: oldMessage ? oldMessage.senderWebId.split('profile')[0] : '',
-    title: oldMessage ? `RE:${oldMessage.title}` : '',
-    message: oldMessage ? `>${oldMessage.message.split('\n').join('\n>')} \n\n` : '',
+    title: oldMessage ? `RE:${oldMessage.title.replace('RE:', '')}` : '',
+    message: '',
     inReplyTo: oldMessage ? oldMessage.messageId : '',
     messageUrl: oldMessage ? oldMessage.messageUrl : ''
   });
+
   const [error, setError] = useState('');
   const [success, setSuccess] = useState('');
   const [successTimeout, setSuccessTimeout] = useState(false);
@@ -85,6 +87,8 @@ const NewMessage = ({ closeForm, oldMessage = '' }) => {
       } catch (err) {
         // TODO: Make sure invalid username is the only possible error
         setError(err.message);
+      } finally {
+        setOriginalMessage('');
       }
     }
 
@@ -123,6 +127,9 @@ const NewMessage = ({ closeForm, oldMessage = '' }) => {
           onChange={(e) => handleChange(e)}
         />
 
+        <div>Original Message:</div>
+        <div>{oldMessage && originalMessage}</div>
+
         <label htmlFor="message">Message*: </label>
         <StyledTextArea
           value={message.message}
diff --git a/src/routes/Messages.jsx b/src/routes/Messages.jsx
index 17c4936ea..18c4e00f2 100644
--- a/src/routes/Messages.jsx
+++ b/src/routes/Messages.jsx
@@ -79,7 +79,10 @@ const Messages = () => {
           variant="contained"
           onClick={() => setShowForm(!showForm)}
           startIcon={<CreateIcon />}
-          sx={{ backgroundColor: 'secondary.main' }}
+          sx={{
+            backgroundColor: 'secondary.main',
+            ':hover': { backgroundColor: 'secondary.dark' }
+          }}
         >
           New Message
         </Button>
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 0c0a89d87..cc002a638 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -178,18 +178,19 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
     podUrl,
     senderName,
     recipientName,
+    recipientPodUrl,
     recipientWebId,
     messageSlug
   };
 
-  const newSolidDatasets = ['recipient', 'sender'].map((person) =>
+  const newSolidDatasets = ['sender', 'recipient'].map((person) =>
     buildMessageTTL(session, date, messageObject, messageMetadata, person)
   );
 
   try {
     await Promise.all([
-      saveMessageTTL(session, recipientInboxUrl, newSolidDatasets[0], messageSlug),
-      saveMessageTTL(session, outboxUrl, newSolidDatasets[1], messageSlug)
+      saveMessageTTL(session, outboxUrl, newSolidDatasets[0], messageSlug),
+      saveMessageTTL(session, recipientInboxUrl, newSolidDatasets[1], messageSlug)
     ]);
   } catch (error) {
     throw new Error(
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 6730f5bda..38dc0fb18 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -432,7 +432,7 @@ export const buildMessageTTL = (session, date, messageObject, messageMetadata, b
       RDF_PREDICATES.url,
       buildFor === 'sender'
         ? `${messageMetadata.podUrl}PASS/Outbox/${messageMetadata.messageSlug}.ttl`
-        : `${messageMetadata.podUrl}PASS/Inbox/${messageMetadata.messageSlug}.ttl`
+        : `${messageMetadata.recipientPodUrl}PASS/Inbox/${messageMetadata.messageSlug}.ttl`
     )
     .build();
 

From 5573618b083124840fa460892821ed0068122626 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Mon, 10 Jul 2023 22:15:43 -0700
Subject: [PATCH 278/304] Replaced repeating RE: with a single RE:; Corrected
 path replyTo reference URL

---
 src/components/Messages/NewMessage.jsx | 2 +-
 src/utils/network/session-helper.js    | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Messages/NewMessage.jsx b/src/components/Messages/NewMessage.jsx
index e8423e4b8..475ac23db 100644
--- a/src/components/Messages/NewMessage.jsx
+++ b/src/components/Messages/NewMessage.jsx
@@ -41,7 +41,7 @@ const NewMessage = ({ closeForm, oldMessage = '' }) => {
 
   const [message, setMessage] = useState({
     recipientPodUrl: oldMessage ? oldMessage.senderWebId.split('profile')[0] : '',
-    title: oldMessage ? `RE:${oldMessage.title.replace('RE:', '')}` : '',
+    title: oldMessage ? `RE:${oldMessage.title}`.replace('RE:RE:', 'RE:') : '',
     message: '',
     inReplyTo: oldMessage ? oldMessage.messageId : '',
     messageUrl: oldMessage ? oldMessage.messageUrl : ''
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 38dc0fb18..23eac742c 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -456,7 +456,14 @@ export const buildMessageTTL = (session, date, messageObject, messageMetadata, b
   if (messageObject.inReplyTo) {
     replyTo = buildThing(createThing({ name: 'replyTo' }))
       .addStringNoLocale(RDF_PREDICATES.identifier, messageObject.inReplyTo)
-      .addUrl(RDF_PREDICATES.url, messageObject.messageUrl)
+      .addUrl(
+        RDF_PREDICATES.url,
+        buildFor === 'sender'
+          ? messageObject.messageUrl
+          : `${`${messageMetadata.recipientPodUrl}PASS/Outbox/`}${
+              messageObject.messageUrl.split(`${messageMetadata.podUrl}PASS/Inbox/`)[1]
+            }`
+      )
       .build();
 
     newSolidDataset = setThing(newSolidDataset, replyTo);

From 6f2bfc087762d0fc2bb0ceb0e1e5173ae4b2e68d Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Mon, 10 Jul 2023 22:51:11 -0700
Subject: [PATCH 279/304] Adjusting margin

---
 src/components/Modals/AddClientModal.jsx      | 2 +-
 src/components/Modals/UploadDocumentModal.jsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Modals/AddClientModal.jsx b/src/components/Modals/AddClientModal.jsx
index 4e0631db2..3bf581415 100644
--- a/src/components/Modals/AddClientModal.jsx
+++ b/src/components/Modals/AddClientModal.jsx
@@ -13,7 +13,7 @@ import InputAdornment from '@mui/material/InputAdornment';
 import TextField from '@mui/material/TextField';
 // Utility Imports
 import { ENV } from '../../constants';
-import { runNotification } from '../../utils';
+import { runNotification } from '../../utils'; 
 import { createUser } from '../../model-helpers/User';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
diff --git a/src/components/Modals/UploadDocumentModal.jsx b/src/components/Modals/UploadDocumentModal.jsx
index c34d1ac91..7dda3e5b3 100644
--- a/src/components/Modals/UploadDocumentModal.jsx
+++ b/src/components/Modals/UploadDocumentModal.jsx
@@ -114,6 +114,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             value={verifyFile}
             checked={verifyFile}
             onChange={() => setVerifyFile(!verifyFile)}
+            sx={{ mb: 1 }}
           />
           <FormControl fullWidth>
             <DocumentSelection

From 1901f4792abcefa977eac128bf4e34156baedd39 Mon Sep 17 00:00:00 2001
From: veganedge <scottxbrown@yahoo.com>
Date: Tue, 11 Jul 2023 06:38:26 -0700
Subject: [PATCH 280/304] adding a catch block for possible errors on deletion
 of client

---
 src/components/Clients/DeleteClientModal.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Clients/DeleteClientModal.jsx
index 0d76d1a9d..4b537df65 100644
--- a/src/components/Clients/DeleteClientModal.jsx
+++ b/src/components/Clients/DeleteClientModal.jsx
@@ -44,6 +44,8 @@ const DeleteClientModal = ({
     );
     try {
       await removeUser(selectedClientToDelete);
+    } catch (e) {
+      runNotification(`Client deletion failed. Reason: ${e.message}`);
     } finally {
       runNotification(
         `"${selectedClientToDelete?.person}" deleted from client list...`,
@@ -73,7 +75,7 @@ const DeleteClientModal = ({
         <form onSubmit={handleDeleteClient} autoComplete="off">
           <DialogContent>
             <DialogContentText id="dialog-description">
-              {`Are you sure you want to delete ${selectedClientToDelete?.person} from your client list?`}
+              {`Are you sure you want to delete "${selectedClientToDelete?.person}" from your client list?`}
             </DialogContentText>
           </DialogContent>
 

From 1c82c92470c83f982aebdd738f4233a343244dfb Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 13:44:34 -0700
Subject: [PATCH 281/304] updated templates for bug report and feature request,
 re worded parts of contributing

---
 .github/ISSUE_TEMPLATE/bug_report.md      | 32 ++++++++-------
 .github/ISSUE_TEMPLATE/feature_request.md | 25 ++++++++----
 docs/CONTRIBUTING.md                      | 47 +++++++++++------------
 3 files changed, 58 insertions(+), 46 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index dd84ea782..95fb49621 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -7,21 +7,24 @@ assignees: ''
 
 ---
 
-**Describe the bug**
-A clear and concise description of what the bug is.
+**Bug Title**: [Concise description of the bug]
 
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
+**Bug Description**:
+Please provide a detailed description of the bug.
 
-**Expected behavior**
-A clear and concise description of what you expected to happen.
+**Reproduction Steps**:
+1. 
+2. 
+3. 
 
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
+**Expected Behavior**:
+What should have happened if the bug didn't occur.
+
+**Actual Behavior**:
+What actually happened, and how it differed from the expected behavior.
+
+**Screenshots (If applicable)**:
+If possible, add screenshots to help explain the problem.
 
 **Desktop (please complete the following information):**
  - OS: [e.g. iOS]
@@ -34,5 +37,8 @@ If applicable, add screenshots to help explain your problem.
  - Browser [e.g. stock browser, safari]
  - Version [e.g. 22]
 
-**Additional context**
+**Additional Context**:
 Add any other context about the problem here.
+
+**Possible Solution (optional)**:
+If you have a suggestion on how to fix this bug.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index bbcbbe7d6..6fd329c90 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -7,14 +7,23 @@ assignees: ''
 
 ---
 
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
 
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
+**Feature Title**: [Concise description of the feature]
 
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+**Feature Description**:
+Please provide a detailed description of the proposed feature.
 
-**Additional context**
-Add any other context or screenshots about the feature request here.
+**Use Case**:
+Explain when and why this feature would be used. Try to include as much detail as possible.
+
+**Proposed Solution**:
+If you have a solution in mind, please outline it here. If not, that's okay too.
+
+**Alternative Solutions**:
+If there are alternative ways to solve this problem, please list them here.
+
+**Screenshots (if applicable)**:
+Include any screenshots that may be helpful.
+
+**Additional Context**:
+Please provide any other information that might be helpful.
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index bda553395..d5dbcf071 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -10,19 +10,19 @@
     - [Choosing an Issue](#choosing-an-issue)
     - [Clone the Repo](#clone-the-repo)
     - [Submitting a Pull Request]()
-    - [Bug Reporting](#bug-reporting-template)
-    - [Requesting Product Enhancement](#requesting-product-enhancement)
-    - [Testing](#testing)
+    - [Bug Reporting Template](#bug-reporting-template)
+    - [Requesting A Feature](#requesting-a-feature)
+    - [Unit Testing](#unit-testing)
     - [Code Styling/Linting](#code-stylinglinting)
   
   The development process is still being written in collaboration with active devs
 ## 1. Project summary
 
-PASS is a decentralized application to enable home insecure individuals to electronically securely store their documents. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents allowing them to always remain in control of their data.
+PASS is a decentralized application aiming to enable home insecure individuals to electronically securely store their documents. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents allowing them to always remain in control of their data.
 
 ## 2. Tech Stack & Resources
 
-can be found in [Resources.md](./RESOURCES.md)
+Located in [Resources.md](./RESOURCES.md)
 
 ## 3. Code of Conduct
 
@@ -30,10 +30,10 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 ## 4. Connect With the Team
 
--  Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, shoot an email to our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
+-  Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, email our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
 -  Post your GitHub name in the [**#github-access-request**](https://discord.com/channels/1068260532806766733/1078124139983945858) channel and we’ll add you to our [GitHub](https://github.com/codeforpdx/PASS). We keep track of technical and non-technical tasks in [GitHub Projects](https://github.com/orgs/codeforpdx/projects/3).
 - Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can also request access privately from Flo -- florian@codeforpdx.org.
--  Pass is composed of three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet. Bi-weekly in person full group meetings are also back in session!!(details in discord)
+-  Pass is composed of three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet. Bi-weekly in person full group meetings are also back in session!!(details in discord).
 -  Reach out to Flo (Project Manager) on Discord or florian@codeforpdx.org to introduce yourself and share how you wish to contribute.
 -  Our developers will occasionally hang out in the [PASS voice chat](https://discord.com/channels/1068260532806766733/1106779713793433730) on Discord while working on the project. If you ever see people in there, feel free to hop in and ask questions. Consider it office hours.
 
@@ -41,8 +41,8 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 - ## Choosing an Issue
   
-1. Search through open [issues](https://github.com/codeforpdx/PASS/issues)
-2. Find an issue that interests you
+1. Search through open [issues](https://github.com/codeforpdx/PASS/issues).
+2. Find an issue that interests you.
 3. Check if someone is currently working on that issue and if a [pull request](https://github.com/codeforpdx/PASS/pulls) exists.
 4. Assign yourself to issue and leave a comment stating your intentions.
   
@@ -53,14 +53,15 @@ By participating in this project, you are expected to uphold our [Code of Conduc
    - `git clone https://github.com/codeforpdx/PASS.git` [learn more about git clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository?platform=linux)
    - `git remote add origin https://github.com/codeforpdx/PASS.git` [learn more about git remote](https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories)
 
-2. Setup instructions to locally run PASS can be found in the [readme](../README.md)
+2. Setup instructions to locally run PASS can be found in the [readme](../README.md).
 
 3. Create a new branch to work on your feature:
-    - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout)
+    - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout) using the naming convention issue-\<number\>/\<branch name\> Example: `issue-112/delete-client-modal`
     - `git pull origin Development` - to sync with PASS Development branch
-    - this can also be done directly from an issue in GitHub
+    - This can also be done directly from an issue in GitHub.
 
       <img src="https://drive.google.com/uc?id=11zUuOYSkv8K0CJE_snet12YSdyLDKP8q" width="200"/>
+    - If done manually, link branch to corresponding GitHub issue.
 
 4. Work on feature in your own branch.
 
@@ -69,10 +70,8 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 - Recommended reviewers:
   - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
-  - Documentation -- Danica B, Jared K, Ka Hung L
+  - Documentation -- Danica B, Jared K, Ka Hung L.
   - Include screenshots whenever you’re building a frontend feature.
-  
-1. Make a pull request ⬇️
 
 - ## Submitting a Pull Request
   
@@ -81,27 +80,25 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 1. Make a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to the `Development` branch. Request reviews from members of the team - you’ll need their approval to merge. \*\*Make sure to close your branch once merged.
 - ## Bug Reporting Template
   
-  - Bugs are reported via the GitHub built-in issues for the repo https://github.com/codeforpdx/PASS/issues. 
+  - Bugs are reported via the GitHub built-in issues page for the repository https://github.com/codeforpdx/PASS/issues. 
   - Current bug reporting template can be found [here](../.github/ISSUE_TEMPLATE/bug_report.md) and will automatically populate when creating an issue in GitHub.
 
-  Provide general introduction to the issue logging and why it is relevant. 
+  Provide information requested in the template.
 
-*UNDER CONSTRUCTION🚧*
 - ## Requesting a Feature
   
+  - Features are requested via the GitHub built-in issue page for the repository https://github.com/codeforpdx/PASS/issues.
   - Current feature request template can be found [here](../.github/ISSUE_TEMPLATE/feature_request.md) and will automatically populate when creating an issue in GitHub.
 
-*UNDER CONSTRUCTION🚧*
-
-- ## Testing
+- ## Unit Testing 
   
-  - All PASS unit tests are done with vitest library 
-
-*UNDER CONSTRUCTION🚧*
+   *UNDER CONSTRUCTION🚧*
+  - All PASS unit tests are done with [Vitest](https://vitest.dev/).
+  - In Vitest, tests are simply async functions that throw errors for failures.
 
 - ## Code Styling/Linting
 
-Linting and formatting for this project has also been setup using ESlint and Prettier. They are included as dependencies and will be installed while following the instructions of the readme. To lint your changes with ESLint, you can run:
+  Linting and formatting for this project has also been setup using ESlint and Prettier. They are included as dependencies and will be installed while following the instructions of the readme. To lint your changes with ESLint, you can run:
 
 ```shell
 npm run lint

From 8c0ba062f2600d7180b6a00a7d47e4c2b952d6c3 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 14:07:08 -0700
Subject: [PATCH 282/304] removing emoji from setup instructions to test
 linking contents

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index f109730fc..193fa16d2 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,7 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 
 ## Contents
 
-1.  [Setup Instructions](#1-setup-instructions-🔧)
+1.  [Setup Instructions](#1-setup-instructions)
 2.  [Project Overview](#2-project-overview-🚧)
        - [Terminology](#terminology-🗣️)
        - [Features and usage](#features-and-usage-🔀)
@@ -31,7 +31,7 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 6.  [Code of Conduct](#6-code-of-conduct-🌏)
 
 ---
-## 1. Setup Instructions 🔧
+## 1. Setup Instructions
 
 - ### Prerequisites
 

From 8ea71dba0ea09867a2028ca011266b3eae0eedeb Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 14:08:32 -0700
Subject: [PATCH 283/304] remove emojis to fix TOC linking

---
 README.md | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 193fa16d2..02066f490 100644
--- a/README.md
+++ b/README.md
@@ -22,13 +22,13 @@ PASS is currently in Development heading towards [Minimum Viable Product](./docs
 ## Contents
 
 1.  [Setup Instructions](#1-setup-instructions)
-2.  [Project Overview](#2-project-overview-🚧)
-       - [Terminology](#terminology-🗣️)
-       - [Features and usage](#features-and-usage-🔀)
-3.  [Contribution Guidelines](#3-contribution-guidelines-🧑‍💻)
-4.  [Contributors](#4-contributors-💻)
-5.  [Tech Stack and Additional Resources](#5-tech-stack-🧪)
-6.  [Code of Conduct](#6-code-of-conduct-🌏)
+2.  [Project Overview](#2-project-overview)
+       - [Terminology](#terminology)
+       - [Features and usage](#features-and-usage)
+3.  [Contribution Guidelines](#3-contribution-guidelines)
+4.  [Contributors](#4-contributors)
+5.  [Tech Stack and Additional Resources](#5-tech-stack)
+6.  [Code of Conduct](#6-code-of-conduct)
 
 ---
 ## 1. Setup Instructions
@@ -77,11 +77,11 @@ Further information can be found in [CONTRIBUTING.md](./docs/CONTRIBUTING.md) &
 
 ---
 
-## 2. Project Overview 🚧 
+## 2. Project Overview
 
 In Portland, housing insecure individuals struggle to maintain documents often required to receive government and/or non-profit services. With PASS, we are building out an application to enable housing insecure individuals to store their personal documents in decentralized data stores, called Pods. PASS will also provide a platform for Organizations to assist with providing and processing documents required for housing assistance. Using [Solid Data Pods](https://solidproject.org/) individuals will have control over which organizations and applications can access their data. Verified organizations will be able to use PASS to request data from an individual and/or add documents (such as references or invoices) to an individuals pod to help process housing assistance applications.
 
-###  Terminology 🗣️
+###  Terminology
 
 - Individual/Client - housing insecure person using services to interact with organizations.
 - Organization - housing agencies, landlords, government agencies that will be requesting information from individuals.
@@ -89,7 +89,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 - Folder/Container - referring to the URI location of document data in ttl files using Solid API with Inrupt's library.
 - ACL - Access Control List is used to manage Solid Pods by allowing users to control who can access and modify their data.
 
-### Features and Usage 🔀
+### Features and Usage
 
 1. Individual/Client
    - Upload and Maintain Documents
@@ -112,7 +112,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ---
 
-## 3. Contribution Guidelines 🧑‍💻
+## 3. Contribution Guidelines
 
 -  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](./docs/CONTRIBUTING.md).
 -  Join our [Discord](https://discord.gg/Ts923xaUYV) and self assign roles as you see fit. [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
@@ -122,7 +122,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ---
 
-## 4. Contributors 💻
+## 4. Contributors
 
 | Development Team | UI Team     | UX Team     | Project Management Team |
 | ---------------- | ----------- | ----------- | ----------------------- |
@@ -142,11 +142,11 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ---
 
-## 5. Tech Stack 🧪
+## 5. Tech Stack
 
 - Details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
 
-## 6. Code of Conduct 🌏
+## 6. Code of Conduct
 
 - [Code for PDX code of conduct](https://github.com/codeforpdx/codeofconduct/blob/master/README.md)
 

From 16ba1b399ecdc97baffbd600cf91c08f6bb2cfbe Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 14:52:55 -0700
Subject: [PATCH 284/304] updated tech stack img, removed dead and redundant
 links, removed solid UI ref as we are soon to not be using, removed linting
 steps and referenced in link to readme

---
 docs/CONTRIBUTING.md | 48 +++++++++++---------------------------------
 docs/README.md       |  4 +++-
 docs/RESOURCES.md    |  7 +++----
 3 files changed, 18 insertions(+), 41 deletions(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index d5dbcf071..6b3330ca9 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -15,7 +15,6 @@
     - [Unit Testing](#unit-testing)
     - [Code Styling/Linting](#code-stylinglinting)
   
-  The development process is still being written in collaboration with active devs
 ## 1. Project summary
 
 PASS is a decentralized application aiming to enable home insecure individuals to electronically securely store their documents. Verified organizations seeking documentation from individuals will utilize PASS to request and review documents from individuals, as well as share documents with individuals. Individuals will need to grant permission to organizations before they can access documents allowing them to always remain in control of their data.
@@ -65,19 +64,25 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 4. Work on feature in your own branch.
 
-5. When ready, push up for review:
-   - `git push origin <your branch name>`
+5. When ready, push to GitHub
 
-- Recommended reviewers:
-  - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
-  - Documentation -- Danica B, Jared K, Ka Hung L.
-  - Include screenshots whenever you’re building a frontend feature.
+ - `git push origin <your branch name>`
+    
+6. Code Styling/Linting
+
+   Linting and formatting for this project has also been setup using ESlint and Prettier. They are included as dependencies and will be installed while following the instructions of the readme. To lint your changes with ESLint follow the instructions [here](./README.md#linting)
 
 - ## Submitting a Pull Request
   
    If you are new to GitHub and/or the team, feel free to make your first pull request on the README/Contributing documentation to familiarize yourself with the project and GitHub. Add any comments and/or feedback and request reviews.
 
 1. Make a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to the `Development` branch. Request reviews from members of the team - you’ll need their approval to merge. \*\*Make sure to close your branch once merged.
+
+- Recommended reviewers:
+  - Development -- Jared K, Ka Hung L., Kevin M., Tim S., Scott B.
+  - Documentation -- Danica B, Jared K, Ka Hung L.
+  - Include screenshots whenever you’re building a frontend feature.
+
 - ## Bug Reporting Template
   
   - Bugs are reported via the GitHub built-in issues page for the repository https://github.com/codeforpdx/PASS/issues. 
@@ -96,33 +101,4 @@ By participating in this project, you are expected to uphold our [Code of Conduc
   - All PASS unit tests are done with [Vitest](https://vitest.dev/).
   - In Vitest, tests are simply async functions that throw errors for failures.
 
-- ## Code Styling/Linting
-
-  Linting and formatting for this project has also been setup using ESlint and Prettier. They are included as dependencies and will be installed while following the instructions of the readme. To lint your changes with ESLint, you can run:
-
-```shell
-npm run lint
-```
----
-
-To fix potential lint errors, you can run:
-
-```shell
-npm run lint:fix
-```
----
-
-You can also check the formatting of the existing code using Prettier by running:
-
-```shell
-npm run prettier:check
-```
----
-
-This will enable Prettier to check if the existing code follows the rules for this project in .prettierrc.js. To format the project with existing Prettier settings, simply run:
-
-```shell
-npm run prettier:run
-```
-
 **[⬆️ Back to Top](#contributing-to-pass)**
\ No newline at end of file
diff --git a/docs/README.md b/docs/README.md
index 443f00bf4..8cc8fbb59 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -2,7 +2,7 @@
 
 ## State of Build/Tech Stack
 
-The current build is made with React 18 for the front-end and bundled using Vite. The solid-ui-react library has been incorporated to the application along with Inrupt's other client libraries for Solid (see [RESOURCES.md](RESOURCES.md) for links to solid react and client library documentation). Several node scripts have been setup for ease of development, namely for linting, formatting, and generating JSDoc documentation for the React version of the application. Vitest and jsdom are libraries being used for unit tests.
+The current build is made with React 18 for the front-end and bundled using Vite. We have incorporated Inrupt's Javascript libraries for Solid into the application. See [RESOURCES.md](RESOURCES.md). Several node scripts have been setup for ease of development, namely for linting, formatting, and generating JSDoc documentation for the React version of the application. Vitest and jsdom are libraries being used for unit tests.
 
 ## PASS Terminal Commands 💻
 To generate the full React development documentation of the application locally, the following command can be ran:
@@ -36,6 +36,8 @@ This will clear all, but /docs/README.md and /docs/ZXING_barcode.md from your br
 
 ---
 
+## Linting
+
 Linting and formatting for this project has also been setup using ESlint and Prettier. To lint your changes with ESLint, you can run:
 
 ```shell
diff --git a/docs/RESOURCES.md b/docs/RESOURCES.md
index 43520e1de..e8970fb6d 100644
--- a/docs/RESOURCES.md
+++ b/docs/RESOURCES.md
@@ -17,7 +17,7 @@
 
 ---
 
-  ![tech stack](https://drive.google.com/uc?id=1hvs0XKI0hfdlGOJ_oRG-MqQTR9NCtmPy)
+  ![tech stack](https://drive.google.com/uc?id=1Vkn9hGlSyv6Y9tY_R6SfEGoj5MJTGDDy)
 
 ---
 
@@ -28,13 +28,12 @@
 - [Inrupt](https://docs.inrupt.com/developer-tools/javascript/client-libraries/) provides JavaScript client libraries to help developers create Solid applications. Will be used to upload and query data in pods. Data will be stored in `ttl` files.
 - [Inrupt Access Requests and Grants](https://docs.inrupt.com/ess/latest/security/access-requests-grants/)
 - [Access Authorization](https://solid.github.io/data-interoperability-panel/specification/#access-authorization%E2%91%A0) to a pod.
-- [solid-ui-react](https://solid-ui-react.docs.inrupt.com/?path=/story/intro--page), a React library to make development with Solid simple(ish).
 - [rdf-and-ttl](https://www.w3.org/TR/turtle/)
 - [Using jsDocs in PASS](README.md)
 
    The Resource Description Framework (RDF) is a framework for expressing information about resources. Resources can be anything, including documents, people, physical objects, and abstract concepts. RDF is intended for situations in which information on the Web needs to be processed by applications, rather than being only displayed to people. Read more about RDF [here](https://www.w3.org/TR/rdf11-primer/). See how RDF is used within Solid [here](https://solidproject.org/developers/vocabularies/well-known/core).
 
-   There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and data types. Read more on the Turtle spec [here](https://www.w3.org/TR/turtle/)
+   There is a textual syntax for RDF called Turtle that allows an RDF graph to be completely written in a compact and natural text form, with abbreviations for common usage patterns and data types.
 
    With PASS we are using RDF to link between pods and store metadata in turtle files. We are implementing ttl files enabling organizations to query into an individuals pod to see if certain documents are present, while restricting access to the documents themselves.
 
@@ -49,5 +48,5 @@
 
 - [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).
 - [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
-- [Digita](https://www.youtube.com/@Digita-ai) — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
+- Digita — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
   - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.

From 4eec0135ae0fb05e98ae575bd6edbee61479c07f Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:12:51 -0700
Subject: [PATCH 285/304] added enhancement request and description with
 linking in contributing

---
 .github/ISSUE_TEMPLATE/enhancement_request.md | 23 +++++++++++++++++++
 docs/CONTRIBUTING.md                          | 11 ++++++++-
 2 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 .github/ISSUE_TEMPLATE/enhancement_request.md

diff --git a/.github/ISSUE_TEMPLATE/enhancement_request.md b/.github/ISSUE_TEMPLATE/enhancement_request.md
new file mode 100644
index 000000000..31f9bae35
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/enhancement_request.md
@@ -0,0 +1,23 @@
+---
+name: Enhancement request
+about: Suggest an enhancement for this project
+title: 'Enhancement: [Your Title Here]'
+labels: enhancement
+assignees: ''
+
+---
+
+**Describe the Current Behavior/Feature**:
+Provide a clear and concise description of the current behavior or feature.
+
+**Proposed Behavior/Feature**:
+A clear and concise description of the enhancement you want. 
+
+**Rationale**:
+Please outline why this enhancement is needed and how it will benefit the project.
+
+**Proposed Implementation (if applicable)**:
+Provide a detailed low level description of how you propose the enhancement should be implemented.
+
+**Additional context**:
+Add any other context or screenshots about the enhancement request here.
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 6b3330ca9..f54441f2e 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -9,9 +9,10 @@
 5. [Development Process](#5-development-process)
     - [Choosing an Issue](#choosing-an-issue)
     - [Clone the Repo](#clone-the-repo)
-    - [Submitting a Pull Request]()
+    - [Submitting a Pull Request](#submitting-a-pull-request)
     - [Bug Reporting Template](#bug-reporting-template)
     - [Requesting A Feature](#requesting-a-feature)
+    - [Enhancement Request](#enhancement-request)
     - [Unit Testing](#unit-testing)
     - [Code Styling/Linting](#code-stylinglinting)
   
@@ -95,10 +96,18 @@ By participating in this project, you are expected to uphold our [Code of Conduc
   - Features are requested via the GitHub built-in issue page for the repository https://github.com/codeforpdx/PASS/issues.
   - Current feature request template can be found [here](../.github/ISSUE_TEMPLATE/feature_request.md) and will automatically populate when creating an issue in GitHub.
 
+- ## Enhancement Request
+
+  - Enhancements are requested via the GitHub built-in issues page for the repository https://github.com/codeforpdx/PASS/issues. 
+  - Current bug reporting template can be found [here](../.github/ISSUE_TEMPLATE/enhancement_request.md) and will automatically populate when creating an issue in GitHub.
+  
 - ## Unit Testing 
   
    *UNDER CONSTRUCTION🚧*
   - All PASS unit tests are done with [Vitest](https://vitest.dev/).
   - In Vitest, tests are simply async functions that throw errors for failures.
+  - To run all repository unit tests `npm run test`
+  - To run a single test `npm run test "<filename>.test.js"` 
+    > Example: `npm run test navBar.test.js`
 
 **[⬆️ Back to Top](#contributing-to-pass)**
\ No newline at end of file

From ab599f0804ce78694ea83ebff3ac4b7332a1a9dd Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:14:10 -0700
Subject: [PATCH 286/304] added quotes on example for unit testing

---
 docs/CONTRIBUTING.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index f54441f2e..61c8eaf94 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -108,6 +108,6 @@ By participating in this project, you are expected to uphold our [Code of Conduc
   - In Vitest, tests are simply async functions that throw errors for failures.
   - To run all repository unit tests `npm run test`
   - To run a single test `npm run test "<filename>.test.js"` 
-    > Example: `npm run test navBar.test.js`
+    > Example: `npm run test "navBar.test.js"`
 
 **[⬆️ Back to Top](#contributing-to-pass)**
\ No newline at end of file

From 6241a74a7ed366ca7c5311a28d900b4b9fe49722 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:21:01 -0700
Subject: [PATCH 287/304] updated branch naming convention

---
 docs/CONTRIBUTING.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 61c8eaf94..f3df26794 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -56,16 +56,17 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 2. Setup instructions to locally run PASS can be found in the [readme](../README.md).
 
 3. Create a new branch to work on your feature:
-    - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout) using the naming convention issue-\<number\>/\<branch name\> Example: `issue-112/delete-client-modal`
+    - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout) using the recommended naming convention `issue-\<number\>/\<branch name\>` 
+      > Example: `issue-112/delete-client-modal`
     - `git pull origin Development` - to sync with PASS Development branch
     - This can also be done directly from an issue in GitHub.
 
       <img src="https://drive.google.com/uc?id=11zUuOYSkv8K0CJE_snet12YSdyLDKP8q" width="200"/>
     - If done manually, link branch to corresponding GitHub issue.
 
-4. Work on feature in your own branch.
+1. Work on feature in your own branch.
 
-5. When ready, push to GitHub
+2. When ready, push to GitHub
 
  - `git push origin <your branch name>`
     

From 29f29af5d0947c6d35c7f2efb64eec5d037a9ecb Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:41:04 -0700
Subject: [PATCH 288/304] spelling and formatting changes

---
 docs/README.md    | 3 ++-
 docs/RESOURCES.md | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index 8cc8fbb59..7235957ce 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -5,6 +5,7 @@
 The current build is made with React 18 for the front-end and bundled using Vite. We have incorporated Inrupt's Javascript libraries for Solid into the application. See [RESOURCES.md](RESOURCES.md). Several node scripts have been setup for ease of development, namely for linting, formatting, and generating JSDoc documentation for the React version of the application. Vitest and jsdom are libraries being used for unit tests.
 
 ## PASS Terminal Commands 💻
+
 To generate the full React development documentation of the application locally, the following command can be ran:
 
 ```shell
@@ -65,7 +66,7 @@ This will enable Prettier to check if the existing code follows the rules for th
 npm run prettier:run
 ```
 
-## Run PASS locally ⚙️
+## Run PASS Locally ⚙️
 
 To get a running version of this branch, clone from this branch into a directory and run the following within the directory containing the package.json:
 
diff --git a/docs/RESOURCES.md b/docs/RESOURCES.md
index e8970fb6d..2e72ea211 100644
--- a/docs/RESOURCES.md
+++ b/docs/RESOURCES.md
@@ -48,5 +48,5 @@
 
 - [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).
 - [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
-- Digita — Brussels start-up providing Enterprise Pods to the Flemish government. _Great videos to understand Solid Functionality_
-  - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.
+- Digita — Brussels start-up providing Enterprise Pods to the Flemish government. 
+- Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.

From be741ae732ba609dc8fb35e6062fa47944427e83 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:44:07 -0700
Subject: [PATCH 289/304] moved logo to assets and fixed linking

---
 README.md                       |   2 +-
 logo.png => src/assets/logo.png | Bin
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename logo.png => src/assets/logo.png (100%)

diff --git a/README.md b/README.md
index 02066f490..65d88431e 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
 # PASS - Personal Access System for Services
 
-<img src ="logo.png" width="175">
+<img src ="./src/assets/logo.png" width="175">
 
 [![License](https://img.shields.io/github/license/codeforpdx/PASS)](https://github.com/codeforpdx/PASS/blob/Master/LICENSE)
 [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
diff --git a/logo.png b/src/assets/logo.png
similarity index 100%
rename from logo.png
rename to src/assets/logo.png

From 71dcf02c24be822b40928b199014a965924dd5ea Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:46:22 -0700
Subject: [PATCH 290/304] changed MD to md :D

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 65d88431e..e6d53efad 100644
--- a/README.md
+++ b/README.md
@@ -114,7 +114,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ## 3. Contribution Guidelines
 
--  Start by checking out the detailed on-boarding [CONTRIBUTING.MD](./docs/CONTRIBUTING.md).
+-  Start by checking out the detailed on-boarding [CONTRIBUTING.md](./docs/CONTRIBUTING.md).
 -  Join our [Discord](https://discord.gg/Ts923xaUYV) and self assign roles as you see fit. [![Discord](https://img.shields.io/discord/1068260532806766733)](https://discord.gg/Ts923xaUYV)
 -  Request git-hub access on Discord in the [github-access-request](https://discord.com/channels/1068260532806766733/1078124139983945858) channel of the General category.
   
@@ -144,7 +144,7 @@ In Portland, housing insecure individuals struggle to maintain documents often r
 
 ## 5. Tech Stack
 
-- Details on tech used and additional resources in [resources.md](./docs/RESOURCES.MD)
+- Details on tech used and additional resources in [resources.md](./docs/RESOURCES.md)
 
 ## 6. Code of Conduct
 

From 13607a89fce3caeaac49aac521985a846e28aaa3 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:54:46 -0700
Subject: [PATCH 291/304] added link for digita in resources

---
 docs/RESOURCES.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/RESOURCES.md b/docs/RESOURCES.md
index 2e72ea211..dc7435cbf 100644
--- a/docs/RESOURCES.md
+++ b/docs/RESOURCES.md
@@ -48,5 +48,5 @@
 
 - [My Digital Data Locker](https://vimeo.com/mddl) — a similar project in Baltimore. [More info](https://www.aecf.org/blog/new-digital-data-locker-may-help-people-find-stable-housing). [GitHub](https://github.com/newamericafoundation/MDDL).
 - [AWS Kiip Digital Locker](https://vimeo.com/762041743) — a similar project using AWS.
-- Digita — Brussels start-up providing Enterprise Pods to the Flemish government. 
+- [Digita](https://www.digita.ai/) — Brussels start-up providing Enterprise Pods to the Flemish government. 
 - Also, read this [On-boarding with Solid](https://medium.com/@JacksonMorgan/the-full-complexity-of-onboarding-with-solid-7aeaa842358) article to help wrap your head around Solid infrastructure.

From 0db2a87274823ef7387c082587e1ae47f1da709a Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 15:56:37 -0700
Subject: [PATCH 292/304] updated discord invite link

---
 docs/CONTRIBUTING.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index f3df26794..c2095d04c 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -30,7 +30,7 @@ By participating in this project, you are expected to uphold our [Code of Conduc
 
 ## 4. Connect With the Team
 
--  Join [Code for PDX Discord](https://discord.gg/FEX9KUMH). If you run into any issues, email our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
+-  Join [Code for PDX Discord](https://discord.gg/uwqrPpyuap). If you run into any issues, email our CodeForPDX brigade leader, Hugh: Hugh@codeforpdx.org or join the discord and drop a message in [introductions](https://discord.com/channels/1068260532806766733/1075286322530484256) or [general-chat](https://discord.com/channels/1068260532806766733/1068260535080063028).
 -  Post your GitHub name in the [**#github-access-request**](https://discord.com/channels/1068260532806766733/1078124139983945858) channel and we’ll add you to our [GitHub](https://github.com/codeforpdx/PASS). We keep track of technical and non-technical tasks in [GitHub Projects](https://github.com/orgs/codeforpdx/projects/3).
 - Introduce yourself and post your email in the [**#pass**](https://discord.com/channels/1068260532806766733/1075285803137257544) channel so we can add you to our [Google Drive](https://drive.google.com/drive/u/0/folders/1zTEd34K7Eg7rvg71zS6Uzbwrsct2Lx9E?ths=true). You can also request access privately from Flo -- florian@codeforpdx.org.
 -  Pass is composed of three teams: UX/UI, Project Management, and Developers (back and front end). We are currently meeting in separate groups based on team member availability. The development team meets virtually every Tuesday at 7pm via Google Meet. Bi-weekly in person full group meetings are also back in session!!(details in discord).

From f5ca8235d099ea3db3ee843cbe6ebe425a6f4fcb Mon Sep 17 00:00:00 2001
From: Andy <awilliamscomposing@gmail.com>
Date: Tue, 11 Jul 2023 15:56:56 -0700
Subject: [PATCH 293/304] Restoring modals to Modal folder

---
 src/components/Clients/ClientList.jsx                    | 2 +-
 src/components/Clients/index.js                          | 3 +--
 src/components/{Clients => Modals}/DeleteClientModal.jsx | 0
 src/components/Modals/index.js                           | 3 ++-
 src/routes/Clients.jsx                                   | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)
 rename src/components/{Clients => Modals}/DeleteClientModal.jsx (100%)

diff --git a/src/components/Clients/ClientList.jsx b/src/components/Clients/ClientList.jsx
index cf67e4ae8..2bf812033 100644
--- a/src/components/Clients/ClientList.jsx
+++ b/src/components/Clients/ClientList.jsx
@@ -4,7 +4,7 @@ import React, { useContext, useState } from 'react';
 import { UserListContext } from '../../contexts';
 // Component Imports
 import ClientListTable from './ClientListTable';
-import DeleteClientModal from './DeleteClientModal';
+import DeleteClientModal from '../Modals/DeleteClientModal';
 import { EmptyListNotification, LoadingAnimation } from '../Notification';
 
 /**
diff --git a/src/components/Clients/index.js b/src/components/Clients/index.js
index e866beb24..27cf0cac7 100644
--- a/src/components/Clients/index.js
+++ b/src/components/Clients/index.js
@@ -1,7 +1,6 @@
 import ClientList from './ClientList';
 import ClientListTable from './ClientListTable';
 import ClientListTableRow from './ClientListTableRow';
-import DeleteClientModal from './DeleteClientModal';
 
 /**
  * Components and functions related to Clients functionality within project PASS
@@ -9,4 +8,4 @@ import DeleteClientModal from './DeleteClientModal';
  * @namespace Clients
  */
 
-export { ClientList, ClientListTable, ClientListTableRow, DeleteClientModal };
+export { ClientList, ClientListTable, ClientListTableRow };
diff --git a/src/components/Clients/DeleteClientModal.jsx b/src/components/Modals/DeleteClientModal.jsx
similarity index 100%
rename from src/components/Clients/DeleteClientModal.jsx
rename to src/components/Modals/DeleteClientModal.jsx
diff --git a/src/components/Modals/index.js b/src/components/Modals/index.js
index 8ccad9d1d..895c15d64 100644
--- a/src/components/Modals/index.js
+++ b/src/components/Modals/index.js
@@ -1,4 +1,5 @@
 import AddClientModal from './AddClientModal';
+import DeleteClientModal from './DeleteClientModal';
 import LogoutModal from './LogoutModal';
 import UploadDocumentModal from './UploadDocumentModal';
 
@@ -8,4 +9,4 @@ import UploadDocumentModal from './UploadDocumentModal';
  * @namespace Modals
  */
 
-export { AddClientModal, LogoutModal, UploadDocumentModal };
+export { AddClientModal, DeleteClientModal, LogoutModal, UploadDocumentModal };
diff --git a/src/routes/Clients.jsx b/src/routes/Clients.jsx
index 66263323a..b2bd432e2 100644
--- a/src/routes/Clients.jsx
+++ b/src/routes/Clients.jsx
@@ -7,8 +7,8 @@ import AddIcon from '@mui/icons-material/Add';
 import Button from '@mui/material/Button';
 import Container from '@mui/material/Container';
 // Component Imports
-import AddClientModal from '../components/Modals';
-import ClientList from '../components/Clients';
+import { AddClientModal } from '../components/Modals';
+import { ClientList } from '../components/Clients';
 
 /**
  * Clients Component - Component that generates Clients Page for PASS

From f1aa9f4b9c322c4c9619fa903b1109b29a6948b7 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 16:01:35 -0700
Subject: [PATCH 294/304] fixed type in contributing

---
 docs/CONTRIBUTING.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index c2095d04c..78d90484f 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -48,7 +48,7 @@ By participating in this project, you are expected to uphold our [Code of Conduc
   
 - ## Clone the repo
 
-1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub ou can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
+1. Clone repo to local environment in IDE of choice. If you are new to Git/GitHub you can also check out [this article](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) for a broad overview.
    - Open terminal & change working directory to the location you want the repository cloned to.
    - `git clone https://github.com/codeforpdx/PASS.git` [learn more about git clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository?platform=linux)
    - `git remote add origin https://github.com/codeforpdx/PASS.git` [learn more about git remote](https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories)

From f2cce6875cdc98cddece45b1126f62264f68ec24 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 11 Jul 2023 16:09:02 -0700
Subject: [PATCH 295/304] Used ESLint and Prettier to locate and fixed pathing
 error for DeleteClientModal from Clients to Modals and fixed formatting issue

---
 src/components/Modals/AddClientModal.jsx           | 2 +-
 test/components/Clients/DeleteClientModal.test.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Modals/AddClientModal.jsx b/src/components/Modals/AddClientModal.jsx
index d1567fbac..bc58c4d0d 100644
--- a/src/components/Modals/AddClientModal.jsx
+++ b/src/components/Modals/AddClientModal.jsx
@@ -13,7 +13,7 @@ import InputAdornment from '@mui/material/InputAdornment';
 import TextField from '@mui/material/TextField';
 // Utility Imports
 import { ENV } from '../../constants';
-import { runNotification } from '../../utils'; 
+import { runNotification } from '../../utils';
 import { createUser } from '../../model-helpers/User';
 // Custom Hook Imports
 import { useStatusNotification } from '../../hooks';
diff --git a/test/components/Clients/DeleteClientModal.test.jsx b/test/components/Clients/DeleteClientModal.test.jsx
index 8f0f53e8e..e0b75ad08 100644
--- a/test/components/Clients/DeleteClientModal.test.jsx
+++ b/test/components/Clients/DeleteClientModal.test.jsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { render, cleanup, waitForElementToBeRemoved } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { expect, it, vi, afterEach } from 'vitest';
-import { DeleteClientModal } from '../../../src/components/Clients';
+import { DeleteClientModal } from '../../../src/components/Modals';
 import { UserListContext } from '../../../src/contexts';
 
 // clear created dom after each test, to start fresh for next

From 7c901a927c538959311bf7e42b70042efac12714 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 13 Jul 2023 15:54:52 -0700
Subject: [PATCH 296/304] Included fallback value for when Profile name does
 not exist to username

---
 src/utils/network/session-core.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index cc002a638..16f636f2e 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -159,7 +159,7 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
 
   const senderUsername = podUrl.split('/')[2].split('.')[0];
 
-  const senderName = await getUserProfileName(session, session.info.webId);
+  const senderName = (await getUserProfileName(session, session.info.webId)) || senderUsername;
   let recipientName;
 
   try {

From bd55ad3c18fd940ac0083d3567551b3371c1b195 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Thu, 13 Jul 2023 15:56:07 -0700
Subject: [PATCH 297/304] Included fallback value for recipient name as well

---
 src/utils/network/session-core.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 16f636f2e..68be749d2 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -163,7 +163,8 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
   let recipientName;
 
   try {
-    recipientName = await getUserProfileName(session, recipientWebId);
+    const recipientUsername = recipientPodUrl.split('/')[2].split('.')[0];
+    recipientName = (await getUserProfileName(session, recipientWebId)) || recipientUsername;
   } catch (error) {
     throw new Error('Message failed to send. Reason: Recipient username not found');
   }

From a0296af0679f7dc5b1e0808de0d6d3b384b5f0f3 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 14 Jul 2023 13:55:14 -0700
Subject: [PATCH 298/304] Converted all JS Date objects to their dayjs
 equivalent; Minor fix to UploadDocumentModal choose file button

---
 src/components/Footer/Footer.jsx              |  4 +++-
 src/components/Modals/UploadDocumentModal.jsx |  2 +-
 src/model-helpers/Document.js                 | 11 ++++++-----
 src/model-helpers/User.js                     |  5 +++--
 src/utils/barcode/barcode-date-parser.js      |  5 +++--
 src/utils/network/session-core.js             |  7 ++++---
 src/utils/network/session-helper.js           | 13 +++++++------
 test/contexts/SignedInUserContext.test.jsx    |  3 ++-
 test/model-helpers/Document.test.js           |  7 ++++---
 9 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index eaf32295c..01aa96c79 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -1,5 +1,7 @@
 // React Imports
 import React from 'react';
+// Other Library Imports
+import dayjs from 'dayjs';
 // Material UI Imports
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
@@ -93,7 +95,7 @@ const legalLinks = [
     target: '_blank',
     rel: 'noopenner',
     ml: 0.5,
-    text: `©${new Date().getFullYear()}`,
+    text: `©${dayjs().year()}`,
     title: 'Code for PDX'
   }
 ];
diff --git a/src/components/Modals/UploadDocumentModal.jsx b/src/components/Modals/UploadDocumentModal.jsx
index 7dda3e5b3..3edbd51db 100644
--- a/src/components/Modals/UploadDocumentModal.jsx
+++ b/src/components/Modals/UploadDocumentModal.jsx
@@ -148,7 +148,7 @@ const UploadDocumentModal = ({ showModal, setShowModal }) => {
             <br />
             {/* File to upload: {file ? file.name : 'No file selected'} */}
             <Button
-              variant={file ? 'contained' : 'outlined'}
+              variant={file ? 'outlined' : 'contained'}
               component="label"
               color="primary"
               id="upload-doctype"
diff --git a/src/model-helpers/Document.js b/src/model-helpers/Document.js
index 2dec7c19f..32661f9f3 100644
--- a/src/model-helpers/Document.js
+++ b/src/model-helpers/Document.js
@@ -7,6 +7,7 @@ import {
   getDate
 } from '@inrupt/solid-client';
 
+import dayjs from 'dayjs';
 import sha256 from 'crypto-js/sha256';
 
 import { RDF_PREDICATES } from '../constants';
@@ -67,12 +68,12 @@ const addDriversLicenseInfo = async (thing, file) => {
     return thing
       .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
       .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)
-      .addDate(RDF_PREDICATES.expires, new Date(`${formattedDate(dlData.DBA)}`))
+      .addDate(RDF_PREDICATES.expires, dayjs(`${formattedDate(dlData.DBA)}`).$d)
       .addStringNoLocale(RDF_PREDICATES.givenName, dlData.DCS)
       .addStringNoLocale(RDF_PREDICATES.alternateName, dlData.DAC)
       .addStringNoLocale(RDF_PREDICATES.familyName, dlData.DAD)
-      .addDate(RDF_PREDICATES.dateIssued, new Date(`${formattedDate(dlData.DBD)}`))
-      .addDate(RDF_PREDICATES.dateOfBirth, new Date(`${formattedDate(dlData.DBB)}`))
+      .addDate(RDF_PREDICATES.dateIssued, dayjs(`${formattedDate(dlData.DBD)}`).$d)
+      .addDate(RDF_PREDICATES.dateOfBirth, dayjs(`${formattedDate(dlData.DBB)}`).$d)
       .addStringNoLocale(RDF_PREDICATES.gender, dlData.DBC)
       .addStringNoLocale(RDF_PREDICATES.Eye, dlData.DAY)
       .addInteger(RDF_PREDICATES.height, Number(dlData.DAU))
@@ -136,14 +137,14 @@ const addAdditionalInfo = async (docDesc, thing, file) => {
 export const makeDocIntoThing = async (docDesc, file) => {
   const checksum = await createFileChecksum(file);
   let thing = buildThing(createThing({ name: docDesc.name }))
-    .addDate(RDF_PREDICATES.uploadDate, new Date())
+    .addDate(RDF_PREDICATES.uploadDate, dayjs().$d)
     .addStringNoLocale(RDF_PREDICATES.name, docDesc.name)
     .addStringNoLocale(RDF_PREDICATES.identifier, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.additionalType, docDesc.type)
     .addStringNoLocale(RDF_PREDICATES.sha256, checksum)
     .addStringNoLocale(RDF_PREDICATES.description, docDesc.description);
 
-  if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, new Date(docDesc.date));
+  if (docDesc.date) thing.addDate(RDF_PREDICATES.endDate, dayjs(docDesc.date).$d);
   thing = await addAdditionalInfo(docDesc, thing, file);
   return thing.build();
 };
diff --git a/src/model-helpers/User.js b/src/model-helpers/User.js
index 8a4b8f7bf..d9250ddcc 100644
--- a/src/model-helpers/User.js
+++ b/src/model-helpers/User.js
@@ -10,6 +10,7 @@ import {
   getUrl,
   getThing
 } from '@inrupt/solid-client';
+import dayjs from 'dayjs';
 import { RDF_PREDICATES } from '../constants';
 
 import { setDocAclForUser } from '../utils';
@@ -64,13 +65,13 @@ export const updateUserActivity = async (session, podUrl) => {
     const activeTTLThing = getThing(activityDataset, `${activityDocUrl}#active`);
 
     const activeTTL = buildThing(activeTTLThing)
-      .setDatetime(RDF_PREDICATES.dateModified, new Date())
+      .setDatetime(RDF_PREDICATES.dateModified, dayjs().$d)
       .build();
 
     await saveActivity(activeTTL);
   } catch {
     const newActiveTTL = buildThing(createThing({ name: 'active' }))
-      .addDatetime(RDF_PREDICATES.dateModified, new Date())
+      .addDatetime(RDF_PREDICATES.dateModified, dayjs().$d)
       .build();
 
     activityDataset = createSolidDataset();
diff --git a/src/utils/barcode/barcode-date-parser.js b/src/utils/barcode/barcode-date-parser.js
index a47c15c05..522bec28e 100644
--- a/src/utils/barcode/barcode-date-parser.js
+++ b/src/utils/barcode/barcode-date-parser.js
@@ -1,3 +1,5 @@
+import dayjs from 'dayjs';
+
 /**
  * Formats dates returned from barcode scanner
  * into consistent format (i.e. 2023-12-31)
@@ -10,8 +12,7 @@
 
 const formattedDate = (dateStr) => {
   const dateStrWithSpaces = dateStr.replace(/(\d{2})(\d{2})(\d{4})/, '$1 $2 $3');
-  const newDate = new Date(dateStrWithSpaces);
-  return newDate.toISOString();
+  return dayjs(dateStrWithSpaces).toISOString();
 };
 
 export default formattedDate;
diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index c8b8dd0c8..a42e15b96 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -1,4 +1,5 @@
 import { getSolidDataset, getThingAll, getFile } from '@inrupt/solid-client';
+import dayjs from 'dayjs';
 import { INTERACTION_TYPES } from '../../constants';
 import {
   getContainerUrl,
@@ -173,9 +174,9 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
     throw new Error('Message failed to send. Reason: Recipient username not found');
   }
 
-  const date = new Date();
-  const dateYYYYMMDD = date.toISOString().split('T')[0].replace(/-/g, '');
-  const dateISOTime = date.toISOString().split('T')[1].split('.')[0].replace(/:/g, '');
+  const date = dayjs().$d;
+  const dateYYYYMMDD = dayjs().format('YYYYMMDD');
+  const dateISOTime = dayjs().toISOString().split('T')[1].split('.')[0].replace(/:/g, '');
 
   const newSolidDataset = buildMessageTTL(
     session,
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 673a0dac8..082016361 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -20,6 +20,7 @@ import {
   getDatetime,
   createSolidDataset
 } from '@inrupt/solid-client';
+import dayjs from 'dayjs';
 import sha256 from 'crypto-js/sha256';
 import getDriversLicenseData from '../barcode/barcode-scan';
 import formattedDate from '../barcode/barcode-date-parser';
@@ -226,7 +227,7 @@ export const updateTTLFile = async (session, containerUrl, fileObject) => {
   ttlFile = buildThing(ttlFile)
     .setStringNoLocale(RDF_PREDICATES.endDate, fileObject.date)
     .setStringNoLocale(RDF_PREDICATES.description, fileObject.description)
-    .setDatetime(RDF_PREDICATES.dateModified, new Date())
+    .setDatetime(RDF_PREDICATES.dateModified, dayjs().$d)
     .build();
   solidDataset = setThing(solidDataset, ttlFile);
 
@@ -270,15 +271,15 @@ const createFileChecksum = async (fileObject) => {
 const createDriversLicenseTtlFile = async (fileObject, documentUrl, checksum) => {
   const dlData = await getDriversLicenseData(fileObject.file);
   return buildThing(createThing({ name: 'document' }))
-    .addDatetime(RDF_PREDICATES.uploadDate, new Date())
+    .addDatetime(RDF_PREDICATES.uploadDate, dayjs().$d)
     .addStringNoLocale(RDF_PREDICATES.additionalType, dlData.DCA)
     .addStringNoLocale(RDF_PREDICATES.conditionsOfAccess, dlData.DCB)
-    .addDate(RDF_PREDICATES.expires, new Date(`${formattedDate(dlData.DBA)}`))
+    .addDate(RDF_PREDICATES.expires, dayjs(`${formattedDate(dlData.DBA)}`).$d)
     .addStringNoLocale(RDF_PREDICATES.givenName, dlData.DCS)
     .addStringNoLocale(RDF_PREDICATES.alternateName, dlData.DAC)
     .addStringNoLocale(RDF_PREDICATES.familyName, dlData.DAD)
-    .addDate(RDF_PREDICATES.dateIssued, new Date(`${formattedDate(dlData.DBD)}`))
-    .addDate(RDF_PREDICATES.dateOfBirth, new Date(`${formattedDate(dlData.DBB)}`))
+    .addDate(RDF_PREDICATES.dateIssued, dayjs(`${formattedDate(dlData.DBD)}`).$d)
+    .addDate(RDF_PREDICATES.dateOfBirth, dayjs(`${formattedDate(dlData.DBB)}`).$d)
     .addStringNoLocale(RDF_PREDICATES.gender, dlData.DBC)
     .addStringNoLocale(RDF_PREDICATES.Eye, dlData.DAY)
     .addInteger(RDF_PREDICATES.height, Number(dlData.DAU))
@@ -321,7 +322,7 @@ export const createResourceTtlFile = async (fileObject, documentUrl) => {
   }
 
   return buildThing(createThing({ name: 'document' }))
-    .addDatetime(RDF_PREDICATES.uploadDate, new Date())
+    .addDatetime(RDF_PREDICATES.uploadDate, dayjs().$d)
     .addStringNoLocale(RDF_PREDICATES.name, fileObject.file.name)
     .addStringNoLocale(RDF_PREDICATES.identifier, fileObject.type)
     .addStringNoLocale(RDF_PREDICATES.endDate, fileObject.date)
diff --git a/test/contexts/SignedInUserContext.test.jsx b/test/contexts/SignedInUserContext.test.jsx
index fc5f387c0..1e3c7b7ec 100644
--- a/test/contexts/SignedInUserContext.test.jsx
+++ b/test/contexts/SignedInUserContext.test.jsx
@@ -9,6 +9,7 @@ import {
   createThing
 } from '@inrupt/solid-client';
 import { useSession } from '@inrupt/solid-ui-react';
+import dayjs from 'dayjs';
 import { expect, it, afterEach, describe, vi } from 'vitest';
 import { SignedInUserContext, SignedInUserContextProvider } from '../../src/contexts';
 import { RDF_PREDICATES } from '../../src/constants';
@@ -46,7 +47,7 @@ describe('SignedInUserContext', () => {
 
   it('fetches user data if user is logged in', async () => {
     const newActiveTTL = buildThing(createThing({ name: 'active' }))
-      .addDatetime(RDF_PREDICATES.dateModified, new Date())
+      .addDatetime(RDF_PREDICATES.dateModified, dayjs().$d)
       .build();
 
     const dataset = mockSolidDatasetFrom('https://example.com/pod/PASS/Public/active.ttl');
diff --git a/test/model-helpers/Document.test.js b/test/model-helpers/Document.test.js
index 61bcd6308..ed1c2cc5e 100644
--- a/test/model-helpers/Document.test.js
+++ b/test/model-helpers/Document.test.js
@@ -1,6 +1,7 @@
 import { expect, vi, it, describe } from 'vitest';
 import { webcrypto } from 'crypto';
 import { buildThing, createThing } from '@inrupt/solid-client';
+import dayjs from 'dayjs';
 import sha256 from 'crypto-js/sha256';
 import { RDF_PREDICATES } from '../../src/constants';
 import { makeDocIntoThing, parseDocFromThing } from '../../src/model-helpers/Document';
@@ -22,7 +23,7 @@ describe('docDescToThing', () => {
     const doc = {
       name: 'name',
       type: 'type',
-      date: new Date('December 17, 1995'),
+      date: dayjs('December 17, 1995').$d,
       description: 'description'
     };
     const thing = await makeDocIntoThing(doc, testFile);
@@ -43,12 +44,12 @@ describe('parseDocument', () => {
     const doc = {
       name: 'name',
       type: 'type',
-      date: new Date('December 17, 1995'),
+      date: dayjs('December 17, 1995').$d,
       description: 'description'
     };
 
     const thing = buildThing(createThing({ name: doc.name }))
-      .addDate(RDF_PREDICATES.uploadDate, new Date())
+      .addDate(RDF_PREDICATES.uploadDate, dayjs().$d)
       .addStringNoLocale(RDF_PREDICATES.name, doc.name)
       .addStringNoLocale(RDF_PREDICATES.identifier, doc.type)
       .addDate(RDF_PREDICATES.endDate, doc.date)

From bfc3eb20b331e49ce80f22002f4c0a20cb19e9b0 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 14 Jul 2023 14:31:24 -0700
Subject: [PATCH 299/304] Updating PASS version to 0.6.0 in preparation for
 merging to Master

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3f36d8c17..97f34ccaa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "pass",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "pass",
-      "version": "0.5.1",
+      "version": "0.6.0",
       "license": "MIT",
       "dependencies": {
         "@emotion/react": "^11.10.8",
diff --git a/package.json b/package.json
index dafa28cd3..dc695b44d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pass",
   "homepage": ".",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "",
   "scripts": {
     "dev": "vite",

From 7e15477ac272fa1614e1508cd018191b2ca77b1e Mon Sep 17 00:00:00 2001
From: Tim Standen <timmstanden@gmail.com>
Date: Fri, 14 Jul 2023 15:00:09 -0700
Subject: [PATCH 300/304] clean up mock file

---
 __mocks__/src/constants/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/__mocks__/src/constants/index.js b/__mocks__/src/constants/index.js
index eea401fce..29f58a5f9 100644
--- a/__mocks__/src/constants/index.js
+++ b/__mocks__/src/constants/index.js
@@ -2,5 +2,5 @@ const ENV = {
     VITE_SOLID_IDENTITY_PROVIDER: 'https://solidcommunity.net'
 };
 
-// eslint-disable-next-line
-export { ENV };
\ No newline at end of file
+export { ENV }; /* eslint-disable-line */
+

From 67845e5d4fad7acdfa8ca5cdc1391900971542f3 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Fri, 14 Jul 2023 16:41:36 -0700
Subject: [PATCH 301/304] Simplified senderName and recipient name in
 sendMessageTTL to use podUrls as fallback values in case profile name does
 not exist; Replaced senderUsername to message title as part of message slug;
 Replaced getProfileAll with getWebIdDataset function for getUserProfileName

---
 src/utils/network/session-core.js   | 15 +++------------
 src/utils/network/session-helper.js | 10 +++++-----
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/utils/network/session-core.js b/src/utils/network/session-core.js
index 68be749d2..f35ae86dd 100644
--- a/src/utils/network/session-core.js
+++ b/src/utils/network/session-core.js
@@ -157,22 +157,13 @@ export const sendMessageTTL = async (session, messageObject, podUrl) => {
   const recipientInboxUrl = `${recipientPodUrl}PASS/Inbox/`;
   const outboxUrl = `${podUrl}PASS/Outbox/`;
 
-  const senderUsername = podUrl.split('/')[2].split('.')[0];
-
-  const senderName = (await getUserProfileName(session, session.info.webId)) || senderUsername;
-  let recipientName;
-
-  try {
-    const recipientUsername = recipientPodUrl.split('/')[2].split('.')[0];
-    recipientName = (await getUserProfileName(session, recipientWebId)) || recipientUsername;
-  } catch (error) {
-    throw new Error('Message failed to send. Reason: Recipient username not found');
-  }
+  const senderName = (await getUserProfileName(session.info.webId)) || podUrl;
+  const recipientName = (await getUserProfileName(recipientWebId)) || recipientPodUrl;
 
   const date = new Date();
   const dateYYYYMMDD = date.toISOString().split('T')[0].replace(/-/g, '');
   const dateISOTime = date.toISOString().split('T')[1].split('.')[0].replace(/:/g, '');
-  const messageSlug = `${senderUsername}-${dateYYYYMMDD}-${dateISOTime}`;
+  const messageSlug = `${messageObject.title.replace(' ', '_')}-${dateYYYYMMDD}-${dateISOTime}`;
 
   const messageMetadata = {
     messageId: uuidv4(),
diff --git a/src/utils/network/session-helper.js b/src/utils/network/session-helper.js
index 23eac742c..6e125ac8f 100644
--- a/src/utils/network/session-helper.js
+++ b/src/utils/network/session-helper.js
@@ -9,7 +9,6 @@ import {
   buildThing,
   setThing,
   saveSolidDatasetAt,
-  getProfileAll,
   getThing,
   getStringNoLocale,
   saveSolidDatasetInContainer,
@@ -19,7 +18,8 @@ import {
   setPublicDefaultAccess,
   getDatetime,
   createSolidDataset,
-  getUrl
+  getUrl,
+  getWebIdDataset
 } from '@inrupt/solid-client';
 import sha256 from 'crypto-js/sha256';
 import getDriversLicenseData from '../barcode/barcode-scan';
@@ -342,9 +342,9 @@ export const createResourceTtlFile = async (fileObject, documentUrl) => {
  * @returns {Promise} Promise - Fetch user's name from their Solid Pod profile
  */
 
-export const getUserProfileName = async (session, webId) => {
-  const profile = await getProfileAll(webId, { fetch: session.fetch });
-  const profileDataThing = getThing(profile.webIdProfile, webId);
+export const getUserProfileName = async (webId) => {
+  const profile = await getWebIdDataset(webId);
+  const profileDataThing = getThing(profile, webId);
   return getStringNoLocale(profileDataThing, RDF_PREDICATES.profileName);
 };
 

From 71231dc5367f3ddb367ec033a46096b7c74a41b6 Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 18 Jul 2023 14:29:34 -0700
Subject: [PATCH 302/304] Patching npm vulnerabilities with npm audit fix

---
 package-lock.json | 96 +++++++++++++++++++++++------------------------
 1 file changed, 48 insertions(+), 48 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 97f34ccaa..df0d9b7d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6187,9 +6187,9 @@
       }
     },
     "node_modules/componentsjs/node_modules/semver": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
-      "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -6245,9 +6245,9 @@
       }
     },
     "node_modules/concordance/node_modules/semver": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
-      "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -7178,9 +7178,9 @@
       }
     },
     "node_modules/eslint-config-esnext/node_modules/cross-spawn/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
       "bin": {
         "semver": "bin/semver"
@@ -7573,9 +7573,9 @@
       }
     },
     "node_modules/eslint-config-node/node_modules/cross-spawn/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
       "bin": {
         "semver": "bin/semver"
@@ -8132,9 +8132,9 @@
       }
     },
     "node_modules/eslint-plugin-jsdoc/node_modules/semver": {
-      "version": "7.3.8",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -13052,9 +13052,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -13882,9 +13882,9 @@
       }
     },
     "node_modules/tough-cookie": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.2.tgz",
-      "integrity": "sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
+      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
       "dev": true,
       "dependencies": {
         "psl": "^1.1.33",
@@ -14594,9 +14594,9 @@
       }
     },
     "node_modules/word-wrap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.4.tgz",
+      "integrity": "sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -19880,9 +19880,9 @@
           }
         },
         "semver": {
-          "version": "7.5.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
-          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -19928,9 +19928,9 @@
           }
         },
         "semver": {
-          "version": "7.5.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
-          "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -20719,9 +20719,9 @@
           },
           "dependencies": {
             "semver": {
-              "version": "5.7.1",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "version": "5.7.2",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+              "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
               "dev": true
             }
           }
@@ -21022,9 +21022,9 @@
           },
           "dependencies": {
             "semver": {
-              "version": "5.7.1",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "version": "5.7.2",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+              "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
               "dev": true
             }
           }
@@ -21445,9 +21445,9 @@
           }
         },
         "semver": {
-          "version": "7.3.8",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-          "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -24995,9 +24995,9 @@
       }
     },
     "semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true
     },
     "serialize-javascript": {
@@ -25674,9 +25674,9 @@
       "dev": true
     },
     "tough-cookie": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.2.tgz",
-      "integrity": "sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
+      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
       "dev": true,
       "requires": {
         "psl": "^1.1.33",
@@ -26175,9 +26175,9 @@
       }
     },
     "word-wrap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.4.tgz",
+      "integrity": "sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==",
       "dev": true
     },
     "wordwrap": {

From d5810e1a6230aefe0c0f5d6671e2313bedfc5590 Mon Sep 17 00:00:00 2001
From: Jared Krajewski <krajewski.jared@gmail.com>
Date: Tue, 18 Jul 2023 15:29:05 -0700
Subject: [PATCH 303/304] added instructions on chosing base branch through
 github GUI for issues

---
 docs/CONTRIBUTING.md | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 78d90484f..570507397 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -59,10 +59,21 @@ By participating in this project, you are expected to uphold our [Code of Conduc
     - `git checkout -b <your branch name> Development` [learn more about git branches](https://www.atlassian.com/git/tutorials/using-branches/git-checkout) using the recommended naming convention `issue-\<number\>/\<branch name\>` 
       > Example: `issue-112/delete-client-modal`
     - `git pull origin Development` - to sync with PASS Development branch
-    - This can also be done directly from an issue in GitHub.
+    - This can also be done directly from an issue in GitHub with the following three steps(Default branch is Master and will need to be changed to Development).
 
-      <img src="https://drive.google.com/uc?id=11zUuOYSkv8K0CJE_snet12YSdyLDKP8q" width="200"/>
-    - If done manually, link branch to corresponding GitHub issue.
+  > A. Create a branch by clicking `create a branch` under Development within the issues page.
+  >
+  >  <img src="https://drive.google.com/uc?id=11zUuOYSkv8K0CJE_snet12YSdyLDKP8q" width="200"/>
+
+  > B. Select `change branch source`.
+  >
+  >  <img src="https://drive.google.com/uc?id=1ciU2NgtAjkEx3Pi5FnzxNxDjw0KkZXF-" width="200">
+
+  > C. Select Development as the base branch.
+  >
+  >  <img src="https://drive.google.com/uc?id=1rqRkau7lxTVEcwRFc8NcHRf-Z4U_lVxb" width="200">
+
+  - If done manually via command line, link branch to corresponding GitHub issue.
 
 1. Work on feature in your own branch.
 

From 02941e37ce17fff051d5147cffd44ce89983e38a Mon Sep 17 00:00:00 2001
From: Ka Hung Lee <lee.kahung414@gmail.com>
Date: Tue, 18 Jul 2023 15:52:31 -0700
Subject: [PATCH 304/304] Fixed pathing in Line 32

---
 docs/ZXing_barcode.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/ZXing_barcode.md b/docs/ZXing_barcode.md
index 047922518..d55394a09 100644
--- a/docs/ZXing_barcode.md
+++ b/docs/ZXing_barcode.md
@@ -29,7 +29,7 @@ To see the results on the Solid Client Server, navigate below to the Search Docu
 For developers new to a code base, often being pointed to where user interaction first interfaces with the code base is a good place to start. In the case of the barcode scanner functionality, this can be found within the UploadDocumentModal.jsx component within the src/components directory:
 
 ```
-src/components/Form/UploadDocumentModal.jsx
+src/components/Modals/UploadDocumentModal.jsx
 ```
 
 At the time of this writing, the line specific to uploading files can be found within the handler function within the UploadDocumentModal component, where the entry point of what happens when the user clicks on the "Upload file", as this triggers the handleFormSubmission function. This function in turn calls the makeHandleFormSubmission function found within the utils directory, where the majority of the barcode scanner logic lives: