@zeniai/client-epic-state 4.13.6 → 4.13.9

package/lib/view/spendManagement/chargeCards/{chargeCardList → issueChargeCard}/issueChargeCardEpic.js

@@ -8,22 +8,39 @@ const chargeCardReducer_1 = require("../../../../entity/chargeCard/chargeCardRed
 const userReducer_1 = require("../../../../entity/user/userReducer");
 const userRoleReducer_1 = require("../../../../entity/userRole/userRoleReducer");
 const addressReducer_1 = require("../../../../entity/address/addressReducer");
-const chargeCardListReducer_1 = require("./chargeCardListReducer");
 const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
-const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardListReducer_1.issueChargeCard.match), (0, operators_1.switchMap)(() => {
-    var _a, _b, _c, _d;
+const issueChargeCardReducer_1 = require("./issueChargeCardReducer");
+const chargeCardListReducer_1 = require("../chargeCardList/chargeCardListReducer");
+const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(issueChargeCardReducer_1.issueChargeCards.match), (0, operators_1.switchMap)(() => {
     const state = state$.value;
-    const localData = state.chargeCardListState.issueChargeCard.localData;
-    const payload = [
-        {
-            card_holder_user_ids: localData.userIds,
-            card_name: localData.cardName,
-            credit_limit: (_b = (_a = localData.amount) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0,
-            currency_code: (_d = (_c = localData.amount) === null || _c === void 0 ? void 0 : _c.currencyCode) !== null && _d !== void 0 ? _d : 'USD',
-            credit_limit_frequency: { code: localData.frequency },
-            card_type: 'business_virtual_credit_card',
-        },
-    ];
+    const localData = state.issueChargeCardState.localData;
+    const payload = localData.map((data) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (data.cardType === 'business_physical_credit_card') {
+            return {
+                card_holder_user_ids: data.physicalCard.userIds != null
+                    ? [data.physicalCard.userIds]
+                    : [],
+                card_name: data.physicalCard.cardName,
+                credit_limit: (_b = (_a = data.physicalCard.amount) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0,
+                currency_code: (_d = (_c = data.physicalCard.amount) === null || _c === void 0 ? void 0 : _c.currencyCode) !== null && _d !== void 0 ? _d : 'USD',
+                credit_limit_frequency: { code: data.physicalCard.frequency },
+                card_type: data.cardType,
+                shipping_address_type: data.physicalCard.addressType,
+                shipping_address_id: data.physicalCard.addressId,
+            };
+        }
+        else {
+            return {
+                card_holder_user_ids: data.virtualCard.userIds,
+                card_name: data.virtualCard.cardName,
+                credit_limit: (_f = (_e = data.virtualCard.amount) === null || _e === void 0 ? void 0 : _e.amount) !== null && _f !== void 0 ? _f : 0,
+                currency_code: (_h = (_g = data.virtualCard.amount) === null || _g === void 0 ? void 0 : _g.currencyCode) !== null && _h !== void 0 ? _h : 'USD',
+                credit_limit_frequency: { code: data.virtualCard.frequency },
+                card_type: data.cardType,
+            };
+        }
+    });
     return zeniAPI
         .postAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards`, { cards: payload })
         .pipe((0, operators_1.mergeMap)((response) => {
@@ -32,7 +49,7 @@ const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
             actions.push((0, chargeCardReducer_1.updateChargeCards)(response.data.cards), (0, userReducer_1.updateAllUsers)({ users: response.data.users }), (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles), (0, chargeCardListReducer_1.updateChargeCardList)({
                 chargeCardListPayload: response.data,
                 keepExistingListItems: true,
-            }), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, chargeCardListReducer_1.issueChargeCardSuccessOrFailure)({ fetchState: 'Completed' }));
+            }), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, issueChargeCardReducer_1.issueChargeCardSuccessOrFailure)({ fetchState: 'Completed' }));
             const cardHolderIds = response.data.cards.map((card) => card.holder_user_id);
             const names = response.data.users
                 .filter((user) => cardHolderIds.includes(user.user_id))
@@ -45,20 +62,20 @@ const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
                 variables: [
                     {
                         variableName: '_user-name_',
-                        variableValue: names !== null && names !== void 0 ? names : '',
+                        variableValue: names,
                     },
                 ],
             }));
             return (0, rxjs_1.from)(actions);
         }
         else {
-            return (0, rxjs_1.of)((0, chargeCardListReducer_1.issueChargeCardSuccessOrFailure)({
+            return (0, rxjs_1.of)((0, issueChargeCardReducer_1.issueChargeCardSuccessOrFailure)({
                 fetchState: 'Error',
                 error: response.status,
             }));
         }
     }), (0, operators_1.catchError)((error) => {
-        return (0, rxjs_1.of)((0, chargeCardListReducer_1.issueChargeCardSuccessOrFailure)({
+        return (0, rxjs_1.of)((0, issueChargeCardReducer_1.issueChargeCardSuccessOrFailure)({
             fetchState: 'Error',
             error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Issue Charge Card REST API call errored out' +
                 JSON.stringify(error)),

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardReducer.d.ts

@@ -0,0 +1,15 @@
+import { ZeniAPIStatus } from '../../../../responsePayload';
+import { FetchState, ID } from '../../../../commonStateTypes/common';
+import { IssueChargeCardState, IssueChargeCardLocalData } from './issueChargeCardState';
+export declare const initialState: IssueChargeCardState;
+export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[], {}, string, never, never>, updateChargeCardsLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<IssueChargeCardLocalData[], string>, issueChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, resetIssueChargeCardForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateCustomAddressId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    addressId: ID;
+    cardLineId: ID;
+}, string>, fetchIssueCardPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride?: any], {
+    cacheOverride: any;
+}, string, never, never>, clearIssueChargeCard: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("@reduxjs/toolkit").Reducer<IssueChargeCardState, import("@reduxjs/toolkit").AnyAction>;
+export default _default;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardReducer.js

@@ -0,0 +1,65 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearIssueChargeCard = exports.fetchIssueCardPage = exports.updateCustomAddressId = exports.resetIssueChargeCardForm = exports.issueChargeCardSuccessOrFailure = exports.updateChargeCardsLocalStore = exports.issueChargeCards = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const issueChargeCardState_1 = require("./issueChargeCardState");
+exports.initialState = {
+    localData: issueChargeCardState_1.initialIssueChargeCardLocalData,
+    fetchState: 'Not-Started',
+    error: undefined,
+    saveStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    hasValidState() {
+        return this.fetchState == 'Completed';
+    },
+};
+const issueChargeCard = (0, toolkit_1.createSlice)({
+    name: 'issueChargeCard',
+    initialState: exports.initialState,
+    reducers: {
+        fetchIssueCardPage: {
+            reducer() {
+                //do nothing
+            },
+            prepare(cacheOverride = false) {
+                return {
+                    payload: { cacheOverride },
+                };
+            },
+        },
+        issueChargeCards: {
+            prepare() {
+                return { payload: {} };
+            },
+            reducer(draft) {
+                draft.saveStatus.fetchState = 'In-Progress';
+                draft.saveStatus.error = undefined;
+            },
+        },
+        updateChargeCardsLocalStore(draft, action) {
+            draft.localData = action.payload;
+        },
+        resetIssueChargeCardForm(draft) {
+            draft.localData = [...exports.initialState.localData];
+        },
+        issueChargeCardSuccessOrFailure(draft, action) {
+            draft.saveStatus.fetchState = action.payload.fetchState;
+            draft.saveStatus.error = action.payload.error;
+        },
+        updateCustomAddressId(draft, action) {
+            const { addressId, cardLineId } = action.payload;
+            const targetIndex = draft.localData.findIndex((lineItem) => lineItem.lineId === cardLineId);
+            if (targetIndex > -1) {
+                draft.localData[targetIndex] = Object.assign(Object.assign({}, draft.localData[targetIndex]), { physicalCard: Object.assign(Object.assign({}, draft.localData[targetIndex].physicalCard), { addressId: addressId }) });
+            }
+        },
+        clearIssueChargeCard(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = issueChargeCard.actions, exports.issueChargeCards = _a.issueChargeCards, exports.updateChargeCardsLocalStore = _a.updateChargeCardsLocalStore, exports.issueChargeCardSuccessOrFailure = _a.issueChargeCardSuccessOrFailure, exports.resetIssueChargeCardForm = _a.resetIssueChargeCardForm, exports.updateCustomAddressId = _a.updateCustomAddressId, exports.fetchIssueCardPage = _a.fetchIssueCardPage, exports.clearIssueChargeCard = _a.clearIssueChargeCard;
+exports.default = issueChargeCard.reducer;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardSelector.d.ts

@@ -0,0 +1,22 @@
+import { RootState } from '../../../../reducer';
+import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
+import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
+import { Address } from '../../../../entity/address/addressState';
+import { Person } from '../../../people/peopleSelectorTypes';
+import { Class } from '../../../../entity/class/classState';
+import { IssueChargeCardLocalData } from './issueChargeCardState';
+import { ChargeCardConfigState } from '../chargeCardConfig/chargeCardConfigState';
+import { CreditAccount } from '../chargeCardList/chargeCardList';
+export interface IssueChargeCardSelectorView extends SelectorView {
+    localData: IssueChargeCardLocalData[];
+    issueCardStatus: FetchStateAndError;
+    userList: Person[];
+    allAccountingClasses: Class[];
+    chargeCardConfig: ChargeCardConfigState;
+    creditAccount: CreditAccount;
+    customAddress: Record<ID, Address>;
+    customAddressStatus: Record<ID, FetchStateAndError>;
+    userAddress: Record<ID, Address>;
+    companyAddress?: Address;
+}
+export declare const getIssueChargeCardView: (state: RootState) => IssueChargeCardSelectorView;

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIssueChargeCardView = void 0;
+const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
+const addressSelector_1 = require("../../../../entity/address/addressSelector");
+const addressViewSelector_1 = require("../../../addressView/addressViewSelector");
+const getCompanyView_1 = require("../../../companyView/selectorHelpers/getCompanyView");
+const classSelector_1 = require("../../../../entity/class/classSelector");
+const userListViewSelector_1 = require("../../../userListView/userListViewSelector");
+const getIssueChargeCardView = (state) => {
+    var _a, _b;
+    const { issueChargeCardState, userState, userRoleState, userListViewState, chargeCardConfigState, chargeCardListState, tenantState, addressState, classState, classListState, } = state;
+    const userListSelectorView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'cardHolderCandidate');
+    const userList = userListSelectorView.users;
+    let selectedUserAddress = {};
+    userList.forEach((user) => {
+        var _a, _b;
+        const userAddress = (0, addressSelector_1.getAddressByAddressId)(addressState, (_b = (_a = user.user) === null || _a === void 0 ? void 0 : _a.addressId) !== null && _b !== void 0 ? _b : '');
+        if (userAddress != null) {
+            selectedUserAddress = Object.assign(Object.assign({}, selectedUserAddress), { [user.userId]: userAddress });
+        }
+    });
+    const { currentTenantId } = tenantState;
+    const companyId = currentTenantId != null
+        ? (_b = (_a = tenantState.tenantsById) === null || _a === void 0 ? void 0 : _a[currentTenantId]) === null || _b === void 0 ? void 0 : _b.companyId
+        : '';
+    const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
+    const companyAddress = companyView === null || companyView === void 0 ? void 0 : companyView.companyAddress;
+    let customAddressStatus = {};
+    let customAddress = {};
+    const defaultFetchState = {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    issueChargeCardState.localData.forEach((lineItem) => {
+        var _a;
+        if (lineItem.cardType === 'business_physical_credit_card') {
+            const targetLineId = lineItem.lineId;
+            const newlyAddedAddress = (0, addressViewSelector_1.getNewAddress)(`custom_shipping_${targetLineId}_address`, state);
+            customAddressStatus = Object.assign(Object.assign({}, customAddressStatus), { [targetLineId]: (_a = newlyAddedAddress === null || newlyAddedAddress === void 0 ? void 0 : newlyAddedAddress.status) !== null && _a !== void 0 ? _a : defaultFetchState });
+            if (newlyAddedAddress != null &&
+                newlyAddedAddress.status.fetchState === 'Completed' &&
+                newlyAddedAddress.newAddressId != null) {
+                const addressFromEntity = (0, addressSelector_1.getAddressByAddressId)(addressState, newlyAddedAddress.newAddressId);
+                if (addressFromEntity != null) {
+                    customAddress = Object.assign(Object.assign({}, customAddress), { [targetLineId]: addressFromEntity });
+                }
+            }
+        }
+    });
+    const issueCardPageFetchState = (0, reduceFetchState_1.reduceFetchState)([
+        chargeCardConfigState,
+        userListSelectorView,
+        chargeCardListState.creditAccount,
+    ]);
+    const { classIds } = classListState;
+    const allAccountingClasses = (0, classSelector_1.getClassesByIds)(classState, {
+        classIds: classIds,
+        reportId: 'class_list',
+    });
+    return {
+        fetchState: issueCardPageFetchState.fetchState,
+        error: issueCardPageFetchState.error,
+        issueCardStatus: issueChargeCardState.saveStatus,
+        localData: issueChargeCardState.localData,
+        userList,
+        chargeCardConfig: chargeCardConfigState,
+        creditAccount: chargeCardListState.creditAccount,
+        companyAddress: companyAddress,
+        customAddress,
+        customAddressStatus,
+        userAddress: selectedUserAddress,
+        allAccountingClasses,
+    };
+};
+exports.getIssueChargeCardView = getIssueChargeCardView;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardState.d.ts

@@ -0,0 +1,28 @@
+import { Amount } from '../../../../commonStateTypes/amount';
+import { FetchedState, FetchStateAndError, ID } from '../../../../commonStateTypes/common';
+import { CreditLimitFrequencyCodeType, CardCodeType, ShippingAddressType } from '../../../../entity/chargeCard/chargeCard';
+export interface IssueChargeCardState extends FetchedState {
+    localData: IssueChargeCardLocalData[];
+    saveStatus: FetchStateAndError;
+}
+export interface PhysicalCardData {
+    addressType: ShippingAddressType;
+    cardName: string;
+    frequency: CreditLimitFrequencyCodeType;
+    addressId?: ID;
+    amount?: Amount;
+    userIds?: ID;
+}
+export interface VirtualCardData {
+    userIds: ID[];
+    cardName: string;
+    frequency: CreditLimitFrequencyCodeType;
+    amount?: Amount;
+}
+export interface IssueChargeCardLocalData {
+    lineId: ID;
+    cardType: CardCodeType;
+    physicalCard: PhysicalCardData;
+    virtualCard: VirtualCardData;
+}
+export declare const initialIssueChargeCardLocalData: IssueChargeCardLocalData[];

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardState.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialIssueChargeCardLocalData = void 0;
+exports.initialIssueChargeCardLocalData = [
+    {
+        lineId: '1',
+        cardType: 'business_virtual_credit_card',
+        physicalCard: {
+            addressType: 'company_address',
+            cardName: '',
+            frequency: 'monthly',
+            addressId: undefined,
+            amount: undefined,
+            userIds: undefined,
+        },
+        virtualCard: {
+            userIds: [],
+            cardName: '',
+            frequency: 'monthly',
+            amount: undefined,
+        },
+    },
+];

package/lib/view/userListView/fetchUserListByTypeEpic.js

@@ -46,7 +46,10 @@ const getQueryParam = (userType, isZeniTenant) => {
         case 'manager':
             return { is_manager_candidate: true };
         case 'cardHolderCandidate':
-            return { is_card_holder_candidate: true };
+            return {
+                is_card_holder_candidate: true,
+                is_include_active_cards_count: true,
+            };
         case 'taskManagerCandidate':
             return { is_task_manager_candidate: true };
         case 'cardAdmin':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.13.6",
+  "version": "4.13.9",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",