authscape 1.0.55 → 1.0.60

package/.babelrc

@@ -1,3 +1,3 @@
-{
-    "presets": ["@babel/preset-react", "@babel/preset-env"]
+{
+    "presets": ["@babel/preset-react", "@babel/preset-env"]
 }

package/index.js

@@ -1,13 +1,51 @@
-import React, { Component } from 'react';
-
-export default class DummyComponent extends Component {
-
-    render () {
-
-        return (
-            <div>I am a dummy react npm module</div>
-        )
-
-    }
-
-}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+var DummyComponent =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(DummyComponent, _Component);
+
+  function DummyComponent() {
+    _classCallCheck(this, DummyComponent);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(DummyComponent).apply(this, arguments));
+  }
+
+  _createClass(DummyComponent, [{
+    key: "render",
+    value: function render() {
+      return _react.default.createElement("div", null, "I am a dummy react npm module");
+    }
+  }]);
+
+  return DummyComponent;
+}(_react.Component);
+
+exports.default = DummyComponent;

package/package.json

@@ -1,33 +1,24 @@
-{
-  "name": "authscape",
-  "version": "1.0.55",
-  "description": "",
-  "type": "module",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "zuechb",
-  "license": "ISC",
-  "dependencies": {
-    "@babel/cli": "^7.18.6",
-    "@babel/core": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
-    "@mui/icons-material": "^5.8.4",
-    "@mui/material": "^5.8.6",
-    "@stripe/react-stripe-js": "^1.9.0",
-    "@stripe/stripe-js": "^1.32.0",
-    "axios": "^0.27.2",
-    "js-file-download": "^0.4.12",
-    "next": "^12.1.6",
-    "next-cookies": "^2.0.3",
-    "nookies": "^2.5.2",
-    "querystring": "^0.2.1",
-    "react": "^18.2.0",
-    "react-data-table-component": "^7.5.2",
-    "react-dom": "^18.2.0"
-  }
-}
+{
+  "name": "authscape",
+  "version": "1.0.60",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "./node_modules/.bin/babel src --out-file index.js"
+  },
+  "author": "zuechb",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^16.6.1",
+    "react-dom": "^16.6.3"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.1.5",
+    "@babel/core": "^7.1.6",
+    "@babel/preset-env": "^7.1.6",
+    "@babel/preset-react": "^7.0.0",
+    "react": "^16.6.1",
+    "react-dom": "^16.6.3"
+  }
+}

package/readme.md

@@ -0,0 +1,13 @@
+Dummy react component
+====
+
+This will be a how to guide for your fellow developers
+
+```
+<DummyComponent />
+```
+
+etc
+===
+
+Thanks

package/src/index.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+export default class DummyComponent extends Component {
+
+    render () {
+
+        return (
+            <div>I am a dummy react npm module</div>
+        )
+
+    }
+
+}

package/components/Datatable.js

