@zeniai/client-epic-state 4.12.55 → 4.12.56

package/lib/view/settingsView/settingsViewReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearSettingsView = exports.updateSettingsViewUIState = exports.refreshQBODataFailure = exports.refreshQBODataSuccess = exports.refreshQBOData = exports.resetNotificationSettingsUpdateStatus = exports.updateNotificationSettingsOnSaveFailure = exports.updateNotificationSettingsOnSaveSuccess = exports.saveNotificationSettings = exports.resetNotificationSettingsLocalData = exports.updateNotificationSettingsLocalData = exports.updateNotificationSettingsOnFailure = exports.updateNotificationSettingsOnSuccess = exports.fetchNotificationSettings = exports.fetchBankAccountsList = exports.updateBankConnectionOnFailure = exports.updateBankConnectionOnSuccess = exports.fetchBillingAccountsView = exports.fetchBankConnectionsView = exports.updateMyProfileOnFailure = exports.updateMyProfileOnSuccess = exports.fetchNotificationSettingsView = exports.fetchMyProfile = exports.fetchMyProfileView = exports.initialState = void 0;
+exports.clearSettingsView = exports.verifyOtpMyProfileSuccess = exports.verifyOtpMyProfileFailure = exports.verifyOtpMyProfile = exports.resendOtpMyProfile = exports.sendOtpMyProfileSuccess = exports.sendOtpMyProfileFailure = exports.sendOtpMyProfile = exports.updateMyProfileSuccess = exports.updateMyProfileFailure = exports.updateMyProfile = exports.updateMyProfileLocalData = exports.initializeMyProfileLocalData = exports.updateSettingsViewUIState = exports.refreshQBODataFailure = exports.refreshQBODataSuccess = exports.refreshQBOData = exports.resetNotificationSettingsUpdateStatus = exports.updateNotificationSettingsOnSaveFailure = exports.updateNotificationSettingsOnSaveSuccess = exports.saveNotificationSettings = exports.resetNotificationSettingsLocalData = exports.updateNotificationSettingsLocalData = exports.updateNotificationSettingsOnFailure = exports.updateNotificationSettingsOnSuccess = exports.fetchNotificationSettings = exports.fetchBankAccountsList = exports.updateBankConnectionOnFailure = exports.updateBankConnectionOnSuccess = exports.fetchBillingAccountsView = exports.fetchBankConnectionsView = exports.updateMyProfileOnFailure = exports.updateMyProfileOnSuccess = exports.fetchNotificationSettingsView = exports.fetchMyProfile = exports.fetchMyProfileView = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const settingsViewState_1 = require("./settingsViewState");
 const initialNotificationSettingsData = {
@@ -16,6 +16,24 @@ const initialNotificationSettingsData = {
         recipientEmailIds: [],
     },
 };
