@os1-platform/dispatch-mobile 1.0.7 → 1.3.11

package/lib/commonjs/components/executiontasks/validateOTP/ValidateOTPET.js

@@ -0,0 +1,334 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativePaper = require("react-native-paper");
+var _reactNativeSvg = require("react-native-svg");
+var _OTPInput = _interopRequireDefault(require("./sub-components/OTPInput"));
+var _useTimer = _interopRequireDefault(require("../../../utils/hooks/useTimer"));
+var _CommonStyles = require("../../../styles/executionTasks/CommonStyles");
+var _utils = require("./utils");
+var _constants = require("./constants");
+var _ETConfig = require("../../../models/execTasks/ETConfig");
+var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
+var _EventCodeContainer = require("../../../manager/dispatchCodes/EventCodeContainer");
+var _SnackBarCustom = _interopRequireWildcard(require("../../../components/widgets/SnackBarCustom"));
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _constants2 = require("../../../constants/constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ValidateOTPET = props => {
+  var _props$generationLogi, _props$generationLogi2;
+  const [showBackModal, setShowBackModal] = (0, _react.useState)(false);
+  (0, _react.useLayoutEffect)(() => {
+    props.navigation.setOptions({
+      title: props.title,
+      headerLeft: () => {
+        var _props$taskMeta;
+        return props !== null && props !== void 0 && (_props$taskMeta = props.taskMeta) !== null && _props$taskMeta !== void 0 && _props$taskMeta.enableGoBack ? /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+          onPress: async () => {
+            setShowBackModal(true);
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        }) : null;
+      }
+    });
+  }, [props.navigation, props.title]);
+  const retryConfig = (0, _utils.parseRetryConfig)((_props$generationLogi = props.generationLogic) === null || _props$generationLogi === void 0 ? void 0 : _props$generationLogi.retryConfig);
+  const initialMinute = Math.floor(retryConfig.delay / 60);
+  const initialSeconds = parseInt((retryConfig.delay % 60).toFixed(0));
+  const [timer, resetTimer] = (0, _useTimer.default)({
+    initialMinute,
+    initialSeconds
+  });
+  const [sendOTP, setSendOTP] = (0, _react.useState)(Boolean((_props$generationLogi2 = props.generationLogic) === null || _props$generationLogi2 === void 0 ? void 0 : _props$generationLogi2.generateOnLoad));
+  const [retryCount, setRetryCount] = (0, _react.useState)(0);
+  const [userInput, setUserInput] = (0, _react.useState)({
+    captureInput: ''
+  });
+  const {
+    captureInput: otpCode
+  } = userInput;
+  const setOTPCode = otpCode => {
+    setUserInput({
+      ...userInput,
+      captureInput: otpCode
+    });
+  };
+  const [hasError, setHasError] = (0, _react.useState)(false);
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  const [snackBar, setSnackBar] = (0, _react.useState)({
+    show: false,
+    type: _SnackBarCustom.SnackBarType.SUCCESS,
+    message: ''
+  });
+  const renderButtons = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.bottomView
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginBottom: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: _CommonStyles.CommonStyles.nextButton,
+      uppercase: true,
+      onPress: async () => {
+        var _props$generationLogi3;
+        // send OTP Generation using props
+        if (sendOTP && props.generationLogic && (_props$generationLogi3 = props.generationLogic) !== null && _props$generationLogi3 !== void 0 && _props$generationLogi3.generateOnLoad) {
+          const response = await (0, _utils.generateOTP)(props.generationLogic.api);
+          resetTimer();
+          if (response) setSendOTP(false);else setSnackBar({
+            show: true,
+            message: _constants.ERROR_GENERATING_OTP,
+            type: _SnackBarCustom.SnackBarType.FAILURE
+          });
+        }
+        // check for Validation
+        else if (!sendOTP) {
+          if (otpCode.length < props.captureInput.length) {
+            setSnackBar({
+              show: true,
+              message: _constants.INVALID_OTP_LENGTH.replace('<length>', `${props.captureInput.length}`),
+              type: _SnackBarCustom.SnackBarType.FAILURE
+            });
+          } else {
+            const isValid = await (0, _utils.checkForValidation)(otpCode, props.validation, {
+              userInput
+            });
+            if (!isValid) {
+              setErrorMessage(_constants.INVALID_OTP);
+              setHasError(true);
+            } else {
+              var _props$applicableReas;
+              props.onSubmitET({
+                ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.VALIDATE_OTP_ET, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.VALIDATE_OTP_ET, true, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.success), ''))
+              });
+            }
+          }
+        }
+      }
+    }, `Proceed`)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginTop: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.exitButtonLabel,
+      style: _CommonStyles.CommonStyles.exitButton,
+      uppercase: false,
+      onPress: async () => {
+        var _props$applicableReas2;
+        // Cancel the ET
+        props.onSubmitET({
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.VALIDATE_OTP_ET, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.VALIDATE_OTP_ET, false, (_props$applicableReas2 = props.applicableReasons) === null || _props$applicableReas2 === void 0 ? void 0 : _props$applicableReas2.failure), ''))
+        });
+      }
+    }, `Cancel`)));
+  };
+  const renderRetryButton = () => {
+    var _props$generationLogi4;
+    const generationLogic = props.generationLogic;
+    const enableRetry = (_props$generationLogi4 = props.generationLogic) === null || _props$generationLogi4 === void 0 ? void 0 : _props$generationLogi4.enableRetry;
+    if (generationLogic && enableRetry) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.retryButton
+      }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+        disabled: Boolean(timer) || retryCount === retryConfig.maxAttempt,
+        uppercase: false,
+        onPress: async () => {
+          setOTPCode('');
+          setRetryCount(retryCount => retryCount + 1);
+          await (0, _utils.generateOTP)(generationLogic.api);
+          resetTimer();
+        }
+      }, `${retryConfig.buttonTitle} ${timer ? `in ${timer}` : ''}`));
+    } else return null;
+  };
+  const renderErrorMessage = () => {
+    return errorMessage ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.errorMessage
+    }, errorMessage) : null;
+  };
+  const renderModal = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Modal, {
+      visible: showBackModal,
+      dismissable: true,
+      contentContainerStyle: styles.modalContent
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.modalView
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.subText
+    }, 'Are you sure you want to go back?'), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.nextButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: async () => {
+        props.onSubmitET({
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.VALIDATE_OTP_ET, false, _constants2.GO_BACK_EVENT_CODE, ''))
+        });
+        setShowBackModal(false);
+      }
+    }, "Yes"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.cancelButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: () => setShowBackModal(false)
+    }, "No"))));
+  };
+  if (sendOTP) {
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _CommonStyles.CommonStyles.mainContainer
+    }, renderModal(), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginHorizontal: 18
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+      xml: _constants.mobileSVG
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginTop: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.titleText
+    }, "Do you want to proceed to OTP verification? This will send a verification code to your consignee."))), renderButtons(), /*#__PURE__*/_react.default.createElement(_SnackBarCustom.default, {
+      type: snackBar.type,
+      message: `${snackBar.message}`,
+      visible: snackBar.show,
+      onDismiss: () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: _SnackBarCustom.SnackBarType.SUCCESS
+        });
+      }
+    })));
+  }
+  if (!sendOTP) {
+    var _props$captureInput;
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _CommonStyles.CommonStyles.mainContainer
+    }, renderModal(), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.otpContainer
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.otpTitle
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Enter the ", (_props$captureInput = props.captureInput) === null || _props$captureInput === void 0 ? void 0 : _props$captureInput.length, " digit OTP sent to the consignee to confirm order completion")), /*#__PURE__*/_react.default.createElement(_OTPInput.default, {
+      input: props.captureInput,
+      otpCode: otpCode,
+      setOTPCode: setOTPCode,
+      hasError: hasError,
+      setHasError: setHasError,
+      setErrorMessage: setErrorMessage
+    }), renderErrorMessage(), renderRetryButton()), renderButtons(), /*#__PURE__*/_react.default.createElement(_SnackBarCustom.default, {
+      type: snackBar.type,
+      message: `${snackBar.message}`,
+      visible: snackBar.show,
+      onDismiss: () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: _SnackBarCustom.SnackBarType.SUCCESS
+        });
+      }
+    })));
+  }
+  return null;
+};
+var _default = ValidateOTPET;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  bottomView: {
+    justifyContent: 'flex-end',
+    marginTop: 10,
+    marginBottom: 10,
+    marginStart: 15,
+    marginEnd: 15
+  },
+  titleText: {
+    justifyContent: 'center',
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular,
+    fontStyle: 'normal',
+    fontSize: 16,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    textAlign: 'center',
+    color: '#3D445C',
+    marginBottom: 10
+  },
+  otpTitle: {
+    marginTop: 10,
+    marginBottom: 20,
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular,
+    fontStyle: 'normal',
+    fontSize: 16,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    color: '#3D445C',
+    alignItems: 'center'
+  },
+  otpContainer: {
+    marginTop: 20,
+    marginBottom: 40,
+    marginHorizontal: 10,
+    flex: 1
+  },
+  retryButton: {
+    alignItems: 'flex-start',
+    marginVertical: 10
+  },
+  errorMessage: {
+    marginTop: 16,
+    marginHorizontal: 10,
+    color: '#DC2626',
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular,
+    fontSize: 12,
+    lineHeight: 16
+  },
+  subText: {
+    justifyContent: 'center',
+    fontFamily: 'IBMPlexSans_400Regular',
+    fontStyle: 'normal',
+    fontSize: 14,
+    letterSpacing: 0.25,
+    lineHeight: 20,
+    textAlign: 'center',
+    color: '#000000',
+    marginBottom: 10
+  },
+  modalContent: {
+    marginStart: 60,
+    marginEnd: 60,
+    flex: 1,
+    marginBottom: 60
+  },
+  modalView: {
+    backgroundColor: 'white',
+    padding: 15,
+    borderRadius: 9
+  }
+});
+//# sourceMappingURL=ValidateOTPET.js.map

