@zeniai/client-epic-state 4.13.15 → 4.13.17

package/lib/view/spendManagement/billPay/internationalWireVerification/epics/initializeIntlVerificationFormEpic.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeIntlVerificationFormEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const internationalWireVerificationReducer_1 = require("../internationalWireVerificationReducer");
+const initializeIntlVerificationFormEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(internationalWireVerificationReducer_1.initializeIntlVerificationForm.match), (0, operators_1.mergeMap)((action) => {
+    const { companyId, internationalWireFormPayload } = action.payload;
+    const actions = [];
+    const state = state$.value;
+    const onboardingDataFromCompanyInfo = state.companyState.companiesById[companyId].companyBillPayInfo
+        .internationalWireOnboardingDetails;
+    const localData = {};
+    Object.keys(internationalWireFormPayload).forEach((formFieldKey) => {
+        const values = onboardingDataFromCompanyInfo != null
+            ? onboardingDataFromCompanyInfo[formFieldKey].values
+            : undefined;
+        if (values != null) {
+            localData[formFieldKey] =
+                internationalWireFormPayload[formFieldKey].type === 'enum'
+                    ? values.length === 1
+                        ? typeof values[0] === 'object' && 'code' in values[0]
+                            ? values[0].code
+                            : ''
+                        : values.map((value) => typeof value === 'object' && 'code' in value
+                            ? value.code
+                            : '')
+                    : values[0];
+        }
+        else {
+            localData[formFieldKey] =
+                internationalWireFormPayload[formFieldKey].type === 'enum' &&
+                    internationalWireFormPayload[formFieldKey]
+                        .is_multiple_values_allowed === true
+                    ? []
+                    : '';
+        }
+    });
+    actions.push((0, internationalWireVerificationReducer_1.updateVerificationFormLocalData)(localData));
+    return (0, rxjs_1.from)(actions);
+}));
+exports.initializeIntlVerificationFormEpic = initializeIntlVerificationFormEpic;

