@os1-platform/dispatch-mobile 1.0.8 → 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","React","Checkbox","Feather","Card","props","_props$selectConfig","_props$renderAddition","isSelected","selectConfig","createElement","style","styles","container","status","onPress","_props$selectConfig2","_props$selectConfig3","onSelect","theme","roundness","body","header","title","renderAdditionalHeader","call","Body","editConfig","Fragment","divider","_props$editConfig","_props$editConfig2","onEdit","icon","name","size","color","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/module/components/widgets/GoBackModal.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import ModalWidget from './ModalWidget';
+import { StyleSheet } from 'react-native';
+const GoBackModal = props => {
+  return /*#__PURE__*/React.createElement(ModalWidget, {
+    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
+    }
+  });
+};
+export default GoBackModal;
+const modalStyles = 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/module/components/widgets/GoBackModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ModalWidget","StyleSheet","GoBackModal","props","createElement","dismissable","showModal","title","label","primaryButton","onPress","onSuccess","styles","modalStyles","primaryButtonStyles","secondaryButton","onFailure","secondaryButtonStyles","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,cAAc;AASzC,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC/C,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,WAAW;IACVK,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;AAED,eAAef,WAAW;AAE1B,MAAMW,WAAW,GAAGZ,UAAU,CAACiB,MAAM,CAAC;EACpCJ,mBAAmB,EAAE;IACnBK,SAAS,EAAE,EAAE;IACbC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDN,qBAAqB,EAAE;IACrBO,cAAc,EAAE,EAAE;IAClBJ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { Text, TouchableOpacity, View } from 'react-native';
+import React from 'react';
+const IconButton = _ref => {
+  let {
+    title,
+    onPress,
+    icon,
+    style,
+    textStyles
+  } = _ref;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: style,
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      justifyContent: 'space-between',
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: textStyles
+  }, title), icon));
+};
+export default IconButton;
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","TouchableOpacity","View","React","IconButton","_ref","title","onPress","icon","style","textStyles","createElement","flex","justifyContent","flexDirection","alignItems"],"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,SAASA,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC3D,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,KAAK;IACLC,OAAO;IACPC,IAAI;IACJC,KAAK;IACLC;EAOF,CAAC,GAAAL,IAAA;EAAA,oBACCF,KAAA,CAAAQ,aAAA,CAACV,gBAAgB;IAACQ,KAAK,EAAEA,KAAM;IAACF,OAAO,EAAEA;EAAQ,gBAC/CJ,KAAA,CAAAQ,aAAA,CAACT,IAAI;IACHO,KAAK,EAAE;MACLG,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,eAAe;MAC/BC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd;EAAE,gBAEFZ,KAAA,CAAAQ,aAAA,CAACX,IAAI;IAACS,KAAK,EAAEC;EAAW,GAAEJ,KAAY,CAAC,EACtCE,IACG,CACU,CAAC;AAAA,CACpB;AAED,eAAeJ,UAAU"}

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

@@ -0,0 +1,92 @@
+import { View, Text, StyleSheet } from 'react-native';
+import React from 'react';
+import { Portal, Modal } from 'react-native-paper';
+import { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';
+import { TouchableOpacity } from 'react-native';
+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.createElement(Portal, null, /*#__PURE__*/React.createElement(Modal, {
+    visible: props.showModal,
+    dismissable: dismissable,
+    contentContainerStyle: [styles.modalContent, contentContainerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.modalView, modalStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: bodyStyle
+  }, (_props$renderAddition = props.renderAdditionalHeader) === null || _props$renderAddition === void 0 ? void 0 : _props$renderAddition.call(props), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.titleText, titleStyle]
+  }, props.title.label), props.subTitle ? /*#__PURE__*/React.createElement(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.createElement(View, {
+    style: buttonStyle
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [CommonStyles.nextButton, primaryBtnStyles],
+    onPress: props.primaryButton.onPress,
+    disabled: primaryButtonDisabled
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [CommonStyles.nextButtonLabel, primaryBtnLabelStyles]
+  }, props.primaryButton.label)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [CommonStyles.cancelButton, secondaryBtnStyles],
+    onPress: props.secondaryButton.onPress,
+    disabled: secondaryButtonDisabled
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [CommonStyles.cancelButtonLabel, secondaryBtnLabelStyles]
+  }, props.secondaryButton.label)), (_props$renderAddition2 = props.renderAdditionalButtons) === null || _props$renderAddition2 === void 0 ? void 0 : _props$renderAddition2.call(props)))));
+};
+export default ModalWidget;
+const styles = StyleSheet.create({
+  modalContent: {
+    marginStart: 60,
+    marginEnd: 60,
+    marginBottom: 60,
+    flex: 1
+  },
+  modalView: {
+    backgroundColor: 'white',
+    padding: 15,
+    borderRadius: 9
+  },
+  titleText: {
+    justifyContent: 'center',
+    fontFamily: 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/module/components/widgets/ModalWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","React","Portal","Modal","CommonStyles","Fonts","TouchableOpacity","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","visible","showModal","modalContent","style","modalView","renderAdditionalHeader","call","titleText","label","subTitleText","renderChildren","nextButton","onPress","nextButtonLabel","cancelButton","cancelButtonLabel","renderAdditionalButtons","create","marginStart","marginEnd","marginBottom","flex","backgroundColor","padding","borderRadius","justifyContent","fontFamily","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/module/components/widgets/ProgressDialog.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ActivityIndicator, Modal, StyleSheet, Text, View } from 'react-native';
 import { Fonts } from '../../styles/executionTasks/CommonStyles';
-
 const ProgressDialog = props => {
   return /*#__PURE__*/React.createElement(Modal, {
     animationType: "none",
@@ -19,7 +18,6 @@ const ProgressDialog = props => {
     style: [styles.label]
   }, props.label))));
 };
