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

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

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

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

@@ -0,0 +1,6 @@
+import { AiCardCreationFormDraftSeedContext, CardsFormDraft } from './aiCardCreationFormDraftTypes';
+export interface ApplyAiCardCreationFormDraftUpdateArgs {
+    context: AiCardCreationFormDraftSeedContext | undefined;
+    next: CardsFormDraft;
+}
+export declare const applyAiCardCreationFormDraftUpdate: ({ next, context, }: ApplyAiCardCreationFormDraftUpdateArgs) => CardsFormDraft;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyAiCardCreationFormDraftUpdate = void 0;
+const deriveAiCardRowsFromTeams_1 = require("./deriveAiCardRowsFromTeams");
+// Single source of truth for "what the next form draft should look like
+// after a watchHandler flush". `create` mode + missing context keep the
+// payload as-is; `review` mode re-derives step-2 cardRows from the latest
+// teamRows, preserving in-place edits via prevCardRows.
+const applyAiCardCreationFormDraftUpdate = ({ next, context, }) => {
+    if (context == null || context.mode === 'create') {
+        return next;
+    }
+    return {
+        teamRows: next.teamRows,
+        cardRows: (0, deriveAiCardRowsFromTeams_1.deriveAiCardRowsFromTeams)({
+            teamRows: next.teamRows,
+            prevCardRows: next.cardRows,
+            allUsers: context.allUsers,
+            defaultCardOptionId: context.defaultCardOptionId,
+            suggestedOwnerUserIdByTeamId: context.suggestedOwnerUserIdByTeamId,
+        }),
+    };
+};
+exports.applyAiCardCreationFormDraftUpdate = applyAiCardCreationFormDraftUpdate;

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

@@ -0,0 +1,25 @@
+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;
+}
+/**
+ * Build the initial `CardsFormDraft` + companion seed context for a
+ * fresh AI card-creation session. Used by the `seedAiCardCreationFormDraft`
+ * reducer.
+ *
+ * Branches on `initialData.mode`:
+ * - `review`: step-1 team rows start fully checked. Step-2 `cardRows`
+ *   is left empty — `deriveAiCardRowsFromTeams` materializes it on
+ *   subsequent `updateAiCardCreationFormDraft` dispatches.
+ * - `create`: no step-1 list — seed `cardRows` directly from the AI's
+ *   suggested cards (resolving owners via `allUsers`) and leave
+ *   `teamRows` empty.
+ */
+export declare const buildAiCardCreationFormDraftSeed: ({ initialData, allUsers, }: BuildAiCardCreationFormDraftSeedArgs) => BuildAiCardCreationFormDraftSeedResult;

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildAiCardCreationFormDraftSeed = void 0;
+/**
+ * Build the initial `CardsFormDraft` + companion seed context for a
+ * fresh AI card-creation session. Used by the `seedAiCardCreationFormDraft`
+ * reducer.
+ *
+ * Branches on `initialData.mode`:
+ * - `review`: step-1 team rows start fully checked. Step-2 `cardRows`
+ *   is left empty — `deriveAiCardRowsFromTeams` materializes it on
+ *   subsequent `updateAiCardCreationFormDraft` dispatches.
+ * - `create`: no step-1 list — seed `cardRows` directly from the AI's
+ *   suggested cards (resolving owners via `allUsers`) and leave
+ *   `teamRows` empty.
+ */
+const buildAiCardCreationFormDraftSeed = ({ initialData, allUsers, }) => {
+    const context = {
+        allUsers,
+        defaultCardOptionId: initialData.cardOptions[0]?.id,
+        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: [],
+        },
+    };
+};
+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,
+        cardOptionId: seed.cardOptionId,
+        owner: {
+            allUsers,
+            selectedUser,
+        },
+        recommendedLimit: seed.recommendedLimit,
+    };
+};

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

