@os1-platform/dispatch-mobile 1.0.8 → 2.0.0

package/lib/commonjs/components/widgets/CancelOrderDialog.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _CommonStyles = require("../../styles/executionTasks/CommonStyles");
-
 var _reactNativePaper = require("react-native-paper");
-
 var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
-
 var _SdkColors = _interopRequireWildcard(require("../../styles/SdkColors"));
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CancelOrderDialog = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
     animationType: "none",
@@ -80,7 +70,6 @@ const CancelOrderDialog = props => {
     testID: "secondary"
   }, props.negativeButtonTitle ?? 'No')))));
 };
-
 const styles = _reactNative.StyleSheet.create({
   content: {
     backgroundColor: 'white',
@@ -95,7 +84,6 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: 'rgba(0,0,0,0.7)'
   }
 });
-
 var _default = CancelOrderDialog;
 exports.default = _default;
 //# sourceMappingURL=CancelOrderDialog.js.map

package/lib/commonjs/components/widgets/CancelOrderDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["CancelOrderDialog","props","visible","styles","wrapper","content","showIcon","iconName","alignSelf","SdkColors","ColorTheme","LIGHT","primaryButton","fontFamily","Fonts","IBMPlexSans_600SemiBold","marginTop","marginBottom","textAlign","color","label","message","fontSize","IBMPlexSans_400Regular","CommonStyles","nextButtonLabel","nextButton","onSubmit","positiveButtonTitle","cancelButtonLabel","cancelButton","negativeButtonTitle","StyleSheet","create","backgroundColor","padding","borderRadius","width","flex","alignItems","justifyContent"],"sources":["CancelOrderDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, StyleSheet, View } from 'react-native';\nimport { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';\nimport { Button, Paragraph, Title } from 'react-native-paper';\nimport Icon from 'react-native-vector-icons/MaterialCommunityIcons';\nimport SdkColors, { ColorTheme } from '../../styles/SdkColors';\n\nconst CancelOrderDialog = (props: CancelDialogProps) => {\n  return (\n    <Modal\n      animationType=\"none\"\n      transparent={true}\n      visible={props.visible}\n      onRequestClose={() => {}}\n    >\n      <View style={styles.wrapper}>\n        <View style={styles.content}>\n          {props.showIcon && props.iconName && (\n            <Icon\n              style={{ alignSelf: 'center' }}\n              size={34}\n              name={props.iconName}\n              color={SdkColors[ColorTheme.LIGHT].primaryButton}\n            />\n          )}\n          <Title\n            style={{\n              fontFamily: Fonts.IBMPlexSans_600SemiBold,\n              marginTop: 0,\n              marginBottom: 15,\n              textAlign: 'center',\n              color: '#000000',\n            }}\n          >\n            {props.label ?? 'Cancel Order'}\n          </Title>\n          {props.message && (\n            <Paragraph\n              style={{\n                textAlign: 'center',\n                fontSize: 14,\n                fontFamily: Fonts.IBMPlexSans_400Regular,\n              }}\n            >\n              {props.message}\n            </Paragraph>\n          )}\n          <View style={{ marginTop: 20 }}>\n            <Button\n              mode={'outlined'}\n              uppercase={false}\n              labelStyle={CommonStyles.nextButtonLabel}\n              style={CommonStyles.nextButton}\n              onPress={() => {\n                props.onSubmit(true);\n              }}\n              testID=\"primary\"\n            >\n              {props.positiveButtonTitle ?? 'Yes'}\n            </Button>\n            <Button\n              uppercase={false}\n              mode={'outlined'}\n              labelStyle={CommonStyles.cancelButtonLabel}\n              style={[CommonStyles.cancelButton, { marginTop: 10 }]}\n              onPress={async () => {\n                props.onSubmit(false);\n              }}\n              testID=\"secondary\"\n            >\n              {props.negativeButtonTitle ?? 'No'}\n            </Button>\n          </View>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  content: {\n    backgroundColor: 'white',\n    padding: 20,\n    borderRadius: 5,\n    width: '80%',\n  },\n  wrapper: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.7)',\n  },\n});\n\nexport default CancelOrderDialog;\n\nexport interface CancelDialogProps {\n  visible: boolean;\n  onSubmit: (success: boolean) => void;\n  label?: string;\n  message?: string;\n  positiveButtonTitle?: string;\n  negativeButtonTitle?: string;\n  showIcon?: boolean;\n  iconName?: string;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,iBAAiB,GAAIC,KAAD,IAA8B;EACtD,oBACE,6BAAC,kBAAD;IACE,aAAa,EAAC,MADhB;IAEE,WAAW,EAAE,IAFf;IAGE,OAAO,EAAEA,KAAK,CAACC,OAHjB;IAIE,cAAc,EAAE,MAAM,CAAE;EAJ1B,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAED,MAAM,CAACE;EAApB,GACGJ,KAAK,CAACK,QAAN,IAAkBL,KAAK,CAACM,QAAxB,iBACC,6BAAC,+BAAD;IACE,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAb,CADT;IAEE,IAAI,EAAE,EAFR;IAGE,IAAI,EAAEP,KAAK,CAACM,QAHd;IAIE,KAAK,EAAEE,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC;EAJrC,EAFJ,eASE,6BAAC,uBAAD;IACE,KAAK,EAAE;MACLC,UAAU,EAAEC,mBAAA,CAAMC,uBADb;MAELC,SAAS,EAAE,CAFN;MAGLC,YAAY,EAAE,EAHT;MAILC,SAAS,EAAE,QAJN;MAKLC,KAAK,EAAE;IALF;EADT,GASGlB,KAAK,CAACmB,KAAN,IAAe,cATlB,CATF,EAoBGnB,KAAK,CAACoB,OAAN,iBACC,6BAAC,2BAAD;IACE,KAAK,EAAE;MACLH,SAAS,EAAE,QADN;MAELI,QAAQ,EAAE,EAFL;MAGLT,UAAU,EAAEC,mBAAA,CAAMS;IAHb;EADT,GAOGtB,KAAK,CAACoB,OAPT,CArBJ,eA+BE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEL,SAAS,EAAE;IAAb;EAAb,gBACE,6BAAC,wBAAD;IACE,IAAI,EAAE,UADR;IAEE,SAAS,EAAE,KAFb;IAGE,UAAU,EAAEQ,0BAAA,CAAaC,eAH3B;IAIE,KAAK,EAAED,0BAAA,CAAaE,UAJtB;IAKE,OAAO,EAAE,MAAM;MACbzB,KAAK,CAAC0B,QAAN,CAAe,IAAf;IACD,CAPH;IAQE,MAAM,EAAC;EART,GAUG1B,KAAK,CAAC2B,mBAAN,IAA6B,KAVhC,CADF,eAaE,6BAAC,wBAAD;IACE,SAAS,EAAE,KADb;IAEE,IAAI,EAAE,UAFR;IAGE,UAAU,EAAEJ,0BAAA,CAAaK,iBAH3B;IAIE,KAAK,EAAE,CAACL,0BAAA,CAAaM,YAAd,EAA4B;MAAEd,SAAS,EAAE;IAAb,CAA5B,CAJT;IAKE,OAAO,EAAE,YAAY;MACnBf,KAAK,CAAC0B,QAAN,CAAe,KAAf;IACD,CAPH;IAQE,MAAM,EAAC;EART,GAUG1B,KAAK,CAAC8B,mBAAN,IAA6B,IAVhC,CAbF,CA/BF,CADF,CANF,CADF;AAqED,CAtED;;AAwEA,MAAM5B,MAAM,GAAG6B,uBAAA,CAAWC,MAAX,CAAkB;EAC/B5B,OAAO,EAAE;IACP6B,eAAe,EAAE,OADV;IAEPC,OAAO,EAAE,EAFF;IAGPC,YAAY,EAAE,CAHP;IAIPC,KAAK,EAAE;EAJA,CADsB;EAO/BjC,OAAO,EAAE;IACPkC,IAAI,EAAE,CADC;IAEPC,UAAU,EAAE,QAFL;IAGPC,cAAc,EAAE,QAHT;IAIPN,eAAe,EAAE;EAJV;AAPsB,CAAlB,CAAf;;eAeelC,iB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CommonStyles","_reactNativePaper","_MaterialCommunityIcons","_SdkColors","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CancelOrderDialog","props","createElement","Modal","animationType","transparent","visible","onRequestClose","View","style","styles","wrapper","content","showIcon","iconName","alignSelf","size","name","color","SdkColors","ColorTheme","LIGHT","primaryButton","Title","fontFamily","Fonts","IBMPlexSans_600SemiBold","marginTop","marginBottom","textAlign","label","message","Paragraph","fontSize","IBMPlexSans_400Regular","Button","mode","uppercase","labelStyle","CommonStyles","nextButtonLabel","nextButton","onPress","onSubmit","testID","positiveButtonTitle","cancelButtonLabel","cancelButton","negativeButtonTitle","StyleSheet","create","backgroundColor","padding","borderRadius","width","flex","alignItems","justifyContent","_default","exports"],"sources":["CancelOrderDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, StyleSheet, View } from 'react-native';\nimport { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';\nimport { Button, Paragraph, Title } from 'react-native-paper';\nimport Icon from 'react-native-vector-icons/MaterialCommunityIcons';\nimport SdkColors, { ColorTheme } from '../../styles/SdkColors';\n\nconst CancelOrderDialog = (props: CancelDialogProps) => {\n  return (\n    <Modal\n      animationType=\"none\"\n      transparent={true}\n      visible={props.visible}\n      onRequestClose={() => {}}\n    >\n      <View style={styles.wrapper}>\n        <View style={styles.content}>\n          {props.showIcon && props.iconName && (\n            <Icon\n              style={{ alignSelf: 'center' }}\n              size={34}\n              name={props.iconName}\n              color={SdkColors[ColorTheme.LIGHT].primaryButton}\n            />\n          )}\n          <Title\n            style={{\n              fontFamily: Fonts.IBMPlexSans_600SemiBold,\n              marginTop: 0,\n              marginBottom: 15,\n              textAlign: 'center',\n              color: '#000000',\n            }}\n          >\n            {props.label ?? 'Cancel Order'}\n          </Title>\n          {props.message && (\n            <Paragraph\n              style={{\n                textAlign: 'center',\n                fontSize: 14,\n                fontFamily: Fonts.IBMPlexSans_400Regular,\n              }}\n            >\n              {props.message}\n            </Paragraph>\n          )}\n          <View style={{ marginTop: 20 }}>\n            <Button\n              mode={'outlined'}\n              uppercase={false}\n              labelStyle={CommonStyles.nextButtonLabel}\n              style={CommonStyles.nextButton}\n              onPress={() => {\n                props.onSubmit(true);\n              }}\n              testID=\"primary\"\n            >\n              {props.positiveButtonTitle ?? 'Yes'}\n            </Button>\n            <Button\n              uppercase={false}\n              mode={'outlined'}\n              labelStyle={CommonStyles.cancelButtonLabel}\n              style={[CommonStyles.cancelButton, { marginTop: 10 }]}\n              onPress={async () => {\n                props.onSubmit(false);\n              }}\n              testID=\"secondary\"\n            >\n              {props.negativeButtonTitle ?? 'No'}\n            </Button>\n          </View>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  content: {\n    backgroundColor: 'white',\n    padding: 20,\n    borderRadius: 5,\n    width: '80%',\n  },\n  wrapper: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.7)',\n  },\n});\n\nexport default CancelOrderDialog;\n\nexport interface CancelDialogProps {\n  visible: boolean;\n  onSubmit: (success: boolean) => void;\n  label?: string;\n  message?: string;\n  positiveButtonTitle?: string;\n  negativeButtonTitle?: string;\n  showIcon?: boolean;\n  iconName?: string;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAC,uBAAA,CAAAN,OAAA;AAA+D,SAAAO,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,SAAAF,wBAAAM,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,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,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAnB,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/D,MAAMiB,iBAAiB,GAAIC,KAAwB,IAAK;EACtD,oBACEhC,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC9B,YAAA,CAAA+B,KAAK;IACJC,aAAa,EAAC,MAAM;IACpBC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAQ;IACvBC,cAAc,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAEzBtC,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC9B,YAAA,CAAAoC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAQ,gBAC1B1C,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC9B,YAAA,CAAAoC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACE;EAAQ,GACzBX,KAAK,CAACY,QAAQ,IAAIZ,KAAK,CAACa,QAAQ,iBAC/B7C,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC3B,uBAAA,CAAAU,OAAI;IACHwB,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAS,CAAE;IAC/BC,IAAI,EAAE,EAAG;IACTC,IAAI,EAAEhB,KAAK,CAACa,QAAS;IACrBI,KAAK,EAAEC,kBAAS,CAACC,qBAAU,CAACC,KAAK,CAAC,CAACC;EAAc,CAClD,CACF,eACDrD,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC5B,iBAAA,CAAAiD,KAAK;IACJd,KAAK,EAAE;MACLe,UAAU,EAAEC,mBAAK,CAACC,uBAAuB;MACzCC,SAAS,EAAE,CAAC;MACZC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE,QAAQ;MACnBX,KAAK,EAAE;IACT;EAAE,GAEDjB,KAAK,CAAC6B,KAAK,IAAI,cACX,CAAC,EACP7B,KAAK,CAAC8B,OAAO,iBACZ9D,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC5B,iBAAA,CAAA0D,SAAS;IACRvB,KAAK,EAAE;MACLoB,SAAS,EAAE,QAAQ;MACnBI,QAAQ,EAAE,EAAE;MACZT,UAAU,EAAEC,mBAAK,CAACS;IACpB;EAAE,GAEDjC,KAAK,CAAC8B,OACE,CACZ,eACD9D,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC9B,YAAA,CAAAoC,IAAI;IAACC,KAAK,EAAE;MAAEkB,SAAS,EAAE;IAAG;EAAE,gBAC7B1D,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC5B,iBAAA,CAAA6D,MAAM;IACLC,IAAI,EAAE,UAAW;IACjBC,SAAS,EAAE,KAAM;IACjBC,UAAU,EAAEC,0BAAY,CAACC,eAAgB;IACzC/B,KAAK,EAAE8B,0BAAY,CAACE,UAAW;IAC/BC,OAAO,EAAEA,CAAA,KAAM;MACbzC,KAAK,CAAC0C,QAAQ,CAAC,IAAI,CAAC;IACtB,CAAE;IACFC,MAAM,EAAC;EAAS,GAEf3C,KAAK,CAAC4C,mBAAmB,IAAI,KACxB,CAAC,eACT5E,MAAA,CAAAgB,OAAA,CAAAiB,aAAA,CAAC5B,iBAAA,CAAA6D,MAAM;IACLE,SAAS,EAAE,KAAM;IACjBD,IAAI,EAAE,UAAW;IACjBE,UAAU,EAAEC,0BAAY,CAACO,iBAAkB;IAC3CrC,KAAK,EAAE,CAAC8B,0BAAY,CAACQ,YAAY,EAAE;MAAEpB,SAAS,EAAE;IAAG,CAAC,CAAE;IACtDe,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnBzC,KAAK,CAAC0C,QAAQ,CAAC,KAAK,CAAC;IACvB,CAAE;IACFC,MAAM,EAAC;EAAW,GAEjB3C,KAAK,CAAC+C,mBAAmB,IAAI,IACxB,CACJ,CACF,CACF,CACD,CAAC;AAEZ,CAAC;AAED,MAAMtC,MAAM,GAAGuC,uBAAU,CAACC,MAAM,CAAC;EAC/BtC,OAAO,EAAE;IACPuC,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE;EACT,CAAC;EACD3C,OAAO,EAAE;IACP4C,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBN,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAAC,IAAAO,QAAA,GAEY1D,iBAAiB;AAAA2D,OAAA,CAAA1E,OAAA,GAAAyE,QAAA"}

