@zeniai/client-epic-state 4.12.92 → 4.12.93

package/lib/view/countryList/payloads/countryListPayload.d.ts

@@ -0,0 +1,6 @@
+import { Country } from '../countryListState';
+export interface CountryListPayload {
+    code: string;
+    description: string;
+}
+export declare function toCountry(payload: CountryListPayload): Country;

package/lib/view/countryList/payloads/countryListPayload.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toCountry = void 0;
+function toCountry(payload) {
+    return {
+        countryCode: payload.code,
+        countryName: payload.description,
+    };
+}
+exports.toCountry = toCountry;

package/lib/view/countryList/payloads/nationalityCountryListPayload.d.ts

@@ -0,0 +1,11 @@
+import { ZeniAPIResponse } from '../../../responsePayload';
+import { CountryListPayload } from './countryListPayload';
+export interface NationalityCountryPayload {
+    labels: {
+        nationality: {
+            field_hint_text: string;
+            field_values: CountryListPayload[];
+        };
+    };
+}
+export declare type NationalityCountryPayloadResponse = ZeniAPIResponse<NationalityCountryPayload>;

package/lib/view/countryList/payloads/nationalityCountryListPayload.js

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

package/lib/view/onboardingView/customerView/epic/customerDetails/fetchOnboardingCustomerViewEpic.d.ts

@@ -2,10 +2,17 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { RootState } from '../../../../../reducer';
 import { fetchOnboardingCustomerSetupView } from '../../onboardingCustomerViewReducer';
 import { fetchCompanyConfig } from '../../../../companyConfigView/companyConfigReducer';