@@ -0,0 +1,26 @@
+import { User } from '../../../../entity/user/userState';
+import { CardsCardRow, CardsTeamRow } from './aiCardCreationFormDraftTypes';
+export interface DeriveAiCardRowsFromTeamsArgs {
+    allUsers: User[];
+    /** First card option id; used as the per-row default when nothing else applies. */
+    defaultCardOptionId: string | undefined;
+    /** Map of teamId -> suggested owner userId surfaced by the AI. */
+    suggestedOwnerUserIdByTeamId: Record<string, string | undefined>;
+    teamRows: CardsTeamRow[];
+    /** Existing step-2 rows; preserved row-for-row when the team is still checked. */
+    prevCardRows?: CardsCardRow[];
+}
+/**
+ * Derive the step-2 `cardRows` from the user's step-1 team selection.
+ *
+ * Behaviour:
+ * - One output row per `teamRow.isChecked === true`, in the same order.
+ * - When a team is still checked AND we have a previous row for it, the
+ *   previous row is preserved verbatim — so user edits made in step 2
+ *   aren't blown away when an upstream watchHandler re-derives.
+ * - Newly-included teams fall back to:
+ *     - `cardOptionId = defaultCardOptionId`
+ *     - `selectedUser = the User whose userId === suggestedOwnerUserIdByTeamId[teamId]`
+ *     - `recommendedLimit = numeric parse of `teamRow.rightLabel` (e.g. "$20,000")`
+ */
+export declare const deriveAiCardRowsFromTeams: ({ teamRows, prevCardRows, allUsers, defaultCardOptionId, suggestedOwnerUserIdByTeamId, }: DeriveAiCardRowsFromTeamsArgs) => CardsCardRow[];

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deriveAiCardRowsFromTeams = void 0;
+/**
+ * Derive the step-2 `cardRows` from the user's step-1 team selection.
+ *
+ * Behaviour:
+ * - One output row per `teamRow.isChecked === true`, in the same order.
+ * - When a team is still checked AND we have a previous row for it, the
+ *   previous row is preserved verbatim — so user edits made in step 2
+ *   aren't blown away when an upstream watchHandler re-derives.
+ * - Newly-included teams fall back to:
+ *     - `cardOptionId = defaultCardOptionId`
+ *     - `selectedUser = the User whose userId === suggestedOwnerUserIdByTeamId[teamId]`
+ *     - `recommendedLimit = numeric parse of `teamRow.rightLabel` (e.g. "$20,000")`
+ */
+const deriveAiCardRowsFromTeams = ({ teamRows, prevCardRows = [], allUsers, defaultCardOptionId, 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,
+            cardOptionId: defaultCardOptionId ?? '',
+            owner: {
+                allUsers,
+                selectedUser,
+            },
+            recommendedLimit: parseLimitToFloat(teamRow.rightLabel),
+        };
+    });
+};
+exports.deriveAiCardRowsFromTeams = deriveAiCardRowsFromTeams;
+// Best-effort numeric parse of an AI-provided limit string like "$20,000".
+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,44 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
             draft.depositAccountsFetchState.fetchState = action.payload.fetchState;
             draft.depositAccountsFetchState.error = action.payload.error;
         },
