@os1-platform/dispatch-mobile 1.0.7 → 1.3.11

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

@@ -1,24 +1,82 @@
-import React, { useRef } from 'react';
+import React, { useRef, useState, useLayoutEffect } from 'react';
 import { KeyboardAvoidingView, ScrollView, 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, Modal, Portal, 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';
 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);
+  useLayoutEffect(() => {
+    props.navigation.setOptions({
+      title: props.title,
+      headerLeft: () => {
+        var _props$taskMeta;
+        return props !== null && props !== void 0 && (_props$taskMeta = props.taskMeta) !== null && _props$taskMeta !== void 0 && _props$taskMeta.enableGoBack ? /*#__PURE__*/React.createElement(Icon, {
+          onPress: async () => {
+            setShowBackModal(true);
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        }) : null;
+      }
+    });
+  }, [props.navigation, props.title]);
+  const renderModal = () => {
+    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Modal, {
+      visible: showBackModal,
+      dismissable: true,
+      contentContainerStyle: CommonStyles.modalContent
+    }, /*#__PURE__*/React.createElement(View, {
+      style: CommonStyles.modalView
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: CommonStyles.subText
+    }, 'Are you sure you want to go back?'), /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.nextButtonLabel,
+      style: {
+        ...CommonStyles.nextButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: async () => {
+        props.onSubmitET({
+          ...(await getBaseETResponse(EntityCode.VALIDATE_OTP_ET, false, GO_BACK_EVENT_CODE, '')),
+          data: {}
+        });
+        setShowBackModal(false);
+      }
+    }, "Yes"), /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.cancelButtonLabel,
+      style: {
+        ...CommonStyles.cancelButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: () => setShowBackModal(false)
+    }, "No"))));
+  };
+  return /*#__PURE__*/React.createElement(Provider, null, renderModal(), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
     style: CommonStyles.mainContainer
   }, /*#__PURE__*/React.createElement(ScrollView, {
     style: {
@@ -37,7 +95,8 @@ const FormGenerator = props => {
       borderWidth: 1
     }
   }, /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: { ...defaultProps,
+    value: {
+      ...defaultProps,
       requiredTitle: '*',
       theme: {
         primaryColor: SdkColors[ColorTheme.LIGHT].primaryButton,
@@ -50,18 +109,38 @@ const FormGenerator = props => {
       }
     }
   }, /*#__PURE__*/React.createElement(ReactNativeForm, {
-    widgets: customWidgets // @ts-ignore
+    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), '')),
+          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), '')),
+          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), '')),
+          data: response.formData
+        });
+      }
     }
   }, /*#__PURE__*/React.createElement(Text, null))))), /*#__PURE__*/React.createElement(View, {
     style: [{
@@ -79,12 +158,33 @@ const FormGenerator = props => {
     mode: 'contained',
     onPress: () => {
       if (form.current) {
+        setOnCancel(false);
+        // @ts-ignore
+        form.current.submit();
+      }
+    }
+  }, "Submit"))), /*#__PURE__*/React.createElement(View, {
+    style: [{
+      margin: 10
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: [CommonStyles.cancelButton, {
+      flex: 1
+    }],
+    labelStyle: CommonStyles.cancelButtonLabel,
+    mode: 'outlined',
+    onPress: () => {
+      if (form.current) {
+        setOnCancel(true);
         // @ts-ignore
         form.current.submit();
       }
     }
-  }, "Submit"))));
+  }, "Cancel")))));
 };
