@zeniai/client-epic-state 4.9.30 → 4.9.31

package/lib/view/onboardingView/cockpitView/epic/saveOnboardingCustomerCompletedStatusEpic.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveOnboardingCustomerCompletedStatusEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const tenantReducer_1 = require("../../../../entity/tenant/tenantReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const companyReducer_1 = require("../../../../entity/company/companyReducer");
+const onboardingCustomerReducer_1 = require("../../../../entity/onboardingCustomer/onboardingCustomerReducer");
+const onboardingCockpitViewReducer_1 = require("../onboardingCockpitViewReducer");
+const saveOnboardingCustomerCompletedStatusEpic = (actions$, _, zeniAPI) => actions$.pipe((0, operators_1.filter)(onboardingCockpitViewReducer_1.saveOnboardingCustomerCompletedStatus.match), (0, operators_1.mergeMap)((action) => {
+    const { isOnboardingCompleted, companyId, tenantId, isOnboardingTenant, userEmailWithPreOnboardSuccess, companyEmailDomain, } = action.payload.onboardingCustomerCompletedStatus;
+    const onboardingCompletedPayload = {
+        company_email_domain: companyEmailDomain,
+        is_onboarding_completed: isOnboardingCompleted,
+        user_email_with_pre_onboard_success: userEmailWithPreOnboardSuccess,
+        is_onboarding_tenant: isOnboardingTenant,
+    };
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/whitelist-companies`, onboardingCompletedPayload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const actions = [
+                (0, companyReducer_1.removeOnboardingCompany)(companyId),
+                (0, tenantReducer_1.removeOnboardingTenant)(tenantId),
+                (0, onboardingCustomerReducer_1.removeOnboardingCustomersInfo)(companyId),
+                (0, onboardingCockpitViewReducer_1.saveOnboardingCustomerCompletedStatusOnSuccess)(companyId),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, onboardingCockpitViewReducer_1.saveOnboardingCustomerCompletedStatusOnFailure)(companyId, response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, onboardingCockpitViewReducer_1.saveOnboardingCustomerCompletedStatusOnFailure)(companyId, (0, responsePayload_1.createZeniAPIStatus)('Unexpected error', 'Save Onboarding Customer Complete REST API call errored out' +
+        JSON.stringify(error))))));
+}));
+exports.saveOnboardingCustomerCompletedStatusEpic = saveOnboardingCustomerCompletedStatusEpic;

package/lib/view/onboardingView/cockpitView/epic/saveOnboardingCustomerNotesEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { saveOnboardingCustomerNotes, saveOnboardingCustomerNotesOnFailure, saveOnboardingCustomerNotesOnSuccess, updateCompanyOnboardingViewOnSuccess } from '../onboardingCockpitViewReducer';
+import { updateOnboardingCompanies } from '../../../../entity/company/companyReducer';
+export declare type ActionType = ReturnType<typeof saveOnboardingCustomerNotes> | ReturnType<typeof updateOnboardingCompanies> | ReturnType<typeof updateCompanyOnboardingViewOnSuccess> | ReturnType<typeof saveOnboardingCustomerNotesOnSuccess> | ReturnType<typeof saveOnboardingCustomerNotesOnFailure>;
+export declare const saveOnboardingCustomerNotesEpic: (actions$: ActionsObservable<ActionType>, _: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/onboardingView/cockpitView/epic/saveOnboardingCustomerNotesEpic.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveOnboardingCustomerNotesEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const onboardingCockpitViewReducer_1 = require("../onboardingCockpitViewReducer");
+const companyReducer_1 = require("../../../../entity/company/companyReducer");
+const saveOnboardingCustomerNotesEpic = (actions$, _, zeniAPI) => actions$.pipe((0, operators_1.filter)(onboardingCockpitViewReducer_1.saveOnboardingCustomerNotes.match), (0, operators_1.mergeMap)((action) => {
+    const { companyId, note } = action.payload;
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/companies/${companyId}`, { note })
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const actions = [
+                (0, companyReducer_1.updateOnboardingCompanies)({
+                    payload: response.data.companies,
+                    schema: {},
+                }),
+                (0, onboardingCockpitViewReducer_1.saveOnboardingCustomerNotesOnSuccess)(companyId),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, onboardingCockpitViewReducer_1.saveOnboardingCustomerNotesOnFailure)({
+                companyId,
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, onboardingCockpitViewReducer_1.saveOnboardingCustomerNotesOnFailure)({
+        companyId,
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected error', 'Save Onboarding Customer Complete REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.saveOnboardingCustomerNotesEpic = saveOnboardingCustomerNotesEpic;

package/lib/view/onboardingView/cockpitView/epic/saveOnboardingCustomerViewUpdatesEpic.d.ts

@@ -0,0 +1,14 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { updateAllUsers } from '../../../../entity/user/userReducer';
+import { saveOnboardingCustomerViewUpdates, saveOnboardingCustomerViewUpdatesFailure, saveOnboardingCustomerViewUpdatesSuccess, updateCompanyOnboardingViewOnSuccess, updateOnboardingTenantIdsByCompanyIds } from '../onboardingCockpitViewReducer';
+import { updateOnboardingTenants } from '../../../../entity/tenant/tenantReducer';
+import { updateOnboardingCompanies } from '../../../../entity/company/companyReducer';
+import { updateOnboardingCustomersInfo } from '../../../../entity/onboardingCustomer/onboardingCustomerReducer';
+import { updateUserRoles } from '../../../../entity/userRole/userRoleReducer';
+import { updateAddresses } from '../../../../entity/address/addressReducer';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+export declare type ActionType = ReturnType<typeof saveOnboardingCustomerViewUpdates> | ReturnType<typeof updateOnboardingCompanies> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateOnboardingTenants> | ReturnType<typeof updateOnboardingCustomersInfo> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateOnboardingTenantIdsByCompanyIds> | ReturnType<typeof updateCompanyOnboardingViewOnSuccess> | ReturnType<typeof saveOnboardingCustomerViewUpdatesSuccess> | ReturnType<typeof openSnackbar> | ReturnType<typeof saveOnboardingCustomerViewUpdatesFailure>;
+export declare const saveOnboardingCustomerViewUpdatesEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/onboardingView/cockpitView/epic/saveOnboardingCustomerViewUpdatesEpic.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveOnboardingCustomerViewUpdatesEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const userReducer_1 = require("../../../../entity/user/userReducer");
+const onboardingCockpitViewReducer_1 = require("../onboardingCockpitViewReducer");
+const onboardingCockpitViewPayload_1 = require("../onboardingCockpitViewPayload");
+const tenantReducer_1 = require("../../../../entity/tenant/tenantReducer");
+const companyReducer_1 = require("../../../../entity/company/companyReducer");
+const onboardingCustomerReducer_1 = require("../../../../entity/onboardingCustomer/onboardingCustomerReducer");
+const userRoleReducer_1 = require("../../../../entity/userRole/userRoleReducer");
+const companySelector_1 = require("../../../../entity/company/companySelector");
+const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
+const addressReducer_1 = require("../../../../entity/address/addressReducer");
+const cockpitHelpers_1 = require("../../../companyView/helpers/cockpitHelpers");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const sendOnboardingCustomerViewInviteEpic_1 = require("./sendOnboardingCustomerViewInviteEpic");
+const saveOnboardingCustomerViewUpdatesEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(onboardingCockpitViewReducer_1.saveOnboardingCustomerViewUpdates.match), (0, operators_1.mergeMap)((action) => {
+    const { onboardingCockpitViewState } = state$.value;
+    const { sendInvite, skipSnackbarOnSuccess } = action.payload;
+    const { onboardingCustomerLocalData } = onboardingCockpitViewState;
+    if (onboardingCustomerLocalData != null) {
+        let company;
+        let tenant;
+        const { companyId, tenantId } = onboardingCustomerLocalData;
+        if (Boolean(companyId) && Boolean(tenantId)) {
+            company = (0, companySelector_1.getOnboardingCompanyByCompanyId)(state$.value.companyState, companyId !== null && companyId !== void 0 ? companyId : '');
+            tenant = (0, tenantSelector_1.getOnboardingTenantByTenantId)(state$.value.tenantState, tenantId !== null && tenantId !== void 0 ? tenantId : '');
+        }
+        const onboardingCustomerPayload = (0, onboardingCockpitViewPayload_1.toOnboardingCustomerPayload)(onboardingCustomerLocalData, sendInvite, company, tenant);
+        const saveOnboardingCustomerAPI = onboardingCustomerPayload.company_id != null
+            ? zeniAPI.putAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/whitelist-companies`, onboardingCustomerPayload)
+            : zeniAPI.postAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/whitelist-companies`, onboardingCustomerPayload);
+        return saveOnboardingCustomerAPI.pipe((0, operators_1.mergeMap)((response) => {
+            var _a, _b;
+            if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+                const companyIds = response.data.companies.map((companyPayload) => companyPayload.company_id);
+                const companyIdTenantIdMapping = (0, cockpitHelpers_1.getCompanyIdTenantIdMappingFromTenantsList)(response.data.tenants, response.data.companies);
+                const actions = [
+                    (0, tenantReducer_1.updateOnboardingTenants)(response.data.tenants, true),
+                    (0, companyReducer_1.updateOnboardingCompanies)({
+                        payload: response.data.companies,
+                        schema: {},
+                        onboardingInviteStatus: response.data.onboarding_invite_status,
+                        companyIdTenantIdMapping,
+                    }),
+                    (0, addressReducer_1.updateAddresses)((_a = response.data.addresses) !== null && _a !== void 0 ? _a : []),
+                    (0, onboardingCockpitViewReducer_1.updateOnboardingTenantIdsByCompanyIds)(response.data.tenants),
+                    (0, onboardingCustomerReducer_1.updateOnboardingCustomersInfo)({
+                        onboardingCustomersInfo: response.data.whitelist_companies,
+                    }),
+                    (0, onboardingCockpitViewReducer_1.updateCompanyOnboardingViewOnSuccess)(companyIds),
+                    (0, onboardingCockpitViewReducer_1.saveOnboardingCustomerViewUpdatesSuccess)({
+                        tenants: response.data.tenants,
+                        companies: response.data.companies,
+                        sendInvite,
+                        newTenant: onboardingCustomerPayload.company_id == null,
+                    }),
+                ];
+                if (response.data.users != null) {
+                    actions.push((0, userReducer_1.updateAllUsers)({ users: response.data.users }));
+                }
+                if (response.data.user_roles != null) {
+                    actions.push((0, userRoleReducer_1.updateUserRoles)(response.data.user_roles));
+                }
+                if (sendInvite === true) {
+                    const userName = (0, sendOnboardingCustomerViewInviteEpic_1.getUserNameForEmailSent)(response.data.companies[0].onboarding_info, response.data.users);
+                    const companyName = (_b = response.data.companies[0].name) !== null && _b !== void 0 ? _b : '';
+                    actions.push((0, snackbarReducer_1.openSnackbar)({
+                        messageSection: 'dashboard_invite_sent',
+                        messageText: 'success',
+                        type: 'success',
+                        variables: [
+                            {
+                                variableName: '_user-name_',
+                                variableValue: userName,
+                            },
+                            {
+                                variableName: '_company-name_',
+                                variableValue: companyName,
+                            },
+                        ],
+                    }));
+                }
+                if (sendInvite !== true && skipSnackbarOnSuccess !== true) {
+                    actions.push((0, snackbarReducer_1.openSnackbar)({
+                        messageSection: 'onboarding_info_saved',
+                        messageText: 'success',
+                        type: 'success',
+                    }));
+                }
+                return (0, rxjs_1.from)(actions);
+            }
+            else {
+                const actions = [
+                    (0, onboardingCockpitViewReducer_1.saveOnboardingCustomerViewUpdatesFailure)(response.status),
+                    (0, snackbarReducer_1.openSnackbar)({
+                        messageSection: sendInvite === true
+                            ? 'dashboard_invite_sent'
+                            : 'onboarding_info_saved',
+                        messageText: 'failed',
+                        type: 'error',
+                    }),
+                ];
+                return (0, rxjs_1.from)(actions);
+            }
+        }), (0, operators_1.catchError)((error) => {
+            const actions = [
+                (0, onboardingCockpitViewReducer_1.saveOnboardingCustomerViewUpdatesFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save Onboarding Customer View Updates errored out' +
+                    JSON.stringify(error))),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: sendInvite === true
+                        ? 'dashboard_invite_sent'
+                        : 'onboarding_info_saved',
+                    messageText: 'failed',
+                    type: 'error',
+                }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }));
+    }
+    else {
+        return (0, rxjs_1.from)([]);
+    }
+}));
+exports.saveOnboardingCustomerViewUpdatesEpic = saveOnboardingCustomerViewUpdatesEpic;

package/lib/view/onboardingView/cockpitView/epic/sendOnboardingCustomerViewInviteEpic.d.ts

@@ -0,0 +1,17 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { updateAllUsers } from '../../../../entity/user/userReducer';
+import { sendOnboardingCustomerViewInvite, sendOnboardingCustomerViewInviteFailure, sendOnboardingCustomerViewInviteSuccess, updateCompanyOnboardingViewOnSuccess, updateOnboardingTenantIdsByCompanyIds } from '../onboardingCockpitViewReducer';
+import { updateOnboardingTenants } from '../../../../entity/tenant/tenantReducer';
+import { updateOnboardingCompanies } from '../../../../entity/company/companyReducer';
+import { updateOnboardingCustomersInfo } from '../../../../entity/onboardingCustomer/onboardingCustomerReducer';
+import { updateUserRoles } from '../../../../entity/userRole/userRoleReducer';
+import { updateAddresses } from '../../../../entity/address/addressReducer';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { OnboardingInfoPayload } from '../../../../entity/company/companyPayload';
+import { UserPayload } from '../../../../entity/user/userPayload';
+export declare type ActionType = ReturnType<typeof sendOnboardingCustomerViewInvite> | ReturnType<typeof updateOnboardingCompanies> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateOnboardingTenants> | ReturnType<typeof updateOnboardingCustomersInfo> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateOnboardingTenantIdsByCompanyIds> | ReturnType<typeof updateCompanyOnboardingViewOnSuccess> | ReturnType<typeof sendOnboardingCustomerViewInviteSuccess> | ReturnType<typeof sendOnboardingCustomerViewInviteFailure> | ReturnType<typeof openSnackbar>;
+export declare const sendOnboardingCustomerViewInviteEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const getUserNameForEmailSent: (onboardingInfo: OnboardingInfoPayload | undefined, users: UserPayload[]) => string;

package/lib/view/onboardingView/cockpitView/epic/sendOnboardingCustomerViewInviteEpic.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUserNameForEmailSent = exports.sendOnboardingCustomerViewInviteEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const userReducer_1 = require("../../../../entity/user/userReducer");
+const onboardingCockpitViewReducer_1 = require("../onboardingCockpitViewReducer");
+const tenantReducer_1 = require("../../../../entity/tenant/tenantReducer");
+const companyReducer_1 = require("../../../../entity/company/companyReducer");
+const onboardingCustomerReducer_1 = require("../../../../entity/onboardingCustomer/onboardingCustomerReducer");
+const userRoleReducer_1 = require("../../../../entity/userRole/userRoleReducer");
+const addressReducer_1 = require("../../../../entity/address/addressReducer");
+const cockpitHelpers_1 = require("../../../companyView/helpers/cockpitHelpers");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const sendOnboardingCustomerViewInviteEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(onboardingCockpitViewReducer_1.sendOnboardingCustomerViewInvite.match), (0, operators_1.mergeMap)((action) => {
+    const { companyId } = action.payload;
+    const onboardingCustomerPayload = {
+        is_onboarding_tenant: true,
+        is_send_invite_to_users_with_access_to_onboarding: true,
+        is_send_invite_to_customer: true,
+        company_id: companyId,
+    };
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/whitelist-companies`, onboardingCustomerPayload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        var _a, _b;
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const companyIds = response.data.companies.map((companyPayload) => companyPayload.company_id);
+            const companyIdTenantIdMapping = (0, cockpitHelpers_1.getCompanyIdTenantIdMappingFromTenantsList)(response.data.tenants, response.data.companies);
+            const userName = (0, exports.getUserNameForEmailSent)(response.data.companies[0].onboarding_info, response.data.users);
+            const companyName = (_a = response.data.companies[0].name) !== null && _a !== void 0 ? _a : '';
+            const actions = [];
+            actions.push((0, tenantReducer_1.updateOnboardingTenants)(response.data.tenants, true));
+            actions.push((0, companyReducer_1.updateOnboardingCompanies)({
+                payload: response.data.companies,
+                schema: {},
+                onboardingInviteStatus: response.data.onboarding_invite_status,
+                companyIdTenantIdMapping,
+            }));
+            actions.push((0, addressReducer_1.updateAddresses)((_b = response.data.addresses) !== null && _b !== void 0 ? _b : []));
+            actions.push((0, onboardingCockpitViewReducer_1.updateOnboardingTenantIdsByCompanyIds)(response.data.tenants));
+            actions.push((0, onboardingCustomerReducer_1.updateOnboardingCustomersInfo)({
+                onboardingCustomersInfo: response.data.whitelist_companies,
+            }));
+            actions.push((0, onboardingCockpitViewReducer_1.updateCompanyOnboardingViewOnSuccess)(companyIds));
+            actions.push((0, onboardingCockpitViewReducer_1.sendOnboardingCustomerViewInviteSuccess)({ companyId }));
+            if (response.data.users != null) {
+                actions.push((0, userReducer_1.updateAllUsers)({ users: response.data.users }));
+            }
+            if (response.data.user_roles != null) {
+                actions.push((0, userRoleReducer_1.updateUserRoles)(response.data.user_roles));
+            }
+            actions.push((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'dashboard_invite_sent',
+                messageText: 'success',
+                type: 'success',
+                variables: [
+                    {
+                        variableName: '_user-name_',
+                        variableValue: userName,
+                    },
+                    {
+                        variableName: '_company-name_',
+                        variableValue: companyName,
+                    },
+                ],
+            }));
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            const actions = [];
+            actions.push((0, onboardingCockpitViewReducer_1.sendOnboardingCustomerViewInviteFailure)({
+                error: response.status,
+                companyId,
+            }));
+            actions.push((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'dashboard_invite_sent',
+                messageText: 'failed',
+                type: 'error',
+            }));
+            return (0, rxjs_1.from)(actions);
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const actions = [];
+        actions.push((0, onboardingCockpitViewReducer_1.sendOnboardingCustomerViewInviteFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Send Onboarding Customer View Invite errored out' +
+                JSON.stringify(error)),
+            companyId,
+        }));
+        actions.push((0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'dashboard_invite_sent',
+            messageText: 'failed',
+            type: 'error',
+        }));
+        return (0, rxjs_1.from)(actions);
+    }));
+}));
+exports.sendOnboardingCustomerViewInviteEpic = sendOnboardingCustomerViewInviteEpic;
+const getUserNameForEmailSent = (onboardingInfo, users) => {
+    const customerUserId = (onboardingInfo === null || onboardingInfo === void 0 ? void 0 : onboardingInfo.onboarding_customer_user_ids) != null &&
+        onboardingInfo.onboarding_customer_user_ids.length > 0
+        ? onboardingInfo.onboarding_customer_user_ids[0]
+        : '';
+    let userName = '';
+    if (customerUserId != null) {
+        const user = users.find((user) => user.user_id === customerUserId);
+        if (user != null) {
+            userName = `${user.first_name} ${user.last_name}`;
+        }
+    }
+    return userName;
+};
+exports.getUserNameForEmailSent = getUserNameForEmailSent;

package/lib/view/onboardingView/cockpitView/onboardingCockpitViewSelector.d.ts

@@ -0,0 +1,55 @@
+import { RootState } from '../../../reducer';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { User } from '../../../entity/user/userState';
+import { FetchState, FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { CompanyWithSchema } from '../../../entity/company/companySelector';
+import { CustomerCreationStatus } from './types/onboardingCockpitViewTypes';
+import { OnboardingCustomer } from './types/onboardingCockpitViewTypes';
+import { OnboardingCustomerListUIState } from './onboardingCockpitViewState';
+import { Company } from '../../../entity/company/companyStateTypes';
+import { OnboardingCustomerInfo } from '../../../entity/onboardingCustomer/onboardingCustomerState';
+import { CompanyDetails } from '../../spendManagement/commonSetup/setupViewSelector';
+import { TenantExternalConnections } from '../../../entity/tenant/tenantState';
+export interface NewOnboardingCustomerLocalData extends OnboardingCustomerInfo {
+    isEmailGroupCreated: boolean;
+    isCustomerCreated: boolean;
+    isOnboardingCompanyDetailsCompleted: boolean;
+    isCustomerCreationDisabled: boolean;
+    isOnboardingCompleted?: boolean;
+    tenantId?: string;
+    companyDetailsLocalData: CompanyDetails;
+}
+export interface NewOnboardingCustomerView extends SelectorView {
+    emailGroupFetchState: FetchStateAndError;
+    sendInviteFetchState: FetchStateAndError;
+    newOnboardingCustomerLocalData: Partial<NewOnboardingCustomerLocalData>;
+    isOnboardingAllowedForUser: boolean;
+    uiState: OnboardingCustomerListUIState;
+    customerLocalStoreInitState: FetchState;
+    onboardingCompletedCompanies: {
+        fetchState: FetchState;
+        error?: ZeniAPIStatus;
+        companies: Company[];
+    };
+    companyView?: CompanyWithSchema;
+    externalConnections?: TenantExternalConnections;
+    newOnboardedCustomerId?: ID;
+}
+export interface OnboardingCockpitView extends SelectorView {
+    onboardingCustomers: OnboardingCustomer[];
+    saveFetchState: FetchStateAndError;
+    updateStatus: FetchStateAndError;
+    customerCreationStatus: CustomerCreationStatus;
+    uiState: OnboardingCustomerListUIState;
+    isOnboardingAllowedForUser: boolean;
+    zeniUsers: {
+        fetchState: FetchState;
+        error?: ZeniAPIStatus;
+        values: User[];
+    };
+    sendInviteFetchStateByCompanyId: Record<ID, FetchStateAndError>;
+    retryBankAccountConnectionFetchStateByCompanyId: Record<ID, FetchStateAndError>;
+}
+export declare const getNewOnboardingCustomerView: (state: RootState) => NewOnboardingCustomerView;
+export declare const getOnboardingCockpitView: (state: RootState) => OnboardingCockpitView;

package/lib/view/onboardingView/cockpitView/onboardingCockpitViewSelector.js

@@ -0,0 +1,185 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOnboardingCockpitView = exports.getNewOnboardingCustomerView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const orderBy_1 = __importDefault(require("lodash/orderBy"));
+const userSelector_1 = require("../../../entity/user/userSelector");
+const tenantSelector_1 = require("../../../entity/tenant/tenantSelector");
+const onboardingCustomerSelector_1 = require("../../../entity/onboardingCustomer/onboardingCustomerSelector");
+const companySelector_1 = require("../../../entity/company/companySelector");
+const get_1 = __importDefault(require("lodash/get"));
+exports.getNewOnboardingCustomerView = (0, toolkit_1.createSelector)((state) => state, (rootState) => {
+    const { onboardingCockpitViewState } = rootState;
+    const { emailGroupFetchState, saveFetchState, sendInviteFetchState, onboardingCompletedCompanies, isOnboardingAllowedForUser, onboardingCustomerLocalData, uiState, customerLocalStoreInitState, newOnboardedCustomerId, } = onboardingCockpitViewState;
+    const onboardingCustomerInfo = __rest(onboardingCustomerLocalData, []);
+    let companyDetailsLocalData;
+    const onboardingCompletedCompanyValues = onboardingCompletedCompanies.ids
+        .map((companyId) => (0, companySelector_1.getOnboardingCompletedCompanyByCompanyId)(rootState.companyState, companyId))
+        .filter((value) => value != null);
+    const companyView = onboardingCustomerLocalData.companyId != null
+        ? (0, companySelector_1.getOnboardingCompanyByCompanyId)(rootState.companyState, onboardingCustomerLocalData.companyId)
+        : undefined;
+    const tenantId = companyView === null || companyView === void 0 ? void 0 : companyView.company.companyInfo.tenantId;
+    return {
+        fetchState: saveFetchState.fetchState,
+        sendInviteFetchState,
+        customerLocalStoreInitState,
+        error: saveFetchState.error,
+        emailGroupFetchState,
+        newOnboardingCustomerLocalData: Object.assign(Object.assign({}, onboardingCustomerInfo), { companyDetailsLocalData }),
+        isOnboardingAllowedForUser,
+        uiState,
+        onboardingCompletedCompanies: {
+            fetchState: onboardingCockpitViewState.onboardingCompletedCompanies.fetchState,
+            error: onboardingCockpitViewState.onboardingCompletedCompanies.error,
+            companies: onboardingCompletedCompanyValues,
+        },
+        companyView,
+        newOnboardedCustomerId,
+        externalConnections: tenantId != null &&
+            rootState.tenantState.externalConnectionsByTenant[tenantId] != null
+            ? rootState.tenantState.externalConnectionsByTenant[tenantId]
+            : undefined,
+    };
+});
+exports.getOnboardingCockpitView = (0, toolkit_1.createSelector)((state) => state, (rootState) => {
+    const onboardingCockpitViewState = rootState.onboardingCockpitViewState;
+    const { onboardingCustomerIDs, fetchState, sendInviteFetchStateByCompanyId, retryBankAccountConnectionFetchStateByCompanyId, error, onboardingTenantIdByCompanyId, uiState, saveFetchState, updateStatus, customerCreationStatus, isOnboardingAllowedForUser, } = onboardingCockpitViewState;
+    let onboardingCustomers = onboardingCustomerIDs
+        .map((companyId) => {
+        const company = (0, companySelector_1.getOnboardingCompanyByCompanyId)(rootState.companyState, companyId);
+        if (company != null) {
+            const tenantId = onboardingTenantIdByCompanyId[company.company.companyInfo.companyId];
+            const tenant = (0, tenantSelector_1.getOnboardingTenantByTenantId)(rootState.tenantState, tenantId);
+            const onboardingCustomerInfo = (0, onboardingCustomerSelector_1.getOnboardingCustomersByCompanyId)(rootState.onboardingCustomerState, company.company.companyInfo.companyId);
+            const updatesInProgress = getUpdatesInProgressByCompanyId(rootState.onboardingCockpitViewState, company.company.companyInfo.companyId);
+            return {
+                company,
+                tenant,
+                onboardingCustomerInfo,
+                updatesInProgress,
+            };
+        }
+        return undefined;
+    })
+        .filter((value) => value != null);
+    onboardingCustomers = getFilteredOnboardingCustomers(onboardingCustomers, uiState.filterText);
+    const sortedOnboardingCustomers = getSortedOnboardingCustomers(onboardingCustomers, uiState.sortKey, uiState.sortOrder, rootState.userState);
+    const zeniUsers = rootState.companyViewState.zeniUsers.ids
+        .map((userId) => (0, userSelector_1.getUserByUserId)(rootState.userState, userId))
+        .filter((value) => value != null);
+    const orderedZeniUsers = (0, orderBy_1.default)(zeniUsers, (user) => (0, userSelector_1.getUserName)(user), 'asc');
+    return {
+        version: 1,
+        fetchState: fetchState,
+        sendInviteFetchStateByCompanyId,
+        saveFetchState,
+        error: error,
+        customerCreationStatus,
+        onboardingCustomers: sortedOnboardingCustomers,
+        isOnboardingAllowedForUser,
+        uiState,
+        updateStatus,
+        zeniUsers: {
+            fetchState: rootState.companyViewState.zeniUsers.fetchState,
+            error: rootState.companyViewState.zeniUsers.error,
+            values: orderedZeniUsers,
+        },
+        retryBankAccountConnectionFetchStateByCompanyId,
+    };
+});
+const getUpdatesInProgressByCompanyId = (onboardingCockpitViewState, companyId) => {
+    const onboardingCustomerUpdate = (0, get_1.default)(onboardingCockpitViewState.updatesByCompanyId, companyId);
+    if (onboardingCustomerUpdate != null) {
+        return onboardingCustomerUpdate;
+    }
+    return undefined;
+};
+const getFilteredOnboardingCustomers = (onboardingCustomers, filterText) => {
+    let updatedOnboardingCustomers = [];
+    const trimmedFilterText = filterText.trim();
+    if (Boolean(trimmedFilterText) === true) {
+        updatedOnboardingCustomers = onboardingCustomers.filter((company) => {
+            const companyName = company.company.company.companyInfo.name.toLowerCase();
+            const companyEmailDomain = company.company.company.companyInfo.primaryEmailDomain.toLowerCase();
+            return (companyName.includes(trimmedFilterText.toLowerCase()) ||
+                companyEmailDomain.includes(trimmedFilterText.toLowerCase()));
+        });
+    }
+    else {
+        updatedOnboardingCustomers = [...onboardingCustomers];
+    }
+    return updatedOnboardingCustomers;
+};
+const getSortedOnboardingCustomers = (onboardingCustomers, sortKey, sortOrder, userState) => {
+    const companiesWithSortKeyValue = [];
+    const companiesWithNoSortKeyValue = [];
+    onboardingCustomers.forEach((company) => {
+        var _a;
+        switch (sortKey) {
+            case 'companyName':
+            case 'groupCreated':
+            case 'customerCreated':
+            case 'bankAccountLinked':
+            case 'qboLinked':
+            case 'businessVerified':
+            case 'identityVerified':
+            case 'invite':
+                companiesWithSortKeyValue.push(company);
+                break;
+            case 'notes':
+                if (((_a = company.company.company.managegmentInfo.note) === null || _a === void 0 ? void 0 : _a.length) != null)
+                    companiesWithSortKeyValue.push(company);
+                else
+                    companiesWithNoSortKeyValue.push(company);
+                break;
+            case 'enroller':
+                if (company.company.company.companyOnboardingInfo.onboardingUserIds[0] !=
+                    null)
+                    companiesWithSortKeyValue.push(company);
+                else
+                    companiesWithNoSortKeyValue.push(company);
+                break;
+        }
+    });
+    const sortedCompaniesWithSortKeyValue = (0, orderBy_1.default)(companiesWithSortKeyValue, (company) => {
+        var _a, _b, _c, _d, _e, _f;
+        switch (sortKey) {
+            case 'companyName':
+                return Boolean(company.company.company.companyInfo.name) === true
+                    ? company.company.company.companyInfo.name.toLowerCase()
+                    : company.company.company.companyInfo.primaryEmailDomain.toLowerCase();
+            case 'groupCreated':
+            case 'customerCreated':
+            case 'bankAccountLinked':
+            case 'qboLinked':
+                return (((_b = (_a = company.company.company.companyOnboardingInfo.onboardingInfo) === null || _a === void 0 ? void 0 : _a[sortKey]) === null || _b === void 0 ? void 0 : _b.completed) === true);
+            case 'businessVerified':
+            case 'identityVerified':
+                return (_c = company.company.company.companyOnboardingInfo.onboardingInfo) === null || _c === void 0 ? void 0 : _c[sortKey].status.toLowerCase();
+            case 'enroller':
+                return (0, userSelector_1.getUserNameById)(userState, company.company.company.companyOnboardingInfo.onboardingUserIds[0]).toLowerCase();
+            case 'notes':
+                return (_d = company.company.company.managegmentInfo.note) === null || _d === void 0 ? void 0 : _d.length;
+            case 'invite':
+                return (((_e = company.company.company.companyOnboardingInfo.onboardingInfo) === null || _e === void 0 ? void 0 : _e.inviteSent) === true);
+            default:
+                return (_f = company.company.company.managegmentInfo.companyGroupId) === null || _f === void 0 ? void 0 : _f.toLowerCase();
+        }
+    }, sortOrder === 'ascending' ? 'asc' : 'desc');
+    return [...sortedCompaniesWithSortKeyValue, ...companiesWithNoSortKeyValue];
+};

package/lib/view/onboardingView/customerView/epic/customerDetails/fetchOnboardingCustomerSetupViewEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { updateAllUsers } from '../../../../../entity/user/userReducer';
+import { updateUserRoles } from '../../../../../entity/userRole/userRoleReducer';
+import { updateCompanies } from '../../../../../entity/company/companyReducer';
+import { updateFiles } from '../../../../../entity/file/fileReducer';
+import { updateAddresses } from '../../../../../entity/address/addressReducer';
+import { updateAccounts } from '../../../../../entity/account/accountReducer';
+import { updatePaymentAccounts } from '../../../../../entity/paymentAccount/paymentAccountReducer';
+import { updateSubscriptionPaymentAccounts } from '../../../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountReducer';
+import { openSnackbar } from '../../../../../entity/snackbar/snackbarReducer';
+import { fetchOnboardingCustomerSetupView, fetchOnboardingCustomerSetupViewSuccess, fetchOnboardingCustomerSetupViewFailure, updateOnboardingCustomerViewAccountDetails, updateOnboardingCustomerViewLocalStoreData } from '../../onboardingCustomerViewReducer';
+export declare type ActionType = ReturnType<typeof fetchOnboardingCustomerSetupView> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateCompanies> | ReturnType<typeof updateFiles> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof updateSubscriptionPaymentAccounts> | ReturnType<typeof updateOnboardingCustomerViewLocalStoreData> | ReturnType<typeof updateOnboardingCustomerViewAccountDetails> | ReturnType<typeof openSnackbar> | ReturnType<typeof fetchOnboardingCustomerSetupViewSuccess> | ReturnType<typeof fetchOnboardingCustomerSetupViewFailure>;
+export declare const fetchOnboardingCustomerSetupViewEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;