+        /**
+         * Seed the AI card-creation form draft + companion context from the
+         * AI's `interactive_form` payload. Dispatched once when the
+         * `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 } };
+            },
+        },
+        /**
+         * Replace the form draft from the component's `watchHandler`. Delegates
+         * to `applyAiCardCreationFormDraftUpdate` so the same derivation rules
+         * (review-mode `cardRows` re-derivation that preserves in-place edits)
+         * are shared with the Storybook owner harness.
+         */
+        updateAiCardCreationFormDraft(draft, action) {
+            draft.aiCardCreationFormDraft = (0, applyAiCardCreationFormDraftUpdate_1.applyAiCardCreationFormDraftUpdate)({
+                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,44 @@ export interface IssueChargeCardSelectorView extends SelectorView {
     lastSelfIssuedDebitCardId?: ID;
 }
 export declare const getIssueChargeCardView: (state: RootState, isCreditCardEnabled: boolean, isDebitCardEnabled: boolean) => IssueChargeCardSelectorView;
+/**
+ * Returns the AI CFO chat session id that triggered the most recent
+ * `issueChargeCards` dispatch (if any). Used by the cards list screen to
+ * decide whether the in-flight bulk-create originated from an AI CFO
+ * interactive form submission and should therefore render a pending
+ * placeholder + synthetic AI CFO drawer bubble.
+ */
+export declare const getLastIssueChargeCardsSourceChatSessionId: (state: RootState) => ID | undefined;
+/**
+ * Returns the ids of the cards created by the most recent successful
+ * `issueChargeCards` call. Used by the AI CFO drawer's "Created" success
+ * bubble to map back to the actual created entities.
+ */
+export declare const getLastIssuedChargeCardIds: (state: RootState) => ID[];
+/**
+ * Returns the save-status fetch state for the most recent `issueChargeCards`
+ * dispatch. Useful for gating pending placeholder rows on `In-Progress` /
+ * swapping them out on `Completed`.
+ */
+export declare const getIssueChargeCardsSaveStatus: (state: RootState) => FetchStateAndError;
+/**
+ * Returns the number of card rows currently being bulk-issued via the most
+ * recent `issueChargeCards` dispatch. Mirrors `localData.length` while the
+ * call is in flight so the cards list screen can render N skeleton rows at
+ * the top of the table.
+ */
+export declare const getInFlightIssueChargeCardsCount: (state: RootState) => number;
+/**
+ * Returns the current AI card-creation form draft, or `undefined` before
+ * `seedAiCardCreationFormDraft` runs / after `clearAiCardCreationFormDraft`.
+ * Used by the connected screens to hydrate the
+ * `CardsCreationInteractiveForm`'s RHF.
+ */
+export declare const getAiCardCreationFormDraft: (state: RootState) => CardsFormDraft | undefined;
+/**
+ * Project the AI card-creation form draft into the wire-ready
+ * `IssueChargeCardLocalData[]` payload `issueChargeCardEpic` expects.
+ * Returns an empty array when the draft is absent so callers can
+ * short-circuit submission without dispatching a no-op bulk POST.
+ */
+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,69 @@ const getIssueChargeCardView = (state, isCreditCardEnabled, isDebitCardEnabled)
     };
 };
 exports.getIssueChargeCardView = getIssueChargeCardView;
+/**
+ * Returns the AI CFO chat session id that triggered the most recent
+ * `issueChargeCards` dispatch (if any). Used by the cards list screen to
+ * decide whether the in-flight bulk-create originated from an AI CFO
+ * interactive form submission and should therefore render a pending
+ * placeholder + synthetic AI CFO drawer bubble.
+ */
+const getLastIssueChargeCardsSourceChatSessionId = (state) => {
+    return state.issueChargeCardState.lastIssueSourceChatSessionId;
+};
+exports.getLastIssueChargeCardsSourceChatSessionId = getLastIssueChargeCardsSourceChatSessionId;
+/**
+ * Returns the ids of the cards created by the most recent successful
+ * `issueChargeCards` call. Used by the AI CFO drawer's "Created" success
+ * bubble to map back to the actual created entities.
+ */
+const getLastIssuedChargeCardIds = (state) => {
+    return state.issueChargeCardState.lastIssuedCardIds;
+};
+exports.getLastIssuedChargeCardIds = getLastIssuedChargeCardIds;
+/**
+ * Returns the save-status fetch state for the most recent `issueChargeCards`
+ * dispatch. Useful for gating pending placeholder rows on `In-Progress` /
+ * swapping them out on `Completed`.
+ */
+const getIssueChargeCardsSaveStatus = (state) => {
+    return state.issueChargeCardState.saveStatus;
+};
+exports.getIssueChargeCardsSaveStatus = getIssueChargeCardsSaveStatus;
+/**
+ * Returns the number of card rows currently being bulk-issued via the most
+ * recent `issueChargeCards` dispatch. Mirrors `localData.length` while the
+ * call is in flight so the cards list screen 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;
+/**
+ * Returns the current AI card-creation form draft, or `undefined` before
+ * `seedAiCardCreationFormDraft` runs / after `clearAiCardCreationFormDraft`.
+ * Used by the connected screens to hydrate the
+ * `CardsCreationInteractiveForm`'s RHF.
+ */
+const getAiCardCreationFormDraft = (state) => {
+    return state.issueChargeCardState.aiCardCreationFormDraft;
+};
+exports.getAiCardCreationFormDraft = getAiCardCreationFormDraft;
+/**
+ * Project the AI card-creation form draft into the wire-ready
+ * `IssueChargeCardLocalData[]` payload `issueChargeCardEpic` expects.
+ * Returns an empty array when the draft is absent so callers can
+ * short-circuit submission without dispatching a no-op bulk POST.
+ */
+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,31 @@
 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;
+    /**
+     * Current AI CFO card-creation form draft. Hydrates the
+     * `CardsCreationInteractiveForm` and is replaced wholesale on every
+     * `watchHandler` tick via `updateAiCardCreationFormDraft`. `undefined`
+     * before `seedAiCardCreationFormDraft` runs and after
+     * `clearAiCardCreationFormDraft`.
+     */
+    aiCardCreationFormDraft?: CardsFormDraft;
+    /**
+     * Companion seed context for `aiCardCreationFormDraft`. The reducer
+     * uses this to re-derive step-2 `cardRows` from step-1 `teamRows`
+     * selections on subsequent `updateAiCardCreationFormDraft` dispatches
+     * without the component re-passing the AI's full universe.
+     */
+    aiCardCreationFormDraftContext?: AiCardCreationFormDraftSeedContext;
+    lastIssueSourceChatSessionId?: ID;
     lastSelfIssuedDebitCardId?: ID;
 }
 export interface ActiveChargeCardCount {

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

@@ -0,0 +1,11 @@
+import { CardsFormDraft } from './aiCardCreationFormDraftTypes';
+import { IssueChargeCardLocalData } from './issueChargeCardState';
+/**
+ * Convert a `CardsFormDraft` into the `IssueChargeCardLocalData[]`
+ * payload `issueChargeCardEpic` expects in
+ * `state.issueChargeCardState.localData`.
+ *
+ * Returns an empty array when `cardRows` is empty so callers can
+ * short-circuit without dispatching a no-op bulk POST.
+ */
+export declare const toIssueChargeCardLocalDataFromDraft: (draft: CardsFormDraft) => IssueChargeCardLocalData[];

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toIssueChargeCardLocalDataFromDraft = void 0;
+/**
+ * Default credit limit frequency emitted on the wire when the AI CFO
+ * card creation form is submitted. The interactive form has no
+ * frequency field today (v1 product decision: AI CFO only ever issues
+ * monthly virtual credit cards).
+ */
+const DEFAULT_FREQUENCY = 'monthly';
+const DEFAULT_CURRENCY_CODE = 'USD';
+const DEFAULT_CURRENCY_SYMBOL = '$';
+/**
+ * Map a single AI card-creation row to the `IssueChargeCardLocalData`
+ * shape consumed by `issueChargeCardEpic`.
+ *
+ * AI CFO only issues `business_virtual_credit_card`s in v1, so:
+ *   - `chargeCardType` is hard-coded to `'credit_card'`
+ *   - `creditCard.cardType` is hard-coded to `'business_virtual_credit_card'`
+ *   - the physicalCard / debitCard.* slots are populated with empty
+ *     defaults that the epic ignores.
+ *
+ * The form's `cardOptionId` is intentionally ignored: it's a UI-only
+ * selector ("physical" / "virtual") that the AI uses to suggest a
+ * flavour, but the bulk-create wire contract only supports the virtual
+ * branch in this iteration.
+ */
+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,
+            },
+        },
+    };
+};
+/**
+ * Convert a `CardsFormDraft` into the `IssueChargeCardLocalData[]`
+ * payload `issueChargeCardEpic` expects in
+ * `state.issueChargeCardState.localData`.
+ *
+ * Returns an empty array when `cardRows` is empty so callers can
+ * short-circuit without dispatching a no-op bulk POST.
+ */
+const toIssueChargeCardLocalDataFromDraft = (draft) => draft.cardRows.map(mapCardRow);
+exports.toIssueChargeCardLocalDataFromDraft = toIssueChargeCardLocalDataFromDraft;

package/lib/view/taskManager/taskListView/taskListReducer.d.ts

@@ -14,7 +14,7 @@ export declare const fetchTaskListPage: import("@reduxjs/toolkit").ActionCreator
     archived?: TaskPayload[];
     deleted?: TaskPayload[];
     snoozed?: TaskPayload[];
-}, "taskList/updateTaskList">, updateTaskListTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"deleted" | "live" | "archived" | "snoozed", "taskList/updateTaskListTab">, updateTaskListFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "taskList/updateTaskList">, updateTaskListTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"deleted" | "archived" | "live" | "snoozed", "taskList/updateTaskListTab">, updateTaskListFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     fetchState: FetchState;
     error?: ZeniAPIStatus;
 }, "taskList/updateTaskListFetchStatus">, updateTaskListSearchText: import("@reduxjs/toolkit").ActionCreatorWithPayload<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.0.82",
+  "version": "5.0.83-betaRR1",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",