+const initialMyProfileState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    userId: null,
+    myProfileLocalData: {},
+    updateStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    sendOtpStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    verifyOtpStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+};
 const initialRemindersLocalData = {
     preferredMode: [],
     frequency: 'bi-weekly',
@@ -33,11 +51,7 @@ const initialNotificationSettingsLocalData = {
     },
 };
 exports.initialState = {
-    profile: {
-        fetchState: 'Not-Started',
-        error: undefined,
-        userId: null,
-    },
+    profile: initialMyProfileState,
     bankConnection: {
         fetchState: 'Not-Started',
         error: undefined,
@@ -203,12 +217,73 @@ const settings = (0, toolkit_1.createSlice)({
             const updatedUiState = action.payload;
             draft.uiState = Object.assign(Object.assign({}, draft.uiState), updatedUiState);
         },
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        initializeMyProfileLocalData(_draft) {
+            // Nothing to do here
+        },
+        updateMyProfileLocalData(draft, action) {
+            draft.profile.myProfileLocalData = action.payload.localData;
+        },
+        updateMyProfile: {
+            reducer(draft, 
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _action) {
+                draft.profile.updateStatus.fetchState = 'In-Progress';
+                draft.profile.updateStatus.error = undefined;
+            },
+            prepare(origin = 'MyProfile', phone, otpChallenge, birthday, address) {
+                return { payload: { origin, phone, otpChallenge, birthday, address } };
+            },
+        },
+        updateMyProfileSuccess(draft) {
+            draft.profile.updateStatus.fetchState = 'Completed';
+            draft.profile.updateStatus.error = undefined;
+        },
+        updateMyProfileFailure(draft, action) {
+            draft.profile.updateStatus.fetchState = 'Error';
+            draft.profile.updateStatus.error = action.payload;
+        },
+        sendOtpMyProfile(draft) {
+            draft.profile.sendOtpStatus.fetchState = 'In-Progress';
+            draft.profile.sendOtpStatus.error = undefined;
+        },
+        resendOtpMyProfile(draft) {
+            draft.profile.sendOtpStatus.fetchState = 'In-Progress';
+            draft.profile.sendOtpStatus.error = undefined;
+        },
+        sendOtpMyProfileSuccess(draft, action) {
+            if (draft.profile.myProfileLocalData != null) {
+                draft.profile.myProfileLocalData.otpChallenge =
+                    action.payload.otpChallenge;
+            }
+            draft.profile.sendOtpStatus.fetchState = 'Completed';
+            draft.profile.sendOtpStatus.error = undefined;
+        },
+        sendOtpMyProfileFailure(draft, action) {
+            draft.profile.sendOtpStatus.fetchState = 'Error';
+            draft.profile.sendOtpStatus.error = action.payload;
+        },
+        verifyOtpMyProfile(draft) {
+            draft.profile.verifyOtpStatus.fetchState = 'In-Progress';
+            draft.profile.verifyOtpStatus.error = undefined;
+        },
+        verifyOtpMyProfileSuccess(draft) {
+            if (draft.profile.myProfileLocalData != null) {
+                draft.profile.myProfileLocalData.isPhoneVerified = true;
+            }
+            draft.profile.verifyOtpStatus.fetchState = 'Completed';
+            draft.profile.verifyOtpStatus.error = undefined;
+        },
+        verifyOtpMyProfileFailure(draft, action) {
+            draft.profile.verifyOtpStatus.fetchState = 'Error';
+            draft.profile.verifyOtpStatus.error = action.payload;
+        },
         clearSettingsView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = settings.actions, exports.fetchMyProfileView = _a.fetchMyProfileView, exports.fetchMyProfile = _a.fetchMyProfile, exports.fetchNotificationSettingsView = _a.fetchNotificationSettingsView, exports.updateMyProfileOnSuccess = _a.updateMyProfileOnSuccess, exports.updateMyProfileOnFailure = _a.updateMyProfileOnFailure, exports.fetchBankConnectionsView = _a.fetchBankConnectionsView, exports.fetchBillingAccountsView = _a.fetchBillingAccountsView, exports.updateBankConnectionOnSuccess = _a.updateBankConnectionOnSuccess, exports.updateBankConnectionOnFailure = _a.updateBankConnectionOnFailure, exports.fetchBankAccountsList = _a.fetchBankAccountsList, exports.fetchNotificationSettings = _a.fetchNotificationSettings, exports.updateNotificationSettingsOnSuccess = _a.updateNotificationSettingsOnSuccess, exports.updateNotificationSettingsOnFailure = _a.updateNotificationSettingsOnFailure, exports.updateNotificationSettingsLocalData = _a.updateNotificationSettingsLocalData, exports.resetNotificationSettingsLocalData = _a.resetNotificationSettingsLocalData, exports.saveNotificationSettings = _a.saveNotificationSettings, exports.updateNotificationSettingsOnSaveSuccess = _a.updateNotificationSettingsOnSaveSuccess, exports.updateNotificationSettingsOnSaveFailure = _a.updateNotificationSettingsOnSaveFailure, exports.resetNotificationSettingsUpdateStatus = _a.resetNotificationSettingsUpdateStatus, exports.refreshQBOData = _a.refreshQBOData, exports.refreshQBODataSuccess = _a.refreshQBODataSuccess, exports.refreshQBODataFailure = _a.refreshQBODataFailure, exports.updateSettingsViewUIState = _a.updateSettingsViewUIState, exports.clearSettingsView = _a.clearSettingsView;
+_a = settings.actions, exports.fetchMyProfileView = _a.fetchMyProfileView, exports.fetchMyProfile = _a.fetchMyProfile, exports.fetchNotificationSettingsView = _a.fetchNotificationSettingsView, exports.updateMyProfileOnSuccess = _a.updateMyProfileOnSuccess, exports.updateMyProfileOnFailure = _a.updateMyProfileOnFailure, exports.fetchBankConnectionsView = _a.fetchBankConnectionsView, exports.fetchBillingAccountsView = _a.fetchBillingAccountsView, exports.updateBankConnectionOnSuccess = _a.updateBankConnectionOnSuccess, exports.updateBankConnectionOnFailure = _a.updateBankConnectionOnFailure, exports.fetchBankAccountsList = _a.fetchBankAccountsList, exports.fetchNotificationSettings = _a.fetchNotificationSettings, exports.updateNotificationSettingsOnSuccess = _a.updateNotificationSettingsOnSuccess, exports.updateNotificationSettingsOnFailure = _a.updateNotificationSettingsOnFailure, exports.updateNotificationSettingsLocalData = _a.updateNotificationSettingsLocalData, exports.resetNotificationSettingsLocalData = _a.resetNotificationSettingsLocalData, exports.saveNotificationSettings = _a.saveNotificationSettings, exports.updateNotificationSettingsOnSaveSuccess = _a.updateNotificationSettingsOnSaveSuccess, exports.updateNotificationSettingsOnSaveFailure = _a.updateNotificationSettingsOnSaveFailure, exports.resetNotificationSettingsUpdateStatus = _a.resetNotificationSettingsUpdateStatus, exports.refreshQBOData = _a.refreshQBOData, exports.refreshQBODataSuccess = _a.refreshQBODataSuccess, exports.refreshQBODataFailure = _a.refreshQBODataFailure, exports.updateSettingsViewUIState = _a.updateSettingsViewUIState, exports.initializeMyProfileLocalData = _a.initializeMyProfileLocalData, exports.updateMyProfileLocalData = _a.updateMyProfileLocalData, exports.updateMyProfile = _a.updateMyProfile, exports.updateMyProfileFailure = _a.updateMyProfileFailure, exports.updateMyProfileSuccess = _a.updateMyProfileSuccess, exports.sendOtpMyProfile = _a.sendOtpMyProfile, exports.sendOtpMyProfileFailure = _a.sendOtpMyProfileFailure, exports.sendOtpMyProfileSuccess = _a.sendOtpMyProfileSuccess, exports.resendOtpMyProfile = _a.resendOtpMyProfile, exports.verifyOtpMyProfile = _a.verifyOtpMyProfile, exports.verifyOtpMyProfileFailure = _a.verifyOtpMyProfileFailure, exports.verifyOtpMyProfileSuccess = _a.verifyOtpMyProfileSuccess, exports.clearSettingsView = _a.clearSettingsView;
 exports.default = settings.reducer;
 /**
  * Helpers

package/lib/view/settingsView/settingsViewSelector.js

@@ -22,6 +22,8 @@ const setupViewSelector_1 = require("../../view/spendManagement/commonSetup/setu
 const depositAccountSelector_1 = require("../../entity/depositAccount/depositAccountSelector");
 const getCompanyView_1 = require("../companyView/selectorHelpers/getCompanyView");
 const cardPaymentViewSelector_1 = require("../cardPayment/cardPaymentViewSelector");
+const addressSelector_1 = require("../../entity/address/addressSelector");
+const twoFactorAuthenticationSelector_1 = require("../twoFactorAuthentication/twoFactorAuthenticationSelector");
 function getApprovalRuleViewDetails(state) {
     const { billPaySetupApproverViewState, remiSetupApproverViewState } = state;
     const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
@@ -140,8 +142,8 @@ function getIntegrationsView(state, companyId) {
     };
 }
 exports.getIntegrationsView = getIntegrationsView;
-exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state.tenantState, (state) => state.userState, (state) => state.userRoleState, (state) => state.settingsViewState, (state) => state.classState, (state) => state.classListState, (state) => (0, companyPassportViewSelector_1.getCompanyPassportView)(state), (state) => state.userListViewState, (_state, shouldFetchClasses) => shouldFetchClasses, (tenantState, userState, userRoleState, settingsViewState, classState, classListState, companyPassportView, userListViewState, shouldFetchClasses) => {
-    var _a, _b, _c, _d;
+exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state, (state) => state.tenantState, (state) => state.userState, (state) => state.userRoleState, (state) => state.addressState, (state) => state.addressViewState, (state) => state.settingsViewState, (state) => state.classState, (state) => state.classListState, (state) => (0, companyPassportViewSelector_1.getCompanyPassportView)(state), (state) => state.userListViewState, (_state, shouldFetchClasses) => shouldFetchClasses, (state, tenantState, userState, userRoleState, addressState, addressViewState, settingsViewState, classState, classListState, companyPassportView, userListViewState, shouldFetchClasses) => {
+    var _a, _b, _c, _d, _e;
     const userId = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId;
     const managersListView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'manager');
     if (userId == null) {
@@ -149,10 +151,14 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state.tenant
     }
     const user = (0, userSelector_1.getUserByUserId)(userState, userId);
     const userRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, userId);
+    const address = (userRole === null || userRole === void 0 ? void 0 : userRole.addressId) != null
+        ? (0, addressSelector_1.getAddressByAddressId)(addressState, userRole.addressId)
+        : undefined;
     const person = {
         userId,
         user,
         userRole,
+        address,
     };
     const isZeniUser = (_b = userRole === null || userRole === void 0 ? void 0 : userRole.isZeni) !== null && _b !== void 0 ? _b : true;
     const departmentIds = (_c = userRole === null || userRole === void 0 ? void 0 : userRole.accountingClassIDs) !== null && _c !== void 0 ? _c : [];
@@ -183,8 +189,14 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state.tenant
         person,
         department,
         classList,
+        myProfileLocalData: settingsViewState.profile.myProfileLocalData,
         controllersList,
         managersList: managersListView.users,
+        addressData: (_e = addressViewState.newAddressState) === null || _e === void 0 ? void 0 : _e['user_address'],
+        twoFAView: (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state),
+        sendOtpStatus: settingsViewState.profile.sendOtpStatus,
+        verifyOtpStatus: settingsViewState.profile.verifyOtpStatus,
+        updateProfileStatus: settingsViewState.profile.updateStatus,
     };
     const managerId = userRole === null || userRole === void 0 ? void 0 : userRole.managerUserId;
     if (managerId != null) {

package/lib/view/settingsView/settingsViewState.d.ts

@@ -1,7 +1,5 @@
 import { ID, FetchStateAndError } from '../../commonStateTypes/common';
-interface MyProfile extends FetchStateAndError {
-    userId: ID | null;
-}
+import { ZeniDate } from '../../zeniDayJS';
 interface BankConnection extends FetchStateAndError {
     bankAccountIds: ID[];
 }
@@ -48,8 +46,22 @@ export interface NotificationSettings extends FetchStateAndError {
     notificationSettingsLocalData: NotificationSettingsLocalData;
     updateStatus: FetchStateAndError;
 }
+export interface MyProfileSettingsLocalData {
+    phone?: string;
+    isPhoneVerified?: boolean;
+    otpChallenge?: string;
+    dateOfBirth?: ZeniDate;
+    syncToken?: string;
+}
+export interface MyProfileSettings extends FetchStateAndError {
+    userId: ID | null;
+    myProfileLocalData: MyProfileSettingsLocalData;
+    updateStatus: FetchStateAndError;
+    sendOtpStatus: FetchStateAndError;
+    verifyOtpStatus: FetchStateAndError;
+}
 export interface SettingsViewState {
-    profile: MyProfile;
+    profile: MyProfileSettings;
     bankConnection: BankConnection;
     notification: NotificationSettings;
     integrations: IntegrationsSettings;

package/lib/view/settingsView/types/settingsViewSelectorTypes.d.ts

@@ -7,18 +7,27 @@ import { UserRole } from '../../../entity/userRole/userRoleState';
 import { Person } from '../../people/peopleSelectorTypes';
 import { FundingAccount, SetupView } from '../../spendManagement/commonSetup/setupViewSelector';
 import { UserFinancialAccountSelectorView } from '../../userFinancialAccount/userFinancialAccountSelector';
-import { IntegrationsSettings, NotificationSettings, SettingsViewUIState } from '../settingsViewState';
+import { IntegrationsSettings, MyProfileSettingsLocalData, NotificationSettings, SettingsViewUIState } from '../settingsViewState';
 import { TenantExternalConnections } from '../../../entity/tenant/tenantState';
 import { Company } from '../../../entity/company/companyStateTypes';
 import { EntityType as SpendManagementEntityType } from '../../../entity/entityApprovalStatus/entityApprovalStatusState';
 import { AccountBase } from '../../../entity/account/accountState';
 import { CardPaymentSelectorView } from '../../cardPayment/cardPaymentViewSelector';
+import { Address } from '../../../entity/address/addressState';
+import { NewAddressData } from '../../addressView/addressViewState';
+import { TwoFactorAuthenticationView } from '../../twoFactorAuthentication/twoFactorAuthenticationSelector';
 export interface MyProfileSelectorView extends SelectorView {
     isZeniUser: boolean;
     person: MyProfile;
     classList: Class[];
     managersList: Person[];
     controllersList: User[];
+    myProfileLocalData: MyProfileSettingsLocalData;
+    twoFAView: TwoFactorAuthenticationView;
+    sendOtpStatus: FetchStateAndError;
+    verifyOtpStatus: FetchStateAndError;
+    updateProfileStatus: FetchStateAndError;
+    addressData?: NewAddressData;
     manager?: MyProfile;
     department?: Class;
 }
@@ -26,6 +35,7 @@ export interface MyProfile {
     userId: ID;
     user: User | undefined;
     userRole: UserRole | undefined;
+    address?: Address;
 }
 export interface MyBankConnectionsView extends UserFinancialAccountSelectorView {
     paymentAccounts: PaymentAccount[];

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer.d.ts

@@ -0,0 +1,13 @@
+import { CardUserOnboardingState, CardUserOnboardingLocalData } from './cardUserOnboardingState';
+import { ID } from '../../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../../responsePayload';
+export declare const initialState: CardUserOnboardingState;
+export declare const initializeCardUserOnboardingLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    userId: ID;
+}, string>, updateCardUserOnboardingLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    localData: CardUserOnboardingLocalData;
+}, string>, sendOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, sendOtpCardUserOnboardingSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    otpChallenge: string;
+}, string>, sendOtpCardUserOnboardingFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, resendOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboardingSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpCardUserOnboardingFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, saveCardOnboardingUserDetails: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, startActivationWait: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, completeActivationWait: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setFirstViewAfterActivation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setFirstViewCompleteAfterActivation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, clearCardUserOnboarding: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("@reduxjs/toolkit").Reducer<CardUserOnboardingState, import("@reduxjs/toolkit").AnyAction>;
+export default _default;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer.js

@@ -0,0 +1,94 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearCardUserOnboarding = exports.setFirstViewCompleteAfterActivation = exports.setFirstViewAfterActivation = exports.completeActivationWait = exports.startActivationWait = exports.saveCardOnboardingUserDetails = exports.verifyOtpCardUserOnboardingFailure = exports.verifyOtpCardUserOnboardingSuccess = exports.verifyOtpCardUserOnboarding = exports.resendOtpCardUserOnboarding = exports.sendOtpCardUserOnboardingFailure = exports.sendOtpCardUserOnboardingSuccess = exports.sendOtpCardUserOnboarding = exports.updateCardUserOnboardingLocalData = exports.initializeCardUserOnboardingLocalData = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    cardUserOnboardingLocalData: undefined,
+    firstViewAfterActivation: false,
+    sendOtpStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    verifyOtpStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    activationWaitStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+};
+const cardUserOnboarding = (0, toolkit_1.createSlice)({
+    name: 'cardUserOnboarding',
+    initialState: exports.initialState,
+    reducers: {
+        initializeCardUserOnboardingLocalData(
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _draft, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _action) {
+            // Do nothing here
+        },
+        updateCardUserOnboardingLocalData(draft, action) {
+            draft.cardUserOnboardingLocalData = action.payload.localData;
+        },
+        sendOtpCardUserOnboarding(draft) {
+            draft.sendOtpStatus.fetchState = 'In-Progress';
+            draft.sendOtpStatus.error = undefined;
+        },
+        resendOtpCardUserOnboarding(draft) {
+            draft.sendOtpStatus.fetchState = 'In-Progress';
+            draft.sendOtpStatus.error = undefined;
+        },
+        sendOtpCardUserOnboardingSuccess(draft, action) {
+            if (draft.cardUserOnboardingLocalData != null) {
+                draft.cardUserOnboardingLocalData.otpChallenge =
+                    action.payload.otpChallenge;
+            }
+            draft.sendOtpStatus.fetchState = 'Completed';
+            draft.sendOtpStatus.error = undefined;
+        },
+        sendOtpCardUserOnboardingFailure(draft, action) {
+            draft.sendOtpStatus.fetchState = 'Error';
+            draft.sendOtpStatus.error = action.payload;
+        },
+        verifyOtpCardUserOnboarding(draft) {
+            draft.verifyOtpStatus.fetchState = 'In-Progress';
+            draft.verifyOtpStatus.error = undefined;
+        },
+        verifyOtpCardUserOnboardingSuccess(draft) {
+            if (draft.cardUserOnboardingLocalData != null) {
+                draft.cardUserOnboardingLocalData.isPhoneVerified = true;
+            }
+            draft.verifyOtpStatus.fetchState = 'Completed';
+            draft.verifyOtpStatus.error = undefined;
+        },
+        verifyOtpCardUserOnboardingFailure(draft, action) {
+            draft.verifyOtpStatus.fetchState = 'Error';
+            draft.verifyOtpStatus.error = action.payload;
+        },
+        saveCardOnboardingUserDetails(
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _draft) {
+            // Do nothing here
+        },
+        startActivationWait(draft) {
+            draft.activationWaitStatus.fetchState = 'In-Progress';
+        },
+        completeActivationWait(draft) {
+            draft.activationWaitStatus.fetchState = 'Completed';
+        },
+        setFirstViewAfterActivation(draft) {
+            draft.firstViewAfterActivation = true;
+        },
+        setFirstViewCompleteAfterActivation(draft) {
+            draft.firstViewAfterActivation = false;
+        },
+        clearCardUserOnboarding(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = cardUserOnboarding.actions, exports.initializeCardUserOnboardingLocalData = _a.initializeCardUserOnboardingLocalData, exports.updateCardUserOnboardingLocalData = _a.updateCardUserOnboardingLocalData, exports.sendOtpCardUserOnboarding = _a.sendOtpCardUserOnboarding, exports.sendOtpCardUserOnboardingSuccess = _a.sendOtpCardUserOnboardingSuccess, exports.sendOtpCardUserOnboardingFailure = _a.sendOtpCardUserOnboardingFailure, exports.resendOtpCardUserOnboarding = _a.resendOtpCardUserOnboarding, exports.verifyOtpCardUserOnboarding = _a.verifyOtpCardUserOnboarding, exports.verifyOtpCardUserOnboardingSuccess = _a.verifyOtpCardUserOnboardingSuccess, exports.verifyOtpCardUserOnboardingFailure = _a.verifyOtpCardUserOnboardingFailure, exports.saveCardOnboardingUserDetails = _a.saveCardOnboardingUserDetails, exports.startActivationWait = _a.startActivationWait, exports.completeActivationWait = _a.completeActivationWait, exports.setFirstViewAfterActivation = _a.setFirstViewAfterActivation, exports.setFirstViewCompleteAfterActivation = _a.setFirstViewCompleteAfterActivation, exports.clearCardUserOnboarding = _a.clearCardUserOnboarding;
+exports.default = cardUserOnboarding.reducer;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingSelector.d.ts

@@ -0,0 +1,18 @@
+import { View } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
+import { RootState } from '../../../../reducer';
+import { CardUserOnboardingLocalData } from './cardUserOnboardingState';
+import { FetchStateAndError } from '../../../../commonStateTypes/common';
+import { NewAddressData } from '../../../addressView/addressViewState';
+import { TwoFactorAuthenticationView } from '../../../twoFactorAuthentication/twoFactorAuthenticationSelector';
+export interface CardUserOnboardingView extends View {
+    cardUserOnboardingLocalData?: CardUserOnboardingLocalData;
+    isDOBPresent: boolean;
+    firstViewAfterActivation: boolean;
+    twoFAView: TwoFactorAuthenticationView;
+    onboardingProgressStatus: FetchStateAndError;
+    updateStatus: FetchStateAndError;
+    sendOtpStatus: FetchStateAndError;
+    verifyOtpStatus: FetchStateAndError;
+    addressData?: NewAddressData;
+}
+export declare const getCardUserOnboardingView: (state: RootState) => CardUserOnboardingView;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingSelector.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCardUserOnboardingView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const twoFactorAuthenticationSelector_1 = require("../../../twoFactorAuthentication/twoFactorAuthenticationSelector");
+const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
+const userSelector_1 = require("../../../../entity/user/userSelector");
+exports.getCardUserOnboardingView = (0, toolkit_1.createSelector)((state) => state, (state) => state.addressViewState, (state) => state.cardUserOnboardingState, (state) => state.settingsViewState, (state) => state.tenantState, (state) => state.userState, (state, addressViewState, cardUserOnboardingState, settingsViewState, tenantState, userState) => {
+    var _a, _b;
+    const twoFAView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state);
+    const updateStatus = (0, reduceFetchState_1.reduceAllFetchState)([
+        settingsViewState.profile.updateStatus,
+        cardUserOnboardingState.sendOtpStatus,
+        cardUserOnboardingState.verifyOtpStatus,
+        cardUserOnboardingState.activationWaitStatus,
+    ]);
+    const userId = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId;
+    if (userId == null) {
+        throw new Error(`User not logged in`);
+    }
+    const user = (0, userSelector_1.getUserByUserId)(userState, userId);
+    const isDOBPresent = (user === null || user === void 0 ? void 0 : user.birthday) != null;
+    return {
+        cardUserOnboardingLocalData: cardUserOnboardingState.cardUserOnboardingLocalData,
+        addressData: (_b = addressViewState.newAddressState) === null || _b === void 0 ? void 0 : _b['user_address'],
+        onboardingProgressStatus: updateStatus,
+        updateStatus: settingsViewState.profile.updateStatus,
+        sendOtpStatus: cardUserOnboardingState.sendOtpStatus,
+        verifyOtpStatus: cardUserOnboardingState.verifyOtpStatus,
+        twoFAView,
+        isDOBPresent,
+        firstViewAfterActivation: cardUserOnboardingState.firstViewAfterActivation,
+    };
+});

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingState.d.ts

@@ -0,0 +1,20 @@
+import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
+import { ZeniDate } from '../../../../zeniDayJS';
+export interface CardUserOnboardingLocalData {
+    userId: ID;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone?: string;
+    isPhoneVerified?: boolean;
+    otpChallenge?: string;
+    dateOfBirth?: ZeniDate;
+    syncToken?: string;
+}
+export interface CardUserOnboardingState {
+    cardUserOnboardingLocalData?: CardUserOnboardingLocalData;
+    sendOtpStatus: FetchStateAndError;
+    verifyOtpStatus: FetchStateAndError;
+    activationWaitStatus: FetchStateAndError;
+    firstViewAfterActivation: boolean;
+}

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/epics/initializeCardUserOnboardingLocalDataEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../../reducer';
+import { newAddressInLocalStore, resetNewAddressDataInLocalStore } from '../../../../addressView/addressViewReducer';
+import { initializeCardUserOnboardingLocalData, updateCardUserOnboardingLocalData } from '../cardUserOnboardingReducer';
+export declare type ActionType = ReturnType<typeof initializeCardUserOnboardingLocalData> | ReturnType<typeof updateCardUserOnboardingLocalData> | ReturnType<typeof newAddressInLocalStore> | ReturnType<typeof resetNewAddressDataInLocalStore>;
+export declare const initializeCardUserOnboardingLocalDataEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/epics/initializeCardUserOnboardingLocalDataEpic.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeCardUserOnboardingLocalDataEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const addressSelector_1 = require("../../../../../entity/address/addressSelector");
+const addressViewReducer_1 = require("../../../../addressView/addressViewReducer");
+const cardUserOnboardingReducer_1 = require("../cardUserOnboardingReducer");
+const userRoleSelector_1 = require("../../../../../entity/userRole/userRoleSelector");
+const userSelector_1 = require("../../../../../entity/user/userSelector");
+const initializeCardUserOnboardingLocalDataEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(cardUserOnboardingReducer_1.initializeCardUserOnboardingLocalData.match), (0, operators_1.mergeMap)((action) => {
+    const { userId } = action.payload;
+    const actions = [
+        (0, addressViewReducer_1.resetNewAddressDataInLocalStore)('user_address'),
+    ];
+    const userState = state$.value.userState;
+    const userRoleState = state$.value.userRoleState;
+    const user = (0, userSelector_1.getUserByUserId)(userState, userId);
+    const userRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, userId);
+    const userAddress = (userRole === null || userRole === void 0 ? void 0 : userRole.addressId) != null
+        ? (0, addressSelector_1.getAddressByAddressId)(state$.value.addressState, userRole.addressId)
+        : undefined;
+    if (userAddress != null) {
+        actions.push((0, addressViewReducer_1.newAddressInLocalStore)({
+            addressType: 'user_address',
+            addressToCreate: userAddress,
+        }));
+    }
+    if (user != null && userRole != null) {
+        const dateOfBirth = user.birthday;
+        const phoneNumber = user.phone;
+        const isPhoneVerified = user === null || user === void 0 ? void 0 : user.isPhoneVerified;
+        const syncToken = user === null || user === void 0 ? void 0 : user.syncToken;
+        const cardUserOnboardingLocalData = {
+            userId,
+            firstName: user.firstName,
+            lastName: user.lastName,
+            email: user.email,
+            dateOfBirth,
+            phone: phoneNumber,
+            isPhoneVerified,
+            syncToken,
+        };
+        actions.push((0, cardUserOnboardingReducer_1.updateCardUserOnboardingLocalData)({
+            localData: cardUserOnboardingLocalData,
+        }));
+    }
+    return (0, rxjs_1.from)(actions);
+}));
+exports.initializeCardUserOnboardingLocalDataEpic = initializeCardUserOnboardingLocalDataEpic;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/epics/saveCardOnboardingUserDetailsEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../../reducer';
+import { saveCardOnboardingUserDetails } from '../cardUserOnboardingReducer';
+import { updateMyProfile } from '../../../../settingsView/settingsViewReducer';
+export declare type ActionType = ReturnType<typeof saveCardOnboardingUserDetails> | ReturnType<typeof updateMyProfile>;
+export declare const saveCardOnboardingUserDetailsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/spendManagement/chargeCards/cardUserOnboarding/epics/saveCardOnboardingUserDetailsEpic.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveCardOnboardingUserDetailsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardUserOnboardingReducer_1 = require("../cardUserOnboardingReducer");
+const settingsViewReducer_1 = require("../../../../settingsView/settingsViewReducer");
+const saveCardOnboardingUserDetailsEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(cardUserOnboardingReducer_1.saveCardOnboardingUserDetails.match), (0, operators_1.mergeMap)(() => {
+    var _a;
+    const localData = state$.value.cardUserOnboardingState.cardUserOnboardingLocalData;
+    const address = (_a = state$.value.addressViewState.newAddressState) === null || _a === void 0 ? void 0 : _a.user_address.addressToCreate;
+    return (0, rxjs_1.from)([
+        (0, settingsViewReducer_1.updateMyProfile)('CardUserOnboarding', localData === null || localData === void 0 ? void 0 : localData.phone, localData === null || localData === void 0 ? void 0 : localData.otpChallenge, localData === null || localData === void 0 ? void 0 : localData.dateOfBirth, address),
+    ]);
+}));
+exports.saveCardOnboardingUserDetailsEpic = saveCardOnboardingUserDetailsEpic;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailPayload.d.ts

@@ -3,6 +3,7 @@ import { ChargeCardTransactionPayload } from '../../../../entity/chargeCardTrans
 import { AttachmentPayload } from '../../../../entity/transaction/payloadTypes/attachmentPayload';
 import { UserPayload } from '../../../../entity/user/userPayload';
 import { UserRolePayload } from '../../../../entity/userRole/userRolePayload';
+import { AddressPayload } from '../../../../entity/address/addressPayload';
 import { ZeniAPIResponse } from '../../../../responsePayload';
 interface ChargeCardTransactionAttachmentPayload {
     attachments: AttachmentPayload[];
@@ -12,6 +13,7 @@ interface ChargeCardDetailPayload {
     card: ChargeCardPayload;
     users: UserPayload[];
     user_roles: UserRolePayload[];
+    addresses: AddressPayload[];
 }
 export declare type FetchChargeCardDetailResponse = ZeniAPIResponse<ChargeCardDetailPayload>;
 export interface ChargeCardTransactionListPayload {

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailSelector.d.ts

@@ -5,8 +5,8 @@ import { RootState } from '../../../../reducer';
 import { ChargeCardConfigState } from '../chargeCardConfig/chargeCardConfigState';
 import { ChargeCardWithUser } from '../chargeCardList/chargeCardListSelector';
 import { ChargeCardDetailUiState } from './chargeCardDetail';
-import { TwoFactorAuthenticationState } from '../../../twoFactorAuthentication/twoFactorAuthentication';
 import { Attachment } from '../../../../entity/transaction/stateTypes/attachment';
+import { TwoFactorAuthenticationView } from '../../../twoFactorAuthentication/twoFactorAuthenticationSelector';
 export interface ChargeCardDetailSelectorView extends SelectorView {
     chargeCardConfig: ChargeCardConfigState;
     transactions: ChargeCardTransaction[];
@@ -15,7 +15,7 @@ export interface ChargeCardDetailSelectorView extends SelectorView {
     isViewReceiptClickedImmediatelyAfterUploadTransactionId: Record<ID, boolean>;
     uiState: ChargeCardDetailUiState;
     transactionListFetchState: FetchStateAndError;
-    twoFAView: TwoFactorAuthenticationState;
+    twoFAView: TwoFactorAuthenticationView;
     loggedInUserPhone: string;
     updateFetchState: FetchStateAndError;
     chargeCard?: ChargeCardWithUser;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailSelector.js

@@ -13,11 +13,13 @@ const classSelector_1 = require("../../../../entity/class/classSelector");
 const userSelector_1 = require("../../../../entity/user/userSelector");
 const userRoleSelector_1 = require("../../../../entity/userRole/userRoleSelector");
 const chargeCardDetail_1 = require("./chargeCardDetail");
+const twoFactorAuthenticationSelector_1 = require("../../../twoFactorAuthentication/twoFactorAuthenticationSelector");
 const getChargeCardDetailView = (state, chargeCardId) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { tenantState, addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, chargeCardTransactionState, twoFactorAuthenticationState, } = state;
+    const { tenantState, addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, chargeCardTransactionState, } = state;
+    const twoFactorAuthenticationView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state);
     const loggedInUserId = (_b = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId) !== null && _b !== void 0 ? _b : '';
-    const loggedInUserPhone = (_e = (_c = twoFactorAuthenticationState.phone) !== null && _c !== void 0 ? _c : (_d = (0, userSelector_1.getUserByUserId)(userState, loggedInUserId)) === null || _d === void 0 ? void 0 : _d.phone) !== null && _e !== void 0 ? _e : '';
+    const loggedInUserPhone = (_e = (_c = twoFactorAuthenticationView.phone) !== null && _c !== void 0 ? _c : (_d = (0, userSelector_1.getUserByUserId)(userState, loggedInUserId)) === null || _d === void 0 ? void 0 : _d.phone) !== null && _e !== void 0 ? _e : '';
     let chargeCardWithUser = undefined;
     const chargeCardDetail = (0, get_1.default)(chargeCardDetailState.detailById, chargeCardId, undefined);
     const chargeCard = (0, chargeCardSelector_1.getChargeCardById)(chargeCardState, chargeCardId);
@@ -40,6 +42,7 @@ const getChargeCardDetailView = (state, chargeCardId) => {
     if (chargeCardDetail &&
         chargeCardDetail.fetchState === 'Completed' &&
         chargeCard != null) {
+        const cardCreatedByUser = (0, userSelector_1.getUserByUserId)(userState, chargeCard.cardCreaterUserId);
         const cardHolderUser = (0, userSelector_1.getUserByUserId)(userState, chargeCard.cardHolderUserId);
         const cardHolderUserRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, chargeCard.cardHolderUserId);
         const department = cardHolderUserRole != null
@@ -48,9 +51,20 @@ const getChargeCardDetailView = (state, chargeCardId) => {
                 reportId: 'class_list',
             })
             : undefined;
-        const address = (0, addressSelector_1.getAddressByAddressId)(addressState, chargeCard === null || chargeCard === void 0 ? void 0 : chargeCard.addressId);
-        chargeCardWithUser = Object.assign(Object.assign({}, chargeCard), { cardHolderUser, cardHolderRoles: cardHolderUserRole, department,
-            address });
+        const mailingAddress = (chargeCard === null || chargeCard === void 0 ? void 0 : chargeCard.mailingAddressId) != null
+            ? (0, addressSelector_1.getAddressByAddressId)(addressState, chargeCard.mailingAddressId)
+            : undefined;
+        const billingAddress = (0, addressSelector_1.getAddressByAddressId)(addressState, chargeCard.billingAddressId);
+        if (cardCreatedByUser == null ||
+            cardHolderUser == null ||
+            cardHolderUserRole == null ||
+            billingAddress == null) {
+            throw Error(`Cannot find details for card detail ${chargeCard.id}`);
+        }
+        chargeCardWithUser = Object.assign(Object.assign({}, chargeCard), { cardCreatedByUser,
+            cardHolderUser, cardHolderRoles: cardHolderUserRole, department,
+            mailingAddress,
+            billingAddress });
         const transactionIds = chargeCardDetail.transactionList.transactionIds;
         transactions = (0, chargeCardTransactionSelector_1.getChargeCardTransactionsByIds)(chargeCardTransactionState, transactionIds);
         transactionListFetchState = {
@@ -74,7 +88,7 @@ const getChargeCardDetailView = (state, chargeCardId) => {
         isViewReceiptClickedImmediatelyAfterUploadTransactionId: (_j = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.transactionList.isViewReceiptClickedImmediatelyAfterUploadTransactionId) !== null && _j !== void 0 ? _j : {},
         uiState,
         transactionListFetchState,
-        twoFAView: twoFactorAuthenticationState,
+        twoFAView: twoFactorAuthenticationView,
         loggedInUserPhone,
         version: '1.0',
     };