@zeniai/client-epic-state 5.1.20-betaDI1 → 5.1.20-betaDI2

package/lib/view/vendorReviewView/vendorFirstReviewView/vendorFirstReviewViewReducer.js

@@ -0,0 +1,343 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateVendorDetailsViewFailureOrSuccess = exports.saveVendorDetailsView = exports.updateReviewVendorDetailLocalData = exports.updateVendorFirstReviewViewTransactionAttachmentsFailure = exports.updateVendorFirstReviewViewTransactionAttachments = exports.saveVendorFirstReviewViewSuccessOrFailure = exports.clearRecentlySavedErroredVendorData = exports.updateRecentlySavedErroredVendorData = exports.resetVendorFirstReviewLocalData = exports.updateVendorFirstReviewViewLocalData = exports.initializeVendorFirstReviewViewLocalData = exports.updateVendorFirstReviewSortUiState = exports.saveVendorFirstReviewView = exports.updateVendorFirstReviewViewPageToken = exports.updateVendorFirstReviewViewScrollYOffset = exports.clearVendorReviewView = exports.updateVendorFirstReviewViewFailure = exports.updateSavedVendorFirstReviewViewLocalData = exports.fetchVendorFirstReviewView = exports.fetchVendorFirstReviewAttachments = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const attachmentPayload_1 = require("../../../entity/transaction/payloadTypes/attachmentPayload");
+const commonTypes_1 = require("../common/state/commonTypes");
+exports.initialState = {
+    vendorFirstReviewViewLocalDataById: {},
+    fetchState: 'Not-Started',
+    error: undefined,
+    uiState: {
+        sortKey: 'ytd',
+        scrollYOffset: 0,
+        totalCount: 0,
+        searchText: '',
+        pageToken: null,
+        sortOrder: 'descending', //default sort order
+    },
+    transactionAttachmentsByVendorId: {},
+    attachmentFetchStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    vendorLocalData: null,
+    hasValidState() {
+        return this.fetchState == 'Completed';
+    },
+};
+const vendorFirstReviewView = (0, toolkit_1.createSlice)({
+    name: 'vendorFirstReviewView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchVendorFirstReviewAttachments: {
+            reducer(draft) {
+                draft.attachmentFetchStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(vendorId, attachmentIds) {
+                return {
+                    payload: {
+                        vendorId,
+                        attachmentIds,
+                    },
+                };
+            },
+        },
+        fetchVendorFirstReviewView: {
+            reducer(draft, action) {
+                draft.uiState.searchText = action.payload.searchString ?? '';
+                draft.fetchState = 'In-Progress';
+                if (action.payload.keepExistingListItems === false) {
+                    draft.vendorFirstReviewViewLocalDataById = {};
+                }
+                // Note: Need to reset scroll position whenever a new fetch happens, except when fetching through scroll
+                if (draft.uiState.pageToken === null) {
+                    // Page Token is null in each fetch except when fetching through scroll
+                    draft.uiState.scrollYOffset = 0;
+                }
+                draft.uiState.pageToken = action.payload.pageToken ?? null;
+                draft.error = undefined;
+            },
+            prepare(pageToken, searchString, keepExistingListItems = true) {
+                return {
+                    payload: {
+                        searchString,
+                        keepExistingListItems,
+                        pageToken,
+                    },
+                };
+            },
+        },
+        updateVendorFirstReviewSortUiState(draft, action) {
+            draft.uiState = {
+                ...draft.uiState,
+                sortKey: action.payload.sortKey,
+                sortOrder: action.payload.sortOrder,
+            };
+        },
+        updateVendorFirstReviewViewPageToken(draft, action) {
+            draft.uiState = { ...draft.uiState, pageToken: action.payload.pageToken };
+        },
+        initializeVendorFirstReviewViewLocalData(draft, action) {
+            const { vendors, total_count, query } = action.payload.response;
+            if (action.payload.keepExistingListItems === false) {
+                draft.vendorFirstReviewViewLocalDataById =
+                    toVendorReviewViewLocalDataById(vendors);
+            }
+            else {
+                draft.vendorFirstReviewViewLocalDataById = {
+                    ...draft.vendorFirstReviewViewLocalDataById,
+                    ...toVendorReviewViewLocalDataById(vendors),
+                };
+            }
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.uiState = {
+                ...draft.uiState,
+                pageToken: query?.page_token ?? null,
+                totalCount: total_count,
+            };
+        },
+        updateVendorFirstReviewViewLocalData(draft, action) {
+            const { vendorId, vendorRenamedText, selectedGlobalMerchantId, currentSelection, } = action.payload;
+            if (draft.vendorFirstReviewViewLocalDataById[vendorId]
+                .vendorFirstReviewViewLocalData != null) {
+                const vendorLocalData = draft.vendorFirstReviewViewLocalDataById[vendorId]
+                    .vendorFirstReviewViewLocalData;
+                if (vendorRenamedText != null) {
+                    draft.vendorFirstReviewViewLocalDataById[vendorId].vendorFirstReviewViewLocalData = {
+                        ...vendorLocalData,
+                        selectedVendorId: selectedGlobalMerchantId,
+                        currentSelection,
+                        vendorRenamedText,
+                    };
+                }
+                else {
+                    draft.vendorFirstReviewViewLocalDataById[vendorId].vendorFirstReviewViewLocalData = {
+                        ...vendorLocalData,
+                        vendorRenamedText: undefined,
+                        selectedVendorId: selectedGlobalMerchantId,
+                        currentSelection,
+                    };
+                }
+            }
+        },
+        resetVendorFirstReviewLocalData(draft, action) {
+            const { vendorId } = action.payload;
+            if (draft.vendorFirstReviewViewLocalDataById[vendorId]
+                .vendorFirstReviewViewLocalData != null) {
+                const vendorLocalData = draft.vendorFirstReviewViewLocalDataById[vendorId]
+                    .vendorFirstReviewViewLocalData;
+                draft.vendorFirstReviewViewLocalDataById[vendorId].vendorFirstReviewViewLocalData = {
+                    ...vendorLocalData,
+                    currentSelection: null,
+                    selectedVendorId: vendorLocalData.vendorId,
+                    vendorRenamedText: undefined,
+                };
+            }
+        },
+        updateVendorFirstReviewViewScrollYOffset(draft, action) {
+            draft.uiState = {
+                ...draft.uiState,
+                scrollYOffset: action.payload.scrollYOffset,
+            };
+        },
+        updateVendorFirstReviewViewFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload.status;
+        },
+        saveVendorFirstReviewView: {
+            reducer(draft, action) {
+                const vendorId = action.payload.vendorId;
+                draft.vendorFirstReviewViewLocalDataById[vendorId] = {
+                    ...draft.vendorFirstReviewViewLocalDataById[vendorId],
+                    saveStatus: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    },
+                };
+            },
+            prepare(vendorId, markAsEmployee = false, markAsLocalContractor = false) {
+                return {
+                    payload: {
+                        vendorId,
+                        markAsEmployee,
+                        markAsLocalContractor,
+                    },
+                };
+            },
+        },
+        updateSavedVendorFirstReviewViewLocalData(draft, action) {
+            const { vendors, vendorId } = action.payload;
+            if (vendors.length > 0 &&
+                draft.vendorFirstReviewViewLocalDataById[vendorId] != null) {
+                draft.vendorFirstReviewViewLocalDataById[vendorId].vendorFirstReviewViewLocalData =
+                    toVendorReviewViewUpdatedVendorLocalData(vendorId, vendors[0]);
+            }
+        },
+        updateVendorFirstReviewViewTransactionAttachments(draft, action) {
+            const { vendorId, transactionAttachments } = action.payload;
+            draft.transactionAttachmentsByVendorId[vendorId] =
+                transactionAttachments.map((transactionAttachment) => (0, attachmentPayload_1.toAttachment)(transactionAttachment));
+            draft.attachmentFetchStatus = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        updateVendorFirstReviewViewTransactionAttachmentsFailure(draft, action) {
+            const { status } = action.payload;
+            draft.attachmentFetchStatus = {
+                fetchState: 'Error',
+                error: status,
+            };
+        },
+        updateRecentlySavedErroredVendorData(draft, action) {
+            const { isVendorMergeError, vendorId, oldRecommendation, newRecommendation, vendorNameSentForReview, } = action.payload;
+            if (isVendorMergeError) {
+                draft.recentlySavedErroredVendorData = {
+                    vendorId,
+                    vendorNameSentForReview,
+                };
+            }
+            else {
+                draft.recentlySavedErroredVendorData = {
+                    vendorId,
+                    vendorNameSentForReview,
+                    oldRecommendation,
+                    newRecommendation,
+                };
+            }
+        },
+        updateReviewVendorDetailLocalData(draft, action) {
+            const { vendorDetails } = action.payload;
+            const { id, qboId, websiteUrl, name } = vendorDetails;
+            draft.vendorLocalData = {
+                vendorDetails: {
+                    id,
+                    name,
+                    qboId,
+                    websiteUrl,
+                },
+                saveStatus: { fetchState: 'Not-Started', error: undefined },
+            };
+        },
+        saveVendorDetailsView(draft) {
+            if (draft.vendorLocalData != null) {
+                draft.vendorLocalData = {
+                    ...draft.vendorLocalData,
+                    saveStatus: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    },
+                };
+            }
+        },
+        updateVendorDetailsViewFailureOrSuccess(draft, action) {
+            const { vendorId, fetchState, error } = action.payload;
+            if (draft.vendorLocalData != null) {
+                draft.vendorLocalData.saveStatus = {
+                    fetchState: fetchState,
+                    error: error,
+                };
+            }
+            if (fetchState === 'Completed') {
+                const vendorReviewViewLocalData = draft.vendorFirstReviewViewLocalDataById[vendorId]
+                    .vendorFirstReviewViewLocalData;
+                draft.vendorFirstReviewViewLocalDataById[vendorId].vendorFirstReviewViewLocalData = {
+                    ...vendorReviewViewLocalData,
+                    isWebsiteUrlSaved: true,
+                };
+            }
+        },
+        clearRecentlySavedErroredVendorData(draft) {
+            draft.recentlySavedErroredVendorData = undefined;
+        },
+        saveVendorFirstReviewViewSuccessOrFailure: {
+            reducer(draft, action) {
+                const vendorId = action.payload.vendorId;
+                if (draft.vendorFirstReviewViewLocalDataById[vendorId] != null) {
+                    draft.vendorFirstReviewViewLocalDataById[vendorId].saveStatus.fetchState = action.payload.fetchState;
+                    draft.vendorFirstReviewViewLocalDataById[vendorId].saveStatus.error =
+                        action.payload.error;
+                }
+                const status = action.payload.reviewStatus != null &&
+                    (0, commonTypes_1.toVendorFirstReviewViewStatusesTypeStrict)(action.payload.reviewStatus.code);
+                // Note: We need to delete vendor local data when save is success with status code 'reviewed' OR it is marked as en employee
+                if (action.payload.fetchState === 'Completed' &&
+                    (status === 'reviewed' ||
+                        status === 'under_review' ||
+                        action.payload.markAsEmployee ||
+                        action.payload.markAsLocalContractor)) {
+                    delete draft.vendorFirstReviewViewLocalDataById[vendorId];
+                }
+            },
+            prepare(fetchState, vendorId, markAsEmployee, markAsLocalContractor, error, reviewStatus) {
+                return {
+                    payload: {
+                        fetchState,
+                        vendorId,
+                        markAsEmployee,
+                        markAsLocalContractor,
+                        error,
+                        reviewStatus,
+                    },
+                };
+            },
+        },
+        clearVendorReviewView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+const toVendorReviewViewUpdatedVendorLocalData = (vendorId, vendorPayload) => {
+    const vendorView = mapPayloadToVendorFirstReviewView({
+        ...vendorPayload,
+        vendor_id: vendorId,
+    });
+    return vendorView;
+};
+const toVendorReviewViewLocalDataById = (vendorsPayload) => {
+    const vendorById = {};
+    vendorsPayload.forEach((vendor) => {
+        const vendorView = mapPayloadToVendorFirstReviewView(vendor);
+        vendorById[vendorView.selectedVendorId] = {
+            vendorFirstReviewViewLocalData: vendorView,
+            saveStatus: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+        };
+    });
+    return vendorById;
+};
+const mapPayloadToVendorFirstReviewView = (payload) => {
+    const { recommendationIds, nonExistingRecommendations } = (0, commonTypes_1.toAllRecommendationsFromPayload)(payload.recommendations);
+    return {
+        vendorId: payload.vendor_id,
+        selectedVendorId: payload.vendor_id,
+        status: {
+            code: (0, commonTypes_1.toVendorFirstReviewViewStatusesTypeStrict)(payload.status.code),
+            name: payload.status.name,
+        },
+        currentSelection: null,
+        recommendationIds,
+        recommendedNonExistingGlobalMerchants: nonExistingRecommendations,
+        lastUpdatedVendorNameByUserId: payload.last_updated_vendor_name_by_user?.user_id,
+        /* merge_vendor_name can be an empty string from platform in cases other than `merge_in_qbo` status.
+           So, to avoid further string length checks, making this undefined.*/
+        mergeVendorName: payload.merge_vendor_name != null && payload.merge_vendor_name.length > 0
+            ? payload.merge_vendor_name
+            : undefined,
+        transactionAttachments: payload.transaction_attachments != null
+            ? payload.transaction_attachments.map((attachmentPayload) => (0, attachmentPayload_1.toAttachment)(attachmentPayload))
+            : [],
+        // initially set to false since we haven't saved the url from vendor detail slider, will be true once saved.
+        isWebsiteUrlSaved: false,
+    };
+};
+_a = vendorFirstReviewView.actions, exports.fetchVendorFirstReviewAttachments = _a.fetchVendorFirstReviewAttachments, exports.fetchVendorFirstReviewView = _a.fetchVendorFirstReviewView, exports.updateSavedVendorFirstReviewViewLocalData = _a.updateSavedVendorFirstReviewViewLocalData, exports.updateVendorFirstReviewViewFailure = _a.updateVendorFirstReviewViewFailure, exports.clearVendorReviewView = _a.clearVendorReviewView, exports.updateVendorFirstReviewViewScrollYOffset = _a.updateVendorFirstReviewViewScrollYOffset, exports.updateVendorFirstReviewViewPageToken = _a.updateVendorFirstReviewViewPageToken, exports.saveVendorFirstReviewView = _a.saveVendorFirstReviewView, exports.updateVendorFirstReviewSortUiState = _a.updateVendorFirstReviewSortUiState, exports.initializeVendorFirstReviewViewLocalData = _a.initializeVendorFirstReviewViewLocalData, exports.updateVendorFirstReviewViewLocalData = _a.updateVendorFirstReviewViewLocalData, exports.resetVendorFirstReviewLocalData = _a.resetVendorFirstReviewLocalData, exports.updateRecentlySavedErroredVendorData = _a.updateRecentlySavedErroredVendorData, exports.clearRecentlySavedErroredVendorData = _a.clearRecentlySavedErroredVendorData, exports.saveVendorFirstReviewViewSuccessOrFailure = _a.saveVendorFirstReviewViewSuccessOrFailure, exports.updateVendorFirstReviewViewTransactionAttachments = _a.updateVendorFirstReviewViewTransactionAttachments, exports.updateVendorFirstReviewViewTransactionAttachmentsFailure = _a.updateVendorFirstReviewViewTransactionAttachmentsFailure, exports.updateReviewVendorDetailLocalData = _a.updateReviewVendorDetailLocalData, exports.saveVendorDetailsView = _a.saveVendorDetailsView, exports.updateVendorDetailsViewFailureOrSuccess = _a.updateVendorDetailsViewFailureOrSuccess;
+exports.default = vendorFirstReviewView.reducer;

