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

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;
+}

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

@@ -0,0 +1,45 @@
+import { FetchStateAndError, ID } from '../../../../../commonStateTypes/common';
+import { BulkCreateCardPolicyTemplateError } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+/**
+ * View-side scaffolding for the Card Policy "create" flow.
+ *
+ * `POST /cards/1.0/policy-templates` is now a bulk endpoint — both the
+ * manual create page and the AI CFO submit pass an array of templates
+ * (single-element today; multi-element when AI CFO multi-policy review
+ * lands). The slice tracks one request lifecycle for the whole submit
+ * and captures the per-template ids + errors on success.
+ *
+ * List + edit lifecycles live in sibling slices (`cardPolicyList`,
+ * `cardPolicyDetail`); MCC categories used by the create form live on
+ * the entity slice (shared with the AI-CFO flow) and are fetched via the
+ * co-located `fetchCardPolicyMccCategoriesEpic`.
+ */
+export interface CreateCardPolicyState {
+    createCardPolicyTemplateRequestState: FetchStateAndError;
+    /**
+     * Per-item failures returned alongside `templates_created` on the bulk
+     * response. Empty on full success; populated on partial success so the
+     * UI can render a "N of M created" banner. Cleared when a new submit
+     * starts and by `clearCreateCardPolicy`.
+     */
+    lastCreateCardPolicyTemplateErrors: BulkCreateCardPolicyTemplateError[];
+    /**
+     * `templateId`s of the templates created by the most recent successful
+     * bulk submit, in the order they were returned by the BE. Empty when no
+     * submit has succeeded yet or after `clearCreateCardPolicy`.
+     *
+     * For the single-policy case this holds exactly one id; the
+     * `getLastCreatedCardPolicyTemplateId` selector returns `[0]` for
+     * ergonomic single-create routing.
+     */
+    lastCreatedCardPolicyTemplateIds: ID[];
+    /**
+     * Chat session id from `sourceChatSessionId` on the most recent
+     * `createCardPolicyTemplates` dispatch — i.e. the AI CFO conversation
+     * that triggered the bulk create. Lets the policy list and AI CFO
+     * drawer correlate an in-flight create back to its originating session.
+     * `undefined` when the most recent submit came from the manual create
+     * screen (which omits `sourceChatSessionId`).
+     */
+    lastCreateCardPolicySourceChatSessionId?: ID;
+}

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

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

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

