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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchCardPolicyMccCategoriesEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPolicyReducer_1 = require("../../../../../entity/cardPolicy/cardPolicyReducer");
+const responsePayload_1 = require("../../../../../responsePayload");
+const fetchCardPolicyMccCategoriesEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPolicyReducer_1.fetchCardPolicyMccCategories.match), 
+// `exhaustMap` dedupes the React 18 StrictMode double-mount fetch on
+// both Create and Edit screens, which would otherwise yield two HTTP calls.
+(0, operators_1.exhaustMap)(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/mcc-codes`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            return (0, rxjs_1.from)([(0, cardPolicyReducer_1.updateCardPolicyMccCategories)(response.data)]);
+        }
+        else {
+            return (0, rxjs_1.of)((0, cardPolicyReducer_1.updateCardPolicyMccCategoriesFailure)(response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPolicyReducer_1.updateCardPolicyMccCategoriesFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch card policy MCC categories REST API call errored out' +
+        JSON.stringify(error))))));
+}));
+exports.fetchCardPolicyMccCategoriesEpic = fetchCardPolicyMccCategoriesEpic;

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

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { upsertAnswerPayload, upsertOrAddQuestionAnswerPayload } from '../../../../../entity/aiCfo/aiCfoReducer';
+import { fetchCardPolicyMccCategories } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { RootState } from '../../../../../reducer';
+import { clearAiCardPolicyFormDraft, createCardPolicyTemplates, seedAiCardPolicyFormDraft, updateCreateCardPolicyTemplateRequestState } from './createCardPolicyReducer';
+export type ActionType = ReturnType<typeof fetchCardPolicyMccCategories> | ReturnType<typeof seedAiCardPolicyFormDraft> | ReturnType<typeof clearAiCardPolicyFormDraft>;
+type SeedTriggerAction = ReturnType<typeof upsertAnswerPayload> | ReturnType<typeof upsertOrAddQuestionAnswerPayload>;
+type InboundAction = SeedTriggerAction | ReturnType<typeof createCardPolicyTemplates> | ReturnType<typeof updateCreateCardPolicyTemplateRequestState>;
+export declare const seedAiCardPolicyFormDraftEpic: (actions$: ActionsObservable<InboundAction>, state$: StateObservable<RootState>) => Observable<ActionType>;
+export {};

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.seedAiCardPolicyFormDraftEpic = 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 cardPolicyReducer_1 = require("../../../../../entity/cardPolicy/cardPolicyReducer");
+const chargeCardListSelector_1 = require("../../chargeCardList/chargeCardListSelector");
+const createCardPolicyReducer_1 = require("./createCardPolicyReducer");
+const isClosedChargeCardStatusCode = (code) => code === 'closed' || code === 'closed_by_customer';
+const toCardPolicyCardSelectionRow = (card) => {
+    const user = card.cardHolderUser;
+    const displayName = `${user.firstName ?? ''} ${user.lastName ?? ''}`.trim() ||
+        user.email ||
+        user.userId;
+    return {
+        id: card.id,
+        isChecked: false,
+        cardName: card.cardName,
+        last4: card.accountLast4,
+        limitAmount: card.limit?.amount ?? 0,
+        limitCadence: card.creditLimitFrequency?.code,
+        owner: {
+            userId: user.userId,
+            displayName,
+            roleLabel: card.cardHolderRoles?.titleAtCompany,
+        },
+        utilizationAmount: (card.limit?.amount ?? 0) - (card.available?.amount ?? 0),
+    };
+};
+const readCardsMasterList = (state) => {
+    const view = (0, chargeCardListSelector_1.getAllChargeCardsWithUser)(state);
+    return view.cards
+        .filter((card) => !isClosedChargeCardStatusCode(card.status?.code))
+        .map(toCardPolicyCardSelectionRow);
+};
+const readMccCategoriesAvailable = (state) => state.cardPolicyState.mccCategoriesFetchState === 'Completed';
+const readCardPolicyPayload = (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 !== 'card_policy') {
+        return undefined;
+    }
+    return data.payload;
+};
+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 isCreateSuccess = (action) => createCardPolicyReducer_1.updateCreateCardPolicyTemplateRequestState.match(action) &&
+    action.payload.fetchState === 'Completed';
+const buildSeedAction = (state, payload) => {
+    const cardsMasterList = readCardsMasterList(state);
+    const mccCategories = state.cardPolicyState.mccCategories;
+    return (0, createCardPolicyReducer_1.seedAiCardPolicyFormDraft)({
+        initialData: payload,
+        cardsMasterList,
+        mccCategories,
+        suggestedAllowMerchants: state.cardPolicyState.suggestedAllowMerchants,
+        suggestedBlockMerchants: state.cardPolicyState.suggestedBlockMerchants,
+        suggestedAllowCategories: state.cardPolicyState.suggestedAllowCategories,
+        suggestedBlockCategories: state.cardPolicyState.suggestedBlockCategories,
+    });
+};
+// Seeds the AI card-policy draft from `interactive_form` answers with
+// `formType === "card_policy"`, clearing on bulk-create success. Defers seeding
+// until MCC categories load so category chips can resolve to human labels.
+const seedAiCardPolicyFormDraftEpic = (actions$, state$) => actions$.pipe((0, operators_1.mergeMap)((action) => {
+    if (isCreateSuccess(action)) {
+        return (0, rxjs_1.of)((0, createCardPolicyReducer_1.clearAiCardPolicyFormDraft)());
+    }
+    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 = readCardPolicyPayload(state, action.payload.chatSessionId, questionAnswerId);
+    if (payload == null) {
+        return rxjs_1.EMPTY;
+    }
+    if (readMccCategoriesAvailable(state)) {
+        return (0, rxjs_1.of)(buildSeedAction(state, payload));
+    }
+    const seedWhenMccLoaded$ = state$.pipe((0, operators_1.map)((rs) => readMccCategoriesAvailable(rs)), (0, operators_1.distinctUntilChanged)(), (0, operators_1.filter)((available) => available), (0, operators_1.take)(1), (0, operators_1.map)(() => buildSeedAction(state$.value, payload)));
+    const mccFetchState = state.cardPolicyState.mccCategoriesFetchState;
+    if (mccFetchState === 'In-Progress') {
+        return seedWhenMccLoaded$;
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.of)((0, cardPolicyReducer_1.fetchCardPolicyMccCategories)()), seedWhenMccLoaded$);
+}));
+exports.seedAiCardPolicyFormDraftEpic = seedAiCardPolicyFormDraftEpic;

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

@@ -0,0 +1,22 @@
+import { ID } from '../../../../../commonStateTypes/common';
+import { CardPolicyTemplateEntityList } from '../../../../../entity/cardPolicy/cardPolicyState';
+import { CardPolicyFormDraft, CardPolicyModeValue } from './cardPolicyFormDraftTypes';
+export type CardPolicyBulkSubmitKind = 'auto' | 'guided' | 'upload';
+export interface BulkCreateCardPolicyTemplateEntry {
+    allowedEntity: CardPolicyTemplateEntityList;
+    applyToCards: ID[];
+    blockedEntity: CardPolicyTemplateEntityList;
+    description: string;
+    name: string;
+    mode?: CardPolicyModeValue;
+    requiredReceiptThreshold?: number | null;
+    spendLimits?: {
+        transaction: number | null;
+    };
+}
+export interface ToBulkCardPolicyTemplateRequestsFromDraftArgs {
+    draft: CardPolicyFormDraft;
+    description?: string;
+    guidedMode?: CardPolicyModeValue;
+}
+export declare const toBulkCardPolicyTemplateRequestsFromDraft: ({ draft, description, guidedMode, }: ToBulkCardPolicyTemplateRequestsFromDraftArgs) => BulkCreateCardPolicyTemplateEntry[];

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

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toBulkCardPolicyTemplateRequestsFromDraft = void 0;
+const cardPolicyFormDraftTypes_1 = require("./cardPolicyFormDraftTypes");
+const cardPolicyRequestParts_1 = require("./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, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.appliedToCards).flatMap((chip) => chip.cardIds ?? []);
+const limitValueFromReviewRow = (row, chipId) => {
+    const group = row.chipGroups.find((g) => g.id === cardPolicyRequestParts_1.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: (0, cardPolicyRequestParts_1.collectCategoryCodes)(draft.categoryPolicy, 'allow'),
+        merchantNames: (0, cardPolicyRequestParts_1.collectMerchantNames)(draft.vendorPolicy, 'allow'),
+    },
+    applyToCards: draft.cardSelections
+        .filter((card) => card.isChecked)
+        .map((card) => card.id),
+    blockedEntity: {
+        categoryCodes: (0, cardPolicyRequestParts_1.collectCategoryCodes)(draft.categoryPolicy, 'block'),
+        merchantNames: (0, cardPolicyRequestParts_1.collectMerchantNames)(draft.vendorPolicy, 'block'),
+    },
+    description: description.trim(),
+    mode: guidedMode,
+    name: row.name.trim(),
+    requiredReceiptThreshold: (0, cardPolicyRequestParts_1.amountFromLimitRow)(draft.limits, cardPolicyFormDraftTypes_1.CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT),
+    spendLimits: {
+        transaction: (0, cardPolicyRequestParts_1.amountFromLimitRow)(draft.limits, cardPolicyFormDraftTypes_1.CARD_POLICY_LIMIT_ROW_ID_TRANSACTION),
+    },
+});
+const buildAutoEntry = (row, description) => ({
+    allowedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.allowedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.allowedVendors),
+    },
+    applyToCards: collectCardIdsFromReviewRow(row),
+    blockedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.restrictedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.blockedVendors),
+    },
+    description: description.trim(),
+    name: row.name.trim(),
+});
+const buildUploadEntry = (row, draft, description) => ({
+    allowedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.allowedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.allowedVendors),
+    },
+    applyToCards: draft.cardSelections
+        .filter((card) => card.isChecked)
+        .map((card) => card.id),
+    blockedEntity: {
+        categoryCodes: collectCategoryCodesFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.restrictedCategories),
+        merchantNames: collectVendorLabelsFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_GROUP_IDS.blockedVendors),
+    },
+    description: description.trim(),
+    name: row.name.trim(),
+    requiredReceiptThreshold: limitValueFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_LIMIT_CHIP_IDS.receipt),
+    spendLimits: {
+        transaction: limitValueFromReviewRow(row, cardPolicyRequestParts_1.REVIEW_LIMIT_CHIP_IDS.transaction),
+    },
+});
+// One entry per checked review row; per-mode key contract enforced internally.
+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));
+};
+exports.toBulkCardPolicyTemplateRequestsFromDraft = toBulkCardPolicyTemplateRequestsFromDraft;

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

@@ -0,0 +1,8 @@
+import { CreateCardPolicyTemplateRequest } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { CardPolicyFormDraft, CardPolicyModeValue } from './cardPolicyFormDraftTypes';
+export interface ToCardPolicyTemplateRequestFromDraftArgs {
+    draft: CardPolicyFormDraft;
+    description?: string;
+    mode?: CardPolicyModeValue;
+}
+export declare const toCardPolicyTemplateRequestFromDraft: ({ draft, description, mode, }: ToCardPolicyTemplateRequestFromDraftArgs) => CreateCardPolicyTemplateRequest;

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toCardPolicyTemplateRequestFromDraft = void 0;
+const cardPolicyFormDraftTypes_1 = require("./cardPolicyFormDraftTypes");
+const cardPolicyRequestParts_1 = require("./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.
+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,
+            ...(0, cardPolicyRequestParts_1.projectAutoReviewRowToCardPolicyRequestParts)(activeRow),
+        };
+    }
+    // Guided
+    return {
+        ...base,
+        allowedEntity: {
+            categoryCodes: (0, cardPolicyRequestParts_1.collectCategoryCodes)(draft.categoryPolicy, 'allow'),
+            merchantNames: (0, cardPolicyRequestParts_1.collectMerchantNames)(draft.vendorPolicy, 'allow'),
+        },
+        applyToCards: draft.cardSelections
+            .filter((row) => row.isChecked)
+            .map((row) => row.id),
+        blockedEntity: {
+            categoryCodes: (0, cardPolicyRequestParts_1.collectCategoryCodes)(draft.categoryPolicy, 'block'),
+            merchantNames: (0, cardPolicyRequestParts_1.collectMerchantNames)(draft.vendorPolicy, 'block'),
+        },
+        requiredReceiptThreshold: (0, cardPolicyRequestParts_1.amountFromLimitRow)(draft.limits, cardPolicyFormDraftTypes_1.CARD_POLICY_LIMIT_ROW_ID_REQUIRE_RECEIPT),
+        spendLimits: {
+            transaction: (0, cardPolicyRequestParts_1.amountFromLimitRow)(draft.limits, cardPolicyFormDraftTypes_1.CARD_POLICY_LIMIT_ROW_ID_TRANSACTION),
+        },
+    };
+};
+exports.toCardPolicyTemplateRequestFromDraft = toCardPolicyTemplateRequestFromDraft;
+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/view/spendManagement/chargeCards/cardPolicy/createCardPolicy/toManualCardPolicyTemplateRequestFromDraft.d.ts

@@ -0,0 +1,3 @@
+import { CreateCardPolicyTemplateRequest } from '../../../../../entity/cardPolicy/cardPolicyPayload';
+import { CardPolicyCreateFormDraft } from './cardPolicyFormDraftTypes';
+export declare const toManualCardPolicyTemplateRequestFromDraft: (draft: CardPolicyCreateFormDraft) => CreateCardPolicyTemplateRequest;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { ID } from '../../../../commonStateTypes/common';
+import { CardsCardKind, CardsCreationInitialData } from '../../../../entity/aiCfo/aiCfoState';
+import { User } from '../../../../entity/user/userState';
+export interface CardsTeamRow {
+    cardKind: CardsCardKind;
+    id: string;
+    isChecked: boolean;
+    label: string;
+    rightLabel: string;
+    value: string;
+    rightSubLabel?: string;
+    subLabel?: string;
+    subValue?: string;
+}
+export interface CardsOwnerFieldValue {
+    allUsers: User[];
+    selectedUser?: User;
+}
+export interface CardsCardRow {
+    cardKind: CardsCardKind;
+    id: string;
+    label: string;
+    owner: CardsOwnerFieldValue;
+    recommendedLimit?: number;
+}
+export interface CardsFormDraft {
+    cardRows: CardsCardRow[];
+    teamRows: CardsTeamRow[];
+}
+export interface AiCardCreationFormDraftSeedContext {
+    allUsers: User[];
+    mode: CardsCreationInitialData['mode'];
+    suggestedOwnerUserIdByTeamId: Record<ID, string | undefined>;
+}

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,7 @@
+import { AiCardCreationFormDraftSeedContext, CardsFormDraft } from './aiCardCreationFormDraftTypes';
+export interface ApplyAiCardCreationFormDraftUpdateArgs {
+    context: AiCardCreationFormDraftSeedContext | undefined;
+    next: CardsFormDraft;
+    prev: CardsFormDraft | undefined;
+}
+export declare const applyAiCardCreationFormDraftUpdate: ({ next, prev, context, }: ApplyAiCardCreationFormDraftUpdateArgs) => CardsFormDraft;

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[];