@zeniai/client-epic-state 5.1.0-betaSS3 → 5.1.0

package/lib/view/spendManagement/chargeCards/issueChargeCard/applyAiCardCreationFormDraftUpdate.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyAiCardCreationFormDraftUpdate = void 0;
+const deriveAiCardRowsFromTeams_1 = require("./deriveAiCardRowsFromTeams");
+// Re-derives step-2 `cardRows` only when step-1 team selection changed.
+// Step-2-only edits must skip the re-derive: `deriveAiCardRowsFromTeams` keys
+// off `cardRow.id`, and a dropdown swap has just mutated it — re-running would
+// revert the edit to the source team's id/label.
+const applyAiCardCreationFormDraftUpdate = ({ next, prev, context, }) => {
+    if (context == null || context.mode === 'create') {
+        return next;
+    }
+    if (!haveCheckedTeamRowsChanged(prev?.teamRows, next.teamRows)) {
+        return next;
+    }
+    return {
+        teamRows: next.teamRows,
+        cardRows: (0, deriveAiCardRowsFromTeams_1.deriveAiCardRowsFromTeams)({
+            teamRows: next.teamRows,
+            prevCardRows: next.cardRows,
+            allUsers: context.allUsers,
+            suggestedOwnerUserIdByTeamId: context.suggestedOwnerUserIdByTeamId,
+        }),
+    };
+};
+exports.applyAiCardCreationFormDraftUpdate = applyAiCardCreationFormDraftUpdate;
+const haveCheckedTeamRowsChanged = (prevTeamRows, nextTeamRows) => {
+    const prevCheckedIds = (prevTeamRows ?? [])
+        .filter((row) => row.isChecked)
+        .map((row) => row.id);
+    const nextCheckedIds = nextTeamRows
+        .filter((row) => row.isChecked)
+        .map((row) => row.id);
+    if (prevCheckedIds.length !== nextCheckedIds.length) {
+        return true;
+    }
+    return prevCheckedIds.some((id, idx) => id !== nextCheckedIds[idx]);
+};

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

@@ -0,0 +1,12 @@
+import { CardsCreationInitialData } from '../../../../entity/aiCfo/aiCfoState';
+import { User } from '../../../../entity/user/userState';
+import { AiCardCreationFormDraftSeedContext, CardsFormDraft } from './aiCardCreationFormDraftTypes';
+export interface BuildAiCardCreationFormDraftSeedArgs {
+    allUsers: User[];
+    initialData: CardsCreationInitialData;
+}
+export interface BuildAiCardCreationFormDraftSeedResult {
+    context: AiCardCreationFormDraftSeedContext;
+    draft: CardsFormDraft;
+}
+export declare const buildAiCardCreationFormDraftSeed: ({ initialData, allUsers, }: BuildAiCardCreationFormDraftSeedArgs) => BuildAiCardCreationFormDraftSeedResult;

package/lib/view/spendManagement/chargeCards/issueChargeCard/buildAiCardCreationFormDraftSeed.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildAiCardCreationFormDraftSeed = void 0;
+const deriveAiCardRowsFromTeams_1 = require("./deriveAiCardRowsFromTeams");
+// Branches on `initialData.mode`:
+//  - review: step-1 teams start checked; step-2 `cardRows` pre-derived so the
+//    happy path (no toggle) lands on a populated table.
+//  - create: seed `cardRows` from AI's suggested cards; `teamRows` stays empty.
+const buildAiCardCreationFormDraftSeed = ({ initialData, allUsers, }) => {
+    const context = {
+        allUsers,
+        mode: initialData.mode,
+        suggestedOwnerUserIdByTeamId: initialData.suggestedOwnerUserIdByTeamId,
+    };
+    if (initialData.mode === 'create') {
+        return {
+            context,
+            draft: {
+                teamRows: [],
+                cardRows: initialData.cardRows.map((seed) => buildCardRowFromSeed(seed, allUsers)),
+            },
+        };
+    }
+    const teamRows = initialData.teamRows.map((row) => ({
+        cardKind: row.cardKind,
+        id: row.id,
+        isChecked: true,
+        label: row.label,
+        value: row.avgMonthlySpend,
+        rightLabel: row.recommendedLimit,
+        rightSubLabel: row.recommendedLimitCadence,
+    }));
+    return {
+        context,
+        draft: {
+            teamRows,
+            cardRows: (0, deriveAiCardRowsFromTeams_1.deriveAiCardRowsFromTeams)({
+                teamRows,
+                prevCardRows: [],
+                allUsers,
+                suggestedOwnerUserIdByTeamId: initialData.suggestedOwnerUserIdByTeamId,
+            }),
+        },
+    };
+};
+exports.buildAiCardCreationFormDraftSeed = buildAiCardCreationFormDraftSeed;
+const buildCardRowFromSeed = (seed, allUsers) => {
+    const selectedUser = seed.suggestedOwnerUserId != null
+        ? allUsers.find((user) => user.userId === seed.suggestedOwnerUserId)
+        : undefined;
+    return {
+        cardKind: seed.cardKind,
+        id: seed.id,
+        label: seed.label,
+        owner: {
+            allUsers,
+            selectedUser,
+        },
+        recommendedLimit: seed.recommendedLimit,
+    };
+};

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