package/lib/commonjs/components/widgets/Card.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativePaper = require("react-native-paper");
+var _vectorIcons = require("@expo/vector-icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Card = props => {
+  var _props$selectConfig, _props$renderAddition;
+  const isSelected = (_props$selectConfig = props.selectConfig) !== null && _props$selectConfig !== void 0 && _props$selectConfig.isSelected ? 'checked' : 'unchecked';
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, props.selectConfig ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Checkbox, {
+    status: isSelected,
+    onPress: () => {
+      var _props$selectConfig2, _props$selectConfig3;
+      (_props$selectConfig2 = props.selectConfig) === null || _props$selectConfig2 === void 0 ? void 0 : _props$selectConfig2.onSelect((_props$selectConfig3 = props.selectConfig) === null || _props$selectConfig3 === void 0 ? void 0 : _props$selectConfig3.props);
+    },
+    theme: {
+      roundness: 5
+    }
+  })) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.body
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.title
+  }, props.title), (_props$renderAddition = props.renderAdditionalHeader) === null || _props$renderAddition === void 0 ? void 0 : _props$renderAddition.call(props)), props.Body), props.editConfig ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.divider
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => {
+      var _props$editConfig, _props$editConfig2;
+      return (_props$editConfig = props.editConfig) === null || _props$editConfig === void 0 ? void 0 : _props$editConfig.onEdit((_props$editConfig2 = props.editConfig) === null || _props$editConfig2 === void 0 ? void 0 : _props$editConfig2.props);
+    },
+    style: styles.icon
+  }, /*#__PURE__*/_react.default.createElement(_vectorIcons.Feather, {
+    name: "edit",
+    size: 24,
+    color: "#5B80F7"
+  }))) : null);
+};
+var _default = Card;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    marginVertical: 10,
+    marginHorizontal: 16,
+    borderWidth: 1,
+    borderColor: '#E0E3EB',
+    borderRadius: 8
+    // height: 150,
+  },
+
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  body: {
+    flex: 1
+  },
+  title: {
+    fontSize: 16,
+    fontStyle: 'normal',
+    fontWeight: '500',
+    lineHeight: 24,
+    marginRight: 8
+  },
+  divider: {
+    height: '90%',
+    width: 2,
+    backgroundColor: '#E0E3EB',
+    alignSelf: 'center'
+  },
+  icon: {
+    alignSelf: 'center',
+    margin: 10
+  }
+});
+//# sourceMappingURL=Card.js.map

