@tap-payments/auth-jsconnect 2.0.35-test → 2.0.37-test

package/build/@types/app.d.ts

@@ -195,7 +195,8 @@ export declare enum FlowsTypes {
     PASSWORD = "password",
     TAX = "tax",
     ENTITY = "entity",
-    OTP = "otp"
+    OTP = "otp",
+    AUTH = "auth"
 }
 export declare type FlowInfo = {
     name: string;

package/build/@types/app.js

@@ -25,4 +25,5 @@ export var FlowsTypes;
     FlowsTypes["TAX"] = "tax";
     FlowsTypes["ENTITY"] = "entity";
     FlowsTypes["OTP"] = "otp";
+    FlowsTypes["AUTH"] = "auth";
 })(FlowsTypes || (FlowsTypes = {}));

package/build/@types/form.d.ts

@@ -76,9 +76,9 @@ export declare type PasswordCreateFormValues = {
     confirmPassword: string;
 };
 export declare type EntityFormValues = {
-    licenseNumber: string;
-    licenseName: string;
+    licenseNumber?: string;
+    licenseName?: string;
     activities?: Array<Activity>;
-    salesChannels: Array<SalesChannel>;
+    salesChannels?: Array<SalesChannel>;
     operationStartDate: string;
 };

package/build/api/entity.d.ts

@@ -3,6 +3,8 @@ export declare type EntityInfoBody = {
     id: string;
     lead_id?: string;
     activities?: Array<string>;
+    license_name?: string;
+    license_number?: string;
     business_operation_start_at?: string;
     channel_services?: Array<string>;
     physical_store_available?: boolean;

package/build/app/rootReducer.d.ts

@@ -9,5 +9,6 @@ declare const rootReducer: {
     signIn: import("redux").Reducer<import("../features/app/signIn/signInStore").SignInState, import("redux").AnyAction>;
     entity: import("redux").Reducer<import("../features/app/entity/entityStore").EntityState, import("redux").AnyAction>;
     otp: import("redux").Reducer<import("../features/app/otp/otpStore").OtpState, import("redux").AnyAction>;
+    auth: import("redux").Reducer<import("../features/app/auth/authStore").AuthState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -8,6 +8,7 @@ import password from '../features/app/password/passwordStore';
 import signIn from '../features/app/signIn/signInStore';
 import entity from '../features/app/entity/entityStore';
 import otp from '../features/app/otp/otpStore';
+import auth from '../features/app/auth/authStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
@@ -18,6 +19,7 @@ var rootReducer = {
     password: password,
     signIn: signIn,
     entity: entity,
-    otp: otp
+    otp: otp,
+    auth: auth
 };
 export default rootReducer;

package/build/app/store.d.ts

@@ -10,6 +10,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
     otp: import("../features/app/otp/otpStore").OtpState;
+    auth: import("../features/app/auth/authStore").AuthState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -21,6 +22,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
     otp: import("../features/app/otp/otpStore").OtpState;
+    auth: import("../features/app/auth/authStore").AuthState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/components/AnimationFlow/AnimationFlow.d.ts

@@ -9,5 +9,6 @@ export interface AnimationFlowProps {
     loading?: boolean;
     error?: string | null;
     screenId?: string;
+    animationType?: 'slide' | 'fade' | 'collapse';
 }
-export default function AnimationFlow({ open, children, breakpoint, type, footer, loading, error, isTapOrigin, screenId }: AnimationFlowProps): JSX.Element;
+export default function AnimationFlow({ open, children, breakpoint, type, footer, loading, error, isTapOrigin, screenId, animationType }: AnimationFlowProps): JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -17,7 +17,7 @@ import BottomSheet from './BottomSheet';
 import Loader from './Loader';
 import Error from './Error';
 export default function AnimationFlow(_a) {
-    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, footer = _a.footer, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId;
+    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, footer = _a.footer, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId, animationType = _a.animationType;
     var theme = useTheme();
     var matches = useMediaQuery(theme.breakpoints.down(breakpoint || 'sm'));
     if (loading) {
@@ -27,10 +27,10 @@ export default function AnimationFlow(_a) {
         return _jsx(Error, { error: error });
     }
     if (type === 'PUPOP') {
-        return (_jsx(Dialog, __assign({ footer: footer, open: open, isTapOrigin: isTapOrigin }, { children: children })));
+        return (_jsx(Dialog, __assign({ footer: footer, open: open, isTapOrigin: isTapOrigin, animationType: animationType }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
         return _jsx(BottomSheet, __assign({ open: open }, { children: children }));
     }
-    return matches ? (_jsx(BottomSheet, __assign({ open: open, screenId: screenId }, { children: children }))) : (_jsx(Dialog, __assign({ open: open, footer: footer, isTapOrigin: isTapOrigin }, { children: children })));
+    return matches ? (_jsx(BottomSheet, __assign({ open: open, screenId: screenId }, { children: children }))) : (_jsx(Dialog, __assign({ open: open, footer: footer, isTapOrigin: isTapOrigin, animationType: animationType }, { children: children })));
 }

package/build/components/AnimationFlow/Dialog.d.ts

@@ -6,6 +6,7 @@ export interface DialogProps extends MUIDialogProps {
     children: React.ReactNode;
     footer?: React.ReactNode;
     transitionDuration?: number;
+    animationType?: 'slide' | 'fade' | 'collapse';
 }
-declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, isTapOrigin, ...rest }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, isTapOrigin, animationType, ...rest }: DialogProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -92,14 +92,18 @@ var LogoIconStyled = styled(Icon)(function (_a) {
     });
 });
 var Dialog = function (_a) {
-    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration, isTapOrigin = _a.isTapOrigin, rest = __rest(_a, ["open", "children", "footer", "transitionDuration", "isTapOrigin"]);
+    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration, isTapOrigin = _a.isTapOrigin, _b = _a.animationType, animationType = _b === void 0 ? 'slide' : _b, rest = __rest(_a, ["open", "children", "footer", "transitionDuration", "isTapOrigin", "animationType"]);
     var isAr = useLanguage().isAr;
+    var animation = {};
+    if (animationType === 'slide') {
+        Object.assign(animation, { TransitionComponent: Transition });
+    }
     return (_jsxs(MuiDialog, __assign({ PaperProps: {
             elevation: 0
         }, sx: {
             '& .MuiDialog-paper': {
                 overflowY: 'visible'
             }
-        }, hideBackdrop: true, PaperComponent: PaperStyled, open: open, TransitionComponent: Transition, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, { children: [_jsxs(DialogContentStyled, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [_jsx(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) })] })), children] }), footer] })));
+        }, hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, { children: [_jsxs(DialogContentStyled, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [_jsx(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) })] })), children] }), footer] })));
 };
 export default React.memo(Dialog);