@@ -0,0 +1,25 @@
+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 { createCardPolicyTemplates, updateCreateCardPolicyTemplateRequestState } from './createCardPolicyReducer';
+export type ActionType = ReturnType<typeof createCardPolicyTemplates> | ReturnType<typeof updateCreatedCardPolicyTemplate> | ReturnType<typeof updateCreateCardPolicyTemplateRequestState>;
+/**
+ * `POST /cards/1.0/policy-templates` (bulk). Builds the bulk wire body
+ * from the camelCased action payload, sends one round-trip, and on
+ * success fans out:
+ *  - one `updateCreatedCardPolicyTemplate` on the entity slice per row
+ *    in `templates_created` (so the entity store is hydrated with every
+ *    created template), and
+ *  - one `updateCreateCardPolicyTemplateRequestState` with the ordered
+ *    id list + per-item errors so the view can render partial-success
+ *    UX without re-touching the wire types.
+ *
+ * Partial success (`errors.length > 0` with at least one template
+ * created) is still treated as `Completed` — the lifecycle is binary
+ * and the per-item errors live on the slice for the UI to inspect.
+ * Hard failures (non-success `status` or thrown errors) map to `Error`
+ * the same way they did pre-bulk.
+ */
+export declare const createCardPolicyTemplatesEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCardPolicyTemplatesEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPolicyReducer_1 = require("../../../../../entity/cardPolicy/cardPolicyReducer");
+const cardPolicyPayload_1 = require("../../../../../entity/cardPolicy/cardPolicyPayload");
+const responsePayload_1 = require("../../../../../responsePayload");
+const createCardPolicyReducer_1 = require("./createCardPolicyReducer");
+/**
+ * `POST /cards/1.0/policy-templates` (bulk). Builds the bulk wire body
+ * from the camelCased action payload, sends one round-trip, and on
+ * success fans out:
+ *  - one `updateCreatedCardPolicyTemplate` on the entity slice per row
+ *    in `templates_created` (so the entity store is hydrated with every
+ *    created template), and
+ *  - one `updateCreateCardPolicyTemplateRequestState` with the ordered
+ *    id list + per-item errors so the view can render partial-success
+ *    UX without re-touching the wire types.
+ *
+ * Partial success (`errors.length > 0` with at least one template
+ * created) is still treated as `Completed` — the lifecycle is binary
+ * and the per-item errors live on the slice for the UI to inspect.
+ * Hard failures (non-success `status` or thrown errors) map to `Error`
+ * the same way they did pre-bulk.
+ */
+const createCardPolicyTemplatesEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(createCardPolicyReducer_1.createCardPolicyTemplates.match), (0, operators_1.mergeMap)((action) => {
+    const body = (0, cardPolicyPayload_1.toCreateCardPolicyTemplatesRequestBody)(action.payload);
+    return zeniAPI
+        .postAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/policy-templates`, body)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            const { templates_created, errors } = response.data;
+            const createdTemplates = templates_created.map((row) => row.template);
+            const actions = [
+                ...createdTemplates.map((template) => (0, cardPolicyReducer_1.updateCreatedCardPolicyTemplate)(template)),
+                (0, createCardPolicyReducer_1.updateCreateCardPolicyTemplateRequestState)({
+                    fetchState: 'Completed',
+                    perItemErrors: (errors ?? []).map(cardPolicyPayload_1.toBulkCreateCardPolicyTemplateError),
+                    templateIds: createdTemplates.map((template) => template.template_id),
+                }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, createCardPolicyReducer_1.updateCreateCardPolicyTemplateRequestState)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, createCardPolicyReducer_1.updateCreateCardPolicyTemplateRequestState)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create card-policy templates REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.createCardPolicyTemplatesEpic = createCardPolicyTemplatesEpic;

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

@@ -0,0 +1,15 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { fetchCardPolicyMccCategories, updateCardPolicyMccCategories, updateCardPolicyMccCategoriesFailure } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+/**
+ * MCC categories are reference data shared between the manual create
+ * flow and the AI-CFO `card_policy` form. The slice fields live on the
+ * `entity/cardPolicy` slice (so any consumer can read them without
+ * re-fetching); only the fetch lifecycle lives in `createCardPolicy/`
+ * because the manual create page is currently the only producer of the
+ * `fetchCardPolicyMccCategories` action.
+ */
+export type ActionType = ReturnType<typeof fetchCardPolicyMccCategories> | ReturnType<typeof updateCardPolicyMccCategories> | ReturnType<typeof updateCardPolicyMccCategoriesFailure>;
+export declare const fetchCardPolicyMccCategoriesEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchCardPolicyMccCategoriesEpic = 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 fetchCardPolicyMccCategoriesEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPolicyReducer_1.fetchCardPolicyMccCategories.match), 
+// `exhaustMap` (rather than `mergeMap`) so a duplicate
+// `fetchCardPolicyMccCategories` dispatched while the previous one
+// is still in flight is dropped instead of producing a second HTTP
+// request. Both the Create and Edit policy screens dispatch this
+// on mount, and React 18 StrictMode invokes their mount effect
+// twice with a stale `mccCategoriesFetchState` closure — without
+// `exhaustMap` that yields two `/cards/mcc-codes` calls.
+(0, operators_1.exhaustMap)(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/mcc-codes`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            return (0, rxjs_1.from)([(0, cardPolicyReducer_1.updateCardPolicyMccCategories)(response.data)]);
+        }
+        else {
+            return (0, rxjs_1.of)((0, cardPolicyReducer_1.updateCardPolicyMccCategoriesFailure)(response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPolicyReducer_1.updateCardPolicyMccCategoriesFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch card policy MCC categories REST API call errored out' +
+        JSON.stringify(error))))));
+}));
+exports.fetchCardPolicyMccCategoriesEpic = fetchCardPolicyMccCategoriesEpic;

package/lib/view/spendManagement/chargeCards/chargeCardList/chargeCardList.d.ts

@@ -61,7 +61,7 @@ export declare const initialCreditAcc: CreditAccount;
 export declare const initialDebitCardSummaries: DebitCardSummaries;
 export declare const initialResendRevokeCardInvite: ResendRevokeCardInvite;
 export declare const initialCreditAccountRepayment: CreditAccountRepayment;
