+ {R.isEmpty(data) && (
+
+
+ )
+}
+
+export default Upload
diff --git a/new-lamassu-admin/src/pages/Customers/components/index.js b/new-lamassu-admin/src/pages/Customers/components/index.js
index a8b7b184..5e52dd81 100644
--- a/new-lamassu-admin/src/pages/Customers/components/index.js
+++ b/new-lamassu-admin/src/pages/Customers/components/index.js
@@ -1,9 +1,12 @@
+import Wizard from '../Wizard'
+
import CustomerDetails from './CustomerDetails'
import CustomerSidebar from './CustomerSidebar'
import EditableCard from './EditableCard'
import Field from './Field'
import IdDataCard from './IdDataCard'
import TransactionsList from './TransactionsList'
+import Upload from './Upload'
export {
CustomerDetails,
@@ -11,5 +14,7 @@ export {
TransactionsList,
CustomerSidebar,
Field,
- EditableCard
+ EditableCard,
+ Wizard,
+ Upload
}
diff --git a/new-lamassu-admin/src/pages/Customers/helper.js b/new-lamassu-admin/src/pages/Customers/helper.js
index 849f898e..a5d776cc 100644
--- a/new-lamassu-admin/src/pages/Customers/helper.js
+++ b/new-lamassu-admin/src/pages/Customers/helper.js
@@ -1,5 +1,41 @@
+import { makeStyles, Box } from '@material-ui/core'
+import classnames from 'classnames'
+import { Field, useFormikContext } from 'formik'
import { parsePhoneNumberFromString } from 'libphonenumber-js'
import * as R from 'ramda'
+import * as Yup from 'yup'
+
+import { RadioGroup, TextInput } from 'src/components/inputs/formik'
+import { H4 } from 'src/components/typography'
+import { errorColor } from 'src/styling/variables'
+
+import { Upload } from './components'
+
+const useStyles = makeStyles({
+ radio: {
+ padding: 4,
+ margin: 4
+ },
+ radioGroup: {
+ flexDirection: 'row'
+ },
+ error: {
+ color: errorColor
+ },
+ specialLabel: {
+ height: 40,
+ padding: 0,
+ width: 250
+ },
+ label: {
+ height: 40,
+ padding: 0
+ },
+ specialGrid: {
+ display: 'grid',
+ gridTemplateColumns: [[182, 162, 141]]
+ }
+})
const CUSTOMER_BLOCKED = 'blocked'
@@ -27,4 +63,156 @@ const getName = it => {
) ?? ''}`.trim()
}
-export { getAuthorizedStatus, getFormattedPhone, getName }
+const entryOptions = [
+ { display: 'Custom entry', code: 'custom' },
+ { display: 'Populate existing requirement', code: 'requirement' }
+]
+
+const dataOptions = [
+ { display: 'Text', code: 'text' },
+ { display: 'File', code: 'file' },
+ { display: 'Image', code: 'image' }
+]
+
+const requirementOptions = [
+ { display: 'Birthdate', code: 'birthdate' },
+ { display: 'ID card image', code: 'idCardPhoto' },
+ { display: 'ID data', code: 'idCardData' },
+ { display: 'Customer camera', code: 'facephoto' },
+ { display: 'US SSN', code: 'usSsn' }
+]
+
+const customTextOptions = [
+ { display: 'Data entry title', code: 'title' },
+ { display: 'Data entry', code: 'data' }
+]
+
+const customUploadOptions = [{ display: 'Data entry title', code: 'title' }]
+
+const entryTypeSchema = Yup.object().shape({
+ entryType: Yup.string().required()
+})
+
+const customFileSchema = Yup.object().shape({
+ title: Yup.string().required(),
+ file: Yup.mixed().required()
+})
+
+const customImageSchema = Yup.object().shape({
+ title: Yup.string().required(),
+ image: Yup.mixed().required()
+})
+
+const customTextSchema = Yup.object().shape({
+ title: Yup.string().required(),
+ data: Yup.string().required()
+})
+
+const EntryType = () => {
+ const classes = useStyles()
+ const { values } = useFormikContext()
+
+ const CUSTOM = 'custom'
+ const REQUIREMENT = 'requirement'
+
+ const displayCustomOptions = values.entryType === CUSTOM
+ const displayRequirementOptions = values.entryType === REQUIREMENT
+
+ return (
+ <>
+
+
+
+ )}
+ {!R.isEmpty(data) && type === IMAGE && (
+
+ {isImage ? (
+ {`Drag and drop ${
+ isImage ? 'an image' : 'a file'
+ } or click to open the explorer`}
+
+
+ 
+
+ )}
+ {!R.isEmpty(data) && type !== IMAGE && (
+
+
+ )}
+ {data.preview}
+Type of entry
+
+
+
+
+ )}
+ {displayRequirementOptions && (
+ Type of data
+
+
+
+
+ )}
+
+ )
+}
+
+const CustomData = ({ selectedValues }) => {
+ const dataTypeSelected = selectedValues?.dataType
+ const upload = dataTypeSelected === 'file' || dataTypeSelected === 'image'
+ return (
+ <>
+