-
 const styles = StyleSheet.create({
   label: {
     color: 'black',

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

@@ -1 +1 @@
-{"version":3,"names":["React","ActivityIndicator","Modal","StyleSheet","Text","View","Fonts","ProgressDialog","props","visible","styles","wrapper","content","label","create","color","textAlign","fontStyle","fontSize","fontFamily","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,iBAAT,EAA4BC,KAA5B,EAAmCC,UAAnC,EAA+CC,IAA/C,EAAqDC,IAArD,QAAiE,cAAjE;AACA,SAASC,KAAT,QAAsB,0CAAtB;;AAEA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,oBACE,oBAAC,KAAD;IACE,aAAa,EAAC,MADhB;IAEE,WAAW,EAAE,IAFf;IAGE,OAAO,EAAEA,KAAK,CAACC,OAHjB;IAIE,cAAc,EAAE,MAAM,CAAE;EAJ1B,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAED,MAAM,CAACE;EAApB,gBACE,oBAAC,iBAAD;IAAmB,IAAI,EAAC,OAAxB;IAAgC,KAAK,EAAC;EAAtC,EADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,KAAR;EAAb,GAA8BL,KAAK,CAACK,KAApC,CAFF,CADF,CANF,CADF;AAeD,CAhBD;;AAkBA,MAAMH,MAAM,GAAGP,UAAU,CAACW,MAAX,CAAkB;EAC/BD,KAAK,EAAE;IACLE,KAAK,EAAE,OADF;IAELC,SAAS,EAAE,QAFN;IAGLC,SAAS,EAAE,QAHN;IAILC,QAAQ,EAAE,EAJL;IAKLC,UAAU,EAAEb,KAAK,CAACc;EALb,CADwB;EAQ/BR,OAAO,EAAE;IACPS,eAAe,EAAE,OADV;IAEPC,OAAO,EAAE,EAFF;IAGPC,YAAY,EAAE,CAHP;IAIPC,KAAK,EAAE,KAJA;IAKPC,UAAU,EAAE;EALL,CARsB;EAe/Bd,OAAO,EAAE;IACPe,IAAI,EAAE,CADC;IAEPD,UAAU,EAAE,QAFL;IAGPE,cAAc,EAAE,QAHT;IAIPN,eAAe,EAAE;EAJV;AAfsB,CAAlB,CAAf;AAuBA,eAAed,cAAf"}
+{"version":3,"names":["React","ActivityIndicator","Modal","StyleSheet","Text","View","Fonts","ProgressDialog","props","createElement","animationType","transparent","visible","onRequestClose","style","styles","wrapper","content","size","color","label","create","textAlign","fontStyle","fontSize","fontFamily","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC/E,SAASC,KAAK,QAAQ,0CAA0C;AAEhE,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,oBACER,KAAA,CAAAS,aAAA,CAACP,KAAK;IACJQ,aAAa,EAAC,MAAM;IACpBC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBC,cAAc,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAEzBb,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC;EAAQ,gBAC1BhB,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACE;EAAQ,gBAC1BjB,KAAA,CAAAS,aAAA,CAACR,iBAAiB;IAACiB,IAAI,EAAC,OAAO;IAACC,KAAK,EAAC;EAAwB,CAAE,CAAC,eACjEnB,KAAA,CAAAS,aAAA,CAACL,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACK,KAAK;EAAE,GAAEZ,KAAK,CAACY,KAAY,CAC5C,CACF,CACD,CAAC;AAEZ,CAAC;AAED,MAAML,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLD,KAAK,EAAE,OAAO;IACdG,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEnB,KAAK,CAACoB;EACpB,CAAC;EACDT,OAAO,EAAE;IACPU,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE,KAAK;IACZC,UAAU,EAAE;EACd,CAAC;EACDf,OAAO,EAAE;IACPgB,IAAI,EAAE,CAAC;IACPD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBN,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,eAAepB,cAAc"}

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
+import { EvilIcons, MaterialIcons } from '@expo/vector-icons';
+const SearchBar = props => {
+  const {
+    searchText,
+    setSearchText
+  } = props;
+  const handleSearch = text => {
+    props.onChangeSearch(text);
+  };
+  const handleClear = () => {
+    props.onClear();
+    setSearchText('');
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/React.createElement(EvilIcons, {
+    name: "search",
+    size: 24,
+    color: "#525B7A"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.input,
+    placeholder: props.placeholder,
+    onChangeText: text => {
+      handleSearch(text);
+      setSearchText(text);
+    },
+    value: searchText
+  })), searchText ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.iconContainer,
+    onPress: handleClear
+  }, /*#__PURE__*/React.createElement(MaterialIcons, {
+    name: "clear",
+    size: 24,
+    color: "#525B7A"
+  })) : null);
+};
+const styles = 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
+  }
+});
+export default SearchBar;
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","EvilIcons","MaterialIcons","SearchBar","props","searchText","setSearchText","handleSearch","text","onChangeSearch","handleClear","onClear","createElement","style","styles","container","iconContainer","name","size","color","inputContainer","input","placeholder","onChangeText","value","onPress","create","flexDirection","alignItems","backgroundColor","borderRadius","paddingHorizontal","borderWidth","borderColor","marginHorizontal","flex","height","paddingLeft","paddingRight"],"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,OAAOA,KAAK,MAAoB,OAAO;AACvC,SAASC,IAAI,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC5E,SAASC,SAAS,EAAEC,aAAa,QAAQ,oBAAoB;AAU7D,MAAMC,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,oBACEV,KAAA,CAAAgB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BnB,KAAA,CAAAgB,aAAA,CAACb,gBAAgB;IAACc,KAAK,EAAEC,MAAM,CAACE;EAAc,gBAC5CpB,KAAA,CAAAgB,aAAA,CAACX,SAAS;IAACgB,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACpC,CAAC,eACnBvB,KAAA,CAAAgB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACM;EAAe,gBACjCxB,KAAA,CAAAgB,aAAA,CAACd,SAAS;IACRe,KAAK,EAAEC,MAAM,CAACO,KAAM;IACpBC,WAAW,EAAElB,KAAK,CAACkB,WAAY;IAC/BC,YAAY,EAAGf,IAAI,IAAK;MACtBD,YAAY,CAACC,IAAI,CAAC;MAClBF,aAAa,CAACE,IAAI,CAAC;IACrB,CAAE;IACFgB,KAAK,EAAEnB;EAAW,CACnB,CACG,CAAC,EACNA,UAAU,gBACTT,KAAA,CAAAgB,aAAA,CAACb,gBAAgB;IAACc,KAAK,EAAEC,MAAM,CAACE,aAAc;IAACS,OAAO,EAAEf;EAAY,gBAClEd,KAAA,CAAAgB,aAAA,CAACV,aAAa;IAACe,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACvC,CAAC,GACjB,IACA,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGd,UAAU,CAAC0B,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,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;EACDd,cAAc,EAAE;IACde,IAAI,EAAE;EACR,CAAC;EACDd,KAAK,EAAE;IACLe,MAAM,EAAE;EACV,CAAC;EACDpB,aAAa,EAAE;IACbqB,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAenC,SAAS"}

