@os1-platform/dispatch-mobile 1.0.7 → 1.3.11

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

@@ -4,46 +4,88 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _rjsfNative = _interopRequireWildcard(require("rjsf-native"));
-
 var _DateTimeWidget = _interopRequireDefault(require("./widgets/DateTimeWidget"));
-
 var _TimeRangeSelector = _interopRequireDefault(require("./widgets/TimeRangeSelector"));
-
 var _QRBarcodeScannerWidget = _interopRequireDefault(require("./widgets/QRBarcodeScannerWidget"));
-
+var _DropdownWidget = _interopRequireDefault(require("./widgets/DropdownWidget"));
 var _reactNativePaper = require("react-native-paper");
-
 var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
-
 var _EventCodeContainer = require("../../../manager/dispatchCodes/EventCodeContainer");
-
 var _ETConfig = require("../../../models/execTasks/ETConfig");
-
 var _CommonStyles = require("../../../styles/executionTasks/CommonStyles");
-
 var _SdkColors = _interopRequireWildcard(require("../../../styles/SdkColors"));
-
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _constants = require("../../../constants/constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const customWidgets = {
   datePicker: _DateTimeWidget.default,
   timeRangeSelector: _TimeRangeSelector.default,
-  scanner: _QRBarcodeScannerWidget.default
+  scanner: _QRBarcodeScannerWidget.default,
+  select: _DropdownWidget.default
 };
-
 const FormGenerator = props => {
   const form = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+  const [showBackModal, setShowBackModal] = (0, _react.useState)(false);
+  const [onCancel, setOnCancel] = (0, _react.useState)(false);
+  (0, _react.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.default.createElement(_MaterialIcons.default, {
+          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.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Modal, {
+      visible: showBackModal,
+      dismissable: true,
+      contentContainerStyle: _CommonStyles.CommonStyles.modalContent
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _CommonStyles.CommonStyles.modalView
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: _CommonStyles.CommonStyles.subText
+    }, 'Are you sure you want to go back?'), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.nextButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: async () => {
+        props.onSubmitET({
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.VALIDATE_OTP_ET, false, _constants.GO_BACK_EVENT_CODE, '')),
+          data: {}
+        });
+        setShowBackModal(false);
+      }
+    }, "Yes"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.cancelButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: () => setShowBackModal(false)
+    }, "No"))));
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, renderModal(), /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
     style: _CommonStyles.CommonStyles.mainContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     style: {
@@ -62,7 +104,8 @@ const FormGenerator = props => {
       borderWidth: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_rjsfNative.FormContext.Provider, {
-    value: { ..._rjsfNative.defaultProps,
+    value: {
+      ..._rjsfNative.defaultProps,
       requiredTitle: '*',
       theme: {
         primaryColor: _SdkColors.default[_SdkColors.ColorTheme.LIGHT].primaryButton,
@@ -75,18 +118,38 @@ const FormGenerator = props => {
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_rjsfNative.default, {
-    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 (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.FORMS, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.FORMS, false, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.failure), '')),
+          data: {}
+        });
+      }
+    },
     onSubmit: async response => {
-      props.onSubmitET({ ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.FORMS, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.FORMS, true), '')),
-        data: response.formData
-      });
+      if (onCancel === true) {
+        var _props$applicableReas2;
+        props.onSubmitET({
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.FORMS, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.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 (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.FORMS, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.FORMS, true, (_props$applicableReas3 = props.applicableReasons) === null || _props$applicableReas3 === void 0 ? void 0 : _props$applicableReas3.success), '')),
+          data: response.formData
+        });
+      }
     }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null))))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [{
@@ -104,13 +167,34 @@ const FormGenerator = props => {
     mode: 'contained',
     onPress: () => {
       if (form.current) {
+        setOnCancel(false);
         // @ts-ignore
         form.current.submit();
       }
     }
-  }, "Submit"))));
+  }, "Submit"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      margin: 10
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.cancelButton, {
+      flex: 1
+    }],
+    labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+    mode: 'outlined',
+    onPress: () => {
+      if (form.current) {
+        setOnCancel(true);
+        // @ts-ignore
+        form.current.submit();
+      }
+    }
+  }, "Cancel")))));
 };