@@ -1,118 +0,0 @@
-import React, { Component } from 'react';
-import apiService from '../services/apiService';
-import DataTable, {createTheme} from "react-data-table-component";
-
-export default class Datatable extends Component {
-
-    static defaultProps = {
-        options: {}
-    }
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            pageNumber : 1,
-            pageLength : props.pageLength ? props.pageLength : 10,
-            data: [],
-            loading: false,
-            totalRows: 0
-        };
-    }
-
-    componentDidMount = async () => {
-        await this.GetDataFromUrl(this.state.pageNumber, this.state.pageLength, this.props.params);
-        createTheme('dataTable', {
-            text:{
-
-            }
-        })
-    }
-
-    reload = async (reset = false) => {
-      
-        if (reset === true)
-        {
-            this.setState({pageNumber: 1}, async () => {
-                await this.GetDataFromUrl(this.state.pageNumber, this.state.pageLength, this.props.params);
-            })
-        }
-        else
-        {
-            await this.GetDataFromUrl(this.state.pageNumber, this.state.pageLength, this.props.params);
-        }
-
-       
-    }
-
-    GetDataFromUrl = (page, length, postData = {}) => {
-
-        this.setState({
-            loading: true
-        }, async function () {
-
-            let data = postData;
-
-            data.offset = page;
-            data.length = length;
-
-            let response = null;
-            if (this.props.methodType == "get")
-            {
-                response = await apiService().get(this.props.url);
-            }
-            else
-            {
-                response = await apiService().post(this.props.url, postData);
-            }
-            
-            if (response != null && response.status === 200)
-            {
-                if (this.props.returnResult != null)
-                {
-                    this.props.returnResult(response.data.data);
-                }
-
-                this.setState({
-                    totalRows: response.data.recordsTotal,
-                    data: response.data.data,
-                    loading: false
-                });
-            }
-            else
-            {
-                //console.error(response.status + " - " + response.data);
-            }
-
-        });
-        
-    }
-
-    handlePageChange = async page => {
-        const { pageLength } = this.state;
-        this.setState({pageNumber: page});
-        await this.GetDataFromUrl(page, pageLength, this.props.params);
-    };
-
-    render() {
-
-        return (
-        <div>
-                <DataTable
-                    title={this.props.title}
-                    columns={this.props.columns}
-                    data={this.state.data}
-                    paginationRowsPerPageOptions={this.props.pageLength ? [this.props.pageLength] : [10]}
-                    progressPending={this.state.loading}
-                    customStyles={this.props.customStyles}
-                    paginationPerPage={this.props.pageLength ? this.props.pageLength : 10}
-                    paginationServer
-                    pagination
-                    paginationTotalRows={this.state.totalRows}
-                    // onChangeRowsPerPage={this.handlePerRowsChange}
-                    onChangePage={this.handlePageChange}
-                    noDataComponent={this.props.noDataComponent}
-                />
-        </div>);
-    }
-}

package/components/modals/payment/checkoutForm.js

@@ -1,55 +0,0 @@
-import React, {useState} from 'react';
-import Button from '@mui/material/Button';
-import {useStripe, useElements, PaymentElement} from '@stripe/react-stripe-js';
-import PaymentRoundedIcon from '@mui/icons-material/PaymentRounded';
-
-const CheckoutForm = () => {
-  const stripe = useStripe();
-  const elements = useElements();
-
-  const [errorMessage, setErrorMessage] = useState(null);
-
-  const handleSubmit = async (event) => {
-
-    // We don't want to let default form submission happen here,
-    // which would refresh the page.
-    event.preventDefault();
-
-    if (!stripe || !elements) {
-      // Stripe.js has not yet loaded.
-      // Make sure to disable form submission until Stripe.js has loaded.
-      return;
-    }
-
-    const {error} = await stripe.confirmPayment({
-      //`Elements` instance that was used to create the Payment Element
-      elements,
-      confirmParams: {
-        return_url: process.env.WebsiteBaseUri + '/confirmPayment?redirectUrl=' + encodeURIComponent(window.location.href),
-      },
-    });
-
-    if (error) {
-      // This point will only be reached if there is an immediate error when
-      // confirming the payment. Show error to your customer (for example, payment
-      // details incomplete)
-      setErrorMessage(error.message);
-    } else {
-      // Your customer will be redirected to your `return_url`. For some payment
-      // methods like iDEAL, your customer will be redirected to an intermediate
-      // site first to authorize the payment, then redirected to the `return_url`.
-
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit}>
-      <PaymentElement />
-      <Button startIcon={<PaymentRoundedIcon/>} type="submit" variant="contained" disabled={!stripe} sx={{marginTop:2}}>Pay Now</Button>
-      {/* Show error message to your customers */}
-      {errorMessage && <div>{errorMessage}</div>}
-    </form>
-  )
-};
-
-export default CheckoutForm;

package/components/modals/payment/confirmationModal.js

@@ -1,32 +0,0 @@
-import React from 'react';
-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';
-
-export default function confirmationModal({title, description, cancelClicked, okClicked, open = false, cancelTitle = "Cancel", okTitle = "OK"}) {
-    return (
-        <Dialog
-            open={open}
-            onClose={cancelClicked}
-            aria-labelledby="alert-dialog-title"
-            aria-describedby="alert-dialog-description">
-            <DialogTitle id="alert-dialog-title">
-                {title}
-            </DialogTitle>
-            <DialogContent>
-            <DialogContentText id="alert-dialog-description">
-                {description}
-            </DialogContentText>
-            </DialogContent>
-            <DialogActions>
-            <Button onClick={cancelClicked}>{cancelTitle}</Button>
-            <Button onClick={okClicked}>
-                {okTitle}
-            </Button>
-            </DialogActions>
-        </Dialog>
-    );
-}