package/lib/module/components/widgets/SnackBarCustom.js

@@ -1,18 +1,24 @@
 import React from 'react';
 import { Animated, SafeAreaView, StyleSheet, Text, View } from 'react-native';
 import { Surface, withTheme } from 'react-native-paper';
-import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';
-import Icon from 'react-native-vector-icons/MaterialIcons';
+import { AntDesign } from '@expo/vector-icons';
 import { Fonts } from '../../styles/executionTasks/CommonStyles';
-const DURATION_MEDIUM = 1000;
-
+const DURATION_MEDIUM = 3000;
+export let SnackBarType = /*#__PURE__*/function (SnackBarType) {
+  SnackBarType[SnackBarType["SUCCESS"] = 0] = "SUCCESS";
+  SnackBarType[SnackBarType["FAILURE"] = 1] = "FAILURE";
+  SnackBarType[SnackBarType["WARNING"] = 2] = "WARNING";
+  return SnackBarType;
+}({});
 const SnackbarCustom = _ref => {
   let {
     visible,
     duration = DURATION_MEDIUM,
     onDismiss,
     message,
-    theme
+    theme,
+    type,
+    customBottom = 110
   } = _ref;
   const {
     current: opacity
@@ -40,10 +46,8 @@ const SnackbarCustom = _ref => {
         let {
           finished
         } = _ref2;
-
         if (finished) {
           const isInfinity = duration === Number.POSITIVE_INFINITY || duration === Number.NEGATIVE_INFINITY;
-
           if (finished && !isInfinity) {
             hideTimeout.current = setTimeout(onDismiss, duration);
           }
@@ -69,9 +73,12 @@ const SnackbarCustom = _ref => {
     roundness
   } = theme;
   if (hidden) return null;
+  if (!message) return null;
   return /*#__PURE__*/React.createElement(SafeAreaView, {
     pointerEvents: "box-none",
-    style: [styles.wrapper]
+    style: [styles.wrapper, {
+      bottom: customBottom
+    }]
   }, /*#__PURE__*/React.createElement(Surface, {
     pointerEvents: "box-none",
     accessibilityLiveRegion: "polite",
@@ -88,28 +95,32 @@ const SnackbarCustom = _ref => {
       backgroundColor: colors.onSurface
     }]
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.main
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: 'check-circle-outline',
-    color: '#ffffff',
-    size: 24
+    style: type && type === SnackBarType.FAILURE ? styles.fail : type && type === SnackBarType.WARNING ? styles.warn : styles.main
+  }, type && type === SnackBarType.FAILURE ? /*#__PURE__*/React.createElement(AntDesign, {
+    name: "exclamationcircleo",
+    size: 20,
+    color: "white"
+  }) : /*#__PURE__*/React.createElement(AntDesign, {
+    name: "checkcircleo",
+    size: 20,
+    color: "white"
   }), /*#__PURE__*/React.createElement(Text, {
     style: styles.messageStyle
-  }, message), /*#__PURE__*/React.createElement(MaterialCommunityIcon, {
-    name: 'close-circle-outline',
-    color: '#ffffff',
-    size: 24,
+  }, message), /*#__PURE__*/React.createElement(AntDesign, {
+    name: "close",
+    size: 16,
+    color: "white",
     onPress: () => {
       setHidden(true);
     }
   }))));
 };
-
 const styles = StyleSheet.create({
   wrapper: {
     position: 'absolute',
     bottom: 110,
-    width: '100%'
+    width: '100%',
+    zIndex: 1000
   },
   container: {
     elevation: 6,
@@ -122,7 +133,22 @@ const styles = StyleSheet.create({
   main: {
     padding: 16,
     flexDirection: 'row',
-    backgroundColor: '#10B981',
+    alignItems: 'center',
+    backgroundColor: '#059669',
+    flex: 1
+  },
+  fail: {
+    padding: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#DC2626',
+    flex: 1
+  },
+  warn: {
+    padding: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#D97706',
     flex: 1
   },
   messageStyle: {

package/lib/module/components/widgets/SnackBarCustom.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","SafeAreaView","StyleSheet","Text","View","Surface","withTheme","MaterialCommunityIcon","Icon","Fonts","DURATION_MEDIUM","SnackbarCustom","visible","duration","onDismiss","message","theme","current","opacity","useRef","Value","hidden","setHidden","useState","hideTimeout","undefined","scale","animation","useEffect","clearTimeout","useLayoutEffect","timing","toValue","useNativeDriver","start","finished","isInfinity","Number","POSITIVE_INFINITY","NEGATIVE_INFINITY","setTimeout","colors","roundness","styles","wrapper","container","borderRadius","transform","interpolate","inputRange","outputRange","backgroundColor","onSurface","main","messageStyle","create","position","bottom","width","elevation","flexDirection","justifyContent","alignItems","margin","padding","flex","marginStart","marginEnd","color","fontWeight","fontFamily","IBMPlexSans_600SemiBold"],"sources":["SnackBarCustom.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Animated,\n  SafeAreaView,\n  StyleProp,\n  StyleSheet,\n  Text,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport { Surface, withTheme } from 'react-native-paper';\nimport MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\nimport { Fonts } from '../../styles/executionTasks/CommonStyles';\n\nexport interface SnackbarProps {\n  visible: boolean;\n  duration?: number;\n  /**\n   * Callback called when Snackbar is dismissed. The `visible` prop needs to be updated when this is called.\n   */\n  onDismiss: () => void;\n  /**\n   * Text content of the Snackbar.\n   */\n  message: string;\n  theme: ReactNativePaper.Theme;\n}\nconst DURATION_MEDIUM = 1000;\n\nconst SnackbarCustom = ({\n  visible,\n  duration = DURATION_MEDIUM,\n  onDismiss,\n  message,\n  theme,\n}: SnackbarProps) => {\n  const { current: opacity } = React.useRef<Animated.Value>(\n    new Animated.Value(0.0)\n  );\n  const [hidden, setHidden] = React.useState<boolean>(!visible);\n\n  const hideTimeout = React.useRef<NodeJS.Timeout | undefined>(undefined);\n  const { scale } = theme.animation;\n\n  React.useEffect(() => {\n    return () => {\n      if (hideTimeout.current) clearTimeout(hideTimeout.current);\n    };\n  }, []);\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      // show\n      if (hideTimeout.current) clearTimeout(hideTimeout.current);\n      setHidden(false);\n      Animated.timing(opacity, {\n        toValue: 1,\n        duration: 200 * scale,\n        useNativeDriver: true,\n      }).start(({ finished }) => {\n        if (finished) {\n          const isInfinity =\n            duration === Number.POSITIVE_INFINITY ||\n            duration === Number.NEGATIVE_INFINITY;\n\n          if (finished && !isInfinity) {\n            hideTimeout.current = setTimeout(\n              onDismiss,\n              duration\n            ) as unknown as NodeJS.Timeout;\n          }\n        }\n      });\n    } else {\n      // hide\n      if (hideTimeout.current) clearTimeout(hideTimeout.current);\n\n      Animated.timing(opacity, {\n        toValue: 0,\n        duration: 100 * scale,\n        useNativeDriver: true,\n      }).start(({ finished }) => {\n        if (finished) setHidden(true);\n      });\n    }\n  }, [visible, duration, opacity, scale, onDismiss]);\n\n  const { colors, roundness } = theme;\n\n  if (hidden) return null;\n\n  return (\n    <SafeAreaView pointerEvents=\"box-none\" style={[styles.wrapper]}>\n      <Surface\n        pointerEvents=\"box-none\"\n        accessibilityLiveRegion=\"polite\"\n        style={\n          [\n            styles.container,\n            {\n              borderRadius: roundness,\n              opacity: opacity,\n              transform: [\n                {\n                  scale: visible\n                    ? opacity.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [0.9, 1],\n                      })\n                    : 1,\n                },\n              ],\n            },\n            { backgroundColor: colors.onSurface },\n          ] as StyleProp<ViewStyle>\n        }\n      >\n        <View style={styles.main}>\n          <Icon name={'check-circle-outline'} color={'#ffffff'} size={24} />\n          <Text style={styles.messageStyle}>{message}</Text>\n          <MaterialCommunityIcon\n            name={'close-circle-outline'}\n            color={'#ffffff'}\n            size={24}\n            onPress={() => {\n              setHidden(true);\n            }}\n          />\n        </View>\n      </Surface>\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    position: 'absolute',\n    bottom: 110,\n    width: '100%',\n  },\n  container: {\n    elevation: 6,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    margin: 8,\n    borderRadius: 4,\n  },\n  main: {\n    padding: 16,\n    flexDirection: 'row',\n    backgroundColor: '#10B981',\n    flex: 1,\n  },\n  messageStyle: {\n    flex: 1,\n    marginStart: 20,\n    marginEnd: 20,\n    color: '#ffffff',\n    fontWeight: '600',\n    fontFamily: Fonts.IBMPlexSans_600SemiBold,\n  },\n});\n\nexport default withTheme(SnackbarCustom);\n"],"mappings":"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"}
+{"version":3,"names":["React","Animated","SafeAreaView","StyleSheet","Text","View","Surface","withTheme","AntDesign","Fonts","DURATION_MEDIUM","SnackBarType","SnackbarCustom","_ref","visible","duration","onDismiss","message","theme","type","customBottom","current","opacity","useRef","Value","hidden","setHidden","useState","hideTimeout","undefined","scale","animation","useEffect","clearTimeout","useLayoutEffect","timing","toValue","useNativeDriver","start","_ref2","finished","isInfinity","Number","POSITIVE_INFINITY","NEGATIVE_INFINITY","setTimeout","_ref3","colors","roundness","createElement","pointerEvents","style","styles","wrapper","bottom","accessibilityLiveRegion","container","borderRadius","transform","interpolate","inputRange","outputRange","backgroundColor","onSurface","FAILURE","fail","WARNING","warn","main","name","size","color","messageStyle","onPress","create","position","width","zIndex","elevation","flexDirection","justifyContent","alignItems","margin","padding","flex","marginStart","marginEnd","fontWeight","fontFamily","IBMPlexSans_600SemiBold"],"sources":["SnackBarCustom.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Animated,\n  SafeAreaView,\n  StyleProp,\n  StyleSheet,\n  Text,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport { Surface, withTheme } from 'react-native-paper';\nimport { AntDesign } from '@expo/vector-icons';\nimport { Fonts } from '../../styles/executionTasks/CommonStyles';\n\nexport interface SnackbarProps {\n  visible: boolean;\n  duration?: number;\n  /**\n   * Callback called when Snackbar is dismissed. The `visible` prop needs to be updated when this is called.\n   */\n  onDismiss: () => void;\n  /**\n   * Text content of the Snackbar.\n   */\n  message: string;\n  type?: SnackBarType;\n  theme: ReactNativePaper.Theme;\n  customBottom?: number;\n}\nconst DURATION_MEDIUM = 3000;\n\nexport enum SnackBarType {\n  SUCCESS,\n  FAILURE,\n  WARNING,\n}\n\nconst SnackbarCustom = ({\n  visible,\n  duration = DURATION_MEDIUM,\n  onDismiss,\n  message,\n  theme,\n  type,\n  customBottom = 110,\n}: SnackbarProps) => {\n  const { current: opacity } = React.useRef<Animated.Value>(\n    new Animated.Value(0.0)\n  );\n  const [hidden, setHidden] = React.useState<boolean>(!visible);\n\n  const hideTimeout = React.useRef<NodeJS.Timeout | undefined>(undefined);\n  const { scale } = theme.animation;\n\n  React.useEffect(() => {\n    return () => {\n      if (hideTimeout.current) clearTimeout(hideTimeout.current);\n    };\n  }, []);\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      // show\n      if (hideTimeout.current) clearTimeout(hideTimeout.current);\n      setHidden(false);\n      Animated.timing(opacity, {\n        toValue: 1,\n        duration: 200 * scale,\n        useNativeDriver: true,\n      }).start(({ finished }) => {\n        if (finished) {\n          const isInfinity =\n            duration === Number.POSITIVE_INFINITY ||\n            duration === Number.NEGATIVE_INFINITY;\n\n          if (finished && !isInfinity) {\n            hideTimeout.current = setTimeout(\n              onDismiss,\n              duration\n            ) as unknown as NodeJS.Timeout;\n          }\n        }\n      });\n    } else {\n      // hide\n      if (hideTimeout.current) clearTimeout(hideTimeout.current);\n\n      Animated.timing(opacity, {\n        toValue: 0,\n        duration: 100 * scale,\n        useNativeDriver: true,\n      }).start(({ finished }) => {\n        if (finished) setHidden(true);\n      });\n    }\n  }, [visible, duration, opacity, scale, onDismiss]);\n\n  const { colors, roundness } = theme;\n\n  if (hidden) return null;\n\n  if (!message) return null;\n\n  return (\n    <SafeAreaView\n      pointerEvents=\"box-none\"\n      style={[styles.wrapper, { bottom: customBottom }]}\n    >\n      <Surface\n        pointerEvents=\"box-none\"\n        accessibilityLiveRegion=\"polite\"\n        style={\n          [\n            styles.container,\n            {\n              borderRadius: roundness,\n              opacity: opacity,\n              transform: [\n                {\n                  scale: visible\n                    ? opacity.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [0.9, 1],\n                      })\n                    : 1,\n                },\n              ],\n            },\n            { backgroundColor: colors.onSurface },\n          ] as StyleProp<ViewStyle>\n        }\n      >\n        <View\n          style={\n            type && type === SnackBarType.FAILURE\n              ? styles.fail\n              : type && type === SnackBarType.WARNING\n              ? styles.warn\n              : styles.main\n          }\n        >\n          {type && type === SnackBarType.FAILURE ? (\n            <AntDesign name=\"exclamationcircleo\" size={20} color=\"white\" />\n          ) : (\n            <AntDesign name=\"checkcircleo\" size={20} color=\"white\" />\n          )}\n          <Text style={styles.messageStyle}>{message}</Text>\n          <AntDesign\n            name=\"close\"\n            size={16}\n            color=\"white\"\n            onPress={() => {\n              setHidden(true);\n            }}\n          />\n        </View>\n      </Surface>\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    position: 'absolute',\n    bottom: 110,\n    width: '100%',\n    zIndex: 1000,\n  },\n  container: {\n    elevation: 6,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    margin: 8,\n    borderRadius: 4,\n  },\n  main: {\n    padding: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#059669',\n    flex: 1,\n  },\n  fail: {\n    padding: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#DC2626',\n    flex: 1,\n  },\n  warn: {\n    padding: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#D97706',\n    flex: 1,\n  },\n  messageStyle: {\n    flex: 1,\n    marginStart: 20,\n    marginEnd: 20,\n    color: '#ffffff',\n    fontWeight: '600',\n    fontFamily: Fonts.IBMPlexSans_600SemiBold,\n  },\n});\n\nexport default withTheme(SnackbarCustom);\n"],"mappings":"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"}

package/lib/module/components/widgets/SplitTextInput.js

@@ -0,0 +1,84 @@
+import { View, Text, Pressable, StyleSheet, TextInput } from 'react-native';
+import React, { useRef, useState } from 'react';
+const SplitTextInput = _ref => {
+  let {
+    styles,
+    value,
+    onChange,
+    maxLength,
+    keyboardType,
+    hasError
+  } = _ref;
+  const inputRef = useRef();
+  const boxArray = new Array(maxLength).fill(0);
+  const [isInputBoxFocused, setIsInputBoxFocused] = useState(false);
+  const handleOnPress = () => {
+    setIsInputBoxFocused(true);
+    inputRef.current.focus();
+  };
+  const handleOnBlur = () => {
+    setIsInputBoxFocused(false);
+  };
+  const boxDigit = (_, index) => {
+    const digit = value[index] || '';
+    const isCurrentValue = index === value.length;
+    const isLastValue = index === maxLength - 1;
+    const isCodeComplete = value.length === maxLength;
+    const isValueFocused = isCurrentValue || isLastValue && isCodeComplete;
+    const splitBoxesStyle = Boolean(hasError) ? widgetStyles.errorSplitBoxes : isInputBoxFocused && isValueFocused || value[index] ? widgetStyles.focusedSplitBoxes : widgetStyles.splitBoxes;
+    return /*#__PURE__*/React.createElement(View, {
+      style: splitBoxesStyle,
+      key: index
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles
+    }, digit));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: handleOnPress,
+    style: widgetStyles.splitContainer
+  }, boxArray.map(boxDigit)), /*#__PURE__*/React.createElement(TextInput, {
+    style: widgetStyles.textInputHidden,
+    value: value,
+    onChangeText: onChange,
+    maxLength: maxLength,
+    ref: inputRef,
+    onBlur: handleOnBlur,
+    keyboardType: keyboardType
+  }));
+};
+export default SplitTextInput;
+const widgetStyles = StyleSheet.create({
+  splitContainer: {
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  },
+  splitBoxes: {
+    borderColor: '#dddddd',
+    borderWidth: 2,
+    borderRadius: 5,
+    padding: 12,
+    minWidth: 50
+  },
+  focusedSplitBoxes: {
+    borderColor: '#666666',
+    borderWidth: 2,
+    borderRadius: 5,
+    padding: 12,
+    minWidth: 50
+  },
+  errorSplitBoxes: {
+    borderColor: '#DC2626',
+    borderWidth: 2,
+    borderRadius: 5,
+    padding: 12,
+    minWidth: 50
+  },
+  textInputHidden: {
+    height: 30,
+    width: 300,
+    position: 'absolute',
+    opacity: 0
+  }
+});
+//# sourceMappingURL=SplitTextInput.js.map

package/lib/module/components/widgets/SplitTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","StyleSheet","TextInput","React","useRef","useState","SplitTextInput","_ref","styles","value","onChange","maxLength","keyboardType","hasError","inputRef","boxArray","Array","fill","isInputBoxFocused","setIsInputBoxFocused","handleOnPress","current","focus","handleOnBlur","boxDigit","_","index","digit","isCurrentValue","length","isLastValue","isCodeComplete","isValueFocused","splitBoxesStyle","Boolean","widgetStyles","errorSplitBoxes","focusedSplitBoxes","splitBoxes","createElement","style","key","Fragment","onPress","splitContainer","map","textInputHidden","onChangeText","ref","onBlur","create","width","flexDirection","justifyContent","borderColor","borderWidth","borderRadius","padding","minWidth","height","position","opacity"],"sources":["SplitTextInput.tsx"],"sourcesContent":["import {\n  View,\n  Text,\n  Pressable,\n  StyleSheet,\n  TextInput,\n  KeyboardTypeOptions,\n} from 'react-native';\nimport React, { useRef, useState } from 'react';\n\nexport interface SplitTextInputProps {\n  styles: any;\n  value: string;\n  onChange: (text: string) => void;\n  maxLength: number;\n  keyboardType: KeyboardTypeOptions;\n  hasError: boolean;\n}\n\nconst SplitTextInput = ({\n  styles,\n  value,\n  onChange,\n  maxLength,\n  keyboardType,\n  hasError,\n}: SplitTextInputProps) => {\n  const inputRef: any = useRef();\n  const boxArray = new Array(maxLength).fill(0);\n  const [isInputBoxFocused, setIsInputBoxFocused] = useState(false);\n\n  const handleOnPress = () => {\n    setIsInputBoxFocused(true);\n    inputRef.current.focus();\n  };\n\n  const handleOnBlur = () => {\n    setIsInputBoxFocused(false);\n  };\n\n  const boxDigit = (_: number, index: number) => {\n    const digit = value[index] || '';\n\n    const isCurrentValue = index === value.length;\n    const isLastValue = index === maxLength - 1;\n    const isCodeComplete = value.length === maxLength;\n\n    const isValueFocused = isCurrentValue || (isLastValue && isCodeComplete);\n\n    const splitBoxesStyle = Boolean(hasError)\n      ? widgetStyles.errorSplitBoxes\n      : (isInputBoxFocused && isValueFocused) || value[index]\n      ? widgetStyles.focusedSplitBoxes\n      : widgetStyles.splitBoxes;\n\n    return (\n      <View style={splitBoxesStyle} key={index}>\n        <Text style={styles}>{digit}</Text>\n      </View>\n    );\n  };\n\n  return (\n    <>\n      <Pressable onPress={handleOnPress} style={widgetStyles.splitContainer}>\n        {boxArray.map(boxDigit)}\n      </Pressable>\n      <TextInput\n        style={widgetStyles.textInputHidden}\n        value={value}\n        onChangeText={onChange}\n        maxLength={maxLength}\n        ref={inputRef}\n        onBlur={handleOnBlur}\n        keyboardType={keyboardType}\n      />\n    </>\n  );\n};\n\nexport default SplitTextInput;\n\nconst widgetStyles = StyleSheet.create({\n  splitContainer: {\n    width: '100%',\n    flexDirection: 'row',\n    justifyContent: 'space-evenly',\n  },\n  splitBoxes: {\n    borderColor: '#dddddd',\n    borderWidth: 2,\n    borderRadius: 5,\n    padding: 12,\n    minWidth: 50,\n  },\n  focusedSplitBoxes: {\n    borderColor: '#666666',\n    borderWidth: 2,\n    borderRadius: 5,\n    padding: 12,\n    minWidth: 50,\n  },\n  errorSplitBoxes: {\n    borderColor: '#DC2626',\n    borderWidth: 2,\n    borderRadius: 5,\n    padding: 12,\n    minWidth: 50,\n  },\n  textInputHidden: {\n    height: 30,\n    width: 300,\n    position: 'absolute',\n    opacity: 0,\n  },\n});\n"],"mappings":"AAAA,SACEA,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,SAAS,QAEJ,cAAc;AACrB,OAAOC,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAW/C,MAAMC,cAAc,GAAGC,IAAA,IAOI;EAAA,IAPH;IACtBC,MAAM;IACNC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,YAAY;IACZC;EACmB,CAAC,GAAAN,IAAA;EACpB,MAAMO,QAAa,GAAGV,MAAM,CAAC,CAAC;EAC9B,MAAMW,QAAQ,GAAG,IAAIC,KAAK,CAACL,SAAS,CAAC,CAACM,IAAI,CAAC,CAAC,CAAC;EAC7C,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAEjE,MAAMe,aAAa,GAAGA,CAAA,KAAM;IAC1BD,oBAAoB,CAAC,IAAI,CAAC;IAC1BL,QAAQ,CAACO,OAAO,CAACC,KAAK,CAAC,CAAC;EAC1B,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBJ,oBAAoB,CAAC,KAAK,CAAC;EAC7B,CAAC;EAED,MAAMK,QAAQ,GAAGA,CAACC,CAAS,EAAEC,KAAa,KAAK;IAC7C,MAAMC,KAAK,GAAGlB,KAAK,CAACiB,KAAK,CAAC,IAAI,EAAE;IAEhC,MAAME,cAAc,GAAGF,KAAK,KAAKjB,KAAK,CAACoB,MAAM;IAC7C,MAAMC,WAAW,GAAGJ,KAAK,KAAKf,SAAS,GAAG,CAAC;IAC3C,MAAMoB,cAAc,GAAGtB,KAAK,CAACoB,MAAM,KAAKlB,SAAS;IAEjD,MAAMqB,cAAc,GAAGJ,cAAc,IAAKE,WAAW,IAAIC,cAAe;IAExE,MAAME,eAAe,GAAGC,OAAO,CAACrB,QAAQ,CAAC,GACrCsB,YAAY,CAACC,eAAe,GAC3BlB,iBAAiB,IAAIc,cAAc,IAAKvB,KAAK,CAACiB,KAAK,CAAC,GACrDS,YAAY,CAACE,iBAAiB,GAC9BF,YAAY,CAACG,UAAU;IAE3B,oBACEnC,KAAA,CAAAoC,aAAA,CAACzC,IAAI;MAAC0C,KAAK,EAAEP,eAAgB;MAACQ,GAAG,EAAEf;IAAM,gBACvCvB,KAAA,CAAAoC,aAAA,CAACxC,IAAI;MAACyC,KAAK,EAAEhC;IAAO,GAAEmB,KAAY,CAC9B,CAAC;EAEX,CAAC;EAED,oBACExB,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAuC,QAAA,qBACEvC,KAAA,CAAAoC,aAAA,CAACvC,SAAS;IAAC2C,OAAO,EAAEvB,aAAc;IAACoB,KAAK,EAAEL,YAAY,CAACS;EAAe,GACnE7B,QAAQ,CAAC8B,GAAG,CAACrB,QAAQ,CACb,CAAC,eACZrB,KAAA,CAAAoC,aAAA,CAACrC,SAAS;IACRsC,KAAK,EAAEL,YAAY,CAACW,eAAgB;IACpCrC,KAAK,EAAEA,KAAM;IACbsC,YAAY,EAAErC,QAAS;IACvBC,SAAS,EAAEA,SAAU;IACrBqC,GAAG,EAAElC,QAAS;IACdmC,MAAM,EAAE1B,YAAa;IACrBX,YAAY,EAAEA;EAAa,CAC5B,CACD,CAAC;AAEP,CAAC;AAED,eAAeN,cAAc;AAE7B,MAAM6B,YAAY,GAAGlC,UAAU,CAACiD,MAAM,CAAC;EACrCN,cAAc,EAAE;IACdO,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,UAAU,EAAE;IACVgB,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDrB,iBAAiB,EAAE;IACjBiB,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDtB,eAAe,EAAE;IACfkB,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDZ,eAAe,EAAE;IACfa,MAAM,EAAE,EAAE;IACVR,KAAK,EAAE,GAAG;IACVS,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}