-export declare const toChargeCardSortKeyType: (v: string) => "status" | "accountType" | "owner" | "cardName" | "limit" | "department" | "cardType" | "utilisation";
+export declare const toChargeCardSortKeyType: (v: string) => "status" | "department" | "accountType" | "owner" | "cardName" | "limit" | "cardType" | "utilisation";
 export declare type ChargeCardViewSortKey = ReturnType<typeof toChargeCardSortKeyType>;
 export declare const ALL_CASHBACK_SORT_KEYS: readonly ["month", "cashback"];
 export declare const toCashbackSortKeyType: (v: string) => "month" | "cashback";

package/lib/view/spendManagement/chargeCards/chargeCardList/chargeCardListSelector.d.ts

@@ -54,7 +54,21 @@ export interface MyPendingActivationChargeCardListSelectorView extends SelectorV
 export interface ChargeCardListWithShippingAddressSelectorView extends SelectorView {
     cards: ChargeCardWithUserAndShippingAddress[];
 }
+export interface AllChargeCardsWithUserSelectorView extends SelectorView {
+    cards: ChargeCardWithUser[];
+}
 export declare const getChargeCardListView: (state: RootState, includeCreditAccountDebitSummaryAndCashbackInfo: boolean, isDebitCardEnabled: boolean, isCreditCardEnabled: boolean) => ChargeCardListSelectorView;
