authscape 1.0.592 → 1.0.596

package/index.js

@@ -188,7 +188,7 @@ function AuthScapeApp(_ref) {
     return _initGA.apply(this, arguments);
   }
   var logEvent = function logEvent(category, action, label) {
-    if (ga4React != null) {
+    if (ga4React != null && ga4React.current != null && ga4React != "") {
       ga4React.current.event(action, label, category);
     }
     if (process.env.enableDatabaseAnalytics == "true") {
@@ -251,7 +251,7 @@ function AuthScapeApp(_ref) {
       }
       databaseDrivenPageView(window.location.pathname);
       _router["default"].events.on('routeChangeComplete', function () {
-        if (ga4React != null) {
+        if (ga4React != null && ga4React != "") {
           try {
             ga4React.current.pageview(window.location.pathname);
           } catch (exp) {}
@@ -308,7 +308,7 @@ function AuthScapeApp(_ref) {
     setIsLoadingShow(isLoading);
   };
   var logPurchase = function logPurchase(transactionId, amount, tax, items) {
-    if (ga4React != null) {
+    if (ga4React != null && ga4React != "") {
       ga4React.current.gtag("event", "purchase", {
         transaction_id: transactionId,
         value: amount,
@@ -1504,6 +1504,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Dropzone = void 0;
+var _iconsMaterial = require("@mui/icons-material");
 var _material = require("@mui/material");
 var _react = _interopRequireWildcard(require("react"));
 var _reactDropzone = require("react-dropzone");
@@ -1544,6 +1545,8 @@ var rejectStyle = {
 var Dropzone = function Dropzone(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "Drag 'n' drop some files here, or click to select files" : _ref$text,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
     _ref$styleOverride = _ref.styleOverride,
     styleOverride = _ref$styleOverride === void 0 ? null : _ref$styleOverride,
     _ref$onDrop = _ref.onDrop,
@@ -1587,7 +1590,18 @@ var Dropzone = function Dropzone(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_material.Box, getRootProps({
     style: style
-  }), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), /*#__PURE__*/_react["default"].createElement(_material.Box, null, text)));
+  }), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), /*#__PURE__*/_react["default"].createElement(_material.Box, {
+    sx: {
+      paddingBottom: 1
+    }
+  }, image != null && /*#__PURE__*/_react["default"].createElement("img", {
+    src: image,
+    width: 200,
+    height: 200,
+    style: {
+      objectFit: "contain"
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_material.Box, null, text)));
 };
 exports.Dropzone = Dropzone;
 "use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.592",
+  "version": "1.0.596",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/AuthScapeApp.js

@@ -128,7 +128,7 @@ export function AuthScapeApp ({Component, layout, loadingLayout, pageProps, muiT
 
     const logEvent = (category, action, label) => {
   
-        if (ga4React != null)
+        if (ga4React != null && ga4React.current != null && ga4React != "")
         {
             ga4React.current.event(action, label, category);
         }
@@ -216,7 +216,7 @@ export function AuthScapeApp ({Component, layout, loadingLayout, pageProps, muiT
             databaseDrivenPageView(window.location.pathname);
             Router.events.on('routeChangeComplete', () => {
 
-                if (ga4React != null)
+                if (ga4React != null && ga4React != "")
                 {
                     try
                     {
@@ -277,7 +277,7 @@ export function AuthScapeApp ({Component, layout, loadingLayout, pageProps, muiT
 
     const logPurchase = (transactionId, amount, tax, items) => {
         
-        if (ga4React != null)
+        if (ga4React != null && ga4React != "")
         {
             ga4React.current.gtag("event", "purchase", {
                 transaction_id: transactionId,

package/src/components/dropzone.js

@@ -1,3 +1,4 @@
+import { AspectRatio } from '@mui/icons-material';
 import { Box } from '@mui/material';
 import React, {useMemo} from 'react';
 import {useDropzone} from 'react-dropzone';
@@ -32,7 +33,7 @@ const rejectStyle = {
   borderColor: '#ff1744'
 };
 
-export const Dropzone = ({text = "Drag 'n' drop some files here, or click to select files", styleOverride = null, onDrop = null, maxFiles = 1, multiple = false, accept = {
+export const Dropzone = ({text = "Drag 'n' drop some files here, or click to select files", image = null, styleOverride = null, onDrop = null, maxFiles = 1, multiple = false, accept = {
   'image/*': []
 }}) => {
 
@@ -82,6 +83,11 @@ export const Dropzone = ({text = "Drag 'n' drop some files here, or click to sel
     <Box className="container" sx={{cursor:"pointer"}}>
       <Box {...getRootProps({style})}>
         <input {...getInputProps()} />
+        <Box sx={{paddingBottom:1}}>
+          {image != null &&
+            <img src={image} width={200} height={200} style={{objectFit: "contain"}} />
+          }
+        </Box>
         <Box>{text}</Box>
       </Box>
     </Box>