package/lib/commonjs/components/widgets/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativePaper","_vectorIcons","obj","__esModule","default","Card","props","_props$selectConfig","_props$renderAddition","isSelected","selectConfig","createElement","View","style","styles","container","Checkbox","status","onPress","_props$selectConfig2","_props$selectConfig3","onSelect","theme","roundness","body","header","Text","title","renderAdditionalHeader","call","Body","editConfig","Fragment","divider","TouchableOpacity","_props$editConfig","_props$editConfig2","onEdit","icon","Feather","name","size","color","_default","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","paddingVertical","paddingHorizontal","marginVertical","marginHorizontal","borderWidth","borderColor","borderRadius","flex","fontSize","fontStyle","fontWeight","lineHeight","marginRight","height","width","backgroundColor","alignSelf","margin"],"sources":["Card.tsx"],"sourcesContent":["import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';\nimport React from 'react';\nimport { Checkbox } from 'react-native-paper';\nimport { Feather } from '@expo/vector-icons';\n\ninterface CardProps {\n  title: string;\n  renderAdditionalHeader?: () => JSX.Element;\n  Body: JSX.Element;\n  editConfig?: {\n    props: any;\n    onEdit: (props: any) => void;\n  };\n  selectConfig?: {\n    isSelected: boolean;\n    props: any;\n    onSelect: (props: any) => void;\n  };\n}\n\nconst Card = (props: CardProps) => {\n  const isSelected = props.selectConfig?.isSelected ? 'checked' : 'unchecked';\n\n  return (\n    <View style={styles.container}>\n      {props.selectConfig ? (\n        <View>\n          <Checkbox\n            status={isSelected}\n            onPress={() => {\n              props.selectConfig?.onSelect(props.selectConfig?.props);\n            }}\n            theme={{ roundness: 5 }}\n          />\n        </View>\n      ) : null}\n      <View style={styles.body}>\n        <View style={styles.header}>\n          <Text style={styles.title}>{props.title}</Text>\n          {props.renderAdditionalHeader?.()}\n        </View>\n        {props.Body}\n      </View>\n      {props.editConfig ? (\n        <>\n          <View style={styles.divider} />\n          <TouchableOpacity\n            onPress={() => props.editConfig?.onEdit(props.editConfig?.props)}\n            style={styles.icon}\n          >\n            <Feather name=\"edit\" size={24} color=\"#5B80F7\" />\n          </TouchableOpacity>\n        </>\n      ) : null}\n    </View>\n  );\n};\n\nexport default Card;\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    alignItems: 'flex-start',\n    paddingVertical: 12,\n    paddingHorizontal: 16,\n    marginVertical: 10,\n    marginHorizontal: 16,\n    borderWidth: 1,\n    borderColor: '#E0E3EB',\n    borderRadius: 8,\n    // height: 150,\n  },\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  body: {\n    flex: 1,\n  },\n  title: {\n    fontSize: 16,\n    fontStyle: 'normal',\n    fontWeight: '500',\n    lineHeight: 24,\n    marginRight: 8,\n  },\n  divider: {\n    height: '90%',\n    width: 2,\n    backgroundColor: '#E0E3EB',\n    alignSelf: 'center',\n  },\n  icon: {\n    alignSelf: 'center',\n    margin: 10,\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/components/widgets/GoBackModal.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ModalWidget = _interopRequireDefault(require("./ModalWidget"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const GoBackModal = props => {
+  return /*#__PURE__*/_react.default.createElement(_ModalWidget.default, {
+    dismissable: true,
+    showModal: props.showModal,
+    title: {
+      label: 'Are you sure you want to go back?'
+    },
+    primaryButton: {
+      label: 'Yes',
+      onPress: props.onSuccess,
+      styles: modalStyles.primaryButtonStyles
+    },
+    secondaryButton: {
+      label: 'No',
+      onPress: props.onFailure,
+      styles: modalStyles.secondaryButtonStyles
+    }
+  });
+};
+var _default = GoBackModal;
+exports.default = _default;
+const modalStyles = _reactNative.StyleSheet.create({
+  primaryButtonStyles: {
+    marginTop: 16,
+    height: 40,
+    borderRadius: 6,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  secondaryButtonStyles: {
+    marginVertical: 16,
+    height: 40,
+    borderRadius: 6,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=GoBackModal.js.map

package/lib/commonjs/components/widgets/GoBackModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ModalWidget","_reactNative","obj","__esModule","default","GoBackModal","props","createElement","dismissable","showModal","title","label","primaryButton","onPress","onSuccess","styles","modalStyles","primaryButtonStyles","secondaryButton","onFailure","secondaryButtonStyles","_default","exports","StyleSheet","create","marginTop","height","borderRadius","justifyContent","alignItems","marginVertical"],"sources":["GoBackModal.tsx"],"sourcesContent":["import React from 'react';\nimport ModalWidget from './ModalWidget';\nimport { StyleSheet } from 'react-native';\n\ninterface GoBackModalProps {\n  showModal: boolean;\n  setShowModal: React.Dispatch<React.SetStateAction<boolean>>;\n  onSuccess: () => any;\n  onFailure: () => any;\n}\n\nconst GoBackModal = (props: GoBackModalProps) => {\n  return (\n    <ModalWidget\n      dismissable={true}\n      showModal={props.showModal}\n      title={{ label: 'Are you sure you want to go back?' }}\n      primaryButton={{\n        label: 'Yes',\n        onPress: props.onSuccess,\n        styles: modalStyles.primaryButtonStyles,\n      }}\n      secondaryButton={{\n        label: 'No',\n        onPress: props.onFailure,\n        styles: modalStyles.secondaryButtonStyles,\n      }}\n    />\n  );\n};\n\nexport default GoBackModal;\n\nconst modalStyles = StyleSheet.create({\n  primaryButtonStyles: {\n    marginTop: 16,\n    height: 40,\n    borderRadius: 6,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  secondaryButtonStyles: {\n    marginVertical: 16,\n    height: 40,\n    borderRadius: 6,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA0C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAS1C,MAAMG,WAAW,GAAIC,KAAuB,IAAK;EAC/C,oBACET,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAI,OAAW;IACVI,WAAW,EAAE,IAAK;IAClBC,SAAS,EAAEH,KAAK,CAACG,SAAU;IAC3BC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAoC,CAAE;IACtDC,aAAa,EAAE;MACbD,KAAK,EAAE,KAAK;MACZE,OAAO,EAAEP,KAAK,CAACQ,SAAS;MACxBC,MAAM,EAAEC,WAAW,CAACC;IACtB,CAAE;IACFC,eAAe,EAAE;MACfP,KAAK,EAAE,IAAI;MACXE,OAAO,EAAEP,KAAK,CAACa,SAAS;MACxBJ,MAAM,EAAEC,WAAW,CAACI;IACtB;EAAE,CACH,CAAC;AAEN,CAAC;AAAC,IAAAC,QAAA,GAEahB,WAAW;AAAAiB,OAAA,CAAAlB,OAAA,GAAAiB,QAAA;AAE1B,MAAML,WAAW,GAAGO,uBAAU,CAACC,MAAM,CAAC;EACpCP,mBAAmB,EAAE;IACnBQ,SAAS,EAAE,EAAE;IACbC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDT,qBAAqB,EAAE;IACrBU,cAAc,EAAE,EAAE;IAClBJ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/commonjs/components/widgets/IconButton.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const IconButton = _ref => {
+  let {
+    title,
+    onPress,
+    icon,
+    style,
+    textStyles
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: style,
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1,
+      justifyContent: 'space-between',
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: textStyles
+  }, title), icon));
+};
+var _default = IconButton;
+exports.default = _default;
+//# sourceMappingURL=IconButton.js.map

package/lib/commonjs/components/widgets/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","obj","__esModule","default","IconButton","_ref","title","onPress","icon","style","textStyles","createElement","TouchableOpacity","View","flex","justifyContent","flexDirection","alignItems","Text","_default","exports"],"sources":["IconButton.tsx"],"sourcesContent":["import { Text, TouchableOpacity, View } from 'react-native';\nimport React from 'react';\n\nconst IconButton = ({\n  title,\n  onPress,\n  icon,\n  style,\n  textStyles,\n}: {\n  title: string;\n  onPress: (e: any) => void;\n  icon?: any;\n  style?: any;\n  textStyles?: any;\n}) => (\n  <TouchableOpacity style={style} onPress={onPress}>\n    <View\n      style={{\n        flex: 1,\n        justifyContent: 'space-between',\n        flexDirection: 'row',\n        alignItems: 'center',\n      }}\n    >\n      <Text style={textStyles}>{title}</Text>\n      {icon}\n    </View>\n  </TouchableOpacity>\n);\n\nexport default IconButton;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1B,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,KAAK;IACLC,OAAO;IACPC,IAAI;IACJC,KAAK;IACLC;EAOF,CAAC,GAAAL,IAAA;EAAA,oBACCN,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,gBAAgB;IAACH,KAAK,EAAEA,KAAM;IAACF,OAAO,EAAEA;EAAQ,gBAC/CR,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAgB,IAAI;IACHJ,KAAK,EAAE;MACLK,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,eAAe;MAC/BC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd;EAAE,gBAEFlB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAqB,IAAI;IAACT,KAAK,EAAEC;EAAW,GAAEJ,KAAY,CAAC,EACtCE,IACG,CACU,CAAC;AAAA,CACpB;AAAC,IAAAW,QAAA,GAEaf,UAAU;AAAAgB,OAAA,CAAAjB,OAAA,GAAAgB,QAAA"}

package/lib/commonjs/components/widgets/ModalWidget.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativePaper = require("react-native-paper");
+var _CommonStyles = require("../../styles/executionTasks/CommonStyles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ModalWidget = props => {
+  var _props$renderAddition, _props$renderChildren, _props$renderAddition2;
+  const {
+    dismissable = true,
+    contentContainerStyle = {},
+    modalStyle = {},
+    title: {
+      styles: titleStyle = {}
+    },
+    subTitle: {
+      styles: subTitleStyle = {}
+    } = {},
+    bodyStyle = {},
+    buttonStyle = {},
+    primaryButton: {
+      disabled: primaryButtonDisabled = false,
+      styles: primaryBtnStyles = {},
+      labelStyles: primaryBtnLabelStyles = {}
+    },
+    secondaryButton: {
+      disabled: secondaryButtonDisabled = false,
+      styles: secondaryBtnStyles = {},
+      labelStyles: secondaryBtnLabelStyles = {}
+    }
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Modal, {
+    visible: props.showModal,
+    dismissable: dismissable,
+    contentContainerStyle: [styles.modalContent, contentContainerStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.modalView, modalStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: bodyStyle
+  }, (_props$renderAddition = props.renderAdditionalHeader) === null || _props$renderAddition === void 0 ? void 0 : _props$renderAddition.call(props), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.titleText, titleStyle]
+  }, props.title.label), props.subTitle ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.subTitleText, subTitleStyle]
+  }, props.subTitle.label) : null, (_props$renderChildren = props.renderChildren) === null || _props$renderChildren === void 0 ? void 0 : _props$renderChildren.call(props)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: buttonStyle
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [_CommonStyles.CommonStyles.nextButton, primaryBtnStyles],
+    onPress: props.primaryButton.onPress,
+    disabled: primaryButtonDisabled
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.nextButtonLabel, primaryBtnLabelStyles]
+  }, props.primaryButton.label)), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [_CommonStyles.CommonStyles.cancelButton, secondaryBtnStyles],
+    onPress: props.secondaryButton.onPress,
+    disabled: secondaryButtonDisabled
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.cancelButtonLabel, secondaryBtnLabelStyles]
+  }, props.secondaryButton.label)), (_props$renderAddition2 = props.renderAdditionalButtons) === null || _props$renderAddition2 === void 0 ? void 0 : _props$renderAddition2.call(props)))));
+};
+var _default = ModalWidget;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  modalContent: {
+    marginStart: 60,
+    marginEnd: 60,
+    marginBottom: 60,
+    flex: 1
+  },
+  modalView: {
+    backgroundColor: 'white',
+    padding: 15,
+    borderRadius: 9
+  },
+  titleText: {
+    justifyContent: 'center',
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_600SemiBold,
+    fontStyle: 'normal',
+    fontSize: 14,
+    lineHeight: 20,
+    textAlign: 'center',
+    color: '#111111',
+    marginBottom: 10
+  },
+  subTitleText: {
+    justifyContent: 'center',
+    fontFamily: 'IBMPlexSans_400Regular',
+    fontStyle: 'normal',
+    fontSize: 14,
+    lineHeight: 20,
+    color: '#000000',
+    marginBottom: 10
+  }
+});
+//# sourceMappingURL=ModalWidget.js.map

