@zeniai/client-epic-state 5.0.82-betaAS1 → 5.0.83-betaRR0

package/lib/view/spendManagement/chargeCards/cardPolicy/cardPolicyDetail/fetchCardPolicyDetailEpic.d.ts

@@ -0,0 +1,19 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateCreatedCardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { fetchCardPolicyDetail, updateCardPolicyDetailFetchStatus, updateCardPolicyFormDraft } from './cardPolicyDetailReducer';
+export type ActionType = ReturnType<typeof fetchCardPolicyDetail> | ReturnType<typeof updateCreatedCardPolicyTemplate> | ReturnType<typeof updateCardPolicyFormDraft> | ReturnType<typeof updateCardPolicyDetailFetchStatus>;
+/**
+ * `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 declare const fetchCardPolicyDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchCardPolicyDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPolicyPayload_1 = require("../../../../../entity/cardPolicy/cardPolicyPayload");
+const cardPolicyReducer_1 = require("../../../../../entity/cardPolicy/cardPolicyReducer");
+const responsePayload_1 = require("../../../../../responsePayload");
+const cardPolicyDetailReducer_1 = require("./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`.
+ */
+const fetchCardPolicyDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPolicyDetailReducer_1.fetchCardPolicyDetail.match), 
+// `exhaustMap` (rather than `mergeMap`) so a duplicate
+// `fetchCardPolicyDetail` dispatched while the previous one is
+// still in flight is dropped instead of producing a second HTTP
+// request. The edit screen dispatches this on mount, and React 18
+// StrictMode invokes its mount effect twice with a stale
+// `detailFetchState` closure — without `exhaustMap` that yields
+// two `/policy-templates/{id}` calls. (The screen also dedupes
+// list→edit navigations via the entity-cached template, so the
+// detail GET is only emitted on direct landings — there's no
+// realistic cross-templateId scenario that needs cancel-and-retry
+// semantics here.)
+(0, operators_1.exhaustMap)((action) => {
+    const templateId = action.payload;
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates/${templateId}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            const { template } = response.data;
+            const formDraft = (0, cardPolicyPayload_1.toCardPolicyEditFormDraft)((0, cardPolicyPayload_1.toCardPolicyTemplate)(template));
+            const actions = [
+                (0, cardPolicyReducer_1.updateCreatedCardPolicyTemplate)(template),
+                (0, cardPolicyDetailReducer_1.updateCardPolicyFormDraft)(formDraft),
+                (0, cardPolicyDetailReducer_1.updateCardPolicyDetailFetchStatus)({ fetchState: 'Completed' }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, cardPolicyDetailReducer_1.updateCardPolicyDetailFetchStatus)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPolicyDetailReducer_1.updateCardPolicyDetailFetchStatus)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch card-policy detail REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.fetchCardPolicyDetailEpic = fetchCardPolicyDetailEpic;

package/lib/view/spendManagement/chargeCards/cardPolicy/cardPolicyDetail/updateCardPolicyEpic.d.ts

@@ -0,0 +1,18 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateCreatedCardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { updateCardPolicy, updateCardPolicyFetchStatus } from './cardPolicyDetailReducer';
+export type ActionType = ReturnType<typeof updateCardPolicy> | ReturnType<typeof updateCreatedCardPolicyTemplate> | ReturnType<typeof updateCardPolicyFetchStatus>;
+/**
+ * `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 declare const updateCardPolicyEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateCardPolicyEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPolicyPayload_1 = require("../../../../../entity/cardPolicy/cardPolicyPayload");
+const cardPolicyReducer_1 = require("../../../../../entity/cardPolicy/cardPolicyReducer");
+const responsePayload_1 = require("../../../../../responsePayload");
+const cardPolicyDetailReducer_1 = require("./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.
+ */
+const updateCardPolicyEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPolicyDetailReducer_1.updateCardPolicy.match), (0, operators_1.mergeMap)((action) => {
+    const templateId = action.payload;
+    const formDraft = state$.value.cardPolicyDetailState.formDraft;
+    if (formDraft == null) {
+        return (0, rxjs_1.of)((0, cardPolicyDetailReducer_1.updateCardPolicyFetchStatus)({
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Missing form draft', `Cannot update card-policy ${templateId} — no formDraft is loaded.`),
+        }));
+    }
+    const body = (0, cardPolicyPayload_1.toUpdateCardPolicyTemplateRequestBody)(formDraft);
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates/${templateId}`, body)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            const { template } = response.data;
+            const actions = [
+                (0, cardPolicyReducer_1.updateCreatedCardPolicyTemplate)(template),
+                (0, cardPolicyDetailReducer_1.updateCardPolicyFetchStatus)({ fetchState: 'Completed' }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, cardPolicyDetailReducer_1.updateCardPolicyFetchStatus)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPolicyDetailReducer_1.updateCardPolicyFetchStatus)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Update card-policy REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.updateCardPolicyEpic = updateCardPolicyEpic;

package/lib/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/archiveCardPolicyEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { removeCardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { archiveCardPolicy, updateArchiveCardPolicyFetchStatus } from './cardPolicyListReducer';
+export type ActionType = ReturnType<typeof archiveCardPolicy> | ReturnType<typeof removeCardPolicyTemplate> | ReturnType<typeof updateArchiveCardPolicyFetchStatus>;
+/**
+ * `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 declare const archiveCardPolicyEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.archiveCardPolicyEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPolicyReducer_1 = require("../../../../../entity/cardPolicy/cardPolicyReducer");
+const responsePayload_1 = require("../../../../../responsePayload");
+const cardPolicyListReducer_1 = require("./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`).
+ */
+const archiveCardPolicyEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPolicyListReducer_1.archiveCardPolicy.match), (0, operators_1.mergeMap)((action) => {
+    const templateId = action.payload;
+    return zeniAPI
+        .deleteAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates/${templateId}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response)) {
+            const actions = [
+                (0, cardPolicyReducer_1.removeCardPolicyTemplate)(templateId),
+                (0, cardPolicyListReducer_1.updateArchiveCardPolicyFetchStatus)({
+                    fetchState: 'Completed',
+                    templateId,
+                }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, cardPolicyListReducer_1.updateArchiveCardPolicyFetchStatus)({
+                fetchState: 'Error',
+                error: response.status,
+                templateId,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPolicyListReducer_1.updateArchiveCardPolicyFetchStatus)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Archive card-policy REST API call errored out' +
+            JSON.stringify(error)),
+        templateId,
+    }))));
+}));
+exports.archiveCardPolicyEpic = archiveCardPolicyEpic;

