@fadyshawky/react-native-magic 2.0.6 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fadyshawky/react-native-magic",
3
- "version": "2.0.6",
3
+ "version": "2.0.8",
4
4
  "description": "react native template with ready components, hooks, react navigation, redux, typescript, etc.",
5
5
  "keywords": [
6
6
  "react-native-magic",
package/template/App.tsx CHANGED
@@ -4,22 +4,18 @@
4
4
  *
5
5
  * @format
6
6
  */
7
- import React, {useEffect} from 'react';
8
- import {ImageBackground, LogBox, SafeAreaView, StatusBar} from 'react-native';
7
+ import React from 'react';
8
+ import {LogBox, SafeAreaView, StatusBar} from 'react-native';
9
9
  import {SheetProvider} from 'react-native-actions-sheet';
10
10
  import {SafeAreaProvider} from 'react-native-safe-area-context';
11
11
  import {Provider} from 'react-redux';
12
12
  import {PersistGate} from 'redux-persist/integration/react';
13
13
  import {LocalizationProvider} from './src/common/localization/LocalizationProvider';
14
14
  import {RTLInitializer} from './src/common/localization/RTLInitializer';
15
- import {
16
- Languages,
17
- DEFAULT_LANGUAGE,
18
- } from './src/common/localization/localization';
15
+ import {useAppSelector} from './src/core/store/reduxHelpers';
19
16
  import {persistor, store} from './src/core/store/store';
20
- import AppNavigator from './src/navigation/MainNavigation';
21
17
  import {ThemeProvider, useTheme} from './src/core/theme/ThemeProvider';
22
- import {useAppSelector} from './src/core/store/reduxHelpers';
18
+ import AppNavigator from './src/navigation/MainNavigation';
23
19
 
24
20
  LogBox.ignoreAllLogs();
25
21
 
@@ -1,7 +1,7 @@
1
1
  import {createSlice, PayloadAction} from '@reduxjs/toolkit';
2
- import {newState} from '../../../common/utils/newState';
3
2
  import {Languages} from '../../../common/localization/localization';
4
- import {appInitialState, AppInitialEntity} from './appState';
3
+ import {newState} from '../../../common/utils/newState';
4
+ import {appInitialState} from './appState';
5
5
 
6
6
  export const {reducer: AppReducer, actions} = createSlice({
7
7
  name: 'app',
@@ -7,5 +7,5 @@ export interface AppInitialEntity {
7
7
 
8
8
  export const appInitialState: AppInitialEntity = {
9
9
  language: Languages.en,
10
- isRTL: true,
10
+ isRTL: false,
11
11
  };
@@ -1,15 +1,9 @@
1
1
  import {combineReducers} from '@reduxjs/toolkit';
2
2
  import {AppReducer} from './app/appSlice';
3
3
  import {UserReducer} from './user/userSlice';
4
- import {CategoriesReducer} from './Categories/categorySlice';
5
- import {ProvidersReducer} from './Providers/providersSlice';
6
- import {ServicesReducer} from './Services/servicesSlice';
7
4
  export const rootReducer = combineReducers({
8
5
  app: AppReducer,
9
6
  user: UserReducer,
10
- categories: CategoriesReducer,
11
- providers: ProvidersReducer,
12
- services: ServicesReducer,
13
7
  });
14
8
 
15
9
  export type RootState = ReturnType<typeof rootReducer>;
@@ -4,11 +4,10 @@ import {DefaultTheme, NavigationContainer} from '@react-navigation/native';
4
4
  import * as React from 'react';
5
5
  import {useRef} from 'react';
6
6
  import {useAppSelector} from '../core/store/reduxHelpers';
7
+ import {NaturalColors} from '../core/theme/colors';
7
8
  import {AuthStack} from './AuthStack';
8
9
  import {AppMainNavigator} from './MainStack';
9
10
  import {navigationRef} from './RootNavigation';
10
- import {NewColors} from '../core/theme/colors';
11
- import {Fonts} from '../core/theme/fonts';
12
11
 
13
12
  function AppNavigator() {
14
13
  const routeNameRef = useRef<string | undefined>(undefined);
@@ -24,7 +23,7 @@ function AppNavigator() {
24
23
  dark: false,
25
24
  colors: {
26
25
  primary: '#000',
27
- background: NewColors.background,
26
+ background: NaturalColors.background_2,
28
27
  card: '#fff',
29
28
  text: '#000',
30
29
  border: '#000',
@@ -1,33 +0,0 @@
1
- import {createAsyncThunk} from '@reduxjs/toolkit';
2
- import {handleFetchJsonResponse} from '../../api/responseHandlers';
3
- import {post} from '../../api/serverHeaders';
4
- import {RootState} from '../rootReducer';
5
- import {extractServerError} from '../../api/errorHandler';
6
-
7
- export const getCategories = createAsyncThunk(
8
- 'categories/list',
9
- async (
10
- {data: {limit}}: {data: {limit?: number}},
11
- {rejectWithValue, getState, dispatch}: any,
12
- ) => {
13
- try {
14
- const token = (getState() as RootState).user.accessToken;
15
-
16
- const response = await post({
17
- url: 'serviceMangement/Category/get_categories',
18
- data: {limit},
19
- config: {
20
- headers: {
21
- Authorization: `${token}`,
22
- },
23
- },
24
- });
25
-
26
- return handleFetchJsonResponse(response);
27
- } catch (e: any) {
28
- // Extract the server error from the Axios error
29
- const serverError = extractServerError(e);
30
- return rejectWithValue(serverError);
31
- }
32
- },
33
- );
@@ -1,75 +0,0 @@
1
- import {createSlice} from '@reduxjs/toolkit';
2
- import {newState} from '../../../common/utils/newState';
3
- import {handleErrorResponse} from '../../api/responseHandlers';
4
- import {getCategories} from './categoryActions';
5
- import {
6
- CategoriesInitialState,
7
- CategoriesState,
8
- Category,
9
- CategoryPayload,
10
- } from './categoryState';
11
- import {LoadState} from '../../../../types';
12
-
13
- function getCategoriesHandler(
14
- state: CategoriesState,
15
- payload: {payload: CategoryPayload},
16
- ) {
17
- return newState(state, {
18
- categories: payload.payload.categories,
19
- settings: payload.payload.settings,
20
- loadState: LoadState.allIsLoaded,
21
- });
22
- }
23
- function getCategoriesLoadingHandler(state: CategoriesState) {
24
- return newState(state, {
25
- loadState: LoadState.loadingMore,
26
- });
27
- }
28
-
29
- function getCategoriesErrorHandler(
30
- state: CategoriesState,
31
- payload: {payload: {message: string}},
32
- ) {
33
- handleErrorResponse(payload.payload.message || 'Categories fetch failed');
34
- return newState(state, {
35
- loadState: LoadState.error,
36
- });
37
- }
38
-
39
- function categoriesLogoutHandler(state: CategoriesState) {
40
- return newState(state, CategoriesInitialState);
41
- }
42
-
43
- function selectedCategoryHandler(
44
- state: CategoriesState,
45
- payload: {payload: Category},
46
- ) {
47
- return newState(state, {
48
- selectedCategory: payload.payload,
49
- });
50
- }
51
-
52
- function clearSelectedCategoryHandler(state: CategoriesState) {
53
- return newState(state, {
54
- selectedCategory: CategoriesInitialState.selectedCategory,
55
- });
56
- }
57
-
58
- export const {reducer: CategoriesReducer, actions} = createSlice({
59
- name: 'categories',
60
- initialState: CategoriesInitialState,
61
- reducers: {
62
- setCategoriesLogout: categoriesLogoutHandler,
63
- setSelectedCategory: selectedCategoryHandler,
64
- clearSelectedCategory: clearSelectedCategoryHandler,
65
- },
66
- extraReducers: builder => {
67
- builder
68
- .addCase(getCategories.fulfilled, getCategoriesHandler)
69
- .addCase(getCategories.rejected, getCategoriesErrorHandler)
70
- .addCase(getCategories.pending, getCategoriesLoadingHandler);
71
- },
72
- });
73
-
74
- export const {setCategoriesLogout, setSelectedCategory, clearSelectedCategory} =
75
- actions;
@@ -1,41 +0,0 @@
1
- import {LoadState} from '../../../../types';
2
-
3
- export type PosSettings = {
4
- id: number;
5
- name: string;
6
- function_name: string;
7
- is_active: boolean;
8
- createdAt: string;
9
- updatedAt: string;
10
- };
11
-
12
- export interface CategoriesState {
13
- categories: Category[];
14
- loadState: LoadState;
15
- settings: PosSettings[];
16
- selectedCategory: Category | null;
17
- }
18
-
19
- export interface Category {
20
- createdAt?: string | null;
21
- externalId?: null;
22
- id: number;
23
- img_url: string;
24
- name: string;
25
- name_en?: string | null;
26
- parent_id: number;
27
- priority: number;
28
- updatedAt: string;
29
- }
30
-
31
- export interface CategoryPayload {
32
- categories: Category[];
33
- settings: PosSettings[];
34
- }
35
-
36
- export const CategoriesInitialState: CategoriesState = {
37
- categories: [],
38
- loadState: LoadState.idle,
39
- settings: [],
40
- selectedCategory: null,
41
- };
@@ -1,102 +0,0 @@
1
- import {createAsyncThunk} from '@reduxjs/toolkit';
2
- import {handleFetchJsonResponse} from '../../api/responseHandlers';
3
- import {get, post} from '../../api/serverHeaders';
4
- import {RootState} from '../rootReducer';
5
- import {extractServerError} from '../../api/errorHandler';
6
- import {ensureString} from '../../utils/stringUtils';
7
-
8
- export const getProviders = createAsyncThunk(
9
- 'providers/getProviders',
10
- async (
11
- {
12
- data: {limit, category_id},
13
- }: {data: {limit?: number; category_id?: number}},
14
- {rejectWithValue, getState, dispatch}: any,
15
- ) => {
16
- try {
17
- const token = (getState() as RootState).user.accessToken;
18
-
19
- const response = await post({
20
- url: 'serviceProvider_category',
21
- data: {limit, category_id},
22
- config: {
23
- headers: {
24
- Authorization: `${token}`,
25
- },
26
- },
27
- });
28
-
29
- return handleFetchJsonResponse(response);
30
- } catch (e: any) {
31
- const serverError = extractServerError(e);
32
-
33
- return rejectWithValue({
34
- ...serverError,
35
- message: ensureString(serverError.message),
36
- });
37
- }
38
- },
39
- );
40
-
41
- export const getProviderById = createAsyncThunk(
42
- 'providers/getProviderById',
43
- async (
44
- {data: {BillerId}}: {data: {BillerId?: number}},
45
- {rejectWithValue, getState, dispatch}: any,
46
- ) => {
47
- try {
48
- const token = (getState() as RootState).user.accessToken;
49
-
50
- const response = await get({
51
- url: `serviceMangement/get-single-provider/${BillerId}`,
52
- config: {
53
- headers: {
54
- Authorization: `${token}`,
55
- },
56
- },
57
- });
58
-
59
- return handleFetchJsonResponse(response);
60
- } catch (e: any) {
61
- const serverError = extractServerError(e);
62
-
63
- return rejectWithValue({
64
- ...serverError,
65
- message: ensureString(serverError.message),
66
- });
67
- }
68
- },
69
- );
70
-
71
- export const getHomeProviders = createAsyncThunk(
72
- 'providers/getHomeProviders',
73
- async (
74
- {
75
- data: {limit, category_id},
76
- }: {data: {limit?: number; category_id?: number}},
77
- {rejectWithValue, getState, dispatch}: any,
78
- ) => {
79
- try {
80
- const token = (getState() as RootState).user.accessToken;
81
-
82
- const response = await post({
83
- url: 'serviceProvider_category',
84
- data: {limit, category_id},
85
- config: {
86
- headers: {
87
- Authorization: `${token}`,
88
- },
89
- },
90
- });
91
-
92
- return handleFetchJsonResponse(response);
93
- } catch (e: any) {
94
- const serverError = extractServerError(e);
95
-
96
- return rejectWithValue({
97
- ...serverError,
98
- message: ensureString(serverError.message),
99
- });
100
- }
101
- },
102
- );
@@ -1,136 +0,0 @@
1
- import {createSlice} from '@reduxjs/toolkit';
2
- import {newState} from '../../../common/utils/newState';
3
- import {handleErrorResponse} from '../../api/responseHandlers';
4
- import {
5
- getHomeProviders,
6
- getProviderById,
7
- getProviders,
8
- } from './providersActions';
9
- import {
10
- ProviderPayload,
11
- ProvidersInitialState,
12
- ProvidersState,
13
- ServiceProvider,
14
- } from './providersState';
15
- import {navigationRef} from '../../../navigation/RootNavigation';
16
-
17
- function providersHandler(
18
- state: ProvidersState,
19
- payload: {payload: ProviderPayload},
20
- ) {
21
- return newState(state, {
22
- providers: payload.payload.Service_providers,
23
- loading: false,
24
- });
25
- }
26
-
27
- function providersLoadingHandler(state: ProvidersState) {
28
- return newState(state, {
29
- loading: true,
30
- });
31
- }
32
-
33
- function providersErrorHandler(
34
- state: ProvidersState,
35
- payload: {payload: {message: string}},
36
- ) {
37
- handleErrorResponse(
38
- payload.payload.message || 'get service providers failed',
39
- );
40
- return newState(state, {
41
- loading: false,
42
- });
43
- }
44
-
45
- function homeProvidersHandler(
46
- state: ProvidersState,
47
- payload: {payload: ProviderPayload},
48
- ) {
49
- return newState(state, {
50
- homeProviders: payload.payload.Service_providers,
51
- loading: false,
52
- });
53
- }
54
-
55
- function homeProvidersLoadingHandler(state: ProvidersState) {
56
- return newState(state, {
57
- loading: true,
58
- });
59
- }
60
-
61
- function homeProvidersErrorHandler(
62
- state: ProvidersState,
63
- payload: {payload: {message: string}},
64
- ) {
65
- handleErrorResponse(
66
- payload.payload.message || 'get service providers failed',
67
- );
68
- return newState(state, {
69
- loading: false,
70
- });
71
- }
72
-
73
- function providerLogoutHandler(state: ProvidersState) {
74
- return newState(state, ProvidersInitialState);
75
- }
76
-
77
- function selectedProviderHandler(
78
- state: ProvidersState,
79
- payload: {payload: ServiceProvider},
80
- ) {
81
- return newState(state, {
82
- selectedProvider: payload.payload,
83
- });
84
- }
85
-
86
- function ProviderHandler(
87
- state: ProvidersState,
88
- payload: {payload: {data: ServiceProvider}},
89
- ) {
90
- return newState(state, {
91
- selectedProvider: payload.payload.data,
92
- loading: false,
93
- });
94
- }
95
-
96
- function resetProvidersHandler(state: ProvidersState) {
97
- return newState(state, {
98
- providers: [],
99
- });
100
- }
101
-
102
- function clearSelectedProviderHandler(state: ProvidersState) {
103
- return newState(state, {
104
- selectedProvider: ProvidersInitialState.selectedProvider,
105
- });
106
- }
107
-
108
- export const {reducer: ProvidersReducer, actions} = createSlice({
109
- name: 'providers',
110
- initialState: ProvidersInitialState,
111
- reducers: {
112
- setProvidersLogout: providerLogoutHandler,
113
- setSelectedProvider: selectedProviderHandler,
114
- resetProviders: resetProvidersHandler,
115
- clearSelectedProvider: clearSelectedProviderHandler,
116
- },
117
- extraReducers: builder => {
118
- builder
119
- .addCase(getProviders.fulfilled, providersHandler)
120
- .addCase(getProviders.rejected, providersErrorHandler)
121
- .addCase(getProviders.pending, providersLoadingHandler)
122
- .addCase(getHomeProviders.fulfilled, homeProvidersHandler)
123
- .addCase(getHomeProviders.rejected, homeProvidersErrorHandler)
124
- .addCase(getHomeProviders.pending, homeProvidersLoadingHandler)
125
- .addCase(getProviderById.fulfilled, ProviderHandler)
126
- .addCase(getProviderById.rejected, providersErrorHandler)
127
- .addCase(getProviderById.pending, providersLoadingHandler);
128
- },
129
- });
130
-
131
- export const {
132
- setProvidersLogout,
133
- setSelectedProvider,
134
- resetProviders,
135
- clearSelectedProvider,
136
- } = actions;
@@ -1,37 +0,0 @@
1
- import {LoadState} from '../../../../types';
2
-
3
- export interface ProvidersState {
4
- providers: ServiceProvider[];
5
- homeProviders: ServiceProvider[];
6
- selectedProvider: ServiceProvider;
7
- loading: boolean;
8
- }
9
-
10
- export interface ServiceProvider {
11
- provider: string;
12
- BillerId: string;
13
- id?: string;
14
- BillerName: string;
15
- priority: number;
16
- meta?: null;
17
- img_url?: string | null;
18
- categories?: CategoriesEntity[] | null;
19
- }
20
- export interface CategoriesEntity {
21
- id: number;
22
- fawry_biller_id: string;
23
- category_id: string;
24
- createdAt: string;
25
- updatedAt: string;
26
- }
27
-
28
- export interface ProviderPayload {
29
- Service_providers: ServiceProvider[];
30
- }
31
-
32
- export const ProvidersInitialState: ProvidersState = {
33
- providers: [],
34
- selectedProvider: {} as ServiceProvider,
35
- loading: false,
36
- homeProviders: [],
37
- };
@@ -1,191 +0,0 @@
1
- import {createAsyncThunk} from '@reduxjs/toolkit';
2
- import {handleFetchJsonResponse} from '../../api/responseHandlers';
3
- import {post} from '../../api/serverHeaders';
4
- import {RootState} from '../rootReducer';
5
- import {extractServerError} from '../../api/errorHandler';
6
- import {ensureString} from '../../utils/stringUtils';
7
-
8
- export const getServices = createAsyncThunk(
9
- 'services/list',
10
- async (
11
- {
12
- data,
13
- }: {
14
- data: {
15
- service_provider_id?: string;
16
- fawry_provider_id?: string;
17
- category_id?: string;
18
- };
19
- },
20
- {rejectWithValue, getState, dispatch}: any,
21
- ) => {
22
- try {
23
- const token = (getState() as RootState).user.accessToken;
24
-
25
- const response = await post({
26
- url: 'listServices',
27
- data,
28
- config: {
29
- headers: {
30
- Authorization: `${token}`,
31
- },
32
- },
33
- });
34
-
35
- return handleFetchJsonResponse(response);
36
- } catch (e: any) {
37
- const serverError = extractServerError(e);
38
-
39
- return rejectWithValue({
40
- ...serverError,
41
- message: ensureString(serverError.message),
42
- });
43
- }
44
- },
45
- );
46
-
47
- export const getService = createAsyncThunk(
48
- 'services/single',
49
- async (
50
- {data}: {data: {fawry_service_id?: string; bee_service_id?: string}},
51
- {rejectWithValue, getState, dispatch}: any,
52
- ) => {
53
- try {
54
- const token = (getState() as RootState).user.accessToken;
55
-
56
- const response = await post({
57
- url: 'serviceMangement/getService',
58
- data,
59
- config: {
60
- headers: {
61
- Authorization: `${token}`,
62
- },
63
- },
64
- });
65
-
66
- return handleFetchJsonResponse(response);
67
- } catch (e: any) {
68
- const serverError = extractServerError(e);
69
-
70
- return rejectWithValue({
71
- ...serverError,
72
- message: ensureString(serverError.message),
73
- });
74
- }
75
- },
76
- );
77
-
78
- export const getServiceById = createAsyncThunk(
79
- 'services/single/by/id',
80
- async (
81
- {data}: {data: {BillTypeCode?: string}},
82
- {rejectWithValue, getState, dispatch}: any,
83
- ) => {
84
- try {
85
- const token = (getState() as RootState).user.accessToken;
86
-
87
- const response = await post({
88
- url: 'serviceMangement/getService',
89
- data,
90
- config: {
91
- headers: {
92
- Authorization: `${token}`,
93
- },
94
- },
95
- });
96
-
97
- return handleFetchJsonResponse(response);
98
- } catch (e: any) {
99
- const serverError = extractServerError(e);
100
-
101
- return rejectWithValue({
102
- ...serverError,
103
- message: ensureString(serverError.message),
104
- });
105
- }
106
- },
107
- );
108
-
109
- export const enquireService = createAsyncThunk(
110
- 'services/enquireService',
111
- async ({data}: any, {rejectWithValue, getState, dispatch}: any) => {
112
- try {
113
- const token = (getState() as RootState).user.accessToken;
114
-
115
- const response = await post({
116
- url: 'serviceMangement/fawry/bill-inquiry',
117
- data,
118
- config: {
119
- headers: {
120
- Authorization: `${token}`,
121
- },
122
- },
123
- });
124
-
125
- return handleFetchJsonResponse(response);
126
- } catch (e: any) {
127
- const serverError = extractServerError(e);
128
-
129
- return rejectWithValue({
130
- ...serverError,
131
- message: ensureString(serverError.message),
132
- });
133
- }
134
- },
135
- );
136
-
137
- export const payService = createAsyncThunk(
138
- 'services/payService',
139
- async ({data}: any, {rejectWithValue, getState, dispatch}: any) => {
140
- try {
141
- const token = (getState() as RootState).user.accessToken;
142
-
143
- const response = await post({
144
- url: 'serviceMangement/fawry/payment',
145
- data,
146
- config: {
147
- headers: {
148
- Authorization: `${token}`,
149
- },
150
- },
151
- });
152
-
153
- return handleFetchJsonResponse(response);
154
- } catch (e: any) {
155
- const serverError = extractServerError(e);
156
-
157
- return rejectWithValue({
158
- ...serverError,
159
- message: ensureString(serverError.message),
160
- });
161
- }
162
- },
163
- );
164
-
165
- export const reverseService = createAsyncThunk(
166
- 'services/reverseService',
167
- async ({data}: any, {rejectWithValue, getState, dispatch}: any) => {
168
- try {
169
- const token = (getState() as RootState).user.accessToken;
170
-
171
- const response = await post({
172
- url: '/serviceMangement/fawry/reversePayment',
173
- data,
174
- config: {
175
- headers: {
176
- Authorization: `${token}`,
177
- },
178
- },
179
- });
180
-
181
- return handleFetchJsonResponse(response);
182
- } catch (e: any) {
183
- const serverError = extractServerError(e);
184
-
185
- return rejectWithValue({
186
- ...serverError,
187
- message: ensureString(serverError.message),
188
- });
189
- }
190
- },
191
- );
@@ -1,205 +0,0 @@
1
- import {createSlice} from '@reduxjs/toolkit';
2
- import {newState} from '../../../common/utils/newState';
3
- import {handleErrorResponse} from '../../api/responseHandlers';
4
- import {
5
- enquireService,
6
- getService,
7
- getServiceById,
8
- getServices,
9
- payService,
10
- reverseService,
11
- } from './servicesActions';
12
- import {
13
- InquiredBill,
14
- Service,
15
- ServicePayload,
16
- ServicesInitialState,
17
- ServicesState,
18
- } from './servicesState';
19
-
20
- function getServicesHandler(
21
- state: ServicesState,
22
- payload: {payload: ServicePayload},
23
- ) {
24
- return newState(state, {
25
- services: payload.payload.services,
26
- });
27
- }
28
- function getServicesLoadingHandler(state: ServicesState) {
29
- return newState(state, {});
30
- }
31
-
32
- function getServicesErrorHandler(
33
- state: ServicesState,
34
- payload: {payload: {message: string | unknown}},
35
- ) {
36
- handleErrorResponse((payload.payload.message as string) || 'Login failed');
37
- return newState(state, {});
38
- }
39
-
40
- function resetServicesHandler(state: ServicesState) {
41
- return newState(state, {
42
- services: ServicesInitialState.services,
43
- });
44
- }
45
-
46
- function serviceLogoutHandler(state: ServicesState) {
47
- return newState(state, ServicesInitialState);
48
- }
49
-
50
- function getServiceHandler(
51
- state: ServicesState,
52
- payload: {payload: ServicePayload},
53
- ) {
54
- return newState(state, {
55
- service: payload.payload.service,
56
- });
57
- }
58
-
59
- function clearServiceHandler(state: ServicesState) {
60
- return newState(state, {
61
- service: ServicesInitialState.service,
62
- });
63
- }
64
-
65
- function clearInquiryHandler(state: ServicesState) {
66
- return newState(state, {
67
- inquiredBill: ServicesInitialState.inquiredBill,
68
- });
69
- }
70
-
71
- function clearPaymentHandler(state: ServicesState) {
72
- return newState(state, {
73
- paymentResponse: ServicesInitialState.paymentResponse,
74
- });
75
- }
76
-
77
- function getServiceErrorHandler(
78
- state: ServicesState,
79
- payload: {payload: {message: string}},
80
- ) {
81
- handleErrorResponse(payload.payload.message);
82
- return newState(state, {
83
- loading: false,
84
- });
85
- }
86
-
87
- function getServiceLoadingHandler(state: ServicesState) {
88
- return newState(state, {
89
- loading: true,
90
- });
91
- }
92
-
93
- function enquireServiceHandler(
94
- state: ServicesState,
95
- payload: {payload: ServicePayload},
96
- ) {
97
- return newState(state, {
98
- inquiredBill: payload.payload.data.Response.PresSvcRs
99
- .BillInqRs as InquiredBill,
100
- loading: false,
101
- });
102
- }
103
-
104
- function enquireServiceLoadingHandler(state: ServicesState) {
105
- return newState(state, {
106
- loading: true,
107
- });
108
- }
109
-
110
- function enquireServiceErrorHandler(
111
- state: ServicesState,
112
- payload: {payload: {message: string}},
113
- ) {
114
- handleErrorResponse(payload.payload.message || 'enquire service failed');
115
- return newState(state, {
116
- loading: false,
117
- });
118
- }
119
-
120
- function payServiceHandler(
121
- state: ServicesState,
122
- payload: {payload: ServicePayload},
123
- ) {
124
- return newState(state, {
125
- paymentResponse: payload.payload.data,
126
- loading: false,
127
- });
128
- }
129
-
130
- function reverseServiceHandler(
131
- state: ServicesState,
132
- payload: {payload: ServicePayload},
133
- ) {
134
- return newState(state, {
135
- paymentResponse: payload.payload.data,
136
- loading: false,
137
- });
138
- }
139
-
140
- function payServiceLoadingHandler(state: ServicesState) {
141
- return newState(state, {
142
- loading: true,
143
- });
144
- }
145
-
146
- function payServiceErrorHandler(
147
- state: ServicesState,
148
- payload: {payload: {message: string}},
149
- ) {
150
- handleErrorResponse(payload.payload.message || 'pay service failed');
151
- return newState(state, {
152
- loading: false,
153
- });
154
- }
155
-
156
- function selectedServiceHandler(
157
- state: ServicesState,
158
- payload: {payload: Service},
159
- ) {
160
- return newState(state, {
161
- selectedService: payload.payload,
162
- });
163
- }
164
- export const {reducer: ServicesReducer, actions} = createSlice({
165
- name: 'services',
166
- initialState: ServicesInitialState,
167
- reducers: {
168
- setServiceLogout: serviceLogoutHandler,
169
- setSelectedService: selectedServiceHandler,
170
- clearService: clearServiceHandler,
171
- clearInquiry: clearInquiryHandler,
172
- clearPayment: clearPaymentHandler,
173
- resetServices: resetServicesHandler,
174
- },
175
- extraReducers: builder => {
176
- builder
177
- .addCase(getServices.fulfilled, getServicesHandler)
178
- .addCase(getServices.rejected, getServicesErrorHandler)
179
- .addCase(getServices.pending, getServicesLoadingHandler)
180
- .addCase(getService.fulfilled, getServiceHandler)
181
- .addCase(getService.rejected, getServiceErrorHandler)
182
- .addCase(getService.pending, getServiceLoadingHandler)
183
- .addCase(getServiceById.fulfilled, getServiceHandler)
184
- .addCase(getServiceById.rejected, getServiceErrorHandler)
185
- .addCase(getServiceById.pending, getServiceLoadingHandler)
186
- .addCase(enquireService.fulfilled, enquireServiceHandler)
187
- .addCase(enquireService.rejected, enquireServiceErrorHandler)
188
- .addCase(enquireService.pending, enquireServiceLoadingHandler)
189
- .addCase(payService.fulfilled, payServiceHandler)
190
- .addCase(payService.rejected, payServiceErrorHandler)
191
- .addCase(payService.pending, payServiceLoadingHandler)
192
- .addCase(reverseService.fulfilled, reverseServiceHandler)
193
- .addCase(reverseService.rejected, payServiceErrorHandler)
194
- .addCase(reverseService.pending, payServiceLoadingHandler);
195
- },
196
- });
197
-
198
- export const {
199
- setServiceLogout,
200
- setSelectedService,
201
- clearService,
202
- clearInquiry,
203
- clearPayment,
204
- resetServices,
205
- } = actions;
@@ -1,466 +0,0 @@
1
- import {LoadState} from '../../../../types';
2
-
3
- export interface ServicesState {
4
- services: Service[];
5
- service: Service;
6
- selectedService: Service;
7
- loading: boolean;
8
- inquiredBill: InquiredBill;
9
- paymentResponse: any[];
10
- }
11
-
12
- export interface PaySvcRs {
13
- Response: Response;
14
- }
15
- export interface Response {
16
- SignonRs: SignonRs;
17
- PaySvcRs: PaySvcRs1;
18
- }
19
- export interface SignonRs {
20
- ServerDt: string;
21
- Language: string;
22
- SignonProfile: SignonProfile;
23
- }
24
- export interface SignonProfile {
25
- Sender: string;
26
- Receiver: string;
27
- MsgCode: string;
28
- Version: string;
29
- }
30
- export interface PaySvcRs1 {
31
- RqUID: string;
32
- AsyncRqUID: string;
33
- MsgRqHdr: MsgRqHdr;
34
- Status: Status;
35
- PmtAddRs: PmtAddRs;
36
- }
37
- export interface MsgRqHdr {
38
- NetworkTrnInfo: NetworkTrnInfo;
39
- ClientTerminalSeqId: string;
40
- CustomProperties: CustomProperties;
41
- }
42
- export interface NetworkTrnInfo {
43
- OriginatorCode: string;
44
- TerminalId: string;
45
- }
46
- export interface CustomProperties {
47
- CustomProperty?: CustomPropertyEntity[] | null;
48
- }
49
- export interface CustomPropertyEntity {
50
- Key: string;
51
- Value: string;
52
- }
53
- export interface Status {
54
- StatusCode: number;
55
- Severity: string;
56
- StatusDesc: string;
57
- }
58
- export interface PmtAddRs {
59
- CustId?: null[] | null;
60
- PmtInfoVal?: PmtInfoValEntity[] | null;
61
- }
62
- export interface PmtInfoValEntity {
63
- status: Status;
64
- PmtTransId?: PmtTransIdEntity[] | null;
65
- PmtInfo: PmtInfo;
66
- }
67
- export interface PmtTransIdEntity {
68
- PmtId: string;
69
- PmtIdType: string;
70
- CreatedDt: string;
71
- }
72
- export interface PmtInfo {
73
- CorrelationUID: string;
74
- BillingAcct: string;
75
- BillRefNumber: string;
76
- BillTypeCode: number;
77
- BankId: string;
78
- PmtType: string;
79
- DeliveryMethod: string;
80
- CurAmt: CurAmtOrFeesAmt;
81
- FeesAmt: CurAmtOrFeesAmt;
82
- DepAccIdFrom: DepAccIdFrom;
83
- PmtMethod: string;
84
- PrcDt: string;
85
- ExtraBillInfo: string;
86
- MerchantName: string;
87
- }
88
- export interface CurAmtOrFeesAmt {
89
- Amt: number;
90
- CurCode: string;
91
- }
92
- export interface DepAccIdFrom {
93
- AcctId: string;
94
- AcctType: string;
95
- AcctCur: string;
96
- Balance: Balance;
97
- }
98
- export interface Balance {
99
- Balance: number;
100
- CurCode: string;
101
- }
102
-
103
- export interface InquiredBill {
104
- success: boolean;
105
- Response: Response;
106
- }
107
- export interface Response {
108
- SignonRs: SignonRs;
109
- PresSvcRs: PresSvcRs;
110
- }
111
- export interface SignonRs {
112
- SignonPswd: SignonPswd;
113
- ClientDt: string;
114
- CustLangPref: string;
115
- ServerDt: string;
116
- Language: string;
117
- SignonProfile: SignonProfile;
118
- }
119
- export interface SignonPswd {
120
- UserAccess: UserAccess;
121
- }
122
- export interface UserAccess {
123
- UserIPAddress: string;
124
- }
125
- export interface SignonProfile {
126
- Sender: string;
127
- Receiver: string;
128
- MsgCode: string;
129
- Version: string;
130
- }
131
- export interface PresSvcRs {
132
- RqUID: string;
133
- AsyncRqUID: string;
134
- Status: Status;
135
- BillInqRs: BillInqRs;
136
- MsgRqHdr: MsgRqHdr;
137
- }
138
- export interface Status {
139
- StatusCode: number;
140
- Severity: string;
141
- StatusDesc: string;
142
- }
143
- export interface BillInqRs {
144
- CustId?: null[] | null;
145
- IncOpenAmt: boolean;
146
- DeliveryMethod: string;
147
- BillRec?: BillRecEntity[] | null;
148
- }
149
- export interface BillRecEntity {
150
- BillingAcct: string;
151
- BillerId: string;
152
- BillTypeCode: number;
153
- BillRefNumber: string;
154
- BillInfo: BillInfo;
155
- BillStatus: string;
156
- ExtraBillingAcctKeys: any;
157
- }
158
- export interface BillInfo {
159
- BillSummAmt?: BillSummAmtEntity[] | null;
160
- PaymentRange?: PaymentRangeEntity[] | null;
161
- RulesAwareness: string;
162
- ExtraBillInfo: string;
163
- }
164
- export interface BillSummAmtEntity {
165
- BillSummAmtCode: string;
166
- CurAmt: CurAmtOrLowerOrUpper;
167
- }
168
- export interface CurAmtOrLowerOrUpper {
169
- Amt: number;
170
- CurCode: string;
171
- }
172
- export interface PaymentRangeEntity {
173
- Lower: CurAmtOrLowerOrUpper;
174
- Upper: CurAmtOrLowerOrUpper;
175
- }
176
-
177
- export interface Service {
178
- id?: number | null;
179
- BillerId: string;
180
- BillTypeCode?: number | null;
181
- Name?: string | null;
182
- PmtType?: string | null;
183
- ServiceType?: string | null;
184
- ServiceName?: string | null;
185
- BillTypeAcctLabel?: string | null;
186
- AcctInputMethod?: string;
187
- IsHidden?: boolean | null;
188
- BillTypeExtraRefKeys?: BillTypeExtraRefKeys | null;
189
- BillRefType?: boolean | null;
190
- PaymentRules?: PaymentRules | null;
191
- BillTypeStatus?: string | null;
192
- BillTypeDescription?: string | null;
193
- AllowRctRePrint?: boolean | null;
194
- OTPEnabled?: boolean | null;
195
- ValidationEnabled?: boolean | null;
196
- OTPRequired?: boolean | null;
197
- IsBAConfRequired?: null;
198
- IsTermsConditionReq?: boolean | null;
199
- SupportPmtReverse?: null;
200
- PaymentRanges?: null;
201
- createdAt?: string | null;
202
- updatedAt?: string | null;
203
- Fees?: FeesEntity[] | null;
204
- ReceiptFooter?: string | null;
205
- BillingActRegEX?: null;
206
- isActive?: boolean | null;
207
- meta?: Meta | null;
208
- commission_config?: null;
209
- info_text?: boolean | null;
210
- commission_with_vat?: boolean | null;
211
- category_id?: string | null;
212
- vat_value?: null;
213
- BillerName?: string | null;
214
- BillerInfo?: BillerInfoEntity[] | null;
215
- BillerStatus?: string | null;
216
- BillerNameLang?: string | null;
217
- }
218
- export interface BillTypeExtraRefKeys {
219
- BillTypeRefKey?: BillTypeRefKeyEntity[] | null;
220
- }
221
- export interface BillTypeRefKeyEntity {
222
- Key: string;
223
- Value?: string | undefined;
224
- Label: string;
225
- Required: boolean;
226
- EnumValues: EnumValues;
227
- InputMethod: string;
228
- IsBAKeyPart: boolean;
229
- IsPrintKeyPart: boolean;
230
- }
231
- export interface EnumValues {
232
- EnumValue?: EnumValueEntity[] | null;
233
- }
234
- export interface EnumValueEntity {
235
- Alias: string;
236
- Value: string;
237
- }
238
- export interface PaymentRules {
239
- IsInqRqr: boolean;
240
- IsAdvAcpt: boolean;
241
- IsMobNtfy: boolean;
242
- IsOvrAcpt: boolean;
243
- IsPrtAcpt: boolean;
244
- IsFracAcpt: boolean;
245
- IsAcptCardPmt: boolean;
246
- }
247
- export interface FeesEntity {
248
- Tier?: TierEntity[] | null;
249
- IsEmbeddedFees: boolean;
250
- AcctType?: string | null;
251
- }
252
- export interface TierEntity {
253
- Percent: Percent;
254
- FixedAmt: FixedAmtOrLowerOrUpper;
255
- LowerAmt: number;
256
- UpperAmt: number;
257
- }
258
- export interface Percent {
259
- Value: number;
260
- MaxAmt: number;
261
- }
262
- export interface FixedAmtOrLowerOrUpper {
263
- Amt: number;
264
- CurCode: string;
265
- }
266
- export interface Meta {
267
- note: string;
268
- explain: string;
269
- poweredBy: string;
270
- }
271
- export interface BillerInfoEntity {
272
- BillTypeCode: number;
273
- Name: string;
274
- PmtType: string;
275
- ServiceType: string;
276
- ServiceName: string;
277
- BillTypeAcctLabel?: string | null;
278
- IsHidden: boolean;
279
- BillRefType: boolean;
280
- ReceiptFooterLang?: string | null;
281
- ReceiptFooter?: string | null;
282
- PaymentRules: PaymentRules1;
283
- BillTypeStatus: string;
284
- PaymentRanges?: PaymentRanges | null;
285
- BillTypeDescription?: string | null;
286
- AllowRctRePrint: boolean;
287
- OTPEnabled?: boolean | null;
288
- ValidationEnabled: boolean;
289
- Timeout?: string | null;
290
- OTPRequired?: boolean | null;
291
- IsBAConfRequired?: boolean | null;
292
- IsTermsConditionReq?: boolean | null;
293
- NextBTCs?: string | null;
294
- IsSeparateNextPmt?: boolean | null;
295
- Fees?: FeesEntity1[] | null;
296
- SupportPmtReverse?: boolean | null;
297
- BillingActRegEX?: string | null;
298
- BillTypeExtraRefKeys?: BillTypeExtraRefKeys1 | null;
299
- ReceiptHeader?: string | null;
300
- NameLang?: string | null;
301
- AcctInputMethod?: string | null;
302
- IsAcceptPromo?: boolean | null;
303
- Type?: string | null;
304
- EchoInqCustProp?: boolean | null;
305
- BillingActHint?: string | null;
306
- RequiredLocation?: string | null;
307
- IsSupportInstallment?: boolean | null;
308
- CorrBillTypeCode?: number | null;
309
- BillTypeNature?: string | null;
310
- BalanceInqRequired?: boolean | null;
311
- ReceiptCorrMerchMsg?: string | null;
312
- ReceiptCorrCustMsg?: string | null;
313
- ReceiptLogoName?: string | null;
314
- DisableBulk?: boolean | null;
315
- IsAcceptZeroPmt?: boolean | null;
316
- SaveFavorite?: boolean | null;
317
- ReceiptHeaderLang?: string | null;
318
- TermsCondition?: string | null;
319
- }
320
- export interface PaymentRules1 {
321
- IsInqRqr: boolean;
322
- IsAdvAcpt?: boolean | null;
323
- IsMobNtfy: boolean;
324
- IsOvrAcpt?: boolean | null;
325
- IsPrtAcpt?: boolean | null;
326
- IsFracAcpt: boolean;
327
- IsAcptCardPmt: boolean;
328
- MultipleOfAmt?: number | null;
329
- }
330
- export interface PaymentRanges {
331
- PaymentRangeType?: PaymentRangeTypeEntity[] | null;
332
- }
333
- export interface PaymentRangeTypeEntity {
334
- Lower: FixedAmtOrLowerOrUpper;
335
- Upper: FixedAmtOrLowerOrUpper;
336
- }
337
- export interface FeesEntity1 {
338
- Tier?: TierEntity1[] | null;
339
- IsEmbeddedFees: boolean;
340
- AcctType?: string | null;
341
- }
342
- export interface TierEntity1 {
343
- LowerAmt: number;
344
- UpperAmt: number;
345
- Percent?: Percent1 | null;
346
- FixedAmt?: FixedAmtOrLowerOrUpper1 | null;
347
- }
348
- export interface Percent1 {
349
- Value: number;
350
- MaxAmt?: number | null;
351
- MinAmt?: number | null;
352
- }
353
- export interface FixedAmtOrLowerOrUpper1 {
354
- Amt: number;
355
- CurCode: string;
356
- }
357
- export interface BillTypeExtraRefKeys1 {
358
- BillTypeRefKey?: BillTypeRefKeyEntity1[] | null;
359
- }
360
- export interface BillTypeRefKeyEntity1 {
361
- Key: string;
362
- Label: string;
363
- Required?: boolean | null;
364
- IsPrintKeyPart: boolean;
365
- IsBAKeyPart?: boolean | null;
366
- InputMethod: string;
367
- EnumValues?: EnumValues1 | null;
368
- KeyHint?: string | null;
369
- RegEX?: string | null;
370
- IsCnfrmRequired?: boolean | null;
371
- IsEncryptRequired?: boolean | null;
372
- IsInputMasked?: boolean | null;
373
- }
374
- export interface EnumValues1 {
375
- EnumValue?: EnumValueEntity1[] | null;
376
- }
377
- export interface EnumValueEntity1 {
378
- Alias?: string | null;
379
- Value: string;
380
- Amount?: number | null;
381
- Description?: string | null;
382
- }
383
-
384
- export interface ServicePayload {
385
- services: Service[];
386
- service: Service;
387
- data: InquiredBill | {Response: Response};
388
- }
389
-
390
- export const ServicesInitialState: ServicesState = {
391
- services: [],
392
- service: {} as Service,
393
- selectedService: {} as Service,
394
- loading: false,
395
- inquiredBill: {
396
- success: false,
397
- Response: {
398
- SignonRs: {
399
- SignonPswd: {
400
- UserAccess: {
401
- UserIPAddress: '',
402
- },
403
- },
404
- ServerDt: '',
405
- Language: '',
406
- SignonProfile: {
407
- Sender: '',
408
- Receiver: '',
409
- MsgCode: '',
410
- Version: '',
411
- },
412
- ClientDt: '',
413
- CustLangPref: '',
414
- },
415
- PaySvcRs: {
416
- RqUID: '',
417
- AsyncRqUID: '',
418
- MsgRqHdr: {
419
- NetworkTrnInfo: {
420
- OriginatorCode: '',
421
- TerminalId: '',
422
- },
423
- ClientTerminalSeqId: '',
424
- CustomProperties: {
425
- CustomProperty: [],
426
- },
427
- },
428
- Status: {
429
- StatusCode: 0,
430
- Severity: '',
431
- StatusDesc: '',
432
- },
433
- PmtAddRs: {
434
- CustId: [],
435
- PmtInfoVal: [],
436
- },
437
- },
438
- PresSvcRs: {
439
- RqUID: '',
440
- AsyncRqUID: '',
441
- Status: {
442
- StatusCode: 0,
443
- Severity: '',
444
- StatusDesc: '',
445
- },
446
- BillInqRs: {
447
- CustId: [],
448
- IncOpenAmt: false,
449
- DeliveryMethod: '',
450
- BillRec: [],
451
- },
452
- MsgRqHdr: {
453
- NetworkTrnInfo: {
454
- OriginatorCode: '',
455
- TerminalId: '',
456
- },
457
- ClientTerminalSeqId: '',
458
- CustomProperties: {
459
- CustomProperty: [],
460
- },
461
- },
462
- },
463
- },
464
- },
465
- paymentResponse: [],
466
- };