@zeniai/client-epic-state 5.1.7 → 5.1.8-betaAS1

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

@@ -3,41 +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 actions = [];
+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 = {};
-    Object.keys(internationalWireFormPayload).forEach((formFieldKey) => {
-        const values = onboardingDataFromCompanyInfo != null
-            ? onboardingDataFromCompanyInfo[formFieldKey]?.values
-            : undefined;
-        if (values != null) {
-            localData[formFieldKey] =
-                internationalWireFormPayload[formFieldKey].type === 'enum'
-                    ? internationalWireFormPayload[formFieldKey]
-                        .is_multiple_values_allowed === false
-                        ? typeof values[0] === 'object' && 'code' in values[0]
-                            ? values[0].code
-                            : ''
-                        : values.map((value) => typeof value === 'object' && 'code' in value
-                            ? value.code
-                            : '')
-                    : values[0];
+    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)();
         }
-        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);
+    }
+    return (0, rxjs_1.from)([
+        (0, internationalWireVerificationReducer_1.updateVerificationFormLocalData)({
+            ...existingLocalData,
+            ...localDataFromCompany,
+        }),
+    ]);
 }));
 exports.initializeIntlVerificationFormEpic = initializeIntlVerificationFormEpic;

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

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const companyReducer_1 = require("../../../../../entity/company/companyReducer");
 const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
