@os1-platform/dispatch-mobile 2.1.21 → 2.1.23

package/lib/typescript/components/executiontasks/collectPayment/CollectPaymentSchema.d.ts

@@ -0,0 +1,155 @@
+import { BaseETRequest, BaseETResponse } from '../../../models/execTasks/ETBaseModels';
+import { HTTPMethod, HTTPRequestBody } from '../httpRequest/HttpRequestETSchema';
+import { Headers, PathParams, QueryParams } from '../../../utils/ApiUtils';
+export type AllowedModes = 'CASH' | 'QR_CODE' | 'PAYMENT_LINK' | 'ONLINE';
+export type OnsiteLink = 'Phone Number' | 'Email';
+export interface ETAmount {
+    value: number;
+    currencyCode: string;
+}
+export interface API {
+    uri: string;
+    timeout?: number;
+    httpMethod: HTTPMethod;
+    headers?: Headers[];
+    requestBody?: HTTPRequestBody;
+    queryParams?: QueryParams[];
+    pathParams?: PathParams[];
+    responseJsonLogic: object;
+    errorJsonLogic: object;
+}
+export type CollectPaymentInput = BaseETRequest & {
+    allowedModes: AllowedModes[];
+    plModes?: string[];
+    expectedAmount: number;
+    onsiteLinkSharing?: OnsiteLink[];
+    onSubmitET: (output: CollectPaymentOutput) => void;
+    next: (output: CollectPaymentOutput & {
+        screen: PAYMENT_SCREEN;
+        contactDetails?: string;
+        sourceScreen: PAYMENT_SCREEN;
+    }) => void;
+    screen: PAYMENT_SCREEN;
+    sourceScreen: PAYMENT_SCREEN;
+};
+export interface ProcessPaymentInput {
+    paymentMode: AllowedModes;
+    contactDetails?: string;
+}
+export interface CompletePaymentInput {
+    paymentMode: AllowedModes;
+}
+export type CollectPaymentOutput = BaseETResponse & {
+    refId: string;
+    collectedAmount: ETAmount;
+    paymentMeta?: {};
+    paymentMode: AllowedModes;
+};
+export interface QrResponse {
+    data: {
+        qrCode?: string;
+        txnId?: string;
+        paymentCompleted?: boolean;
+        status?: STATUS;
+    };
+}
+export interface QR_REQUEST_BODY {
+    refId: string;
+    appAbbr: string;
+    money: {
+        amount: number;
+        currency: string;
+    };
+    userInfo?: {
+        phone?: {
+            countryCode: string;
+            mobileNumber: string;
+        };
+    };
+    pgConfigId?: string;
+    description?: string;
+    meta?: {
+        [key: string]: any;
+    };
+}
+export interface PaymentStatusResponse {
+    data: {
+        meta?: {
+            totalCount?: number;
+        };
+        transactions?: {
+            refId: string;
+            status: STATUS;
+            subStatus: SUB_STATUS;
+            money: {
+                amount: number;
+                currency: string;
+            };
+            txnId: string;
+            txnType: TRANSACTION_TYPE;
+            appAbbr: string;
+        }[];
+    };
+}
+export interface PaymentLinkResponse {
+    txnId: string;
+    refId: string;
+    status?: STATUS;
+}
+export interface notificationPaymentStatus {
+    refId: string;
+    status: STATUS;
+}
+export declare enum STATUS {
+    INITIATED = "INITIATED",
+    FAILED = "FAILED",
+    SUCCESS = "SUCCESS"
+}
+export declare enum SUB_STATUS {
+    completed = "completed",
+    expired = "expired",
+    created = "created",
+    plFailed = "plFailed",
+    qrFailed = "qrFailed",
+    paymentFailed = "paymentFailed",
+    closed = "closed"
+}
+export declare enum PAYMENT_SCREEN {
+    INIT = "INIT",
+    CONTACTS = "CONTACTS",
+    PROCESS = "PROCESS",
+    COMPLETE = "COMPLETE"
+}
+export interface sharedPrefPaymentDataInterface {
+    paymentMode: AllowedModes;
+    amount: ETAmount;
+    moIds: string[];
+    previousSelection?: AllowedModes[];
+}
+export interface PaymentEventDataInterface {
+    refId: string;
+    money: {
+        amount: number;
+        currency: string;
+    };
+    contactDetails?: string;
+    paymentLink?: string;
+}
+export interface PaymentConfigResponse {
+    data: {
+        configDetails: {
+            tenantId: string;
+            paymentMethods: PaymentMethods;
+            modesMapping: object;
+        }[];
+    };
+}
+export interface PaymentMethods {
+    QR: boolean;
+    paymentLink: boolean;
+    modes?: object;
+}
+export declare enum TRANSACTION_TYPE {
+    LINK = "link",
+    QRCODE = "qrCode"
+}

