@zeniai/client-epic-state 5.0.95 → 5.0.96

package/lib/esm/view/companyTaskManagerView/companyTaskManagerViewReducer.js

@@ -3,8 +3,7 @@ export const initialUIState = {
     filterText: '',
     sortKey: 'dueDate',
     sortOrder: 'descending',
-    from: 0,
-    filters: {},
+    pageToken: null,
 };
 const initialMetrics = {
     closed: 0,
@@ -19,13 +18,6 @@ export const initialState = {
     metrics: initialMetrics,
     metricsFetchState: 'Not-Started',
     uiState: initialUIState,
-    cockpitContext: {
-        fetchState: 'Not-Started',
-        error: undefined,
-        companyIds: [],
-        userIds: [],
-        userGroupIds: [],
-    },
     hasValidState() {
         return this.fetchState == 'Completed';
     },
@@ -36,11 +28,10 @@ const companyTaskManagerView = createSlice({
     initialState,
     reducers: {
         fetchCompanyTaskManagerView: {
-            prepare(from, sortKey, sortOrder, keepExistingListItems = true, searchString, filters) {
+            prepare(pageToken, sortKey, sortOrder, keepExistingListItems = true, searchString) {
                 return {
                     payload: {
-                        from,
-                        filters,
+                        pageToken,
                         searchString,
                         sortKey,
                         sortOrder,
@@ -49,10 +40,10 @@ const companyTaskManagerView = createSlice({
                 };
             },
             reducer(draft, action) {
-                const { from, searchString, sortKey, sortOrder, keepExistingListItems } = action.payload;
+                const { pageToken, searchString, sortKey, sortOrder, keepExistingListItems, } = action.payload;
                 draft.uiState.sortKey = sortKey;
                 draft.uiState.sortOrder = sortOrder;
-                draft.uiState.from = from;
+                draft.uiState.pageToken = pageToken;
                 if (keepExistingListItems === false) {
                     draft.taskIds = [];
                 }
@@ -65,14 +56,15 @@ const companyTaskManagerView = createSlice({
         },
         updateCompanyTaskManagerViewOnSuccess(draft, action) {
             const { data } = action.payload;
-            const tasks = data.aggregations.group_by_company_name.buckets.flatMap((bucket) => bucket.tasks);
+            const { tasks, query, total_count } = data;
             draft.fetchState = 'Completed';
             draft.error = undefined;
             draft.taskIds = [...draft.taskIds, ...tasks.map((task) => task.task_id)];
-            if (draft.uiState.filterText === '' && draft.uiState.from === 0) {
-                draft.totalTaskCount = data.total;
+            // consider total count only when fetching for first time
+            if (draft.uiState.filterText === '' && draft.uiState.pageToken == null) {
+                draft.totalTaskCount = total_count;
             }
-            draft.uiState.from = data.from + data.limit;
+            draft.uiState.pageToken = query.page_token;
         },
         updateCompanyTaskManagerViewOnFailure: {
             reducer(draft, action) {
@@ -93,30 +85,10 @@ const companyTaskManagerView = createSlice({
         updateTaskManagerMetricsOnFailure(draft) {
             draft.metricsFetchState = 'Error';
         },
-        updateCompanyTaskManagerViewFilters(draft, action) {
-            if (action.payload.filters != null) {
-                draft.uiState.filters = action.payload.filters;
-            }
-        },
-        fetchCockpitContext(draft) {
-            draft.cockpitContext.fetchState = 'In-Progress';
-            draft.cockpitContext.error = undefined;
-        },
-        updateCockpitContextOnSuccess(draft, action) {
-            draft.cockpitContext.fetchState = 'Completed';
-            draft.cockpitContext.error = undefined;
-            draft.cockpitContext.companyIds = action.payload.companyIds;
-            draft.cockpitContext.userIds = action.payload.userIds;
-            draft.cockpitContext.userGroupIds = action.payload.userGroupIds;
-        },
-        updateCockpitContextOnFailure(draft, action) {
-            draft.cockpitContext.fetchState = 'Error';
-            draft.cockpitContext.error = action.payload;
-        },
         clearCompanyTaskManagerView(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchCompanyTaskManagerView, updateCompanyTaskManagerViewOnSuccess, updateCompanyTaskManagerViewOnFailure, fetchTaskManagerMetrics, updateTaskManagerMetrics, updateTaskManagerMetricsOnFailure, clearCompanyTaskManagerView, updateCompanyTaskManagerViewFilters, fetchCockpitContext, updateCockpitContextOnSuccess, updateCockpitContextOnFailure, } = companyTaskManagerView.actions;
+export const { fetchCompanyTaskManagerView, updateCompanyTaskManagerViewOnSuccess, updateCompanyTaskManagerViewOnFailure, fetchTaskManagerMetrics, updateTaskManagerMetrics, updateTaskManagerMetricsOnFailure, clearCompanyTaskManagerView, } = companyTaskManagerView.actions;
 export default companyTaskManagerView.reducer;

package/lib/esm/view/companyTaskManagerView/companyTaskManagerViewSelector.js

@@ -1,11 +1,10 @@
 import { createSelector } from '@reduxjs/toolkit';
-import { reduceAnyFetchState } from '../../commonStateTypes/reduceFetchState';
-import { getCompanyByCompanyId, getCompanyByCompanyIds, } from '../../entity/company/companySelector';
+import { getCompanyByCompanyId } from '../../entity/company/companySelector';
 import { getTagsByIds } from '../../entity/tag/tagSelector';
 import { getTaskById } from '../../entity/task/taskSelector';
 import { getUserByUserId, getUsersByUserIds, } from '../../entity/user/userSelector';
 export const getCompanyTaskManagerView = createSelector((state) => state.companyTaskManagerViewState, (state) => state.companyState, (state) => state.userState, (state) => state.taskState, (state) => state.tagState, (companyTaskManagerViewState, companyState, userState, taskState, tagState) => {
-    const { taskIds, uiState, totalTaskCount, metrics, metricsFetchState } = companyTaskManagerViewState;
+    const { taskIds, uiState, fetchState, error, totalTaskCount, metrics, metricsFetchState, } = companyTaskManagerViewState;
     const tasksList = [];
     taskIds.forEach((taskId) => {
         const task = getTaskById(taskState, taskId);
@@ -27,22 +26,13 @@ export const getCompanyTaskManagerView = createSelector((state) => state.company
             }
         }
     });
-    const allCompanyIds = companyTaskManagerViewState.cockpitContext.companyIds;
-    const companies = getCompanyByCompanyIds(companyState, allCompanyIds).map((c) => c.company);
-    const users = getUsersByUserIds(userState, companyTaskManagerViewState.cockpitContext.userIds);
-    const fetchStateAndError = reduceAnyFetchState([
-        companyTaskManagerViewState,
-        companyTaskManagerViewState.cockpitContext,
-    ]);
     return {
-        companies,
         metrics,
         metricsFetchState,
         tasksList,
         uiState,
-        fetchState: fetchStateAndError.fetchState,
-        error: fetchStateAndError.error,
+        fetchState,
+        error,
         totalTaskCount,
-        users,
     };
 });

package/lib/esm/view/companyTaskManagerView/epics/fetchCompanyTaskManagerViewEpic.js

@@ -1,35 +1,51 @@
 import { from } from 'rxjs';
 import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
 import { getSortOrder } from '../../../commonPayloadTypes/sortOrderPayload';
+import { updateCompanies } from '../../../entity/company/companyReducer';
 import { updateTags } from '../../../entity/tag/tagReducer';
 import { updateTasks } from '../../../entity/task/taskReducer';
+import { updateAllUsers } from '../../../entity/user/userReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { fetchCompanyTaskManagerView, updateCompanyTaskManagerViewOnFailure, updateCompanyTaskManagerViewOnSuccess, } from '../companyTaskManagerViewReducer';
-const DEFAULT_PAGE_SIZE = 100;
+const toSortKeyPayload = (sortKey) => {
+    switch (sortKey) {
+        case 'taskName':
+            return 'name';
+        case 'dueDate':
+            return 'due_date';
+        case 'createdBy':
+            return 'created_by';
+        case 'name':
+            return 'company_name';
+        default:
+            return sortKey;
+    }
+};
 export const fetchCompanyTaskManagerViewEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchCompanyTaskManagerView.match), switchMap((action) => {
-    const { from: fromOffset, searchString, sortKey, sortOrder, filters, } = action.payload;
+    const { pageToken, sortKey, sortOrder, searchString } = action.payload;
     const queryValue = {
-        size: DEFAULT_PAGE_SIZE,
-        from: fromOffset,
-        global_search: searchString ?? '',
+        page_token: pageToken,
         sort_by: toSortKeyPayload(sortKey),
         sort_order: getSortOrder(sortOrder),
-        filter_join: filters?.categoryCombinationOperator === 'AND' ? 'and' : 'or',
-        ...(filters?.categories != null && filters.categories.length > 0
-            ? { filter_by: toFilterByPayload(filters) }
-            : {}),
+        search_text: searchString ?? '',
+        view: 'cockpit_task_manager_view',
     };
     return zeniAPI
-        .getJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/cockpit-panels/tasks-es?query=${encodeURIComponent(JSON.stringify(queryValue))}`)
+        .getJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/cockpit-panels/tasks?query=${encodeURIComponent(JSON.stringify(queryValue))}`)
         .pipe(mergeMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
-            const tasksList = response.data.aggregations.group_by_company_name.buckets.flatMap((bucket) => bucket.tasks);
+            const tasksList = response.data.tasks;
             const actions = [
                 updateCompanyTaskManagerViewOnSuccess({
                     data: response.data,
                 }),
                 updateTasks(tasksList),
-                updateTags(tasksList.flatMap((task) => task.tags)),
+                updateCompanies({
+                    payload: response.data.companies,
+                    schema: {},
+                }),
+                updateTags(tasksList.map((task) => task.tags).flat()),
+                updateAllUsers({ users: response.data.users }),
             ];
             return from(actions);
         }
@@ -46,28 +62,3 @@ export const fetchCompanyTaskManagerViewEpic = (actions$, _state$, zeniAPI) => a
         return from(actions);
     }));
 }));
-const toSortKeyPayload = (sortKey) => {
-    switch (sortKey) {
-        case 'taskName':
-            return 'name';
-        case 'dueDate':
-            return 'due_date';
-        case 'createdBy':
-            return 'created_by';
-        case 'name':
-            return 'company_name';
-        default:
-            return sortKey;
-    }
-};
-const toFilterByPayload = (filters) => {
-    if (filters.categories == null) {
-        return [];
-    }
-    return filters.categories.map((category) => ({
-        field: category.field ?? '',
-        operator: category.matchingOperator === 'equal' ? 'is' : 'is_not',
-        values: category.values.map((v) => String(v)),
-        join: category.valuesCombinationOperator === 'ALL' ? 'and' : 'or',
-    }));
-};

package/lib/esm/view/companyView/epic/fetchAllCockpitViewsEpic.js

@@ -21,7 +21,7 @@ export const fetchAllCockpitViewsEpic = (actions$, state$) => actions$.pipe(filt
             fetchReviewCompanyView(),
             fetchCompanyHealthMetricView(),
             fetchCompanyMetaData(),
-            fetchCompanyTaskManagerView(0, 'dueDate', 'descending', false),
+            fetchCompanyTaskManagerView(null, 'dueDate', 'descending', false),
             fetchCompanyHealthMetricConfig(),
         ]);
     }
@@ -74,7 +74,7 @@ export const fetchAllCockpitViewsEpic = (actions$, state$) => actions$.pipe(filt
         }
         if (state.companyTaskManagerViewState.fetchState !== 'In-Progress' &&
             state.companyTaskManagerViewState.hasValidState() === false) {
-            fetchActions.push(fetchCompanyTaskManagerView(0, 'dueDate', 'descending', false));
+            fetchActions.push(fetchCompanyTaskManagerView(null, 'dueDate', 'descending', false));
         }
         return from(fetchActions);
     }

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

@@ -87,31 +87,6 @@ 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/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, updateLastIssuedCardIds, updateLastSelfIssuedDebitCardId, } from './issueChargeCardReducer';
+import { issueChargeCardSuccessOrFailure, issueChargeCards, updateChargeCardCount, updateDebitCardCount, 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 ?? {}), updateLastIssuedCardIds(issuedCards.map((card) => card.card_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 ?? {}), 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,6 +1,4 @@
 import { createSlice } from '@reduxjs/toolkit';
-import { applyAiCardCreationFormDraftUpdate } from './applyAiCardCreationFormDraftUpdate';
-import { buildAiCardCreationFormDraftSeed } from './buildAiCardCreationFormDraftSeed';
 export const initialState = {
     depositAccountIds: [],
     depositAccountsFetchState: { fetchState: 'Not-Started', error: undefined },
@@ -16,7 +14,6 @@ export const initialState = {
     },
     activeChargeCardCount: {},
     activeDebitCardCountByDepositAccountId: {},
-    lastIssuedCardIds: [],
 };
 const issueChargeCard = createSlice({
     name: 'issueChargeCard',
@@ -37,19 +34,14 @@ const issueChargeCard = createSlice({
             },
         },
         issueChargeCards: {
-            prepare(payload) {
-                return { payload: payload ?? {} };
+            prepare() {
+                return { payload: {} };
             },
-            reducer(draft, action) {
+            reducer(draft) {
                 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;
         },
@@ -57,8 +49,6 @@ 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;
@@ -134,38 +124,10 @@ 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, updateLastIssuedCardIds, issueChargeCardSuccessOrFailure, resetIssueChargeCardForm, updateCustomAddressId, updateChargeCardCount, updateDebitCardCount, fetchIssueCardPage, updateDepositAccountsInCards, fetchDepositAccountListForCards, updateDepositAccountListForCardsFetchStatus, seedAiCardCreationFormDraft, updateAiCardCreationFormDraft, clearAiCardCreationFormDraft, clearIssueChargeCard, } = issueChargeCard.actions;
+export const { issueChargeCards, updateChargeCardsLocalStore, updateLastSelfIssuedDebitCardId, issueChargeCardSuccessOrFailure, resetIssueChargeCardForm, updateCustomAddressId, updateChargeCardCount, updateDebitCardCount, fetchIssueCardPage, updateDepositAccountsInCards, fetchDepositAccountListForCards, updateDepositAccountListForCardsFetchStatus, clearIssueChargeCard, } = issueChargeCard.actions;
 export default issueChargeCard.reducer;

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

@@ -5,7 +5,6 @@ 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');
@@ -94,37 +93,3 @@ 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);
-};