package/lib/commonjs/components/widgets/ModalWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativePaper","_CommonStyles","obj","__esModule","default","ModalWidget","props","_props$renderAddition","_props$renderChildren","_props$renderAddition2","dismissable","contentContainerStyle","modalStyle","title","styles","titleStyle","subTitle","subTitleStyle","bodyStyle","buttonStyle","primaryButton","disabled","primaryButtonDisabled","primaryBtnStyles","labelStyles","primaryBtnLabelStyles","secondaryButton","secondaryButtonDisabled","secondaryBtnStyles","secondaryBtnLabelStyles","createElement","Portal","Modal","visible","showModal","modalContent","View","style","modalView","renderAdditionalHeader","call","Text","titleText","label","subTitleText","renderChildren","TouchableOpacity","CommonStyles","nextButton","onPress","nextButtonLabel","cancelButton","cancelButtonLabel","renderAdditionalButtons","_default","exports","StyleSheet","create","marginStart","marginEnd","marginBottom","flex","backgroundColor","padding","borderRadius","justifyContent","fontFamily","Fonts","IBMPlexSans_600SemiBold","fontStyle","fontSize","lineHeight","textAlign","color"],"sources":["ModalWidget.tsx"],"sourcesContent":["import { View, Text, StyleSheet, ViewStyle, TextStyle } from 'react-native';\nimport React from 'react';\nimport { Portal, Modal } from 'react-native-paper';\nimport { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';\nimport { TouchableOpacity } from 'react-native';\n\ninterface ButtonProps {\n  label: string;\n  disabled?: boolean;\n  onPress: (() => void) | (() => Promise<any>);\n  styles?: ViewStyle;\n  labelStyles?: TextStyle;\n}\n\ninterface TitleProps {\n  label: string;\n  styles?: TextStyle;\n}\n\nexport interface ModalProps {\n  showModal: boolean;\n  dismissable?: boolean;\n  title: TitleProps;\n  subTitle?: TitleProps;\n  contentContainerStyle?: ViewStyle;\n  modalStyle?: ViewStyle;\n  bodyStyle?: ViewStyle;\n  renderChildren?: () => JSX.Element;\n  buttonStyle?: ViewStyle;\n  primaryButton: ButtonProps;\n  secondaryButton: ButtonProps;\n  renderAdditionalButtons?: () => JSX.Element;\n  renderAdditionalHeader?: () => JSX.Element;\n}\n\nconst ModalWidget = (props: ModalProps) => {\n  const {\n    dismissable = true,\n    contentContainerStyle = {},\n    modalStyle = {},\n    title: { styles: titleStyle = {} },\n    subTitle: { styles: subTitleStyle = {} } = {},\n    bodyStyle = {},\n    buttonStyle = {},\n    primaryButton: {\n      disabled: primaryButtonDisabled = false,\n      styles: primaryBtnStyles = {},\n      labelStyles: primaryBtnLabelStyles = {},\n    },\n    secondaryButton: {\n      disabled: secondaryButtonDisabled = false,\n      styles: secondaryBtnStyles = {},\n      labelStyles: secondaryBtnLabelStyles = {},\n    },\n  } = props;\n  return (\n    <Portal>\n      <Modal\n        visible={props.showModal}\n        dismissable={dismissable}\n        contentContainerStyle={[styles.modalContent, contentContainerStyle]}\n      >\n        <View style={[styles.modalView, modalStyle]}>\n          <View style={bodyStyle}>\n            {props.renderAdditionalHeader?.()}\n            <Text style={[styles.titleText, titleStyle]}>\n              {props.title.label}\n            </Text>\n            {props.subTitle ? (\n              <Text style={[styles.subTitleText, subTitleStyle]}>\n                {props.subTitle.label}\n              </Text>\n            ) : null}\n            {props.renderChildren?.()}\n          </View>\n\n          <View style={buttonStyle}>\n            <TouchableOpacity\n              style={[CommonStyles.nextButton, primaryBtnStyles]}\n              onPress={props.primaryButton.onPress}\n              disabled={primaryButtonDisabled}\n            >\n              <Text\n                style={[CommonStyles.nextButtonLabel, primaryBtnLabelStyles]}\n              >\n                {props.primaryButton.label}\n              </Text>\n            </TouchableOpacity>\n            <TouchableOpacity\n              style={[CommonStyles.cancelButton, secondaryBtnStyles]}\n              onPress={props.secondaryButton.onPress}\n              disabled={secondaryButtonDisabled}\n            >\n              <Text\n                style={[\n                  CommonStyles.cancelButtonLabel,\n                  secondaryBtnLabelStyles,\n                ]}\n              >\n                {props.secondaryButton.label}\n              </Text>\n            </TouchableOpacity>\n            {props.renderAdditionalButtons?.()}\n          </View>\n        </View>\n      </Modal>\n    </Portal>\n  );\n};\n\nexport default ModalWidget;\n\ninterface StyleSheetType {\n  modalContent: ViewStyle;\n  modalView: ViewStyle;\n  titleText: TextStyle;\n  subTitleText: TextStyle;\n}\n\nconst styles = StyleSheet.create<StyleSheetType>({\n  modalContent: {\n    marginStart: 60,\n    marginEnd: 60,\n    marginBottom: 60,\n    flex: 1,\n  },\n  modalView: {\n    backgroundColor: 'white',\n    padding: 15,\n    borderRadius: 9,\n  },\n  titleText: {\n    justifyContent: 'center',\n    fontFamily: Fonts.IBMPlexSans_600SemiBold,\n    fontStyle: 'normal',\n    fontSize: 14,\n    lineHeight: 20,\n    textAlign: 'center',\n    color: '#111111',\n    marginBottom: 10,\n  },\n  subTitleText: {\n    justifyContent: 'center',\n    fontFamily: 'IBMPlexSans_400Regular',\n    fontStyle: 'normal',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n    marginBottom: 10,\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/components/widgets/ProgressDialog.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _CommonStyles = require("../../styles/executionTasks/CommonStyles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ProgressDialog = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
     animationType: "none",
@@ -30,7 +25,6 @@ const ProgressDialog = props => {
     style: [styles.label]
   }, props.label))));
 };