-
 var _default = FormGenerator;
 exports.default = _default;
 //# sourceMappingURL=FormGenerator.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["customWidgets","datePicker","DateTimeWidget","timeRangeSelector","TimeRangeSelector","scanner","QRBarcodeScannerWidget","FormGenerator","props","form","useRef","CommonStyles","mainContainer","flex","backgroundColor","padding","marginTop","marginStart","marginEnd","borderRadius","borderColor","borderWidth","defaultProps","requiredTitle","theme","primaryColor","SdkColors","ColorTheme","LIGHT","primaryButton","highlightColor","textColor","placeholderTextColor","errorColor","fontFamily","Fonts","IBMPlexSans_600SemiBold","jsonSchema","uiSchema","onError","response","onSubmitET","getBaseETResponse","EntityCode","FORMS","getEventCodeByET","ExecutionTaskID","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":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAIA;;AAIA;;;;;;;;AAEA,MAAMA,aAAa,GAAG;EACpBC,UAAU,EAAEC,uBADQ;EAEpBC,iBAAiB,EAAEC,0BAFC;EAGpBC,OAAO,EAAEC;AAHW,CAAtB;;AAMA,MAAMC,aAAa,GAAIC,KAAD,IAA4B;EAChD,MAAMC,IAAI,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAb;EACA,oBACE,6BAAC,iCAAD;IAAsB,KAAK,EAAEC,0BAAA,CAAaC;EAA1C,gBACE,6BAAC,uBAAD;IAAY,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAR;EAAnB,gBACE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLA,IAAI,EAAE,CADD;MAELC,eAAe,EAAE,OAFZ;MAGLC,OAAO,EAAE,EAHJ;MAILC,SAAS,EAAE,EAJN;MAKLC,WAAW,EAAE,EALR;MAMLC,SAAS,EAAE,EANN;MAOLC,YAAY,EAAE,EAPT;MAQLC,WAAW,EAAE,oBARR;MASLC,WAAW,EAAE;IATR;EADT,gBAaE,6BAAC,uBAAD,CAAa,QAAb;IACE,KAAK,EAAE,EACL,GAAGC,wBADE;MAELC,aAAa,EAAE,GAFV;MAGLC,KAAK,EAAE;QACLC,YAAY,EAAEC,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC,aADrC;QAELC,cAAc,EAAEJ,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC,aAFvC;QAGLT,WAAW,EAAEM,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC,aAHpC;QAILE,SAAS,EAAE,SAJN;QAKLC,oBAAoB,EAAE,SALjB;QAMLC,UAAU,EAAE,SANP;QAOLC,UAAU,EAAEC,mBAAA,CAAMC;MAPb;IAHF;EADT,gBAeE,6BAAC,mBAAD;IACE,OAAO,EAAEpC,aADX,CAEE;IAFF;IAGE,GAAG,EAAES,IAHP,CAIE;IAJF;IAKE,MAAM,EAAED,KAAK,CAAC6B,UALhB;IAME,aAAa,EAAE,KANjB;IAOE,QAAQ,EAAE7B,KAAK,CAAC8B,QAPlB;IAQE,OAAO,EAAE9B,KAAK,CAAC+B,OARjB;IASE,QAAQ,EAAE,MAAOC,QAAP,IAAoB;MAC5BhC,KAAK,CAACiC,UAAN,CAAiB,EACf,IAAI,MAAM,IAAAC,gCAAA,EACRC,oBAAA,CAAWC,KADH,EAER,IAFQ,EAGR,IAAAC,oCAAA,EAAiBC,yBAAA,CAAgBF,KAAjC,EAAwC,IAAxC,CAHQ,EAIR,EAJQ,CAAV,CADe;QAOfG,IAAI,EAAEP,QAAQ,CAACQ;MAPA,CAAjB;IASD;EAnBH,gBAqBE,6BAAC,iBAAD,OArBF,CAfF,CAbF,CADF,CADF,eAwDE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAV,CAAD;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAjB;EAAb,gBACE,6BAAC,wBAAD;IACE,KAAK,EAAE,CAACvC,0BAAA,CAAawC,UAAd,EAA0B;MAAEtC,IAAI,EAAE;IAAR,CAA1B,CADT;IAEE,UAAU,EAAEF,0BAAA,CAAayC,eAF3B;IAGE,IAAI,EAAE,WAHR;IAIE,OAAO,EAAE,MAAM;MACb,IAAI3C,IAAI,CAAC4C,OAAT,EAAkB;QAChB;QACA5C,IAAI,CAAC4C,OAAL,CAAaC,MAAb;MACD;IACF;EATH,YADF,CADF,CAxDF,CADF;AA4ED,CA9ED;;eAgFe/C,a"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_rjsfNative","_DateTimeWidget","_interopRequireDefault","_TimeRangeSelector","_QRBarcodeScannerWidget","_DropdownWidget","_reactNativePaper","_ExecTaskUtils","_EventCodeContainer","_ETConfig","_CommonStyles","_SdkColors","_MaterialIcons","_constants","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","customWidgets","datePicker","DateTimeWidget","timeRangeSelector","TimeRangeSelector","scanner","QRBarcodeScannerWidget","select","DropdownWidget","FormGenerator","props","form","useRef","showBackModal","setShowBackModal","useState","onCancel","setOnCancel","useLayoutEffect","navigation","setOptions","title","headerLeft","_props$taskMeta","taskMeta","enableGoBack","createElement","onPress","name","color","size","style","paddingRight","paddingTop","renderModal","Portal","Modal","visible","dismissable","contentContainerStyle","CommonStyles","modalContent","View","modalView","Text","subText","Button","labelStyle","nextButtonLabel","nextButton","marginTop","uppercase","onSubmitET","getBaseETResponse","EntityCode","VALIDATE_OTP_ET","GO_BACK_EVENT_CODE","data","cancelButtonLabel","cancelButton","Provider","KeyboardAvoidingView","mainContainer","ScrollView","flex","backgroundColor","padding","marginStart","marginEnd","borderRadius","borderColor","borderWidth","FormContext","value","defaultProps","requiredTitle","theme","primaryColor","SdkColors","ColorTheme","LIGHT","primaryButton","highlightColor","textColor","placeholderTextColor","errorColor","fontFamily","Fonts","IBMPlexSans_600SemiBold","widgets","ref","schema","jsonSchema","showErrorList","uiSchema","onError","error","_props$applicableReas","FORMS","getEventCodeByET","ExecutionTaskID","applicableReasons","failure","onSubmit","response","_props$applicableReas2","formData","_props$applicableReas3","success","margin","flexDirection","mode","current","submit","_default","exports"],"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/commonjs/components/executiontasks/forms/widgets/DateTimeWidget.js

