@zeniai/client-epic-state 5.0.92 → 5.0.93-beta0ND

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

@@ -0,0 +1,96 @@
+import { CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT, CARD_POLICY_LIMIT_ROW_ID_TRANSACTION, } from './cardPolicyFormDraftTypes';
+import { REVIEW_GROUP_IDS, REVIEW_LIMIT_CHIP_IDS, amountFromLimitRow, collectCategoryCodes, collectMerchantNames, } from './cardPolicyRequestParts';
+const isSelectedChip = (chip) => chip.isSelected !== false;
+const chipsInGroup = (row, groupId) => {
+    const group = row.chipGroups.find((g) => g.id === groupId);
+    if (group == null) {
+        return [];
+    }
+    return group.chips.filter(isSelectedChip);
+};
+const collectVendorLabelsFromReviewRow = (row, groupId) => chipsInGroup(row, groupId).map((chip) => chip.label);
+const collectCategoryCodesFromReviewRow = (row, groupId) => chipsInGroup(row, groupId).map((chip) => chip.optionalCode ?? chip.id);
+const collectCardIdsFromReviewRow = (row) => chipsInGroup(row, REVIEW_GROUP_IDS.appliedToCards).flatMap((chip) => chip.cardIds ?? []);
+const limitValueFromReviewRow = (row, chipId) => {
+    const group = row.chipGroups.find((g) => g.id === REVIEW_GROUP_IDS.limits);
+    if (group == null) {
+        return null;
+    }
+    const chip = group.chips.find((c) => c.id === chipId && isSelectedChip(c));
+    if (chip == null) {
+        return null;
+    }
+    if (chip.optionalCode != null) {
+        const parsed = Number(chip.optionalCode);
+        return Number.isFinite(parsed) ? parsed : null;
+    }
+    const labelDigits = chip.label.match(/\d+(?:\.\d+)?/);
+    if (labelDigits == null) {
+        return null;
+    }
+    const parsed = Number(labelDigits[0]);
+    return Number.isFinite(parsed) ? parsed : null;
+};
+const buildGuidedEntry = (row, draft, guidedMode, description) => ({
+    allowedEntity: {
+        categoryCodes: collectCategoryCodes(draft.categoryPolicy, 'allow'),
+        merchantNames: collectMerchantNames(draft.vendorPolicy, 'allow'),
+    },
+    applyToCards: draft.cardSelections
+        .filter((card) => card.isChecked)
+        .map((card) => card.id),
+    blockedEntity: {
+        categoryCodes: collectCategoryCodes(draft.categoryPolicy, 'block'),
+        merchantNames: collectMerchantNames(draft.vendorPolicy, 'block'),
+    },
+    description: description.trim(),
+    mode: guidedMode,
+    name: row.name.trim(),
+    requiredReceiptThreshold: amountFromLimitRow(draft.limits, CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT),
+    spendLimits: {
+        transaction: amountFromLimitRow(draft.limits, CARD_POLICY_LIMIT_ROW_ID_TRANSACTION),
+    },
+});
+const buildAutoEntry = (row, description) => ({
+    allowedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, REVIEW_GROUP_IDS.allowedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, REVIEW_GROUP_IDS.allowedVendors),
+    },
+    applyToCards: collectCardIdsFromReviewRow(row),
+    blockedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, REVIEW_GROUP_IDS.restrictedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, REVIEW_GROUP_IDS.blockedVendors),
+    },
+    description: description.trim(),
+    name: row.name.trim(),
+});
+const buildUploadEntry = (row, draft, description) => ({
+    allowedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, REVIEW_GROUP_IDS.allowedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, REVIEW_GROUP_IDS.allowedVendors),
+    },
+    applyToCards: draft.cardSelections
+        .filter((card) => card.isChecked)
+        .map((card) => card.id),
+    blockedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, REVIEW_GROUP_IDS.restrictedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, REVIEW_GROUP_IDS.blockedVendors),
+    },
+    description: description.trim(),
+    name: row.name.trim(),
+    requiredReceiptThreshold: limitValueFromReviewRow(row, REVIEW_LIMIT_CHIP_IDS.receipt),
+    spendLimits: {
+        transaction: limitValueFromReviewRow(row, REVIEW_LIMIT_CHIP_IDS.transaction),
+    },
+});
+// One entry per checked review row; per-mode key contract enforced internally.
+export const toBulkCardPolicyTemplateRequestsFromDraft = ({ draft, description = '', guidedMode = 'strict', }) => {
+    const checkedRows = draft.policiesReview.filter((row) => row.isChecked);
+    if (draft.policyKind === 'guided') {
+        return checkedRows.map((row) => buildGuidedEntry(row, draft, guidedMode, description));
+    }
+    if (draft.policyKind === 'upload') {
+        return checkedRows.map((row) => buildUploadEntry(row, draft, description));
+    }
+    return checkedRows.map((row) => buildAutoEntry(row, description));
+};

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