package/lib/typescript/components/executiontasks/collectPayment/PaymentStyles.d.ts

@@ -0,0 +1,92 @@
+export declare const PaymentStyles: {
+    amountStyle: {
+        fontSize: number;
+        fontWeight: "600";
+        fontStyle: "normal";
+        textAlign: "center";
+        alignItems: "center";
+        paddingTop: number;
+        paddingBottom: number;
+        fontFamily: string;
+    };
+    messageStyle: {
+        fontFamily: string;
+        backgroundColor: string;
+        color: string;
+        padding: number;
+        fontStyle: "normal";
+        fontWeight: "normal";
+        fontSize: number;
+    };
+    textStyle1: {
+        fontFamily: string;
+        marginTop: number;
+        marginStart: number;
+        marginEnd: number;
+        color: string;
+        fontStyle: "normal";
+        fontWeight: "normal";
+        fontSize: number;
+    };
+    reasonTextStyle: {
+        flex: number;
+        flexWrap: "wrap";
+        fontFamily: string;
+        fontStyle: "normal";
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        textAlign: "justify";
+        color: string;
+        paddingTop: number;
+    };
+    reasonItemStyle: {
+        flexDirection: "row";
+        paddingTop: number;
+        paddingStart: number;
+        paddingEnd: number;
+        backgroundColor: string;
+    };
+    heading: {
+        marginTop: number;
+        marginStart: number;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        color: string;
+    };
+    item: {
+        margin: number;
+        padding: number;
+        borderWidth: number;
+    };
+    btn: {
+        width: number;
+        borderRadius: number;
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        marginVertical: number;
+    };
+    loader: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    flexCenter: {
+        width: number;
+        height: number;
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    paymentWaitIcon: {
+        backgroundColor: string;
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+};

package/lib/typescript/components/executiontasks/collectPayment/PaymentUtils.d.ts

@@ -0,0 +1,16 @@
+import { API, AllowedModes, TRANSACTION_TYPE, sharedPrefPaymentDataInterface } from './CollectPaymentSchema';
+import Storage from '../../../utils/storage';
+import { ENV } from '../../../models/sdk';
+export declare const PAYMENT_SHARED_PREF_KEY = "@Payment_";
+export declare const PAYMENT_SELECTION_SHARED_PREF_KEY = "@Payment_Selection_";
+export declare function getUniqueTransactionID(amt: number): string;
+export declare function getPaymentValue(amt: number, minorUnit?: number): number;
+export declare function getPaymentType(txnType: TRANSACTION_TYPE): AllowedModes | null;
+export declare function getPaymentLink(env: ENV, tenant: string, appAbbr: string, refId: string): string;
+export declare const apiExecution: (api: API) => Promise<any>;
+export declare function getPaymentDataMO(mergedObjectiveIds: string[], refId: string, storage: Storage): Promise<sharedPrefPaymentDataInterface | null>;
+export declare function setSharedPrefPaymentData(refId: string, payload: sharedPrefPaymentDataInterface, storage: Storage): Promise<void>;
+export declare function getSharedPrefPaymentSelection(refId: string, storage: Storage): Promise<AllowedModes[] | null>;
+export declare function setSharedPrefPaymentSelection(refId: string, mode: AllowedModes, storage: Storage): Promise<void>;
+export declare function removeSharedPrefPaymentData(refId: string, storage: Storage): Promise<void>;
+export declare const formatTime: (time: number) => string;

package/lib/typescript/components/executiontasks/collectPayment/components/CompletePayment.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CollectPaymentInput, CollectPaymentOutput } from '../CollectPaymentSchema';
+declare const CompletePayment: (props: CollectPaymentInput & CollectPaymentOutput) => React.JSX.Element;
+export default CompletePayment;

package/lib/typescript/components/executiontasks/collectPayment/components/InitPayment.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CollectPaymentInput } from '../CollectPaymentSchema';
+declare const InitPayment: (props: CollectPaymentInput) => React.JSX.Element;
+export default InitPayment;