-
 export default FormGenerator;
 //# 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","KeyboardAvoidingView","ScrollView","Text","View","ReactNativeForm","defaultProps","FormContext","DateTimeWidget","TimeRangeSelector","QRBarcodeScannerWidget","DropdownWidget","Button","Modal","Portal","Provider","getBaseETResponse","getEventCodeByET","EntityCode","ExecutionTaskID","CommonStyles","Fonts","SdkColors","ColorTheme","Icon","GO_BACK_EVENT_CODE","customWidgets","datePicker","timeRangeSelector","scanner","select","FormGenerator","props","form","showBackModal","setShowBackModal","onCancel","setOnCancel","navigation","setOptions","title","headerLeft","_props$taskMeta","taskMeta","enableGoBack","createElement","onPress","name","color","size","style","paddingRight","paddingTop","renderModal","visible","dismissable","contentContainerStyle","modalContent","modalView","subText","labelStyle","nextButtonLabel","nextButton","marginTop","uppercase","onSubmitET","VALIDATE_OTP_ET","data","cancelButtonLabel","cancelButton","mainContainer","flex","backgroundColor","padding","marginStart","marginEnd","borderRadius","borderColor","borderWidth","value","requiredTitle","theme","primaryColor","LIGHT","primaryButton","highlightColor","textColor","placeholderTextColor","errorColor","fontFamily","IBMPlexSans_600SemiBold","widgets","ref","schema","jsonSchema","showErrorList","uiSchema","onError","error","_props$applicableReas","FORMS","applicableReasons","failure","onSubmit","response","_props$applicableReas2","formData","_props$applicableReas3","success","margin","flexDirection","mode","current","submit"],"sources":["FormGenerator.tsx"],"sourcesContent":["import React, { useRef, useState, useLayoutEffect } 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 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';\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  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () =>\n        props?.taskMeta?.enableGoBack ? (\n          <Icon\n            onPress={async () => {\n              setShowBackModal(true);\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        ) : null,\n    });\n  }, [props.navigation, props.title]);\n\n  const renderModal = () => {\n    return (\n      <Portal>\n        <Modal\n          visible={showBackModal}\n          dismissable={true}\n          contentContainerStyle={CommonStyles.modalContent}\n        >\n          <View style={CommonStyles.modalView}>\n            <Text style={CommonStyles.subText}>\n              {'Are you sure you want to go back?'}\n            </Text>\n            <Button\n              labelStyle={CommonStyles.nextButtonLabel}\n              style={{ ...CommonStyles.nextButton, marginTop: 10 }}\n              uppercase={false}\n              onPress={async () => {\n                props.onSubmitET({\n                  ...(await getBaseETResponse(\n                    EntityCode.VALIDATE_OTP_ET,\n                    false,\n                    GO_BACK_EVENT_CODE,\n                    ''\n                  )),\n                  data: {},\n                });\n                setShowBackModal(false);\n              }}\n            >\n              Yes\n            </Button>\n            <Button\n              labelStyle={CommonStyles.cancelButtonLabel}\n              style={{ ...CommonStyles.cancelButton, marginTop: 10 }}\n              uppercase={false}\n              onPress={() => setShowBackModal(false)}\n            >\n              No\n            </Button>\n          </View>\n        </Modal>\n      </Portal>\n    );\n  };\n\n  return (\n    <Provider>\n      {renderModal()}\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={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                      )),\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                      )),\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                      )),\n                      data: response.formData,\n                    });\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                  setOnCancel(false);\n                  // @ts-ignore\n                  form.current.submit();\n                }\n              }}\n            >\n              Submit\n            </Button>\n          </View>\n        </View>\n        <View style={[{ margin: 10 }]}>\n          <View style={{ flexDirection: 'row' }}>\n            <Button\n              style={[CommonStyles.cancelButton, { flex: 1 }]}\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"],"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,EAChD,CACG;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

