authscape 1.0.622 → 1.0.626

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.622",
+  "version": "1.0.626",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -10,8 +10,6 @@
   "author": "zuechb",
   "license": "ISC",
   "peerDependencies": {
-    "@stripe/react-stripe-js": "^1.9.0",
-    "@stripe/stripe-js": "^1.32.0",
     "js-file-download": "^0.4.12",
     "nookies": "^2.5.2",
     "react-data-table-component": "^7.5.2",
@@ -28,14 +26,7 @@
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "@microsoft/signalr": "^8.0.0",
-    "@monaco-editor/react": "^4.5.1",
-    "@mui/x-data-grid": "^7.3.2",
-    "@mui/x-date-pickers": "^6.18.3",
-    "@stripe/react-stripe-js": "^1.9.0",
-    "@stripe/stripe-js": "^1.32.0",
     "axios": "^1.6.1",
-    "draft-js": "^0.11.7",
-    "draftjs-to-html": "^0.9.1",
     "eslint-config-next": "^14.1.0",
     "ga-4-react": "^0.1.281",
     "html2canvas": "^1.4.1",

package/src/components/AuthScapeApp.js

@@ -1,6 +1,6 @@
 import React, {useState, useRef, useEffect} from 'react';
 import { ToastContainer, toast } from 'react-toastify';
-import { ThemeProvider } from '@mui/material/styles';
+import ThemeProvider from '@mui/material/styles/ThemeProvider';
 import Head from "next/head";
 import { useSearchParams, usePathname } from 'next/navigation';
 import axios from 'axios';

package/src/components/EditableDatagrid.js

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from 'react';
 import { DataGrid, GridActionsCellItem } from "@mui/x-data-grid";
-import { Box } from '@mui/material';
+import Box from '@mui/material/Box';
 
 export const EditableDatagrid = ({url = null, eRows = null, columns, isCellEditable = null, onCellClick = null, onCellEdited = null, params = null, sx = {}, height="50vh", pageSize = 50, rowsPerPage  = [25, 50, 100], rowHeight = 70, key = null, onRowClick = null}) => {
 

package/src/components/FileUploader.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from "react";
 import LinearProgress from "@mui/material/LinearProgress";
-import { Box } from "@mui/system";
-import { Grid } from "@mui/material";
+import Box from "@mui/system/Box";
+import Grid from "@mui/material/Grid";
 import FileCopyRoundedIcon from "@mui/icons-material/FileCopyRounded";
 import UploadRoundedIcon from "@mui/icons-material/UploadRounded";
 import Typography from "@mui/material/Typography";

package/src/components/GoogleMapsAutoComplete.js

@@ -1,15 +1,13 @@
 import React, { useState, useRef, useEffect } from "react";
-import Button from "@mui/material/Button";
-import { Box } from "@mui/system";
+import Box from "@mui/system/Box";
 import TextField from "@mui/material/TextField";
 import Grid from "@mui/material/Grid";
-import Script from 'next/script';
-import { MenuItem, MenuList } from "@mui/material";
+import MenuList from "@mui/material/MenuList";
+import MenuItem from "@mui/material/MenuItem";
 import ListItemIcon from '@mui/material/ListItemIcon';
 import LocationOnRoundedIcon from '@mui/icons-material/LocationOnRounded';
 import ListItemText from '@mui/material/ListItemText';
 import useOnclickOutside from "react-cool-onclickoutside";
-import { useForm, Controller, useFieldArray } from "react-hook-form";
 import Stack from "@mui/material/Stack";
 
 import usePlacesAutocomplete, {

package/src/components/PlansAndPricing.js

@@ -1,6 +1,8 @@
-import React, {useEffect, useState} from 'react';
+import React from 'react';
 import { Box } from '@mui/system';
-import { Grid, Button, Typography, duration } from '@mui/material';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
 import ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded';
 import InputLabel from '@mui/material/InputLabel';
 import MenuItem from '@mui/material/MenuItem';

package/src/components/RichTextEditor.js

@@ -2,7 +2,8 @@ import React, { useState, useEffect } from "react";
 import { convertToRaw, EditorState, ContentState, convertFromHTML } from "draft-js";
 import draftToHtml from "draftjs-to-html";
 import dynamic from 'next/dynamic';
-import { Box, Button } from "@mui/material";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
 
 const Editor = dynamic(
     () => import('react-draft-wysiwyg').then(mod => mod.Editor),

package/src/components/dropzone.js

@@ -1,5 +1,5 @@
 import { AspectRatio } from '@mui/icons-material';
-import { Box } from '@mui/material';
+import Box from '@mui/material/Box';
 import React, {useMemo} from 'react';
 import {useDropzone} from 'react-dropzone';
 

package/src/components/spreadsheet/spreadsheetViewer.js

@@ -1,13 +1,20 @@
-import { Box, Button, List, ListItem, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from '@mui/material';
 import React, { useEffect, useState, useRef, useImperativeHandle, forwardRef } from 'react';
-import { ReactGrid, Column, Row } from "@silevis/reactgrid";
-// import { apiService } from 'authscape';
+
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import List from '@mui/material/List';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import { ReactGrid } from "@silevis/reactgrid";
 import {isMacOs} from 'react-device-detect';
 import * as signalR from '@microsoft/signalr';
 import Avatar from '@mui/material/Avatar';
 import Stack from '@mui/material/Stack';
 import Tooltip from '@mui/material/Tooltip';
-
 import AppBar from '@mui/material/AppBar';
 import Toolbar from '@mui/material/Toolbar';
 import VisibilityOffRoundedIcon from '@mui/icons-material/VisibilityOffRounded';
@@ -16,14 +23,12 @@ import SwapVertRoundedIcon from '@mui/icons-material/SwapVertRounded';
 import LineWeightRoundedIcon from '@mui/icons-material/LineWeightRounded';
 import PivotTableChartRoundedIcon from '@mui/icons-material/PivotTableChartRounded';
 import ViewWeekRoundedIcon from '@mui/icons-material/ViewWeekRounded';
-
 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 TextField from '@mui/material/TextField';
-
 import {DndContext} from '@dnd-kit/core';
 import {SortableContext} from '@dnd-kit/sortable';
 // import { SortableColumn } from './Mapping/sortableColumn';

package/src/components/stripe/StripePayment.js

@@ -3,7 +3,14 @@ import {Elements, useStripe, useElements, PaymentElement} from '@stripe/react-st
 import {loadStripe} from '@stripe/stripe-js';
 import PaymentRoundedIcon from '@mui/icons-material/PaymentRounded';
 import Typography from '@mui/material/Typography';
-import { Select, Grid, MenuItem, Box, Button, Tab, Tabs, TextField } from '@mui/material';
+import Select from '@mui/material/Select';
+import Grid from '@mui/material/Grid';
+import MenuItem from '@mui/material/MenuItem';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Tab from '@mui/material/Tab';
+import Tabs from '@mui/material/Tabs';
+import TextField from '@mui/material/TextField';
 
   const CheckoutForm = ({payButtonText, invoiceId, clientSecret, currentUser, paymentMethodType, walletId, onResponse, amount}) => {
 

package/src/components/mapping/assignMapping.js

@@ -1,237 +0,0 @@
-import React, {useEffect, useState, useRef} from 'react';
-import { Box } from '@mui/system';
-// import { apiService } from 'authscape';
-// import MappedColumn from './MappedColumn';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import { Button, Grid } from '@mui/material';
-// import ConditionBasedTool from './conditionBasedTool';
-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 SpreadsheetViewer from '../spreadsheetViewer';
-import CloseIcon from '@mui/icons-material/Close';
-import IconButton from '@mui/material/IconButton';
-import ArrowRightAltRoundedIcon from '@mui/icons-material/ArrowRightAltRounded';
-
-export function AssignMapping({currentUser, documentComponentId, setIsLoading = null, onCancel = null, onPublished = null}) {
-
-    const [documentId, setDocumentId] = useState(documentComponentId);
-
-    const [fromColumnOptions, setFromColumnOptions] = useState(null);
-    const [toColumnOptions, setToColumnOptions] = useState(null);
-    const [documentType, setDocumentType] = useState(null);
-    const [documentName, setDocumentName] = useState(null);
-    const [urlTick, setURLTick] = useState(1);
-    const [spreadSheetAddress, setSpreadSheetAddress] = useState(null);
-    const [showPreviewDialog, setShowPreviewDialog] = useState(false);
-
-    const [advanceQuery, setAdvanceQuery] = useState(null);
-
-    const spreadSheetRef = useRef(null);
-
-
-    const fetchMappingTo = async () => {
-
-        let response = await apiService().get("/DocumentMapping/GetMappedDynamicFieldsForCompany?companyId=" + currentUser.companyId + "&documentId=" + documentComponentId);
-        if (response != null)
-        {
-            setToColumnOptions(response.data);
-        }
-    }
-
-    const fetchMappingFrom = async () => {
-        let response = await apiService().post("/DocumentMapping/GetMapping", {
-            documentComponentId: documentComponentId,
-            companyId: currentUser.companyId
-        });
-        if (response != null)
-        {
-            setFromColumnOptions(response.data.documentMappings);
-            setDocumentName(response.data.name);
-            setDocumentType(response.data.documentType);
-        }
-    }
-
-    useEffect(() => {
-
-        if (documentComponentId != null)
-        {
-            if (setIsLoading != null)
-            {
-                setIsLoading(true);
-            }
-
-            setSpreadSheetAddress("/DocumentMappingPreview/PreviewMappedData?companyId=" + currentUser.companyId + "&documentComponentId=" + documentComponentId);
-
-            const fetchData = async () => {
-                await fetchMappingFrom();
-                await fetchMappingTo();
-
-
-                if (setIsLoading != null)
-                {
-                    setIsLoading(false);
-                }
-            }
-
-            fetchData();
-
-        }
-
-    }, [documentComponentId])
-
-    return (
-        <Box>
-            <Container maxWidth="xl" sx={{marginTop:2}}>
-                <Grid container spacing={2}>
-                    <Grid item xs={6}>
-                        <Box sx={{position:"sticky", top:20}}>
-                            <Typography variant="h4" gutterBottom sx={{paddingBottom:2}}>
-                                File Uploaded: <br/> {documentName}
-                            </Typography>
-
-                            <Typography variant="subtitle1" gutterBottom sx={{paddingBottom:2}}>
-                                You have {fromColumnOptions != null && fromColumnOptions.length} columns that can be created or mapped
-                            </Typography>
-
-                            <Button variant="outlined" sx={{marginRight:2}} onClick={async () => {
-
-                                if (onCancel != null)
-                                {
-                                    onCancel();
-                                }
-
-                            }}>Cancel</Button>
-
-                            <Button variant="contained" endIcon={<ArrowRightAltRoundedIcon/>} sx={{marginRight:2}} onClick={() => {
-
-                                setShowPreviewDialog(true);
-
-                            }}>Next, Preview your mapping</Button>
-
-                        </Box>
-                    </Grid>
-
-                    <Grid item xs={5}>
-                    {fromColumnOptions != null && fromColumnOptions.map((column) => {
-                        return (
-                            <Box>
-                                
-                                <MappedColumn companyId={currentUser.companyId} documentId={documentId} documentType={documentType} documentMappingId={column.id} name={column.name} toName={column.toName} isMapped={(column.toName == null || column.toName == "") ? true : false} toOptions={toColumnOptions} onResponse={() => {
-
-                                    fetchMappingFrom();
-                                    fetchMappingTo();
-
-                                }} />
-                            
-                            </Box>
-                        )
-                    })}
-                    </Grid>
-                </Grid>
-            </Container>
-
-            <Dialog
-                open={showPreviewDialog}
-                onClose={() => {
-                    setShowPreviewDialog(false);
-                }}
-                fullWidth={true}
-                maxWidth={"xl"}
-                aria-labelledby="alert-dialog-title"
-                aria-describedby="alert-dialog-description">
-                <DialogTitle id="alert-dialog-title" sx={{fontSize:"25px", paddingTop:4}}>
-                {"Preview your mapping"}
-                </DialogTitle>
-
-                <Box sx={{paddingLeft:3}}>
-                    Ensure that the data uploaded is accurately mapped and all (Required) fields are completed.
-                </Box>
-
-                <IconButton
-                    aria-label="close"
-                    onClick={() => {
-                        setShowPreviewDialog(false);
-                    }}
-                    sx={{
-                        position: 'absolute',
-                        right: 8,
-                        top: 8,
-                        color: (theme) => theme.palette.grey[500],
-                    }}
-                    >
-                    <CloseIcon />
-                </IconButton>
-
-                <DialogContent>
-
-                    <Box sx={{paddingBottom:1}}>
-                        <ConditionBasedTool toColumnOptions={toColumnOptions} documentId={documentId} onConditionApplied={(currentQuery) => {
-
-                            let incrementNum = urlTick + 1;
-                            setURLTick(incrementNum);
-
-                            setAdvanceQuery(currentQuery);
-
-                            // setSpreadSheetAddress("/DocumentMappingPreview/PreviewMappedData?companyId=" + currentUser.companyId + "&documentComponentId=" + documentComponentId + "&tick=" + incrementNum);
-
-                        }} />
-                    </Box>
-                    
-                    {spreadSheetAddress != null &&
-                        <SpreadsheetViewer ref={spreadSheetRef} url={spreadSheetAddress} advanceQuery={advanceQuery} currentUser={currentUser} hideToolbar={true} loadedUser={true} />
-                    }
-
-                </DialogContent>
-                <DialogActions>
-                <Button onClick={() => {
-
-                    setShowPreviewDialog(false);
-
-                }}>Cancel</Button>
-                <Button variant="contained" onClick={async () => {
-
-                    if (setIsLoading != null)
-                    {
-                        setIsLoading(true);
-                    }
-
-                    let publishedRows = spreadSheetRef.current.getRows();
-
-                    let response = await apiService().post("/DocumentMapping/Publish", {
-                        companyId: currentUser.companyId,
-                        documentId: documentId,
-                        publishedRows: publishedRows
-                    });
-
-                    if (response != null && response.status == 200)
-                    {
-                        setShowPreviewDialog(false);
-
-                        if (onPublished != null)
-                        {
-                            onPublished();
-                        }
-                    }
-                    else
-                    {
-                        alert(JSON.stringify(response.data));
-                    }
-
-                    if (setIsLoading != null)
-                    {
-                        setIsLoading(false);
-                    }
-
-                }}>
-                    Publish
-                </Button>
-                </DialogActions>
-            </Dialog>
-
-
-        </Box>
-    )
-}

package/src/components/mapping/conditionBasedTool.js

@@ -1,99 +0,0 @@
-
-import React, {useEffect, useState, useRef} from 'react';
-// import { apiService, FileUploader} from 'authscape';
-import Button from '@mui/material/Button';
-import { Box } from '@mui/system';
-import Accordion from '@mui/material/Accordion';
-import AccordionSummary from '@mui/material/AccordionSummary';
-import AccordionDetails from '@mui/material/AccordionDetails';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { QueryBuilder } from 'react-querybuilder';
-
-
-export function ConditionBasedTool({toColumnOptions, documentId, onConditionApplied}) {
-
-    const [currentQuery, setCurrentQuery] = useState(null);
-
-    // const fields = [
-    //     { name: 'firstName', label: 'First Name' },
-    //     { name: 'lastName', label: 'Last Name' }
-    // ];
-
-    useEffect(() => {
-
-        if (documentId != null)
-        {
-            const fetchData = async () => {
-                let response = await apiService().get("/DocumentMapping/GetRules?documentComponentId=" + documentId);
-                if (response != null && response.status == 200)
-                {
-                    if (response.data != null && response.data != "")
-                    {
-                        setCurrentQuery(response.data);
-                    }
-                    else
-                    {
-                        setCurrentQuery(null);
-                    }
-                }
-            }
-            fetchData();
-        }
-        
-
-    }, [documentId]);
-
-    const getFields = () => {
-
-        let fields = [];
-
-        for (let index = 0; index < toColumnOptions.length; index++) {
-            const toColumn = toColumnOptions[index];
-
-            if (toColumn.isMapped) // only show filters that are mapped
-            {
-                fields.push({ name: toColumn.name, label: toColumn.visibleName });
-            }
-        }
-
-        return fields;
-    }
-
-    const customOperators = [
-        { name: 'contains', label: 'Contains' },
-        { name: 'notContains', label: 'Does not contain' },
-    ];
-
-    return (
-        <>
-            <Box>
-                <Accordion>
-                    <AccordionSummary
-                    expandIcon={<ExpandMoreIcon />}
-                    aria-controls="panel1-content"
-                    id="panel1-header">
-                    Advance filtering
-                    </AccordionSummary>
-                    <AccordionDetails>
-                        <QueryBuilder fields={getFields()} operators={customOperators} query={currentQuery} onQueryChange={setCurrentQuery} />
-
-                        <Button variant="contained" sx={{marginTop:1}} onClick={async () => {
-
-                            let response = await apiService().put("/DocumentMapping/ApplyFilterForViewer", {
-                                documentComponentId: documentId,
-                                rules: JSON.stringify(currentQuery)
-                            });
-
-                            if (response != null && response.status == 200)
-                            {
-                                onConditionApplied(currentQuery);
-                            }
-
-                        }}>Apply Filter</Button>
-                    </AccordionDetails>
-                </Accordion>
-
-            </Box>
-        </>
-    )
-}