@os1-platform/dispatch-mobile 1.0.8 → 2.0.0

package/lib/module/components/executiontasks/forms/FormGenerator.js

@@ -1,90 +1,195 @@
-import React, { useRef } from 'react';
-import { KeyboardAvoidingView, ScrollView, Text, View } from 'react-native';
+import React, { useRef, useState, useLayoutEffect } from 'react';
+import { BackHandler, KeyboardAvoidingView, ScrollView, StyleSheet, Text, View } from 'react-native';
 import ReactNativeForm, { defaultProps, FormContext } from 'rjsf-native';
 import DateTimeWidget from './widgets/DateTimeWidget';
 import TimeRangeSelector from './widgets/TimeRangeSelector';
 import QRBarcodeScannerWidget from './widgets/QRBarcodeScannerWidget';
-import { Button } from 'react-native-paper';
+import DropdownWidget from './widgets/DropdownWidget';
+import { Button, Provider } from 'react-native-paper';
 import { getBaseETResponse } from '../../../utils/ExecTaskUtils';
 import { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';
 import { EntityCode, ExecutionTaskID } from '../../../models/execTasks/ETConfig';
 import { CommonStyles, Fonts } from '../../../styles/executionTasks/CommonStyles';
 import SdkColors, { ColorTheme } from '../../../styles/SdkColors';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { GO_BACK_EVENT_CODE } from '../../../constants/constants';
+import { hasGoBackConnector } from '../../../components/utils';
+import GoBackModal from '../../../components/widgets/GoBackModal';
+import { useFocusEffect } from '@react-navigation/native';
 const customWidgets = {
   datePicker: DateTimeWidget,
   timeRangeSelector: TimeRangeSelector,
-  scanner: QRBarcodeScannerWidget
+  scanner: QRBarcodeScannerWidget,
+  select: DropdownWidget
 };
-
 const FormGenerator = props => {
   const form = useRef(null);
-  return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+  const [showBackModal, setShowBackModal] = useState(false);
+  const [onCancel, setOnCancel] = useState(false);
+
+  // Handle back-button click when scanList was being viewed
+  useFocusEffect(React.useCallback(() => {
+    const onBackPress = () => {
+      var _props$taskMeta;
+      if ((_props$taskMeta = props.taskMeta) !== null && _props$taskMeta !== void 0 && _props$taskMeta.enableGoBack && hasGoBackConnector(props.applicableReasons)) {
+        setShowBackModal(true);
+        return true;
+      } else {
+        props.navigation.goBack();
+        return true;
+      }
+    };
+    BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+  }, []));
+  useLayoutEffect(() => {
+    props.navigation.setOptions({
+      title: props.title,
+      headerLeft: () => {
+        return /*#__PURE__*/React.createElement(Icon, {
+          onPress: () => {
+            var _props$taskMeta2;
+            if ((_props$taskMeta2 = props.taskMeta) !== null && _props$taskMeta2 !== void 0 && _props$taskMeta2.enableGoBack && hasGoBackConnector(props.applicableReasons)) setShowBackModal(true);else props.navigation.goBack();
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        });
+      }
+    });
+  }, [props.navigation, props.title]);
+  const renderModal = () => {
+    return /*#__PURE__*/React.createElement(GoBackModal, {
+      showModal: showBackModal,
+      setShowModal: setShowBackModal,
+      onSuccess: async () => {
+        props.onSubmitET({
+          ...(await getBaseETResponse(EntityCode.FORMS, false, GO_BACK_EVENT_CODE, '', props.mergedObjectiveId, ExecutionTaskID.FORMS)),
+          data: {}
+        });
+        setShowBackModal(false);
+      },
+      onFailure: () => setShowBackModal(false)
+    });
+  };
+  return /*#__PURE__*/React.createElement(Provider, null, renderModal(), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
     style: CommonStyles.mainContainer
   }, /*#__PURE__*/React.createElement(ScrollView, {
     style: {
-      flex: 1
+      flex: 1,
+      flexGrow: 1
     }
   }, /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1,
-      backgroundColor: 'white',
-      padding: 20,
-      marginTop: 20,
-      marginStart: 15,
-      marginEnd: 15,
-      borderRadius: 10,
-      borderColor: 'rgba(0, 0, 0, 0.1)',
-      borderWidth: 1
+      padding: 20
     }
   }, /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: { ...defaultProps,
+    value: {
+      ...defaultProps,
       requiredTitle: '*',
       theme: {
         primaryColor: SdkColors[ColorTheme.LIGHT].primaryButton,
         highlightColor: SdkColors[ColorTheme.LIGHT].primaryButton,
         borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,
-        textColor: '#111111',
-        placeholderTextColor: '#111111',
+        textColor: '#3D445C',
+        placeholderTextColor: '#3D445C',
         errorColor: '#b00020',
-        fontFamily: Fonts.IBMPlexSans_600SemiBold
+        fontFamily: Fonts.IBMPlexSans_400Regular
       }
     }
-  }, /*#__PURE__*/React.createElement(ReactNativeForm, {
-    widgets: customWidgets // @ts-ignore
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title]
+  }, props.message), /*#__PURE__*/React.createElement(ReactNativeForm, {
+    noHtml5Validate: onCancel ? true : false,
+    noValidate: onCancel ? true : false,
+    widgets: customWidgets
+    // @ts-ignore
     ,
-    ref: form // @ts-ignore
+    ref: form
+    // @ts-ignore
     ,
     schema: props.jsonSchema,
     showErrorList: false,
     uiSchema: props.uiSchema,
-    onError: props.onError,
+    onError: async error => {
+      if (onCancel === false) props.onError(error);else {
+        var _props$applicableReas;
+        props.onSubmitET({
+          ...(await getBaseETResponse(EntityCode.FORMS, false, getEventCodeByET(ExecutionTaskID.FORMS, false, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.failure), '', props.mergedObjectiveId, ExecutionTaskID.FORMS)),
+          data: {}
+        });
+      }
+    },
     onSubmit: async response => {
-      props.onSubmitET({ ...(await getBaseETResponse(EntityCode.FORMS, true, getEventCodeByET(ExecutionTaskID.FORMS, true), '')),
-        data: response.formData
-      });
+      if (onCancel === true) {
+        var _props$applicableReas2;
+        props.onSubmitET({
+          ...(await getBaseETResponse(EntityCode.FORMS, false, getEventCodeByET(ExecutionTaskID.FORMS, false, (_props$applicableReas2 = props.applicableReasons) === null || _props$applicableReas2 === void 0 ? void 0 : _props$applicableReas2.failure), '', props.mergedObjectiveId, ExecutionTaskID.FORMS)),
+          data: response.formData
+        });
+      } else {
+        var _props$applicableReas3;
+        props.onSubmitET({
+          ...(await getBaseETResponse(EntityCode.FORMS, true, getEventCodeByET(ExecutionTaskID.FORMS, true, (_props$applicableReas3 = props.applicableReasons) === null || _props$applicableReas3 === void 0 ? void 0 : _props$applicableReas3.success), '', props.mergedObjectiveId, ExecutionTaskID.FORMS)),
+          data: response.formData
+        });
+      }
     }
   }, /*#__PURE__*/React.createElement(Text, null))))), /*#__PURE__*/React.createElement(View, {
-    style: [{
-      margin: 10
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      flexDirection: 'row'
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
+    style: styles.bottomView
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Button, {
     style: [CommonStyles.nextButton, {
-      flex: 1
+      width: 165,
+      marginStart: 10
     }],
     labelStyle: CommonStyles.nextButtonLabel,
     mode: 'contained',
     onPress: () => {
       if (form.current) {
+        setOnCancel(false);
         // @ts-ignore
         form.current.submit();
       }
     }
-  }, "Submit"))));
+  }, "Proceed")), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Button, {
+    style: [CommonStyles.cancelButton, {
+      width: 165,
+      marginEnd: 10
+    }],
+    labelStyle: CommonStyles.cancelButtonLabel,
+    mode: 'outlined',
+    onPress: () => {
+      if (form.current) {
+        setOnCancel(true);
+        // @ts-ignore
+        form.current.submit();
+      }
+    }
+  }, "Cancel")))));
 };
