@zeniai/client-epic-state 5.0.65-betaML2 → 5.0.65-betaRR1

package/lib/esm/view/recommendation/recommendationHelper.js

@@ -1,5 +1,4 @@
 import { transformRecommendation, transformRecommendationWithCOT, } from '../../entity/transaction/payloadTypes/transactionPayload';
-import { getActualTransactionID } from '../transactionDetail/transactionDetailState';
 export const getRecommendationFromRecommendationPayload = (payload) => {
     if (payload == null || payload.length === 0) {
         return undefined;
@@ -38,34 +37,6 @@ export const getRecommendationWithCOTFromRecommendationPayloadWithCOT = (payload
     });
     return recommendations;
 };
-// Pluralized URL segment for entity types. Mirrors the legacy
-// fetchEntityRecommendationsByTransactionIdEpic.toEntityTypeURL.
-const toEntityTypeUrlSegment = (entityType) => `${entityType}s`;
-// Build the recommendations URL for a single entity + transaction target.
-// Centralizes the URL shape so the legacy
-// fetchEntityRecommendationsByTransactionIdEpic and the new
-// fetchEntityRecommendationsForLineUpdateEpic stay in lockstep.
-export const buildRecommendationUrl = (accountMicroServiceBaseUrl, entity, amount, transactionDetails, isFetchCOT) => {
-    const entityQuery = {
-        entity_name: entity.name,
-        entity_type: entity.type,
-    };
-    // Entity-id-null case: server expects entity_name / entity_type query
-    // instead of the {entityType}/{qboId}/recommendations path.
-    if (entity.qboId === entity.name) {
-        return `${accountMicroServiceBaseUrl}/1.0/recommendations?query=${encodeURIComponent(JSON.stringify(entityQuery))}`;
-    }
-    const query = {
-        amount,
-        transaction_id: getActualTransactionID(transactionDetails.transactionId.id),
-        transaction_type: transactionDetails.transaction.type,
-        line_ids: transactionDetails.lineIds,
-    };
-    if (isFetchCOT === true) {
-        query.include_cot = true;
-    }
-    return `${accountMicroServiceBaseUrl}/1.0/${toEntityTypeUrlSegment(entity.type)}/${entity.qboId}/recommendations?query=${encodeURIComponent(JSON.stringify(query))}`;
-};
 export const getRecommendationByLineIdWithCOTFromRecommendationPayloadWithCOT = (recommendationPayload, lineIds) => {
     if (recommendationPayload.length === 0) {
         return undefined;

package/lib/esm/view/recommendation/recommendationReducer.js

@@ -33,41 +33,6 @@ const recommendation = createSlice({
                 };
             },
         },
-        // Targeted recommendations fetch fired when the user changes the
-        // payee/customer on a single transaction line (or the JE sibling set
-        // for that change). Routed by `fetchEntityRecommendationsForLineUpdateEpic`
-        // which uses groupBy + switchMap to keep fetches for distinct targets
-        // running in parallel while same-target re-fetches still cancel each
-        // other. The flowType discriminator selects the categorization vs
-        // detail slice for the per-line In-Progress / Completed / Error state.
-        fetchEntityRecommendationsForLineUpdate: {
-            reducer(draft, action) {
-                const { entity } = action.payload;
-                const key = getEntityRecommendationKey(entity.type, entity.id);
-                // Unconditional flip to In-Progress; the previous variant only
-                // seeded when missing, which left stale fetchStates when a prior
-                // fetch had already populated the entity entry.
-                draft.recommendationByEntity[key] = {
-                    ...(draft.recommendationByEntity[key] ??
-                        initialEntityRecommendationState),
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-            },
-            prepare(entity, amount, transactionDetails, flowType, selectedTab, isFetchCOT = false, isUncategorizedExpenseCategoryEnabled) {
-                return {
-                    payload: {
-                        entity,
-                        amount,
-                        transactionDetails,
-                        flowType,
-                        selectedTab,
-                        isFetchCOT,
-                        isUncategorizedExpenseCategoryEnabled,
-                    },
-                };
-            },
-        },
         fetchRecommendationByEntityName: {
             reducer(draft, action) {
                 const { entityName, entityType } = action.payload;
@@ -146,7 +111,7 @@ const recommendation = createSlice({
         },
     },
 });
-export const { fetchEntityRecommendationsByTransactionId, fetchEntityRecommendationsForLineUpdate, fetchRecommendationByEntityName, fetchRecommendationByEntityId, updateRecommendationForEntity, updateRecommendationForEntityFailure, indicateReadyToInitializeRecommendation, clearRecommendation, } = recommendation.actions;
+export const { fetchEntityRecommendationsByTransactionId, fetchRecommendationByEntityName, fetchRecommendationByEntityId, updateRecommendationForEntity, updateRecommendationForEntityFailure, indicateReadyToInitializeRecommendation, clearRecommendation, } = recommendation.actions;
 export default recommendation.reducer;
 const doUpdateRecommendationForEntity = (draft, entityId, entityType, payload) => {
     const key = getEntityRecommendationKey(entityType, entityId);

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

@@ -0,0 +1,70 @@
+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: {
+        /**
+         * Kick off the `GET /cards/1.0/policy-templates/{id}` request. The
+         * accompanying epic dispatches `updateCreatedCardPolicyTemplate` on
+         * the entity slice + `updateCardPolicyFormDraft` (seeded from the
+         * template) + `updateCardPolicyDetailFetchStatus` here.
+         */
+        fetchCardPolicyDetail: {
+            reducer(draft, action) {
+                draft.detailTemplateId = action.payload;
+                draft.detailFetchState.fetchState = 'In-Progress';
+                draft.detailFetchState.error = undefined;
+                // Reset the draft so a stale form from a previous template
+                // doesn't leak 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;
+        },
+        /**
+         * Replace (or seed) the local edit-form draft. Dispatched by the
+         * detail-fetch epic with the camelCased values pulled from the
+         * fetched template, and by the edit page itself as the user types.
+         */
+        updateCardPolicyFormDraft(draft, action) {
+            draft.formDraft = action.payload;
+        },
+        /**
+         * Kick off the `PUT /cards/1.0/policy-templates/{id}` save. The
+         * epic reads the current `formDraft` from state, posts the wire
+         * body, then dispatches `updateCreatedCardPolicyTemplate` (entity)
+         * + `updateCardPolicyFetchStatus({fetchState: 'Completed'})` here.
+         */
+        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,44 @@
+import { from, of } from 'rxjs';
+import { catchError, 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';
+/**
+ * `GET /cards/1.0/policy-templates/{id}`. Response is the same
+ * `{cards_applied, template}` envelope the create endpoint returns.
+ * We:
+ *
+ *   1. Cache the template on the entity slice (so the list page picks
+ *      up any drift from the server).
+ *   2. Seed the local edit-form draft from the camelCased template so
+ *      the page can render with the existing values pre-populated.
+ *   3. Flip the view lifecycle to `Completed` / `Error`.
+ */
+export const fetchCardPolicyDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchCardPolicyDetail.match), mergeMap((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,49 @@
+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';
+/**
+ * `PUT /cards/1.0/policy-templates/{id}`. Reads the current `formDraft`
+ * off the `cardPolicyDetail` slice, converts it to the snake_case wire
+ * body (same shape as create), and submits. On success the entity
+ * slice picks up the refreshed template and the view lifecycle flips
+ * to `Completed`.
+ *
+ * If the action fires before a draft is seeded (e.g. user clicks save
+ * before the detail fetch lands), we short-circuit with an Error.
+ */
+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,42 @@
+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';
+/**
+ * `DELETE /cards/1.0/policy-templates/{id}`. Modeled like
+ * `deleteBillEpic`: typed as bare `ZeniAPIResponse` (no `data` body
+ * expected) with `isSuccessStatus` driving the success branch. On
+ * success the entity slice drops the template via
+ * `removeCardPolicyTemplate(templateId)` and the view slice records
+ * `Completed` (also pruning the ID from `templateIds`).
+ */
+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,72 @@
+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: {
+        /**
+         * Kick off the `GET /cards/1.0/policy-templates` request. The
+         * accompanying epic dispatches `updateCardPolicyTemplates(templates)`
+         * + `updateCardPolicyStats(stats)` on the entity slice and
+         * `updateCardPolicyListFetchStatus` here (also supplying the ordered
+         * `templateIds` on success).
+         */
+        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;
+            }
+        },
+        /**
+         * Kick off the `DELETE /cards/1.0/policy-templates/{id}` request.
+         * The accompanying epic dispatches `removeCardPolicyTemplate(id)` on
+         * the entity slice on success + `updateArchiveCardPolicyFetchStatus`
+         * here. The view layer also drops the ID from `templateIds` so the
+         * list stays in sync without re-fetching.
+         */
+        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 {};

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

@@ -0,0 +1,46 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { toCardPolicyStats, toCardPolicyTemplateList, } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { updateCardPolicyStats, updateCardPolicyTemplates, } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { createZeniAPIStatus, isSuccessStatus } from '../../../../../responsePayload';
+import { fetchCardPolicyList, updateCardPolicyListFetchStatus, } from './cardPolicyListReducer';
+/**
+ * `GET /cards/1.0/policy-templates`. On success the response carries
+ * both the tenant-wide `stats` block and a `templates[]` array whose
+ * rows are wrapped in `{data: {cards_applied, template}}` (the same
+ * envelope the create endpoint returns). We split the result into
+ * three actions:
+ *
+ *   1. `updateCardPolicyTemplates` — full replace of the entity map.
+ *   2. `updateCardPolicyStats` — entity-level cached stats.
+ *   3. `updateCardPolicyListFetchStatus` — view lifecycle + ordered IDs.
+ */
+export const fetchCardPolicyListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchCardPolicyList.match), mergeMap(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates`)
+        .pipe(mergeMap((response) => {
+        if (isSuccessStatus(response) && response.data != null) {
+            const templates = toCardPolicyTemplateList(response.data);
+            const stats = toCardPolicyStats(response.data.stats);
+            const actions = [
+                updateCardPolicyTemplates(templates),
+                updateCardPolicyStats(stats),
+                updateCardPolicyListFetchStatus({
+                    fetchState: 'Completed',
+                    templateIds: templates.map((t) => t.templateId),
+                }),
+            ];
+            return from(actions);
+        }
+        else {
+            return of(updateCardPolicyListFetchStatus({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), catchError((error) => of(updateCardPolicyListFetchStatus({
+        fetchState: 'Error',
+        error: createZeniAPIStatus('Unexpected Error', 'Fetch card-policy list REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/createCardPolicyReducer.js

@@ -0,0 +1,50 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    createCardPolicyTemplateRequestState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    lastCreatedCardPolicyTemplateId: undefined,
+};
+const createCardPolicy = createSlice({
+    name: 'createCardPolicy',
+    initialState,
+    reducers: {
+        /**
+         * Kick off the `POST /cards/1.0/policy-templates` request. Setting
+         * the request state to `In-Progress` synchronously here matches how
+         * every other "create" slice in this repo wires its kickoff
+         * (see `issueChargeCards`, `fetchChargeCardConfig`, etc.).
+         *
+         * The accompanying epic listens for this action, performs the POST,
+         * dispatches `updateCreatedCardPolicyTemplate` on the entity slice,
+         * and dispatches `updateCreateCardPolicyTemplateRequestState` here to
+         * flip the lifecycle to `Completed` or `Error`.
+         */
+        createCardPolicyTemplate: {
+            reducer(draft, 
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _action) {
+                draft.createCardPolicyTemplateRequestState.fetchState = 'In-Progress';
+                draft.createCardPolicyTemplateRequestState.error = undefined;
+                draft.lastCreatedCardPolicyTemplateId = undefined;
+            },
+            prepare(request) {
+                return { payload: request };
+            },
+        },
+        updateCreateCardPolicyTemplateRequestState(draft, action) {
+            draft.createCardPolicyTemplateRequestState.fetchState =
+                action.payload.fetchState;
+            draft.createCardPolicyTemplateRequestState.error = action.payload.error;
+            if (action.payload.templateId != null) {
+                draft.lastCreatedCardPolicyTemplateId = action.payload.templateId;
+            }
+        },
+        clearCreateCardPolicy(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { createCardPolicyTemplate, updateCreateCardPolicyTemplateRequestState, clearCreateCardPolicy, } = createCardPolicy.actions;
+export default createCardPolicy.reducer;

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/createCardPolicySelector.js

@@ -0,0 +1,6 @@
+export function getCreateCardPolicyTemplateRequestState(state) {
+    return state.createCardPolicyTemplateRequestState;
+}
+export function getLastCreatedCardPolicyTemplateId(state) {
+    return state.lastCreatedCardPolicyTemplateId;
+}

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/createCardPolicyState.js

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

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/createCardPolicyTemplateEpic.js

@@ -0,0 +1,34 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateCreatedCardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { toCreateCardPolicyTemplateRequestBody, } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { createZeniAPIStatus, isSuccessStatus } from '../../../../../responsePayload';
+import { createCardPolicyTemplate, updateCreateCardPolicyTemplateRequestState, } from './createCardPolicyReducer';
+export const createCardPolicyTemplateEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(createCardPolicyTemplate.match), mergeMap((action) => {
+    const body = toCreateCardPolicyTemplateRequestBody(action.payload);
+    return zeniAPI
+        .postAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates`, body)
+        .pipe(mergeMap((response) => {
+        if (isSuccessStatus(response) && response.data != null) {
+            const { template } = response.data;
+            const actions = [
+                updateCreatedCardPolicyTemplate(template),
+                updateCreateCardPolicyTemplateRequestState({
+                    fetchState: 'Completed',
+                    templateId: template.template_id,
+                }),
+            ];
+            return from(actions);
+        }
+        else {
+            return of(updateCreateCardPolicyTemplateRequestState({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), catchError((error) => of(updateCreateCardPolicyTemplateRequestState({
+        fetchState: 'Error',
+        error: createZeniAPIStatus('Unexpected Error', 'Create card-policy template REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/fetchCardPolicyMccCategoriesEpic.js

@@ -0,0 +1,17 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { fetchCardPolicyMccCategories, updateCardPolicyMccCategories, updateCardPolicyMccCategoriesFailure, } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { createZeniAPIStatus, isSuccessStatus } from '../../../../../responsePayload';
+export const fetchCardPolicyMccCategoriesEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchCardPolicyMccCategories.match), mergeMap(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/mcc-codes`)
+        .pipe(mergeMap((response) => {
+        if (isSuccessStatus(response) && response.data != null) {
+            return from([updateCardPolicyMccCategories(response.data)]);
+        }
+        else {
+            return of(updateCardPolicyMccCategoriesFailure(response.status));
+        }
+    }), catchError((error) => of(updateCardPolicyMccCategoriesFailure(createZeniAPIStatus('Unexpected Error', 'Fetch card policy MCC categories REST API call errored out' +
+        JSON.stringify(error))))));
+}));