package/lib/view/vendorReviewView/vendorFirstReviewView/vendorFirstReviewViewSelector.d.ts

@@ -0,0 +1,57 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { Attachment } from '../../../entity/transaction/stateTypes/attachment';
+import { User } from '../../../entity/user/userState';
+import { Vendor } from '../../../entity/vendor/vendorState';
+import { RootState } from '../../../reducer';
+import ZeniUrl from '../../../zeniUrl';
+import { GlobalMerchantAutoCompleteView } from '../../globalMerchantView/globalMerchantAutoCompleteView/globalMerchantAutoCompleteViewSelector';
+import { ReviewStatus, VendorReviewRowCurrentSelection } from '../common/state/commonTypes';
+import { RecommendedNonExistingGlobalMerchant, VendorFirstReviewViewUIState } from './vendorFirstReviewViewState';
+export interface VendorFirstReviewViewSelectorView extends SelectorView {
+    globalMerchantAutoCompleteView: GlobalMerchantAutoCompleteView;
+    uiState: VendorFirstReviewViewUIState;
+    vendorReviewView: VendorFirstReviewSelectorView[];
+    recentlySavedErroredVendorView?: RecentlySavedErroredVendorView;
+}
+export interface VendorFirstReviewSelectorView {
+    attachmentFetchStatus: FetchStateAndError;
+    currentSelection: VendorReviewRowCurrentSelection;
+    isWebsiteUrlSaved: boolean;
+    mergeVendorName: string | undefined;
+    recommendations: RecommendedNonExistingGlobalMerchant[];
+    saveStatus: FetchStateAndError;
+    selectedVendor: {
+        name: string;
+        id?: ID;
+        logo?: ZeniUrl;
+    };
+    status: ReviewStatus;
+    transactionAttachments: Attachment[];
+    vendorId: ID;
+    currentVendor?: Vendor;
+    lastUpdatedVendorNameByUser?: User;
+    vendorQboId?: ID;
+    vendorRenamedText?: string;
+}
+interface RecentlySavedErroredVendorView {
+    vendorId: ID;
+    vendorName: string;
+    newRecommendedVendor?: RecommendedNonExistingGlobalMerchant;
+    oldRecommendedVendor?: RecommendedNonExistingGlobalMerchant;
+}
+export interface FirstReviewVendorDetailSelectorView {
+    saveStatus: FetchStateAndError;
+    id?: ID;
+    name?: string;
+    qboId?: ID;
+    websiteUrl?: ZeniUrl;
+}
+export declare const getVendorFirstReviewView: (state: RootState) => VendorFirstReviewViewSelectorView;
+export interface VendorFirstReviewSelectorAttachmentView {
+    attachmentFetchStatus: FetchStateAndError;
+    transactionAttachments: Attachment[];
+}
+export declare const getVendorFirstReviewAttachmentView: (state: RootState, vendorId: ID) => VendorFirstReviewSelectorAttachmentView | undefined;
+export declare const getVendorDetailSelectorView: (state: RootState) => FirstReviewVendorDetailSelectorView;
+export {};

