@os1-platform/dispatch-mobile 2.0.7 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os1-platform/dispatch-mobile",
-  "version": "2.0.7",
+  "version": "2.1.0",
   "description": "Dispatch SDK React Native Package",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -8,12 +8,19 @@
   "react-native": "lib/module/index",
   "source": "lib/module/index",
   "files": [
+    "src",
     "lib",
     "android",
+    "ios",
     "cpp",
-    "dispatch-sdk.podspec",
+    "*.podspec",
     "!lib/typescript/example",
+    "!ios/build",
     "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
@@ -32,13 +39,17 @@
     "example": "yarn --cwd example",
     "pods": "cd example && pod-install --quiet",
     "bootstrap": "yarn example && yarn && yarn pods",
-    "local": "yarn && cd example && yarn start"
+    "local": "yarn && cd example && yarn start",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
   },
   "keywords": [
     "react-native",
-    "android"
+    "android",
+    "ios"
   ],
   "license": "MIT",
+  "author": "Amit Sanvedi <amit.sanvedi@delhivery.com> (https://github.com/FoxtrotPlatform/platform-coreos-dispatch-sdk)",
+  "homepage": "https://github.com/FoxtrotPlatform/platform-coreos-dispatch-sdk/#readme",
   "devDependencies": {
     "@apollo/client": "^3.5.6",
     "@babel/core": "^7.12.9",
@@ -47,7 +58,8 @@
     "@babel/runtime": "^7.12.5",
     "@commitlint/config-conventional": "^11.0.0",
     "@expo-google-fonts/ibm-plex-sans": "*",
-    "@foxtrotplatform/platform-coreos-mts-sdk": "^1.0.0",
+    "@foxtrotplatform/platform-coreos-mts-sdk": "file:foxtrotplatform-platform-coreos-mts-sdk-1.0.2.tgz",
+    "@os1-platform/platform-coreos-execution-engine-sdk": "1.0.4",
     "@react-native-async-storage/async-storage": "^1.15.14",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/eslint-config": "^2.0.0",
@@ -65,6 +77,7 @@
     "@sentry/react-native": "^3.2.13",
     "@tsconfig/react-native": "^2.0.2",
     "@types/enzyme": "^3.10.10",
+    "@types/i18n-js": "^3.8.8",
     "@types/jest": "^26.0.23",
     "@types/json-logic-js": "^1.2.1",
     "@types/jsonpath-plus": "^5.0.2",
@@ -91,6 +104,7 @@
     "expo-font": "~10.0.3",
     "expo-image-manipulator": "~10.1.2",
     "expo-image-picker": "~11.0.3",
+    "react-native-image-picker": "^7.0.2",
     "expo-location": "~13.0.4",
     "expo-sqlite": "~11.0.0",
     "graphql": "^16.2.0",
@@ -118,7 +132,7 @@
   "peerDependencies": {
     "@apollo/client": "^3.5.6",
     "@expo-google-fonts/ibm-plex-sans": "*",
-    "@foxtrotplatform/platform-coreos-mts-sdk": "^1.0.0",
+    "@foxtrotplatform/platform-coreos-mts-sdk": "file:foxtrotplatform-platform-coreos-mts-sdk-1.0.2.tgz",
     "@react-native-async-storage/async-storage": "^1.15.14",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/netinfo": "^6.0.2",
@@ -140,6 +154,7 @@
     "expo-font": "~11.0.1",
     "expo-image-manipulator": "~11.0.0",
     "expo-image-picker": "~14.1.0",
+    "react-native-image-picker": "^7.0.2",
     "expo-location": "~15.0.1",
     "expo-sqlite": "~11.0.0",
     "graphql": "^16.2.0",
@@ -245,9 +260,10 @@
     ]
   },
   "dependencies": {
-    "@os1-platform/platform-coreos-execution-engine-sdk": "1.0.2",
     "@rjsf/core": "^2.0.0",
+    "apollo-link-timeout": "^4.0.0",
     "decompress": "^4.2.1",
+    "i18n-js": "^4.3.2",
     "json-logic-js": "^2.0.1",
     "jsonpath-plus": "^6.0.1",
     "jwt-decode": "^3.1.2",
@@ -256,6 +272,7 @@
     "react-native-svg": "^13.6.0",
     "recyclerlistview": "^4.2.0",
     "rjsf-native": "^1.0.14",
-    "toggle-switch-react-native": "^3.3.0"
+    "toggle-switch-react-native": "^3.3.0",
+    "@os1-platform/platform-coreos-execution-engine-sdk": "1.0.4"
   }
 }