@@ -3,7 +3,6 @@ import { Modal, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'reac
 import { useFormContext } from 'rjsf-native';
 import { AntDesign } from '@expo/vector-icons';
 import CScanner from '../../scanner/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 '../../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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"}

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,EAAE,CAAC;EAC9C,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAGV,QAAQ,CAAC,IAAIQ,IAAI,EAAE,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,GACF,eACFrB,KAAA,CAAAgB,aAAA,CAACX,cAAc,EAAAe,QAAA,KACTb,KAAK;IACTM,QAAQ,EAAGQ,IAAI,IAAK;MAClBT,MAAM,CAACS,IAAI,CAAC;IACd;EAAE,GACF,CACG;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"}

package/lib/module/components/executiontasks/httpRequest/HttpEtUtils.js

@@ -12,7 +12,8 @@ export async function getApiResponse(apiData) {
     timeout: apiData.timeout ?? 15000,
     // timeout in millis i.e 15s
     url: apiData.uri,
-    headers: { ...getAddHeaders(apiData.headers),
+    headers: {
+      ...getAddHeaders(apiData.headers),
       ...(await getHeaders(API_CONTENT_TYPES.APPLICATION_JSON))
     }
   };
@@ -26,7 +27,8 @@ export function getOutputUsingJsonpath(json, jsonPath) {
   });
 }
 export async function getHttpETOutput(apiResponse, jsonPath, success) {
-  return { ...(await getBaseETResponse(EntityCode.HTTP_REQUEST_ET, success, success ? BaseEventCodes.ENTITY_SUCCESS : BaseEventCodes.ENTITY_FAILURE, '')),
+  return {
+    ...(await getBaseETResponse(EntityCode.HTTP_REQUEST_ET, success, success ? BaseEventCodes.ENTITY_SUCCESS : BaseEventCodes.ENTITY_FAILURE, '')),
     apiResponse: getOutputUsingJsonpath(apiResponse, jsonPath)
   };
 }

package/lib/module/components/executiontasks/httpRequest/HttpEtUtils.js.map

@@ -1 +1 @@
-{"version":3,"names":["axios","getAddHeaders","getHeaders","API_CONTENT_TYPES","JSONPath","isEmptyOrBlank","getBaseETResponse","BaseEventCodes","EntityCode","getApiResponse","apiData","axiosConfig","data","requestBody","method","httpMethod","timeout","url","uri","headers","APPLICATION_JSON","getOutputUsingJsonpath","json","jsonPath","path","getHttpETOutput","apiResponse","success","HTTP_REQUEST_ET","ENTITY_SUCCESS","ENTITY_FAILURE"],"sources":["HttpEtUtils.ts"],"sourcesContent":["import type { APIData, HttpRequestETOutput } from './HttpRequestETSchema';\nimport axios, { AxiosRequestConfig } from 'axios';\nimport { getAddHeaders, getHeaders } from '../../../network/NetworkUtils';\nimport { API_CONTENT_TYPES } from '../../../network/GraphQLClient';\nimport { JSONPath } from 'jsonpath-plus';\nimport { isEmptyOrBlank } from '../../../utils/utils';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { BaseEventCodes, EntityCode } from '../../../models/execTasks/ETConfig';\n\nexport async function getApiResponse(apiData: APIData) {\n  const axiosConfig: AxiosRequestConfig = {\n    data: apiData.requestBody,\n    method: apiData.httpMethod,\n    timeout: apiData.timeout ?? 15000, // timeout in millis i.e 15s\n    url: apiData.uri,\n    headers: {\n      ...getAddHeaders(apiData.headers),\n      ...(await getHeaders(API_CONTENT_TYPES.APPLICATION_JSON)),\n    },\n  };\n  return axios(axiosConfig);\n}\nexport function getOutputUsingJsonpath(json: object, jsonPath: string) {\n  if (isEmptyOrBlank(jsonPath)) return json;\n  return JSONPath({ path: jsonPath, json });\n}\n\nexport async function getHttpETOutput(\n  apiResponse: object,\n  jsonPath: string,\n  success: boolean\n): Promise<HttpRequestETOutput> {\n  return {\n    ...(await getBaseETResponse(\n      EntityCode.HTTP_REQUEST_ET,\n      success,\n      success ? BaseEventCodes.ENTITY_SUCCESS : BaseEventCodes.ENTITY_FAILURE,\n      ''\n    )),\n    apiResponse: getOutputUsingJsonpath(apiResponse, jsonPath),\n  };\n}\n"],"mappings":"AACA,OAAOA,KAAP,MAA0C,OAA1C;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,+BAA1C;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAyB,eAAzB;AACA,SAASC,cAAT,QAA+B,sBAA/B;AACA,SAASC,iBAAT,QAAkC,8BAAlC;AACA,SAASC,cAAT,EAAyBC,UAAzB,QAA2C,oCAA3C;AAEA,OAAO,eAAeC,cAAf,CAA8BC,OAA9B,EAAgD;EACrD,MAAMC,WAA+B,GAAG;IACtCC,IAAI,EAAEF,OAAO,CAACG,WADwB;IAEtCC,MAAM,EAAEJ,OAAO,CAACK,UAFsB;IAGtCC,OAAO,EAAEN,OAAO,CAACM,OAAR,IAAmB,KAHU;IAGH;IACnCC,GAAG,EAAEP,OAAO,CAACQ,GAJyB;IAKtCC,OAAO,EAAE,EACP,GAAGlB,aAAa,CAACS,OAAO,CAACS,OAAT,CADT;MAEP,IAAI,MAAMjB,UAAU,CAACC,iBAAiB,CAACiB,gBAAnB,CAApB;IAFO;EAL6B,CAAxC;EAUA,OAAOpB,KAAK,CAACW,WAAD,CAAZ;AACD;AACD,OAAO,SAASU,sBAAT,CAAgCC,IAAhC,EAA8CC,QAA9C,EAAgE;EACrE,IAAIlB,cAAc,CAACkB,QAAD,CAAlB,EAA8B,OAAOD,IAAP;EAC9B,OAAOlB,QAAQ,CAAC;IAAEoB,IAAI,EAAED,QAAR;IAAkBD;EAAlB,CAAD,CAAf;AACD;AAED,OAAO,eAAeG,eAAf,CACLC,WADK,EAELH,QAFK,EAGLI,OAHK,EAIyB;EAC9B,OAAO,EACL,IAAI,MAAMrB,iBAAiB,CACzBE,UAAU,CAACoB,eADc,EAEzBD,OAFyB,EAGzBA,OAAO,GAAGpB,cAAc,CAACsB,cAAlB,GAAmCtB,cAAc,CAACuB,cAHhC,EAIzB,EAJyB,CAA3B,CADK;IAOLJ,WAAW,EAAEL,sBAAsB,CAACK,WAAD,EAAcH,QAAd;EAP9B,CAAP;AASD"}
+{"version":3,"names":["axios","getAddHeaders","getHeaders","API_CONTENT_TYPES","JSONPath","isEmptyOrBlank","getBaseETResponse","BaseEventCodes","EntityCode","getApiResponse","apiData","axiosConfig","data","requestBody","method","httpMethod","timeout","url","uri","headers","APPLICATION_JSON","getOutputUsingJsonpath","json","jsonPath","path","getHttpETOutput","apiResponse","success","HTTP_REQUEST_ET","ENTITY_SUCCESS","ENTITY_FAILURE"],"sources":["HttpEtUtils.ts"],"sourcesContent":["import type { APIData, HttpRequestETOutput } from './HttpRequestETSchema';\nimport axios, { AxiosRequestConfig } from 'axios';\nimport { getAddHeaders, getHeaders } from '../../../network/NetworkUtils';\nimport { API_CONTENT_TYPES } from '../../../network/GraphQLClient';\nimport { JSONPath } from 'jsonpath-plus';\nimport { isEmptyOrBlank } from '../../../utils/utils';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { BaseEventCodes, EntityCode } from '../../../models/execTasks/ETConfig';\n\nexport async function getApiResponse(apiData: APIData) {\n  const axiosConfig: AxiosRequestConfig = {\n    data: apiData.requestBody,\n    method: apiData.httpMethod,\n    timeout: apiData.timeout ?? 15000, // timeout in millis i.e 15s\n    url: apiData.uri,\n    headers: {\n      ...getAddHeaders(apiData.headers),\n      ...(await getHeaders(API_CONTENT_TYPES.APPLICATION_JSON)),\n    },\n  };\n  return axios(axiosConfig);\n}\nexport function getOutputUsingJsonpath(json: object, jsonPath: string) {\n  if (isEmptyOrBlank(jsonPath)) return json;\n  return JSONPath({ path: jsonPath, json });\n}\n\nexport async function getHttpETOutput(\n  apiResponse: object,\n  jsonPath: string,\n  success: boolean\n): Promise<HttpRequestETOutput> {\n  return {\n    ...(await getBaseETResponse(\n      EntityCode.HTTP_REQUEST_ET,\n      success,\n      success ? BaseEventCodes.ENTITY_SUCCESS : BaseEventCodes.ENTITY_FAILURE,\n      ''\n    )),\n    apiResponse: getOutputUsingJsonpath(apiResponse, jsonPath),\n  };\n}\n"],"mappings":"AACA,OAAOA,KAAK,MAA8B,OAAO;AACjD,SAASC,aAAa,EAAEC,UAAU,QAAQ,+BAA+B;AACzE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SAASC,cAAc,EAAEC,UAAU,QAAQ,oCAAoC;AAE/E,OAAO,eAAeC,cAAcA,CAACC,OAAgB,EAAE;EACrD,MAAMC,WAA+B,GAAG;IACtCC,IAAI,EAAEF,OAAO,CAACG,WAAW;IACzBC,MAAM,EAAEJ,OAAO,CAACK,UAAU;IAC1BC,OAAO,EAAEN,OAAO,CAACM,OAAO,IAAI,KAAK;IAAE;IACnCC,GAAG,EAAEP,OAAO,CAACQ,GAAG;IAChBC,OAAO,EAAE;MACP,GAAGlB,aAAa,CAACS,OAAO,CAACS,OAAO,CAAC;MACjC,IAAI,MAAMjB,UAAU,CAACC,iBAAiB,CAACiB,gBAAgB,CAAC;IAC1D;EACF,CAAC;EACD,OAAOpB,KAAK,CAACW,WAAW,CAAC;AAC3B;AACA,OAAO,SAASU,sBAAsBA,CAACC,IAAY,EAAEC,QAAgB,EAAE;EACrE,IAAIlB,cAAc,CAACkB,QAAQ,CAAC,EAAE,OAAOD,IAAI;EACzC,OAAOlB,QAAQ,CAAC;IAAEoB,IAAI,EAAED,QAAQ;IAAED;EAAK,CAAC,CAAC;AAC3C;AAEA,OAAO,eAAeG,eAAeA,CACnCC,WAAmB,EACnBH,QAAgB,EAChBI,OAAgB,EACc;EAC9B,OAAO;IACL,IAAI,MAAMrB,iBAAiB,CACzBE,UAAU,CAACoB,eAAe,EAC1BD,OAAO,EACPA,OAAO,GAAGpB,cAAc,CAACsB,cAAc,GAAGtB,cAAc,CAACuB,cAAc,EACvE,EAAE,CACH,CAAC;IACFJ,WAAW,EAAEL,sBAAsB,CAACK,WAAW,EAAEH,QAAQ;EAC3D,CAAC;AACH"}

package/lib/module/components/executiontasks/httpRequest/HttpRequestET.js

@@ -4,7 +4,6 @@ import { View } from 'react-native';
 import React, { useEffect, useState } from 'react';
 import { PLEASE_WAIT } from '../../../res/strings';
 import { getApiResponse, getHttpETOutput } from './HttpEtUtils';
-
 const HttpRequestET = props => {
   const [inProgress, setInProgress] = useState(true);
   useEffect(() => {
@@ -16,7 +15,6 @@ const HttpRequestET = props => {
           props.onSubmitET(await getHttpETOutput(apiResponse.data, props.api.responseJsonPath, true));
         } catch (error) {
           setInProgress(false);
-
           if (error.response) {
             /**
              * The request was made and the server responded
@@ -37,6 +35,5 @@ const HttpRequestET = props => {
     label: props.message ?? PLEASE_WAIT
   }));
 };
-
 export default HttpRequestET;
 //# sourceMappingURL=HttpRequestET.js.map