package/lib/view/vendorReviewView/vendorFirstReviewView/vendorFirstReviewViewSelector.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVendorDetailSelectorView = exports.getVendorFirstReviewAttachmentView = exports.getVendorFirstReviewView = void 0;
+const globalMerchantSelector_1 = require("../../../entity/globalMerchant/globalMerchantSelector");
+const userSelector_1 = require("../../../entity/user/userSelector");
+const vendorSelector_1 = require("../../../entity/vendor/vendorSelector");
+const globalMerchantAutoCompleteViewSelector_1 = require("../../globalMerchantView/globalMerchantAutoCompleteView/globalMerchantAutoCompleteViewSelector");
+const getVendorFirstReviewView = (state) => {
+    const { vendorFirstReviewViewState, userState, vendorState, globalMerchantState, } = state;
+    const { vendorFirstReviewViewLocalDataById, recentlySavedErroredVendorData, attachmentFetchStatus, uiState, fetchState, error, } = vendorFirstReviewViewState;
+    const userIds = [];
+    const globalMerchantAutoCompleteView = (0, globalMerchantAutoCompleteViewSelector_1.getGlobalMerchantAutoCompleteResults)(state);
+    const vendorReviewView = Object.keys(vendorFirstReviewViewLocalDataById).map((id) => {
+        const vendorLocalData = vendorFirstReviewViewLocalDataById[id].vendorFirstReviewViewLocalData;
+        if (vendorLocalData.lastUpdatedVendorNameByUserId != null) {
+            userIds.push(vendorLocalData.lastUpdatedVendorNameByUserId);
+        }
+        const currentVendor = (0, vendorSelector_1.getVendorByVendorId)(vendorState, vendorLocalData.vendorId);
+        const users = (0, userSelector_1.getUsersByUserIds)(userState, userIds);
+        let recommendations = (0, globalMerchantSelector_1.getGlobalMerchantsByMerchantIds)(globalMerchantState, vendorLocalData.recommendationIds);
+        recommendations = [
+            ...recommendations,
+            ...vendorLocalData.recommendedNonExistingGlobalMerchants,
+        ];
+        const transactionAttachments = vendorLocalData.transactionAttachments;
+        let selectedVendor;
+        const vendor = (0, vendorSelector_1.getVendorByVendorId)(vendorState, vendorLocalData.selectedVendorId);
+        if (vendor != null) {
+            selectedVendor = {
+                name: vendorLocalData.vendorRenamedText ?? vendor.name,
+                id: vendor.id,
+                logo: vendor.logo,
+            };
+        }
+        else {
+            const vendor = (0, globalMerchantSelector_1.getGlobalMerchantByMerchantId)(globalMerchantState, vendorLocalData.selectedVendorId);
+            if (vendor != null) {
+                selectedVendor = {
+                    name: vendor.globalMerchantName,
+                    id: vendor.globalMerchantId,
+                    logo: vendor.logo,
+                };
+            }
+            else {
+                // Case where non-existing recommendation is chosen
+                selectedVendor = {
+                    name: vendorLocalData.recommendedNonExistingGlobalMerchants[0]
+                        ?.globalMerchantName,
+                    id: vendorLocalData.recommendedNonExistingGlobalMerchants[0]
+                        ?.globalMerchantName,
+                    logo: vendorLocalData.recommendedNonExistingGlobalMerchants[0]?.logo,
+                };
+            }
+        }
+        return {
+            vendorId: vendorLocalData.vendorId,
+            vendorQboId: currentVendor?.qboId,
+            currentVendor,
+            selectedVendor,
+            status: vendorLocalData.status,
+            saveStatus: vendorFirstReviewViewLocalDataById[id].saveStatus,
+            attachmentFetchStatus,
+            lastUpdatedVendorNameByUser: users.find((user) => user.userId === vendorLocalData.lastUpdatedVendorNameByUserId),
+            recommendations,
+            currentSelection: vendorLocalData.currentSelection,
+            mergeVendorName: vendorLocalData.mergeVendorName,
+            isWebsiteUrlSaved: vendorLocalData.isWebsiteUrlSaved,
+            transactionAttachments,
+        };
+    });
+    let recentlyUpdatedErroredVendorData = undefined;
+    if (recentlySavedErroredVendorData != null) {
+        const vendor = (0, vendorSelector_1.getVendorByVendorId)(vendorState, recentlySavedErroredVendorData.vendorId);
+        if (vendor != null) {
+            if (recentlySavedErroredVendorData.oldRecommendation != null ||
+                recentlySavedErroredVendorData.newRecommendation != null) {
+                recentlyUpdatedErroredVendorData = {
+                    vendorId: recentlySavedErroredVendorData.vendorId,
+                    vendorName: vendor.name,
+                    oldRecommendedVendor: recentlySavedErroredVendorData.oldRecommendation,
+                    newRecommendedVendor: recentlySavedErroredVendorData.newRecommendation,
+                };
+            }
+            else {
+                recentlyUpdatedErroredVendorData = {
+                    vendorId: recentlySavedErroredVendorData.vendorId,
+                    vendorName: recentlySavedErroredVendorData.vendorNameSentForReview,
+                };
+            }
+        }
+    }
+    return {
+        vendorReviewView,
+        globalMerchantAutoCompleteView: globalMerchantAutoCompleteView,
+        recentlySavedErroredVendorView: recentlyUpdatedErroredVendorData,
+        uiState,
+        fetchState,
+        error,
+        version: 0,
+    };
+};
+exports.getVendorFirstReviewView = getVendorFirstReviewView;
+const getVendorFirstReviewAttachmentView = (state, vendorId) => {
+    const { vendorFirstReviewViewState } = state;
+    const { transactionAttachmentsByVendorId } = vendorFirstReviewViewState;
+    if (transactionAttachmentsByVendorId[vendorId] == null) {
+        return undefined;
+    }
+    return {
+        attachmentFetchStatus: vendorFirstReviewViewState.attachmentFetchStatus,
+        transactionAttachments: transactionAttachmentsByVendorId[vendorId],
+    };
+};
+exports.getVendorFirstReviewAttachmentView = getVendorFirstReviewAttachmentView;
+const getVendorDetailSelectorView = (state) => {
+    const { vendorFirstReviewViewState } = state;
+    const { vendorLocalData } = vendorFirstReviewViewState;
+    return {
+        id: vendorLocalData?.vendorDetails.id,
+        qboId: vendorLocalData?.vendorDetails.qboId,
+        name: vendorLocalData?.vendorDetails.name,
+        websiteUrl: vendorLocalData?.vendorDetails.websiteUrl,
+        saveStatus: vendorLocalData?.saveStatus ?? { fetchState: 'Not-Started' },
+    };
+};
+exports.getVendorDetailSelectorView = getVendorDetailSelectorView;

