@zeniai/client-epic-state 5.0.92-betaNB2 → 5.0.93-beta0ND

package/lib/esm/view/onboardingView/customerView/onboardingCustomerViewReducer.js

@@ -1,5 +1,7 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { date } from '../../../zeniDayJS';
+import { parseUploadedKybDocument, parseUploadedKybDocumentFailure, parseUploadedKycDocument, parseUploadedKycDocumentFailure, } from '../../spendManagement/commonSetup/kycKybAutofillActions';
+import { emptyAiAgentsActivationSubview, } from './onboardingCustomerViewState';
 const initialStatus = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -9,61 +11,31 @@ export const initialState = {
     saveStatus: initialStatus,
     dashboardLoadedStatus: initialStatus,
     currentStep: 'link_payment_account',
+    parsingDocumentFileIds: [],
     companyDetails: {
+        autoFilledFields: [],
         localData: undefined,
     },
-    companyOfficerUpdateStatus: {
-        Officer_1: {
+    companyOfficerUpdateStatus: (() => {
+        const emptyOfficerSlot = {
+            autoFilledFields: [],
             localData: undefined,
             sendOtpStatus: initialStatus,
             otpverificationStatus: initialStatus,
-        },
-        Officer_2: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_3: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_4: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_5: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_6: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_7: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_8: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_9: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-        Officer_10: {
-            localData: undefined,
-            sendOtpStatus: initialStatus,
-            otpverificationStatus: initialStatus,
-        },
-    },
+        };
+        return {
+            Officer_1: { ...emptyOfficerSlot },
+            Officer_2: { ...emptyOfficerSlot },
+            Officer_3: { ...emptyOfficerSlot },
+            Officer_4: { ...emptyOfficerSlot },
+            Officer_5: { ...emptyOfficerSlot },
+            Officer_6: { ...emptyOfficerSlot },
+            Officer_7: { ...emptyOfficerSlot },
+            Officer_8: { ...emptyOfficerSlot },
+            Officer_9: { ...emptyOfficerSlot },
+            Officer_10: { ...emptyOfficerSlot },
+        };
+    })(),
     primaryContactDetails: {},
     paymentAccountDetails: {
         fetchStatus: initialStatus,
@@ -91,6 +63,7 @@ export const initialState = {
     },
     fetchState: 'Not-Started',
     error: undefined,
+    aiAgentsActivation: { ...emptyAiAgentsActivationSubview },
     uiState: {
         isQBOPopupOpen: false,
         isCardPaymentPopupOpen: false,
@@ -180,6 +153,126 @@ const onboardingCustomerView = createSlice({
                 };
             },
         },
+        acknowledgeOnboardingAiFinanceTeam: {
+            reducer(draft) {
+                draft.aiFinanceTeamAcknowledgementStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(companyId) {
+                return {
+                    payload: { companyId },
+                };
+            },
+        },
+        acknowledgeOnboardingAiFinanceTeamSuccess(draft) {
+            draft.aiFinanceTeamAcknowledgementStatus = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        acknowledgeOnboardingAiFinanceTeamFailure: {
+            reducer(draft, action) {
+                draft.aiFinanceTeamAcknowledgementStatus = {
+                    fetchState: 'Error',
+                    error: action.payload,
+                };
+            },
+            prepare(error) {
+                return {
+                    payload: error,
+                };
+            },
+        },
+        acknowledgeOnboardingAiActivationViewed: {
+            reducer(draft) {
+                draft.aiActivationViewedAcknowledgementStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(companyId) {
+                return {
+                    payload: { companyId },
+                };
+            },
+        },
+        acknowledgeOnboardingAiActivationViewedSuccess(draft) {
+            draft.aiActivationViewedAcknowledgementStatus = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        acknowledgeOnboardingAiActivationViewedFailure: {
+            reducer(draft, action) {
+                draft.aiActivationViewedAcknowledgementStatus = {
+                    fetchState: 'Error',
+                    error: action.payload,
+                };
+            },
+            prepare(error) {
+                return {
+                    payload: error,
+                };
+            },
+        },
+        fetchAiAgentsActivationStatus(draft) {
+            draft.aiAgentsActivation.fetchStatus = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        fetchAiAgentsActivationStatusSuccess: {
+            reducer(draft, action) {
+                draft.aiAgentsActivation.fetchStatus = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
+                draft.aiAgentsActivation.phases = action.payload.phases;
+                draft.aiAgentsActivation.counts = action.payload.counts;
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        fetchAiAgentsActivationStatusFailure: {
+            reducer(draft, action) {
+                draft.aiAgentsActivation.fetchStatus = {
+                    fetchState: 'Error',
+                    error: action.payload,
+                };
+            },
+            prepare(error) {
+                return { payload: error };
+            },
+        },
+        aiAgentsActivationCountsUpdated: {
+            reducer(draft, action) {
+                draft.aiAgentsActivation.counts = {
+                    ...draft.aiAgentsActivation.counts,
+                    ...action.payload,
+                };
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        aiAgentsActivationPhaseChanged: {
+            reducer(draft, action) {
+                const target = draft.aiAgentsActivation.phases;
+                const index = target.findIndex((phase) => phase.key === action.payload.key);
+                if (index === -1) {
+                    target.push(action.payload);
+                }
+                else {
+                    target[index] = { ...target[index], ...action.payload };
+                }
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
         updateOnboardingCustomerViewDashboardLoaded: {
             reducer(draft) {
                 draft.dashboardLoadedStatus = {
@@ -592,7 +685,81 @@ const onboardingCustomerView = createSlice({
         clearOnboardingCustomerView(draft) {
             Object.assign(draft, initialState);
         },
+        /** Merge AI-parsed officer fields into the officer's onboarding localData. */
+        applyKycDocumentAutofillForOnboarding: {
+            reducer(draft, action) {
+                const { officerType, values, autoFilledFieldNames, fileId } = action.payload;
+                const slot = draft.companyOfficerUpdateStatus[officerType];
+                slot.localData = Object.assign({}, slot.localData, values);
+                slot.autoFilledFields = Array.from(new Set([...slot.autoFilledFields, ...autoFilledFieldNames]));
+                draft.parsingDocumentFileIds = draft.parsingDocumentFileIds.filter((id) => id !== fileId);
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        /** Merge AI-parsed company fields into companyDetails onboarding localData. */
+        applyKybDocumentAutofillForOnboarding: {
+            reducer(draft, action) {
+                const { values, autoFilledFieldNames, fileId } = action.payload;
+                draft.companyDetails.localData = Object.assign({}, draft.companyDetails.localData, values);
+                const prev = draft.companyDetails.autoFilledFields ?? [];
+                draft.companyDetails.autoFilledFields = Array.from(new Set([...prev, ...autoFilledFieldNames]));
+                draft.parsingDocumentFileIds = draft.parsingDocumentFileIds.filter((id) => id !== fileId);
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        /** Wipe AI-autofill badges during onboarding. */
+        clearKycKybAutofillForOnboarding: {
+            reducer(draft, action) {
+                const { officerType } = action.payload;
+                if (officerType != null) {
+                    draft.companyOfficerUpdateStatus[officerType].autoFilledFields = [];
+                }
+                else {
+                    draft.companyDetails.autoFilledFields = [];
+                    Object.keys(draft.companyOfficerUpdateStatus).forEach((key) => {
+                        draft.companyOfficerUpdateStatus[key].autoFilledFields = [];
+                    });
+                }
+            },
+            prepare(payload = {}) {
+                return { payload };
+            },
+        },
+    },
+    extraReducers: (builder) => {
+        const addParsingFileId = (draft, fileId) => {
+            if (!draft.parsingDocumentFileIds.includes(fileId)) {
+                draft.parsingDocumentFileIds.push(fileId);
+            }
+        };
+        const removeParsingFileId = (draft, fileId) => {
+            draft.parsingDocumentFileIds = draft.parsingDocumentFileIds.filter((id) => id !== fileId);
+        };
+        builder.addCase(parseUploadedKycDocument, (draft, action) => {
+            if (action.payload.target === 'onboarding') {
+                addParsingFileId(draft, action.payload.fileId);
+            }
+        });
+        builder.addCase(parseUploadedKybDocument, (draft, action) => {
+            if (action.payload.target === 'onboarding') {
+                addParsingFileId(draft, action.payload.fileId);
+            }
+        });
+        builder.addCase(parseUploadedKycDocumentFailure, (draft, action) => {
+            if (action.payload.target === 'onboarding') {
+                removeParsingFileId(draft, action.payload.fileId);
+            }
+        });
+        builder.addCase(parseUploadedKybDocumentFailure, (draft, action) => {
+            if (action.payload.target === 'onboarding') {
+                removeParsingFileId(draft, action.payload.fileId);
+            }
+        });
     },
 });
-export const { fetchOnboardingCustomerView, fetchOnboardingCustomerSetupView, fetchOnboardingCustomerSetupViewSuccess, fetchOnboardingCustomerSetupViewFailure, updateOnboardingCustomerViewCompleteStatus, updateOnboardingCustomerViewCompleteStatusSuccess, updateOnboardingCustomerViewCompleteStatusFailure, updateOnboardingCustomerViewDashboardLoaded, updateOnboardingCustomerViewDashboardLoadedSuccess, updateOnboardingCustomerViewDashboardLoadedFailure, updateOnboardingCustomerView, updateOnboardingCustomerViewSuccess, updateOnboardingCustomerViewFailure, updateOnboardingPaymentAccountStatus, updateOnboardingPaymentAccountStatusSuccess, updateOnboardingPaymentAccountStatusFailure, updateOnboardingPaymentAccountLoginStatus, updateOnboardingPaymentAccountLoginStatusSuccess, updateOnboardingPaymentAccountLoginStatusFailure, establishOnboardingPlaidConnection, establishOnboardingPlaidConnectionSuccess, establishOnboardingPlaidConnectionFailure, getOnboardingPlaidLinkToken, getOnboardingPlaidLinkTokenSuccess, getOnboardingPlaidLinkTokenFailure, updateCurrentStep, updateOnboardingCustomerViewAccountDetails, updateOnboardingCustomerViewLocalStoreData, saveOnboardingCustomerViewDataInLocalStore, saveOnboardingCompnayOfficerPhoneInLocalStore, updateOnboardingCustomerViewUIState, sendOnboardingOfficerOtp, sendOnboardingOfficerOtpSuccess, sendOnboardingOfficerOtpFailure, resendOnboardingOfficerOtp, verifyOnboardingOfficerOtp, verifyOnboardingOfficerOtpSuccess, verifyOnboardingOfficerOtpFailure, clearOnboardingCustomerViewDataInLocalStore, clearOnboardingCustomerView, } = onboardingCustomerView.actions;
+export const { fetchOnboardingCustomerView, fetchOnboardingCustomerSetupView, fetchOnboardingCustomerSetupViewSuccess, fetchOnboardingCustomerSetupViewFailure, updateOnboardingCustomerViewCompleteStatus, updateOnboardingCustomerViewCompleteStatusSuccess, updateOnboardingCustomerViewCompleteStatusFailure, acknowledgeOnboardingAiFinanceTeam, acknowledgeOnboardingAiFinanceTeamSuccess, acknowledgeOnboardingAiFinanceTeamFailure, acknowledgeOnboardingAiActivationViewed, acknowledgeOnboardingAiActivationViewedSuccess, acknowledgeOnboardingAiActivationViewedFailure, fetchAiAgentsActivationStatus, fetchAiAgentsActivationStatusSuccess, fetchAiAgentsActivationStatusFailure, aiAgentsActivationCountsUpdated, aiAgentsActivationPhaseChanged, updateOnboardingCustomerViewDashboardLoaded, updateOnboardingCustomerViewDashboardLoadedSuccess, updateOnboardingCustomerViewDashboardLoadedFailure, updateOnboardingCustomerView, updateOnboardingCustomerViewSuccess, updateOnboardingCustomerViewFailure, updateOnboardingPaymentAccountStatus, updateOnboardingPaymentAccountStatusSuccess, updateOnboardingPaymentAccountStatusFailure, updateOnboardingPaymentAccountLoginStatus, updateOnboardingPaymentAccountLoginStatusSuccess, updateOnboardingPaymentAccountLoginStatusFailure, establishOnboardingPlaidConnection, establishOnboardingPlaidConnectionSuccess, establishOnboardingPlaidConnectionFailure, getOnboardingPlaidLinkToken, getOnboardingPlaidLinkTokenSuccess, getOnboardingPlaidLinkTokenFailure, updateCurrentStep, updateOnboardingCustomerViewAccountDetails, updateOnboardingCustomerViewLocalStoreData, saveOnboardingCustomerViewDataInLocalStore, saveOnboardingCompnayOfficerPhoneInLocalStore, updateOnboardingCustomerViewUIState, sendOnboardingOfficerOtp, sendOnboardingOfficerOtpSuccess, sendOnboardingOfficerOtpFailure, resendOnboardingOfficerOtp, verifyOnboardingOfficerOtp, verifyOnboardingOfficerOtpSuccess, verifyOnboardingOfficerOtpFailure, clearOnboardingCustomerViewDataInLocalStore, clearOnboardingCustomerView, applyKycDocumentAutofillForOnboarding, applyKybDocumentAutofillForOnboarding, clearKycKybAutofillForOnboarding, } = onboardingCustomerView.actions;
 export default onboardingCustomerView.reducer;

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

@@ -11,7 +11,7 @@ import { getCompanyAndIdentityDetails, } from '../../spendManagement/commonSetup
 import { ALL_ONBOARDING_STEPS, ALL_ZENI_USER_ONBOARDING_STEPS, REQUIRED_ONBOARDING_STEPS, ZENI_USER_REQUIRED_ONBOARDING_STEPS, toOnboardingStepType, } from './onboardingCustomerViewState';
 export function getOnboardingCustomerView(state, companyId) {
     const { fileState, paymentAccountState, onboardingCustomerViewState, userState, userRoleState, subscriptionPaymentAccountState, companyConfigState, cardPaymentViewState, countryListState, addressViewState, } = state;
-    const { companyDetails, companyOfficerUpdateStatus, primaryContactDetails, subscriptionPaymentAccountIds, paymentAccountDetails, plaidConnectionDetails, updateStatus, saveStatus, currentStep, uiState, fetchState, error, } = onboardingCustomerViewState;
+    const { companyDetails, companyOfficerUpdateStatus, primaryContactDetails, subscriptionPaymentAccountIds, paymentAccountDetails, plaidConnectionDetails, parsingDocumentFileIds, updateStatus, saveStatus, currentStep, uiState, fetchState, error, } = onboardingCustomerViewState;
     const { paymentAccountIds } = paymentAccountDetails;
     let subscriptionPaymentAccount;
     let paymentAccount;
@@ -54,6 +54,7 @@ export function getOnboardingCustomerView(state, companyId) {
         companyDetails,
         companyOfficerUpdateStatus,
         primaryContactDetails,
+        parsingDocumentFileIds,
     });
     const companyAddress = addressViewState.newAddressState?.company_address;
     if (companyAddress == null &&
@@ -119,6 +120,7 @@ export function getOnboardingCustomerView(state, companyId) {
     return {
         companyDetailsLocalData,
         companyOfficerLocalData,
+        parsingDocumentFileIds,
         subscriptionBillingAddress: subscriptionBillingAddress?.addressToCreate,
         companyView,
         allNationalityCountries,
@@ -323,3 +325,7 @@ export const getProductSettingsString = (productSettings) => {
         .map((key) => productKeyMap[key])
         .join(',');
 };
+const fromActivationView = (state) => state.onboardingCustomerViewState.aiAgentsActivation;
+export const getAiAgentsActivationSubview = (state) => fromActivationView(state);
+export const getAiAgentsActivationPhases = (state) => fromActivationView(state).phases;
+export const getAiAgentsActivationCounts = (state) => fromActivationView(state).counts;

package/lib/esm/view/onboardingView/customerView/onboardingCustomerViewState.js

@@ -26,3 +26,15 @@ export const ALL_ONBOARDING_STEPS = [
     ...ALL_ZENI_USER_ONBOARDING_STEPS_WITHOUT_ACCOUNT,
 ];
 export const toOnboardingStepType = (v) => stringToUnion(v, ALL_ONBOARDING_STEPS);
+export const emptyAiAgentsActivationCounts = {
+    customerCount: 0,
+    glAccountCount: 0,
+    targetTransactionCount: 0,
+    transactionCount: 0,
+    vendorCount: 0,
+};
+export const emptyAiAgentsActivationSubview = {
+    counts: emptyAiAgentsActivationCounts,
+    fetchStatus: { fetchState: 'Not-Started', error: undefined },
+    phases: [],
+};

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyDetail/cardPolicyDetailReducer.js

@@ -0,0 +1,52 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    detailTemplateId: undefined,
+    detailFetchState: { fetchState: 'Not-Started', error: undefined },
+    updateFetchState: { fetchState: 'Not-Started', error: undefined },
+    formDraft: undefined,
+};
+const cardPolicyDetail = createSlice({
+    name: 'cardPolicyDetail',
+    initialState,
+    reducers: {
+        fetchCardPolicyDetail: {
+            reducer(draft, action) {
+                draft.detailTemplateId = action.payload;
+                draft.detailFetchState.fetchState = 'In-Progress';
+                draft.detailFetchState.error = undefined;
+                // Prevent a stale draft from a previous template leaking into the new edit session.
+                draft.formDraft = undefined;
+            },
+            prepare(templateId) {
+                return { payload: templateId };
+            },
+        },
+        updateCardPolicyDetailFetchStatus(draft, action) {
+            draft.detailFetchState.fetchState = action.payload.fetchState;
+            draft.detailFetchState.error = action.payload.error;
+        },
+        updateCardPolicyFormDraft(draft, action) {
+            draft.formDraft = action.payload;
+        },
+        updateCardPolicy: {
+            reducer(draft, 
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _action) {
+                draft.updateFetchState.fetchState = 'In-Progress';
+                draft.updateFetchState.error = undefined;
+            },
+            prepare(templateId) {
+                return { payload: templateId };
+            },
+        },
+        updateCardPolicyFetchStatus(draft, action) {
+            draft.updateFetchState.fetchState = action.payload.fetchState;
+            draft.updateFetchState.error = action.payload.error;
+        },
+        clearCardPolicyDetail(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchCardPolicyDetail, updateCardPolicyDetailFetchStatus, updateCardPolicyFormDraft, updateCardPolicy, updateCardPolicyFetchStatus, clearCardPolicyDetail, } = cardPolicyDetail.actions;
+export default cardPolicyDetail.reducer;

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyDetail/cardPolicyDetailSelector.js

@@ -0,0 +1,22 @@
+import { getCardPolicyTemplateById } from '../../../../../entity/cardPolicy/cardPolicySelector';
+export function getCardPolicyDetailView(state) {
+    const { cardPolicyDetailState, cardPolicyState } = state;
+    return {
+        templateId: cardPolicyDetailState.detailTemplateId,
+        template: cardPolicyDetailState.detailTemplateId != null
+            ? getCardPolicyTemplateById(cardPolicyState, cardPolicyDetailState.detailTemplateId)
+            : undefined,
+        formDraft: cardPolicyDetailState.formDraft,
+        detailFetchState: cardPolicyDetailState.detailFetchState,
+        updateFetchState: cardPolicyDetailState.updateFetchState,
+    };
+}
+export function getCardPolicyFormDraft(state) {
+    return state.cardPolicyDetailState.formDraft;
+}
+export function getCardPolicyDetailFetchState(state) {
+    return state.cardPolicyDetailState.detailFetchState;
+}
+export function getUpdateCardPolicyFetchState(state) {
+    return state.cardPolicyDetailState.updateFetchState;
+}

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyDetail/cardPolicyDetailState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyDetail/fetchCardPolicyDetailEpic.js

@@ -0,0 +1,36 @@
+import { from, of } from 'rxjs';
+import { catchError, exhaustMap, filter, mergeMap } from 'rxjs/operators';
+import { toCardPolicyEditFormDraft, toCardPolicyTemplate, } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { updateCreatedCardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { createZeniAPIStatus, isSuccessStatus, } from '../../../../../responsePayload';
+import { fetchCardPolicyDetail, updateCardPolicyDetailFetchStatus, updateCardPolicyFormDraft, } from './cardPolicyDetailReducer';
+export const fetchCardPolicyDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchCardPolicyDetail.match), 
+// `exhaustMap` drops React 18 StrictMode's duplicate mount dispatch instead of
+// emitting a second `/policy-templates/{id}` call.
+exhaustMap((action) => {
+    const templateId = action.payload;
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates/${templateId}`)
+        .pipe(mergeMap((response) => {
+        if (isSuccessStatus(response) && response.data != null) {
+            const { template } = response.data;
+            const formDraft = toCardPolicyEditFormDraft(toCardPolicyTemplate(template));
+            const actions = [
+                updateCreatedCardPolicyTemplate(template),
+                updateCardPolicyFormDraft(formDraft),
+                updateCardPolicyDetailFetchStatus({ fetchState: 'Completed' }),
+            ];
+            return from(actions);
+        }
+        else {
+            return of(updateCardPolicyDetailFetchStatus({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), catchError((error) => of(updateCardPolicyDetailFetchStatus({
+        fetchState: 'Error',
+        error: createZeniAPIStatus('Unexpected Error', 'Fetch card-policy detail REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyDetail/updateCardPolicyEpic.js

@@ -0,0 +1,39 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { toUpdateCardPolicyTemplateRequestBody, } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { updateCreatedCardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { createZeniAPIStatus, isSuccessStatus } from '../../../../../responsePayload';
+import { updateCardPolicy, updateCardPolicyFetchStatus, } from './cardPolicyDetailReducer';
+export const updateCardPolicyEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(updateCardPolicy.match), mergeMap((action) => {
+    const templateId = action.payload;
+    const formDraft = state$.value.cardPolicyDetailState.formDraft;
+    if (formDraft == null) {
+        return of(updateCardPolicyFetchStatus({
+            fetchState: 'Error',
+            error: createZeniAPIStatus('Missing form draft', `Cannot update card-policy ${templateId} — no formDraft is loaded.`),
+        }));
+    }
+    const body = toUpdateCardPolicyTemplateRequestBody(formDraft);
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates/${templateId}`, body)
+        .pipe(mergeMap((response) => {
+        if (isSuccessStatus(response) && response.data != null) {
+            const { template } = response.data;
+            const actions = [
+                updateCreatedCardPolicyTemplate(template),
+                updateCardPolicyFetchStatus({ fetchState: 'Completed' }),
+            ];
+            return from(actions);
+        }
+        else {
+            return of(updateCardPolicyFetchStatus({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), catchError((error) => of(updateCardPolicyFetchStatus({
+        fetchState: 'Error',
+        error: createZeniAPIStatus('Unexpected Error', 'Update card-policy REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/archiveCardPolicyEpic.js

@@ -0,0 +1,34 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { removeCardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { createZeniAPIStatus, isSuccessStatus, } from '../../../../../responsePayload';
+import { archiveCardPolicy, updateArchiveCardPolicyFetchStatus, } from './cardPolicyListReducer';
+export const archiveCardPolicyEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(archiveCardPolicy.match), mergeMap((action) => {
+    const templateId = action.payload;
+    return zeniAPI
+        .deleteAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates/${templateId}`)
+        .pipe(mergeMap((response) => {
+        if (isSuccessStatus(response)) {
+            const actions = [
+                removeCardPolicyTemplate(templateId),
+                updateArchiveCardPolicyFetchStatus({
+                    fetchState: 'Completed',
+                    templateId,
+                }),
+            ];
+            return from(actions);
+        }
+        else {
+            return of(updateArchiveCardPolicyFetchStatus({
+                fetchState: 'Error',
+                error: response.status,
+                templateId,
+            }));
+        }
+    }), catchError((error) => of(updateArchiveCardPolicyFetchStatus({
+        fetchState: 'Error',
+        error: createZeniAPIStatus('Unexpected Error', 'Archive card-policy REST API call errored out' +
+            JSON.stringify(error)),
+        templateId,
+    }))));
+}));

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/cardPolicyListReducer.js

@@ -0,0 +1,58 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    templateIds: [],
+    fetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    archiveFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    archiveTargetTemplateId: undefined,
+};
+const cardPolicyList = createSlice({
+    name: 'cardPolicyList',
+    initialState,
+    reducers: {
+        fetchCardPolicyList(draft) {
+            draft.fetchState.fetchState = 'In-Progress';
+            draft.fetchState.error = undefined;
+        },
+        updateCardPolicyListFetchStatus(draft, action) {
+            draft.fetchState.fetchState = action.payload.fetchState;
+            draft.fetchState.error = action.payload.error;
+            if (action.payload.templateIds != null) {
+                draft.templateIds = action.payload.templateIds;
+            }
+        },
+        archiveCardPolicy: {
+            reducer(draft, action) {
+                draft.archiveFetchState.fetchState = 'In-Progress';
+                draft.archiveFetchState.error = undefined;
+                draft.archiveTargetTemplateId = action.payload;
+            },
+            prepare(templateId) {
+                return { payload: templateId };
+            },
+        },
+        updateArchiveCardPolicyFetchStatus(draft, action) {
+            draft.archiveFetchState.fetchState = action.payload.fetchState;
+            draft.archiveFetchState.error = action.payload.error;
+            if (action.payload.fetchState === 'Completed') {
+                if (action.payload.templateId != null) {
+                    draft.templateIds = draft.templateIds.filter((id) => id !== action.payload.templateId);
+                }
+                draft.archiveTargetTemplateId = undefined;
+            }
+            else if (action.payload.fetchState === 'Error') {
+                draft.archiveTargetTemplateId = undefined;
+            }
+        },
+        clearCardPolicyList(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchCardPolicyList, updateCardPolicyListFetchStatus, archiveCardPolicy, updateArchiveCardPolicyFetchStatus, clearCardPolicyList, } = cardPolicyList.actions;
+export default cardPolicyList.reducer;

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/cardPolicyListSelector.js

@@ -0,0 +1,21 @@
+import { getCardPolicyStats, getCardPolicyTemplatesByIds, } from '../../../../../entity/cardPolicy/cardPolicySelector';
+export function getCardPolicyListView(state) {
+    const { cardPolicyListState, cardPolicyState } = state;
+    return {
+        templates: getCardPolicyTemplatesByIds(cardPolicyState, cardPolicyListState.templateIds),
+        templateIds: cardPolicyListState.templateIds,
+        fetchState: cardPolicyListState.fetchState,
+        archiveFetchState: cardPolicyListState.archiveFetchState,
+        archiveTargetTemplateId: cardPolicyListState.archiveTargetTemplateId,
+        stats: getCardPolicyStats(cardPolicyState),
+    };
+}
+export function getCardPolicyListFetchState(state) {
+    return state.cardPolicyListState.fetchState;
+}
+export function getArchiveCardPolicyFetchState(state) {
+    return state.cardPolicyListState.archiveFetchState;
+}
+export function getCardPolicyTemplateIds(state) {
+    return state.cardPolicyListState.templateIds;
+}

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/cardPolicyListState.js

@@ -0,0 +1 @@
+export {};