@@ -0,0 +1,9 @@
+import { User } from '../../../../entity/user/userState';
+import { CardsCardRow, CardsTeamRow } from './aiCardCreationFormDraftTypes';
+export interface DeriveAiCardRowsFromTeamsArgs {
+    allUsers: User[];
+    suggestedOwnerUserIdByTeamId: Record<string, string | undefined>;
+    teamRows: CardsTeamRow[];
+    prevCardRows?: CardsCardRow[];
+}
+export declare const deriveAiCardRowsFromTeams: ({ teamRows, prevCardRows, allUsers, suggestedOwnerUserIdByTeamId, }: DeriveAiCardRowsFromTeamsArgs) => CardsCardRow[];

package/lib/view/spendManagement/chargeCards/issueChargeCard/deriveAiCardRowsFromTeams.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deriveAiCardRowsFromTeams = void 0;
+// One row per checked team in source order. Existing rows are preserved
+// verbatim so step-2 user edits survive upstream re-derives; new teams seed
+// owner from the suggestion map and `recommendedLimit` by parsing `rightLabel`.
+const deriveAiCardRowsFromTeams = ({ teamRows, prevCardRows = [], allUsers, suggestedOwnerUserIdByTeamId, }) => {
+    const prevById = new Map(prevCardRows.map((row) => [row.id, row]));
+    const userById = new Map(allUsers.map((user) => [user.userId, user]));
+    return teamRows
+        .filter((row) => row.isChecked)
+        .map((teamRow) => {
+        const previous = prevById.get(teamRow.id);
+        if (previous != null) {
+            return previous;
+        }
+        const suggestedUserId = suggestedOwnerUserIdByTeamId[teamRow.id];
+        const selectedUser = suggestedUserId != null ? userById.get(suggestedUserId) : undefined;
+        return {
+            cardKind: teamRow.cardKind,
+            id: teamRow.id,
+            label: teamRow.label,
+            owner: {
+                allUsers,
+                selectedUser,
+            },
+            recommendedLimit: parseLimitToFloat(teamRow.rightLabel),
+        };
+    });
+};
+exports.deriveAiCardRowsFromTeams = deriveAiCardRowsFromTeams;
+const parseLimitToFloat = (raw) => {
+    const cleaned = raw.replace(/[^0-9.-]/g, '');
+    if (cleaned.length === 0) {
+        return undefined;
+    }
+    const parsed = Number(cleaned);
+    return Number.isFinite(parsed) ? parsed : undefined;
+};

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

@@ -8,6 +8,6 @@ import { updateUserRoles } from '../../../../entity/userRole/userRoleReducer';
 import { RootState } from '../../../../reducer';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { updateChargeCardList } from '../chargeCardList/chargeCardListReducer';
-import { issueChargeCardSuccessOrFailure, issueChargeCards, updateChargeCardCount, updateDebitCardCount, updateLastSelfIssuedDebitCardId } from './issueChargeCardReducer';
-export type ActionType = ReturnType<typeof issueChargeCards> | ReturnType<typeof updateChargeCards> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCardList> | ReturnType<typeof updateChargeCardCount> | ReturnType<typeof updateDebitCardCount> | ReturnType<typeof updateLastSelfIssuedDebitCardId> | ReturnType<typeof issueChargeCardSuccessOrFailure> | ReturnType<typeof updateAddresses>;
+import { issueChargeCardSuccessOrFailure, issueChargeCards, updateChargeCardCount, updateDebitCardCount, updateLastIssuedCardIds, updateLastSelfIssuedDebitCardId } from './issueChargeCardReducer';
+export type ActionType = ReturnType<typeof issueChargeCards> | ReturnType<typeof updateChargeCards> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCardList> | ReturnType<typeof updateChargeCardCount> | ReturnType<typeof updateDebitCardCount> | ReturnType<typeof updateLastSelfIssuedDebitCardId> | ReturnType<typeof updateLastIssuedCardIds> | ReturnType<typeof issueChargeCardSuccessOrFailure> | ReturnType<typeof updateAddresses>;
 export declare const issueChargeCardEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardEpic.js