@@ -0,0 +1,59 @@
+import { CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT, CARD_POLICY_LIMIT_ROW_ID_TRANSACTION, } from './cardPolicyFormDraftTypes';
+import { amountFromLimitRow, collectCategoryCodes, collectMerchantNames, projectAutoReviewRowToCardPolicyRequestParts, } from './cardPolicyRequestParts';
+// auto/upload project from the active review row's chip groups; guided reads source slices.
+// Active row = first checked, else first; name follows the same rule.
+export const toCardPolicyTemplateRequestFromDraft = ({ draft, description = '', mode = 'strict', }) => {
+    const name = pickPolicyName(draft);
+    const base = {
+        description: description.trim(),
+        mode,
+        name: name.trim(),
+    };
+    if (draft.policyKind === 'auto' || draft.policyKind === 'upload') {
+        const activeRow = draft.policiesReview.find((row) => row.isChecked) ??
+            draft.policiesReview[0];
+        if (activeRow == null) {
+            return {
+                ...base,
+                allowedEntity: { categoryCodes: [], merchantNames: [] },
+                applyToCards: [],
+                blockedEntity: { categoryCodes: [], merchantNames: [] },
+                requiredReceiptThreshold: null,
+                spendLimits: { transaction: null },
+            };
+        }
+        return {
+            ...base,
+            ...projectAutoReviewRowToCardPolicyRequestParts(activeRow),
+        };
+    }
+    // Guided
+    return {
+        ...base,
+        allowedEntity: {
+            categoryCodes: collectCategoryCodes(draft.categoryPolicy, 'allow'),
+            merchantNames: collectMerchantNames(draft.vendorPolicy, 'allow'),
+        },
+        applyToCards: draft.cardSelections
+            .filter((row) => row.isChecked)
+            .map((row) => row.id),
+        blockedEntity: {
+            categoryCodes: collectCategoryCodes(draft.categoryPolicy, 'block'),
+            merchantNames: collectMerchantNames(draft.vendorPolicy, 'block'),
+        },
+        requiredReceiptThreshold: amountFromLimitRow(draft.limits, CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT),
+        spendLimits: {
+            transaction: amountFromLimitRow(draft.limits, CARD_POLICY_LIMIT_ROW_ID_TRANSACTION),
+        },
+    };
+};
+const pickPolicyName = (draft) => {
+    const checked = draft.policiesReview.find((row) => row.isChecked);
+    if (checked != null) {
+        return checked.name;
+    }
+    if (draft.policiesReview.length > 0) {
+        return draft.policiesReview[0].name;
+    }
+    return '';
+};

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