package/build/constants/app.d.ts

@@ -21,6 +21,7 @@ export declare const TAX_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const SigIn_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const ENTITY_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const OTP_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const AUTH_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const DefaultDeviceInfo: {
     source: string;
     device: {

package/build/constants/app.js

@@ -319,6 +319,14 @@ export var OTP_SCREENS_NAVIGATION = [
         order: 1
     }
 ];
+export var AUTH_SCREENS_NAVIGATION = [
+    {
+        name: 'AUTH_VERIFY_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    }
+];
 export var DefaultDeviceInfo = {
     source: 'browser',
     device: {

package/build/features/app/auth/authStore.d.ts

@@ -0,0 +1,20 @@
+import { RootState } from '../../../app/store';
+import { ResponseData, OTPFormValues, SharedState } from '../../../@types';
+export declare const verifyAuth: import("@reduxjs/toolkit").AsyncThunk<{
+    formData: OTPFormValues;
+}, OTPFormValues, {}>;
+export interface AuthData extends ResponseData {
+    otp: string;
+    mobileNumber: string;
+}
+export interface AuthState extends SharedState<AuthData> {
+}
+export declare const authSlice: import("@reduxjs/toolkit").Slice<AuthState, {
+    clearError: (state: AuthState) => void;
+    stopLoader: (state: AuthState) => void;
+    resetOTPScreen: (state: AuthState) => void;
+}, "auth/store">;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("redux").Reducer<AuthState, import("redux").AnyAction>;
+export default _default;
+export declare const authSelector: (state: RootState) => AuthState;

package/build/features/app/auth/authStore.js

@@ -0,0 +1,101 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var _a;
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { handleOpen } from '../../../app/settings';
+export var verifyAuth = createAsyncThunk('verifyAuthOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings;
+    var _a, _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                return [4, new Promise(function (resolve) {
+                        setTimeout(function () {
+                            resolve(params);
+                        }, 5000);
+                    })];
+            case 1:
+                _e.sent();
+                (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, params);
+                (_d = (_c = settings.data.appConfig).onFlowCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, { id: '' });
+                thunkApi.dispatch(handleOpen(false));
+                return [2, { formData: params }];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    data: {
+        otp: '',
+        mobileNumber: ''
+    }
+};
+export var authSlice = createSlice({
+    name: 'auth/store',
+    initialState: initialState,
+    reducers: {
+        clearError: function (state) {
+            state.error = null;
+        },
+        stopLoader: function (state) {
+            state.loading = false;
+        },
+        resetOTPScreen: function (state) {
+            state.data.otp = '';
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(verifyAuth.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyAuth.fulfilled, function (state) {
+            state.loading = false;
+            state.error = null;
+        })
+            .addCase(verifyAuth.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var clearError = (_a = authSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export default authSlice.reducer;
+export var authSelector = function (state) { return state.auth; };

package/build/features/app/entity/entityStore.d.ts

@@ -21,10 +21,15 @@ export declare const verifyEntityLeadOTP: import("@reduxjs/toolkit").AsyncThunk<
 export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
 }, string, {}>;
+export declare const updateEntityInfo: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: EntityFormValues;
+}, EntityFormValues, {}>;
 export declare const updateBoardSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;
 } | undefined, void, {}>;
+export declare const retrieveChannels: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 declare type VerifyData = {
     token: string;
 };

package/build/features/app/entity/entityStore.js

@@ -51,6 +51,8 @@ import API from '../../../api';
 import { FlowsTypes } from '../../../@types';
 import { handleCurrentActiveScreen, handleNextScreenStep } from '../../../app/settings';
 import { ENTITY_STEP_NAMES, BUSINESS_FLOW_SUCCESS } from '../../../constants';
+import moment from 'moment';
+import { convertNumbers2English } from '../../../utils';
 export var verifyLeadToken = createAsyncThunk('entityVerifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var payload, data, boardInfoData, board_id, board_info_id, info, hasEntityCompleted;
     var _a;
@@ -64,22 +66,26 @@ export var verifyLeadToken = createAsyncThunk('entityVerifyLeadToken', function
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
                 data = (_b.sent()).data;
+                return [4, thunkApi.dispatch(retrieveChannels())];
+            case 2:
+                _b.sent();
                 boardInfoData = undefined;
-                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 5];
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 6];
                 board_id = data === null || data === void 0 ? void 0 : data.id;
                 board_info_id = data === null || data === void 0 ? void 0 : data.board_info_id;
-                if (!(!!board_id && !!board_info_id)) return [3, 3];
+                if (!(!!board_id && !!board_info_id)) return [3, 4];
                 return [4, API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id })];
-            case 2:
+            case 3:
                 boardInfoData = _b.sent();
-                _b.label = 3;
-            case 3: return [4, thunkApi.dispatch(retrieveBoardDetails(board_id))];
-            case 4:
+                _b.label = 4;
+            case 4: return [4, thunkApi.dispatch(retrieveBoardDetails(board_id))];
+            case 5:
                 _b.sent();
                 info = boardInfoData.info;
                 hasEntityCompleted = ((_a = info === null || info === void 0 ? void 0 : info.find(function (flow) { return flow.name === 'entity'; })) === null || _a === void 0 ? void 0 : _a.status) === 'completed';
+                thunkApi.dispatch(handleCurrentActiveScreen('ENTITY_INFO_STEP'));
                 if (data.step_name === ENTITY_STEP_NAMES.PHONE_AUTH) {
-                    thunkApi.dispatch(handleCurrentActiveScreen('ENTITY_VERIFY_STEP'));
+                    thunkApi.dispatch(handleCurrentActiveScreen('ENTITY_INFO_STEP'));
                 }
                 else if (hasEntityCompleted) {
                     thunkApi.dispatch(handleNextScreenStep('ENTITY_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
@@ -87,8 +93,8 @@ export var verifyLeadToken = createAsyncThunk('entityVerifyLeadToken', function
                 else if (data.step_name === ENTITY_STEP_NAMES.ENTITY_INFO) {
                     thunkApi.dispatch(handleNextScreenStep('ENTITY_INFO_STEP'));
                 }
-                _b.label = 5;
-            case 5: return [2, { data: data, boardResponse: { flows: BUSINESS_FLOW_SUCCESS.concat(boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) }, token: token }];
+                _b.label = 6;
+            case 6: return [2, { data: data, boardResponse: { flows: BUSINESS_FLOW_SUCCESS.concat(boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) }, token: token }];
         }
     });
 }); });
@@ -156,6 +162,35 @@ export var retrieveBoardDetails = createAsyncThunk('entityRetrieveEntityInfo', f
         }
     });
 }); });
