@zeniai/client-epic-state 5.0.96 → 5.0.98-betaJK1

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

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deriveAiPolicyReviewRowsFromInputs = void 0;
+// Composes Step 5 review rows from live Step 1–4 form state. Per-row `isChecked`
+// and per-chip `isSelected` are merged from `prevPoliciesReview` so user-removed
+// chips don't snap back when an upstream slice changes.
+const deriveAiPolicyReviewRowsFromInputs = ({ vendorPolicy, categoryPolicy, cardSelections, limits, suggestedPoliciesSeed, prevPoliciesReview, }) => {
+    const prevById = new Map(prevPoliciesReview.map((row) => [row.id, row]));
+    const groups = deriveSharedChipGroups({
+        vendorPolicy,
+        categoryPolicy,
+        cardSelections,
+        limits,
+    });
+    return suggestedPoliciesSeed.map((seed) => {
+        const previous = prevById.get(seed.id);
+        return {
+            id: seed.id,
+            name: seed.name,
+            isChecked: previous?.isChecked ?? seed.isChecked,
+            chipGroups: previous != null
+                ? mergeChipSelections(groups, previous.chipGroups)
+                : groups,
+        };
+    });
+};
+exports.deriveAiPolicyReviewRowsFromInputs = deriveAiPolicyReviewRowsFromInputs;
+const mergeChipSelections = (next, prev) => {
+    const prevByGroupId = new Map(prev.map((group) => [group.id, group]));
+    return next.map((group) => {
+        const prevGroup = prevByGroupId.get(group.id);
+        if (prevGroup == null) {
+            return group;
+        }
+        const prevSelectedById = new Map(prevGroup.chips.map((chip) => [chip.id, chip.isSelected]));
+        return {
+            ...group,
+            chips: group.chips.map((chip) => {
+                const prevSelected = prevSelectedById.get(chip.id);
+                return prevSelected === undefined
+                    ? chip
+                    : { ...chip, isSelected: prevSelected };
+            }),
+        };
+    });
+};
+const deriveSharedChipGroups = ({ vendorPolicy, categoryPolicy, cardSelections, limits, }) => {
+    const groups = [];
+    const vendorChips = chipsFromAllowBlock(vendorPolicy);
+    if (vendorChips.length > 0) {
+        groups.push({
+            id: 'vendors',
+            label: vendorPolicy.mode === 'allow' ? 'Allowed vendors' : 'Blocked vendors',
+            chips: vendorChips,
+        });
+    }
+    const categoryChips = chipsFromAllowBlock(categoryPolicy);
+    if (categoryChips.length > 0) {
+        groups.push({
+            id: 'categories',
+            label: categoryPolicy.mode === 'allow'
+                ? 'Allowed categories'
+                : 'Blocked categories',
+            chips: categoryChips,
+        });
+    }
+    const cardChips = cardSelections
+        .filter((row) => row.isChecked)
+        .map((row) => ({
+        id: row.id,
+        label: row.owner.displayName,
+        chipKind: 'avatar',
+    }));
+    if (cardChips.length > 0) {
+        groups.push({ id: 'cardholders', label: 'Cardholders', chips: cardChips });
+    }
+    const limitChips = limits.map((row) => ({
+        id: limitChipIdForRowId(row.id),
+        label: limitDisplayLabelForRowId(row.id),
+        helperText: limitHelperTextForRowId(row.id),
+        placeholder: '$0',
+        chipKind: 'positive',
+        isSelected: row.isEnabled,
+        optionalCode: row.isEnabled && row.amount != null ? String(row.amount) : undefined,
+    }));
+    if (limitChips.length > 0) {
+        groups.push({
+            id: 'limits',
+            label: 'Limits',
+            kind: 'limits',
+            chips: limitChips,
+        });
+    }
+    return groups;
+};
+const chipsFromAllowBlock = (field) => {
+    const items = field.mode === 'allow' ? field.allowItems : field.blockItems;
+    return items
+        .filter((item) => item.isSelected)
+        .map((item) => ({
+        id: item.id,
+        label: item.optionalCode != null
+            ? `${item.label} (${item.optionalCode})`
+            : item.label,
+        chipKind: field.mode === 'allow' ? 'positive' : 'negative',
+    }));
+};
+const limitChipIdForRowId = (rowId) => {
+    if (rowId === 'transactionLimit') {
+        return 'limit-transaction';
+    }
+    if (rowId === 'requireReceipt') {
+        return 'limit-receipt';
+    }
+    return rowId;
+};
+const limitDisplayLabelForRowId = (rowId) => {
+    if (rowId === 'transactionLimit') {
+        return 'Transaction Limit';
+    }
+    if (rowId === 'requireReceipt') {
+        return 'Require Receipt';
+    }
+    return humanizeLimitId(rowId);
+};
+const limitHelperTextForRowId = (rowId) => {
+    if (rowId === 'transactionLimit') {
+        return 'Maximum amount per single transaction';
+    }
+    if (rowId === 'requireReceipt') {
+        return 'Require a receipt above this amount';
+    }
+    return undefined;
+};
+const humanizeLimitId = (id) => {
+    const spaced = id
+        .replace(/([A-Z])/g, ' $1')
+        .replace(/[_-]+/g, ' ')
+        .trim();
+    if (spaced.length === 0) {
+        return id;
+    }
+    return spaced.charAt(0).toUpperCase() + spaced.slice(1).toLowerCase();
+};

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

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { fetchCardPolicyMccCategories, updateCardPolicyMccCategories, updateCardPolicyMccCategoriesFailure } from '../../../../../entity/cardPolicy/cardPolicyReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+export type ActionType = ReturnType<typeof fetchCardPolicyMccCategories> | ReturnType<typeof updateCardPolicyMccCategories> | ReturnType<typeof updateCardPolicyMccCategoriesFailure>;
+export declare const fetchCardPolicyMccCategoriesEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,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;