@@ -0,0 +1,24 @@
+import { CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT, CARD_POLICY_LIMIT_ROW_ID_TRANSACTION, } from './cardPolicyFormDraftTypes';
+import { amountFromLimitRow, collectCategoryCodes, collectMerchantNames, } from './cardPolicyRequestParts';
+// Mirrors the AI guided builder without the `policiesReview` projection;
+// disabled limit toggles emit `null` (BE: "not configured").
+export const toManualCardPolicyTemplateRequestFromDraft = (draft) => ({
+    allowedEntity: {
+        categoryCodes: collectCategoryCodes(draft.categoryPolicy, 'allow'),
+        merchantNames: collectMerchantNames(draft.vendorPolicy, 'allow'),
+    },
+    applyToCards: draft.cardSelections
+        .filter((row) => row.isChecked)
+        .map((row) => row.id),
+    blockedEntity: {
+        categoryCodes: collectCategoryCodes(draft.categoryPolicy, 'block'),
+        merchantNames: collectMerchantNames(draft.vendorPolicy, 'block'),
+    },
+    description: draft.description.trim(),
+    mode: draft.mode,
+    name: draft.name.trim(),
+    requiredReceiptThreshold: amountFromLimitRow(draft.limits, CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT),
+    spendLimits: {
+        transaction: amountFromLimitRow(draft.limits, CARD_POLICY_LIMIT_ROW_ID_TRANSACTION),
+    },
+});

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

@@ -87,6 +87,31 @@ export const getChargeCardListView = (state, includeCreditAccountDebitSummaryAnd
         hasDebitCard,
     };
 };