package/lib/commonjs/components/executiontasks/validateOTP/ValidateOTPET.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativePaper","_reactNativeSvg","_OTPInput","_interopRequireDefault","_useTimer","_CommonStyles","_utils","_constants","_ETConfig","_ExecTaskUtils","_EventCodeContainer","_SnackBarCustom","_MaterialIcons","_constants2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ValidateOTPET","props","_props$generationLogi","_props$generationLogi2","showBackModal","setShowBackModal","useState","useLayoutEffect","navigation","setOptions","title","headerLeft","_props$taskMeta","taskMeta","enableGoBack","createElement","onPress","name","color","size","style","paddingRight","paddingTop","retryConfig","parseRetryConfig","generationLogic","initialMinute","Math","floor","delay","initialSeconds","parseInt","toFixed","timer","resetTimer","useTimer","sendOTP","setSendOTP","Boolean","generateOnLoad","retryCount","setRetryCount","userInput","setUserInput","captureInput","otpCode","setOTPCode","hasError","setHasError","errorMessage","setErrorMessage","snackBar","setSnackBar","show","type","SnackBarType","SUCCESS","message","renderButtons","View","styles","bottomView","marginBottom","Button","labelStyle","CommonStyles","nextButtonLabel","nextButton","uppercase","_props$generationLogi3","response","generateOTP","api","ERROR_GENERATING_OTP","FAILURE","length","INVALID_OTP_LENGTH","replace","isValid","checkForValidation","validation","INVALID_OTP","_props$applicableReas","onSubmitET","getBaseETResponse","EntityCode","VALIDATE_OTP_ET","getEventCodeByET","ExecutionTaskID","applicableReasons","success","marginTop","exitButtonLabel","exitButton","_props$applicableReas2","failure","renderRetryButton","_props$generationLogi4","enableRetry","retryButton","disabled","maxAttempt","buttonTitle","renderErrorMessage","Text","renderModal","Portal","Modal","visible","dismissable","contentContainerStyle","modalContent","modalView","subText","GO_BACK_EVENT_CODE","cancelButtonLabel","cancelButton","Provider","mainContainer","flex","justifyContent","alignItems","marginHorizontal","SvgXml","xml","mobileSVG","titleText","onDismiss","_props$captureInput","otpContainer","otpTitle","input","_default","exports","StyleSheet","create","marginStart","marginEnd","fontFamily","Fonts","IBMPlexSans_400Regular","fontStyle","fontSize","lineHeight","letterSpacing","textAlign","marginVertical","backgroundColor","padding","borderRadius"],"sources":["ValidateOTPET.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from 'react-native';\nimport React, { useState, useLayoutEffect } from 'react';\nimport { Button, Modal, Portal, Provider } from 'react-native-paper';\nimport { SvgXml } from 'react-native-svg';\nimport OTPInput from './sub-components/OTPInput';\nimport type { ValidateOTPInput } from './ValidateOTPSchema';\nimport useTimer from '../../../utils/hooks/useTimer';\nimport {\n  CommonStyles,\n  Fonts,\n} from '../../../styles/executionTasks/CommonStyles';\nimport { generateOTP, parseRetryConfig } from './utils';\nimport { checkForValidation } from './utils';\nimport {\n  ERROR_GENERATING_OTP,\n  INVALID_OTP,\n  INVALID_OTP_LENGTH,\n  mobileSVG,\n} from './constants';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport SnackBarCustom, {\n  SnackBarType,\n} from '../../../components/widgets/SnackBarCustom';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\nimport { GO_BACK_EVENT_CODE } from '../../../constants/constants';\n\nconst ValidateOTPET = (props: ValidateOTPInput) => {\n  const [showBackModal, setShowBackModal] = useState(false);\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () =>\n        props?.taskMeta?.enableGoBack ? (\n          <Icon\n            onPress={async () => {\n              setShowBackModal(true);\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        ) : null,\n    });\n  }, [props.navigation, props.title]);\n\n  const retryConfig = parseRetryConfig(props.generationLogic?.retryConfig);\n\n  const initialMinute = Math.floor(retryConfig.delay / 60);\n  const initialSeconds = parseInt((retryConfig.delay % 60).toFixed(0));\n  const [timer, resetTimer] = useTimer({\n    initialMinute,\n    initialSeconds,\n  });\n\n  const [sendOTP, setSendOTP] = useState(\n    Boolean(props.generationLogic?.generateOnLoad)\n  );\n  const [retryCount, setRetryCount] = useState(0);\n\n  const [userInput, setUserInput] = useState({\n    captureInput: '',\n  });\n  const { captureInput: otpCode } = userInput;\n\n  const setOTPCode = (otpCode: string) => {\n    setUserInput({ ...userInput, captureInput: otpCode });\n  };\n\n  const [hasError, setHasError] = useState(false);\n  const [errorMessage, setErrorMessage] = useState('');\n\n  const [snackBar, setSnackBar] = useState({\n    show: false,\n    type: SnackBarType.SUCCESS,\n    message: '',\n  });\n\n  const renderButtons = () => {\n    return (\n      <View style={styles.bottomView}>\n        <View style={{ marginBottom: 8 }}>\n          <Button\n            labelStyle={CommonStyles.nextButtonLabel}\n            style={CommonStyles.nextButton}\n            uppercase={true}\n            onPress={async () => {\n              // send OTP Generation using props\n              if (\n                sendOTP &&\n                props.generationLogic &&\n                props.generationLogic?.generateOnLoad\n              ) {\n                const response = await generateOTP(props.generationLogic.api);\n                resetTimer();\n                if (response) setSendOTP(false);\n                else\n                  setSnackBar({\n                    show: true,\n                    message: ERROR_GENERATING_OTP,\n                    type: SnackBarType.FAILURE,\n                  });\n              }\n              // check for Validation\n              else if (!sendOTP) {\n                if (otpCode.length < props.captureInput.length) {\n                  setSnackBar({\n                    show: true,\n                    message: INVALID_OTP_LENGTH.replace(\n                      '<length>',\n                      `${props.captureInput.length}`\n                    ),\n                    type: SnackBarType.FAILURE,\n                  });\n                } else {\n                  const isValid = await checkForValidation(\n                    otpCode,\n                    props.validation,\n                    { userInput }\n                  );\n\n                  if (!isValid) {\n                    setErrorMessage(INVALID_OTP);\n                    setHasError(true);\n                  } else {\n                    props.onSubmitET({\n                      ...(await getBaseETResponse(\n                        EntityCode.VALIDATE_OTP_ET,\n                        true,\n                        getEventCodeByET(\n                          ExecutionTaskID.VALIDATE_OTP_ET,\n                          true,\n                          props.applicableReasons?.success\n                        ),\n                        ''\n                      )),\n                    });\n                  }\n                }\n              }\n            }}\n          >\n            {`Proceed`}\n          </Button>\n        </View>\n        <View style={{ marginTop: 8 }}>\n          <Button\n            labelStyle={CommonStyles.exitButtonLabel}\n            style={CommonStyles.exitButton}\n            uppercase={false}\n            onPress={async () => {\n              // Cancel the ET\n              props.onSubmitET({\n                ...(await getBaseETResponse(\n                  EntityCode.VALIDATE_OTP_ET,\n                  false,\n                  getEventCodeByET(\n                    ExecutionTaskID.VALIDATE_OTP_ET,\n                    false,\n                    props.applicableReasons?.failure\n                  ),\n                  ''\n                )),\n              });\n            }}\n          >\n            {`Cancel`}\n          </Button>\n        </View>\n      </View>\n    );\n  };\n\n  const renderRetryButton = () => {\n    const generationLogic = props.generationLogic;\n    const enableRetry = props.generationLogic?.enableRetry;\n\n    if (generationLogic && enableRetry) {\n      return (\n        <View style={styles.retryButton}>\n          <Button\n            disabled={Boolean(timer) || retryCount === retryConfig.maxAttempt}\n            uppercase={false}\n            onPress={async () => {\n              setOTPCode('');\n              setRetryCount((retryCount) => retryCount + 1);\n              await generateOTP(generationLogic.api);\n              resetTimer();\n            }}\n          >{`${retryConfig.buttonTitle} ${timer ? `in ${timer}` : ''}`}</Button>\n        </View>\n      );\n    } else return null;\n  };\n\n  const renderErrorMessage = () => {\n    return errorMessage ? (\n      <Text style={styles.errorMessage}>{errorMessage}</Text>\n    ) : null;\n  };\n\n  const renderModal = () => {\n    return (\n      <Portal>\n        <Modal\n          visible={showBackModal}\n          dismissable={true}\n          contentContainerStyle={styles.modalContent}\n        >\n          <View style={styles.modalView}>\n            {/* <Text style={styles.titleText}>{'Are you sure?'}</Text> */}\n            <Text style={styles.subText}>\n              {'Are you sure you want to go back?'}\n            </Text>\n            <Button\n              labelStyle={CommonStyles.nextButtonLabel}\n              style={{ ...CommonStyles.nextButton, marginTop: 10 }}\n              uppercase={false}\n              onPress={async () => {\n                props.onSubmitET({\n                  ...(await getBaseETResponse(\n                    EntityCode.VALIDATE_OTP_ET,\n                    false,\n                    GO_BACK_EVENT_CODE,\n                    ''\n                  )),\n                });\n                setShowBackModal(false);\n              }}\n            >\n              Yes\n            </Button>\n            <Button\n              labelStyle={CommonStyles.cancelButtonLabel}\n              style={{ ...CommonStyles.cancelButton, marginTop: 10 }}\n              uppercase={false}\n              onPress={() => setShowBackModal(false)}\n            >\n              No\n            </Button>\n          </View>\n        </Modal>\n      </Portal>\n    );\n  };\n\n  if (sendOTP) {\n    return (\n      <Provider>\n        <View style={CommonStyles.mainContainer}>\n          {renderModal()}\n          <View\n            style={{\n              flex: 1,\n              justifyContent: 'center',\n              alignItems: 'center',\n              marginHorizontal: 18,\n            }}\n          >\n            <View style={{ marginBottom: 16 }}>\n              <SvgXml xml={mobileSVG} />\n            </View>\n            <View style={{ marginTop: 16 }}>\n              <Text style={styles.titleText}>\n                Do you want to proceed to OTP verification? This will send a\n                verification code to your consignee.\n              </Text>\n            </View>\n          </View>\n          {renderButtons()}\n          <SnackBarCustom\n            type={snackBar.type}\n            message={`${snackBar.message}`}\n            visible={snackBar.show}\n            onDismiss={() => {\n              setSnackBar({\n                show: false,\n                message: '',\n                type: SnackBarType.SUCCESS,\n              });\n            }}\n          />\n        </View>\n      </Provider>\n    );\n  }\n  if (!sendOTP) {\n    return (\n      <Provider>\n        <View style={CommonStyles.mainContainer}>\n          {renderModal()}\n          <View style={styles.otpContainer}>\n            <View style={styles.otpTitle}>\n              <Text>\n                Enter the {props.captureInput?.length} digit OTP sent to the\n                consignee to confirm order completion\n              </Text>\n            </View>\n            <OTPInput\n              input={props.captureInput}\n              otpCode={otpCode}\n              setOTPCode={setOTPCode}\n              hasError={hasError}\n              setHasError={setHasError}\n              setErrorMessage={setErrorMessage}\n            />\n            {renderErrorMessage()}\n            {renderRetryButton()}\n          </View>\n          {renderButtons()}\n          <SnackBarCustom\n            type={snackBar.type}\n            message={`${snackBar.message}`}\n            visible={snackBar.show}\n            onDismiss={() => {\n              setSnackBar({\n                show: false,\n                message: '',\n                type: SnackBarType.SUCCESS,\n              });\n            }}\n          />\n        </View>\n      </Provider>\n    );\n  }\n  return null;\n};\n\nexport default ValidateOTPET;\n\nconst styles = StyleSheet.create({\n  bottomView: {\n    justifyContent: 'flex-end',\n    marginTop: 10,\n    marginBottom: 10,\n    marginStart: 15,\n    marginEnd: 15,\n  },\n  titleText: {\n    justifyContent: 'center',\n    fontFamily: Fonts.IBMPlexSans_400Regular,\n    fontStyle: 'normal',\n    fontSize: 16,\n    lineHeight: 20,\n    letterSpacing: 0.25,\n    textAlign: 'center',\n    color: '#3D445C',\n    marginBottom: 10,\n  },\n  otpTitle: {\n    marginTop: 10,\n    marginBottom: 20,\n    fontFamily: Fonts.IBMPlexSans_400Regular,\n    fontStyle: 'normal',\n    fontSize: 16,\n    lineHeight: 20,\n    letterSpacing: 0.25,\n    color: '#3D445C',\n    alignItems: 'center',\n  },\n  otpContainer: {\n    marginTop: 20,\n    marginBottom: 40,\n    marginHorizontal: 10,\n    flex: 1,\n  },\n  retryButton: {\n    alignItems: 'flex-start',\n    marginVertical: 10,\n  },\n  errorMessage: {\n    marginTop: 16,\n    marginHorizontal: 10,\n    color: '#DC2626',\n    fontFamily: Fonts.IBMPlexSans_400Regular,\n    fontSize: 12,\n    lineHeight: 16,\n  },\n  subText: {\n    justifyContent: 'center',\n    fontFamily: 'IBMPlexSans_400Regular',\n    fontStyle: 'normal',\n    fontSize: 14,\n    letterSpacing: 0.25,\n    lineHeight: 20,\n    textAlign: 'center',\n    color: '#000000',\n    marginBottom: 10,\n  },\n  modalContent: {\n    marginStart: 60,\n    marginEnd: 60,\n    flex: 1,\n    marginBottom: 60,\n  },\n  modalView: {\n    backgroundColor: 'white',\n    padding: 15,\n    borderRadius: 9,\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/components/executiontasks/validateOTP/ValidateOTPSchema.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputType = void 0;
+// Regex to validate strings
+let InputType = /*#__PURE__*/function (InputType) {
+  InputType["STRING"] = "string";
+  InputType["NUMBER"] = "number";
+  return InputType;
+}({});
+exports.InputType = InputType;
+//# sourceMappingURL=ValidateOTPSchema.js.map

package/lib/commonjs/components/executiontasks/validateOTP/ValidateOTPSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputType","exports"],"sources":["ValidateOTPSchema.ts"],"sourcesContent":["import type {\n  HTTPRequestBody,\n  PathParams,\n  QueryParams,\n} from '../../../utils/ApiUtils';\nimport type {\n  BaseETRequest,\n  BaseETResponse,\n} from '../../../models/execTasks/ETBaseModels';\nimport type { Headers, HTTPMethod } from '../httpRequest/HttpRequestETSchema';\n\nexport interface API {\n  uri: string;\n  timeout?: number;\n  httpMethod: HTTPMethod;\n  headers?: Headers[];\n  requestBody?: HTTPRequestBody;\n  queryParams?: QueryParams[];\n  pathParams?: PathParams[];\n  responseJsonLogic: object;\n  errorJsonLogic: object;\n}\n\nexport type ValidationRegex = string; // Regex to validate strings\n\nexport interface RetryConfig {\n  buttonTitle: string; // Button Title if retry is enabled\n  maxAttempt: number; // Number of attempts allowed\n  delay: number; // Delay in enabling resend again\n}\n\nexport interface GenerationLogic {\n  generateOnLoad: boolean; // Need to generate to OTP\n  enableRetry: boolean; // Need to enable retry\n  api: API; // base API to generate OTP\n  retryConfig?: RetryConfig; // Config for retry of OTP\n}\n\nexport enum InputType {\n  STRING = 'string',\n  NUMBER = 'number',\n}\n\nexport interface CaptureInput {\n  inputType: InputType; // Type of input to be captured\n  length: number; // Max length of OTP\n  validationRegex?: ValidationRegex; // Need to validate the input\n}\n\nexport interface Value {\n  value: string;\n}\n\nexport type Logic = { api: API } | { value: Value };\n\nexport interface Validation {\n  selectedIndex: number;\n  logic: Logic;\n}\n\nexport type ValidateOTPInput = BaseETRequest & {\n  generationLogic?: GenerationLogic;\n  captureInput: CaptureInput;\n  validation: Validation;\n  onSubmitET: (validateOTPOutput: ValidateOTPOutput) => void;\n};\n\nexport type ValidateOTPOutput = BaseETResponse;\n"],"mappings":";;;;;;AAuBsC;AAAA,IAe1BA,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAAAC,OAAA,CAAAD,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/executiontasks/validateOTP/constants.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mobileSVG = exports.INVALID_REGEX = exports.INVALID_OTP_LENGTH = exports.INVALID_OTP = exports.ERROR_GENERATING_OTP = exports.DEFAULT_RETRY_CONFIG = void 0;
+const INVALID_OTP = `Wrong or expired OTP. Please try again.`;
+exports.INVALID_OTP = INVALID_OTP;
+const INVALID_OTP_LENGTH = `OTP should be of length <length>`;
+exports.INVALID_OTP_LENGTH = INVALID_OTP_LENGTH;
+const INVALID_REGEX = `Invalid OTP entered. Must match the expected pattern.`;
+exports.INVALID_REGEX = INVALID_REGEX;
+const ERROR_GENERATING_OTP = `Error occured while Generating OTP`;
+exports.ERROR_GENERATING_OTP = ERROR_GENERATING_OTP;
+const mobileSVG = `<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<mask id="mask0_3391_199849" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="164" height="164">
+<rect width="164" height="164" fill="url(#pattern0)"/>
+</mask>
+<g mask="url(#mask0_3391_199849)">
+<rect x="-28" y="-29" width="221" height="221" fill="#5B80F7"/>
+</g>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_3391_199849" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_3391_199849" width="128" height="128" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
+`;
+exports.mobileSVG = mobileSVG;
+const DEFAULT_RETRY_CONFIG = {
+  buttonTitle: 'Resend OTP',
+  delay: 10,
+  maxAttempt: 3
+};
+exports.DEFAULT_RETRY_CONFIG = DEFAULT_RETRY_CONFIG;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/components/executiontasks/validateOTP/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["INVALID_OTP","exports","INVALID_OTP_LENGTH","INVALID_REGEX","ERROR_GENERATING_OTP","mobileSVG","DEFAULT_RETRY_CONFIG","buttonTitle","delay","maxAttempt"],"sources":["constants.ts"],"sourcesContent":["export const INVALID_OTP = `Wrong or expired OTP. Please try again.`;\nexport const INVALID_OTP_LENGTH = `OTP should be of length <length>`;\nexport const INVALID_REGEX = `Invalid OTP entered. Must match the expected pattern.`;\nexport const ERROR_GENERATING_OTP = `Error occured while Generating OTP`;\nexport const mobileSVG = `<svg width=\"164\" height=\"164\" viewBox=\"0 0 164 164\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<mask id=\"mask0_3391_199849\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"164\" height=\"164\">\n<rect width=\"164\" height=\"164\" fill=\"url(#pattern0)\"/>\n</mask>\n<g mask=\"url(#mask0_3391_199849)\">\n<rect x=\"-28\" y=\"-29\" width=\"221\" height=\"221\" fill=\"#5B80F7\"/>\n</g>\n<defs>\n<pattern id=\"pattern0\" patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n<use xlink:href=\"#image0_3391_199849\" transform=\"scale(0.0078125)\"/>\n</pattern>\n<image id=\"image0_3391_199849\" width=\"128\" height=\"128\" xlink:href=\"data:image/png;base64,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\"/>\n</defs>\n</svg>\n`;\nexport const DEFAULT_RETRY_CONFIG = {\n  buttonTitle: 'Resend OTP',\n  delay: 10,\n  maxAttempt: 3,\n};\n"],"mappings":";;;;;;AAAO,MAAMA,WAAW,GAAI,yCAAwC;AAACC,OAAA,CAAAD,WAAA,GAAAA,WAAA;AAC9D,MAAME,kBAAkB,GAAI,kCAAiC;AAACD,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAC9D,MAAMC,aAAa,GAAI,uDAAsD;AAACF,OAAA,CAAAE,aAAA,GAAAA,aAAA;AAC9E,MAAMC,oBAAoB,GAAI,oCAAmC;AAACH,OAAA,CAAAG,oBAAA,GAAAA,oBAAA;AAClE,MAAMC,SAAS,GAAI;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACJ,OAAA,CAAAI,SAAA,GAAAA,SAAA;AACK,MAAMC,oBAAoB,GAAG;EAClCC,WAAW,EAAE,YAAY;EACzBC,KAAK,EAAE,EAAE;EACTC,UAAU,EAAE;AACd,CAAC;AAACR,OAAA,CAAAK,oBAAA,GAAAA,oBAAA"}

package/lib/commonjs/components/executiontasks/validateOTP/sub-components/OTPInput.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _SplitTextInput = _interopRequireDefault(require("../../../widgets/SplitTextInput"));
+var _CommonStyles = require("../../../../styles/executionTasks/CommonStyles");
+var _ValidateOTPSchema = require("../ValidateOTPSchema");
+var _constants = require("../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const OTPInput = props => {
+  const maximumCodeLength = props.input.length;
+  const keyboardType = props.input.inputType === _ValidateOTPSchema.InputType.NUMBER ? 'number-pad' : 'default';
+  (0, _react.useEffect)(() => {
+    if (props.input.validationRegex && props.otpCode.length === maximumCodeLength) {
+      const regex = new RegExp(props.input.validationRegex);
+      const hasError = !regex.test(props.otpCode);
+      props.setHasError(hasError);
+      if (hasError) props.setErrorMessage(_constants.INVALID_REGEX);else props.setErrorMessage('');
+    }
+  }, [props.otpCode]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: _reactNative.Keyboard.dismiss
+  }, /*#__PURE__*/_react.default.createElement(_SplitTextInput.default, {
+    styles: styles.text,
+    value: props.otpCode,
+    onChange: text => {
+      if (props.input.validationRegex) {}
+      props.setOTPCode(text);
+    },
+    maxLength: maximumCodeLength,
+    keyboardType: keyboardType,
+    hasError: props.hasError
+  })));
+};
+var _default = OTPInput;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  text: {
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular,
+    color: '#3D445C',
+    fontSize: 20,
+    textAlign: 'center'
+  },
+  errorMessage: {
+    marginTop: 16,
+    marginHorizontal: 10,
+    color: '#DC2626',
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular,
+    fontSize: 12,
+    lineHeight: 16
+  }
+});
+//# sourceMappingURL=OTPInput.js.map