package/lib/view/spendManagement/billPay/internationalWireVerification/epics/submitIntlVerificationEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { RootState } from '../../../../../reducer';
+import { openSnackbar } from '../../../../../entity/snackbar/snackbarReducer';
+import { submitInternationalVerificationForm, updateVerificationFormSubmissionStatus } from '../internationalWireVerificationReducer';
+import { updateInternationalWireOnboardingStatus } from '../../../../../entity/company/companyReducer';
+export declare type ActionType = ReturnType<typeof submitInternationalVerificationForm> | ReturnType<typeof updateVerificationFormSubmissionStatus> | ReturnType<typeof updateInternationalWireOnboardingStatus> | ReturnType<typeof openSnackbar>;
+export declare const submitIntlVerificationEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/billPay/internationalWireVerification/epics/submitIntlVerificationEpic.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitIntlVerificationEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../../responsePayload");
+const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
+const internationalWireVerificationReducer_1 = require("../internationalWireVerificationReducer");
+const companyReducer_1 = require("../../../../../entity/company/companyReducer");
+const submitIntlVerificationEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(internationalWireVerificationReducer_1.submitInternationalVerificationForm.match), (0, operators_1.switchMap)((action) => {
+    const { internationalWireVerificationState } = state$.value;
+    const { companyId } = action.payload;
+    const localData = internationalWireVerificationState.verificationFormLocalData;
+    if (localData != null) {
+        return zeniAPI
+            .postAndGetJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/international-wire/onboarding`, toIntlWireVerificationPayload(localData))
+            .pipe((0, operators_1.mergeMap)((response) => {
+            var _a;
+            const actions = [];
+            if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+                actions.push((0, internationalWireVerificationReducer_1.updateVerificationFormSubmissionStatus)({
+                    fetchState: 'Completed',
+                    error: undefined,
+                }));
+                actions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'business_verification_submit',
+                    messageText: 'success',
+                    type: 'success',
+                }));
+                if (response.data != null) {
+                    actions.push((0, companyReducer_1.updateInternationalWireOnboardingStatus)({
+                        companyId: companyId,
+                        status: (_a = response.data) === null || _a === void 0 ? void 0 : _a.international_wire_onboarding_status,
+                    }));
+                }
+            }
+            else {
+                actions.push((0, internationalWireVerificationReducer_1.updateVerificationFormSubmissionStatus)({
+                    fetchState: 'Error',
+                    error: response.status,
+                }));
+                actions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'business_verification_submit',
+                    messageText: 'failed',
+                    type: 'error',
+                }));
+            }
+            return (0, rxjs_1.from)(actions);
+        }), (0, operators_1.catchError)((error) => {
+            return (0, rxjs_1.of)((0, internationalWireVerificationReducer_1.updateVerificationFormSubmissionStatus)({
+                fetchState: 'Error',
+                error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Submit international wire verification REST API call errored out' +
+                    JSON.stringify(error)),
+            }));
+        }));
+    }
+    else {
+        return (0, rxjs_1.from)([]);
+    }
+}));
+exports.submitIntlVerificationEpic = submitIntlVerificationEpic;
+const toIntlWireVerificationPayload = (localData) => {
+    return {
+        is_applicant_declaration: true,
+        form_details: localData,
+    };
+};

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationPayload.d.ts

@@ -0,0 +1,26 @@
+import { AllowedValueWithCode } from '../../../../commonStateTypes/allowedValue';
+import { ZeniAPIResponse } from '../../../../responsePayload';
+import { VerificationFormField } from './internationalWireVerificationState';
+export interface FieldPayload {
+    label: string;
+    type: string;
+    field_hint_text?: string;
+    field_values?: {
+        code: string;
+        description: string;
+    }[];
+    is_multiple_values_allowed?: boolean;
+}
+export declare const toDynamicFormField: (key: string, payload: FieldPayload) => VerificationFormField;
+export declare type IntlVerificationFormResponse = ZeniAPIResponse<IntlVerificationFormPayload>;
+export interface IntlVerificationFormPayload {
+    labels: Record<string, FieldPayload>;
+    create_time: string;
+    update_time: string;
+}
+interface SubmitIntlVerificationFormPayload {
+    international_wire_onboarding_status: AllowedValueWithCode;
+    status_remarks: string | null;
+}
+export declare type SubmitIntlVerificationFormResponse = ZeniAPIResponse<SubmitIntlVerificationFormPayload>;
+export {};

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationPayload.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toDynamicFormField = void 0;
+const toDynamicFormField = (key, payload) => {
+    var _a, _b;
+    return ({
+        name: key,
+        label: payload.label,
+        placeholder: (_a = payload.field_hint_text) !== null && _a !== void 0 ? _a : '',
+        isMultipleValuesAllowed: (_b = payload.is_multiple_values_allowed) !== null && _b !== void 0 ? _b : false,
+        type: payload.type,
+        fieldValues: payload.field_values != null && payload.field_values.length > 0
+            ? payload.field_values.map((fieldValue) => {
+                return {
+                    code: fieldValue.code,
+                    description: fieldValue.description,
+                };
+            })
+            : [],
+    });
+};
+exports.toDynamicFormField = toDynamicFormField;

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationReducer.d.ts

@@ -0,0 +1,22 @@
+import { FieldPayload } from './internationalWireVerificationPayload';
+import { VerificationFormLocalData, InternationalWireVerificationState } from './internationalWireVerificationState';
+import { FetchState } from '../../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../../responsePayload';
+export declare const initialState: InternationalWireVerificationState;
+export declare const fetchInternationalVerificationForm: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string], {
+    companyId: string;
+}, string, never, never>, updateInternationalVerificationForm: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    internationalWireFormPayload: Record<string, FieldPayload>;
+}, string>, updateVerificationFormFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, updateVerificationFormLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<VerificationFormLocalData, string>, submitInternationalVerificationForm: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string], {
+    companyId: string;
+}, string, never, never>, updateVerificationFormSubmissionStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, initializeIntlVerificationForm: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, internationalWireFormPayload: Record<string, FieldPayload>], {
+    companyId: string;
+    internationalWireFormPayload: Record<string, FieldPayload>;
+}, string, never, never>, clearInternationalVerificationView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("@reduxjs/toolkit").Reducer<InternationalWireVerificationState, import("@reduxjs/toolkit").AnyAction>;
+export default _default;

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationReducer.js

@@ -0,0 +1,89 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInternationalVerificationView = exports.initializeIntlVerificationForm = exports.updateVerificationFormSubmissionStatus = exports.submitInternationalVerificationForm = exports.updateVerificationFormLocalData = exports.updateVerificationFormFailure = exports.updateInternationalVerificationForm = exports.fetchInternationalVerificationForm = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const internationalWireVerificationPayload_1 = require("./internationalWireVerificationPayload");
+exports.initialState = {
+    verificationFormFetchState: {
+        fetchState: 'Not-Started',
+    },
+    verificationFormFields: [],
+    verificationFormLocalData: {},
+    verificationFormSubmitState: {
+        fetchState: 'Not-Started',
+    },
+};
+const internationalWireVerification = (0, toolkit_1.createSlice)({
+    name: 'internationalWireVerification',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInternationalVerificationForm: {
+            reducer(draft) {
+                draft.verificationFormFetchState = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(companyId) {
+                return {
+                    payload: {
+                        companyId,
+                    },
+                };
+            },
+        },
+        updateInternationalVerificationForm(draft, action) {
+            const { internationalWireFormPayload } = action.payload;
+            const verificationFormFields = [];
+            Object.keys(internationalWireFormPayload).forEach((key) => {
+                verificationFormFields.push((0, internationalWireVerificationPayload_1.toDynamicFormField)(key, internationalWireFormPayload[key]));
+            });
+            draft.verificationFormFields = verificationFormFields;
+            draft.verificationFormFetchState.fetchState = 'Completed';
+        },
+        updateVerificationFormFailure(draft, action) {
+            const { error } = action.payload;
+            draft.verificationFormFetchState.fetchState = 'Error';
+            draft.verificationFormFetchState.error = error;
+        },
+        updateVerificationFormLocalData(draft, action) {
+            draft.verificationFormLocalData = Object.assign({}, action.payload);
+        },
+        submitInternationalVerificationForm: {
+            reducer(draft) {
+                draft.verificationFormSubmitState.fetchState = 'In-Progress';
+                draft.verificationFormSubmitState.error = undefined;
+            },
+            prepare(companyId) {
+                return {
+                    payload: { companyId },
+                };
+            },
+        },
+        updateVerificationFormSubmissionStatus(draft, action) {
+            const { fetchState, error } = action.payload;
+            draft.verificationFormSubmitState.fetchState = fetchState;
+            draft.verificationFormSubmitState.error = error;
+        },
+        initializeIntlVerificationForm: {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            reducer(_draft) {
+                // do nothing
+            },
+            prepare(companyId, internationalWireFormPayload) {
+                return {
+                    payload: {
+                        companyId,
+                        internationalWireFormPayload,
+                    },
+                };
+            },
+        },
+        clearInternationalVerificationView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = internationalWireVerification.actions, exports.fetchInternationalVerificationForm = _a.fetchInternationalVerificationForm, exports.updateInternationalVerificationForm = _a.updateInternationalVerificationForm, exports.updateVerificationFormFailure = _a.updateVerificationFormFailure, exports.updateVerificationFormLocalData = _a.updateVerificationFormLocalData, exports.submitInternationalVerificationForm = _a.submitInternationalVerificationForm, exports.updateVerificationFormSubmissionStatus = _a.updateVerificationFormSubmissionStatus, exports.initializeIntlVerificationForm = _a.initializeIntlVerificationForm, exports.clearInternationalVerificationView = _a.clearInternationalVerificationView;
+exports.default = internationalWireVerification.reducer;

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationSelector.d.ts

@@ -0,0 +1,15 @@
+import { ID, FetchStateAndError } from '../../../../commonStateTypes/common';
+import { RootState } from '../../../../reducer';
+import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
+import { VerificationFormField, VerificationFormLocalData } from './internationalWireVerificationState';
+import { File } from '../../../../entity/file/fileState';
+export interface InternationalWireVerificationView extends SelectorView {
+    verificationFormFetchState: FetchStateAndError;
+    verificationFormFields: VerificationFormField[];
+    verificationFormLocalData: VerificationFormLocalData;
+    verificationFormSubmitState: FetchStateAndError;
+    userFiles: File[];
+    deleteFileStatusById: Record<ID, FetchStateAndError | undefined>;
+    updateFileStatusById: Record<ID, FetchStateAndError | undefined>;
+}
+export declare const getIntlWireVerificationView: (state: RootState) => InternationalWireVerificationView;

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationSelector.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIntlWireVerificationView = void 0;
+const fileSelector_1 = require("../../../../entity/file/fileSelector");
+const fileViewSelector_1 = require("../../../fileView/fileViewSelector");
+const getIntlWireVerificationView = (state) => {
+    const deleteFileStatusById = {};
+    const updateFileStatusById = {};
+    // field with type = file
+    const fileField = state.internationalWireVerificationState.verificationFormFields.find((field) => field.type === 'file');
+    let fileId;
+    if (fileField != null) {
+        fileId = state.internationalWireVerificationState.verificationFormLocalData[fileField.name];
+    }
+    if (fileId != null) {
+        deleteFileStatusById[fileId] = (0, fileViewSelector_1.getFileDeleteStatusById)(state, fileId);
+        updateFileStatusById[fileId] = (0, fileViewSelector_1.getFileUpdateNameStatusById)(state, fileId);
+    }
+    let userFiles = [];
+    if (fileId != null) {
+        userFiles = (0, fileSelector_1.getFilesByFileIds)(state.fileState, [fileId]);
+    }
+    const fetchState = state.internationalWireVerificationState.verificationFormFetchState
+        .fetchState;
+    return Object.assign(Object.assign({}, state.internationalWireVerificationState), { deleteFileStatusById,
+        updateFileStatusById,
+        userFiles,
+        fetchState });
+};
+exports.getIntlWireVerificationView = getIntlWireVerificationView;

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationState.d.ts

@@ -0,0 +1,20 @@
+import { FetchStateAndError } from '../../../../commonStateTypes/common';
+export interface InternationalWireVerificationState {
+    verificationFormFetchState: FetchStateAndError;
+    verificationFormFields: VerificationFormField[];
+    verificationFormLocalData: VerificationFormLocalData;
+    verificationFormSubmitState: FetchStateAndError;
+}
+export declare type VerificationFormLocalData = Record<string, string | string[]>;
+export interface FieldValueType {
+    code: string;
+    description: string;
+}
+export interface VerificationFormField {
+    name: string;
+    label: string;
+    placeholder: string;
+    fieldValues: FieldValueType[];
+    isMultipleValuesAllowed: boolean;
+    type: string;
+}

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer.d.ts

@@ -8,6 +8,8 @@ export declare const initializeCardUserOnboardingLocalData: import("@reduxjs/too
     localData: CardUserOnboardingLocalData;
 }, string>, sendOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, sendOtpCardUserOnboardingSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     otpChallenge: string;
-}, string>, sendOtpCardUserOnboardingFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, resendOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboardingSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboardingFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, saveCardOnboardingUserDetails: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, startActivationWait: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, completeActivationWait: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setFirstViewAfterActivation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setFirstViewCompleteAfterActivation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, clearCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+}, string>, sendOtpCardUserOnboardingFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, resendOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboardingSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboardingFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, saveCardOnboardingUserDetails: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, startActivationWait: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, completeActivationWait: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setFirstViewAfterActivation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setFirstViewCompleteAfterActivation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setCurrentDisplayedCardId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    cardId: ID;
+}, string>, clearCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<CardUserOnboardingState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearCardUserOnboarding = exports.setFirstViewCompleteAfterActivation = exports.setFirstViewAfterActivation = exports.completeActivationWait = exports.startActivationWait = exports.saveCardOnboardingUserDetails = exports.verifyOtpCardUserOnboardingFailure = exports.verifyOtpCardUserOnboardingSuccess = exports.verifyOtpCardUserOnboarding = exports.resendOtpCardUserOnboarding = exports.sendOtpCardUserOnboardingFailure = exports.sendOtpCardUserOnboardingSuccess = exports.sendOtpCardUserOnboarding = exports.updateCardUserOnboardingLocalData = exports.initializeCardUserOnboardingLocalData = exports.initialState = void 0;
+exports.clearCardUserOnboarding = exports.setCurrentDisplayedCardId = exports.setFirstViewCompleteAfterActivation = exports.setFirstViewAfterActivation = exports.completeActivationWait = exports.startActivationWait = exports.saveCardOnboardingUserDetails = exports.verifyOtpCardUserOnboardingFailure = exports.verifyOtpCardUserOnboardingSuccess = exports.verifyOtpCardUserOnboarding = exports.resendOtpCardUserOnboarding = exports.sendOtpCardUserOnboardingFailure = exports.sendOtpCardUserOnboardingSuccess = exports.sendOtpCardUserOnboarding = exports.updateCardUserOnboardingLocalData = exports.initializeCardUserOnboardingLocalData = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     cardUserOnboardingLocalData: undefined,
@@ -68,6 +68,10 @@ const cardUserOnboarding = (0, toolkit_1.createSlice)({
             draft.verifyOtpStatus.fetchState = 'Error';
             draft.verifyOtpStatus.error = action.payload;
         },
+        setCurrentDisplayedCardId(draft, action) {
+            const { cardId } = action.payload;
+            draft.currentDisplayedCardId = cardId;
+        },
         saveCardOnboardingUserDetails(
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         _draft) {
@@ -90,5 +94,5 @@ const cardUserOnboarding = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = cardUserOnboarding.actions, exports.initializeCardUserOnboardingLocalData = _a.initializeCardUserOnboardingLocalData, exports.updateCardUserOnboardingLocalData = _a.updateCardUserOnboardingLocalData, exports.sendOtpCardUserOnboarding = _a.sendOtpCardUserOnboarding, exports.sendOtpCardUserOnboardingSuccess = _a.sendOtpCardUserOnboardingSuccess, exports.sendOtpCardUserOnboardingFailure = _a.sendOtpCardUserOnboardingFailure, exports.resendOtpCardUserOnboarding = _a.resendOtpCardUserOnboarding, exports.verifyOtpCardUserOnboarding = _a.verifyOtpCardUserOnboarding, exports.verifyOtpCardUserOnboardingSuccess = _a.verifyOtpCardUserOnboardingSuccess, exports.verifyOtpCardUserOnboardingFailure = _a.verifyOtpCardUserOnboardingFailure, exports.saveCardOnboardingUserDetails = _a.saveCardOnboardingUserDetails, exports.startActivationWait = _a.startActivationWait, exports.completeActivationWait = _a.completeActivationWait, exports.setFirstViewAfterActivation = _a.setFirstViewAfterActivation, exports.setFirstViewCompleteAfterActivation = _a.setFirstViewCompleteAfterActivation, exports.clearCardUserOnboarding = _a.clearCardUserOnboarding;
+_a = cardUserOnboarding.actions, exports.initializeCardUserOnboardingLocalData = _a.initializeCardUserOnboardingLocalData, exports.updateCardUserOnboardingLocalData = _a.updateCardUserOnboardingLocalData, exports.sendOtpCardUserOnboarding = _a.sendOtpCardUserOnboarding, exports.sendOtpCardUserOnboardingSuccess = _a.sendOtpCardUserOnboardingSuccess, exports.sendOtpCardUserOnboardingFailure = _a.sendOtpCardUserOnboardingFailure, exports.resendOtpCardUserOnboarding = _a.resendOtpCardUserOnboarding, exports.verifyOtpCardUserOnboarding = _a.verifyOtpCardUserOnboarding, exports.verifyOtpCardUserOnboardingSuccess = _a.verifyOtpCardUserOnboardingSuccess, exports.verifyOtpCardUserOnboardingFailure = _a.verifyOtpCardUserOnboardingFailure, exports.saveCardOnboardingUserDetails = _a.saveCardOnboardingUserDetails, exports.startActivationWait = _a.startActivationWait, exports.completeActivationWait = _a.completeActivationWait, exports.setFirstViewAfterActivation = _a.setFirstViewAfterActivation, exports.setFirstViewCompleteAfterActivation = _a.setFirstViewCompleteAfterActivation, exports.setCurrentDisplayedCardId = _a.setCurrentDisplayedCardId, exports.clearCardUserOnboarding = _a.clearCardUserOnboarding;
 exports.default = cardUserOnboarding.reducer;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingSelector.d.ts

@@ -1,8 +1,7 @@
 import { View } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
 import { RootState } from '../../../../reducer';
 import { CardUserOnboardingLocalData } from './cardUserOnboardingState';
-import { FetchStateAndError } from '../../../../commonStateTypes/common';
-import { NewAddressData } from '../../../addressView/addressViewState';
+import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
 import { TwoFactorAuthenticationView } from '../../../twoFactorAuthentication/twoFactorAuthenticationSelector';
 export interface CardUserOnboardingView extends View {
     cardUserOnboardingLocalData?: CardUserOnboardingLocalData;
@@ -13,6 +12,6 @@ export interface CardUserOnboardingView extends View {
     updateStatus: FetchStateAndError;
     sendOtpStatus: FetchStateAndError;
     verifyOtpStatus: FetchStateAndError;
-    addressData?: NewAddressData;
+    currentDisplayedCardId?: ID;
 }
 export declare const getCardUserOnboardingView: (state: RootState) => CardUserOnboardingView;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingSelector.js

@@ -5,8 +5,8 @@ const toolkit_1 = require("@reduxjs/toolkit");
 const twoFactorAuthenticationSelector_1 = require("../../../twoFactorAuthentication/twoFactorAuthenticationSelector");
 const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
 const userSelector_1 = require("../../../../entity/user/userSelector");
-exports.getCardUserOnboardingView = (0, toolkit_1.createSelector)((state) => state, (state) => state.addressViewState, (state) => state.cardUserOnboardingState, (state) => state.settingsViewState, (state) => state.tenantState, (state) => state.userState, (state, addressViewState, cardUserOnboardingState, settingsViewState, tenantState, userState) => {
-    var _a, _b;
+exports.getCardUserOnboardingView = (0, toolkit_1.createSelector)((state) => state, (state) => state.cardUserOnboardingState, (state) => state.settingsViewState, (state) => state.tenantState, (state) => state.userState, (state, cardUserOnboardingState, settingsViewState, tenantState, userState) => {
+    var _a;
     const twoFAView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state);
     const updateStatus = (0, reduceFetchState_1.reduceAllFetchState)([
         settingsViewState.profile.updateStatus,
@@ -22,7 +22,6 @@ exports.getCardUserOnboardingView = (0, toolkit_1.createSelector)((state) => sta
     const isDOBPresent = (user === null || user === void 0 ? void 0 : user.birthday) != null;
     return {
         cardUserOnboardingLocalData: cardUserOnboardingState.cardUserOnboardingLocalData,
-        addressData: (_b = addressViewState.newAddressState) === null || _b === void 0 ? void 0 : _b['user_address'],
         onboardingProgressStatus: updateStatus,
         updateStatus: settingsViewState.profile.updateStatus,
         sendOtpStatus: cardUserOnboardingState.sendOtpStatus,
@@ -30,5 +29,6 @@ exports.getCardUserOnboardingView = (0, toolkit_1.createSelector)((state) => sta
         twoFAView,
         isDOBPresent,
         firstViewAfterActivation: cardUserOnboardingState.firstViewAfterActivation,
+        currentDisplayedCardId: cardUserOnboardingState.currentDisplayedCardId,
     };
 });

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingState.d.ts

@@ -2,9 +2,6 @@ import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
 import { ZeniDate } from '../../../../zeniDayJS';
 export interface CardUserOnboardingLocalData {
     userId: ID;
-    firstName: string;
-    lastName: string;
-    email: string;
     phone?: string;
     isPhoneVerified?: boolean;
     otpChallenge?: string;
@@ -17,4 +14,5 @@ export interface CardUserOnboardingState {
     verifyOtpStatus: FetchStateAndError;
     activationWaitStatus: FetchStateAndError;
     firstViewAfterActivation: boolean;
+    currentDisplayedCardId?: ID;
 }

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/epics/initializeCardUserOnboardingLocalDataEpic.d.ts

@@ -1,7 +1,6 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../../../reducer';
-import { newAddressInLocalStore, resetNewAddressDataInLocalStore } from '../../../../addressView/addressViewReducer';
 import { initializeCardUserOnboardingLocalData, updateCardUserOnboardingLocalData } from '../cardUserOnboardingReducer';
-export declare type ActionType = ReturnType<typeof initializeCardUserOnboardingLocalData> | ReturnType<typeof updateCardUserOnboardingLocalData> | ReturnType<typeof newAddressInLocalStore> | ReturnType<typeof resetNewAddressDataInLocalStore>;
+export declare type ActionType = ReturnType<typeof initializeCardUserOnboardingLocalData> | ReturnType<typeof updateCardUserOnboardingLocalData>;
 export declare const initializeCardUserOnboardingLocalDataEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/epics/initializeCardUserOnboardingLocalDataEpic.js

@@ -3,33 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initializeCardUserOnboardingLocalDataEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
-const addressSelector_1 = require("../../../../../entity/address/addressSelector");
-const addressViewReducer_1 = require("../../../../addressView/addressViewReducer");
 const cardUserOnboardingReducer_1 = require("../cardUserOnboardingReducer");
 const userRoleSelector_1 = require("../../../../../entity/userRole/userRoleSelector");
 const userSelector_1 = require("../../../../../entity/user/userSelector");
-const chargeCardSelector_1 = require("../../../../../entity/chargeCard/chargeCardSelector");
 const initializeCardUserOnboardingLocalDataEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(cardUserOnboardingReducer_1.initializeCardUserOnboardingLocalData.match), (0, operators_1.mergeMap)((action) => {
     const { userId } = action.payload;
-    const actions = [
-        (0, addressViewReducer_1.resetNewAddressDataInLocalStore)('user_address'),
-    ];
     const userState = state$.value.userState;
     const userRoleState = state$.value.userRoleState;
     const user = (0, userSelector_1.getUserByUserId)(userState, userId);
     const userRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, userId);
-    const userCards = (0, chargeCardSelector_1.getChargeCardsByHolderUserId)(state$.value.chargeCardState, userId);
-    const userAddress = (userRole === null || userRole === void 0 ? void 0 : userRole.addressId) != null
-        ? (0, addressSelector_1.getAddressByAddressId)(state$.value.addressState, userRole.addressId)
-        : userCards.length > 0
-            ? (0, addressSelector_1.getAddressByAddressId)(state$.value.addressState, userCards[0].billingAddressId)
-            : undefined;
-    if (userAddress != null) {
-        actions.push((0, addressViewReducer_1.newAddressInLocalStore)({
-            addressType: 'user_address',
-            addressToCreate: userAddress,
-        }));
-    }
+    const actions = [];
     if (user != null && userRole != null) {
         const dateOfBirth = user.birthday;
         const phoneNumber = user.phone;
@@ -37,9 +20,6 @@ const initializeCardUserOnboardingLocalDataEpic = (actions$, state$) => actions$
         const syncToken = user === null || user === void 0 ? void 0 : user.syncToken;
         const cardUserOnboardingLocalData = {
             userId,
-            firstName: user.firstName,
-            lastName: user.lastName,
-            email: user.email,
             dateOfBirth,
             phone: phoneNumber,
             isPhoneVerified,

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/epics/saveCardOnboardingUserDetailsEpic.js

@@ -6,11 +6,9 @@ const operators_1 = require("rxjs/operators");
 const cardUserOnboardingReducer_1 = require("../cardUserOnboardingReducer");
 const settingsViewReducer_1 = require("../../../../settingsView/settingsViewReducer");
 const saveCardOnboardingUserDetailsEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(cardUserOnboardingReducer_1.saveCardOnboardingUserDetails.match), (0, operators_1.mergeMap)(() => {
-    var _a;
     const localData = state$.value.cardUserOnboardingState.cardUserOnboardingLocalData;
-    const address = (_a = state$.value.addressViewState.newAddressState) === null || _a === void 0 ? void 0 : _a.user_address.addressToCreate;
     return (0, rxjs_1.from)([
-        (0, settingsViewReducer_1.updateMyProfile)('CardUserOnboarding', localData === null || localData === void 0 ? void 0 : localData.phone, localData === null || localData === void 0 ? void 0 : localData.otpChallenge, localData === null || localData === void 0 ? void 0 : localData.dateOfBirth, address),
+        (0, settingsViewReducer_1.updateMyProfile)('CardUserOnboarding', localData === null || localData === void 0 ? void 0 : localData.phone, localData === null || localData === void 0 ? void 0 : localData.otpChallenge, localData === null || localData === void 0 ? void 0 : localData.dateOfBirth),
     ]);
 }));
 exports.saveCardOnboardingUserDetailsEpic = saveCardOnboardingUserDetailsEpic;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetail.d.ts

@@ -9,6 +9,7 @@ interface ChargeCardDetail extends FetchedState {
     id: ID;
     transactionList: ChargeCardDetailTransactionList;
     updateStatus: FetchStateAndError;
+    updatePhysicalChargeCardAttemptFetchState: FetchStateAndError;
 }
 export declare const toChargeCardTransactionSortKeyType: (v: string) => "type" | "amount" | "merchant" | "paymentDate" | "receipts";
 export declare type ChargeCardTransactionSortKey = ReturnType<typeof toChargeCardTransactionSortKeyType>;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetail.js

@@ -44,4 +44,8 @@ exports.emptyChargeCardDetail = {
         fetchState: 'Not-Started',
         error: undefined,
     },
+    updatePhysicalChargeCardAttemptFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
 };

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.d.ts

@@ -42,7 +42,14 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
     cardId: ID;
     transactionId: ID;
     status: ZeniAPIStatus;
-}, string>, updateChargeCardTransactionReceiptsShowTickFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, string>, updatePhysicalChargeCardAttemptSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, updatePhysicalChargeCardAttempt: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, statusCode: "failed" | "success"], {
+    chargeCardId: string;
+    statusCode: "failed" | "success";
+}, string, never, never>, updateChargeCardTransactionReceiptsShowTickFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     transactionId: ID;
     chargeCardId: ID;
     shouldShowTick: boolean;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearChargeCardDetail = exports.updateChargeCardDetailUpdateStatus = exports.updateChargeCardDetail = exports.updateChargeCardTransactionListFailure = exports.updateChargeCardTransactionAttachmentsInCardDetail = exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = exports.updateChargeCardTransactionAttachmentsFailure = exports.updateChargeCardTransactionIsViewReceiptClicked = exports.fetchChargeCardTransactionAttachments = exports.updateChargeCardTransactionUploadReceiptsFetchStatus = exports.updateChargeCardTransactionList = exports.updateChargeCardDetailUIState = exports.fetchChargeCardTransactionList = exports.updateChargeCardDetailFetchState = exports.fetchChargeCardDetail = exports.fetchChargeCardDetailPage = exports.initialState = void 0;
+exports.clearChargeCardDetail = exports.updateChargeCardDetailUpdateStatus = exports.updateChargeCardDetail = exports.updateChargeCardTransactionListFailure = exports.updateChargeCardTransactionAttachmentsInCardDetail = exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = exports.updatePhysicalChargeCardAttempt = exports.updatePhysicalChargeCardAttemptSuccessOrFailure = exports.updateChargeCardTransactionAttachmentsFailure = exports.updateChargeCardTransactionIsViewReceiptClicked = exports.fetchChargeCardTransactionAttachments = exports.updateChargeCardTransactionUploadReceiptsFetchStatus = exports.updateChargeCardTransactionList = exports.updateChargeCardDetailUIState = exports.fetchChargeCardTransactionList = exports.updateChargeCardDetailFetchState = exports.fetchChargeCardDetail = exports.fetchChargeCardDetailPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const sortOrderPayload_1 = require("../../../../commonPayloadTypes/sortOrderPayload");
 const attachmentPayload_1 = require("../../../../entity/transaction/payloadTypes/attachmentPayload");
@@ -94,6 +94,29 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
             const existingCardDetail = draft.detailById[chargeCardId];
             draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { transactionList: Object.assign(Object.assign({}, existingCardDetail.transactionList), { fetchState: 'Error', error }) });
         },
+        updatePhysicalChargeCardAttempt: {
+            reducer(draft, action) {
+                const { chargeCardId } = action.payload;
+                const existingCardDetail = draft.detailById[chargeCardId];
+                draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { updatePhysicalChargeCardAttemptFetchState: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    } });
+            },
+            prepare(chargeCardId, statusCode) {
+                return {
+                    payload: { chargeCardId, statusCode },
+                };
+            },
+        },
+        updatePhysicalChargeCardAttemptSuccessOrFailure(draft, action) {
+            const { chargeCardId, fetchState, error } = action.payload;
+            const existingCardDetail = draft.detailById[chargeCardId];
+            draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { updatePhysicalChargeCardAttemptFetchState: {
+                    fetchState,
+                    error,
+                } });
+        },
         updateChargeCardDetail: {
             reducer(draft, action) {
                 const { chargeCardId } = action.payload;
@@ -181,5 +204,5 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = chargeCardDetail.actions, exports.fetchChargeCardDetailPage = _a.fetchChargeCardDetailPage, exports.fetchChargeCardDetail = _a.fetchChargeCardDetail, exports.updateChargeCardDetailFetchState = _a.updateChargeCardDetailFetchState, exports.fetchChargeCardTransactionList = _a.fetchChargeCardTransactionList, exports.updateChargeCardDetailUIState = _a.updateChargeCardDetailUIState, exports.updateChargeCardTransactionList = _a.updateChargeCardTransactionList, exports.updateChargeCardTransactionUploadReceiptsFetchStatus = _a.updateChargeCardTransactionUploadReceiptsFetchStatus, exports.fetchChargeCardTransactionAttachments = _a.fetchChargeCardTransactionAttachments, exports.updateChargeCardTransactionIsViewReceiptClicked = _a.updateChargeCardTransactionIsViewReceiptClicked, exports.updateChargeCardTransactionAttachmentsFailure = _a.updateChargeCardTransactionAttachmentsFailure, exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = _a.updateChargeCardTransactionReceiptsShowTickFetchStatus, exports.updateChargeCardTransactionAttachmentsInCardDetail = _a.updateChargeCardTransactionAttachmentsInCardDetail, exports.updateChargeCardTransactionListFailure = _a.updateChargeCardTransactionListFailure, exports.updateChargeCardDetail = _a.updateChargeCardDetail, exports.updateChargeCardDetailUpdateStatus = _a.updateChargeCardDetailUpdateStatus, exports.clearChargeCardDetail = _a.clearChargeCardDetail;
+_a = chargeCardDetail.actions, exports.fetchChargeCardDetailPage = _a.fetchChargeCardDetailPage, exports.fetchChargeCardDetail = _a.fetchChargeCardDetail, exports.updateChargeCardDetailFetchState = _a.updateChargeCardDetailFetchState, exports.fetchChargeCardTransactionList = _a.fetchChargeCardTransactionList, exports.updateChargeCardDetailUIState = _a.updateChargeCardDetailUIState, exports.updateChargeCardTransactionList = _a.updateChargeCardTransactionList, exports.updateChargeCardTransactionUploadReceiptsFetchStatus = _a.updateChargeCardTransactionUploadReceiptsFetchStatus, exports.fetchChargeCardTransactionAttachments = _a.fetchChargeCardTransactionAttachments, exports.updateChargeCardTransactionIsViewReceiptClicked = _a.updateChargeCardTransactionIsViewReceiptClicked, exports.updateChargeCardTransactionAttachmentsFailure = _a.updateChargeCardTransactionAttachmentsFailure, exports.updatePhysicalChargeCardAttemptSuccessOrFailure = _a.updatePhysicalChargeCardAttemptSuccessOrFailure, exports.updatePhysicalChargeCardAttempt = _a.updatePhysicalChargeCardAttempt, exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = _a.updateChargeCardTransactionReceiptsShowTickFetchStatus, exports.updateChargeCardTransactionAttachmentsInCardDetail = _a.updateChargeCardTransactionAttachmentsInCardDetail, exports.updateChargeCardTransactionListFailure = _a.updateChargeCardTransactionListFailure, exports.updateChargeCardDetail = _a.updateChargeCardDetail, exports.updateChargeCardDetailUpdateStatus = _a.updateChargeCardDetailUpdateStatus, exports.clearChargeCardDetail = _a.clearChargeCardDetail;
 exports.default = chargeCardDetail.reducer;