package/components/modals/payment/paymentModal.js

@@ -1,220 +0,0 @@
-import React, {useEffect, useState} from 'react';
-import {Elements} from '@stripe/react-stripe-js';
-import {loadStripe} from '@stripe/stripe-js';
-import Box from '@mui/material/Box';
-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 CheckoutForm from './checkoutForm';
-import ApiService from 'authscape/services/apiService';
-import IconButton from '@mui/material/IconButton';
-import CloseIcon from '@mui/icons-material/Close';
-import Tabs from '@mui/material/Tabs';
-import Tab from '@mui/material/Tab';
-import Typography from '@mui/material/Typography';
-import Select from '@mui/material/Select';
-import MenuItem from '@mui/material/MenuItem';
-import Button from '@mui/material/Button';
-import PaymentRoundedIcon from '@mui/icons-material/PaymentRounded';
-import apiService from 'authscape/services/apiService';
-import Grid from '@mui/material/Grid';
-
-export default function PaymentModal({title, description, amount, priceId, setIsLoading, isOpen, invoiceId, onModalClose}) {
-
-    const stripePromise = loadStripe(process.env.stripePublicKey);
-    const [options, setOptions] = useState(null);
-    const [value, setValue] = React.useState(0);
-    const [paymentMethods, setPaymentMethods] = React.useState([]);
-    const [paymentMethod, setPaymentMethod] = React.useState(null);
-
-    const paymentMethodOpened = async () => {
-        let response = await ApiService().post("/StripePayment/ConnectCustomer", {
-            paymentRequestType: 3,
-            amount: amount,
-            priceId: priceId
-        });
-
-        setOptions({
-            clientSecret: response.data,
-        });
-
-        let responsePayments = await ApiService().get("/NCAInvoices/GetPaymentMethods");
-        if (responsePayments != null && responsePayments.status == 200)
-        {
-            setPaymentMethods(responsePayments.data);
-        }
-    }
-
-
-    useEffect(() => {
-
-        if (isOpen)
-        {
-            paymentMethodOpened();
-        }
-
-    }, [isOpen]);
-
-    const handleChange = (event, newValue) => {
-        setValue(newValue);
-    };
-
-    function a11yProps(index) {
-        return {
-          id: `simple-tab-${index}`,
-          'aria-controls': `simple-tabpanel-${index}`,
-        };
-    }
-
-    const PaymentMethod = ({id, last4, clicked}) => {
-        return (
-            <Box fullWidth={true} sx={{height: 160, width:"100%", marginTop:2, backgroundColor:"#2196F3", position:"relative", border: "1px solid #2196F3", borderRadius: 1, display:"flex", flexDirection:"column", justifyContent:"center", textAlign:"center", cursor:"pointer"}}
-                onClick={() => {
-                    clicked(id);
-                }}>
-                <Typography gutterBottom variant="body" component="div" sx={{fontSize:14, position:"absolute", left:15, top:10, color:"white"}}>
-                    Visa
-                </Typography>
-                <Typography gutterBottom variant="body" component="div" sx={{verticalAlign:"middle", fontSize:18, color:"white"}}>
-                    * * * * &nbsp; * * * * &nbsp; * * * * &nbsp; {last4}
-                </Typography>
-
-                <Grid container spacing={1} sx={{position:"absolute", bottom:8, marginLeft:0, width: "100%"}}>
-                    <Grid item xs={6} sx={{paddingLeft:2}}>
-                        <Typography gutterBottom variant="body" component="div" sx={{textAlign:"left", fontSize:12, marginTop:1, paddingLeft:1, color:"#e9e9e9"}}>
-                            CARD HOLDER
-                        </Typography>
-
-                        <Typography gutterBottom variant="body" component="div" sx={{textAlign:"left", fontSize:12, marginTop:"-9px", paddingLeft:1, color:"white" }}>
-                            Brandon Zuech
-                        </Typography>
-                    </Grid>
-                    <Grid item xs={6} sx={{textAlign:"right", paddingRight:2}}>
-                        <Typography gutterBottom variant="body" component="div" sx={{fontSize:12, marginLeft:2, marginTop:1, color:"#e9e9e9"}}>
-                            EXPIRES
-                        </Typography>
-
-                        <Typography gutterBottom variant="body" component="div" sx={{fontSize:12, marginLeft:2, marginTop:"-9px", color:"white"}}>
-                            08/21
-                        </Typography>
-                    </Grid>
-                </Grid>
-            </Box>
-        );
-    };
-
-    function TabPanel(props) {
-        const { children, value, index, ...other } = props;
-      
-        return (
-          <div
-            role="tabpanel"
-            hidden={value !== index}
-            id={`simple-tabpanel-${index}`}
-            aria-labelledby={`simple-tab-${index}`}
-            {...other}
-          >
-            {value === index && (
-              <Box sx={{ p: 3 }}>
-                <Typography>{children}</Typography>
-              </Box>
-            )}
-          </div>
-        );
-    }
-
-    return (
-            <Dialog
-                fullWidth={true}
-                maxWidth={"sm"}
-                open={isOpen}
-                onClose={() => onModalClose()}>
-                <DialogTitle>{title}
-                
-                    <IconButton
-                        aria-label="close"
-                        onClick={() => {
-                            
-                            onModalClose();
-                        }}
-                        sx={{
-                            position: 'absolute',
-                            right: 8,
-                            top: 8,
-                            color: (theme) => theme.palette.grey[500],
-                        }}>
-                        <CloseIcon />
-                    </IconButton>
-                </DialogTitle>
-                <DialogContent>
-                    {description}
-
-                    <Box sx={{ width: '100%' }}>
-                        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-                            <Tabs value={value} onChange={handleChange} aria-label="basic tabs example">
-                            <Tab label="Existing Payment Method" {...a11yProps(0)} />
-                            <Tab label="Add Payment Method" {...a11yProps(1)} />
-                            </Tabs>
-                        </Box>
-                        <TabPanel value={value} index={0}>
-                            
-                            <Select
-                                sx={{marginTop:4}}
-                                fullWidth={true}
-                                id="demo-simple-select"
-                                value={paymentMethod}
-                                onChange={(val) => {
-                                    setPaymentMethod(val.target.value);
-                                }}>
-                                    {paymentMethods != null && paymentMethods.map((paymentMethod) => {
-                                        return (
-                                        <MenuItem value={paymentMethod.id} fullWidth={true} sx={{width:"100%"}}>
-                                            <PaymentMethod id={paymentMethod.id} last4={paymentMethod.last4} clicked={() => {
-
-                                            }} />
-                                        </MenuItem>)
-                                    })}
-                            </Select>
-
-                            <Button startIcon={<PaymentRoundedIcon/>} type="submit" variant="contained" disabled={paymentMethod == null} sx={{marginTop:2}} onClick={async () => {
-
-                                setIsLoading(true);
-                                let response = await apiService().post("/NCAInvoices/PayInvoice", {
-                                    InvoiceId: invoiceId,
-                                    WalletId: paymentMethod
-                                });
-                                setIsLoading(false);
-
-                                if (response != null && response.status == 200)
-                                {
-                                    window.location.reload();
-                                }
-                                else
-                                {
-                                    alert("We had an issue with the payment method");
-                                }
-                                
-
-                            }}>Pay Now</Button>
-
-                        </TabPanel>
-                        <TabPanel value={value} index={1}>
-                            <div>
-                                <Box mt={4} mb={2}>
-                                    {options != null &&
-                                        <Elements stripe={stripePromise} options={options}>
-                                            <CheckoutForm />
-                                        </Elements>
-                                    }
-                                </Box>
-                            </div>
-                        </TabPanel>
-                    </Box>
-
-                </DialogContent>
-                <DialogActions>
-                </DialogActions>
-            </Dialog>
-    )
-}