@@ -90,7 +90,7 @@ const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
             actions.push((0, chargeCardReducer_1.updateChargeCards)(issuedCards), (0, userReducer_1.updateAllUsers)({ users: response.data.users }), (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles), (0, chargeCardListReducer_1.updateChargeCardList)({
                 chargeCardListPayload: response.data,
                 keepExistingListItems: true,
-            }), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, issueChargeCardReducer_1.updateChargeCardCount)(response.data?.cards_count_by_user_id ?? []), (0, issueChargeCardReducer_1.updateDebitCardCount)(response.data?.debit_cards_count_by_deposit_account_id ?? {}), (0, issueChargeCardReducer_1.issueChargeCardSuccessOrFailure)({ fetchState: 'Completed' }));
+            }), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, issueChargeCardReducer_1.updateChargeCardCount)(response.data?.cards_count_by_user_id ?? []), (0, issueChargeCardReducer_1.updateDebitCardCount)(response.data?.debit_cards_count_by_deposit_account_id ?? {}), (0, issueChargeCardReducer_1.updateLastIssuedCardIds)(issuedCards.map((card) => card.card_id)), (0, issueChargeCardReducer_1.issueChargeCardSuccessOrFailure)({ fetchState: 'Completed' }));
             if (issuedCards.length === 1 &&
                 (issuedCards[0].card_type.code ===
                     'business_virtual_debit_card' ||

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

@@ -1,11 +1,18 @@
 import { FetchState, ID } from '../../../../commonStateTypes/common';
+import { CardsCreationInitialData } from '../../../../entity/aiCfo/aiCfoState';
 import { CardCodeType } from '../../../../entity/chargeCard/chargeCard';
 import { DepositAccountWithLimitPayload } from '../../../../entity/depositAccount/depositAccountPayload';
+import { User } from '../../../../entity/user/userState';
 import { ZeniAPIStatus } from '../../../../responsePayload';
 import { ActiveChargeCardCountPayload, ActiveDebitCardCountByUserIdPayload } from '../../../userListView/userListViewPayload';
+import { CardsFormDraft } from './aiCardCreationFormDraftTypes';
 import { IssueChargeCardLocalData, IssueChargeCardState } from './issueChargeCardState';
 export declare const initialState: IssueChargeCardState;
-export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[], {}, "issueChargeCard/issueChargeCards", never, never>, updateChargeCardsLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<IssueChargeCardLocalData[], "issueChargeCard/updateChargeCardsLocalStore">, updateLastSelfIssuedDebitCardId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "issueChargeCard/updateLastSelfIssuedDebitCardId">, issueChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload?: {
+    sourceChatSessionId?: ID;
+} | undefined], {
+    sourceChatSessionId?: ID;
+}, "issueChargeCard/issueChargeCards", never, never>, updateChargeCardsLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<IssueChargeCardLocalData[], "issueChargeCard/updateChargeCardsLocalStore">, updateLastSelfIssuedDebitCardId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "issueChargeCard/updateLastSelfIssuedDebitCardId">, updateLastIssuedCardIds: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "issueChargeCard/updateLastIssuedCardIds">, issueChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     fetchState: FetchState;
     error?: ZeniAPIStatus;
 }, "issueChargeCard/issueChargeCardSuccessOrFailure">, resetIssueChargeCardForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/resetIssueChargeCardForm">, updateCustomAddressId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
@@ -19,6 +26,9 @@ export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorW
 }, "issueChargeCard/fetchIssueCardPage", never, never>, updateDepositAccountsInCards: import("@reduxjs/toolkit").ActionCreatorWithPayload<DepositAccountWithLimitPayload[], "issueChargeCard/updateDepositAccountsInCards">, fetchDepositAccountListForCards: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/fetchDepositAccountListForCards">, updateDepositAccountListForCardsFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     fetchState: FetchState;
     error?: ZeniAPIStatus;
-}, "issueChargeCard/updateDepositAccountListForCardsFetchStatus">, clearIssueChargeCard: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/clearIssueChargeCard">;
+}, "issueChargeCard/updateDepositAccountListForCardsFetchStatus">, seedAiCardCreationFormDraft: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[allUsers: User[], initialData: CardsCreationInitialData], {
+    allUsers: User[];
+    initialData: CardsCreationInitialData;
+}, "issueChargeCard/seedAiCardCreationFormDraft", never, never>, updateAiCardCreationFormDraft: import("@reduxjs/toolkit").ActionCreatorWithPayload<CardsFormDraft, "issueChargeCard/updateAiCardCreationFormDraft">, clearAiCardCreationFormDraft: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/clearAiCardCreationFormDraft">, clearIssueChargeCard: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/clearIssueChargeCard">;
 declare const _default: import("redux").Reducer<IssueChargeCardState>;
 export default _default;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardReducer.js

