Chore: Add basic screen and toggle

Chore: form skeleton

Feat: wizard step 1 and 2

Feat: toggle button group for formik

Feat: select input type Form and styling

Feat: text entry page

Feat: Choice list and CSS

Fix: scroll to bottom on Add choice button click

Feat: format data at end of wizard

Feat: wizard toggle button and background blur

Feat: data table for custom info requests

Feat: editing and deleting custom info request

Feat: add icons

Fix: Wizard changes

Feat: custom requests migrations

Feat: fetch custom info requests

Feat: add mutations

Feat: add custom request option in trigger wizard

Feat: show customrequests on table

Feat: Triggers page code refactor

Feat: integrate custom info requests on Customer graphql type

Feat: Show custom info requests on user page

Fix: use normal table instead of datatable

Feat: modal for custom information request details

Feat: poller returns custom request information details

Feat: send customer custom info requests to machine

Chore: add field CustomInfoRequestsData on customer updates

Feat: customer custom info request data saving

Chore: variable name changes and lots of fixes

Feat: remove default value in query, sort request on customer profile

Signed-off-by: csrapr <26280794+csrapr@users.noreply.github.com>

Fix: return promise when array of ids is empty

Feat: TitleSection can receive more than one button

new-lamassu-admin/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.js

@@ -0,0 +1,45 @@
+import { Field } from 'formik'
+import React from 'react'
+import * as Yup from 'yup'
+
+import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import { H4, P } from 'src/components/typography'
+
+const Screen1Information = () => {
+  return (
+    <>
+      <H4>Screen 1 Information</H4> {/* TODO Add ? icon */}
+      <P>
+        On screen 1 you will request the user if he agrees on providing this
+        information, or if he wishes to terminate the transaction instead.
+      </P>
+      <Field
+        component={TextInputFormik}
+        label="Screen title"
+        name="screen1Title"
+        fullWidth
+      />
+      <Field
+        component={TextInputFormik}
+        label="Screen text"
+        name="screen1Text"
+        multiline
+        fullWidth
+        rows={5}
+      />
+    </>
+  )
+}
+
+const validationSchema = Yup.object().shape({
+  screen1Title: Yup.string().required(),
+  screen1Text: Yup.string().required()
+})
+
+const defaultValues = {
+  screen1Title: '',
+  screen1Text: ''
+}
+
+export default Screen1Information
+export { validationSchema, defaultValues }