@zeniai/client-epic-state 5.0.90-betaAS4 → 5.0.90-betaAS6

package/lib/esm/view/spendManagement/billPay/internationalWireVerification/epics/fetchIntlVerificationFormEpic.js

@@ -1,8 +1,9 @@
 import { from, of } from 'rxjs';
 import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../../responsePayload';
-import { fetchInternationalVerificationForm, initializeIntlVerificationForm, updateInternationalVerificationForm, updateVerificationFormFailure, } from '../internationalWireVerificationReducer';
-export const fetchIntlVerificationFormEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInternationalVerificationForm.match), switchMap((action) => {
+import { toVerificationFormLocalDataFromOnboardingDetails } from '../internationalWireOnboardingDetailsToLocalData';
+import { fetchInternationalVerificationForm, updateInternationalVerificationForm, updateVerificationFormFailure, updateVerificationFormLocalData, } from '../internationalWireVerificationReducer';
+export const fetchIntlVerificationFormEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInternationalVerificationForm.match), switchMap((action) => {
     const query = {
         region: 'US',
         legal_type: 'BUSINESS',
@@ -11,11 +12,14 @@ export const fetchIntlVerificationFormEpic = (actions$, _state$, zeniAPI) => act
         .getJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/international-wire/onboarding-fields?query=${encodeURIComponent(JSON.stringify(query))}`)
         .pipe(mergeMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
+            const onboardingDataFromCompanyInfo = state$.value.companyState.companiesById[action.payload.companyId]
+                ?.companyBillPayInfo?.internationalWireOnboardingDetails;
+            const localData = toVerificationFormLocalDataFromOnboardingDetails(onboardingDataFromCompanyInfo, response.data.labels);
             return from([
                 updateInternationalVerificationForm({
                     internationalWireFormPayload: response.data.labels,
                 }),
-                initializeIntlVerificationForm(action.payload.companyId, response.data.labels),
+                updateVerificationFormLocalData(localData),
             ]);
         }
         else {

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

@@ -1,12 +1,38 @@
-import { from } from 'rxjs';
+import { empty, from } from 'rxjs';
 import { filter, mergeMap } from 'rxjs/operators';
+import { getCurrentTenant } from '../../../../../entity/tenant/tenantSelector';
+import { fetchBillPaySetupViewSuccess } from '../../billPaySetupView/billPaySetupViewReducer';
 import { toVerificationFormLocalDataFromOnboardingDetails } from '../internationalWireOnboardingDetailsToLocalData';
 import { initializeIntlVerificationForm, updateVerificationFormLocalData, } from '../internationalWireVerificationReducer';
-export const initializeIntlVerificationFormEpic = (actions$, state$) => actions$.pipe(filter(initializeIntlVerificationForm.match), mergeMap((action) => {
-    const { companyId, internationalWireFormPayload } = action.payload;
+const hasSavedPersonSubfieldData = (localData) => Object.keys(localData).some((key) => /^stake_holder_\d+_/.test(key) ||
+    (key.startsWith('controlling_person_') && key !== 'controlling_person'));
+export const initializeIntlVerificationFormEpic = (actions$, state$) => actions$.pipe(filter((action) => initializeIntlVerificationForm.match(action) ||
+    fetchBillPaySetupViewSuccess.match(action)), mergeMap((action) => {
     const state = state$.value;
-    const onboardingDataFromCompanyInfo = state.companyState.companiesById[companyId].companyBillPayInfo
-        .internationalWireOnboardingDetails;
-    const localData = toVerificationFormLocalDataFromOnboardingDetails(onboardingDataFromCompanyInfo, internationalWireFormPayload);
-    return from([updateVerificationFormLocalData(localData)]);
+    const formFieldLabels = state.internationalWireVerificationState.verificationFormFieldLabels;
+    if (Object.keys(formFieldLabels).length === 0) {
+        return empty();
+    }
+    const companyId = initializeIntlVerificationForm.match(action) ?
+        action.payload.companyId
+        : getCurrentTenant(state)?.companyId;
+    if (companyId == null) {
+        return empty();
+    }
+    const onboardingDataFromCompanyInfo = state.companyState.companiesById[companyId]?.companyBillPayInfo
+        ?.internationalWireOnboardingDetails;
+    const localDataFromCompany = toVerificationFormLocalDataFromOnboardingDetails(onboardingDataFromCompanyInfo, formFieldLabels);
+    const existingLocalData = state.internationalWireVerificationState.verificationFormLocalData;
+    if (fetchBillPaySetupViewSuccess.match(action)) {
+        if (!hasSavedPersonSubfieldData(localDataFromCompany) ||
+            hasSavedPersonSubfieldData(existingLocalData)) {
+            return empty();
+        }
+    }
+    return from([
+        updateVerificationFormLocalData({
+            ...existingLocalData,
+            ...localDataFromCompany,
+        }),
+    ]);
 }));

package/lib/esm/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationLocalDataHelpers.js

@@ -1,10 +1,24 @@
-import { InternationalWireVerificationSubfieldNames } from './internationalWireVerificationFieldConstants';
+import { InternationalWireVerificationFormFieldNames, InternationalWireVerificationSubfieldNames, } from './internationalWireVerificationFieldConstants';
 import { IntlWireVerificationLocalDataSuffix } from './internationalWireVerificationSubmitPayload';
 export const isIntlWireFileOptionLike = (value) => typeof value === 'object' &&
     value != null &&
     'file_id' in value &&
     typeof value.file_id === 'string';
-export const isIntlWirePersonLike = (value) => typeof value === 'object' && value != null && !Array.isArray(value);
+export const isIntlWirePersonLike = (value) => {
+    if (typeof value !== 'object' || value == null || Array.isArray(value)) {
+        return false;
+    }
+    const person = value;
+    return (person.name != null ||
+        person.email != null ||
+        person.nationality != null ||
+        person.company_role != null ||
+        person.ssn != null ||
+        person.date_of_birth != null ||
+        person.ownership_percentage != null ||
+        person.proof_of_identity != null ||
+        person.proof_of_address != null);
+};
 export const toIntlWireFileOptionArray = (items) => items.filter(isIntlWireFileOptionLike);
 export const appendIntlWireFileOptionsToLocalData = (localData, baseKey, fileOptions) => {
     const [front, back] = fileOptions;
@@ -47,6 +61,30 @@ export const appendIntlWirePersonToLocalData = (localData, keyPrefix, person) =>
         appendIntlWireFileOptionsToLocalData(localData, `${keyPrefix}_${InternationalWireVerificationSubfieldNames.proofOfAddress}`, toIntlWireFileOptionArray(person.proof_of_address));
     }
 };
+const hasLocalDataValue = (value) => {
+    if (value == null) {
+        return false;
+    }
+    if (typeof value === 'string') {
+        return value !== '';
+    }
+    if (typeof value === 'number') {
+        return true;
+    }
+    if (Array.isArray(value)) {
+        return value.length > 0;
+    }
+    return true;
+};
+export const hasBooleanWithSubfieldsFieldValueInLocalData = (fieldName, localData) => {
+    if (hasLocalDataValue(localData[fieldName])) {
+        return true;
+    }
+    if (fieldName === InternationalWireVerificationFormFieldNames.stakeHolder) {
+        return Object.entries(localData).some(([key, value]) => /^stake_holder_\d+_/.test(key) && hasLocalDataValue(value));
+    }
+    return Object.entries(localData).some(([key, value]) => key.startsWith(`${fieldName}_`) && hasLocalDataValue(value));
+};
 export const getStakeHolderOwnerIndicesFromLocalData = (localData) => {
     const indices = new Set();
     Object.keys(localData).forEach((key) => {

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

@@ -1,4 +1,5 @@
 import { InternationalWireVerificationFormFieldNames } from './internationalWireVerificationFieldConstants';
+import { hasBooleanWithSubfieldsFieldValueInLocalData } from './internationalWireVerificationLocalDataHelpers';
 export const InternationalWireVerificationFormOrder = [
     InternationalWireVerificationFormFieldNames.certificateOfGoodStanding,
     InternationalWireVerificationFormFieldNames.businessOwnership,
@@ -40,6 +41,21 @@ export const toDynamicFormField = (key, payload) => ({
         ]))
         : undefined,
 });
+const readonlyHideableVerificationFormFieldNames = new Set([
+    InternationalWireVerificationFormFieldNames.stakeHolder,
+    InternationalWireVerificationFormFieldNames.controllingPerson,
+]);
+export const filterVerificationFormFieldsForReadonlyView = (fields, localData, isReadonly) => {
+    if (!isReadonly) {
+        return fields;
+    }
+    return fields.filter((field) => {
+        if (!readonlyHideableVerificationFormFieldNames.has(field.name)) {
+            return true;
+        }
+        return hasBooleanWithSubfieldsFieldValueInLocalData(field.name, localData);
+    });
+};
 export const sortVerificationFormFields = (fields) => {
     const orderIndex = new Map(InternationalWireVerificationFormOrder.map((name, index) => [name, index]));
     return fields.slice().sort((a, b) => {

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

@@ -4,6 +4,7 @@ export const initialState = {
     verificationFormFetchState: {
         fetchState: 'Not-Started',
     },
+    verificationFormFieldLabels: {},
     verificationFormFields: [],
     verificationFormLocalData: {},
     verificationFormSubmitState: {
@@ -31,6 +32,7 @@ const internationalWireVerification = createSlice({
         },
         updateInternationalVerificationForm(draft, action) {
             const { internationalWireFormPayload } = action.payload;
+            draft.verificationFormFieldLabels = internationalWireFormPayload;
             draft.verificationFormFields = toVerificationFormFields(internationalWireFormPayload);
             draft.verificationFormFetchState.fetchState = 'Completed';
         },
@@ -41,6 +43,7 @@ const internationalWireVerification = createSlice({
         },
         updateVerificationFormLocalData(draft, action) {
             draft.verificationFormLocalData = {
+                ...draft.verificationFormLocalData,
                 ...action.payload,
             };
         },

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

@@ -1,5 +1,8 @@
+import { getCompanyByCompanyId } from '../../../../entity/company/companySelector';
 import { getFilesByFileIds } from '../../../../entity/file/fileSelector';
+import { getCurrentTenant } from '../../../../entity/tenant/tenantSelector';
 import { getFileDeleteStatusById, getFileUpdateNameStatusById, } from '../../../fileView/fileViewSelector';
+import { filterVerificationFormFieldsForReadonlyView } from './internationalWireVerificationPayload';
 const collectFileIdsFromLocalData = (localData) => {
     const fileIds = new Set();
     Object.values(localData).forEach((value) => {
@@ -20,18 +23,28 @@ const collectFileIdsFromLocalData = (localData) => {
 export const getIntlWireVerificationView = (state) => {
     const deleteFileStatusById = {};
     const updateFileStatusById = {};
-    const fileIds = collectFileIdsFromLocalData(state.internationalWireVerificationState.verificationFormLocalData);
+    const { verificationFormFetchState, verificationFormFields, verificationFormLocalData, verificationFormSubmitState, } = state.internationalWireVerificationState;
+    const fileIds = collectFileIdsFromLocalData(verificationFormLocalData);
     fileIds.forEach((fileId) => {
         deleteFileStatusById[fileId] = getFileDeleteStatusById(state, fileId);
         updateFileStatusById[fileId] = getFileUpdateNameStatusById(state, fileId);
     });
-    const userFiles = fileIds.length > 0
-        ? getFilesByFileIds(state.fileState, fileIds)
-        : [];
-    const fetchState = state.internationalWireVerificationState.verificationFormFetchState
-        .fetchState;
+    const userFiles = fileIds.length > 0 ? getFilesByFileIds(state.fileState, fileIds) : [];
+    const fetchState = verificationFormFetchState.fetchState;
+    const currentTenant = getCurrentTenant(state);
+    const company = currentTenant?.companyId != null
+        ? getCompanyByCompanyId(state.companyState, currentTenant.companyId)
+            ?.company
+        : undefined;
+    const onboardingStatusCode = company?.companyBillPayInfo?.internationalWireOnboardingStatus?.code;
+    const isReadonly = onboardingStatusCode != null &&
+        onboardingStatusCode !== 'onboarding_status_not_started';
+    const visibleVerificationFormFields = filterVerificationFormFieldsForReadonlyView(verificationFormFields, verificationFormLocalData, isReadonly);
     return {
-        ...state.internationalWireVerificationState,
+        verificationFormFetchState,
+        verificationFormFields: visibleVerificationFormFields,
+        verificationFormLocalData,
+        verificationFormSubmitState,
         deleteFileStatusById,
         updateFileStatusById,
         userFiles,

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

@@ -2,6 +2,6 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../../../reducer';
 import { ZeniAPI } from '../../../../../zeniAPI';
-import { fetchInternationalVerificationForm, initializeIntlVerificationForm, updateInternationalVerificationForm, updateVerificationFormFailure } from '../internationalWireVerificationReducer';
-export type ActionType = ReturnType<typeof fetchInternationalVerificationForm> | ReturnType<typeof updateInternationalVerificationForm> | ReturnType<typeof updateVerificationFormFailure> | ReturnType<typeof initializeIntlVerificationForm>;
-export declare const fetchIntlVerificationFormEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+import { fetchInternationalVerificationForm, updateInternationalVerificationForm, updateVerificationFormFailure, updateVerificationFormLocalData } from '../internationalWireVerificationReducer';
+export type ActionType = ReturnType<typeof fetchInternationalVerificationForm> | ReturnType<typeof updateInternationalVerificationForm> | ReturnType<typeof updateVerificationFormFailure> | ReturnType<typeof updateVerificationFormLocalData>;
+export declare const fetchIntlVerificationFormEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -4,8 +4,9 @@ exports.fetchIntlVerificationFormEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const responsePayload_1 = require("../../../../../responsePayload");
+const internationalWireOnboardingDetailsToLocalData_1 = require("../internationalWireOnboardingDetailsToLocalData");
 const internationalWireVerificationReducer_1 = require("../internationalWireVerificationReducer");
-const fetchIntlVerificationFormEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(internationalWireVerificationReducer_1.fetchInternationalVerificationForm.match), (0, operators_1.switchMap)((action) => {
+const fetchIntlVerificationFormEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(internationalWireVerificationReducer_1.fetchInternationalVerificationForm.match), (0, operators_1.switchMap)((action) => {
     const query = {
         region: 'US',
         legal_type: 'BUSINESS',
@@ -14,11 +15,14 @@ const fetchIntlVerificationFormEpic = (actions$, _state$, zeniAPI) => actions$.p
         .getJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/international-wire/onboarding-fields?query=${encodeURIComponent(JSON.stringify(query))}`)
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const onboardingDataFromCompanyInfo = state$.value.companyState.companiesById[action.payload.companyId]
+                ?.companyBillPayInfo?.internationalWireOnboardingDetails;
+            const localData = (0, internationalWireOnboardingDetailsToLocalData_1.toVerificationFormLocalDataFromOnboardingDetails)(onboardingDataFromCompanyInfo, response.data.labels);
             return (0, rxjs_1.from)([
                 (0, internationalWireVerificationReducer_1.updateInternationalVerificationForm)({
                     internationalWireFormPayload: response.data.labels,
                 }),
-                (0, internationalWireVerificationReducer_1.initializeIntlVerificationForm)(action.payload.companyId, response.data.labels),
+                (0, internationalWireVerificationReducer_1.updateVerificationFormLocalData)(localData),
             ]);
         }
         else {

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

@@ -1,6 +1,7 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../../../reducer';
+import { fetchBillPaySetupViewSuccess } from '../../billPaySetupView/billPaySetupViewReducer';
 import { initializeIntlVerificationForm, updateVerificationFormLocalData } from '../internationalWireVerificationReducer';
 export type ActionType = ReturnType<typeof updateVerificationFormLocalData> | ReturnType<typeof initializeIntlVerificationForm>;
-export declare const initializeIntlVerificationFormEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;
+export declare const initializeIntlVerificationFormEpic: (actions$: ActionsObservable<ActionType | ReturnType<typeof fetchBillPaySetupViewSuccess>>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -3,14 +3,40 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initializeIntlVerificationFormEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const tenantSelector_1 = require("../../../../../entity/tenant/tenantSelector");
+const billPaySetupViewReducer_1 = require("../../billPaySetupView/billPaySetupViewReducer");
 const internationalWireOnboardingDetailsToLocalData_1 = require("../internationalWireOnboardingDetailsToLocalData");
 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 hasSavedPersonSubfieldData = (localData) => Object.keys(localData).some((key) => /^stake_holder_\d+_/.test(key) ||
+    (key.startsWith('controlling_person_') && key !== 'controlling_person'));
+const initializeIntlVerificationFormEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)((action) => internationalWireVerificationReducer_1.initializeIntlVerificationForm.match(action) ||
+    billPaySetupViewReducer_1.fetchBillPaySetupViewSuccess.match(action)), (0, operators_1.mergeMap)((action) => {
     const state = state$.value;
-    const onboardingDataFromCompanyInfo = state.companyState.companiesById[companyId].companyBillPayInfo
-        .internationalWireOnboardingDetails;
-    const localData = (0, internationalWireOnboardingDetailsToLocalData_1.toVerificationFormLocalDataFromOnboardingDetails)(onboardingDataFromCompanyInfo, internationalWireFormPayload);
-    return (0, rxjs_1.from)([(0, internationalWireVerificationReducer_1.updateVerificationFormLocalData)(localData)]);
+    const formFieldLabels = state.internationalWireVerificationState.verificationFormFieldLabels;
+    if (Object.keys(formFieldLabels).length === 0) {
+        return (0, rxjs_1.empty)();
+    }
+    const companyId = internationalWireVerificationReducer_1.initializeIntlVerificationForm.match(action) ?
+        action.payload.companyId
+        : (0, tenantSelector_1.getCurrentTenant)(state)?.companyId;
+    if (companyId == null) {
+        return (0, rxjs_1.empty)();
+    }
+    const onboardingDataFromCompanyInfo = state.companyState.companiesById[companyId]?.companyBillPayInfo
+        ?.internationalWireOnboardingDetails;
+    const localDataFromCompany = (0, internationalWireOnboardingDetailsToLocalData_1.toVerificationFormLocalDataFromOnboardingDetails)(onboardingDataFromCompanyInfo, formFieldLabels);
+    const existingLocalData = state.internationalWireVerificationState.verificationFormLocalData;
+    if (billPaySetupViewReducer_1.fetchBillPaySetupViewSuccess.match(action)) {
+        if (!hasSavedPersonSubfieldData(localDataFromCompany) ||
+            hasSavedPersonSubfieldData(existingLocalData)) {
+            return (0, rxjs_1.empty)();
+        }
+    }
+    return (0, rxjs_1.from)([
+        (0, internationalWireVerificationReducer_1.updateVerificationFormLocalData)({
+            ...existingLocalData,
+            ...localDataFromCompany,
+        }),
+    ]);
 }));
 exports.initializeIntlVerificationFormEpic = initializeIntlVerificationFormEpic;

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

@@ -1,3 +1,4 @@
+import { InternationalWireVerificationBooleanWithSubfieldsFieldName } from './internationalWireVerificationFieldConstants';
 import { VerificationFormLocalData } from './internationalWireVerificationState';
 export type IntlWireFileOptionLike = {
     file_id: string;
@@ -23,4 +24,5 @@ export declare const isIntlWirePersonLike: (value: unknown) => value is IntlWire
 export declare const toIntlWireFileOptionArray: (items: unknown[]) => IntlWireFileOptionLike[];
 export declare const appendIntlWireFileOptionsToLocalData: (localData: VerificationFormLocalData, baseKey: string, fileOptions: IntlWireFileOptionLike[]) => void;
 export declare const appendIntlWirePersonToLocalData: (localData: VerificationFormLocalData, keyPrefix: string, person: IntlWirePersonLike) => void;
+export declare const hasBooleanWithSubfieldsFieldValueInLocalData: (fieldName: InternationalWireVerificationBooleanWithSubfieldsFieldName, localData: VerificationFormLocalData) => boolean;
 export declare const getStakeHolderOwnerIndicesFromLocalData: (localData: VerificationFormLocalData) => number[];

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStakeHolderOwnerIndicesFromLocalData = exports.appendIntlWirePersonToLocalData = exports.appendIntlWireFileOptionsToLocalData = exports.toIntlWireFileOptionArray = exports.isIntlWirePersonLike = exports.isIntlWireFileOptionLike = void 0;
+exports.getStakeHolderOwnerIndicesFromLocalData = exports.hasBooleanWithSubfieldsFieldValueInLocalData = exports.appendIntlWirePersonToLocalData = exports.appendIntlWireFileOptionsToLocalData = exports.toIntlWireFileOptionArray = exports.isIntlWirePersonLike = exports.isIntlWireFileOptionLike = void 0;
 const internationalWireVerificationFieldConstants_1 = require("./internationalWireVerificationFieldConstants");
 const internationalWireVerificationSubmitPayload_1 = require("./internationalWireVerificationSubmitPayload");
 const isIntlWireFileOptionLike = (value) => typeof value === 'object' &&
@@ -8,7 +8,21 @@ const isIntlWireFileOptionLike = (value) => typeof value === 'object' &&
     'file_id' in value &&
     typeof value.file_id === 'string';
 exports.isIntlWireFileOptionLike = isIntlWireFileOptionLike;
-const isIntlWirePersonLike = (value) => typeof value === 'object' && value != null && !Array.isArray(value);
+const isIntlWirePersonLike = (value) => {
+    if (typeof value !== 'object' || value == null || Array.isArray(value)) {
+        return false;
+    }
+    const person = value;
+    return (person.name != null ||
+        person.email != null ||
+        person.nationality != null ||
+        person.company_role != null ||
+        person.ssn != null ||
+        person.date_of_birth != null ||
+        person.ownership_percentage != null ||
+        person.proof_of_identity != null ||
+        person.proof_of_address != null);
+};
 exports.isIntlWirePersonLike = isIntlWirePersonLike;
 const toIntlWireFileOptionArray = (items) => items.filter(exports.isIntlWireFileOptionLike);
 exports.toIntlWireFileOptionArray = toIntlWireFileOptionArray;
@@ -55,6 +69,31 @@ const appendIntlWirePersonToLocalData = (localData, keyPrefix, person) => {
     }
 };
 exports.appendIntlWirePersonToLocalData = appendIntlWirePersonToLocalData;
+const hasLocalDataValue = (value) => {
+    if (value == null) {
+        return false;
+    }
+    if (typeof value === 'string') {
+        return value !== '';
+    }
+    if (typeof value === 'number') {
+        return true;
+    }
+    if (Array.isArray(value)) {
+        return value.length > 0;
+    }
+    return true;
+};
+const hasBooleanWithSubfieldsFieldValueInLocalData = (fieldName, localData) => {
+    if (hasLocalDataValue(localData[fieldName])) {
+        return true;
+    }
+    if (fieldName === internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.stakeHolder) {
+        return Object.entries(localData).some(([key, value]) => /^stake_holder_\d+_/.test(key) && hasLocalDataValue(value));
+    }
+    return Object.entries(localData).some(([key, value]) => key.startsWith(`${fieldName}_`) && hasLocalDataValue(value));
+};
+exports.hasBooleanWithSubfieldsFieldValueInLocalData = hasBooleanWithSubfieldsFieldValueInLocalData;
 const getStakeHolderOwnerIndicesFromLocalData = (localData) => {
     const indices = new Set();
     Object.keys(localData).forEach((key) => {

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

@@ -1,6 +1,6 @@
 import { AllowedValueWithCode } from '../../../../commonStateTypes/allowedValue';
 import { ZeniAPIResponse } from '../../../../responsePayload';
-import { VerificationFormField } from './internationalWireVerificationState';
+import { VerificationFormField, VerificationFormLocalData } from './internationalWireVerificationState';
 export declare const InternationalWireVerificationFormOrder: readonly ["certificate_of_good_standing", "business_ownership", "company_proof_of_address", "company_officer_proof_of_address", "company_registration_date", "annual_turnover", "expected_transaction_volume", "employee_count", "intended_use_of_account", "transaction_countries", "stake_holder", "controlling_person"];
 export interface FieldOptionPayload {
     label: string;
@@ -32,6 +32,7 @@ export interface FieldPayload {
     subfields?: Record<string, SubFieldPayload>;
 }
 export declare const toDynamicFormField: (key: string, payload: FieldPayload) => VerificationFormField;
+export declare const filterVerificationFormFieldsForReadonlyView: (fields: VerificationFormField[], localData: VerificationFormLocalData, isReadonly: boolean) => VerificationFormField[];
 export declare const sortVerificationFormFields: (fields: VerificationFormField[]) => VerificationFormField[];
 export declare const toVerificationFormFields: (internationalWireFormPayload: Record<string, FieldPayload>) => VerificationFormField[];
 export type IntlVerificationFormResponse = ZeniAPIResponse<IntlVerificationFormPayload>;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toVerificationFormFields = exports.sortVerificationFormFields = exports.toDynamicFormField = exports.InternationalWireVerificationFormOrder = void 0;
+exports.toVerificationFormFields = exports.sortVerificationFormFields = exports.filterVerificationFormFieldsForReadonlyView = exports.toDynamicFormField = exports.InternationalWireVerificationFormOrder = void 0;
 const internationalWireVerificationFieldConstants_1 = require("./internationalWireVerificationFieldConstants");
+const internationalWireVerificationLocalDataHelpers_1 = require("./internationalWireVerificationLocalDataHelpers");
 exports.InternationalWireVerificationFormOrder = [
     internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.certificateOfGoodStanding,
     internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.businessOwnership,
@@ -44,6 +45,22 @@ const toDynamicFormField = (key, payload) => ({
         : undefined,
 });
 exports.toDynamicFormField = toDynamicFormField;
+const readonlyHideableVerificationFormFieldNames = new Set([
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.stakeHolder,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.controllingPerson,
+]);
+const filterVerificationFormFieldsForReadonlyView = (fields, localData, isReadonly) => {
+    if (!isReadonly) {
+        return fields;
+    }
+    return fields.filter((field) => {
+        if (!readonlyHideableVerificationFormFieldNames.has(field.name)) {
+            return true;
+        }
+        return (0, internationalWireVerificationLocalDataHelpers_1.hasBooleanWithSubfieldsFieldValueInLocalData)(field.name, localData);
+    });
+};
+exports.filterVerificationFormFieldsForReadonlyView = filterVerificationFormFieldsForReadonlyView;
 const sortVerificationFormFields = (fields) => {
     const orderIndex = new Map(exports.InternationalWireVerificationFormOrder.map((name, index) => [name, index]));
     return fields.slice().sort((a, b) => {

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

@@ -8,6 +8,7 @@ exports.initialState = {
     verificationFormFetchState: {
         fetchState: 'Not-Started',
     },
+    verificationFormFieldLabels: {},
     verificationFormFields: [],
     verificationFormLocalData: {},
     verificationFormSubmitState: {
@@ -35,6 +36,7 @@ const internationalWireVerification = (0, toolkit_1.createSlice)({
         },
         updateInternationalVerificationForm(draft, action) {
             const { internationalWireFormPayload } = action.payload;
+            draft.verificationFormFieldLabels = internationalWireFormPayload;
             draft.verificationFormFields = (0, internationalWireVerificationPayload_1.toVerificationFormFields)(internationalWireFormPayload);
             draft.verificationFormFetchState.fetchState = 'Completed';
         },
@@ -45,6 +47,7 @@ const internationalWireVerification = (0, toolkit_1.createSlice)({
         },
         updateVerificationFormLocalData(draft, action) {
             draft.verificationFormLocalData = {
+                ...draft.verificationFormLocalData,
                 ...action.payload,
             };
         },

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

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIntlWireVerificationView = void 0;
+const companySelector_1 = require("../../../../entity/company/companySelector");
 const fileSelector_1 = require("../../../../entity/file/fileSelector");
+const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const fileViewSelector_1 = require("../../../fileView/fileViewSelector");
+const internationalWireVerificationPayload_1 = require("./internationalWireVerificationPayload");
 const collectFileIdsFromLocalData = (localData) => {
     const fileIds = new Set();
     Object.values(localData).forEach((value) => {
@@ -23,18 +26,28 @@ const collectFileIdsFromLocalData = (localData) => {
 const getIntlWireVerificationView = (state) => {
     const deleteFileStatusById = {};
     const updateFileStatusById = {};
-    const fileIds = collectFileIdsFromLocalData(state.internationalWireVerificationState.verificationFormLocalData);
+    const { verificationFormFetchState, verificationFormFields, verificationFormLocalData, verificationFormSubmitState, } = state.internationalWireVerificationState;
+    const fileIds = collectFileIdsFromLocalData(verificationFormLocalData);
     fileIds.forEach((fileId) => {
         deleteFileStatusById[fileId] = (0, fileViewSelector_1.getFileDeleteStatusById)(state, fileId);
         updateFileStatusById[fileId] = (0, fileViewSelector_1.getFileUpdateNameStatusById)(state, fileId);
     });
-    const userFiles = fileIds.length > 0
-        ? (0, fileSelector_1.getFilesByFileIds)(state.fileState, fileIds)
-        : [];
-    const fetchState = state.internationalWireVerificationState.verificationFormFetchState
-        .fetchState;
+    const userFiles = fileIds.length > 0 ? (0, fileSelector_1.getFilesByFileIds)(state.fileState, fileIds) : [];
+    const fetchState = verificationFormFetchState.fetchState;
+    const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
+    const company = currentTenant?.companyId != null
+        ? (0, companySelector_1.getCompanyByCompanyId)(state.companyState, currentTenant.companyId)
+            ?.company
+        : undefined;
+    const onboardingStatusCode = company?.companyBillPayInfo?.internationalWireOnboardingStatus?.code;
+    const isReadonly = onboardingStatusCode != null &&
+        onboardingStatusCode !== 'onboarding_status_not_started';
+    const visibleVerificationFormFields = (0, internationalWireVerificationPayload_1.filterVerificationFormFieldsForReadonlyView)(verificationFormFields, verificationFormLocalData, isReadonly);
     return {
-        ...state.internationalWireVerificationState,
+        verificationFormFetchState,
+        verificationFormFields: visibleVerificationFormFields,
+        verificationFormLocalData,
+        verificationFormSubmitState,
         deleteFileStatusById,
         updateFileStatusById,
         userFiles,

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

@@ -1,6 +1,8 @@
 import { FetchStateAndError } from '../../../../commonStateTypes/common';
+import { FieldPayload } from './internationalWireVerificationPayload';
 export interface InternationalWireVerificationState {
     verificationFormFetchState: FetchStateAndError;
+    verificationFormFieldLabels: Record<string, FieldPayload>;
     verificationFormFields: VerificationFormField[];
     verificationFormLocalData: VerificationFormLocalData;
     verificationFormSubmitState: FetchStateAndError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.0.90-betaAS4",
+  "version": "5.0.90-betaAS6",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",