package/src/@types/assets/index.d.ts

@@ -0,0 +1,6 @@
+declare module '*.svg' {
+  import React from 'react';
+  import {SvgProps} from 'react-native-svg';
+  const content: React.FC<SvgProps>;
+  export default content;
+}

package/src/components/dispatch/DispatchExecNavigator.tsx

@@ -0,0 +1,273 @@
+import * as React from 'react';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import * as ETScreen from '../../ui/screens/ETScreensIndex';
+import {
+  CustomScreens,
+  ExecutionTaskID,
+  ExecutionTaskName,
+} from '../../models/execTasks/ETConfig';
+import {
+  IBMPlexSans_100Thin,
+  IBMPlexSans_100Thin_Italic,
+  IBMPlexSans_200ExtraLight,
+  IBMPlexSans_200ExtraLight_Italic,
+  IBMPlexSans_300Light,
+  IBMPlexSans_300Light_Italic,
+  IBMPlexSans_400Regular,
+  IBMPlexSans_400Regular_Italic,
+  IBMPlexSans_500Medium,
+  IBMPlexSans_500Medium_Italic,
+  IBMPlexSans_600SemiBold,
+  IBMPlexSans_600SemiBold_Italic,
+  IBMPlexSans_700Bold,
+  IBMPlexSans_700Bold_Italic,
+  useFonts,
+} from '@expo-google-fonts/ibm-plex-sans';
+import ProgressDialog from '../widgets/ProgressDialog';
+import { RouteParams } from '../../ui/uiConfig/RouteParams';
+import { Platform } from 'react-native';
+import { Fonts } from '../../styles/executionTasks/CommonStyles';
+
+const Stack = createNativeStackNavigator();
+
+const DispatchExecNavigator = ({ route }: { route: any }) => {
+  let [fontsLoaded] = useFonts({
+    IBMPlexSans_400Regular,
+    IBMPlexSans_600SemiBold,
+    IBMPlexSans_300Light,
+    IBMPlexSans_700Bold,
+    IBMPlexSans_100Thin,
+    IBMPlexSans_100Thin_Italic,
+    IBMPlexSans_200ExtraLight,
+    IBMPlexSans_200ExtraLight_Italic,
+    IBMPlexSans_300Light_Italic,
+    IBMPlexSans_400Regular_Italic,
+    IBMPlexSans_500Medium,
+    IBMPlexSans_500Medium_Italic,
+    IBMPlexSans_600SemiBold_Italic,
+    IBMPlexSans_700Bold_Italic,
+  });
+  if (!fontsLoaded) {
+    return <ProgressDialog visible={true} label={'Please wait...'} />;
+  } else
+    return (
+      <Stack.Navigator
+        screenOptions={{
+          headerTitleStyle: {
+            fontWeight: '600',
+            fontSize: 16,
+            fontFamily: 'IBMPlexSans_600SemiBold',                            
+            color: '#111111',
+          },
+          orientation: 'portrait',
+          animation: 'slide_from_right',
+        }}
+        initialRouteName={ExecutionTaskID.START_WORKFLOW}
+      >
+        <Stack.Screen
+          name={ExecutionTaskID.START_WORKFLOW}
+          component={ETScreen.StartWorkFlowScreen}
+          initialParams={route.params}
+          options={{ headerShown: false, animation: 'simple_push' }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.DELIVER}
+          component={ETScreen.DeliverScreen}
+          options={{ headerShown: false, headerBackVisible: false }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.DOODLE}
+          component={ETScreen.DoodleScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.DOODLE,
+              orientation: 'portrait',
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.FORMS}
+          component={ETScreen.FormsScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.FORMS,
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.IMAGE_CAPTURE}
+          component={ETScreen.ImageCaptureScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.IMAGE_CAPTURE,
+              orientation: 'portrait',
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.PICKUP}
+          component={ETScreen.PickupScreen}
+          options={{ headerShown: false, headerBackVisible: false }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.SCAN}
+          component={ETScreen.ScanScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.SCAN,
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.VALIDATE_OTP_ET}
+          component={ETScreen.ValidateOTPScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.VALIDATE_OTP_ET,
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.DISPLAY}
+          component={ETScreen.DisplayScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.DISPLAY,
+              presentation: 'modal',
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.INIT_PAYMENT}
+          component={ETScreen.PaymentScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.INIT_PAYMENT,
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.PROCESS_PAYMENT}
+          component={ETScreen.PaymentScreen}
+          options={(rProps) => {
+            const mode = getMode(rProps.route);
+            if (mode == 'CASH') {
+              return {
+                headerShown: false,
+                headerBackVisible: false,
+              };
+            }
+
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.PROCESS_PAYMENT,
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.COMPLETE_PAYMENT}
+          component={ETScreen.PaymentScreen}
+          options={{ headerShown: false, headerBackVisible: false }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.VERIFY_LOCATION}
+          component={ETScreen.GeofenceScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.VERIFY_LOCATION,
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.CAPTURE_INPUT}
+          component={ETScreen.CaptureInputScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ? taskTitle : ExecutionTaskName.CAPTURE_INPUT,
+              headerBackVisible: false,
+            };
+          }}
+        />
+        <Stack.Screen
+          name={CustomScreens.REMARK_SCREEN}
+          component={ETScreen.CancellationScreen}
+          options={{
+            title: 'Select Event and Reason',
+            presentation: 'modal',
+            animation: 'slide_from_bottom',
+            headerBackVisible: false,
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.COMPLETED_SUCCESS}
+          component={ETScreen.CompleteObjectiveScreen}
+          options={{
+            headerShown: false,
+            animation: 'simple_push',
+            headerBackVisible: false,
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.COMPLETED_FAILURE}
+          component={ETScreen.CompleteObjectiveScreen}
+          options={{
+            headerShown: false,
+            animation: 'simple_push',
+            headerBackVisible: false,
+          }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.DELIVER_CASH}
+          component={ETScreen.DropCashScreen}
+          options={{ headerShown: false, headerBackVisible: false }}
+        />
+        <Stack.Screen
+          name={ExecutionTaskID.HTTP_REQUEST_ET}
+          component={ETScreen.HttpRequestScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle ?? ExecutionTaskName.HTTP_REQUEST_ET,
+              headerBackVisible: false,
+            };
+          }}
+        />
+      </Stack.Navigator>
+    );
+};
+
+function getMode(route: any): string {
+  try {
+    return route?.params[RouteParams.NEXT_STATES].input?.paymentMode;
+  } catch (error: any) {
+    return '';
+  }
+}
+
+function getTaskTitle(route: any): string {
+  try {
+    return route?.params[RouteParams.NEXT_STATES].input?.title;
+  } catch (error: any) {
+    return '';
+  }
+}
+
+export default DispatchExecNavigator;