-
 const styles = _reactNative.StyleSheet.create({
   label: {
     color: 'black',
@@ -53,7 +47,6 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: 'rgba(0,0,0,0.7)'
   }
 });
-
 var _default = ProgressDialog;
 exports.default = _default;
 //# sourceMappingURL=ProgressDialog.js.map

package/lib/commonjs/components/widgets/ProgressDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProgressDialog","props","visible","styles","wrapper","content","label","StyleSheet","create","color","textAlign","fontStyle","fontSize","fontFamily","Fonts","IBMPlexSans_600SemiBold","backgroundColor","padding","borderRadius","width","alignItems","flex","justifyContent"],"sources":["ProgressDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, Modal, StyleSheet, Text, View } from 'react-native';\nimport { Fonts } from '../../styles/executionTasks/CommonStyles';\n\nconst ProgressDialog = (props: ProgressDialogProps) => {\n  return (\n    <Modal\n      animationType=\"none\"\n      transparent={true}\n      visible={props.visible}\n      onRequestClose={() => {}}\n    >\n      <View style={styles.wrapper}>\n        <View style={styles.content}>\n          <ActivityIndicator size=\"large\" color=\"rgba(107, 142, 255, 1)\" />\n          <Text style={[styles.label]}>{props.label}</Text>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  label: {\n    color: 'black',\n    textAlign: 'center',\n    fontStyle: 'normal',\n    fontSize: 15,\n    fontFamily: Fonts.IBMPlexSans_600SemiBold,\n  },\n  content: {\n    backgroundColor: 'white',\n    padding: 10,\n    borderRadius: 5,\n    width: '80%',\n    alignItems: 'center',\n  },\n  wrapper: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.7)',\n  },\n});\n\nexport default ProgressDialog;\n\nexport interface ProgressDialogProps {\n  visible: boolean;\n  label: string;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAIC,KAAD,IAAgC;EACrD,oBACE,6BAAC,kBAAD;IACE,aAAa,EAAC,MADhB;IAEE,WAAW,EAAE,IAFf;IAGE,OAAO,EAAEA,KAAK,CAACC,OAHjB;IAIE,cAAc,EAAE,MAAM,CAAE;EAJ1B,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAED,MAAM,CAACE;EAApB,gBACE,6BAAC,8BAAD;IAAmB,IAAI,EAAC,OAAxB;IAAgC,KAAK,EAAC;EAAtC,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,KAAR;EAAb,GAA8BL,KAAK,CAACK,KAApC,CAFF,CADF,CANF,CADF;AAeD,CAhBD;;AAkBA,MAAMH,MAAM,GAAGI,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,KAAK,EAAE;IACLG,KAAK,EAAE,OADF;IAELC,SAAS,EAAE,QAFN;IAGLC,SAAS,EAAE,QAHN;IAILC,QAAQ,EAAE,EAJL;IAKLC,UAAU,EAAEC,mBAAA,CAAMC;EALb,CADwB;EAQ/BV,OAAO,EAAE;IACPW,eAAe,EAAE,OADV;IAEPC,OAAO,EAAE,EAFF;IAGPC,YAAY,EAAE,CAHP;IAIPC,KAAK,EAAE,KAJA;IAKPC,UAAU,EAAE;EALL,CARsB;EAe/BhB,OAAO,EAAE;IACPiB,IAAI,EAAE,CADC;IAEPD,UAAU,EAAE,QAFL;IAGPE,cAAc,EAAE,QAHT;IAIPN,eAAe,EAAE;EAJV;AAfsB,CAAlB,CAAf;;eAuBehB,c"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CommonStyles","obj","__esModule","default","ProgressDialog","props","createElement","Modal","animationType","transparent","visible","onRequestClose","View","style","styles","wrapper","content","ActivityIndicator","size","color","Text","label","StyleSheet","create","textAlign","fontStyle","fontSize","fontFamily","Fonts","IBMPlexSans_600SemiBold","backgroundColor","padding","borderRadius","width","alignItems","flex","justifyContent","_default","exports"],"sources":["ProgressDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, Modal, StyleSheet, Text, View } from 'react-native';\nimport { Fonts } from '../../styles/executionTasks/CommonStyles';\n\nconst ProgressDialog = (props: ProgressDialogProps) => {\n  return (\n    <Modal\n      animationType=\"none\"\n      transparent={true}\n      visible={props.visible}\n      onRequestClose={() => {}}\n    >\n      <View style={styles.wrapper}>\n        <View style={styles.content}>\n          <ActivityIndicator size=\"large\" color=\"rgba(107, 142, 255, 1)\" />\n          <Text style={[styles.label]}>{props.label}</Text>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  label: {\n    color: 'black',\n    textAlign: 'center',\n    fontStyle: 'normal',\n    fontSize: 15,\n    fontFamily: Fonts.IBMPlexSans_600SemiBold,\n  },\n  content: {\n    backgroundColor: 'white',\n    padding: 10,\n    borderRadius: 5,\n    width: '80%',\n    alignItems: 'center',\n  },\n  wrapper: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.7)',\n  },\n});\n\nexport default ProgressDialog;\n\nexport interface ProgressDialogProps {\n  visible: boolean;\n  label: string;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAiE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjE,MAAMG,cAAc,GAAIC,KAA0B,IAAK;EACrD,oBACET,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAQ,KAAK;IACJC,aAAa,EAAC,MAAM;IACpBC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAQ;IACvBC,cAAc,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAEzBf,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAQ,gBAC1BnB,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACE;EAAQ,gBAC1BpB,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAkB,iBAAiB;IAACC,IAAI,EAAC,OAAO;IAACC,KAAK,EAAC;EAAwB,CAAE,CAAC,eACjEvB,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAqB,IAAI;IAACP,KAAK,EAAE,CAACC,MAAM,CAACO,KAAK;EAAE,GAAEhB,KAAK,CAACgB,KAAY,CAC5C,CACF,CACD,CAAC;AAEZ,CAAC;AAED,MAAMP,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLF,KAAK,EAAE,OAAO;IACdK,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEC,mBAAK,CAACC;EACpB,CAAC;EACDb,OAAO,EAAE;IACPc,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE,KAAK;IACZC,UAAU,EAAE;EACd,CAAC;EACDnB,OAAO,EAAE;IACPoB,IAAI,EAAE,CAAC;IACPD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBN,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAAC,IAAAO,QAAA,GAEYjC,cAAc;AAAAkC,OAAA,CAAAnC,OAAA,GAAAkC,QAAA"}

package/lib/commonjs/components/widgets/SearchBar.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _vectorIcons = require("@expo/vector-icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SearchBar = props => {
+  const {
+    searchText,
+    setSearchText
+  } = props;
+  const handleSearch = text => {
+    props.onChangeSearch(text);
+  };
+  const handleClear = () => {
+    props.onClear();
+    setSearchText('');
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/_react.default.createElement(_vectorIcons.EvilIcons, {
+    name: "search",
+    size: 24,
+    color: "#525B7A"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    style: styles.input,
+    placeholder: props.placeholder,
+    onChangeText: text => {
+      handleSearch(text);
+      setSearchText(text);
+    },
+    value: searchText
+  })), searchText ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.iconContainer,
+    onPress: handleClear
+  }, /*#__PURE__*/_react.default.createElement(_vectorIcons.MaterialIcons, {
+    name: "clear",
+    size: 24,
+    color: "#525B7A"
+  })) : null);
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#ffffff',
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    borderWidth: 1,
+    borderColor: '#DDDDDD',
+    marginHorizontal: 16
+  },
+  inputContainer: {
+    flex: 1
+  },
+  input: {
+    height: 40
+  },
+  iconContainer: {
+    paddingLeft: 4,
+    paddingRight: 8
+  }
+});
+var _default = SearchBar;
+exports.default = _default;
+//# sourceMappingURL=SearchBar.js.map