+/**
+ * Returns every enriched `ChargeCardWithUser` for the tenant, without
+ * applying the cards-list screen's `searchText` filter or its column
+ * `sortKey/sortOrder`. Used by surfaces that need the raw card universe
+ * decoupled from whatever the user has typed/sorted on the cards list
+ * (e.g. the Card Policy "Apply to Cards" picker, which owns its own
+ * search + sort UI). The list-screen's filter/sort state is intentionally
+ * left untouched so revisits to the cards list still restore the user's
+ * search.
+ */
+export declare const getAllChargeCardsWithUser: (state: RootState) => AllChargeCardsWithUserSelectorView;
 export declare const getMyPendingActivationChargeCardListView: (state: RootState) => MyPendingActivationChargeCardListSelectorView;
 export declare const getMyRequestOnHoldChargeCardListWithShippingAddress: (state: RootState) => ChargeCardListWithShippingAddressSelectorView;
 /**

package/lib/view/spendManagement/chargeCards/chargeCardList/chargeCardListSelector.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getChargeCardBulkActionView = exports.getChargeCardRowActionView = exports.getChargeCardRecurringExpensesByCardIds = exports.getDebitCardSummary = exports.getDebitCardList = exports.getDepositAccountListWithDebitCardIssued = exports.getCreditAccountDetails = exports.anyCardOnHold = exports.getMyRequestOnHoldChargeCardListWithShippingAddress = exports.getMyPendingActivationChargeCardListView = exports.getChargeCardListView = void 0;
+exports.getChargeCardBulkActionView = exports.getChargeCardRowActionView = exports.getChargeCardRecurringExpensesByCardIds = exports.getDebitCardSummary = exports.getDebitCardList = exports.getDepositAccountListWithDebitCardIssued = exports.getCreditAccountDetails = exports.anyCardOnHold = exports.getMyRequestOnHoldChargeCardListWithShippingAddress = exports.getMyPendingActivationChargeCardListView = exports.getAllChargeCardsWithUser = exports.getChargeCardListView = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const orderBy_1 = __importDefault(require("lodash/orderBy"));
 const sortOrderPayload_1 = require("../../../../commonPayloadTypes/sortOrderPayload");
@@ -94,6 +94,32 @@ const getChargeCardListView = (state, includeCreditAccountDebitSummaryAndCashbac
     };
 };
 exports.getChargeCardListView = getChargeCardListView;
+/**
+ * Returns every enriched `ChargeCardWithUser` for the tenant, without
+ * applying the cards-list screen's `searchText` filter or its column
+ * `sortKey/sortOrder`. Used by surfaces that need the raw card universe
+ * decoupled from whatever the user has typed/sorted on the cards list
+ * (e.g. the Card Policy "Apply to Cards" picker, which owns its own
+ * search + sort UI). The list-screen's filter/sort state is intentionally
+ * left untouched so revisits to the cards list still restore the user's
+ * search.
+ */
+const getAllChargeCardsWithUser = (state) => {
+    const { chargeCardListState, chargeCardState, chargeCardConfigState } = state;
+    const cards = (0, chargeCardSelector_1.getChargeCardsByIds)(chargeCardState, chargeCardListState.cardIds);
+    const chargeCardsWithUser = getChargeCardsWithUser(cards, state);
+    const fetchState = (0, reduceFetchState_1.reduceFetchState)([
+        chargeCardListState,
+        chargeCardConfigState,
+    ]).fetchState;
+    return {
+        fetchState,
+        error: chargeCardListState.error,
+        cards: chargeCardsWithUser,
+        version: '1.0',
+    };
+};
+exports.getAllChargeCardsWithUser = getAllChargeCardsWithUser;
 const getMyPendingActivationChargeCardListView = (state) => {
     const { tenantState, chargeCardListState, chargeCardState } = state;
     const cards = (0, chargeCardSelector_1.getChargeCardsByIds)(chargeCardState, chargeCardListState.cardIds);

package/lib/view/spendManagement/chargeCards/issueChargeCard/aiCardCreationFormDraftTypes.d.ts

@@ -0,0 +1,79 @@
+import { ID } from '../../../../commonStateTypes/common';
+import { CardsCardKind, CardsCreationInitialData } from '../../../../entity/aiCfo/aiCfoState';
+import { User } from '../../../../entity/user/userState';
+/**
+ * AI CFO card-creation form draft state — the canonical source of
+ * truth for the `CardsCreationInteractiveForm` component (rule #4).
+ *
+ * The web-components form is a pure renderer that hydrates from
+ * `IssueChargeCardState.aiCardCreationFormDraft` and emits every
+ * change back via `onFormChange` → `updateAiCardCreationFormDraft`.
+ *
+ * The AI-payload-side types (`CardsCardKind`, `CardsCardOption`,
+ * `CardNameOption`, `CardsCreationInitialData`, etc.) are defined on
+ * `entity/aiCfo/aiCfoState.ts` and consumed directly from there — this
+ * file only declares the FE-side form draft shapes and the companion
+ * seed context the reducer keeps for re-derivation.
+ */
+/**
+ * Step-1 row: a single team the user can opt in/out of via a checkbox.
+ *
+ * Mirrors the AI's `teamRows[i]` payload field-for-field plus the
+ * `isChecked` toggle, with FE display strings (`value`, `rightLabel`)
+ * resolved from the AI's `avgMonthlySpend` / `recommendedLimit`.
+ */
+export interface CardsTeamRow {
+    cardKind: CardsCardKind;
+    id: string;
+    isChecked: boolean;
+    label: string;
+    /** Right column primary value, e.g. "$20,000". */
+    rightLabel: string;
+    /** Middle column primary value, e.g. "$18,400". */
+    value: string;
+    rightSubLabel?: string;
+    subLabel?: string;
+    subValue?: string;
+}
+/**
+ * Owner field value held in the form state. Mirrors `UserSingleSelectField`
+ * which wants both the universe of users and the currently selected user
+ * collocated with the field value.
+ */
+export interface CardsOwnerFieldValue {
+    allUsers: User[];
+    selectedUser?: User;
+}
+/**
+ * Step-2 row: the configured card for one of the teams the user kept
+ * in step 1. `cardOptionId` references one of the
+ * `CardsCreationInitialData.cardOptions`.
+ */
+export interface CardsCardRow {
+    cardKind: CardsCardKind;
+    cardOptionId: string;
+    id: string;
+    label: string;
+    owner: CardsOwnerFieldValue;
+    recommendedLimit?: number;
+}
+/**
+ * Canonical CES shape for the AI card-creation form. The web-components
+ * `CardsCreationInteractiveForm` hydrates RHF from this object and emits
+ * every change back through `onFormChange`.
+ */
+export interface CardsFormDraft {
+    cardRows: CardsCardRow[];
+    teamRows: CardsTeamRow[];
+}
+/**
+ * Seed context retained on the slice so subsequent `updateAiCardCreationFormDraft`
+ * dispatches can re-derive step-2 rows from step-1 selections without the
+ * component re-passing the full universe each time.
+ */
+export interface AiCardCreationFormDraftSeedContext {
+    allUsers: User[];
+    mode: CardsCreationInitialData['mode'];
+    suggestedOwnerUserIdByTeamId: Record<ID, string | undefined>;
+    defaultCardOptionId?: string;
+}