package/lib/typescript/components/executiontasks/collectPayment/components/PaymentContactDetails.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CollectPaymentInput, ProcessPaymentInput } from '../CollectPaymentSchema';
+declare const PaymentContactDetails: (props: CollectPaymentInput & ProcessPaymentInput) => React.JSX.Element;
+export default PaymentContactDetails;

package/lib/typescript/components/executiontasks/collectPayment/components/ProcessPayment.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CollectPaymentInput, ProcessPaymentInput } from '../CollectPaymentSchema';
+declare const ProcessPayment: (props: CollectPaymentInput & ProcessPaymentInput) => React.JSX.Element;
+export default ProcessPayment;

package/lib/typescript/components/executiontasks/scan/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { SnackBarType } from 'src/components/widgets/SnackBarCustom';
+import { SnackBarType } from '../../../components/widgets/SnackBarCustom';
 import { ScannerOutput } from './ScanSchema';
 import { IDispatchExecutor } from '@os1-platform/platform-coreos-execution-engine-sdk';
 export declare enum ExpoBarcodeTypes {

package/lib/typescript/components/executiontasks/scan/utils.d.ts

@@ -36,3 +36,4 @@ export declare const getErrorMessage: (scan: string, error: {
 export declare const getSplitIds: (scanOutput: ScannerOutput) => string[];
 export declare function filterERCItems(eventCodeItems: ercItem[], type: 'SUCCESS' | 'FAILURE'): ercItem[];
 export declare function resetObjective(scanProps: ScannerInput): Promise<void>;
+export declare function clearPaymentSharedData(moIds: string[]): Promise<void>;

package/lib/typescript/components/widgets/ProgressDialog.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { StyleProp, TextStyle } from 'react-native';
 declare const ProgressDialog: (props: ProgressDialogProps) => React.JSX.Element;
 export default ProgressDialog;
 export interface ProgressDialogProps {
     visible: boolean;
     label: string;
+    labelStyle?: StyleProp<TextStyle>;
+    customModalContentStyle?: StyleProp<TextStyle>;
 }

package/lib/typescript/components/widgets/SnackBarCustom.d.ts

@@ -13,13 +13,14 @@ export interface SnackbarProps {
     type?: SnackBarType;
     theme: ReactNativePaper.Theme;
     customBottom?: number;
+    customTop?: number;
 }
 export declare enum SnackBarType {
     SUCCESS = 0,
     FAILURE = 1,
     WARNING = 2
 }
-declare const _default: React.ComponentType<Pick<SnackbarProps, "visible" | "message" | "type" | "onDismiss" | "duration" | "customBottom"> & {
+declare const _default: React.ComponentType<Pick<SnackbarProps, "visible" | "message" | "type" | "onDismiss" | "duration" | "customBottom" | "customTop"> & {
     theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
-}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<SnackbarProps> & (({ visible, duration, onDismiss, message, theme, type, customBottom, }: SnackbarProps) => React.JSX.Element | null), {}>;
+}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<SnackbarProps> & (({ visible, duration, onDismiss, message, theme, type, customBottom, customTop, }: SnackbarProps) => React.JSX.Element | null), {}>;
 export default _default;

package/lib/typescript/components/widgets/Timer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Timer: React.ForwardRefExoticComponent<Pick<{
+    ref: any;
+    singleValue?: boolean | undefined;
+    timer?: number | undefined;
+    onTimerEnd?: (() => void) | undefined;
+}, "timer" | "singleValue" | "onTimerEnd"> & React.RefAttributes<unknown>>;

package/lib/typescript/constants/apiConstants.d.ts

@@ -1,6 +1,9 @@
 export declare const ENDPOINTS: {
     JOB_REMOVAL: (dispatchId: string) => string;
     BULK_JOB_UPDATE: (dispatchId: string) => string;
+    GENERATE_QR: string;
+    PAYMENT_STATUS: string;
+    PAYMENT_MODES: string;
 };
 export declare const API_CONFIG: {
     timeout: number;

package/lib/typescript/constants/constants.d.ts

@@ -9,3 +9,6 @@ export declare const DEFAULT_DELIVER_MESSAGE = "Confirm Drop of $ orders";
 export declare const DEFAULT_SIGN_ET_MESSAGE = "Please sign here";
 export declare const REASON_NOT_USED = "NOT_TO_BE_USED";
 export declare const GO_BACK_EVENT_CODE = "E-099";
+export declare const PAYMENT_NOTIFICATION = "PAYMENT_COMPLETED";
+export declare const EMAIL_REGEX = "^([a-z0-9_.+-]+)@([da-z.-]+).([a-z.]{2,6})$";
+export declare const PAYMENT_SUCCESS_DEFAULT_TIMEOUT = 3000;

package/lib/typescript/events/EventDispatcher.d.ts

@@ -1,3 +1,4 @@
 import type { eventType } from './interface';
 declare const dispatchEvent: (type: eventType, customEtName: string, data: any) => void;
+export declare const dispatch: (type: string, data: any) => void;
 export default dispatchEvent;

package/lib/typescript/events/constants.d.ts

@@ -4,4 +4,5 @@ export declare const BaseEvents: {
     BACK: string;
     ON_SCAN: string;
     ON_SCAN_REMOVE: string;
+    ON_CLICK: string;
 };

package/lib/typescript/events/interface.d.ts

@@ -1 +1 @@
-export type eventType = 'START' | 'END' | 'BACK' | 'ON_SCAN' | 'ON_SCAN_REMOVE';
+export type eventType = 'START' | 'END' | 'BACK' | 'ON_SCAN' | 'ON_SCAN_REMOVE' | 'ON_CLICK';

package/lib/typescript/icons/CircleMark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CircleMark: () => React.JSX.Element;
+export default CircleMark;

package/lib/typescript/icons/FailedIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './interface';
+declare const FailedIcon: (props: IconProps) => React.JSX.Element;
+export default FailedIcon;

package/lib/typescript/icons/FailureCloseIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './interface';
+declare const FailureCloseIcon: (props: IconProps) => React.JSX.Element;
+export default FailureCloseIcon;

package/lib/typescript/icons/SuccessCompleteIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './interface';
+declare const SuccessCompleteIcon: (props: IconProps) => React.JSX.Element;
+export default SuccessCompleteIcon;

package/lib/typescript/models/DispatchModels.d.ts

@@ -59,6 +59,17 @@ export interface startEvent {
         [key: string]: any;
     };
 }
+export interface clickEvent {
+    timestamp: number;
+    taskId: string;
+    customData?: any;
+    etData: {
+        [key: string]: any;
+    };
+    additionalData: {
+        [key: string]: any;
+    };
+}
 export interface stateParams {
     next_states: IDispatch.IExecutionTaskQueryResponse;
     rootMetaData: {

package/lib/typescript/models/execTasks/ETConfig.d.ts

@@ -17,7 +17,8 @@ export declare enum ExecutionTaskID {
     VERIFY_INPUT = "etask:6fc10a60-a144-5798-97f3-1f12e77f56e2",
     DELIVER_CASH = "etask:2fffdf62-62b3-5e70-bd9e-d4d2644ee2fe",
     HTTP_REQUEST_ET = "etask:e148b862-8368-5586-b29d-1eda95ffc8c4",
-    VALIDATE_OTP_ET = "etask:8d5b96f3-7342-5e25-a57f-30004f53de17"
+    VALIDATE_OTP_ET = "etask:8d5b96f3-7342-5e25-a57f-30004f53de17",
+    COLLECT_PAYMENT_ET = "etask:c014eb65-8944-5320-8e51-dccad861a086"
 }
 export declare enum ExecutionTaskName {
     DELIVER = "Deliver",
@@ -38,7 +39,8 @@ export declare enum ExecutionTaskName {
     VERIFY_INPUT = "Verifying Input",
     DELIVER_CASH = "Drop Cash",
     HTTP_REQUEST_ET = "Network Request",
-    VALIDATE_OTP_ET = "Validate OTP"
+    VALIDATE_OTP_ET = "Validate OTP",
+    COLLECT_PAYMENT_ET = "Collect Payment"
 }
 export declare enum CustomScreens {
     REMARK_SCREEN = "REMARKS_SCREEN"
@@ -62,7 +64,8 @@ export declare enum EntityCode {
     VERIFY_INPUT = "0020",
     DELIVER_CASH = "0022",
     HTTP_REQUEST_ET = "0023",
-    VALIDATE_OTP_ET = "0052"
+    VALIDATE_OTP_ET = "0052",
+    COLLECT_PAYMENT_ET = "0055"
 }
 export declare enum BaseEventCodes {
     ENTITY_SUCCESS = "E-010",

package/lib/typescript/models/sdk.d.ts

@@ -4,6 +4,8 @@ export interface DispatchSDKConfig {
     userID: string;
     userName: string;
     tenantBaseURL: string;
+    domain: string;
+    env: ENV;
     headers?: {
         [key: string]: any;
     };
@@ -20,6 +22,7 @@ export interface DispatchSDKConfig {
         description: string;
         interval: number;
     };
+    paymentSuccessTimeout?: number;
     eventMapping?: EventCodes[];
     debugLevelLog?: Boolean;
     callbacks?: {
@@ -30,9 +33,18 @@ export interface DispatchSDKConfig {
         fetchDateTimeCallback?: () => Promise<string>;
         tokenRefreshCallback?: () => Promise<string>;
     };
+    etConfig: {
+        phoneCode: string;
+        mobilePhoneRegex: string;
+        currencySymbol: string;
+        appAbbr: string;
+        currencyCode: string;
+        goBackDisableTimer?: number;
+    };
 }
 export declare enum ENVIRONMENT {
     DEV = "dev",
     PRE_PROD = "preprod",
     PROD = "prod"
 }
+export type ENV = 'DEV' | 'SANDBOX' | 'SHARED_P1' | 'DLV_INDIA_P2';

package/lib/typescript/network/NetworkClient.d.ts

@@ -2,7 +2,9 @@ import HttpClient from './client';
 import type { Headers } from '../models/auth';
 export default class NetworkClient extends HttpClient {
     constructor(baseURL: string);
-    requestGet(): Promise<void>;
+    requestGet(endpoint: string, headers: Headers, queryParams?: {
+        [key: string]: string | number | boolean;
+    }): Promise<import("axios").AxiosResponse<any, any>>;
     requestPost(endpoint: string, requestBody: any, headers: Headers): Promise<import("axios").AxiosResponse<any, any>>;
     requestPut(endpoint: string, requestBody: any, headers: Headers): Promise<import("axios").AxiosResponse<any, any>>;
 }

package/lib/typescript/styles/executionTasks/CommonStyles.d.ts

@@ -129,6 +129,7 @@ export declare const CommonStyles: {
         justifyContent: "center";
         fontFamily: string;
         fontStyle: "normal";
+        fontWeight: "400";
         fontSize: number;
         letterSpacing: number;
         lineHeight: number;
@@ -136,6 +137,13 @@ export declare const CommonStyles: {
         color: string;
         marginBottom: number;
     };
+    titleText: {
+        fontFamily: Fonts;
+        fontWeight: "500";
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
 };
 export declare const DeliverPickupStyles: {
     itemTextStyle: {
@@ -161,11 +169,12 @@ export declare const DeliverPickupStyles: {
     modalView: {
         backgroundColor: string;
         padding: number;
+        paddingVertical: number;
         borderRadius: number;
     };
     titleText: {
         justifyContent: "center";
-        fontFamily: Fonts;
+        fontFamily: string;
         fontStyle: "normal";
         fontSize: number;
         lineHeight: number;

package/lib/typescript/ui/screens/CollectPaymentScreen.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/typescript/ui/screens/ETScreensIndex.d.ts

@@ -14,4 +14,5 @@ import DropCashScreen from './DropCashScreen';
 import ScanScreen from './ScanScreen';
 import HttpRequestScreen from './HttpRequestScreen';
 import ValidateOTPScreen from './ValidateOTPScreen';
-export { CancellationScreen, DeliverScreen, DoodleScreen, ImageCaptureScreen, FormsScreen, PickupScreen, StartWorkFlowScreen, CaptureInputScreen, GeofenceScreen, PaymentScreen, DisplayScreen, CompleteObjectiveScreen, DropCashScreen, ScanScreen, HttpRequestScreen, ValidateOTPScreen, };
+import CollectPaymentScreen from './CollectPaymentScreen';
+export { CancellationScreen, DeliverScreen, DoodleScreen, ImageCaptureScreen, FormsScreen, PickupScreen, StartWorkFlowScreen, CaptureInputScreen, GeofenceScreen, PaymentScreen, DisplayScreen, CompleteObjectiveScreen, DropCashScreen, ScanScreen, HttpRequestScreen, ValidateOTPScreen, CollectPaymentScreen, };

package/lib/typescript/ui/uiConfig/RouteParams.d.ts

@@ -19,4 +19,5 @@ export declare function getDataFromNextState(nextState: IDispatch.IExecutionTask
     mergedObjectiveId: string[];
     wfMeta: any;
     taskName: string;
+    taskId: string;
 };

package/lib/typescript/utils/ExecTaskUtils.d.ts

@@ -10,4 +10,6 @@ export declare function getEntityCodeByET(etId: string): string;
  * @param eventData nextState: state | objRef: string | jobId: string
  */
 export declare function onTaskStart(eventData: IDispatch.IExecutionTaskQueryResponse, customData: any, triggerEvent?: boolean): void;
+export declare function onClickEvent(eventName: string, eventData: IDispatch.IExecutionTaskQueryResponse, customData: any, additionalData: any, triggerEvent?: boolean): void;
 export declare function handleDynamicValues(jsonInput: any, dataBlob: any): any;
+export declare const maskContact: (contact: string) => string;

package/lib/typescript/utils/context/paymentContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { DispatchSDKConfig } from '../../models/sdk';
+import NetworkClient from '../../network/NetworkClient';
+export declare const PaymentContext: import("react").Context<{
+    sdkConfig: DispatchSDKConfig;
+    networkInstance: NetworkClient;
+} | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os1-platform/dispatch-mobile",
-  "version": "2.1.21",
+  "version": "2.1.23",
   "description": "Dispatch SDK React Native Package",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -33,7 +33,7 @@
   "scripts": {
     "test": "jest",
     "typescript": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint": "eslint \"**/*.{js,ts,tsx}\" --fix",
     "prepare": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
@@ -217,7 +217,8 @@
     "root": true,
     "extends": [
       "@react-native-community",
-      "prettier"
+      "prettier",
+      "plugin:react-hooks/recommended"
     ],
     "rules": {
       "prettier/prettier": [
@@ -258,7 +259,7 @@
     ]
   },
   "dependencies": {
-    "@os1-platform/platform-coreos-execution-engine-sdk": "1.0.13",
+    "@os1-platform/platform-coreos-execution-engine-sdk": "1.0.15",
     "@rjsf/core": "^2.0.0",
     "apollo-link-timeout": "^4.0.0",
     "decompress": "^4.2.1",
@@ -276,4 +277,4 @@
     "rjsf-native": "^1.0.14",
     "toggle-switch-react-native": "^3.3.0"
   }
-}
+}

package/src/components/dispatch/DispatchExecNavigator.tsx

@@ -87,6 +87,20 @@ const DispatchExecNavigator = ({ route }: { route: any }) => {
             };
           }}
         />
+        <Stack.Screen
+          name={ExecutionTaskID.COLLECT_PAYMENT_ET}
+          component={ETScreen.CollectPaymentScreen}
+          options={(rProps) => {
+            let taskTitle = getTaskTitle(rProps.route);
+            return {
+              title: taskTitle
+                ? taskTitle
+                : ExecutionTaskName.COLLECT_PAYMENT_ET,
+              orientation: 'portrait',
+              headerBackVisible: false,
+            };
+          }}
+        />
         <Stack.Screen
           name={ExecutionTaskID.FORMS}
           component={ETScreen.FormsScreen}