-
 export default FormGenerator;
+const styles = StyleSheet.create({
+  title: {
+    marginTop: 10,
+    marginBottom: 20,
+    fontFamily: Fonts.IBMPlexSans_400Regular,
+    fontStyle: 'normal',
+    fontSize: 16,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    color: '#3D445C',
+    alignItems: 'center'
+  },
+  bottomView: {
+    flexDirection: 'row-reverse',
+    justifyContent: 'space-evenly',
+    padding: 16,
+    backgroundColor: 'white'
+  }
+});
 //# sourceMappingURL=FormGenerator.js.map

package/lib/module/components/executiontasks/forms/FormGenerator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","KeyboardAvoidingView","ScrollView","Text","View","ReactNativeForm","defaultProps","FormContext","DateTimeWidget","TimeRangeSelector","QRBarcodeScannerWidget","Button","getBaseETResponse","getEventCodeByET","EntityCode","ExecutionTaskID","CommonStyles","Fonts","SdkColors","ColorTheme","customWidgets","datePicker","timeRangeSelector","scanner","FormGenerator","props","form","mainContainer","flex","backgroundColor","padding","marginTop","marginStart","marginEnd","borderRadius","borderColor","borderWidth","requiredTitle","theme","primaryColor","LIGHT","primaryButton","highlightColor","textColor","placeholderTextColor","errorColor","fontFamily","IBMPlexSans_600SemiBold","jsonSchema","uiSchema","onError","response","onSubmitET","FORMS","data","formData","margin","flexDirection","nextButton","nextButtonLabel","current","submit"],"sources":["FormGenerator.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { KeyboardAvoidingView, ScrollView, Text, View } from 'react-native';\nimport ReactNativeForm, { defaultProps, FormContext } from 'rjsf-native';\nimport DateTimeWidget from './widgets/DateTimeWidget';\nimport TimeRangeSelector from './widgets/TimeRangeSelector';\nimport QRBarcodeScannerWidget from './widgets/QRBarcodeScannerWidget';\nimport { Button } from 'react-native-paper';\nimport type { FormInputSchema } from './FormSchema';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport {\n  CommonStyles,\n  Fonts,\n} from '../../../styles/executionTasks/CommonStyles';\nimport SdkColors, { ColorTheme } from '../../../styles/SdkColors';\n\nconst customWidgets = {\n  datePicker: DateTimeWidget,\n  timeRangeSelector: TimeRangeSelector,\n  scanner: QRBarcodeScannerWidget,\n};\n\nconst FormGenerator = (props: FormInputSchema) => {\n  const form = useRef(null);\n  return (\n    <KeyboardAvoidingView style={CommonStyles.mainContainer}>\n      <ScrollView style={{ flex: 1 }}>\n        <View\n          style={{\n            flex: 1,\n            backgroundColor: 'white',\n            padding: 20,\n            marginTop: 20,\n            marginStart: 15,\n            marginEnd: 15,\n            borderRadius: 10,\n            borderColor: 'rgba(0, 0, 0, 0.1)',\n            borderWidth: 1,\n          }}\n        >\n          <FormContext.Provider\n            value={{\n              ...defaultProps,\n              requiredTitle: '*',\n              theme: {\n                primaryColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                highlightColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                textColor: '#111111',\n                placeholderTextColor: '#111111',\n                errorColor: '#b00020',\n                fontFamily: Fonts.IBMPlexSans_600SemiBold,\n              },\n            }}\n          >\n            <ReactNativeForm\n              widgets={customWidgets}\n              // @ts-ignore\n              ref={form}\n              // @ts-ignore\n              schema={props.jsonSchema}\n              showErrorList={false}\n              uiSchema={props.uiSchema}\n              onError={props.onError}\n              onSubmit={async (response) => {\n                props.onSubmitET({\n                  ...(await getBaseETResponse(\n                    EntityCode.FORMS,\n                    true,\n                    getEventCodeByET(ExecutionTaskID.FORMS, true),\n                    ''\n                  )),\n                  data: response.formData,\n                });\n              }}\n            >\n              <Text>{}</Text>\n            </ReactNativeForm>\n          </FormContext.Provider>\n        </View>\n      </ScrollView>\n      <View style={[{ margin: 10 }]}>\n        <View style={{ flexDirection: 'row' }}>\n          <Button\n            style={[CommonStyles.nextButton, { flex: 1 }]}\n            labelStyle={CommonStyles.nextButtonLabel}\n            mode={'contained'}\n            onPress={() => {\n              if (form.current) {\n                // @ts-ignore\n                form.current.submit();\n              }\n            }}\n          >\n            Submit\n          </Button>\n        </View>\n      </View>\n    </KeyboardAvoidingView>\n  );\n};\n\nexport default FormGenerator;\n"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useState","useLayoutEffect","BackHandler","KeyboardAvoidingView","ScrollView","StyleSheet","Text","View","ReactNativeForm","defaultProps","FormContext","DateTimeWidget","TimeRangeSelector","QRBarcodeScannerWidget","DropdownWidget","Button","Provider","getBaseETResponse","getEventCodeByET","EntityCode","ExecutionTaskID","CommonStyles","Fonts","SdkColors","ColorTheme","Icon","GO_BACK_EVENT_CODE","hasGoBackConnector","GoBackModal","useFocusEffect","customWidgets","datePicker","timeRangeSelector","scanner","select","FormGenerator","props","form","showBackModal","setShowBackModal","onCancel","setOnCancel","useCallback","onBackPress","_props$taskMeta","taskMeta","enableGoBack","applicableReasons","navigation","goBack","addEventListener","removeEventListener","setOptions","title","headerLeft","createElement","onPress","_props$taskMeta2","name","color","size","style","paddingRight","paddingTop","renderModal","showModal","setShowModal","onSuccess","onSubmitET","FORMS","mergedObjectiveId","data","onFailure","mainContainer","flex","flexGrow","padding","value","requiredTitle","theme","primaryColor","LIGHT","primaryButton","highlightColor","borderColor","textColor","placeholderTextColor","errorColor","fontFamily","IBMPlexSans_400Regular","styles","message","noHtml5Validate","noValidate","widgets","ref","schema","jsonSchema","showErrorList","uiSchema","onError","error","_props$applicableReas","failure","onSubmit","response","_props$applicableReas2","formData","_props$applicableReas3","success","bottomView","nextButton","width","marginStart","labelStyle","nextButtonLabel","mode","current","submit","cancelButton","marginEnd","cancelButtonLabel","create","marginTop","marginBottom","fontStyle","fontSize","lineHeight","letterSpacing","alignItems","flexDirection","justifyContent","backgroundColor"],"sources":["FormGenerator.tsx"],"sourcesContent":["import React, { useRef, useState, useLayoutEffect } from 'react';\nimport {\n  BackHandler,\n  KeyboardAvoidingView,\n  ScrollView,\n  StyleSheet,\n  Text,\n  View,\n} from 'react-native';\nimport ReactNativeForm, { defaultProps, FormContext } from 'rjsf-native';\nimport DateTimeWidget from './widgets/DateTimeWidget';\nimport TimeRangeSelector from './widgets/TimeRangeSelector';\nimport QRBarcodeScannerWidget from './widgets/QRBarcodeScannerWidget';\nimport DropdownWidget from './widgets/DropdownWidget';\nimport { Button, Modal, Portal, Provider } from 'react-native-paper';\nimport type { FormInputSchema } from './FormSchema';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport {\n  CommonStyles,\n  Fonts,\n} from '../../../styles/executionTasks/CommonStyles';\nimport SdkColors, { ColorTheme } from '../../../styles/SdkColors';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\nimport { GO_BACK_EVENT_CODE } from '../../../constants/constants';\nimport { hasGoBackConnector } from '../../../components/utils';\nimport GoBackModal from '../../../components/widgets/GoBackModal';\nimport { useFocusEffect } from '@react-navigation/native';\n\nconst customWidgets = {\n  datePicker: DateTimeWidget,\n  timeRangeSelector: TimeRangeSelector,\n  scanner: QRBarcodeScannerWidget,\n  select: DropdownWidget,\n};\n\nconst FormGenerator = (props: FormInputSchema) => {\n  const form = useRef(null);\n  const [showBackModal, setShowBackModal] = useState(false);\n  const [onCancel, setOnCancel] = useState(false);\n\n  // Handle back-button click when scanList was being viewed\n  useFocusEffect(\n    React.useCallback(() => {\n      const onBackPress = () => {\n        if (\n          props.taskMeta?.enableGoBack &&\n          hasGoBackConnector(props.applicableReasons)\n        ) {\n          setShowBackModal(true);\n          return true;\n        } else {\n          props.navigation.goBack();\n          return true;\n        }\n      };\n      BackHandler.addEventListener('hardwareBackPress', onBackPress);\n      return () =>\n        BackHandler.removeEventListener('hardwareBackPress', onBackPress);\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Icon\n            onPress={() => {\n              if (\n                props.taskMeta?.enableGoBack &&\n                hasGoBackConnector(props.applicableReasons)\n              )\n                setShowBackModal(true);\n              else props.navigation.goBack();\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n  }, [props.navigation, props.title]);\n\n  const renderModal = () => {\n    return (\n      <GoBackModal\n        showModal={showBackModal}\n        setShowModal={setShowBackModal}\n        onSuccess={async () => {\n          props.onSubmitET({\n            ...(await getBaseETResponse(\n              EntityCode.FORMS,\n              false,\n              GO_BACK_EVENT_CODE,\n              '',\n              props.mergedObjectiveId,\n              ExecutionTaskID.FORMS\n            )),\n            data: {},\n          });\n          setShowBackModal(false);\n        }}\n        onFailure={() => setShowBackModal(false)}\n      />\n    );\n  };\n\n  return (\n    <Provider>\n      {renderModal()}\n      <KeyboardAvoidingView style={CommonStyles.mainContainer}>\n        <ScrollView style={{ flex: 1, flexGrow: 1 }}>\n          <View\n            style={{\n              flex: 1,\n              padding: 20,\n            }}\n          >\n            <FormContext.Provider\n              value={{\n                ...defaultProps,\n                requiredTitle: '*',\n                theme: {\n                  primaryColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                  highlightColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                  borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                  textColor: '#3D445C',\n                  placeholderTextColor: '#3D445C',\n                  errorColor: '#b00020',\n                  fontFamily: Fonts.IBMPlexSans_400Regular,\n                },\n              }}\n            >\n              <Text style={[styles.title]}>{props.message}</Text>\n              <ReactNativeForm\n                noHtml5Validate={onCancel ? true : false}\n                noValidate={onCancel ? true : false}\n                widgets={customWidgets}\n                // @ts-ignore\n                ref={form}\n                // @ts-ignore\n                schema={props.jsonSchema}\n                showErrorList={false}\n                uiSchema={props.uiSchema}\n                onError={async (error) => {\n                  if (onCancel === false) props.onError(error);\n                  else {\n                    props.onSubmitET({\n                      ...(await getBaseETResponse(\n                        EntityCode.FORMS,\n                        false,\n                        getEventCodeByET(\n                          ExecutionTaskID.FORMS,\n                          false,\n                          props.applicableReasons?.failure\n                        ),\n                        '',\n                        props.mergedObjectiveId,\n                        ExecutionTaskID.FORMS\n                      )),\n                      data: {},\n                    });\n                  }\n                }}\n                onSubmit={async (response) => {\n                  if (onCancel === true) {\n                    props.onSubmitET({\n                      ...(await getBaseETResponse(\n                        EntityCode.FORMS,\n                        false,\n                        getEventCodeByET(\n                          ExecutionTaskID.FORMS,\n                          false,\n                          props.applicableReasons?.failure\n                        ),\n                        '',\n                        props.mergedObjectiveId,\n                        ExecutionTaskID.FORMS\n                      )),\n                      data: response.formData,\n                    });\n                  } else {\n                    props.onSubmitET({\n                      ...(await getBaseETResponse(\n                        EntityCode.FORMS,\n                        true,\n                        getEventCodeByET(\n                          ExecutionTaskID.FORMS,\n                          true,\n                          props.applicableReasons?.success\n                        ),\n                        '',\n                        props.mergedObjectiveId,\n                        ExecutionTaskID.FORMS\n                      )),\n                      data: response.formData,\n                    });\n                  }\n                }}\n              >\n                <Text>{}</Text>\n              </ReactNativeForm>\n            </FormContext.Provider>\n          </View>\n        </ScrollView>\n        <View style={styles.bottomView}>\n          <View>\n            <Button\n              style={[CommonStyles.nextButton, { width: 165, marginStart: 10 }]}\n              labelStyle={CommonStyles.nextButtonLabel}\n              mode={'contained'}\n              onPress={() => {\n                if (form.current) {\n                  setOnCancel(false);\n                  // @ts-ignore\n                  form.current.submit();\n                }\n              }}\n            >\n              Proceed\n            </Button>\n          </View>\n          <View>\n            <Button\n              style={[CommonStyles.cancelButton, { width: 165, marginEnd: 10 }]}\n              labelStyle={CommonStyles.cancelButtonLabel}\n              mode={'outlined'}\n              onPress={() => {\n                if (form.current) {\n                  setOnCancel(true);\n                  // @ts-ignore\n                  form.current.submit();\n                }\n              }}\n            >\n              Cancel\n            </Button>\n          </View>\n        </View>\n      </KeyboardAvoidingView>\n    </Provider>\n  );\n};\n\nexport default FormGenerator;\n\nconst styles = StyleSheet.create({\n  title: {\n    marginTop: 10,\n    marginBottom: 20,\n    fontFamily: Fonts.IBMPlexSans_400Regular,\n    fontStyle: 'normal',\n    fontSize: 16,\n    lineHeight: 20,\n    letterSpacing: 0.25,\n    color: '#3D445C',\n    alignItems: 'center',\n  },\n  bottomView: {\n    flexDirection: 'row-reverse',\n    justifyContent: 'space-evenly',\n    padding: 16,\n    backgroundColor: 'white',\n  },\n});\n"],"mappings":"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"}

package/lib/module/components/executiontasks/forms/widgets/DateTimeWidget.js

@@ -8,7 +8,6 @@ const MODES = {
   TIME: 'time',
   DATETIME: 'datetime'
 };
-
 const DateTimeWidget = _ref => {
   let {
     id,
@@ -32,10 +31,8 @@ const DateTimeWidget = _ref => {
     borderWidth: focused ? 2 : 1.5,
     color: theme.textColor
   };
-
   const onDateChange = (_event, selectedDate) => {
     setShow(Platform.OS === 'ios');
-
     if (selectedDate) {
       const currentDate = selectedDate;
       let dateTimeValue = getValueBasedOnMode(options, currentDate);
@@ -43,7 +40,6 @@ const DateTimeWidget = _ref => {
       onChange(dateTimeValue);
     }
   };
-
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
@@ -62,7 +58,8 @@ const DateTimeWidget = _ref => {
     placeholderTextColor: theme.placeholderTextColor,
     style: [styles.input, themedStyle]
   })), show && /*#__PURE__*/React.createElement(DateTimePicker, {
-    testID: "dateTimePicker" // @ts-ignore
+    testID: "dateTimePicker"
+    // @ts-ignore
     ,
     mode: getWidgetType(options.mode),
     minimumDate: options.mode === 'date' ? new Date() : undefined,
@@ -74,41 +71,31 @@ const DateTimeWidget = _ref => {
     textColor: 'red'
   }));
 };
-
 function getWidgetType(mode) {
   switch (mode) {
     case 'date':
       return MODES.DATE;
-
     case 'time':
       return MODES.TIME;
-
     case 'datetime':
       return MODES.DATETIME;
-
     default:
       return MODES.DATE;
   }
 }
-
 function getValueBasedOnMode(uiOptions, date) {
   if (!date) return '';
-
   switch (uiOptions.mode) {
     case 'date':
       return date.toISOString().substring(0, 10);
-
     case 'time':
       return date.toLocaleTimeString().slice(0, 5);
-
     case 'datetime':
       return date.toLocaleString();
-
     default:
       return date.toLocaleString();
   }
 }
-
 const styles = StyleSheet.create({
   container: {
     flex: 1
@@ -124,6 +111,7 @@ const styles = StyleSheet.create({
     color: '#111111'
   }
 });
+
 /**
  * max and min date has to be implemented
  */

package/lib/module/components/executiontasks/forms/widgets/DateTimeWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Platform","StyleSheet","TextInput","TouchableOpacity","View","DateTimePicker","useFormContext","SdkColors","ColorTheme","MODES","DATE","TIME","DATETIME","DateTimeWidget","id","label","value","onChange","onFocus","autofocus","options","rawErrors","maxDate","show","setShow","date","setDate","theme","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","onDateChange","_event","selectedDate","OS","currentDate","dateTimeValue","getValueBasedOnMode","styles","container","placeholderTextColor","input","getWidgetType","mode","Date","undefined","uiOptions","toISOString","substring","toLocaleTimeString","slice","toLocaleString","create","flex","LIGHT","primaryButton","paddingHorizontal","paddingTop","paddingBottom","borderRadius","fontSize"],"sources":["DateTimeWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Platform,\n  StyleSheet,\n  TextInput,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport DateTimePicker, { Event } from '@react-native-community/datetimepicker';\nimport type { WidgetProps } from '@rjsf/core';\nimport { useFormContext } from 'rjsf-native';\nimport SdkColors, { ColorTheme } from '../../../../styles/SdkColors';\n\nconst MODES = {\n  DATE: 'date',\n  TIME: 'time',\n  DATETIME: 'datetime',\n};\n\ntype DateWidgetProps = WidgetProps & {\n  minDate?: Date;\n  maxDate?: Date;\n};\n\nconst DateTimeWidget = ({\n  id,\n  label,\n  value,\n  onChange,\n  onFocus,\n  autofocus,\n  options,\n  rawErrors,\n  maxDate,\n}: DateWidgetProps) => {\n  const [show, setShow] = useState(false);\n  const [date, setDate] = useState<Date | null>(null);\n  const { theme } = useFormContext();\n  const [focused, setFocused] = useState(false);\n\n  const themedStyle = {\n    borderColor:\n      rawErrors?.length > 0\n        ? theme.errorColor\n        : focused\n        ? theme.highlightColor\n        : theme.borderColor,\n    borderWidth: focused ? 2 : 1.5,\n    color: theme.textColor,\n  };\n  const onDateChange = (_event: Event, selectedDate?: Date) => {\n    setShow(Platform.OS === 'ios');\n    if (selectedDate) {\n      const currentDate = selectedDate;\n      let dateTimeValue = getValueBasedOnMode(options, currentDate);\n      setDate(currentDate);\n      onChange(dateTimeValue);\n    }\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity onPress={() => setShow(true)}>\n        <TextInput\n          editable={false}\n          onTouchStart={() => setShow(true)}\n          value={getValueBasedOnMode(options, date)}\n          placeholder={label}\n          selectionColor={'#6200EE'}\n          autoFocus={autofocus}\n          onFocus={() => {\n            setFocused(true);\n            onFocus(id, value);\n          }}\n          placeholderTextColor={theme.placeholderTextColor}\n          style={[styles.input, themedStyle]}\n        />\n      </TouchableOpacity>\n      {show && (\n        <DateTimePicker\n          testID=\"dateTimePicker\"\n          // @ts-ignore\n          mode={getWidgetType(options.mode)}\n          minimumDate={options.mode === 'date' ? new Date() : undefined}\n          maximumDate={maxDate}\n          is24Hour={false}\n          display=\"default\"\n          onChange={onDateChange}\n          value={date ?? new Date()}\n          textColor={'red'}\n        />\n      )}\n    </View>\n  );\n};\n\nfunction getWidgetType(mode: string): string {\n  switch (mode) {\n    case 'date':\n      return MODES.DATE;\n    case 'time':\n      return MODES.TIME;\n    case 'datetime':\n      return MODES.DATETIME;\n    default:\n      return MODES.DATE;\n  }\n}\n\nfunction getValueBasedOnMode(uiOptions: any, date: Date | null): string {\n  if (!date) return '';\n  switch (uiOptions.mode) {\n    case 'date':\n      return date.toISOString().substring(0, 10);\n    case 'time':\n      return date.toLocaleTimeString().slice(0, 5);\n    case 'datetime':\n      return date.toLocaleString();\n    default:\n      return date.toLocaleString();\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  input: {\n    borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingTop: 15,\n    paddingBottom: 15,\n    borderRadius: 4,\n    fontSize: 16,\n    color: '#111111',\n  },\n});\n\n/**\n * max and min date has to be implemented\n */\n\nexport default DateTimeWidget;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","Platform","StyleSheet","TextInput","TouchableOpacity","View","DateTimePicker","useFormContext","SdkColors","ColorTheme","MODES","DATE","TIME","DATETIME","DateTimeWidget","_ref","id","label","value","onChange","onFocus","autofocus","options","rawErrors","maxDate","show","setShow","date","setDate","theme","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","onDateChange","_event","selectedDate","OS","currentDate","dateTimeValue","getValueBasedOnMode","createElement","style","styles","container","onPress","editable","onTouchStart","placeholder","selectionColor","autoFocus","placeholderTextColor","input","testID","mode","getWidgetType","minimumDate","Date","undefined","maximumDate","is24Hour","display","uiOptions","toISOString","substring","toLocaleTimeString","slice","toLocaleString","create","flex","LIGHT","primaryButton","paddingHorizontal","paddingTop","paddingBottom","borderRadius","fontSize"],"sources":["DateTimeWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Platform,\n  StyleSheet,\n  TextInput,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport DateTimePicker, { Event } from '@react-native-community/datetimepicker';\nimport type { WidgetProps } from '@rjsf/core';\nimport { useFormContext } from 'rjsf-native';\nimport SdkColors, { ColorTheme } from '../../../../styles/SdkColors';\n\nconst MODES = {\n  DATE: 'date',\n  TIME: 'time',\n  DATETIME: 'datetime',\n};\n\ntype DateWidgetProps = WidgetProps & {\n  minDate?: Date;\n  maxDate?: Date;\n};\n\nconst DateTimeWidget = ({\n  id,\n  label,\n  value,\n  onChange,\n  onFocus,\n  autofocus,\n  options,\n  rawErrors,\n  maxDate,\n}: DateWidgetProps) => {\n  const [show, setShow] = useState(false);\n  const [date, setDate] = useState<Date | null>(null);\n  const { theme } = useFormContext();\n  const [focused, setFocused] = useState(false);\n\n  const themedStyle = {\n    borderColor:\n      rawErrors?.length > 0\n        ? theme.errorColor\n        : focused\n        ? theme.highlightColor\n        : theme.borderColor,\n    borderWidth: focused ? 2 : 1.5,\n    color: theme.textColor,\n  };\n  const onDateChange = (_event: Event, selectedDate?: Date) => {\n    setShow(Platform.OS === 'ios');\n    if (selectedDate) {\n      const currentDate = selectedDate;\n      let dateTimeValue = getValueBasedOnMode(options, currentDate);\n      setDate(currentDate);\n      onChange(dateTimeValue);\n    }\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity onPress={() => setShow(true)}>\n        <TextInput\n          editable={false}\n          onTouchStart={() => setShow(true)}\n          value={getValueBasedOnMode(options, date)}\n          placeholder={label}\n          selectionColor={'#6200EE'}\n          autoFocus={autofocus}\n          onFocus={() => {\n            setFocused(true);\n            onFocus(id, value);\n          }}\n          placeholderTextColor={theme.placeholderTextColor}\n          style={[styles.input, themedStyle]}\n        />\n      </TouchableOpacity>\n      {show && (\n        <DateTimePicker\n          testID=\"dateTimePicker\"\n          // @ts-ignore\n          mode={getWidgetType(options.mode)}\n          minimumDate={options.mode === 'date' ? new Date() : undefined}\n          maximumDate={maxDate}\n          is24Hour={false}\n          display=\"default\"\n          onChange={onDateChange}\n          value={date ?? new Date()}\n          textColor={'red'}\n        />\n      )}\n    </View>\n  );\n};\n\nfunction getWidgetType(mode: string): string {\n  switch (mode) {\n    case 'date':\n      return MODES.DATE;\n    case 'time':\n      return MODES.TIME;\n    case 'datetime':\n      return MODES.DATETIME;\n    default:\n      return MODES.DATE;\n  }\n}\n\nfunction getValueBasedOnMode(uiOptions: any, date: Date | null): string {\n  if (!date) return '';\n  switch (uiOptions.mode) {\n    case 'date':\n      return date.toISOString().substring(0, 10);\n    case 'time':\n      return date.toLocaleTimeString().slice(0, 5);\n    case 'datetime':\n      return date.toLocaleString();\n    default:\n      return date.toLocaleString();\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  input: {\n    borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingTop: 15,\n    paddingBottom: 15,\n    borderRadius: 4,\n    fontSize: 16,\n    color: '#111111',\n  },\n});\n\n/**\n * max and min date has to be implemented\n */\n\nexport default DateTimeWidget;\n"],"mappings":"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"}

package/lib/module/components/executiontasks/forms/widgets/DropdownWidget.js

@@ -0,0 +1,39 @@
+import React, { useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import DropDownPicker from 'react-native-dropdown-picker';
+import SdkColors, { ColorTheme } from '../../../../styles/SdkColors';
+const DropdownWidget = props => {
+  const [open, setOpen] = useState(false);
+  const [dropdownValue, setDropdownValue] = useState(props.value);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(DropDownPicker, {
+    style: styles.input
+    //@ts-ignore
+    ,
+    items: props.options.enumOptions,
+    open: open,
+    setOpen: setOpen,
+    value: dropdownValue,
+    setValue: setDropdownValue,
+    listMode: 'SCROLLVIEW',
+    onChangeValue: value => props.onChange(value)
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  input: {
+    borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingTop: 15,
+    paddingBottom: 15,
+    borderRadius: 4,
+    fontSize: 16,
+    color: '#111111'
+  }
+});
+export default DropdownWidget;
+//# sourceMappingURL=DropdownWidget.js.map

package/lib/module/components/executiontasks/forms/widgets/DropdownWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","View","DropDownPicker","SdkColors","ColorTheme","DropdownWidget","props","open","setOpen","dropdownValue","setDropdownValue","value","createElement","style","styles","container","input","items","options","enumOptions","setValue","listMode","onChangeValue","onChange","create","flex","borderColor","LIGHT","primaryButton","borderWidth","paddingHorizontal","paddingTop","paddingBottom","borderRadius","fontSize","color"],"sources":["DropdownWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport DropDownPicker from 'react-native-dropdown-picker';\nimport type { WidgetProps } from '@rjsf/core';\nimport SdkColors, { ColorTheme } from '../../../../styles/SdkColors';\n\ntype enumOptions = {\n  label: string;\n  value: string;\n};\n\ntype DropdownWidgetProps = WidgetProps & {\n  options: { [key: string]: any };\n};\n\nconst DropdownWidget = (props: DropdownWidgetProps) => {\n  const [open, setOpen] = useState(false);\n  const [dropdownValue, setDropdownValue] = useState(props.value);\n  return (\n    <View style={styles.container}>\n      <DropDownPicker\n        style={styles.input}\n        //@ts-ignore\n        items={props.options.enumOptions}\n        open={open}\n        setOpen={setOpen}\n        value={dropdownValue}\n        setValue={setDropdownValue}\n        listMode={'SCROLLVIEW'}\n        onChangeValue={(value) => props.onChange(value)}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  input: {\n    borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingTop: 15,\n    paddingBottom: 15,\n    borderRadius: 4,\n    fontSize: 16,\n    color: '#111111',\n  },\n});\n\nexport default DropdownWidget;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,cAAc,MAAM,8BAA8B;AAEzD,OAAOC,SAAS,IAAIC,UAAU,QAAQ,8BAA8B;AAWpE,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM,CAACU,aAAa,EAAEC,gBAAgB,CAAC,GAAGX,QAAQ,CAACO,KAAK,CAACK,KAAK,CAAC;EAC/D,oBACEb,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BjB,KAAA,CAAAc,aAAA,CAACV,cAAc;IACbW,KAAK,EAAEC,MAAM,CAACE;IACd;IAAA;IACAC,KAAK,EAAEX,KAAK,CAACY,OAAO,CAACC,WAAY;IACjCZ,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEF,aAAc;IACrBW,QAAQ,EAAEV,gBAAiB;IAC3BW,QAAQ,EAAE,YAAa;IACvBC,aAAa,EAAGX,KAAK,IAAKL,KAAK,CAACiB,QAAQ,CAACZ,KAAK;EAAE,CACjD,CACG,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGd,UAAU,CAACwB,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE;EACR,CAAC;EACDT,KAAK,EAAE;IACLU,WAAW,EAAEvB,SAAS,CAACC,UAAU,CAACuB,KAAK,CAAC,CAACC,aAAa;IACtDC,WAAW,EAAE,CAAC;IACdC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAe9B,cAAc"}

package/lib/module/components/executiontasks/forms/widgets/QRBarcodeScannerWidget.js

@@ -2,8 +2,7 @@ import React, { useState } from 'react';
 import { Modal, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
 import { useFormContext } from 'rjsf-native';
 import { AntDesign } from '@expo/vector-icons';
-import CScanner from '../../scanner/CScanner';
-
+import CScanner from '../../scan/sub_components/CScanner';
 const QRBarcodeScannerWidget = _ref => {
   let {
     id,
@@ -48,12 +47,10 @@ const QRBarcodeScannerWidget = _ref => {
       onChange(data);
     }
     /**
-     * Failure case impl.*/
-    ,
+     * Failure case impl.*/,
     onModalClose: () => setShow(false)
   }));
 };
-
 function ScannerDialog(props) {
   const [modalVisible, setModalVisible] = useState(true);
   return /*#__PURE__*/React.createElement(View, {
@@ -89,7 +86,6 @@ function ScannerDialog(props) {
     }
   })))));
 }
-
 const styles = StyleSheet.create({
   centeredView: {
     flex: 1,

package/lib/module/components/executiontasks/forms/widgets/QRBarcodeScannerWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Modal","StyleSheet","Text","TextInput","TouchableOpacity","View","useFormContext","AntDesign","CScanner","QRBarcodeScannerWidget","id","label","value","onChange","onFocus","autofocus","rawErrors","show","setShow","scannerOutput","setScannerOutput","theme","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","styles","container","placeholderTextColor","input","data","ScannerDialog","props","modalVisible","setModalVisible","centeredView","onModalClose","modalContent","modalText","result","onSubmitDialog","create","flex","justifyContent","alignItems","marginTop","margin","backgroundColor","borderRadius","padding","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","marginBottom","textAlign","paddingHorizontal","paddingTop","paddingBottom","fontSize"],"sources":["QRBarcodeScannerWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Modal,\n  StyleSheet,\n  Text,\n  TextInput,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport type { WidgetProps } from '@rjsf/core';\nimport { useFormContext } from 'rjsf-native';\nimport { AntDesign } from '@expo/vector-icons';\nimport CScanner from '../../scanner/CScanner';\n\nconst QRBarcodeScannerWidget = ({\n  id,\n  label,\n  value,\n  onChange,\n  onFocus,\n  autofocus,\n  rawErrors,\n}: WidgetProps) => {\n  const [show, setShow] = useState(false);\n  const [scannerOutput, setScannerOutput] = React.useState<string>('');\n  const { theme } = useFormContext();\n  const [focused, setFocused] = useState(false);\n\n  const themedStyle = {\n    borderColor:\n      rawErrors?.length > 0\n        ? theme.errorColor\n        : focused\n        ? theme.highlightColor\n        : theme.borderColor,\n    borderWidth: focused ? 2 : 1,\n    color: theme.textColor,\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity onPress={() => setShow(true)}>\n        <TextInput\n          editable={false}\n          onTouchStart={() => setShow(true)}\n          value={scannerOutput}\n          placeholder={label}\n          autoFocus={autofocus}\n          onFocus={() => {\n            setFocused(true);\n            onFocus(id, value);\n          }}\n          selectionColor={theme.highlightColor}\n          placeholderTextColor={theme.placeholderTextColor}\n          style={[styles.input, themedStyle]}\n        />\n      </TouchableOpacity>\n      {show && (\n        <ScannerDialog\n          onSubmitDialog={(data) => {\n            setScannerOutput(data);\n            onChange(data);\n          }}\n          /**\n           * Failure case impl.*/\n          onModalClose={() => setShow(false)}\n        />\n      )}\n    </View>\n  );\n};\n\nfunction ScannerDialog(props: ScannerDialogProps) {\n  const [modalVisible, setModalVisible] = useState(true);\n\n  return (\n    <View style={styles.centeredView}>\n      <Modal\n        animationType=\"slide\"\n        transparent={true}\n        visible={modalVisible}\n        onRequestClose={() => {\n          setModalVisible(!modalVisible);\n          props.onModalClose();\n        }}\n      >\n        <View style={styles.centeredView}>\n          <View style={styles.modalContent}>\n            <Text style={styles.modalText}>Barcode/QR Scanner</Text>\n            <CScanner\n              barCodeTypes={[]}\n              onScanned={(result) => {\n                props.onSubmitDialog(result);\n                setModalVisible(false);\n                props.onModalClose();\n              }}\n            />\n            <AntDesign\n              name=\"closecircleo\"\n              size={40}\n              color=\"blue\"\n              onPress={() => {\n                setModalVisible(false);\n                props.onModalClose();\n              }}\n            />\n          </View>\n        </View>\n      </Modal>\n    </View>\n  );\n}\nconst styles = StyleSheet.create({\n  centeredView: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginTop: 22,\n  },\n  modalContent: {\n    margin: 20,\n    backgroundColor: 'white',\n    borderRadius: 20,\n    padding: 35,\n    alignItems: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.25,\n    shadowRadius: 4,\n    elevation: 5,\n  },\n  modalText: {\n    marginBottom: 15,\n    textAlign: 'center',\n  },\n  container: {\n    flex: 1,\n  },\n  input: {\n    borderColor: '#979B9E',\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingTop: 15,\n    paddingBottom: 15,\n    borderRadius: 4,\n    fontSize: 16,\n    color: '#333333',\n  },\n});\n\nexport interface ScannerDialogProps {\n  onSubmitDialog: (value: string) => void;\n  onModalClose: () => void;\n}\nexport default QRBarcodeScannerWidget;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","Modal","StyleSheet","Text","TextInput","TouchableOpacity","View","useFormContext","AntDesign","CScanner","QRBarcodeScannerWidget","_ref","id","label","value","onChange","onFocus","autofocus","rawErrors","show","setShow","scannerOutput","setScannerOutput","theme","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","createElement","style","styles","container","onPress","editable","onTouchStart","placeholder","autoFocus","selectionColor","placeholderTextColor","input","ScannerDialog","onSubmitDialog","data","onModalClose","props","modalVisible","setModalVisible","centeredView","animationType","transparent","visible","onRequestClose","modalContent","modalText","barCodeTypes","onScanned","result","name","size","create","flex","justifyContent","alignItems","marginTop","margin","backgroundColor","borderRadius","padding","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","marginBottom","textAlign","paddingHorizontal","paddingTop","paddingBottom","fontSize"],"sources":["QRBarcodeScannerWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Modal,\n  StyleSheet,\n  Text,\n  TextInput,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport type { WidgetProps } from '@rjsf/core';\nimport { useFormContext } from 'rjsf-native';\nimport { AntDesign } from '@expo/vector-icons';\nimport CScanner from '../../scan/sub_components/CScanner';\n\nconst QRBarcodeScannerWidget = ({\n  id,\n  label,\n  value,\n  onChange,\n  onFocus,\n  autofocus,\n  rawErrors,\n}: WidgetProps) => {\n  const [show, setShow] = useState(false);\n  const [scannerOutput, setScannerOutput] = React.useState<string>('');\n  const { theme } = useFormContext();\n  const [focused, setFocused] = useState(false);\n\n  const themedStyle = {\n    borderColor:\n      rawErrors?.length > 0\n        ? theme.errorColor\n        : focused\n        ? theme.highlightColor\n        : theme.borderColor,\n    borderWidth: focused ? 2 : 1,\n    color: theme.textColor,\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity onPress={() => setShow(true)}>\n        <TextInput\n          editable={false}\n          onTouchStart={() => setShow(true)}\n          value={scannerOutput}\n          placeholder={label}\n          autoFocus={autofocus}\n          onFocus={() => {\n            setFocused(true);\n            onFocus(id, value);\n          }}\n          selectionColor={theme.highlightColor}\n          placeholderTextColor={theme.placeholderTextColor}\n          style={[styles.input, themedStyle]}\n        />\n      </TouchableOpacity>\n      {show && (\n        <ScannerDialog\n          onSubmitDialog={(data) => {\n            setScannerOutput(data);\n            onChange(data);\n          }}\n          /**\n           * Failure case impl.*/\n          onModalClose={() => setShow(false)}\n        />\n      )}\n    </View>\n  );\n};\n\nfunction ScannerDialog(props: ScannerDialogProps) {\n  const [modalVisible, setModalVisible] = useState(true);\n\n  return (\n    <View style={styles.centeredView}>\n      <Modal\n        animationType=\"slide\"\n        transparent={true}\n        visible={modalVisible}\n        onRequestClose={() => {\n          setModalVisible(!modalVisible);\n          props.onModalClose();\n        }}\n      >\n        <View style={styles.centeredView}>\n          <View style={styles.modalContent}>\n            <Text style={styles.modalText}>Barcode/QR Scanner</Text>\n            <CScanner\n              barCodeTypes={[]}\n              onScanned={(result) => {\n                props.onSubmitDialog(result);\n                setModalVisible(false);\n                props.onModalClose();\n              }}\n            />\n            <AntDesign\n              name=\"closecircleo\"\n              size={40}\n              color=\"blue\"\n              onPress={() => {\n                setModalVisible(false);\n                props.onModalClose();\n              }}\n            />\n          </View>\n        </View>\n      </Modal>\n    </View>\n  );\n}\nconst styles = StyleSheet.create({\n  centeredView: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginTop: 22,\n  },\n  modalContent: {\n    margin: 20,\n    backgroundColor: 'white',\n    borderRadius: 20,\n    padding: 35,\n    alignItems: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.25,\n    shadowRadius: 4,\n    elevation: 5,\n  },\n  modalText: {\n    marginBottom: 15,\n    textAlign: 'center',\n  },\n  container: {\n    flex: 1,\n  },\n  input: {\n    borderColor: '#979B9E',\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingTop: 15,\n    paddingBottom: 15,\n    borderRadius: 4,\n    fontSize: 16,\n    color: '#333333',\n  },\n});\n\nexport interface ScannerDialogProps {\n  onSubmitDialog: (value: string) => void;\n  onModalClose: () => void;\n}\nexport default QRBarcodeScannerWidget;\n"],"mappings":"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"}

package/lib/module/components/executiontasks/forms/widgets/TimeRangeSelector.js

@@ -1,9 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import DateTimeWidget from './DateTimeWidget';
-
 const TimeRangeSelector = props => {
   const [start, setStart] = useState(new Date());
   const [end, setEnd] = useState(new Date());
@@ -25,7 +23,6 @@ const TimeRangeSelector = props => {
     }
   })));
 };
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,

package/lib/module/components/executiontasks/forms/widgets/TimeRangeSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","StyleSheet","View","DateTimeWidget","TimeRangeSelector","props","start","setStart","Date","end","setEnd","onChange","JSON","stringify","styles","container","date","create","flex","flexDirection","justifyContent"],"sources":["TimeRangeSelector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport type { WidgetProps } from '@rjsf/core';\nimport DateTimeWidget from './DateTimeWidget';\n\nconst TimeRangeSelector = (props: WidgetProps) => {\n  const [start, setStart] = useState(new Date());\n  const [end, setEnd] = useState(new Date());\n  useEffect(() => {\n    props.onChange(JSON.stringify({ start: start, end: end }));\n  });\n  return (\n    <View style={styles.container}>\n      <DateTimeWidget\n        {...props}\n        onChange={(date) => {\n          setStart(date);\n        }}\n      />\n      <DateTimeWidget\n        {...props}\n        onChange={(date) => {\n          setEnd(date);\n        }}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n});\n\nexport default TimeRangeSelector;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,cAAP,MAA2B,kBAA3B;;AAEA,MAAMC,iBAAiB,GAAIC,KAAD,IAAwB;EAChD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBP,QAAQ,CAAC,IAAIQ,IAAJ,EAAD,CAAlC;EACA,MAAM,CAACC,GAAD,EAAMC,MAAN,IAAgBV,QAAQ,CAAC,IAAIQ,IAAJ,EAAD,CAA9B;EACAT,SAAS,CAAC,MAAM;IACdM,KAAK,CAACM,QAAN,CAAeC,IAAI,CAACC,SAAL,CAAe;MAAEP,KAAK,EAAEA,KAAT;MAAgBG,GAAG,EAAEA;IAArB,CAAf,CAAf;EACD,CAFQ,CAAT;EAGA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEK,MAAM,CAACC;EAApB,gBACE,oBAAC,cAAD,eACMV,KADN;IAEE,QAAQ,EAAGW,IAAD,IAAU;MAClBT,QAAQ,CAACS,IAAD,CAAR;IACD;EAJH,GADF,eAOE,oBAAC,cAAD,eACMX,KADN;IAEE,QAAQ,EAAGW,IAAD,IAAU;MAClBN,MAAM,CAACM,IAAD,CAAN;IACD;EAJH,GAPF,CADF;AAgBD,CAtBD;;AAwBA,MAAMF,MAAM,GAAGb,UAAU,CAACgB,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CADG;IAETC,aAAa,EAAE,KAFN;IAGTC,cAAc,EAAE;EAHP;AADoB,CAAlB,CAAf;AAQA,eAAehB,iBAAf"}
+{"version":3,"names":["React","useEffect","useState","StyleSheet","View","DateTimeWidget","TimeRangeSelector","props","start","setStart","Date","end","setEnd","onChange","JSON","stringify","createElement","style","styles","container","_extends","date","create","flex","flexDirection","justifyContent"],"sources":["TimeRangeSelector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport type { WidgetProps } from '@rjsf/core';\nimport DateTimeWidget from './DateTimeWidget';\n\nconst TimeRangeSelector = (props: WidgetProps) => {\n  const [start, setStart] = useState(new Date());\n  const [end, setEnd] = useState(new Date());\n  useEffect(() => {\n    props.onChange(JSON.stringify({ start: start, end: end }));\n  });\n  return (\n    <View style={styles.container}>\n      <DateTimeWidget\n        {...props}\n        onChange={(date) => {\n          setStart(date);\n        }}\n      />\n      <DateTimeWidget\n        {...props}\n        onChange={(date) => {\n          setEnd(date);\n        }}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n});\n\nexport default TimeRangeSelector;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,iBAAiB,GAAIC,KAAkB,IAAK;EAChD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAAC,IAAIQ,IAAI,CAAC,CAAC,CAAC;EAC9C,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAGV,QAAQ,CAAC,IAAIQ,IAAI,CAAC,CAAC,CAAC;EAC1CT,SAAS,CAAC,MAAM;IACdM,KAAK,CAACM,QAAQ,CAACC,IAAI,CAACC,SAAS,CAAC;MAAEP,KAAK,EAAEA,KAAK;MAAEG,GAAG,EAAEA;IAAI,CAAC,CAAC,CAAC;EAC5D,CAAC,CAAC;EACF,oBACEX,KAAA,CAAAgB,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BnB,KAAA,CAAAgB,aAAA,CAACX,cAAc,EAAAe,QAAA,KACTb,KAAK;IACTM,QAAQ,EAAGQ,IAAI,IAAK;MAClBZ,QAAQ,CAACY,IAAI,CAAC;IAChB;EAAE,EACH,CAAC,eACFrB,KAAA,CAAAgB,aAAA,CAACX,cAAc,EAAAe,QAAA,KACTb,KAAK;IACTM,QAAQ,EAAGQ,IAAI,IAAK;MAClBT,MAAM,CAACS,IAAI,CAAC;IACd;EAAE,EACH,CACG,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGf,UAAU,CAACmB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAenB,iBAAiB"}