package/lib/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/cardPolicyListReducer.d.ts

@@ -0,0 +1,15 @@
+import { FetchState, ID } from '../../../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../../../responsePayload';
+import { CardPolicyListState } from './cardPolicyListState';
+export declare const initialState: CardPolicyListState;
+export declare const fetchCardPolicyList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"cardPolicyList/fetchCardPolicyList">, updateCardPolicyListFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+    templateIds?: ID[];
+}, "cardPolicyList/updateCardPolicyListFetchStatus">, archiveCardPolicy: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[templateId: string], string, "cardPolicyList/archiveCardPolicy", never, never>, updateArchiveCardPolicyFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+    templateId?: ID;
+}, "cardPolicyList/updateArchiveCardPolicyFetchStatus">, clearCardPolicyList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"cardPolicyList/clearCardPolicyList">;
+declare const _default: import("redux").Reducer<CardPolicyListState>;
+export default _default;

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

@@ -0,0 +1,76 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearCardPolicyList = exports.updateArchiveCardPolicyFetchStatus = exports.archiveCardPolicy = exports.updateCardPolicyListFetchStatus = exports.fetchCardPolicyList = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    templateIds: [],
+    fetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    archiveFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    archiveTargetTemplateId: undefined,
+};
+const cardPolicyList = (0, toolkit_1.createSlice)({
+    name: 'cardPolicyList',
+    initialState: exports.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, exports.initialState);
+        },
+    },
+});
+_a = cardPolicyList.actions, exports.fetchCardPolicyList = _a.fetchCardPolicyList, exports.updateCardPolicyListFetchStatus = _a.updateCardPolicyListFetchStatus, exports.archiveCardPolicy = _a.archiveCardPolicy, exports.updateArchiveCardPolicyFetchStatus = _a.updateArchiveCardPolicyFetchStatus, exports.clearCardPolicyList = _a.clearCardPolicyList;
+exports.default = cardPolicyList.reducer;

package/lib/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/cardPolicyListSelector.d.ts