+const internationalWireVerificationSubmitPayload_1 = require("../internationalWireVerificationSubmitPayload");
 const internationalWireVerificationReducer_1 = require("../internationalWireVerificationReducer");
 const submitIntlVerificationEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(internationalWireVerificationReducer_1.submitInternationalVerificationForm.match), (0, operators_1.switchMap)((action) => {
     const { internationalWireVerificationState } = state$.value;
@@ -13,7 +14,7 @@ const submitIntlVerificationEpic = (actions$, state$, zeniAPI) => actions$.pipe(
     const localData = internationalWireVerificationState.verificationFormLocalData;
     if (localData != null) {
         return zeniAPI
-            .postAndGetJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/international-wire/onboarding`, toIntlWireVerificationPayload(localData))
+            .postAndGetJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/international-wire/onboarding`, (0, internationalWireVerificationSubmitPayload_1.toIntlWireVerificationSubmitPayload)(localData))
             .pipe((0, operators_1.mergeMap)((response) => {
             const actions = [];
             if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
@@ -58,9 +59,3 @@ const submitIntlVerificationEpic = (actions$, state$, zeniAPI) => actions$.pipe(
     }
 }));
 exports.submitIntlVerificationEpic = submitIntlVerificationEpic;
-const toIntlWireVerificationPayload = (localData) => {
-    return {
-        is_applicant_declaration: true,
-        form_details: localData,
-    };
-};

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

@@ -0,0 +1,4 @@
+import { LabelValueCodesPayload } from '../../../../commonPayloadTypes/commonPayload';
+import { FieldPayload } from './internationalWireVerificationPayload';
+import { VerificationFormLocalData } from './internationalWireVerificationState';
+export declare const toVerificationFormLocalDataFromOnboardingDetails: (onboardingDetails: Record<string, LabelValueCodesPayload> | undefined, internationalWireFormPayload: Record<string, FieldPayload>) => VerificationFormLocalData;

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

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toVerificationFormLocalDataFromOnboardingDetails = void 0;
+const internationalWireVerificationFieldConstants_1 = require("./internationalWireVerificationFieldConstants");
+const internationalWireVerificationLocalDataHelpers_1 = require("./internationalWireVerificationLocalDataHelpers");
+const MULTI_OPTION_FILE_FIELD_NAMES = new Set([
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.businessOwnership,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyProofOfAddress,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyOfficerProofOfAddress,
+]);
+const toValuesArray = (values) => {
+    if (values == null) {
+        return [];
+    }
+    if (Array.isArray(values)) {
+        return values;
+    }
+    return [values];
+};
+const getCodeFromValue = (value) => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value === 'object' &&
+        value != null &&
+        'code' in value &&
+        typeof value.code === 'string') {
+        return value.code;
+    }
+    return '';
+};
+const setEmptyFieldDefault = (localData, fieldKey, fieldPayload) => {
+    if (fieldPayload.type === 'enum') {
+        localData[fieldKey] =
+            fieldPayload.is_multiple_values_allowed === true ? [] : '';
+        return;
+    }
+    if (fieldPayload.type === 'boolean_with_subfields') {
+        if (fieldKey ===
+            internationalWireVerificationFieldConstants_1.InternationalWireVerificationBooleanWithSubfieldsFieldNames.stakeHolder) {
+            localData[fieldKey] = 'false';
+            return;
+        }
+        if (fieldKey ===
+            internationalWireVerificationFieldConstants_1.InternationalWireVerificationBooleanWithSubfieldsFieldNames.controllingPerson) {
+            localData[fieldKey] = fieldPayload.default === true ? 'true' : 'false';
+        }
+    }
+};
+const parseEnumValues = (localData, fieldKey, fieldPayload, values) => {
+    if (fieldPayload.is_multiple_values_allowed === true) {
+        localData[fieldKey] = values
+            .map(getCodeFromValue)
+            .filter((code) => code.length > 0);
+        return;
+    }
+    localData[fieldKey] = getCodeFromValue(values[0]);
+};
+const parseFileValues = (localData, fieldKey, fieldPayload, values) => {
+    if (values.length > 0 &&
+        ((0, internationalWireVerificationLocalDataHelpers_1.isIntlWireFileOptionLike)(values[0]) ||
+            MULTI_OPTION_FILE_FIELD_NAMES.has(fieldKey))) {
+        const fileOptions = (0, internationalWireVerificationLocalDataHelpers_1.toIntlWireFileOptionArray)(values);
+        if (fileOptions.length > 0) {
+            (0, internationalWireVerificationLocalDataHelpers_1.appendIntlWireFileOptionsToLocalData)(localData, fieldKey, fileOptions);
+        }
+        return;
+    }
+    const fileIds = values.filter((value) => typeof value === 'string' && value.length > 0);
+    if (fieldPayload.is_multiple_values_allowed === true) {
+        localData[fieldKey] = fileIds;
+        return;
+    }
+    localData[fieldKey] = fileIds[0] ?? '';
+};
+const parseBooleanWithSubfieldsValues = (localData, fieldKey, fieldPayload, rawValues) => {
+    if (fieldKey ===
+        internationalWireVerificationFieldConstants_1.InternationalWireVerificationBooleanWithSubfieldsFieldNames.controllingPerson) {
+        if ((0, internationalWireVerificationLocalDataHelpers_1.isIntlWirePersonLike)(rawValues)) {
+            localData[fieldKey] = 'false';
+            (0, internationalWireVerificationLocalDataHelpers_1.appendIntlWirePersonToLocalData)(localData, fieldKey, rawValues);
+            return;
+        }
+        const values = toValuesArray(rawValues);
+        if (values.length > 0 && (0, internationalWireVerificationLocalDataHelpers_1.isIntlWirePersonLike)(values[0])) {
+            localData[fieldKey] = 'false';
+            (0, internationalWireVerificationLocalDataHelpers_1.appendIntlWirePersonToLocalData)(localData, fieldKey, values[0]);
+            return;
+        }
+        const selection = getCodeFromValue(values[0]);
+        localData[fieldKey] =
+            selection.length > 0
+                ? selection
+                : fieldPayload.default === true
+                    ? 'true'
+                    : 'false';
+        return;
+    }
+    if (fieldKey ===
+        internationalWireVerificationFieldConstants_1.InternationalWireVerificationBooleanWithSubfieldsFieldNames.stakeHolder) {
+        const values = toValuesArray(rawValues);
+        if (values.length > 0 && (0, internationalWireVerificationLocalDataHelpers_1.isIntlWirePersonLike)(values[0])) {
+            localData[fieldKey] = 'true';
+            values.forEach((person, ownerIndex) => {
+                if ((0, internationalWireVerificationLocalDataHelpers_1.isIntlWirePersonLike)(person)) {
+                    (0, internationalWireVerificationLocalDataHelpers_1.appendIntlWirePersonToLocalData)(localData, `${fieldKey}_${ownerIndex}`, person);
+                }
+            });
+            return;
+        }
+        const selection = getCodeFromValue(values[0]);
+        localData[fieldKey] = selection.length > 0 ? selection : 'false';
+    }
+};
+const toVerificationFormLocalDataFromOnboardingDetails = (onboardingDetails, internationalWireFormPayload) => {
+    const localData = {};
+    Object.keys(internationalWireFormPayload).forEach((fieldKey) => {
+        const fieldPayload = internationalWireFormPayload[fieldKey];
+        const rawValues = onboardingDetails?.[fieldKey]?.values;
+        if (rawValues == null) {
+            setEmptyFieldDefault(localData, fieldKey, fieldPayload);
+            return;
+        }
+        if (fieldPayload.type === 'boolean_with_subfields') {
+            parseBooleanWithSubfieldsValues(localData, fieldKey, fieldPayload, rawValues);
+            return;
+        }
+        const values = toValuesArray(rawValues);
+        if (values.length === 0) {
+            setEmptyFieldDefault(localData, fieldKey, fieldPayload);
+            return;
+        }
+        switch (fieldPayload.type) {
+            case 'enum':
+                parseEnumValues(localData, fieldKey, fieldPayload, values);
+                break;
+            case 'file':
+                parseFileValues(localData, fieldKey, fieldPayload, values);
+                break;
+            case 'date':
+                localData[fieldKey] = getCodeFromValue(values[0]);
+                break;
+            default:
+                localData[fieldKey] = getCodeFromValue(values[0]);
+                break;
+        }
+    });
+    return localData;
+};
+exports.toVerificationFormLocalDataFromOnboardingDetails = toVerificationFormLocalDataFromOnboardingDetails;

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

@@ -0,0 +1,38 @@
+export declare const InternationalWireVerificationFormFieldNames: {
+    readonly certificateOfGoodStanding: "certificate_of_good_standing";
+    readonly businessOwnership: "business_ownership";
+    readonly companyProofOfAddress: "company_proof_of_address";
+    readonly companyOfficerProofOfAddress: "company_officer_proof_of_address";
+    readonly companyRegistrationDate: "company_registration_date";
+    readonly annualTurnover: "annual_turnover";
+    readonly expectedTransactionVolume: "expected_transaction_volume";
+    readonly employeeCount: "employee_count";
+    readonly intendedUseOfAccount: "intended_use_of_account";
+    readonly transactionCountries: "transaction_countries";
+    readonly stakeHolder: "stake_holder";
+    readonly controllingPerson: "controlling_person";
+};
+export type InternationalWireVerificationFormFieldName = (typeof InternationalWireVerificationFormFieldNames)[keyof typeof InternationalWireVerificationFormFieldNames];
+export declare const InternationalWireVerificationStakeHolderFieldName: "stake_holder";
+export declare const InternationalWireVerificationControllingPersonFieldName: "controlling_person";
+export declare const InternationalWireVerificationBooleanWithSubfieldsFieldNames: {
+    readonly stakeHolder: "stake_holder";
+    readonly controllingPerson: "controlling_person";
+};
+export type InternationalWireVerificationBooleanWithSubfieldsFieldName = (typeof InternationalWireVerificationBooleanWithSubfieldsFieldNames)[keyof typeof InternationalWireVerificationBooleanWithSubfieldsFieldNames];
+export declare const InternationalWireVerificationBooleanWithSubfieldsFieldNameList: InternationalWireVerificationBooleanWithSubfieldsFieldName[];
+export declare const InternationalWireVerificationSubfieldNames: {
+    readonly companyRole: "company_role";
+    readonly dateOfBirth: "date_of_birth";
+    readonly name: "name";
+    readonly email: "email";
+    readonly nationality: "nationality";
+    readonly ownershipPercentage: "ownership_percentage";
+    readonly proofOfIdentity: "proof_of_identity";
+    readonly proofOfAddress: "proof_of_address";
+    readonly ssn: "ssn";
+};
+export type InternationalWireVerificationSubfieldName = (typeof InternationalWireVerificationSubfieldNames)[keyof typeof InternationalWireVerificationSubfieldNames];
+export declare const InternationalWireVerificationReadonlyHideableFieldNames: readonly ["stake_holder", "controlling_person", "business_ownership", "company_proof_of_address", "company_officer_proof_of_address"];
+export type InternationalWireVerificationReadonlyHideableFieldName = (typeof InternationalWireVerificationReadonlyHideableFieldNames)[number];
+export declare const InternationalWireVerificationReadonlyVisibilityGateFieldName: "business_ownership";

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InternationalWireVerificationReadonlyVisibilityGateFieldName = exports.InternationalWireVerificationReadonlyHideableFieldNames = exports.InternationalWireVerificationSubfieldNames = exports.InternationalWireVerificationBooleanWithSubfieldsFieldNameList = exports.InternationalWireVerificationBooleanWithSubfieldsFieldNames = exports.InternationalWireVerificationControllingPersonFieldName = exports.InternationalWireVerificationStakeHolderFieldName = exports.InternationalWireVerificationFormFieldNames = void 0;
+exports.InternationalWireVerificationFormFieldNames = {
+    certificateOfGoodStanding: 'certificate_of_good_standing',
+    businessOwnership: 'business_ownership',
+    companyProofOfAddress: 'company_proof_of_address',
+    companyOfficerProofOfAddress: 'company_officer_proof_of_address',
+    companyRegistrationDate: 'company_registration_date',
+    annualTurnover: 'annual_turnover',
+    expectedTransactionVolume: 'expected_transaction_volume',
+    employeeCount: 'employee_count',
+    intendedUseOfAccount: 'intended_use_of_account',
+    transactionCountries: 'transaction_countries',
+    stakeHolder: 'stake_holder',
+    controllingPerson: 'controlling_person',
+};
+exports.InternationalWireVerificationStakeHolderFieldName = exports.InternationalWireVerificationFormFieldNames.stakeHolder;
+exports.InternationalWireVerificationControllingPersonFieldName = exports.InternationalWireVerificationFormFieldNames.controllingPerson;
+exports.InternationalWireVerificationBooleanWithSubfieldsFieldNames = {
+    stakeHolder: exports.InternationalWireVerificationStakeHolderFieldName,
+    controllingPerson: exports.InternationalWireVerificationControllingPersonFieldName,
+};
+exports.InternationalWireVerificationBooleanWithSubfieldsFieldNameList = Object.values(exports.InternationalWireVerificationBooleanWithSubfieldsFieldNames);
+exports.InternationalWireVerificationSubfieldNames = {
+    companyRole: 'company_role',
+    dateOfBirth: 'date_of_birth',
+    name: 'name',
+    email: 'email',
+    nationality: 'nationality',
+    ownershipPercentage: 'ownership_percentage',
+    proofOfIdentity: 'proof_of_identity',
+    proofOfAddress: 'proof_of_address',
+    ssn: 'ssn',
+};
+exports.InternationalWireVerificationReadonlyHideableFieldNames = [
+    exports.InternationalWireVerificationFormFieldNames.stakeHolder,
+    exports.InternationalWireVerificationFormFieldNames.controllingPerson,
+    exports.InternationalWireVerificationFormFieldNames.businessOwnership,
+    exports.InternationalWireVerificationFormFieldNames.companyProofOfAddress,
+    exports.InternationalWireVerificationFormFieldNames.companyOfficerProofOfAddress,
+];
+exports.InternationalWireVerificationReadonlyVisibilityGateFieldName = exports.InternationalWireVerificationFormFieldNames.businessOwnership;

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

@@ -0,0 +1,27 @@
+import { VerificationFormLocalData } from './internationalWireVerificationState';
+export type IntlWireFileOptionLike = {
+    file_id: string;
+    option?: string;
+};
+export type IntlWirePersonNameLike = {
+    first_name?: string;
+    last_name?: string;
+};
+export type IntlWirePersonLike = {
+    company_role?: string;
+    date_of_birth?: string;
+    email?: string;
+    name?: IntlWirePersonNameLike;
+    nationality?: string;
+    ownership_percentage?: number;
+    proof_of_address?: IntlWireFileOptionLike[];
+    proof_of_identity?: IntlWireFileOptionLike[];
+    ssn?: string;
+};
+export declare const isIntlWireFileOptionLike: (value: unknown) => value is IntlWireFileOptionLike;
+export declare const isIntlWirePersonLike: (value: unknown) => value is IntlWirePersonLike;
+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 getStakeHolderOwnerIndicesFromLocalData: (localData: VerificationFormLocalData) => number[];
+export declare const hasBusinessOwnershipValueInLocalData: (localData: VerificationFormLocalData) => boolean;

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

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasBusinessOwnershipValueInLocalData = exports.getStakeHolderOwnerIndicesFromLocalData = 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' &&
+    value != null &&
+    'file_id' in value &&
+    typeof value.file_id === 'string';
+exports.isIntlWireFileOptionLike = isIntlWireFileOptionLike;
+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;
+const appendIntlWireFileOptionsToLocalData = (localData, baseKey, fileOptions) => {
+    const [front, back] = fileOptions;
+    if (front?.file_id != null && front.file_id !== '') {
+        localData[baseKey] = front.file_id;
+        if (front.option != null && front.option !== '') {
+            localData[`${baseKey}${internationalWireVerificationSubmitPayload_1.IntlWireVerificationLocalDataSuffix.documentOption}`] = front.option;
+        }
+    }
+    if (back?.file_id != null && back.file_id !== '') {
+        localData[`${baseKey}${internationalWireVerificationSubmitPayload_1.IntlWireVerificationLocalDataSuffix.documentBack}`] =
+            back.file_id;
+    }
+};
+exports.appendIntlWireFileOptionsToLocalData = appendIntlWireFileOptionsToLocalData;
+const appendIntlWirePersonToLocalData = (localData, keyPrefix, person) => {
+    const nameBaseKey = `${keyPrefix}_${internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.name}`;
+    if (person.name?.first_name != null) {
+        localData[`${nameBaseKey}${internationalWireVerificationSubmitPayload_1.IntlWireVerificationLocalDataSuffix.nameFirst}`] = person.name.first_name;
+    }
+    if (person.name?.last_name != null) {
+        localData[`${nameBaseKey}${internationalWireVerificationSubmitPayload_1.IntlWireVerificationLocalDataSuffix.nameLast}`] = person.name.last_name;
+    }
+    const assignStringField = (subfieldName, fieldValue) => {
+        if (fieldValue != null && fieldValue !== '') {
+            localData[`${keyPrefix}_${subfieldName}`] = fieldValue;
+        }
+    };
+    assignStringField(internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.nationality, person.nationality);
+    assignStringField(internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.email, person.email);
+    assignStringField(internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.companyRole, person.company_role);
+    assignStringField(internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.ssn, person.ssn);
+    assignStringField(internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.dateOfBirth, person.date_of_birth);
+    if (person.ownership_percentage != null) {
+        localData[`${keyPrefix}_${internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.ownershipPercentage}`] = person.ownership_percentage;
+    }
+    if (person.proof_of_identity != null) {
+        (0, exports.appendIntlWireFileOptionsToLocalData)(localData, `${keyPrefix}_${internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.proofOfIdentity}`, (0, exports.toIntlWireFileOptionArray)(person.proof_of_identity));
+    }
+    if (person.proof_of_address != null) {
+        (0, exports.appendIntlWireFileOptionsToLocalData)(localData, `${keyPrefix}_${internationalWireVerificationFieldConstants_1.InternationalWireVerificationSubfieldNames.proofOfAddress}`, (0, exports.toIntlWireFileOptionArray)(person.proof_of_address));
+    }
+};
+exports.appendIntlWirePersonToLocalData = appendIntlWirePersonToLocalData;
+const getStakeHolderOwnerIndicesFromLocalData = (localData) => {
+    const indices = new Set();
+    Object.keys(localData).forEach((key) => {
+        const match = key.match(/^stake_holder_(\d+)_/);
+        if (match != null) {
+            indices.add(Number.parseInt(match[1], 10));
+        }
+    });
+    return Array.from(indices).sort((a, b) => a - b);
+};
+exports.getStakeHolderOwnerIndicesFromLocalData = getStakeHolderOwnerIndicesFromLocalData;
+const hasBusinessOwnershipValueInLocalData = (localData) => {
+    const baseKey = internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.businessOwnership;
+    const frontFileId = localData[baseKey];
+    if (typeof frontFileId === 'string' && frontFileId !== '') {
+        return true;
+    }
+    const backFileId = localData[`${baseKey}${internationalWireVerificationSubmitPayload_1.IntlWireVerificationLocalDataSuffix.documentBack}`];
+    if (typeof backFileId === 'string' && backFileId !== '') {
+        return true;
+    }
+    const documentOption = localData[`${baseKey}${internationalWireVerificationSubmitPayload_1.IntlWireVerificationLocalDataSuffix.documentOption}`];
+    return typeof documentOption === 'string' && documentOption !== '';
+};
+exports.hasBusinessOwnershipValueInLocalData = hasBusinessOwnershipValueInLocalData;

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

@@ -1,17 +1,40 @@
 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;
+}
+export interface SubFieldPayload {
+    label: string;
+    type: string;
+    field_hint_text?: string;
+    field_values?: {
+        code: string;
+        description: string;
+    }[];
+    is_multiple_options_supported?: boolean;
+    options?: Record<string, FieldOptionPayload>;
+}
 export interface FieldPayload {
     label: string;
     type: string;
+    default?: boolean;
     field_hint_text?: string;
     field_values?: {
         code: string;
         description: string;
     }[];
+    is_multiple_options_supported?: boolean;
     is_multiple_values_allowed?: boolean;
+    options?: Record<string, FieldOptionPayload>;
+    requirements?: string[];
+    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>;
 export interface IntlVerificationFormPayload {
     create_time: string;

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

@@ -1,19 +1,69 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toDynamicFormField = 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,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyProofOfAddress,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyOfficerProofOfAddress,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyRegistrationDate,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.annualTurnover,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.expectedTransactionVolume,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.employeeCount,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.intendedUseOfAccount,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.transactionCountries,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.stakeHolder,
+    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.controllingPerson,
+];
+const toFieldValues = (fieldValues) => fieldValues?.map(({ code, description }) => ({ code, description })) ?? [];
+const toSubField = (subfield) => ({
+    label: subfield.label,
+    placeholder: subfield.field_hint_text ?? '',
+    type: subfield.type,
+    fieldValues: toFieldValues(subfield.field_values),
+    isMultipleOptionsSupported: subfield.is_multiple_options_supported,
+    options: subfield.options,
+});
 const toDynamicFormField = (key, payload) => ({
     name: key,
     label: payload.label,
     placeholder: payload.field_hint_text ?? '',
     isMultipleValuesAllowed: payload.is_multiple_values_allowed ?? 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,
-            };
-        })
-        : [],
+    fieldValues: toFieldValues(payload.field_values),
+    isMultipleOptionsSupported: payload.is_multiple_options_supported,
+    options: payload.options,
+    requirements: payload.requirements,
+    default: payload.default,
+    subfields: payload.subfields != null
+        ? Object.fromEntries(Object.entries(payload.subfields).map(([subfieldKey, subfield]) => [
+            subfieldKey,
+            toSubField(subfield),
+        ]))
+        : undefined,
 });
 exports.toDynamicFormField = toDynamicFormField;