+export var updateEntityInfo = createAsyncThunk('updateEntityInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, entity, requestBody, data;
+    var _b, _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, entity = _a.entity;
+                requestBody = {
+                    id: (_c = (_b = entity.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.id,
+                    activities: (_d = (params.activities || [])) === null || _d === void 0 ? void 0 : _d.map(function (_a) {
+                        var en = _a.en;
+                        return en;
+                    }),
+                    license_name: params.licenseName,
+                    license_number: params.licenseNumber,
+                    business_operation_start_at: params.operationStartDate,
+                    step_name: ENTITY_STEP_NAMES.ENTITY_INFO
+                };
+                return [4, API.entityService.updateEntityInfo(requestBody)];
+            case 1:
+                data = (_g.sent()).data;
+                if (!data.errors) {
+                    thunkApi.dispatch(handleNextScreenStep());
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
 export var updateBoardSuccess = createAsyncThunk('updateBoardEntitySuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, entity, _b, id, infoId, payload, data;
     var _c, _d, _e, _f;
@@ -184,6 +219,17 @@ export var updateBoardSuccess = createAsyncThunk('updateBoardEntitySuccess', fun
         }
     });
 }); });
+export var retrieveChannels = createAsyncThunk('retrieveChannelsEntity', function () { return __awaiter(void 0, void 0, void 0, function () {
+    var data;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, API.dataService.getChannelsOfServices()];
+            case 1:
+                data = (_a.sent()).data;
+                return [2, data];
+        }
+    });
+}); });
 var initialState = {
     error: null,
     loading: false,
@@ -197,11 +243,9 @@ var initialState = {
             otp: ''
         },
         entityData: {
-            licenseNumber: '',
-            licenseName: '',
             activities: [],
             salesChannels: [],
-            operationStartDate: ''
+            operationStartDate: '1998-08-22'
         }
     }
 };
