Merge pull request #45 from datatrans/update-dependencies

update dependencies and fix problems

Author: pstadler

react-example-init/package-lock.json

@@ -2,7 +2,6 @@
   "name": "react-example-payment",
   "version": "1.0.0",
   "description": "",
-  "main": "index.js",
   "scripts": {
     "start": "npx parcel index.html"
   },

react-example-init/package.json

@@ -1,20 +1,20 @@
-import AMX from '../../../assets/img/brands/AMX.svg'
-import CUP from '../../../assets/img/brands/CUP.svg'
-import DIN from '../../../assets/img/brands/DIN.svg'
-import DIS from '../../../assets/img/brands/DIS.svg'
-import DNK from '../../../assets/img/brands/DNK.svg'
-import ECA from '../../../assets/img/brands/ECA.svg'
-import ELO from '../../../assets/img/brands/ELO.svg'
-import JCB from '../../../assets/img/brands/JCB.svg'
-import MAU from '../../../assets/img/brands/MAU.svg'
-import UAP from '../../../assets/img/brands/UAP.svg'
-import VIS from '../../../assets/img/brands/VIS.svg'
-import VPY from '../../../assets/img/brands/VPY.svg'
-import cardEmpty from '../../../assets/img/card-empty.svg'
-import cardError from '../../../assets/img/card-error.svg'
-import cardRecognized from '../../../assets/img/card-recognized.svg'
-import cvcEmpty from '../../../assets/img/cvc-empty.svg'
-import cvcError from '../../../assets/img/cvc-error.svg'
+import AMX from 'url:../../../assets/img/brands/AMX.svg'
+import CUP from 'url:../../../assets/img/brands/CUP.svg'
+import DIN from 'url:../../../assets/img/brands/DIN.svg'
+import DIS from 'url:../../../assets/img/brands/DIS.svg'
+import DNK from 'url:../../../assets/img/brands/DNK.svg'
+import ECA from 'url:../../../assets/img/brands/ECA.svg'
+import ELO from 'url:../../../assets/img/brands/ELO.svg'
+import JCB from 'url:../../../assets/img/brands/JCB.svg'
+import MAU from 'url:../../../assets/img/brands/MAU.svg'
+import UAP from 'url:../../../assets/img/brands/UAP.svg'
+import VIS from 'url:../../../assets/img/brands/VIS.svg'
+import VPY from 'url:../../../assets/img/brands/VPY.svg'
+import cardEmpty from 'url:../../../assets/img/card-empty.svg'
+import cardError from 'url:../../../assets/img/card-error.svg'
+import cardRecognized from 'url:../../../assets/img/card-recognized.svg'
+import cvcEmpty from 'url:../../../assets/img/cvc-empty.svg'
+import cvcError from 'url:../../../assets/img/cvc-error.svg'
 
 const ICON_MAP = {
   'card-empty': cardEmpty,

react-example-init/src/securefields/icon.js

@@ -20,8 +20,8 @@ export function SecureFields({
   onError
 }) {
   const [secureFields, setSecureFields] = useState()
-  const [expm, setExpm] = useState()
-  const [expy, setExpy] = useState()
+  const [expm, setExpm] = useState('')
+  const [expy, setExpy] = useState('')
   const [error, setError] = useState()
   const [cardIcon, setCardIcon] = useState('card-empty')
   const [cvvIcon, setCvvIcon] = useState('cvv-empty')
@@ -101,7 +101,6 @@ export function SecureFields({
       })
 
       secureFields.on('error', data => {
-        console.error(data)
         setError(data)
         onError(data)
         setIsLoading(false)
@@ -196,7 +195,11 @@ export function SecureFields({
         Submit
       </button>
 
-      {error && <p className='bg-red-400 p-2 mt-4 text-white'>{error}</p>}
+      {error && (
+        <p className='bg-red-400 p-2 mt-4 text-white'>
+          {typeof error === 'string' ? error : JSON.stringify(error)}
+        </p>
+      )}
     </form>
   )
 }