+const readonlyHideableVerificationFormFieldNames = new Set(internationalWireVerificationFieldConstants_1.InternationalWireVerificationReadonlyHideableFieldNames);
+const filterVerificationFormFieldsForReadonlyView = (fields, localData, isReadonly) => {
+    if (!isReadonly || (0, internationalWireVerificationLocalDataHelpers_1.hasBusinessOwnershipValueInLocalData)(localData)) {
+        return fields;
+    }
+    return fields.filter((field) => !readonlyHideableVerificationFormFieldNames.has(field.name));
+};
+exports.filterVerificationFormFieldsForReadonlyView = filterVerificationFormFieldsForReadonlyView;
+const sortVerificationFormFields = (fields) => {
+    const orderIndex = new Map(exports.InternationalWireVerificationFormOrder.map((name, index) => [name, index]));
+    return fields.slice().sort((a, b) => {
+        const aIndex = orderIndex.get(a.name) ?? exports.InternationalWireVerificationFormOrder.length;
+        const bIndex = orderIndex.get(b.name) ?? exports.InternationalWireVerificationFormOrder.length;
+        if (aIndex !== bIndex) {
+            return aIndex - bIndex;
+        }
+        return a.name.localeCompare(b.name);
+    });
+};
+exports.sortVerificationFormFields = sortVerificationFormFields;
+const toVerificationFormFields = (internationalWireFormPayload) => (0, exports.sortVerificationFormFields)(Object.keys(internationalWireFormPayload).map((key) => (0, exports.toDynamicFormField)(key, internationalWireFormPayload[key])));
+exports.toVerificationFormFields = toVerificationFormFields;

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

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