+/**
+ * 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 const getAllChargeCardsWithUser = (state) => {
+    const { chargeCardListState, chargeCardState, chargeCardConfigState } = state;
+    const cards = getChargeCardsByIds(chargeCardState, chargeCardListState.cardIds);
+    const chargeCardsWithUser = getChargeCardsWithUser(cards, state);
+    const fetchState = reduceFetchState([
+        chargeCardListState,
+        chargeCardConfigState,
+    ]).fetchState;
+    return {
+        fetchState,
+        error: chargeCardListState.error,
+        cards: chargeCardsWithUser,
+        version: '1.0',
+    };
+};
 export const getMyPendingActivationChargeCardListView = (state) => {
     const { tenantState, chargeCardListState, chargeCardState } = state;
     const cards = getChargeCardsByIds(chargeCardState, chargeCardListState.cardIds);

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

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

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

@@ -0,0 +1,34 @@
+import { deriveAiCardRowsFromTeams } from './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.
+export 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: deriveAiCardRowsFromTeams({
+            teamRows: next.teamRows,
+            prevCardRows: next.cardRows,
+            allUsers: context.allUsers,
+            suggestedOwnerUserIdByTeamId: context.suggestedOwnerUserIdByTeamId,
+        }),
+    };
+};
+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/esm/view/spendManagement/chargeCards/issueChargeCard/buildAiCardCreationFormDraftSeed.js

@@ -0,0 +1,57 @@
+import { deriveAiCardRowsFromTeams } from './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.
+export 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: deriveAiCardRowsFromTeams({
+                teamRows,
+                prevCardRows: [],
+                allUsers,
+                suggestedOwnerUserIdByTeamId: initialData.suggestedOwnerUserIdByTeamId,
+            }),
+        },
+    };
+};
+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/esm/view/spendManagement/chargeCards/issueChargeCard/deriveAiCardRowsFromTeams.js

@@ -0,0 +1,35 @@
+// 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`.
+export 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),
+        };
+    });
+};
+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/esm/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardEpic.js

@@ -7,7 +7,7 @@ import { updateAllUsers } from '../../../../entity/user/userReducer';
 import { updateUserRoles } from '../../../../entity/userRole/userRoleReducer';
 import { createZeniAPIStatus, isSuccessStatus, } from '../../../../responsePayload';
 import { updateChargeCardList } from '../chargeCardList/chargeCardListReducer';
-import { issueChargeCardSuccessOrFailure, issueChargeCards, updateChargeCardCount, updateDebitCardCount, updateLastSelfIssuedDebitCardId, } from './issueChargeCardReducer';
+import { issueChargeCardSuccessOrFailure, issueChargeCards, updateChargeCardCount, updateDebitCardCount, updateLastIssuedCardIds, updateLastSelfIssuedDebitCardId, } from './issueChargeCardReducer';
 export const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(issueChargeCards.match), switchMap(() => {
     const state = state$.value;
     const loggedInUserId = state$.value.tenantState.loggedInUser?.userId;
@@ -87,7 +87,7 @@ export const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe(
             actions.push(updateChargeCards(issuedCards), updateAllUsers({ users: response.data.users }), updateUserRoles(response.data.user_roles), updateChargeCardList({
                 chargeCardListPayload: response.data,
                 keepExistingListItems: true,
-            }), updateAddresses(response.data.addresses), updateChargeCardCount(response.data?.cards_count_by_user_id ?? []), updateDebitCardCount(response.data?.debit_cards_count_by_deposit_account_id ?? {}), issueChargeCardSuccessOrFailure({ fetchState: 'Completed' }));
+            }), updateAddresses(response.data.addresses), updateChargeCardCount(response.data?.cards_count_by_user_id ?? []), updateDebitCardCount(response.data?.debit_cards_count_by_deposit_account_id ?? {}), updateLastIssuedCardIds(issuedCards.map((card) => card.card_id)), issueChargeCardSuccessOrFailure({ fetchState: 'Completed' }));
             if (issuedCards.length === 1 &&
                 (issuedCards[0].card_type.code ===
                     'business_virtual_debit_card' ||

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

@@ -1,4 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { applyAiCardCreationFormDraftUpdate } from './applyAiCardCreationFormDraftUpdate';
+import { buildAiCardCreationFormDraftSeed } from './buildAiCardCreationFormDraftSeed';
 export const initialState = {
     depositAccountIds: [],
     depositAccountsFetchState: { fetchState: 'Not-Started', error: undefined },
@@ -14,6 +16,7 @@ export const initialState = {
     },
     activeChargeCardCount: {},
     activeDebitCardCountByDepositAccountId: {},
+    lastIssuedCardIds: [],
 };
 const issueChargeCard = createSlice({
     name: 'issueChargeCard',
@@ -34,14 +37,19 @@ const issueChargeCard = 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;
         },
@@ -49,6 +57,8 @@ const issueChargeCard = createSlice({
             draft.localData = [...initialState.localData];
             draft.saveStatus = initialState.saveStatus;
             draft.lastSelfIssuedDebitCardId = undefined;
+            draft.lastIssueSourceChatSessionId = undefined;
+            draft.lastIssuedCardIds = [];
         },
         updateLastSelfIssuedDebitCardId(draft, action) {
             draft.lastSelfIssuedDebitCardId = action.payload;
@@ -124,10 +134,38 @@ const issueChargeCard = 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 } = 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 = applyAiCardCreationFormDraftUpdate({
+                prev: draft.aiCardCreationFormDraft,
+                next: action.payload,
+                context: draft.aiCardCreationFormDraftContext,
+            });
+        },
+        clearAiCardCreationFormDraft(draft) {
+            draft.aiCardCreationFormDraft = undefined;
+            draft.aiCardCreationFormDraftContext = undefined;
+        },
         clearIssueChargeCard(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { issueChargeCards, updateChargeCardsLocalStore, updateLastSelfIssuedDebitCardId, issueChargeCardSuccessOrFailure, resetIssueChargeCardForm, updateCustomAddressId, updateChargeCardCount, updateDebitCardCount, fetchIssueCardPage, updateDepositAccountsInCards, fetchDepositAccountListForCards, updateDepositAccountListForCardsFetchStatus, clearIssueChargeCard, } = issueChargeCard.actions;
+export const { issueChargeCards, updateChargeCardsLocalStore, updateLastSelfIssuedDebitCardId, updateLastIssuedCardIds, issueChargeCardSuccessOrFailure, resetIssueChargeCardForm, updateCustomAddressId, updateChargeCardCount, updateDebitCardCount, fetchIssueCardPage, updateDepositAccountsInCards, fetchDepositAccountListForCards, updateDepositAccountListForCardsFetchStatus, seedAiCardCreationFormDraft, updateAiCardCreationFormDraft, clearAiCardCreationFormDraft, clearIssueChargeCard, } = issueChargeCard.actions;
 export default issueChargeCard.reducer;

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

@@ -5,6 +5,7 @@ import { getDepositAccountLimitsForChargeCardByDepositAccountIds } from '../../.
 import { getCurrentTenant } from '../../../../entity/tenant/tenantSelector';
 import { getNewAddress } from '../../../addressView/addressViewSelector';
 import { getUserList } from '../../../userListView/userListViewSelector';
+import { toIssueChargeCardLocalDataFromDraft } from './toIssueChargeCardLocalDataFromDraft';
 export const getIssueChargeCardView = (state, isCreditCardEnabled, isDebitCardEnabled) => {
     const { issueChargeCardState, userState, userRoleState, userListViewState, chargeCardConfigState, chargeCardListState, addressState, classState, depositAccountState, classListState, } = state;
     const userListSelectorView = getUserList(userState, userRoleState, userListViewState, 'cardHolderCandidate');
@@ -93,3 +94,37 @@ export const getIssueChargeCardView = (state, isCreditCardEnabled, isDebitCardEn
         lastSelfIssuedDebitCardId: issueChargeCardState.lastSelfIssuedDebitCardId,
     };
 };
+// AI CFO chat session that triggered the most recent issue; lets the cards
+// list screen attribute the pending placeholder + synthetic drawer bubble.
+export const getLastIssueChargeCardsSourceChatSessionId = (state) => {
+    return state.issueChargeCardState.lastIssueSourceChatSessionId;
+};
+// Cards created by the most recent successful issue; AI CFO drawer's "Created"
+// bubble maps back through these.
+export const getLastIssuedChargeCardIds = (state) => {
+    return state.issueChargeCardState.lastIssuedCardIds;
+};
+export const getIssueChargeCardsSaveStatus = (state) => {
+    return state.issueChargeCardState.saveStatus;
+};
+// Mirrors `localData.length` while in flight so the list can render N skeleton
+// rows at the top of the table.
+export const getInFlightIssueChargeCardsCount = (state) => {
+    if (state.issueChargeCardState.saveStatus.fetchState !== 'In-Progress') {
+        return 0;
+    }
+    return state.issueChargeCardState.localData.length;
+};
+// Hydrates `CardsCreationInteractiveForm`'s RHF; `undefined` outside the
+// seed/clear window.
+export const getAiCardCreationFormDraft = (state) => {
+    return state.issueChargeCardState.aiCardCreationFormDraft;
+};
+// Returns [] when the draft is absent so callers can short-circuit submission.
+export const selectIssueChargeCardLocalDataFromDraft = (state) => {
+    const draft = state.issueChargeCardState.aiCardCreationFormDraft;
+    if (draft == null) {
+        return [];
+    }
+    return toIssueChargeCardLocalDataFromDraft(draft);
+};

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

@@ -0,0 +1,62 @@
+import { EMPTY, concat, of } from 'rxjs';
+import { distinctUntilChanged, filter, map, mergeMap, take, } from 'rxjs/operators';
+import { upsertAnswerPayload, upsertOrAddQuestionAnswerPayload, } from '../../../../entity/aiCfo/aiCfoReducer';
+import { getQuestionAnswerByIdForChatSession } from '../../../../entity/aiCfo/aiCfoSelector';
+import { fetchUserListByType } from '../../../userListView/userListViewReducer';
+import { getUserList } from '../../../userListView/userListViewSelector';
+import { clearAiCardCreationFormDraft, issueChargeCardSuccessOrFailure, seedAiCardCreationFormDraft, } from './issueChargeCardReducer';
+const readAllUsersAsUserArray = (state) => getUserList(state.userState, state.userRoleState, state.userListViewState, 'cardHolderCandidate')
+    .users.map((person) => person.user)
+    .filter((user) => user != null);
+const readCardsCreationPayload = (state, chatSessionId, questionAnswerId) => {
+    const qa = 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) => upsertAnswerPayload.match(action) ||
+    upsertOrAddQuestionAnswerPayload.match(action);
+export const seedAiCardCreationFormDraftEpic = (actions$, state$) => actions$.pipe(mergeMap((action) => {
+    if (issueChargeCardSuccessOrFailure.match(action) &&
+        action.payload.fetchState === 'Completed') {
+        return of(clearAiCardCreationFormDraft());
+    }
+    if (!isSeedTrigger(action)) {
+        return EMPTY;
+    }
+    const state = state$.value;
+    const questionAnswerId = resolveQuestionAnswerId(state, action);
+    if (questionAnswerId == null) {
+        return EMPTY;
+    }
+    const payload = readCardsCreationPayload(state, action.payload.chatSessionId, questionAnswerId);
+    if (payload == null) {
+        return EMPTY;
+    }
+    const allUsersNow = readAllUsersAsUserArray(state);
+    if (allUsersNow.length > 0) {
+        return of(seedAiCardCreationFormDraft(allUsersNow, payload));
+    }
+    const seedWhenUsersLoaded$ = state$.pipe(map(readAllUsersAsUserArray), distinctUntilChanged((prev, next) => prev.length === next.length &&
+        prev.every((user, idx) => user === next[idx])), filter((users) => users.length > 0), take(1), map((users) => seedAiCardCreationFormDraft(users, payload)));
+    const userListFetchState = state.userListViewState.userListByType.cardHolderCandidate.fetchState;
+    if (userListFetchState === 'In-Progress') {
+        return seedWhenUsersLoaded$;
+    }
+    return concat(of(fetchUserListByType('cardHolderCandidate', false)), seedWhenUsersLoaded$);
+}));

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

@@ -0,0 +1,44 @@
+// 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.
+export const toIssueChargeCardLocalDataFromDraft = (draft) => draft.cardRows.map(mapCardRow);

package/lib/esm/view/spendManagement/commonSetup/epic/setup/parseUploadedKybDocumentEpic.js

@@ -0,0 +1,58 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { isSuccessResponse } from '../../../../../responsePayload';
+import { applyKybDocumentAutofillForOnboarding } from '../../../../onboardingView/customerView/onboardingCustomerViewReducer';
+import { parseUploadedKybDocument, parseUploadedKybDocumentFailure, } from '../../kycKybAutofillActions';
+import { mapCoiToCompanyDetails, mapTaxEinToCompanyDetails, } from '../../kycKybParseMapper';
+import { applyKybDocumentAutofillForSetup } from '../../setupViewReducer';
+const PROCESS_DOCUMENT_SYNC_PATH = '/1.0/documents/process/sync';
+export const parseUploadedKybDocumentEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(parseUploadedKybDocument.match), mergeMap((action) => {
+    const { target, companyId, fileId, documentType } = action.payload;
+    const url = `${zeniAPI.apiEndPoints.communicationAgentMicroServiceBaseUrl}${PROCESS_DOCUMENT_SYNC_PATH}`;
+    const requestPayload = {
+        provided_document_type: documentType,
+        files: [{ file_id: fileId }],
+        processing_priority: 10,
+        metadata: { source: 'kyc_kyb_autofill' },
+    };
+    const failureAction = parseUploadedKybDocumentFailure({ target, fileId });
+    return zeniAPI
+        .postAndGetJSON(url, requestPayload)
+        .pipe(mergeMap((response) => {
+        if (!isSuccessResponse(response) || response.data == null) {
+            return of(failureAction);
+        }
+        // Sync API returns a batch envelope: `data.files[0].extracted_data`
+        // is the parser payload; `data` itself is the request-level wrapper.
+        const extracted = response.data.files?.[0]?.extracted_data;
+        if (extracted == null) {
+            return of(failureAction);
+        }
+        let result;
+        switch (documentType) {
+            case 'certificate_of_incorporation':
+                result = mapCoiToCompanyDetails(extracted);
+                break;
+            case 'tax_ein':
+                result = mapTaxEinToCompanyDetails(extracted);
+                break;
+        }
+        if (result.autoFilledFieldNames.length === 0) {
+            return of(failureAction);
+        }
+        const applyAction = target === 'setup'
+            ? applyKybDocumentAutofillForSetup({
+                companyId,
+                fileId,
+                values: result.values,
+                autoFilledFieldNames: result.autoFilledFieldNames,
+            })
+            : applyKybDocumentAutofillForOnboarding({
+                companyId,
+                fileId,
+                values: result.values,
+                autoFilledFieldNames: result.autoFilledFieldNames,
+            });
+        return of(applyAction);
+    }), catchError(() => of(failureAction)));
+}));