@@ -0,0 +1,21 @@
+import { FetchStateAndError, ID } from '../../../../../commonStateTypes/common';
+import { CardPolicyStats, CardPolicyTemplate } from '../../../../../entity/cardPolicy/cardPolicyState';
+import { RootState } from '../../../../../reducer';
+/**
+ * Composite view returned by `getCardPolicyListView` — the only public
+ * shape the Card Policy list page should consume. Mirrors how
+ * `chargeCardListSelector` joins the view ID list with the entity store
+ * and exposes ancillary lifecycle slots in a single object.
+ */
+export interface CardPolicyListSelectorView {
+    archiveFetchState: FetchStateAndError;
+    fetchState: FetchStateAndError;
+    templateIds: ID[];
+    templates: CardPolicyTemplate[];
+    archiveTargetTemplateId?: ID;
+    stats?: CardPolicyStats;
+}
+export declare function getCardPolicyListView(state: RootState): CardPolicyListSelectorView;
+export declare function getCardPolicyListFetchState(state: RootState): FetchStateAndError;
+export declare function getArchiveCardPolicyFetchState(state: RootState): FetchStateAndError;
+export declare function getCardPolicyTemplateIds(state: RootState): ID[];

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCardPolicyListView = getCardPolicyListView;
+exports.getCardPolicyListFetchState = getCardPolicyListFetchState;
+exports.getArchiveCardPolicyFetchState = getArchiveCardPolicyFetchState;
+exports.getCardPolicyTemplateIds = getCardPolicyTemplateIds;
+const cardPolicySelector_1 = require("../../../../../entity/cardPolicy/cardPolicySelector");
+function getCardPolicyListView(state) {
+    const { cardPolicyListState, cardPolicyState } = state;
+    return {
+        templates: (0, cardPolicySelector_1.getCardPolicyTemplatesByIds)(cardPolicyState, cardPolicyListState.templateIds),
+        templateIds: cardPolicyListState.templateIds,
+        fetchState: cardPolicyListState.fetchState,
+        archiveFetchState: cardPolicyListState.archiveFetchState,
+        archiveTargetTemplateId: cardPolicyListState.archiveTargetTemplateId,
+        stats: (0, cardPolicySelector_1.getCardPolicyStats)(cardPolicyState),
+    };
+}
+function getCardPolicyListFetchState(state) {
+    return state.cardPolicyListState.fetchState;
+}
+function getArchiveCardPolicyFetchState(state) {
+    return state.cardPolicyListState.archiveFetchState;
+}
+function getCardPolicyTemplateIds(state) {
+    return state.cardPolicyListState.templateIds;
+}

package/lib/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/cardPolicyListState.d.ts

@@ -0,0 +1,19 @@
+import { FetchStateAndError, ID } from '../../../../../commonStateTypes/common';
+/**
+ * View-side state for the Card Policy list page. Mirrors the
+ * `chargeCardList` pattern: server-order ID list + sibling
+ * `FetchStateAndError` slots for each long-running mutation the page
+ * owns. The actual `CardPolicyTemplate` objects (and tenant-wide stats)
+ * live on the `cardPolicy` entity slice so any reader can join via
+ * `getCardPolicyTemplatesByIds` / `getCardPolicyStats`.
+ */
+export interface CardPolicyListState {
+    /** Lifecycle for the `DELETE /policy-templates/{id}` request. */
+    archiveFetchState: FetchStateAndError;
+    /** Lifecycle for the `GET /policy-templates` request. */
+    fetchState: FetchStateAndError;
+    /** Ordered list of template IDs as returned by the list endpoint. */
+    templateIds: ID[];
+    /** ID of the template currently being archived (cleared on completion). */
+    archiveTargetTemplateId?: ID;
+}

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

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

package/lib/view/spendManagement/chargeCards/cardPolicy/cardPolicyList/fetchCardPolicyListEpic.d.ts