package/lib/view/vendorReviewView/vendorFirstReviewView/vendorFirstReviewViewState.d.ts

@@ -0,0 +1,69 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { SortOrder } from '../../../commonStateTypes/selectorTypes/sortOrderTypes';
+import { PageToken } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { GlobalMerchant } from '../../../entity/globalMerchant/globalMerchantState';
+import { Attachment } from '../../../entity/transaction/stateTypes/attachment';
+import ZeniUrl from '../../../zeniUrl';
+import { ReviewStatus, VendorReviewRowCurrentSelection } from '../common/state/commonTypes';
+export interface FirstReviewPageCurrentSelectionByColumn {
+    customMerchant: boolean;
+    recommendedFirst: boolean;
+    recommendedSecond: boolean;
+    rename: boolean;
+    retain: boolean;
+}
+export declare const toVendorFirstReviewViewColumnKeyType: (v: string) => "vendor" | "status" | "action" | "retain" | "updateTo" | "ytd" | "viewTenantInvoice";
+export type VendorFirstReviewViewColumnKey = ReturnType<typeof toVendorFirstReviewViewColumnKeyType>;
+export interface RecommendedNonExistingGlobalMerchant extends Omit<GlobalMerchant, 'globalMerchantId'> {
+    globalMerchantId?: ID;
+}
+export interface VendorFirstReviewViewUIState {
+    pageToken: PageToken;
+    scrollYOffset: number;
+    searchText: string;
+    sortKey: VendorFirstReviewViewColumnKey;
+    sortOrder: SortOrder;
+    totalCount: number;
+}
+export interface VendorFirstReviewViewLocalData {
+    currentSelection: VendorReviewRowCurrentSelection;
+    isWebsiteUrlSaved: boolean;
+    mergeVendorName: string | undefined;
+    recommendationIds: ID[];
+    recommendedNonExistingGlobalMerchants: RecommendedNonExistingGlobalMerchant[];
+    selectedVendorId: ID;
+    status: ReviewStatus;
+    transactionAttachments: Attachment[];
+    vendorId: ID;
+    lastUpdatedVendorNameByUserId?: ID;
+    vendorRenamedText?: string;
+}
+interface RecentlySavedErroredVendorData {
+    vendorId: ID;
+    vendorNameSentForReview: string;
+    newRecommendation?: RecommendedNonExistingGlobalMerchant;
+    oldRecommendation?: RecommendedNonExistingGlobalMerchant;
+}
+export interface VendorFirstReviewView {
+    saveStatus: FetchStateAndError;
+    vendorFirstReviewViewLocalData: VendorFirstReviewViewLocalData;
+}
+export interface VendorFirstReviewViewState extends FetchedState {
+    attachmentFetchStatus: FetchStateAndError;
+    transactionAttachmentsByVendorId: Record<ID, Attachment[]>;
+    uiState: VendorFirstReviewViewUIState;
+    vendorFirstReviewViewLocalDataById: Record<ID, VendorFirstReviewView>;
+    vendorLocalData: ReviewVendorViewLocalData | null;
+    recentlySavedErroredVendorData?: RecentlySavedErroredVendorData;
+}
+export interface VendorViewLocalData {
+    id: ID;
+    name: string;
+    qboId: ID;
+    websiteUrl?: ZeniUrl;
+}
+export interface ReviewVendorViewLocalData {
+    saveStatus: FetchStateAndError;
+    vendorDetails: VendorViewLocalData;
+}
+export {};