package/src/components/executiontasks/CompletedWFSchema.ts

@@ -0,0 +1,24 @@
+import type { BaseETResponse } from '../../models/execTasks/ETBaseModels';
+
+export type CompletedWFResponse = BaseETResponse & {
+  /**
+   * Last Event code
+   */
+  lastEventCode?: string;
+  /**
+   * Last Reason code
+   */
+  lastReasonCode?: string;
+  /**
+   * Meta data related to execution of task
+   */
+};
+
+/**
+ * Can go back
+ */
+export type CanGoBack = boolean;
+
+export interface CompletedWFRequest {
+  canGoBack?: CanGoBack;
+}

package/src/components/executiontasks/ExecutionTasksIndex.ts

@@ -0,0 +1,137 @@
+import FormGenerator from './forms/FormGenerator';
+import type { CaptureInput, CaptureOutput } from './imageCapture/CaptureSchema';
+import ImageCapture from './imageCapture/ImageCapture';
+
+import SignatureET from './doodle/SignatureET';
+import CancelET from './cancellation/CancelET';
+import type {
+  CancellationInput,
+  CancellationOutput,
+} from './cancellation/CancellationSchema';
+import type { SignatureInput, SignatureOutput } from './doodle/SignatureSchema';
+import DeliverET from './deliver/DeliverET';
+import type {
+  DeliverETInput,
+  DeliverOutput,
+  DeliverRemarks,
+  LineItem,
+} from './deliver/DeliverETInput';
+import type { BaseETResponse } from '../../models/execTasks/ETBaseModels';
+import { verifyLocation } from './verifyLocation/GeofenceUtils';
+import type {
+  VerifyLocationInput,
+  VerifyLocationOutput,
+} from './verifyLocation/VerifyLocSchema';
+import PickupET from './pickup/PickupET';
+import type { PickupETInput, PickupETOutput } from './pickup/PickpSchema';
+import type { DisplayETInput, DisplayETOutput } from './display/DisplaySchema';
+import DisplayModalET from './display/DisplayModalET';
+import type { FormInputSchema, FormOutputSchema } from './forms/FormSchema';
+import type {
+  CompletePaymentInput,
+  CompletePaymentOutput,
+} from './payments/completePayment/CompletePaymentSchema';
+import type {
+  InitPaymentInput,
+  InitPaymentOutput,
+} from './payments/init/InitPaymentSchema';
+import type {
+  ProcessPaymentInput,
+  ProcessPaymentOutput,
+} from './payments/processPayment/ProcessPaymentSchema';
+import type {
+  OtpInputSchema,
+  OtpOutputSchema,
+} from './verifyOtp/VerifyOtpSchema';
+
+import VerifyOtpET from './verifyOtp/VerifyOtpET';
+import VerifyLocationET from './verifyLocation/VerifyLocationET';
+import CaptureText from './captureInput/CaptureText';
+import type {
+  CaptureTextInput,
+  CaptureTextOutput,
+} from './captureInput/CaptureInputSchema';
+import type {
+  VerifyInput,
+  VerifyInputResponse,
+} from './verifyInput/VerifyInputSchema';
+import InitPaymentET from './payments/init/InitPaymentET';
+import ProcessPaymentET from './payments/processPayment/ProcessPaymentET';
+import DropCashET from './dropCash/DropCashET';
+import type { DropCashInput, DropCashOutput } from './dropCash/DropCashSchema';
+import CompletePaymentET from './payments/completePayment/CompletePaymentET';
+import SLDeliverET from './deliver/SLDeliverET';
+import SLPickupET from './pickup/SLPickupET';
+import SLDropCash from './dropCash/SLDropCash';
+import HttpRequestET from './httpRequest/HttpRequestET';
+import ScanET from './scan/ScanET';
+import ValidateOTPET from './validateOTP/ValidateOTPET';
+import type { ScannerInput, ScannerOutput } from './scan/ScanSchema';
+import type {
+  ValidateOTPInput,
+  ValidateOTPOutput,
+} from './validateOTP/ValidateOTPSchema';
+
+export type {
+  CancellationInput,
+  CancellationOutput,
+  DeliverETInput,
+  DeliverOutput,
+  LineItem,
+  DeliverRemarks,
+  DisplayETInput,
+  DisplayETOutput,
+  SignatureInput,
+  SignatureOutput,
+  FormInputSchema,
+  FormOutputSchema,
+  CaptureOutput,
+  CaptureInput,
+  VerifyLocationOutput,
+  VerifyLocationInput,
+  CompletePaymentInput,
+  CompletePaymentOutput,
+  InitPaymentInput,
+  InitPaymentOutput,
+  ProcessPaymentInput,
+  ProcessPaymentOutput,
+  PickupETInput,
+  PickupETOutput,
+  BaseETResponse,
+  OtpInputSchema,
+  OtpOutputSchema,
+  CaptureTextInput,
+  CaptureTextOutput,
+  VerifyInput,
+  VerifyInputResponse,
+  DropCashInput,
+  DropCashOutput,
+  ScannerInput,
+  ScannerOutput,
+  ValidateOTPInput,
+  ValidateOTPOutput,
+};
+
+export {
+  CancelET,
+  DeliverET,
+  DisplayModalET,
+  SignatureET,
+  FormGenerator,
+  ImageCapture,
+  VerifyLocationET,
+  verifyLocation,
+  PickupET,
+  VerifyOtpET,
+  CaptureText,
+  InitPaymentET,
+  ProcessPaymentET,
+  DropCashET,
+  CompletePaymentET,
+  SLDeliverET,
+  SLPickupET,
+  SLDropCash,
+  HttpRequestET,
+  ScanET,
+  ValidateOTPET,
+};