@@ -0,0 +1,19 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateCardPolicyStats, updateCardPolicyTemplates } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { fetchCardPolicyList, updateCardPolicyListFetchStatus } from './cardPolicyListReducer';
+export type ActionType = ReturnType<typeof fetchCardPolicyList> | ReturnType<typeof updateCardPolicyTemplates> | ReturnType<typeof updateCardPolicyStats> | ReturnType<typeof updateCardPolicyListFetchStatus>;
+/**
+ * `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 declare const fetchCardPolicyListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchCardPolicyListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPolicyPayload_1 = require("../../../../../entity/cardPolicy/cardPolicyPayload");
+const cardPolicyReducer_1 = require("../../../../../entity/cardPolicy/cardPolicyReducer");
+const responsePayload_1 = require("../../../../../responsePayload");
+const cardPolicyListReducer_1 = require("./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.
+ */
+const fetchCardPolicyListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPolicyListReducer_1.fetchCardPolicyList.match), 
+// `exhaustMap` (rather than `mergeMap`) so a duplicate
+// `fetchCardPolicyList` dispatched while the previous one is still
+// in flight is dropped instead of producing a second HTTP request.
+// This guards against React 18 StrictMode, which mount-cleanup-
+// remounts the screen's mount effect with a stale closure of
+// `listFetchState`, causing the same effect to dispatch this
+// action twice synchronously. Retry-after-error still works
+// because the previous inner observable has completed by the time
+// the user retries.
+(0, operators_1.exhaustMap)(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            const templates = (0, cardPolicyPayload_1.toCardPolicyTemplateList)(response.data);
+            const stats = (0, cardPolicyPayload_1.toCardPolicyStats)(response.data.stats);
+            const actions = [
+                (0, cardPolicyReducer_1.updateCardPolicyTemplates)(templates),
+                (0, cardPolicyReducer_1.updateCardPolicyStats)(stats),
+                (0, cardPolicyListReducer_1.updateCardPolicyListFetchStatus)({
+                    fetchState: 'Completed',
+                    templateIds: templates.map((t) => t.templateId),
+                }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, cardPolicyListReducer_1.updateCardPolicyListFetchStatus)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPolicyListReducer_1.updateCardPolicyListFetchStatus)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch card-policy list REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.fetchCardPolicyListEpic = fetchCardPolicyListEpic;

package/lib/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/createCardPolicyReducer.d.ts

@@ -0,0 +1,13 @@
+import { FetchState, ID } from '../../../../../commonStateTypes/common';
+import { BulkCreateCardPolicyTemplateError, CreateCardPolicyTemplatesRequest } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { ZeniAPIStatus } from '../../../../../responsePayload';
+import { CreateCardPolicyState } from './createCardPolicyState';
+export declare const initialState: CreateCardPolicyState;
+export declare const createCardPolicyTemplates: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[request: CreateCardPolicyTemplatesRequest], CreateCardPolicyTemplatesRequest, "createCardPolicy/createCardPolicyTemplates", never, never>, updateCreateCardPolicyTemplateRequestState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+    perItemErrors?: BulkCreateCardPolicyTemplateError[];
+    templateIds?: ID[];
+}, "createCardPolicy/updateCreateCardPolicyTemplateRequestState">, clearCreateCardPolicy: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"createCardPolicy/clearCreateCardPolicy">;
+declare const _default: import("redux").Reducer<CreateCardPolicyState>;
+export default _default;

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