package/lib/commonjs/components/executiontasks/validateOTP/sub-components/OTPInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_SplitTextInput","_interopRequireDefault","_CommonStyles","_ValidateOTPSchema","_constants","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","props","maximumCodeLength","input","length","keyboardType","inputType","InputType","NUMBER","useEffect","validationRegex","otpCode","regex","RegExp","hasError","test","setHasError","setErrorMessage","INVALID_REGEX","createElement","Fragment","Pressable","onPress","Keyboard","dismiss","styles","text","value","onChange","setOTPCode","maxLength","_default","exports","StyleSheet","create","fontFamily","Fonts","IBMPlexSans_400Regular","color","fontSize","textAlign","errorMessage","marginTop","marginHorizontal","lineHeight"],"sources":["OTPInput.tsx"],"sourcesContent":["import { StyleSheet, Pressable, Keyboard } from 'react-native';\nimport React, { useEffect } from 'react';\nimport SplitTextInput from '../../../widgets/SplitTextInput';\nimport { Fonts } from '../../../../styles/executionTasks/CommonStyles';\nimport { InputType, CaptureInput } from '../ValidateOTPSchema';\nimport { INVALID_REGEX } from '../constants';\n\nexport interface OTPInputProps {\n  input: CaptureInput;\n  otpCode: string;\n  setOTPCode: (otpCode: string) => void;\n  hasError: boolean;\n  setHasError: (hasError: boolean) => void;\n  setErrorMessage: (errorMessage: string) => void;\n}\n\nconst OTPInput = (props: OTPInputProps) => {\n  const maximumCodeLength = props.input.length;\n  const keyboardType =\n    props.input.inputType === InputType.NUMBER ? 'number-pad' : 'default';\n\n  useEffect(() => {\n    if (\n      props.input.validationRegex &&\n      props.otpCode.length === maximumCodeLength\n    ) {\n      const regex = new RegExp(props.input.validationRegex);\n      const hasError = !regex.test(props.otpCode);\n\n      props.setHasError(hasError);\n      if (hasError) props.setErrorMessage(INVALID_REGEX);\n      else props.setErrorMessage('');\n    }\n  }, [props.otpCode]);\n\n  return (\n    <>\n      <Pressable onPress={Keyboard.dismiss}>\n        <SplitTextInput\n          styles={styles.text}\n          value={props.otpCode}\n          onChange={(text) => {\n            if (props.input.validationRegex) {\n            }\n            props.setOTPCode(text);\n          }}\n          maxLength={maximumCodeLength}\n          keyboardType={keyboardType}\n          hasError={props.hasError}\n        />\n      </Pressable>\n    </>\n  );\n};\n\nexport default OTPInput;\n\nconst styles = StyleSheet.create({\n  text: {\n    fontFamily: Fonts.IBMPlexSans_400Regular,\n    color: '#3D445C',\n    fontSize: 20,\n    textAlign: 'center',\n  },\n  errorMessage: {\n    marginTop: 16,\n    marginHorizontal: 10,\n    color: '#DC2626',\n    fontFamily: Fonts.IBMPlexSans_400Regular,\n    fontSize: 12,\n    lineHeight: 16,\n  },\n});\n"],"mappings":"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"}