package/lib/commonjs/components/widgets/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_vectorIcons","obj","__esModule","default","SearchBar","props","searchText","setSearchText","handleSearch","text","onChangeSearch","handleClear","onClear","createElement","View","style","styles","container","TouchableOpacity","iconContainer","EvilIcons","name","size","color","inputContainer","TextInput","input","placeholder","onChangeText","value","onPress","MaterialIcons","StyleSheet","create","flexDirection","alignItems","backgroundColor","borderRadius","paddingHorizontal","borderWidth","borderColor","marginHorizontal","flex","height","paddingLeft","paddingRight","_default","exports"],"sources":["SearchBar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';\nimport { EvilIcons, MaterialIcons } from '@expo/vector-icons';\n\ninterface SearchBarProps {\n  searchText: string;\n  setSearchText: (searchText: string) => void;\n  onChangeSearch: (searchText: string) => any;\n  placeholder: string;\n  onClear: () => any;\n}\n\nconst SearchBar = (props: SearchBarProps) => {\n  const { searchText, setSearchText } = props;\n  const handleSearch = (text: string) => {\n    props.onChangeSearch(text);\n  };\n  const handleClear = () => {\n    props.onClear();\n    setSearchText('');\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity style={styles.iconContainer}>\n        <EvilIcons name=\"search\" size={24} color=\"#525B7A\" />\n      </TouchableOpacity>\n      <View style={styles.inputContainer}>\n        <TextInput\n          style={styles.input}\n          placeholder={props.placeholder}\n          onChangeText={(text) => {\n            handleSearch(text);\n            setSearchText(text);\n          }}\n          value={searchText}\n        />\n      </View>\n      {searchText ? (\n        <TouchableOpacity style={styles.iconContainer} onPress={handleClear}>\n          <MaterialIcons name=\"clear\" size={24} color=\"#525B7A\" />\n        </TouchableOpacity>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#ffffff',\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    borderWidth: 1,\n    borderColor: '#DDDDDD',\n    marginHorizontal: 16,\n  },\n  inputContainer: {\n    flex: 1,\n  },\n  input: {\n    height: 40,\n  },\n  iconContainer: {\n    paddingLeft: 4,\n    paddingRight: 8,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA8D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAU9D,MAAMG,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAM;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGF,KAAK;EAC3C,MAAMG,YAAY,GAAIC,IAAY,IAAK;IACrCJ,KAAK,CAACK,cAAc,CAACD,IAAI,CAAC;EAC5B,CAAC;EACD,MAAME,WAAW,GAAGA,CAAA,KAAM;IACxBN,KAAK,CAACO,OAAO,CAAC,CAAC;IACfL,aAAa,CAAC,EAAE,CAAC;EACnB,CAAC;EAED,oBACEX,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,YAAA,CAAAmB,gBAAgB;IAACH,KAAK,EAAEC,MAAM,CAACG;EAAc,gBAC5CvB,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,YAAA,CAAAoB,SAAS;IAACC,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACpC,CAAC,eACnB3B,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACQ;EAAe,gBACjC5B,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,YAAA,CAAA0B,SAAS;IACRV,KAAK,EAAEC,MAAM,CAACU,KAAM;IACpBC,WAAW,EAAEtB,KAAK,CAACsB,WAAY;IAC/BC,YAAY,EAAGnB,IAAI,IAAK;MACtBD,YAAY,CAACC,IAAI,CAAC;MAClBF,aAAa,CAACE,IAAI,CAAC;IACrB,CAAE;IACFoB,KAAK,EAAEvB;EAAW,CACnB,CACG,CAAC,EACNA,UAAU,gBACTV,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,YAAA,CAAAmB,gBAAgB;IAACH,KAAK,EAAEC,MAAM,CAACG,aAAc;IAACW,OAAO,EAAEnB;EAAY,gBAClEf,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,YAAA,CAAA+B,aAAa;IAACV,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACvC,CAAC,GACjB,IACA,CAAC;AAEX,CAAC;AAED,MAAMP,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,CAAC;IACfC,iBAAiB,EAAE,EAAE;IACrBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,gBAAgB,EAAE;EACpB,CAAC;EACDjB,cAAc,EAAE;IACdkB,IAAI,EAAE;EACR,CAAC;EACDhB,KAAK,EAAE;IACLiB,MAAM,EAAE;EACV,CAAC;EACDxB,aAAa,EAAE;IACbyB,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY1C,SAAS;AAAA2C,OAAA,CAAA5C,OAAA,GAAA2C,QAAA"}