@@ -0,0 +1,49 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearCreateCardPolicy = exports.updateCreateCardPolicyTemplateRequestState = exports.createCardPolicyTemplates = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    createCardPolicyTemplateRequestState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    lastCreatedCardPolicyTemplateIds: [],
+    lastCreateCardPolicyTemplateErrors: [],
+};
+const createCardPolicy = (0, toolkit_1.createSlice)({
+    name: 'createCardPolicy',
+    initialState: exports.initialState,
+    reducers: {
+        createCardPolicyTemplates: {
+            reducer(draft, action) {
+                draft.createCardPolicyTemplateRequestState.fetchState = 'In-Progress';
+                draft.createCardPolicyTemplateRequestState.error = undefined;
+                draft.lastCreatedCardPolicyTemplateIds = [];
+                draft.lastCreateCardPolicyTemplateErrors = [];
+                // Mirrors `lastIssueSourceChatSessionId` so list/drawer can attribute the in-flight create to its AI CFO session.
+                draft.lastCreateCardPolicySourceChatSessionId =
+                    action.payload.sourceChatSessionId;
+            },
+            prepare(request) {
+                return { payload: request };
+            },
+        },
+        updateCreateCardPolicyTemplateRequestState(draft, action) {
+            draft.createCardPolicyTemplateRequestState.fetchState =
+                action.payload.fetchState;
+            draft.createCardPolicyTemplateRequestState.error = action.payload.error;
+            if (action.payload.templateIds != null) {
+                draft.lastCreatedCardPolicyTemplateIds = action.payload.templateIds;
+            }
+            if (action.payload.perItemErrors != null) {
+                draft.lastCreateCardPolicyTemplateErrors = action.payload.perItemErrors;
+            }
+        },
+        clearCreateCardPolicy(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = createCardPolicy.actions, exports.createCardPolicyTemplates = _a.createCardPolicyTemplates, exports.updateCreateCardPolicyTemplateRequestState = _a.updateCreateCardPolicyTemplateRequestState, exports.clearCreateCardPolicy = _a.clearCreateCardPolicy;
+exports.default = createCardPolicy.reducer;

package/lib/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/createCardPolicySelector.d.ts

@@ -0,0 +1,32 @@
+import { FetchStateAndError, ID } from '../../../../../commonStateTypes/common';
+import { BulkCreateCardPolicyTemplateError } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { CreateCardPolicyState } from './createCardPolicyState';
+export declare function getCreateCardPolicyTemplateRequestState(state: CreateCardPolicyState): FetchStateAndError;
+/**
+ * All template ids created by the most recent successful bulk submit
+ * (in BE return order). Empty array before any submit or after
+ * `clearCreateCardPolicy`. Multi-policy AI CFO submit reads this; the
+ * single-policy `getLastCreatedCardPolicyTemplateId` selector below is a
+ * convenience for the manual-create routing flow.
+ */
+export declare function getLastCreatedCardPolicyTemplateIds(state: CreateCardPolicyState): ID[];
+/**
+ * Convenience selector returning the first id of the most recent submit
+ * — kept ergonomic for the single-create page's "navigate to detail on
+ * success" logic, which only ever creates one template. Returns
+ * `undefined` when no submit has succeeded or when the list is empty.
+ */
+export declare function getLastCreatedCardPolicyTemplateId(state: CreateCardPolicyState): ID | undefined;
+/**
+ * Per-item errors returned by the bulk POST when one or more templates
+ * failed to persist. Empty on full success; populated on partial success
+ * so the UI can render a "N of M created" banner alongside the navigate /
+ * close behaviour driven by the lifecycle selector.
+ */
+export declare function getLastCreateCardPolicyTemplateErrors(state: CreateCardPolicyState): BulkCreateCardPolicyTemplateError[];
+/**
+ * Chat session id that triggered the most recent bulk create — used by the
+ * card policy list screen and the AI CFO drawer to scope "creating…" and
+ * "created" placeholders to the active conversation.
+ */
+export declare function getLastCreateCardPolicySourceChatSessionId(state: CreateCardPolicyState): ID | undefined;

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCreateCardPolicyTemplateRequestState = getCreateCardPolicyTemplateRequestState;
+exports.getLastCreatedCardPolicyTemplateIds = getLastCreatedCardPolicyTemplateIds;
+exports.getLastCreatedCardPolicyTemplateId = getLastCreatedCardPolicyTemplateId;
+exports.getLastCreateCardPolicyTemplateErrors = getLastCreateCardPolicyTemplateErrors;
+exports.getLastCreateCardPolicySourceChatSessionId = getLastCreateCardPolicySourceChatSessionId;
+function getCreateCardPolicyTemplateRequestState(state) {
+    return state.createCardPolicyTemplateRequestState;
+}
+/**
+ * All template ids created by the most recent successful bulk submit
+ * (in BE return order). Empty array before any submit or after
+ * `clearCreateCardPolicy`. Multi-policy AI CFO submit reads this; the
+ * single-policy `getLastCreatedCardPolicyTemplateId` selector below is a
+ * convenience for the manual-create routing flow.
+ */
+function getLastCreatedCardPolicyTemplateIds(state) {
+    return state.lastCreatedCardPolicyTemplateIds;
+}
+/**
+ * Convenience selector returning the first id of the most recent submit
+ * — kept ergonomic for the single-create page's "navigate to detail on
+ * success" logic, which only ever creates one template. Returns
+ * `undefined` when no submit has succeeded or when the list is empty.
+ */
+function getLastCreatedCardPolicyTemplateId(state) {
+    return state.lastCreatedCardPolicyTemplateIds[0];
+}
+/**
+ * Per-item errors returned by the bulk POST when one or more templates
+ * failed to persist. Empty on full success; populated on partial success
+ * so the UI can render a "N of M created" banner alongside the navigate /
+ * close behaviour driven by the lifecycle selector.
+ */
+function getLastCreateCardPolicyTemplateErrors(state) {
+    return state.lastCreateCardPolicyTemplateErrors;
+}
+/**
+ * Chat session id that triggered the most recent bulk create — used by the
+ * card policy list screen and the AI CFO drawer to scope "creating…" and
+ * "created" placeholders to the active conversation.
+ */
+function getLastCreateCardPolicySourceChatSessionId(state) {
+    return state.lastCreateCardPolicySourceChatSessionId;
+}