@@ -226,15 +270,49 @@ export var entitySlice = createSlice({
             state.customLoading = true;
         })
             .addCase(verifyLeadToken.fulfilled, function (state, action) {
-            var _a;
+            var _a, _b, _c;
             state.error = null;
             state.customLoading = false;
-            var _b = action.payload, data = _b.data, token = _b.token, boardResponse = _b.boardResponse;
+            var _d = action.payload, data = _d.data, token = _d.token, boardResponse = _d.boardResponse;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
             }
+            var _e = state.data.verify.responseBody || {}, brand = _e.brand, entity = _e.entity;
+            var issuingDate = brand === null || brand === void 0 ? void 0 : brand.business_operation_start_at;
+            if (!!issuingDate) {
+                var formattedDate = moment(issuingDate).format('YYYY-MM-DD');
+                state.data.entityData.operationStartDate = convertNumbers2English(formattedDate);
+            }
+            var channels = (_b = state.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.channelList;
+            var selectedChannels = (!!(channels === null || channels === void 0 ? void 0 : channels[0]) && [channels === null || channels === void 0 ? void 0 : channels[0]]) || [];
+            var _f = brand || {}, website = _f.website, social = _f.social;
+            var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
+            var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
+            var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            if (isHasWebsite && (isHasTwitter || isHasInstagram))
+                selectedChannels = [websiteData, socialData];
+            else if (isHasTwitter || isHasInstagram)
+                selectedChannels = [socialData];
+            else if (isHasWebsite)
+                selectedChannels = [websiteData];
+            if (((_c = brand === null || brand === void 0 ? void 0 : brand.channel_services) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                selectedChannels = channels === null || channels === void 0 ? void 0 : channels.filter(function (channel) {
+                    var _a;
+                    return (_a = brand === null || brand === void 0 ? void 0 : brand.channel_services) === null || _a === void 0 ? void 0 : _a.find(function (storedChannel) { return channel.name_en.toLowerCase() === storedChannel.toLowerCase(); });
+                });
+            }
+            state.data.entityData.salesChannels = selectedChannels;
+            var activities = (entity === null || entity === void 0 ? void 0 : entity.activities) || [];
+            var selectedActivity = activities === null || activities === void 0 ? void 0 : activities.filter(function (activity) {
+                var _a;
+                return (_a = brand === null || brand === void 0 ? void 0 : brand.activities) === null || _a === void 0 ? void 0 : _a.find(function (value) { var _a; return ((_a = activity.en) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === value.toLowerCase(); });
+            });
+            state.data.entityData.activities = (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [activities === null || activities === void 0 ? void 0 : activities[0]];
+            state.data.entityData.responseBody = __assign(__assign({}, state.data.entityData.responseBody), { entity_id: entity === null || entity === void 0 ? void 0 : entity.id, activities: activities, selectedActivities: (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [activities === null || activities === void 0 ? void 0 : activities[0]] });
             state.data.verify.responseBody = __assign(__assign(__assign(__assign({}, data), boardResponse), state.data.verify.responseBody), { board_id: data.id });
             state.data.verify.token = token;
         })
@@ -279,6 +357,27 @@ export var entitySlice = createSlice({
             .addCase(verifyEntityLeadOTP.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(updateEntityInfo.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateEntityInfo.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, formData = _b.formData;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.entityData = formData;
+            state.data.entityData.responseBody = data;
+        })
+            .addCase(updateEntityInfo.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(retrieveBoardDetails.pending, function (state) {
             state.error = null;
@@ -314,6 +413,42 @@ export var entitySlice = createSlice({
             .addCase(updateBoardSuccess.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(retrieveChannels.pending, function (state) {
+            state.error = null;
+            state.loading = true;
+        })
+            .addCase(retrieveChannels.fulfilled, function (state, action) {
+            var _a;
+            state.error = null;
+            state.loading = false;
+            var data = action.payload || {};
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            var channels = data || [];
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { channelList: channels });
+            var brand = (state.data.verify.responseBody || {}).brand;
+            var selectedChannels = (!!(channels === null || channels === void 0 ? void 0 : channels[0]) && [channels === null || channels === void 0 ? void 0 : channels[0]]) || [];
+            var _b = brand || {}, website = _b.website, social = _b.social;
+            var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
+            var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
+            var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            if (isHasWebsite && (isHasTwitter || isHasInstagram))
+                selectedChannels = [websiteData, socialData];
+            else if (isHasTwitter || isHasInstagram)
+                selectedChannels = [socialData];
+            else if (isHasWebsite)
+                selectedChannels = [websiteData];
+            state.data.entityData.salesChannels = selectedChannels;
+        })
+            .addCase(retrieveChannels.rejected, function (state, action) {
+            state.error = action.error.message;
+            state.loading = false;
         });
     }
 });

package/build/features/auth/Auth.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { LibConfig } from '../../@types';
+export interface AuthLibProps extends LibConfig {
+    leadId: string;
+}
+export declare function AuthLib(props: AuthLibProps): JSX.Element;
+export declare function renderAuthLib(config: AuthLibProps, elementId: string): void;
+export declare function unmountAuthLib(elementId: string): void;

package/build/features/auth/Auth.js

@@ -0,0 +1,53 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect } from 'react';
+import { FeatureContainer } from '../shared/Containers';
+import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
+import { settingsSelector } from '../../app/settings';
+import AnimationFlow from '../../components/AnimationFlow';
+import { store } from '../../app/store';
+import { authSelector } from '../app/auth/authStore';
+import { ReduxProvider, ThemeProvider } from '../../components/Providers';
+import Collapse from '../../components/Collapse';
+import { reactElement } from '../../utils';
+import { AUTH_SCREENS_NAVIGATION } from '../../constants';
+import { authFeatureScreens } from '../featuresScreens';
+import Background from '../shared/Background';
+import CustomFooter from '../shared/Footer';
+var Auth = memo(function (props) {
+    var theme = useAppTheme().theme;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
+    var authError = useAppSelector(authSelector).error;
+    useAppConfig(__assign({ navigation: AUTH_SCREENS_NAVIGATION }, props));
+    useErrorListener(authError || error);
+    useStepStartedListener();
+    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
+    useEffect(function () {
+        if (!props.leadId)
+            throw new Error('leadId is required');
+    }, []);
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, sx: { position: 'absolute' } }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, footer: _jsx(CustomFooter, {}), screenId: activeScreen.name, animationType: 'collapse' }, { children: _jsx(FeatureContainer, { children: authFeatureScreens.map(function (_a, index) {
+                        var Element = _a.element, name = _a.name;
+                        var isActive = activeScreen.name === name;
+                        return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
+                    }) }) })) })) })));
+});
+export function AuthLib(props) {
+    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Auth, __assign({}, props)) })));
+}
+export function renderAuthLib(config, elementId) {
+    reactElement(elementId).render(_jsx(AuthLib, __assign({}, config)));
+}
+export function unmountAuthLib(elementId) {
+    reactElement(elementId).unmount();
+}

package/build/features/auth/index.d.ts

@@ -0,0 +1 @@
+export * from './Auth';

package/build/features/auth/index.js

@@ -0,0 +1 @@
+export * from './Auth';

package/build/features/auth/screens/OTP/OTP.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OTPProps {
+}
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;