authscape 1.0.572 → 1.0.574

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.572",
+  "version": "1.0.574",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -29,9 +29,7 @@
     "@emotion/styled": "^11.11.0",
     "@microsoft/signalr": "^8.0.0",
     "@monaco-editor/react": "^4.5.1",
-    "@mui/icons-material": "^5.15.10",
-    "@mui/material": "^5.15.10",
-    "@mui/x-data-grid": "^5.17.26",
+    "@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",

package/src/components/stripe/StripePayment.js

@@ -212,7 +212,7 @@ import { Select, Grid, MenuItem, Box, Button, Tab, Tabs, TextField } from '@mui/
     )
   };
 
-  export default function StripePayment({loadedUser, amount = null, priceId = null, stripeCustomerId = null, logOffUserName, invoiceId = null, logOffEmail, paymentMethodType = 3, currentUser, onResponse, payButtonText = null}) {
+  export default function StripePayment({amount = null, priceId = null, stripeCustomerId = null, logOffUserName, invoiceId = null, logOffEmail, paymentMethodType = 3, currentUser, onResponse, payButtonText = null}) {
 
     const stripePromise = loadStripe(process.env.stripePublicKey);
     const [options, setOptions] = useState(null);
@@ -269,12 +269,9 @@ import { Select, Grid, MenuItem, Box, Button, Tab, Tabs, TextField } from '@mui/
 
     useEffect(() => {
 
-        if (loadedUser)
-        {
-            paymentMethodOpened();
-        }
+      paymentMethodOpened();
 
-    }, [loadedUser]);
+    }, []);
 
     const handleChange = (event, newValue) => {
         setValue(newValue);

package/src/components/kanban/Action.js

@@ -1,25 +0,0 @@
-import React, {forwardRef, CSSProperties} from 'react';
-// import classNames from 'classnames';
-
-export const Action = forwardRef(
-  ({active, className, cursor, icon, style, ...props}, ref) => {
-    return (
-      <button
-        ref={ref}
-        {...props}
-        className={"Action"}
-        tabIndex={0}
-        style={
-          {
-            ...style,
-            cursor,
-            '--fill': active?.fill,
-            '--background': active?.background,
-          }
-        }
-      >
-        {icon()}
-      </button>
-    );
-  }
-);

package/src/components/kanban/Container.js

@@ -1,77 +0,0 @@
-import React, {forwardRef} from 'react';
-import classNames from 'classnames';
-
-/// use in testing
-// import { Handle } from './Handle';
-// import { Remove } from './Remove';
-
-
-export const Container = forwardRef(
-  (
-    {
-      children,
-      columns = 1,
-      handleProps,
-      horizontal,
-      hover,
-      onClick,
-      containerStyles,
-      onRemove,
-      label,
-      placeholder,
-      style,
-      scrollable,
-      shadow,
-      disableHandle = false,
-      disableDelete = false,
-      unstyled,
-      ...props
-    },
-    ref
-  ) => {
-    const Component = onClick ? 'button' : 'div';
-
-    return (
-      <Component
-        {...props}
-        ref={ref}
-        style={
-          {
-            ...style,
-            '--columns': columns,
-          }
-        }
-        className={classNames(
-          containerStyles.Container,
-          unstyled && containerStyles.unstyled,
-          horizontal && containerStyles.horizontal,
-          hover && containerStyles.hover,
-          placeholder && containerStyles.placeholder,
-          scrollable && containerStyles.scrollable,
-          shadow && containerStyles.shadow
-        )}
-        onClick={onClick}
-        tabIndex={onClick ? 0 : undefined}
-      >
-        {label ? (
-          <div className={"Header"}>
-            {label}
-            <div className={"Actions"}>
-
-              {!disableDelete &&
-                <>
-                  {onRemove ? <Remove onClick={onRemove} /> : undefined}
-                </>
-              }
-
-              {!disableHandle &&
-                <Handle {...handleProps} />
-              }
-            </div>
-          </div>
-        ) : null}
-        {placeholder ? children : <ul style={{paddingLeft:"10px", paddingRight:"10px", marginTop:"5px"}}>{children}</ul>}
-      </Component>
-    );
-  }
-);

package/src/components/kanban/Handle.js

@@ -1,24 +0,0 @@
-import React, {forwardRef} from 'react';
-import DragIndicatorRoundedIcon from '@mui/icons-material/DragIndicatorRounded';
-
-/// use in testing
-// import {Action} from './Action';
-
-const dragIcon = () => {
-  return <DragIndicatorRoundedIcon/>
-}
-
-export const Handle = forwardRef(
-  (props, ref) => {
-    return (
-      <Action
-        icon={dragIcon}
-        ref={ref}
-        cursor="grab"
-        data-cypress="draggable-handle"
-        {...props}
-      >
-      </Action>
-    );
-  }
-);

package/src/components/kanban/Item.js

@@ -1,149 +0,0 @@
-import React, {useEffect} from 'react';
-import classNames from 'classnames';
-
-/// use in testing
-// import { Handle } from './Handle';
-// import { Remove } from './Remove';
-
-// import styles from './dist/Item.module.css';
-import { Box } from '@mui/material';
-
-export const Item = React.memo(
-  React.forwardRef(
-    (
-      {
-        color,
-        dragOverlay,
-        dragging,
-        disabled,
-        fadeIn,
-        name,
-        handle,
-        handleProps,
-        height,
-        itemStyles,
-        cardDetail,
-        CardTemplate,
-        index,
-        listeners,
-        onRemove,
-        onCardClicked,
-        renderItem,
-        sorting,
-        style,
-        transition,
-        transform,
-        value,
-        handleMoreClick,
-        handleMoreClose,
-        wrapperStyle,
-        ...props
-      },
-      ref
-    ) => {
-      useEffect(() => {
-        if (!dragOverlay) {
-          return;
-        }
-
-        document.body.style.cursor = 'grabbing';
-
-        return () => {
-          document.body.style.cursor = '';
-        };
-      }, [dragOverlay]);
-
-      cardDetail.moreClicked = handleMoreClick;
-
-      return renderItem ? (
-        renderItem({
-          dragOverlay: Boolean(dragOverlay),
-          dragging: Boolean(dragging),
-          sorting: Boolean(sorting),
-          index,
-          fadeIn: Boolean(fadeIn),
-          listeners,
-          ref,
-          style,
-          transform,
-          transition,
-          value,
-        })
-      ) : (
-        <li
-          className={classNames(
-            itemStyles.Wrapper,
-            fadeIn && itemStyles.fadeIn,
-            sorting && itemStyles.sorting,
-            dragOverlay && itemStyles.dragOverlay
-          )}
-          style={
-            {
-              ...wrapperStyle,
-              transition: [transition, wrapperStyle?.transition]
-                .filter(Boolean)
-                .join(', '),
-              '--translate-x': transform
-                ? `${Math.round(transform.x)}px`
-                : undefined,
-              '--translate-y': transform
-                ? `${Math.round(transform.y)}px`
-                : undefined,
-              '--scale-x': transform?.scaleX
-                ? `${transform.scaleX}`
-                : undefined,
-              '--scale-y': transform?.scaleY
-                ? `${transform.scaleY}`
-                : undefined,
-              '--index': index,
-              '--color': color,
-              paddingTop:"10px"
-            }
-          }
-          ref={ref}
-        >
-          <Box
-            className={classNames(
-              itemStyles.Item,
-              dragging && itemStyles.dragging,
-              handle && itemStyles.withHandle,
-              dragOverlay && itemStyles.dragOverlay,
-              disabled && itemStyles.disabled,
-              color && itemStyles.color
-            )}
-            onClick={(e) => {
-              if (onCardClicked != null)
-              {
-                e.stopPropagation();
-                onCardClicked(value);
-              }
-            }}
-            style={style}
-            data-cypress="draggable-item"
-            {...(!handle ? listeners : undefined)}
-            {...props}
-            tabIndex={!handle ? 0 : undefined}>
-
-              
-            {CardTemplate != null &&
-             <CardTemplate props={cardDetail} />
-            }
-
-            {CardTemplate == null &&
-              <Box>
-              {name}
-              </Box>
-            }
-
-            <span className={"Actions"}>
-              {onRemove ? (
-                <Remove className={"Remove"} onClick={onRemove} />
-              ) : null}
-              {handle ? <Handle {...handleProps} {...listeners} /> : null}
-            </span>
-          </Box>
-        </li>
-      );
-    }
-  )
-);