package/lib/view/vendorReviewView/vendorFirstReviewView/vendorFirstReviewViewState.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toVendorFirstReviewViewColumnKeyType = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+const VENDOR_FIRST_REVIEW_VIEW_COLUMN_KEYS = [
+    'vendor',
+    'updateTo',
+    'retain',
+    'status',
+    'action',
+    'ytd', // Note: this is not part of list view, we are keeping it to use for default sorting purpose since default sorting is by year_to_date_spend
+    'viewTenantInvoice',
+];
+const toVendorFirstReviewViewColumnKeyType = (v) => (0, stringToUnion_1.stringToUnion)(v, VENDOR_FIRST_REVIEW_VIEW_COLUMN_KEYS);
+exports.toVendorFirstReviewViewColumnKeyType = toVendorFirstReviewViewColumnKeyType;

package/lib/view/vendorReviewView/vendorGlobalReviewView/epics/approveVendorGlobalReviewEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { approveVendorGlobalReview, approveVendorGlobalReviewFailure, approveVendorGlobalReviewSuccess } from '../vendorGlobalReviewViewReducer';
+export type ActionType = ReturnType<typeof approveVendorGlobalReview> | ReturnType<typeof approveVendorGlobalReviewSuccess> | ReturnType<typeof approveVendorGlobalReviewFailure> | ReturnType<typeof openSnackbar>;
+export declare const approveVendorGlobalReviewEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<never[] | ActionType>;