@@ -1,8 +1,10 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearIssueChargeCard = exports.updateDepositAccountListForCardsFetchStatus = exports.fetchDepositAccountListForCards = exports.updateDepositAccountsInCards = exports.fetchIssueCardPage = exports.updateDebitCardCount = exports.updateChargeCardCount = exports.updateCustomAddressId = exports.resetIssueChargeCardForm = exports.issueChargeCardSuccessOrFailure = exports.updateLastSelfIssuedDebitCardId = exports.updateChargeCardsLocalStore = exports.issueChargeCards = exports.initialState = void 0;
+exports.clearIssueChargeCard = exports.clearAiCardCreationFormDraft = exports.updateAiCardCreationFormDraft = exports.seedAiCardCreationFormDraft = exports.updateDepositAccountListForCardsFetchStatus = exports.fetchDepositAccountListForCards = exports.updateDepositAccountsInCards = exports.fetchIssueCardPage = exports.updateDebitCardCount = exports.updateChargeCardCount = exports.updateCustomAddressId = exports.resetIssueChargeCardForm = exports.issueChargeCardSuccessOrFailure = exports.updateLastIssuedCardIds = exports.updateLastSelfIssuedDebitCardId = exports.updateChargeCardsLocalStore = exports.issueChargeCards = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const applyAiCardCreationFormDraftUpdate_1 = require("./applyAiCardCreationFormDraftUpdate");
+const buildAiCardCreationFormDraftSeed_1 = require("./buildAiCardCreationFormDraftSeed");
 exports.initialState = {
     depositAccountIds: [],
     depositAccountsFetchState: { fetchState: 'Not-Started', error: undefined },
@@ -18,6 +20,7 @@ exports.initialState = {
     },
     activeChargeCardCount: {},
     activeDebitCardCountByDepositAccountId: {},
+    lastIssuedCardIds: [],
 };
 const issueChargeCard = (0, toolkit_1.createSlice)({
     name: 'issueChargeCard',
@@ -38,14 +41,19 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
             },
         },
         issueChargeCards: {
-            prepare() {
-                return { payload: {} };
+            prepare(payload) {
+                return { payload: payload ?? {} };
             },
-            reducer(draft) {
+            reducer(draft, action) {
                 draft.saveStatus.fetchState = 'In-Progress';
                 draft.saveStatus.error = undefined;
+                draft.lastIssueSourceChatSessionId = action.payload.sourceChatSessionId;
+                draft.lastIssuedCardIds = [];
             },
         },
+        updateLastIssuedCardIds(draft, action) {
+            draft.lastIssuedCardIds = action.payload;
+        },
         updateChargeCardsLocalStore(draft, action) {
             draft.localData = action.payload;
         },
@@ -53,6 +61,8 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
             draft.localData = [...exports.initialState.localData];
             draft.saveStatus = exports.initialState.saveStatus;
             draft.lastSelfIssuedDebitCardId = undefined;
+            draft.lastIssueSourceChatSessionId = undefined;
+            draft.lastIssuedCardIds = [];
         },
         updateLastSelfIssuedDebitCardId(draft, action) {
             draft.lastSelfIssuedDebitCardId = action.payload;
@@ -128,10 +138,38 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
             draft.depositAccountsFetchState.fetchState = action.payload.fetchState;
             draft.depositAccountsFetchState.error = action.payload.error;
         },
+        // Dispatched once when `CardsCreationInteractiveForm` mounts (or the AI
+        // payload arrives).
+        seedAiCardCreationFormDraft: {
+            reducer(draft, action) {
+                const { draft: nextDraft, context } = (0, buildAiCardCreationFormDraftSeed_1.buildAiCardCreationFormDraftSeed)({
+                    allUsers: action.payload.allUsers,
+                    initialData: action.payload.initialData,
+                });
+                draft.aiCardCreationFormDraft = nextDraft;
+                draft.aiCardCreationFormDraftContext = context;
+            },
+            prepare(allUsers, initialData) {
+                return { payload: { allUsers, initialData } };
+            },
+        },
+        // Derivation lives in `applyAiCardCreationFormDraftUpdate` so the
+        // Storybook owner harness shares the same rules.
+        updateAiCardCreationFormDraft(draft, action) {
+            draft.aiCardCreationFormDraft = (0, applyAiCardCreationFormDraftUpdate_1.applyAiCardCreationFormDraftUpdate)({
+                prev: draft.aiCardCreationFormDraft,
+                next: action.payload,
+                context: draft.aiCardCreationFormDraftContext,
+            });
+        },
+        clearAiCardCreationFormDraft(draft) {
+            draft.aiCardCreationFormDraft = undefined;
+            draft.aiCardCreationFormDraftContext = undefined;
+        },
         clearIssueChargeCard(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = issueChargeCard.actions, exports.issueChargeCards = _a.issueChargeCards, exports.updateChargeCardsLocalStore = _a.updateChargeCardsLocalStore, exports.updateLastSelfIssuedDebitCardId = _a.updateLastSelfIssuedDebitCardId, exports.issueChargeCardSuccessOrFailure = _a.issueChargeCardSuccessOrFailure, exports.resetIssueChargeCardForm = _a.resetIssueChargeCardForm, exports.updateCustomAddressId = _a.updateCustomAddressId, exports.updateChargeCardCount = _a.updateChargeCardCount, exports.updateDebitCardCount = _a.updateDebitCardCount, exports.fetchIssueCardPage = _a.fetchIssueCardPage, exports.updateDepositAccountsInCards = _a.updateDepositAccountsInCards, exports.fetchDepositAccountListForCards = _a.fetchDepositAccountListForCards, exports.updateDepositAccountListForCardsFetchStatus = _a.updateDepositAccountListForCardsFetchStatus, exports.clearIssueChargeCard = _a.clearIssueChargeCard;
+_a = issueChargeCard.actions, exports.issueChargeCards = _a.issueChargeCards, exports.updateChargeCardsLocalStore = _a.updateChargeCardsLocalStore, exports.updateLastSelfIssuedDebitCardId = _a.updateLastSelfIssuedDebitCardId, exports.updateLastIssuedCardIds = _a.updateLastIssuedCardIds, exports.issueChargeCardSuccessOrFailure = _a.issueChargeCardSuccessOrFailure, exports.resetIssueChargeCardForm = _a.resetIssueChargeCardForm, exports.updateCustomAddressId = _a.updateCustomAddressId, exports.updateChargeCardCount = _a.updateChargeCardCount, exports.updateDebitCardCount = _a.updateDebitCardCount, exports.fetchIssueCardPage = _a.fetchIssueCardPage, exports.updateDepositAccountsInCards = _a.updateDepositAccountsInCards, exports.fetchDepositAccountListForCards = _a.fetchDepositAccountListForCards, exports.updateDepositAccountListForCardsFetchStatus = _a.updateDepositAccountListForCardsFetchStatus, exports.seedAiCardCreationFormDraft = _a.seedAiCardCreationFormDraft, exports.updateAiCardCreationFormDraft = _a.updateAiCardCreationFormDraft, exports.clearAiCardCreationFormDraft = _a.clearAiCardCreationFormDraft, exports.clearIssueChargeCard = _a.clearIssueChargeCard;
 exports.default = issueChargeCard.reducer;

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

@@ -7,6 +7,7 @@ import { RootState } from '../../../../reducer';
 import { Person } from '../../../people/peopleSelectorTypes';
 import { ChargeCardConfigState } from '../chargeCardConfig/chargeCardConfigState';
 import { CreditAccount } from '../chargeCardList/chargeCardList';
+import { CardsFormDraft } from './aiCardCreationFormDraftTypes';
 import { ActiveChargeCardCount, ActiveDebitCardCountByUserId, IssueChargeCardLocalData } from './issueChargeCardState';
 export interface IssueChargeCardSelectorView extends SelectorView {
     activeChargeCardCount: Record<ID, ActiveChargeCardCount>;
@@ -25,3 +26,9 @@ export interface IssueChargeCardSelectorView extends SelectorView {
     lastSelfIssuedDebitCardId?: ID;
 }
 export declare const getIssueChargeCardView: (state: RootState, isCreditCardEnabled: boolean, isDebitCardEnabled: boolean) => IssueChargeCardSelectorView;
+export declare const getLastIssueChargeCardsSourceChatSessionId: (state: RootState) => ID | undefined;
+export declare const getLastIssuedChargeCardIds: (state: RootState) => ID[];
+export declare const getIssueChargeCardsSaveStatus: (state: RootState) => FetchStateAndError;
+export declare const getInFlightIssueChargeCardsCount: (state: RootState) => number;
+export declare const getAiCardCreationFormDraft: (state: RootState) => CardsFormDraft | undefined;
+export declare const selectIssueChargeCardLocalDataFromDraft: (state: RootState) => IssueChargeCardLocalData[];

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardSelector.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIssueChargeCardView = void 0;
+exports.selectIssueChargeCardLocalDataFromDraft = exports.getAiCardCreationFormDraft = exports.getInFlightIssueChargeCardsCount = exports.getIssueChargeCardsSaveStatus = exports.getLastIssuedChargeCardIds = exports.getLastIssueChargeCardsSourceChatSessionId = exports.getIssueChargeCardView = void 0;
 const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
 const addressSelector_1 = require("../../../../entity/address/addressSelector");
 const classSelector_1 = require("../../../../entity/class/classSelector");
@@ -8,6 +8,7 @@ const depositAccountSelector_1 = require("../../../../entity/depositAccount/depo
 const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const addressViewSelector_1 = require("../../../addressView/addressViewSelector");
 const userListViewSelector_1 = require("../../../userListView/userListViewSelector");
+const toIssueChargeCardLocalDataFromDraft_1 = require("./toIssueChargeCardLocalDataFromDraft");
 const getIssueChargeCardView = (state, isCreditCardEnabled, isDebitCardEnabled) => {
     const { issueChargeCardState, userState, userRoleState, userListViewState, chargeCardConfigState, chargeCardListState, addressState, classState, depositAccountState, classListState, } = state;
     const userListSelectorView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'cardHolderCandidate');
@@ -97,3 +98,43 @@ const getIssueChargeCardView = (state, isCreditCardEnabled, isDebitCardEnabled)
     };
 };
 exports.getIssueChargeCardView = getIssueChargeCardView;
+// AI CFO chat session that triggered the most recent issue; lets the cards
+// list screen attribute the pending placeholder + synthetic drawer bubble.
+const getLastIssueChargeCardsSourceChatSessionId = (state) => {
+    return state.issueChargeCardState.lastIssueSourceChatSessionId;
+};
+exports.getLastIssueChargeCardsSourceChatSessionId = getLastIssueChargeCardsSourceChatSessionId;
+// Cards created by the most recent successful issue; AI CFO drawer's "Created"
+// bubble maps back through these.
+const getLastIssuedChargeCardIds = (state) => {
+    return state.issueChargeCardState.lastIssuedCardIds;
+};
+exports.getLastIssuedChargeCardIds = getLastIssuedChargeCardIds;
+const getIssueChargeCardsSaveStatus = (state) => {
+    return state.issueChargeCardState.saveStatus;
+};
+exports.getIssueChargeCardsSaveStatus = getIssueChargeCardsSaveStatus;
+// Mirrors `localData.length` while in flight so the list can render N skeleton
+// rows at the top of the table.
+const getInFlightIssueChargeCardsCount = (state) => {
+    if (state.issueChargeCardState.saveStatus.fetchState !== 'In-Progress') {
+        return 0;
+    }
+    return state.issueChargeCardState.localData.length;
+};
+exports.getInFlightIssueChargeCardsCount = getInFlightIssueChargeCardsCount;
+// Hydrates `CardsCreationInteractiveForm`'s RHF; `undefined` outside the
+// seed/clear window.
+const getAiCardCreationFormDraft = (state) => {
+    return state.issueChargeCardState.aiCardCreationFormDraft;
+};
+exports.getAiCardCreationFormDraft = getAiCardCreationFormDraft;
+// Returns [] when the draft is absent so callers can short-circuit submission.
+const selectIssueChargeCardLocalDataFromDraft = (state) => {
+    const draft = state.issueChargeCardState.aiCardCreationFormDraft;
+    if (draft == null) {
+        return [];
+    }
+    return (0, toIssueChargeCardLocalDataFromDraft_1.toIssueChargeCardLocalDataFromDraft)(draft);
+};
+exports.selectIssueChargeCardLocalDataFromDraft = selectIssueChargeCardLocalDataFromDraft;

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

@@ -1,13 +1,18 @@
 import { Amount } from '../../../../commonStateTypes/amount';
 import { FetchStateAndError, FetchedState, ID } from '../../../../commonStateTypes/common';
 import { ChargeCardType, CreditCardCodeType, CreditLimitFrequencyCodeType, DebitCardCodeType, ShippingAddressType } from '../../../../entity/chargeCard/chargeCard';
+import { AiCardCreationFormDraftSeedContext, CardsFormDraft } from './aiCardCreationFormDraftTypes';
 export interface IssueChargeCardState extends FetchedState {
     activeChargeCardCount: Record<ID, ActiveChargeCardCount>;
     activeDebitCardCountByDepositAccountId: Record<ID, ActiveDebitCardCountByUserId>;
     depositAccountIds: ID[];
     depositAccountsFetchState: FetchStateAndError;
+    lastIssuedCardIds: ID[];
     localData: IssueChargeCardLocalData[];
     saveStatus: FetchStateAndError;
+    aiCardCreationFormDraft?: CardsFormDraft;
+    aiCardCreationFormDraftContext?: AiCardCreationFormDraftSeedContext;
+    lastIssueSourceChatSessionId?: ID;
     lastSelfIssuedDebitCardId?: ID;
 }
 export interface ActiveChargeCardCount {

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

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { upsertAnswerPayload, upsertOrAddQuestionAnswerPayload } from '../../../../entity/aiCfo/aiCfoReducer';
+import { RootState } from '../../../../reducer';
+import { fetchUserListByType } from '../../../userListView/userListViewReducer';
+import { clearAiCardCreationFormDraft, issueChargeCardSuccessOrFailure, seedAiCardCreationFormDraft } from './issueChargeCardReducer';
+export type ActionType = ReturnType<typeof fetchUserListByType> | ReturnType<typeof seedAiCardCreationFormDraft> | ReturnType<typeof clearAiCardCreationFormDraft>;
+type SeedTriggerAction = ReturnType<typeof upsertAnswerPayload> | ReturnType<typeof upsertOrAddQuestionAnswerPayload>;
+type InboundAction = SeedTriggerAction | ReturnType<typeof issueChargeCardSuccessOrFailure>;
+export declare const seedAiCardCreationFormDraftEpic: (actions$: ActionsObservable<InboundAction>, state$: StateObservable<RootState>) => Observable<ActionType>;
+export {};

package/lib/view/spendManagement/chargeCards/issueChargeCard/seedAiCardCreationFormDraftEpic.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.seedAiCardCreationFormDraftEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const aiCfoReducer_1 = require("../../../../entity/aiCfo/aiCfoReducer");
+const aiCfoSelector_1 = require("../../../../entity/aiCfo/aiCfoSelector");
+const userListViewReducer_1 = require("../../../userListView/userListViewReducer");
+const userListViewSelector_1 = require("../../../userListView/userListViewSelector");
+const issueChargeCardReducer_1 = require("./issueChargeCardReducer");
+const readAllUsersAsUserArray = (state) => (0, userListViewSelector_1.getUserList)(state.userState, state.userRoleState, state.userListViewState, 'cardHolderCandidate')
+    .users.map((person) => person.user)
+    .filter((user) => user != null);
+const readCardsCreationPayload = (state, chatSessionId, questionAnswerId) => {
+    const qa = (0, aiCfoSelector_1.getQuestionAnswerByIdForChatSession)(state.aiCfoState, chatSessionId, questionAnswerId);
+    const visualization = qa?.responses.answer?.content.visualization;
+    if (visualization?.type !== 'interactive_form') {
+        return undefined;
+    }
+    const data = visualization.data;
+    if (!('formType' in data) || data.formType !== 'cards_creation') {
+        return undefined;
+    }
+    return data.payload;
+};
+// Pusher may target "latest QA"; REST always carries the id. Either way,
+// resolve to the QA the reducer just wrote so we can read it off state.
+const resolveQuestionAnswerId = (state, action) => {
+    if (action.payload.questionAnswerId != null) {
+        return action.payload.questionAnswerId;
+    }
+    const session = state.aiCfoState.aiCfoByChatSessionId[action.payload.chatSessionId];
+    return session?.questionAnswers.slice(-1)[0]?.questionAnswerId;
+};
+const isSeedTrigger = (action) => aiCfoReducer_1.upsertAnswerPayload.match(action) ||
+    aiCfoReducer_1.upsertOrAddQuestionAnswerPayload.match(action);
+const seedAiCardCreationFormDraftEpic = (actions$, state$) => actions$.pipe((0, operators_1.mergeMap)((action) => {
+    if (issueChargeCardReducer_1.issueChargeCardSuccessOrFailure.match(action) &&
+        action.payload.fetchState === 'Completed') {
+        return (0, rxjs_1.of)((0, issueChargeCardReducer_1.clearAiCardCreationFormDraft)());
+    }
+    if (!isSeedTrigger(action)) {
+        return rxjs_1.EMPTY;
+    }
+    const state = state$.value;
+    const questionAnswerId = resolveQuestionAnswerId(state, action);
+    if (questionAnswerId == null) {
+        return rxjs_1.EMPTY;
+    }
+    const payload = readCardsCreationPayload(state, action.payload.chatSessionId, questionAnswerId);
+    if (payload == null) {
+        return rxjs_1.EMPTY;
+    }
+    const allUsersNow = readAllUsersAsUserArray(state);
+    if (allUsersNow.length > 0) {
+        return (0, rxjs_1.of)((0, issueChargeCardReducer_1.seedAiCardCreationFormDraft)(allUsersNow, payload));
+    }
+    const seedWhenUsersLoaded$ = state$.pipe((0, operators_1.map)(readAllUsersAsUserArray), (0, operators_1.distinctUntilChanged)((prev, next) => prev.length === next.length &&
+        prev.every((user, idx) => user === next[idx])), (0, operators_1.filter)((users) => users.length > 0), (0, operators_1.take)(1), (0, operators_1.map)((users) => (0, issueChargeCardReducer_1.seedAiCardCreationFormDraft)(users, payload)));
+    const userListFetchState = state.userListViewState.userListByType.cardHolderCandidate.fetchState;
+    if (userListFetchState === 'In-Progress') {
+        return seedWhenUsersLoaded$;
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.of)((0, userListViewReducer_1.fetchUserListByType)('cardHolderCandidate', false)), seedWhenUsersLoaded$);
+}));
+exports.seedAiCardCreationFormDraftEpic = seedAiCardCreationFormDraftEpic;

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

@@ -0,0 +1,3 @@
+import { CardsFormDraft } from './aiCardCreationFormDraftTypes';
+import { IssueChargeCardLocalData } from './issueChargeCardState';
+export declare const toIssueChargeCardLocalDataFromDraft: (draft: CardsFormDraft) => IssueChargeCardLocalData[];

package/lib/view/spendManagement/chargeCards/issueChargeCard/toIssueChargeCardLocalDataFromDraft.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toIssueChargeCardLocalDataFromDraft = void 0;
+// V1: AI CFO only issues monthly business_virtual_credit_cards. Form has no
+// frequency field; the unused physicalCard/debitCard slots are filled with
+// empty defaults the epic ignores.
+const DEFAULT_FREQUENCY = 'monthly';
+const DEFAULT_CURRENCY_CODE = 'USD';
+const DEFAULT_CURRENCY_SYMBOL = '$';
+const mapCardRow = (row) => {
+    const ownerUserId = row.owner.selectedUser?.userId;
+    return {
+        lineId: row.id,
+        chargeCardType: 'credit_card',
+        creditCard: {
+            cardType: 'business_virtual_credit_card',
+            virtualCard: {
+                cardName: row.label,
+                frequency: DEFAULT_FREQUENCY,
+                userIds: ownerUserId != null ? [ownerUserId] : [],
+                amount: {
+                    amount: row.recommendedLimit ?? 0,
+                    currencyCode: DEFAULT_CURRENCY_CODE,
+                    currencySymbol: DEFAULT_CURRENCY_SYMBOL,
+                },
+            },
+            physicalCard: {
+                cardName: '',
+                frequency: DEFAULT_FREQUENCY,
+            },
+        },
+        debitCard: {
+            cardType: 'business_virtual_debit_card',
+            virtualCard: {
+                cardName: '',
+                frequency: DEFAULT_FREQUENCY,
+                userIds: [],
+            },
+            physicalCard: {
+                cardName: '',
+                frequency: DEFAULT_FREQUENCY,
+            },
+        },
+    };
+};
+// Returns [] when `cardRows` is empty so callers can short-circuit submission.
+const toIssueChargeCardLocalDataFromDraft = (draft) => draft.cardRows.map(mapCardRow);
+exports.toIssueChargeCardLocalDataFromDraft = toIssueChargeCardLocalDataFromDraft;

package/lib/view/spendManagement/reimbursement/editRemiView/epics/fetchEditRemiDetailPageEpic.js

@@ -66,7 +66,11 @@ const fetchEditRemiDetailPageEpic = (actions$, state$) => actions$.pipe((0, oper
             const approvalRules = state.remiSetupApproverViewState;
             if (approvalRules.fetchState !== 'Completed' &&
                 approvalRules.fetchState !== 'In-Progress') {
-                remiDetailActions.push((0, remiSetupApproverViewReducer_1.fetchRemiSetupApproverView)(true));
+                // Side-fetch from the edit-reim page bootstrap. The
+                // triggering action doesn't carry the V3 flag, so we
+                // explicitly target v1; v3 tenants re-fetch via their
+                // own screen connector.
+                remiDetailActions.push((0, remiSetupApproverViewReducer_1.fetchRemiSetupApproverView)(true, false, false, false));
             }
         }
     }

package/lib/view/spendManagement/reimbursement/remiSetupApproverView/epic/deleteRemiApprovalRuleEpic.js

@@ -9,9 +9,17 @@ const userReducer_1 = require("../../../../../entity/user/userReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
 const remiSetupApproverViewReducer_1 = require("../remiSetupApproverViewReducer");
 const deleteRemiApprovalRuleEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(remiSetupApproverViewReducer_1.deleteRemiApprovalRule.match), (0, operators_1.switchMap)((action) => {
-    const { approvalRuleId } = action.payload;
+    const { approvalRuleId, useV3 } = action.payload;
+    // Approval Rules 3.0 — flag-gated endpoint selection.
+    // Explicit `=== true` keeps `strict-boolean-expressions` happy
+    // when RTK's payload type widens to `any` in some configs.
+    const endpoint = useV3 === true
+        ? `${zeniAPI.apiEndPoints.approvalMicroServiceBaseUrl}/1.0/reimbursements/approval-rules-v2`
+        : `${zeniAPI.apiEndPoints.approvalMicroServiceBaseUrl}/1.0/reimbursements/approval-rules`;
     return zeniAPI
-        .deleteAndGetJSON(`${zeniAPI.apiEndPoints.approvalMicroServiceBaseUrl}/1.0/reimbursements/approval-rules`, { approval_rule_id: approvalRuleId })
+        .deleteAndGetJSON(endpoint, {
+        approval_rule_id: approvalRuleId,
+    })
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const approvalRuleIds = response.data.approval_rules.map((approvalRule) => approvalRule.approval_rule_id);

package/lib/view/spendManagement/reimbursement/remiSetupApproverView/epic/fetchRemiSetupApproverViewEpic.js

@@ -9,7 +9,7 @@ const userReducer_1 = require("../../../../../entity/user/userReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
 const remiSetupApproverViewReducer_1 = require("../remiSetupApproverViewReducer");
 const fetchRemiSetupApproverViewEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(remiSetupApproverViewReducer_1.fetchRemiSetupApproverView.match), (0, operators_1.switchMap)((action) => {
-    const { cacheOverride, resolveAttributeToUser, includeImplicitActors } = action.payload;
+    const { cacheOverride, resolveAttributeToUser, includeImplicitActors, useV3, } = action.payload;
     const { remiSetupApproverViewState, approvalRuleState } = state$.value;
     const approvalRules = (0, approvalRuleSelector_1.getApprovalRulesByIds)(approvalRuleState, remiSetupApproverViewState.approvalRuleIds);
     if (cacheOverride === true ||
@@ -17,8 +17,14 @@ const fetchRemiSetupApproverViewEpic = (actions$, state$, zeniAPI) => actions$.p
             remiSetupApproverViewState.approvalRuleIds.length ||
         (remiSetupApproverViewState.hasValidState() === false &&
             remiSetupApproverViewState.fetchState !== 'In-Progress')) {
+        // Approval Rules 3.0 — flag-gated endpoint selection.
+        // Explicit `=== true` keeps `strict-boolean-expressions` happy
+        // when RTK's payload type widens to `any` in some configs.
+        const basePath = useV3 === true
+            ? `${zeniAPI.apiEndPoints.approvalMicroServiceBaseUrl}/1.0/reimbursements/approval-rules-v2`
+            : `${zeniAPI.apiEndPoints.approvalMicroServiceBaseUrl}/1.0/reimbursements/approval-rules`;
         return zeniAPI
-            .getJSON(`${zeniAPI.apiEndPoints.approvalMicroServiceBaseUrl}/1.0/reimbursements/approval-rules?query={"is_include_implicit_actors": ${includeImplicitActors}, "is_resolve_attribute_to_user":${resolveAttributeToUser}}`)
+            .getJSON(`${basePath}?query={"is_include_implicit_actors": ${includeImplicitActors}, "is_resolve_attribute_to_user":${resolveAttributeToUser}}`)
             .pipe((0, operators_1.mergeMap)((response) => {
             if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
                 const approvalRuleIds = response.data.approval_rules.map((approvalRule) => approvalRule.approval_rule_id);