@@ -4,29 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _datetimepicker = _interopRequireDefault(require("@react-native-community/datetimepicker"));
-
 var _rjsfNative = require("rjsf-native");
-
 var _SdkColors = _interopRequireWildcard(require("../../../../styles/SdkColors"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const MODES = {
   DATE: 'date',
   TIME: 'time',
   DATETIME: 'datetime'
 };
-
 const DateTimeWidget = _ref => {
   let {
     id,
@@ -50,10 +40,8 @@ const DateTimeWidget = _ref => {
     borderWidth: focused ? 2 : 1.5,
     color: theme.textColor
   };
-
   const onDateChange = (_event, selectedDate) => {
     setShow(_reactNative.Platform.OS === 'ios');
-
     if (selectedDate) {
       const currentDate = selectedDate;
       let dateTimeValue = getValueBasedOnMode(options, currentDate);
@@ -61,7 +49,6 @@ const DateTimeWidget = _ref => {
       onChange(dateTimeValue);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.container
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
@@ -80,7 +67,8 @@ const DateTimeWidget = _ref => {
     placeholderTextColor: theme.placeholderTextColor,
     style: [styles.input, themedStyle]
   })), show && /*#__PURE__*/_react.default.createElement(_datetimepicker.default, {
-    testID: "dateTimePicker" // @ts-ignore
+    testID: "dateTimePicker"
+    // @ts-ignore
     ,
     mode: getWidgetType(options.mode),
     minimumDate: options.mode === 'date' ? new Date() : undefined,
@@ -92,41 +80,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 = _reactNative.StyleSheet.create({
   container: {
     flex: 1
@@ -142,11 +120,10 @@ const styles = _reactNative.StyleSheet.create({
     color: '#111111'
   }
 });
+
 /**
  * max and min date has to be implemented
  */
-
-
 var _default = DateTimeWidget;
 exports.default = _default;
 //# sourceMappingURL=DateTimeWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["MODES","DATE","TIME","DATETIME","DateTimeWidget","id","label","value","onChange","onFocus","autofocus","options","rawErrors","maxDate","show","setShow","useState","date","setDate","theme","useFormContext","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","onDateChange","_event","selectedDate","Platform","OS","currentDate","dateTimeValue","getValueBasedOnMode","styles","container","placeholderTextColor","input","getWidgetType","mode","Date","undefined","uiOptions","toISOString","substring","toLocaleTimeString","slice","toLocaleString","StyleSheet","create","flex","SdkColors","ColorTheme","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":";;;;;;;AAAA;;AACA;;AAOA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,IAAI,EAAE,MADM;EAEZC,IAAI,EAAE,MAFM;EAGZC,QAAQ,EAAE;AAHE,CAAd;;AAWA,MAAMC,cAAc,GAAG,QAUA;EAAA,IAVC;IACtBC,EADsB;IAEtBC,KAFsB;IAGtBC,KAHsB;IAItBC,QAJsB;IAKtBC,OALsB;IAMtBC,SANsB;IAOtBC,OAPsB;IAQtBC,SARsB;IAStBC;EATsB,CAUD;EACrB,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,IAAAC,eAAA,EAAS,KAAT,CAAxB;EACA,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,IAAAF,eAAA,EAAsB,IAAtB,CAAxB;EACA,MAAM;IAAEG;EAAF,IAAY,IAAAC,0BAAA,GAAlB;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAN,eAAA,EAAS,KAAT,CAA9B;EAEA,MAAMO,WAAW,GAAG;IAClBC,WAAW,EACT,CAAAZ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEa,MAAX,IAAoB,CAApB,GACIN,KAAK,CAACO,UADV,GAEIL,OAAO,GACPF,KAAK,CAACQ,cADC,GAEPR,KAAK,CAACK,WANM;IAOlBI,WAAW,EAAEP,OAAO,GAAG,CAAH,GAAO,GAPT;IAQlBQ,KAAK,EAAEV,KAAK,CAACW;EARK,CAApB;;EAUA,MAAMC,YAAY,GAAG,CAACC,MAAD,EAAgBC,YAAhB,KAAwC;IAC3DlB,OAAO,CAACmB,qBAAA,CAASC,EAAT,KAAgB,KAAjB,CAAP;;IACA,IAAIF,YAAJ,EAAkB;MAChB,MAAMG,WAAW,GAAGH,YAApB;MACA,IAAII,aAAa,GAAGC,mBAAmB,CAAC3B,OAAD,EAAUyB,WAAV,CAAvC;MACAlB,OAAO,CAACkB,WAAD,CAAP;MACA5B,QAAQ,CAAC6B,aAAD,CAAR;IACD;EACF,CARD;;EAUA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEE,MAAM,CAACC;EAApB,gBACE,6BAAC,6BAAD;IAAkB,OAAO,EAAE,MAAMzB,OAAO,CAAC,IAAD;EAAxC,gBACE,6BAAC,sBAAD;IACE,QAAQ,EAAE,KADZ;IAEE,YAAY,EAAE,MAAMA,OAAO,CAAC,IAAD,CAF7B;IAGE,KAAK,EAAEuB,mBAAmB,CAAC3B,OAAD,EAAUM,IAAV,CAH5B;IAIE,WAAW,EAAEX,KAJf;IAKE,cAAc,EAAE,SALlB;IAME,SAAS,EAAEI,SANb;IAOE,OAAO,EAAE,MAAM;MACbY,UAAU,CAAC,IAAD,CAAV;MACAb,OAAO,CAACJ,EAAD,EAAKE,KAAL,CAAP;IACD,CAVH;IAWE,oBAAoB,EAAEY,KAAK,CAACsB,oBAX9B;IAYE,KAAK,EAAE,CAACF,MAAM,CAACG,KAAR,EAAenB,WAAf;EAZT,EADF,CADF,EAiBGT,IAAI,iBACH,6BAAC,uBAAD;IACE,MAAM,EAAC,gBADT,CAEE;IAFF;IAGE,IAAI,EAAE6B,aAAa,CAAChC,OAAO,CAACiC,IAAT,CAHrB;IAIE,WAAW,EAAEjC,OAAO,CAACiC,IAAR,KAAiB,MAAjB,GAA0B,IAAIC,IAAJ,EAA1B,GAAuCC,SAJtD;IAKE,WAAW,EAAEjC,OALf;IAME,QAAQ,EAAE,KANZ;IAOE,OAAO,EAAC,SAPV;IAQE,QAAQ,EAAEkB,YARZ;IASE,KAAK,EAAEd,IAAI,IAAI,IAAI4B,IAAJ,EATjB;IAUE,SAAS,EAAE;EAVb,EAlBJ,CADF;AAkCD,CAtED;;AAwEA,SAASF,aAAT,CAAuBC,IAAvB,EAA6C;EAC3C,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAO5C,KAAK,CAACC,IAAb;;IACF,KAAK,MAAL;MACE,OAAOD,KAAK,CAACE,IAAb;;IACF,KAAK,UAAL;MACE,OAAOF,KAAK,CAACG,QAAb;;IACF;MACE,OAAOH,KAAK,CAACC,IAAb;EARJ;AAUD;;AAED,SAASqC,mBAAT,CAA6BS,SAA7B,EAA6C9B,IAA7C,EAAwE;EACtE,IAAI,CAACA,IAAL,EAAW,OAAO,EAAP;;EACX,QAAQ8B,SAAS,CAACH,IAAlB;IACE,KAAK,MAAL;MACE,OAAO3B,IAAI,CAAC+B,WAAL,GAAmBC,SAAnB,CAA6B,CAA7B,EAAgC,EAAhC,CAAP;;IACF,KAAK,MAAL;MACE,OAAOhC,IAAI,CAACiC,kBAAL,GAA0BC,KAA1B,CAAgC,CAAhC,EAAmC,CAAnC,CAAP;;IACF,KAAK,UAAL;MACE,OAAOlC,IAAI,CAACmC,cAAL,EAAP;;IACF;MACE,OAAOnC,IAAI,CAACmC,cAAL,EAAP;EARJ;AAUD;;AAED,MAAMb,MAAM,GAAGc,uBAAA,CAAWC,MAAX,CAAkB;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE;EADG,CADoB;EAI/Bb,KAAK,EAAE;IACLlB,WAAW,EAAEgC,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC,aADpC;IAEL/B,WAAW,EAAE,CAFR;IAGLgC,iBAAiB,EAAE,EAHd;IAILC,UAAU,EAAE,EAJP;IAKLC,aAAa,EAAE,EALV;IAMLC,YAAY,EAAE,CANT;IAOLC,QAAQ,EAAE,EAPL;IAQLnC,KAAK,EAAE;EARF;AAJwB,CAAlB,CAAf;AAgBA;AACA;AACA;;;eAEezB,c"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_datetimepicker","_interopRequireDefault","_rjsfNative","_SdkColors","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MODES","DATE","TIME","DATETIME","DateTimeWidget","_ref","id","label","value","onChange","onFocus","autofocus","options","rawErrors","maxDate","show","setShow","useState","date","setDate","theme","useFormContext","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","onDateChange","_event","selectedDate","Platform","OS","currentDate","dateTimeValue","getValueBasedOnMode","createElement","View","style","styles","container","TouchableOpacity","onPress","TextInput","editable","onTouchStart","placeholder","selectionColor","autoFocus","placeholderTextColor","input","testID","mode","getWidgetType","minimumDate","Date","undefined","maximumDate","is24Hour","display","uiOptions","toISOString","substring","toLocaleTimeString","slice","toLocaleString","StyleSheet","create","flex","SdkColors","ColorTheme","LIGHT","primaryButton","paddingHorizontal","paddingTop","paddingBottom","borderRadius","fontSize","_default","exports"],"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAN,uBAAA,CAAAC,OAAA;AAAqE,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAErE,MAAMW,KAAK,GAAG;EACZC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE;AACZ,CAAC;AAOD,MAAMC,cAAc,GAAGC,IAAA,IAUA;EAAA,IAVC;IACtBC,EAAE;IACFC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC;EACe,CAAC,GAAAT,IAAA;EAChB,MAAM,CAACU,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAc,IAAI,CAAC;EACnD,MAAM;IAAEG;EAAM,CAAC,GAAG,IAAAC,0BAAc,GAAE;EAClC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAN,eAAQ,EAAC,KAAK,CAAC;EAE7C,MAAMO,WAAW,GAAG;IAClBC,WAAW,EACT,CAAAZ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEa,MAAM,IAAG,CAAC,GACjBN,KAAK,CAACO,UAAU,GAChBL,OAAO,GACPF,KAAK,CAACQ,cAAc,GACpBR,KAAK,CAACK,WAAW;IACvBI,WAAW,EAAEP,OAAO,GAAG,CAAC,GAAG,GAAG;IAC9BQ,KAAK,EAAEV,KAAK,CAACW;EACf,CAAC;EACD,MAAMC,YAAY,GAAGA,CAACC,MAAa,EAAEC,YAAmB,KAAK;IAC3DlB,OAAO,CAACmB,qBAAQ,CAACC,EAAE,KAAK,KAAK,CAAC;IAC9B,IAAIF,YAAY,EAAE;MAChB,MAAMG,WAAW,GAAGH,YAAY;MAChC,IAAII,aAAa,GAAGC,mBAAmB,CAAC3B,OAAO,EAAEyB,WAAW,CAAC;MAC7DlB,OAAO,CAACkB,WAAW,CAAC;MACpB5B,QAAQ,CAAC6B,aAAa,CAAC;IACzB;EACF,CAAC;EAED,oBACEpE,MAAA,CAAAU,OAAA,CAAA4D,aAAA,CAACnE,YAAA,CAAAoE,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B1E,MAAA,CAAAU,OAAA,CAAA4D,aAAA,CAACnE,YAAA,CAAAwE,gBAAgB;IAACC,OAAO,EAAEA,CAAA,KAAM9B,OAAO,CAAC,IAAI;EAAE,gBAC7C9C,MAAA,CAAAU,OAAA,CAAA4D,aAAA,CAACnE,YAAA,CAAA0E,SAAS;IACRC,QAAQ,EAAE,KAAM;IAChBC,YAAY,EAAEA,CAAA,KAAMjC,OAAO,CAAC,IAAI,CAAE;IAClCR,KAAK,EAAE+B,mBAAmB,CAAC3B,OAAO,EAAEM,IAAI,CAAE;IAC1CgC,WAAW,EAAE3C,KAAM;IACnB4C,cAAc,EAAE,SAAU;IAC1BC,SAAS,EAAEzC,SAAU;IACrBD,OAAO,EAAEA,CAAA,KAAM;MACba,UAAU,CAAC,IAAI,CAAC;MAChBb,OAAO,CAACJ,EAAE,EAAEE,KAAK,CAAC;IACpB,CAAE;IACF6C,oBAAoB,EAAEjC,KAAK,CAACiC,oBAAqB;IACjDX,KAAK,EAAE,CAACC,MAAM,CAACW,KAAK,EAAE9B,WAAW;EAAE,EACnC,CACe,EAClBT,IAAI,iBACH7C,MAAA,CAAAU,OAAA,CAAA4D,aAAA,CAAClE,eAAA,CAAAM,OAAc;IACb2E,MAAM,EAAC;IACP;IAAA;IACAC,IAAI,EAAEC,aAAa,CAAC7C,OAAO,CAAC4C,IAAI,CAAE;IAClCE,WAAW,EAAE9C,OAAO,CAAC4C,IAAI,KAAK,MAAM,GAAG,IAAIG,IAAI,EAAE,GAAGC,SAAU;IAC9DC,WAAW,EAAE/C,OAAQ;IACrBgD,QAAQ,EAAE,KAAM;IAChBC,OAAO,EAAC,SAAS;IACjBtD,QAAQ,EAAEuB,YAAa;IACvBxB,KAAK,EAAEU,IAAI,IAAI,IAAIyC,IAAI,EAAG;IAC1B5B,SAAS,EAAE;EAAM,EAEpB,CACI;AAEX,CAAC;AAED,SAAS0B,aAAaA,CAACD,IAAY,EAAU;EAC3C,QAAQA,IAAI;IACV,KAAK,MAAM;MACT,OAAOxD,KAAK,CAACC,IAAI;IACnB,KAAK,MAAM;MACT,OAAOD,KAAK,CAACE,IAAI;IACnB,KAAK,UAAU;MACb,OAAOF,KAAK,CAACG,QAAQ;IACvB;MACE,OAAOH,KAAK,CAACC,IAAI;EAAC;AAExB;AAEA,SAASsC,mBAAmBA,CAACyB,SAAc,EAAE9C,IAAiB,EAAU;EACtE,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE;EACpB,QAAQ8C,SAAS,CAACR,IAAI;IACpB,KAAK,MAAM;MACT,OAAOtC,IAAI,CAAC+C,WAAW,EAAE,CAACC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC;IAC5C,KAAK,MAAM;MACT,OAAOhD,IAAI,CAACiD,kBAAkB,EAAE,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,KAAK,UAAU;MACb,OAAOlD,IAAI,CAACmD,cAAc,EAAE;IAC9B;MACE,OAAOnD,IAAI,CAACmD,cAAc,EAAE;EAAC;AAEnC;AAEA,MAAM1B,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,IAAI,EAAE;EACR,CAAC;EACDlB,KAAK,EAAE;IACL7B,WAAW,EAAEgD,kBAAS,CAACC,qBAAU,CAACC,KAAK,CAAC,CAACC,aAAa;IACtD/C,WAAW,EAAE,CAAC;IACdgD,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,EAAE;IACZnD,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AAFA,IAAAoD,QAAA,GAIe9E,cAAc;AAAA+E,OAAA,CAAAvG,OAAA,GAAAsG,QAAA"}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeDropdownPicker = _interopRequireDefault(require("react-native-dropdown-picker"));
+var _SdkColors = _interopRequireWildcard(require("../../../../styles/SdkColors"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const DropdownWidget = props => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [dropdownValue, setDropdownValue] = (0, _react.useState)(props.value);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeDropdownPicker.default, {
+    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 = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  input: {
+    borderColor: _SdkColors.default[_SdkColors.ColorTheme.LIGHT].primaryButton,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingTop: 15,
+    paddingBottom: 15,
+    borderRadius: 4,
+    fontSize: 16,
+    color: '#111111'
+  }
+});
+var _default = DropdownWidget;
+exports.default = _default;
+//# sourceMappingURL=DropdownWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeDropdownPicker","_interopRequireDefault","_SdkColors","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DropdownWidget","props","open","setOpen","useState","dropdownValue","setDropdownValue","value","createElement","View","style","styles","container","input","items","options","enumOptions","setValue","listMode","onChangeValue","onChange","StyleSheet","create","flex","borderColor","SdkColors","ColorTheme","LIGHT","primaryButton","borderWidth","paddingHorizontal","paddingTop","paddingBottom","borderRadius","fontSize","color","_default","exports"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAL,uBAAA,CAAAC,OAAA;AAAqE,SAAAG,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAM,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAWrE,MAAMW,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAACH,KAAK,CAACM,KAAK,CAAC;EAC/D,oBACEpC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,CAAClC,YAAA,CAAAmC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BzC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,CAACjC,0BAAA,CAAAK,OAAc;IACb8B,KAAK,EAAEC,MAAM,CAACE;IACd;IAAA;IACAC,KAAK,EAAEb,KAAK,CAACc,OAAO,CAACC,WAAY;IACjCd,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAEF,aAAc;IACrBY,QAAQ,EAAEX,gBAAiB;IAC3BY,QAAQ,EAAE,YAAa;IACvBC,aAAa,EAAGZ,KAAK,IAAKN,KAAK,CAACmB,QAAQ,CAACb,KAAK;EAAE,EAChD,CACG;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,IAAI,EAAE;EACR,CAAC;EACDV,KAAK,EAAE;IACLW,WAAW,EAAEC,kBAAS,CAACC,qBAAU,CAACC,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;AAAC,IAAAC,QAAA,GAEYpC,cAAc;AAAAqC,OAAA,CAAAzD,OAAA,GAAAwD,QAAA"}

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _rjsfNative = require("rjsf-native");
-
 var _vectorIcons = require("@expo/vector-icons");
-
 var _CScanner = _interopRequireDefault(require("../../scanner/CScanner"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const QRBarcodeScannerWidget = _ref => {
   let {
     id,
@@ -32,9 +23,7 @@ const QRBarcodeScannerWidget = _ref => {
     rawErrors
   } = _ref;
   const [show, setShow] = (0, _react.useState)(false);
-
   const [scannerOutput, setScannerOutput] = _react.default.useState('');
-
   const {
     theme
   } = (0, _rjsfNative.useFormContext)();
@@ -67,12 +56,10 @@ const QRBarcodeScannerWidget = _ref => {
       onChange(data);
     }
     /**
-     * Failure case impl.*/
-    ,
+     * Failure case impl.*/,
     onModalClose: () => setShow(false)
   }));
 };
-
 function ScannerDialog(props) {
   const [modalVisible, setModalVisible] = (0, _react.useState)(true);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -108,7 +95,6 @@ function ScannerDialog(props) {
     }
   })))));
 }
-
 const styles = _reactNative.StyleSheet.create({
   centeredView: {
     flex: 1,
@@ -149,7 +135,6 @@ const styles = _reactNative.StyleSheet.create({
     color: '#333333'
   }
 });
-
 var _default = QRBarcodeScannerWidget;
 exports.default = _default;
 //# sourceMappingURL=QRBarcodeScannerWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["QRBarcodeScannerWidget","id","label","value","onChange","onFocus","autofocus","rawErrors","show","setShow","useState","scannerOutput","setScannerOutput","React","theme","useFormContext","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","StyleSheet","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":";;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,sBAAsB,GAAG,QAQZ;EAAA,IARa;IAC9BC,EAD8B;IAE9BC,KAF8B;IAG9BC,KAH8B;IAI9BC,QAJ8B;IAK9BC,OAL8B;IAM9BC,SAN8B;IAO9BC;EAP8B,CAQb;EACjB,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,IAAAC,eAAA,EAAS,KAAT,CAAxB;;EACA,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,cAAA,CAAMH,QAAN,CAAuB,EAAvB,CAA1C;;EACA,MAAM;IAAEI;EAAF,IAAY,IAAAC,0BAAA,GAAlB;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAP,eAAA,EAAS,KAAT,CAA9B;EAEA,MAAMQ,WAAW,GAAG;IAClBC,WAAW,EACT,CAAAZ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEa,MAAX,IAAoB,CAApB,GACIN,KAAK,CAACO,UADV,GAEIL,OAAO,GACPF,KAAK,CAACQ,cADC,GAEPR,KAAK,CAACK,WANM;IAOlBI,WAAW,EAAEP,OAAO,GAAG,CAAH,GAAO,CAPT;IAQlBQ,KAAK,EAAEV,KAAK,CAACW;EARK,CAApB;EAWA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,6BAAD;IAAkB,OAAO,EAAE,MAAMlB,OAAO,CAAC,IAAD;EAAxC,gBACE,6BAAC,sBAAD;IACE,QAAQ,EAAE,KADZ;IAEE,YAAY,EAAE,MAAMA,OAAO,CAAC,IAAD,CAF7B;IAGE,KAAK,EAAEE,aAHT;IAIE,WAAW,EAAET,KAJf;IAKE,SAAS,EAAEI,SALb;IAME,OAAO,EAAE,MAAM;MACbW,UAAU,CAAC,IAAD,CAAV;MACAZ,OAAO,CAACJ,EAAD,EAAKE,KAAL,CAAP;IACD,CATH;IAUE,cAAc,EAAEW,KAAK,CAACQ,cAVxB;IAWE,oBAAoB,EAAER,KAAK,CAACc,oBAX9B;IAYE,KAAK,EAAE,CAACF,MAAM,CAACG,KAAR,EAAeX,WAAf;EAZT,EADF,CADF,EAiBGV,IAAI,iBACH,6BAAC,aAAD;IACE,cAAc,EAAGsB,IAAD,IAAU;MACxBlB,gBAAgB,CAACkB,IAAD,CAAhB;MACA1B,QAAQ,CAAC0B,IAAD,CAAR;IACD;IACD;AACV;IANQ;IAOE,YAAY,EAAE,MAAMrB,OAAO,CAAC,KAAD;EAP7B,EAlBJ,CADF;AA+BD,CAxDD;;AA0DA,SAASsB,aAAT,CAAuBC,KAAvB,EAAkD;EAChD,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkC,IAAAxB,eAAA,EAAS,IAAT,CAAxC;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEgB,MAAM,CAACS;EAApB,gBACE,6BAAC,kBAAD;IACE,aAAa,EAAC,OADhB;IAEE,WAAW,EAAE,IAFf;IAGE,OAAO,EAAEF,YAHX;IAIE,cAAc,EAAE,MAAM;MACpBC,eAAe,CAAC,CAACD,YAAF,CAAf;MACAD,KAAK,CAACI,YAAN;IACD;EAPH,gBASE,6BAAC,iBAAD;IAAM,KAAK,EAAEV,MAAM,CAACS;EAApB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAET,MAAM,CAACW;EAApB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEX,MAAM,CAACY;EAApB,wBADF,eAEE,6BAAC,iBAAD;IACE,YAAY,EAAE,EADhB;IAEE,SAAS,EAAGC,MAAD,IAAY;MACrBP,KAAK,CAACQ,cAAN,CAAqBD,MAArB;MACAL,eAAe,CAAC,KAAD,CAAf;MACAF,KAAK,CAACI,YAAN;IACD;EANH,EAFF,eAUE,6BAAC,sBAAD;IACE,IAAI,EAAC,cADP;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,EAAC,MAHR;IAIE,OAAO,EAAE,MAAM;MACbF,eAAe,CAAC,KAAD,CAAf;MACAF,KAAK,CAACI,YAAN;IACD;EAPH,EAVF,CADF,CATF,CADF,CADF;AAoCD;;AACD,MAAMV,MAAM,GAAGe,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,YAAY,EAAE;IACZQ,IAAI,EAAE,CADM;IAEZC,cAAc,EAAE,QAFJ;IAGZC,UAAU,EAAE,QAHA;IAIZC,SAAS,EAAE;EAJC,CADiB;EAO/BT,YAAY,EAAE;IACZU,MAAM,EAAE,EADI;IAEZC,eAAe,EAAE,OAFL;IAGZC,YAAY,EAAE,EAHF;IAIZC,OAAO,EAAE,EAJG;IAKZL,UAAU,EAAE,QALA;IAMZM,WAAW,EAAE,MAND;IAOZC,YAAY,EAAE;MACZC,KAAK,EAAE,CADK;MAEZC,MAAM,EAAE;IAFI,CAPF;IAWZC,aAAa,EAAE,IAXH;IAYZC,YAAY,EAAE,CAZF;IAaZC,SAAS,EAAE;EAbC,CAPiB;EAsB/BnB,SAAS,EAAE;IACToB,YAAY,EAAE,EADL;IAETC,SAAS,EAAE;EAFF,CAtBoB;EA0B/BhC,SAAS,EAAE;IACTgB,IAAI,EAAE;EADG,CA1BoB;EA6B/Bd,KAAK,EAAE;IACLV,WAAW,EAAE,SADR;IAELI,WAAW,EAAE,CAFR;IAGLqC,iBAAiB,EAAE,EAHd;IAILC,UAAU,EAAE,EAJP;IAKLC,aAAa,EAAE,EALV;IAMLb,YAAY,EAAE,CANT;IAOLc,QAAQ,EAAE,EAPL;IAQLvC,KAAK,EAAE;EARF;AA7BwB,CAAlB,CAAf;;eA6CexB,sB"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_rjsfNative","_vectorIcons","_CScanner","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","QRBarcodeScannerWidget","_ref","id","label","value","onChange","onFocus","autofocus","rawErrors","show","setShow","useState","scannerOutput","setScannerOutput","React","theme","useFormContext","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","createElement","View","style","styles","container","TouchableOpacity","onPress","TextInput","editable","onTouchStart","placeholder","autoFocus","selectionColor","placeholderTextColor","input","ScannerDialog","onSubmitDialog","data","onModalClose","props","modalVisible","setModalVisible","centeredView","Modal","animationType","transparent","visible","onRequestClose","modalContent","Text","modalText","barCodeTypes","onScanned","result","AntDesign","name","size","StyleSheet","create","flex","justifyContent","alignItems","marginTop","margin","backgroundColor","borderRadius","padding","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","marginBottom","textAlign","paddingHorizontal","paddingTop","paddingBottom","fontSize","_default","exports"],"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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"}