-export declare type ActionType = ReturnType<typeof fetchOnboardingCustomerSetupView> | ReturnType<typeof fetchCompanyConfig>;
+import { fetchCountryList } from '../../../../countryList/countryListReducer';
+export declare type ActionType = ReturnType<typeof fetchOnboardingCustomerSetupView> | ReturnType<typeof fetchCountryList> | ReturnType<typeof fetchCompanyConfig>;
 export declare const fetchOnboardingCustomerViewEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => import("rxjs").Observable<{
     payload: undefined;
     type: string;
+} | {
+    payload: {
+        countryListKey: "nationalityCountryList";
+        cacheOverride: any;
+    };
+    type: string;
 } | {
     payload: {
         companyId: string;

package/lib/view/onboardingView/customerView/epic/customerDetails/fetchOnboardingCustomerViewEpic.js

@@ -5,14 +5,16 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const onboardingCustomerViewReducer_1 = require("../../onboardingCustomerViewReducer");
 const companyConfigReducer_1 = require("../../../../companyConfigView/companyConfigReducer");
+const countryListReducer_1 = require("../../../../countryList/countryListReducer");
 const fetchOnboardingCustomerViewEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(onboardingCustomerViewReducer_1.fetchOnboardingCustomerView.match), (0, operators_1.switchMap)((action) => {
     const { companyId, cacheOverride, reCalculateCurrentStep } = action.payload;
     if (cacheOverride === true) {
-        return (0, rxjs_1.of)((0, onboardingCustomerViewReducer_1.fetchOnboardingCustomerSetupView)(companyId, cacheOverride, reCalculateCurrentStep), (0, companyConfigReducer_1.fetchCompanyConfig)());
+        return (0, rxjs_1.of)((0, countryListReducer_1.fetchCountryList)('nationalityCountryList', true), (0, onboardingCustomerViewReducer_1.fetchOnboardingCustomerSetupView)(companyId, cacheOverride, reCalculateCurrentStep), (0, companyConfigReducer_1.fetchCompanyConfig)());
     }
     else {
         const state = state$.value;
         const fetchActions = [];
+        fetchActions.push((0, countryListReducer_1.fetchCountryList)('nationalityCountryList'));
         if (state.onboardingCustomerViewState.fetchState !== 'In-Progress' &&
             !state.onboardingCustomerViewState.hasValidState()) {
             fetchActions.push((0, onboardingCustomerViewReducer_1.fetchOnboardingCustomerSetupView)(companyId, cacheOverride, reCalculateCurrentStep));

package/lib/view/onboardingView/customerView/epic/customerDetails/updateOnboardingCustomerViewEpic.js

@@ -16,7 +16,7 @@ const getCompanyView_1 = require("../../../../companyView/selectorHelpers/getCom
 const onboardingCustomerViewReducer_1 = require("../../onboardingCustomerViewReducer");
 const updateBusinessVerificationDetailsEpic_1 = require("../../../../spendManagement/commonSetup/epic/setup/updateBusinessVerificationDetailsEpic");
 const updateOnboardingCustomerViewEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(onboardingCustomerViewReducer_1.updateOnboardingCustomerView.match), (0, operators_1.mergeMap)((action) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { companyId, officerType, sendForVerification, reCalculateCurrentStep = false, } = action.payload;
     const { onboardingCustomerViewState } = state$.value;
     const { companyDetails, primaryContactDetails, companyOfficerUpdateStatus, currentStep, } = onboardingCustomerViewState;
@@ -27,14 +27,15 @@ const updateOnboardingCustomerViewEpic = (actions$, state$, zeniAPI) => actions$
         const companyView = (0, getCompanyView_1.getCompanyView)(state$.value, companyId, []);
         const { newAddressState } = state$.value.addressViewState;
         const companyAddressToCreate = (_a = newAddressState === null || newAddressState === void 0 ? void 0 : newAddressState.company_address) === null || _a === void 0 ? void 0 : _a.addressToCreate;
+        const registeredAddressToCreate = (_b = newAddressState === null || newAddressState === void 0 ? void 0 : newAddressState.company_registered_address) === null || _b === void 0 ? void 0 : _b.addressToCreate;
         const addressType = officerType
             .toLowerCase()
             .concat('_address');
-        const companyOfficerAddressToCreate = (_b = newAddressState === null || newAddressState === void 0 ? void 0 : newAddressState[addressType]) === null || _b === void 0 ? void 0 : _b.addressToCreate;
+        const companyOfficerAddressToCreate = (_c = newAddressState === null || newAddressState === void 0 ? void 0 : newAddressState[addressType]) === null || _c === void 0 ? void 0 : _c.addressToCreate;
         const isNewPrimaryContactUser = (primaryContactLocalData === null || primaryContactLocalData === void 0 ? void 0 : primaryContactLocalData.userId) == null ||
             (primaryContactLocalData === null || primaryContactLocalData === void 0 ? void 0 : primaryContactLocalData.email) !==
-                ((_c = companyView === null || companyView === void 0 ? void 0 : companyView.primaryContact) === null || _c === void 0 ? void 0 : _c.user.email);
-        const company = (0, updateBusinessVerificationDetailsEpic_1.toBusinessVerificationCompanyDataPayload)(companyLocalData, sendForVerification, companyAddressToCreate);
+                ((_d = companyView === null || companyView === void 0 ? void 0 : companyView.primaryContact) === null || _d === void 0 ? void 0 : _d.user.email);
+        const company = (0, updateBusinessVerificationDetailsEpic_1.toBusinessVerificationCompanyDataPayload)(companyLocalData, sendForVerification, companyAddressToCreate, registeredAddressToCreate);
         const primary_contact_user = primaryContactLocalData != null &&
             Boolean(primaryContactLocalData.email) === true // Don't save Empty Primary Contact details
             ? (0, updateBusinessVerificationDetailsEpic_1.toBusinessVerificationPrimaryContactDataPayload)(primaryContactLocalData, isNewPrimaryContactUser)

package/lib/view/onboardingView/customerView/onboardingCustomerViewSelector.d.ts

@@ -14,6 +14,7 @@ import { TenantExternalConnections, TenantProductSettings } from '../../../entit
 import { AccountingConnectionCreationMode } from '../../../entity/company/companyStateTypes';
 import { FileState } from '../../../entity/file/fileState';
 import { PlaidConnectionDetails } from '../../spendManagement/plaidAccount/plaidAccountViewState';
+import { Country } from '../../countryList/countryListState';
 export interface OnboardingCustomerView {
     companyDetailsLocalData?: CompanyDetails;
     companyOfficerLocalData: Record<CompanyOfficerType, CompanyOfficersDetails | undefined>;
@@ -34,6 +35,7 @@ export interface OnboardingCustomerView {
     allStepsCompleted: boolean;
     allSteps: OnboardingStep[];
     companyIndustries: AllowedValueWithCode[];
+    allNationalityCountries: Country[];
     updateStatus: FetchStateAndError;
     fetchStatus: FetchStateAndError;
     saveStatus: FetchStateAndError;

package/lib/view/onboardingView/customerView/onboardingCustomerViewSelector.js

@@ -14,7 +14,7 @@ const userRoleSelector_1 = require("../../../entity/userRole/userRoleSelector");
 const fileSelector_1 = require("../../../entity/file/fileSelector");
 function getOnboardingCustomerView(state, companyId) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { fileState, paymentAccountState, onboardingCustomerViewState, userState, userRoleState, subscriptionPaymentAccountState, companyConfigState, cardPaymentViewState, } = state;
+    const { fileState, paymentAccountState, onboardingCustomerViewState, userState, userRoleState, subscriptionPaymentAccountState, companyConfigState, cardPaymentViewState, countryListState, } = state;
     const { companyDetails, companyOfficerUpdateStatus, primaryContactDetails, subscriptionPaymentAccountIds, paymentAccountDetails, plaidConnectionDetails, updateStatus, saveStatus, currentStep, uiState, fetchState, error, } = onboardingCustomerViewState;
     const { paymentAccountIds } = paymentAccountDetails;
     let subscriptionPaymentAccount;
@@ -94,10 +94,12 @@ function getOnboardingCustomerView(state, companyId) {
         { fetchState: configFetchState, error: configError },
         { fetchState, error },
     ]);
+    const allNationalityCountries = countryListState.byCountryListCode.nationalityCountryList.countries;
     return {
         companyDetailsLocalData,
         companyOfficerLocalData,
         companyView,
+        allNationalityCountries,
         pendingSaveDetails: {
             companyDetails: isCompanyDetailsSavePending(fileState, companyView, primaryContact, companyDetailsLocalData),
             officer: isOfficerDetailsSavePending(companyOfficers, companyOfficerRoles, fileState, companyOfficerLocalData[selectedOfficerType]),
@@ -244,8 +246,8 @@ function isOfficerDetailsSavePending(companyOfficers, companyOfficerRoles, fileS
     if (selectedOfficerIndex < 0) {
         selectedOfficerIndex = 0;
     }
-    const { userId, firstName, lastName, birthday, email, phone: userPhone, ssn, } = companyOfficers[selectedOfficerIndex];
-    const { firstName: firstNameLocalData, lastName: lastNameLocalData, birthday: birthdayLocalData, email: emailLocalData, phone, ssn: ssnLocalData, fileIds: officerFileIds, documentTypeSelectedForVerification, ownershipInCompany, titleAtCompany, } = officerDetails;
+    const { userId, firstName, lastName, birthday, email, phone: userPhone, ssn, nationalityCountryCode, } = companyOfficers[selectedOfficerIndex];
+    const { firstName: firstNameLocalData, lastName: lastNameLocalData, birthday: birthdayLocalData, email: emailLocalData, phone, ssn: ssnLocalData, nationalityCountryCode: nccLocalData, fileIds: officerFileIds, documentTypeSelectedForVerification, ownershipInCompany, titleAtCompany, } = officerDetails;
     const fileIdsLocalData = (0, fileSelector_1.getFilesByFileIds)(fileState, officerFileIds).map((file) => file.fileId);
     const userRole = companyOfficerRoles.find((userRole) => userRole.userId === userId);
     const fileIds = (0, fileSelector_1.getFilesByFileIds)(fileState, (_a = userRole === null || userRole === void 0 ? void 0 : userRole.fileIds) !== null && _a !== void 0 ? _a : []).map((file) => file.fileId);
@@ -255,6 +257,7 @@ function isOfficerDetailsSavePending(companyOfficers, companyOfficerRoles, fileS
         email != emailLocalData ||
         userPhone != phone ||
         ssn != ssnLocalData ||
+        nationalityCountryCode != nccLocalData ||
         (userRole === null || userRole === void 0 ? void 0 : userRole.documentTypeSelectedForVerification) !=
             documentTypeSelectedForVerification ||
         (userRole === null || userRole === void 0 ? void 0 : userRole.titleAtCompany) != titleAtCompany ||

package/lib/view/scheduleView/scheduleListView/scheduleListTypes.d.ts

@@ -7,7 +7,7 @@ export declare const getScheduleListKey: (selectedCategory: ID, selectedTimefram
 export declare type ScheduleListKey = ReturnType<typeof getScheduleListKey>;
 export declare const toScheduleSubTabType: (v: string) => "all" | "new" | "completed" | "ongoing";
 export declare type ScheduleSubTabType = ReturnType<typeof toScheduleSubTabType>;
-declare const toScheduleSortKeyType: (v: string) => "status" | "user" | "months" | "amount" | "vendor" | "class" | "balanceAsOfToday" | "createTime" | "memo" | "transactionDate" | "transactionType" | "accruedExpenseCategory" | "scheduleCategory" | "expenseCategory" | "accumulatedDepreciationCategory" | "startMonth" | "endMonth" | "assetId";
+declare const toScheduleSortKeyType: (v: string) => "status" | "user" | "months" | "amount" | "vendor" | "class" | "createTime" | "balanceAsOfToday" | "memo" | "transactionDate" | "transactionType" | "accruedExpenseCategory" | "scheduleCategory" | "expenseCategory" | "accumulatedDepreciationCategory" | "startMonth" | "endMonth" | "assetId";
 export declare type ScheduleListSortKey = ReturnType<typeof toScheduleSortKeyType>;
 export interface DownloadJEScheduleTabOptions {
     timezone: string;

package/lib/view/spendManagement/billPay/billPayConfig/billPayConfigState.d.ts

@@ -2,6 +2,7 @@ import { Amount, Currency } from '../../../../commonStateTypes/amount';
 import { FetchedState, ID } from '../../../../commonStateTypes/common';
 import { AccountBase } from '../../../../entity/account/accountState';
 import { ClassBase } from '../../../../entity/class/classState';
+import { Country } from '../../../countryList/countryListState';
 export declare const getBillPayConfigKey: (method: string, subMethod: string) => string;
 declare type BillPayConfigKey = ReturnType<typeof getBillPayConfigKey>;
 export declare const getBillPayConfigMethodKey: (method: BillPaymentConfigCodeType, subMethod: BillPaymentSubConfigCodeKeyType, accType?: "depositAccount" | "paymentAccount" | undefined, internationalMethod?: "usdToLocalCurrency" | "usdToUsd" | undefined, internationalSubMethod?: "swiftOur" | "swiftSha" | undefined) => string;
@@ -27,10 +28,6 @@ export interface VendorCurrency extends Currency {
     currencyName: string;
     countryCode: string;
 }
-export interface Country {
-    countryCode: string;
-    countryName: string;
-}
 export interface BillPayConfig {
     minPeriod: ConfigPeriod;
     maxPeriod: ConfigPeriod;

package/lib/view/spendManagement/billPay/editBillView/editBillViewSelector.d.ts

@@ -26,6 +26,7 @@ import { AccountBase, RecommendedAccountBase } from '../../../../entity/account/
 import { ClassBase, RecommendedClassBase } from '../../../../entity/class/classState';
 import { RecurringBillState } from '../../../../entity/billPay/recurringBills/recurringBillsState';
 import { FundingAccount } from '../../commonSetup/setupViewSelector';
+import { AllowedValueWithCode } from '../../../../commonStateTypes/allowedValue';
 export declare type PaymentToOption = {
     id: ID;
     type: PaymentModeType;
@@ -107,6 +108,7 @@ export interface EditBillDetailSelectorView extends SelectorView {
     recurringConfig?: RecurringBillConfigLocalData;
     recurringBillInstances?: RecurringBillInstance[];
     isBillMarkedForRetry?: boolean;
+    internationalWireOnboardingStatus?: AllowedValueWithCode;
 }
 export interface EditBillInitialDetails {
     vendor?: Vendor;

package/lib/view/spendManagement/billPay/editBillView/editBillViewSelector.js

@@ -315,6 +315,8 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     const classHierarchyList = (0, classListSelector_1.getNestedClassListHierarchy)(classListState);
     const duplicateBills = (0, billPayReviewSelector_1.getDuplicateBills)(state, billId);
     const isProcessing = (0, helpers_1.isBulkProcessing)((_1 = transaction === null || transaction === void 0 ? void 0 : transaction.bulkProcessingDetail) === null || _1 === void 0 ? void 0 : _1.type);
+    const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId !== null && companyId !== void 0 ? companyId : '', []);
+    const internationalWireOnboardingStatus = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.internationalWireOnboardingStatus;
     return {
         showVendorGptRecommendationText,
         recommendedVendor,
@@ -364,6 +366,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
         recurringConfig,
         isProcessing,
         isBillMarkedForRetry,
+        internationalWireOnboardingStatus,
     };
 };
 exports.getEditBillDetail = getEditBillDetail;

package/lib/view/spendManagement/billPay/internationalWire/internationalWireSelector.d.ts

@@ -1,6 +1,7 @@
 import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
 import { RootState } from '../../../../reducer';
-import { Country, VendorCurrency } from '../billPayConfig/billPayConfigState';
+import { Country } from '../../../countryList/countryListState';
+import { VendorCurrency } from '../billPayConfig/billPayConfigState';
 import { CreateInternationalWireDetails, DynamicFormField, SupportedAccountType } from './internationalWire';
 export interface InternationalWireSelectorView extends SelectorView {
     dynamicForm: DynamicFormField[];

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

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { RootState } from '../../../../../reducer';
+import { fetchInternationalVerificationForm, updateInternationalVerificationForm, updateVerificationFormFailure, initializeIntlVerificationForm } from '../internationalWireVerificationReducer';
+export declare 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>;

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchIntlVerificationFormEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../../responsePayload");
+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 query = {
+        region: 'US',
+        legal_type: 'BUSINESS',
+    };
+    return zeniAPI
+        .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) {
+            return (0, rxjs_1.from)([
+                (0, internationalWireVerificationReducer_1.updateInternationalVerificationForm)({
+                    internationalWireFormPayload: response.data.labels,
+                }),
+                (0, internationalWireVerificationReducer_1.initializeIntlVerificationForm)(action.payload.companyId, response.data.labels),
+            ]);
+        }
+        else {
+            return (0, rxjs_1.of)((0, internationalWireVerificationReducer_1.updateVerificationFormFailure)({
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, internationalWireVerificationReducer_1.updateVerificationFormFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch international verification form REST API call errored out' +
+                JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.fetchIntlVerificationFormEpic = fetchIntlVerificationFormEpic;

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

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

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

@@ -0,0 +1,28 @@
+"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[formFieldKey].values;
+        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];
+    });
+    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;