@tap-payments/auth-jsconnect 2.0.45 → 2.0.46

package/build/assets/locales/en.json

@@ -391,5 +391,32 @@
     "prepare_data_title": "Preparing your data",
     "prepare_data_description": "This might take a moment...",
     "oops": "Oops",
-    "file_upload_at_least_one": "please upload at least one file"
+    "file_upload_at_least_one": "please upload at least one file",
+    "company_individuals": "Company Individuals",
+    "company_individuals_add_or_request_details": "Add or request details for authorized signatories",
+    "add_details": "Add details",
+    "request_details_by_email": "Request details by email",
+    "back": "Back",
+    "company_individuals_details": "Company individuals details ({{count}})",
+    "type_user": "User",
+    "type_share_holder": "Share holder",
+    "type_board_member": "Board member",
+    "individual_gender_title": "Gender",
+    "gender_male": "Male",
+    "gender_female": "Female",
+    "issued_country_label": "Issued Country",
+    "choose_issued_country": "- Please select -",
+    "enter_expiry_date": "Expiry Date",
+    "place_of_birth_country_label": "Place of Birth County",
+    "choose_place_of_birth_country": "- Please select -",
+    "place_birth_city_label": "Place of Birth City",
+    "choose_place_birth_city": "- Please select -",
+    "nationality_label": "Nationality",
+    "choose_nationality": "- Please select -",
+    "share_count_label": "Share Count",
+    "share_count_hint": "0",
+    "share_value_label": "Share Value ({{currency}})",
+    "share_value_hint": "0000",
+    "brand": "Brand",
+    "try_again": "Try again"
 }

package/build/components/SimpleList/SimpleList.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ListProps } from '@mui/material/List';
 import { ListItemProps } from '@mui/material/ListItem';
+import { SxProps, Theme } from '@mui/material/styles';
 export interface SimpleListProps<T> extends ListProps {
     list: Array<T>;
     listItemProps?: ListItemProps;
@@ -8,6 +9,7 @@ export interface SimpleListProps<T> extends ListProps {
     renderItem: (item: T, idx: number) => React.ReactElement;
     searchKeyPath?: string;
     searchValuePath?: string[];
+    sx?: SxProps<Theme>;
 }
 declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, searchValuePath, ...rest }: SimpleListProps<T>): JSX.Element;
 declare namespace SimpleList {

package/build/constants/api.d.ts

@@ -45,4 +45,5 @@ export declare const ENDPOINT_PATHS: {
     CREATE_AUTH_NID: string;
     SEGMENTS_PATH: string;
     TEAM_SIZE_PATH: string;
+    CITIES: string;
 };

package/build/constants/api.js

@@ -3,6 +3,7 @@ var PRODUCTION_BASE_URL = 'https://connect-mw.tap.company/middleware';
 var DEV_BASE_URL = 'https://connect-mw.dev.tap.company/middleware';
 var API_BUSINESS_COUNTRIES = 'https://godata.sandbox.tap.company/api/v1/business/country/list';
 var API_COUNTRIES = 'https://utilities.tap.company/api/v1/country/list';
+var CITIES_PATH = '/country/state/city/list';
 var IP_PATH = '/ip';
 var OPERATOR_PATH = '/operator';
 var AUTH_PATH = '/auth';
@@ -91,5 +92,6 @@ export var ENDPOINT_PATHS = {
     DOCUMENT: DOCUMENT_PATH,
     CREATE_AUTH_NID: CREATE_AUTH_NID_PATH,
     SEGMENTS_PATH: SEGMENTS_PATH,
-    TEAM_SIZE_PATH: TEAM_SIZE_PATH
+    TEAM_SIZE_PATH: TEAM_SIZE_PATH,
+    CITIES: CITIES_PATH
 };

package/build/constants/app.d.ts

@@ -136,6 +136,7 @@ export declare const TAX_STEP_NAMES: {
 };
 export declare const INDIVIDUAl_STEP_NAMES: {
     PHONE_AUTH: string;
+    INDIVIDUAl_PERSONAL_INFO: string;
     INDIVIDUAl_INFO: string;
     INDIVIDUAl_SUCCESS: string;
 };

package/build/constants/app.js

@@ -241,39 +241,51 @@ export var BUSINESS_SCREENS_NAVIGATION = [
 export var INDIVIDUAL_SCREENS_NAVIGATION = [
     {
         name: 'INDIVIDUAL_VERIFY_STEP',
-        next: ['INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP', 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'],
+        next: ['INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP', 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP', 'INDIVIDUAL_LIST_STEP'],
         prev: '',
         order: 1
     },
+    {
+        name: 'INDIVIDUAL_LIST_STEP',
+        next: ['INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP', 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'],
+        prev: 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
+        order: 1
+    },
     {
         name: 'INDIVIDUAL_LOADING_DATA_STEP',
-        next: ['INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP', 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'],
+        next: ['INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP', 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP', 'INDIVIDUAL_LIST_STEP'],
         prev: '',
         order: 1
     },
+    {
+        name: 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP',
+        next: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
+        prev: 'INDIVIDUAL_LIST_STEP',
+        order: 2
+    },
     {
         name: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
         next: 'INDIVIDUAL_SUCCESS_STEP',
-        prev: 'INDIVIDUAL_VERIFY_STEP',
-        order: 2
+        prev: 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP',
+        order: 3
     },
     {
         name: 'INDIVIDUAL_SUCCESS_STEP',
         next: 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         prev: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
-        order: 3
+        order: 4
     },
     {
         name: 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         next: 'INDIVIDUAL_RESET_PASSWORD_SUCCESS',
         prev: '',
-        order: 4
+        order: 5
     },
     {
         name: 'INDIVIDUAL_RESET_PASSWORD_SUCCESS',
         next: '',
         prev: '',
-        order: 5
+        order: 6
     }
 ];
 export var PASSWORD_SCREENS_NAVIGATION = [
@@ -615,6 +627,7 @@ export var TAX_STEP_NAMES = {
 };
 export var INDIVIDUAl_STEP_NAMES = {
     PHONE_AUTH: 'individual_phone_auth',
+    INDIVIDUAl_PERSONAL_INFO: 'individual_personal_info',
     INDIVIDUAl_INFO: 'individual_info',
     INDIVIDUAl_SUCCESS: 'individual_completed'
 };

package/build/constants/assets.d.ts

@@ -44,6 +44,10 @@ export declare const ICONS_NAMES: {
     MOBILE_IMAGE: string;
     WHITE_ARROW: string;
     BLACK_ARROW: string;
+    BLUE_ARROW: string;
+    REQUEST_EMAIL: string;
+    REQUEST_EMAIL_GREEN: string;
+    ADD_DETAIL: string;
     SUCCESS: string;
     UNFINISHED: string;
     ABSHER_LOGO: string;

package/build/constants/assets.js

@@ -44,6 +44,10 @@ export var ICONS_NAMES = {
     MOBILE_IMAGE: 'https://image.shutterstock.com/image-vector/smartphone-icon-logo-260nw-767440327.jpg',
     WHITE_ARROW: 'https://tap-connecet.b-cdn.net/imgs/whiteArrow.svg',
     BLACK_ARROW: 'https://dash.b-cdn.net/icons/menu/arrow_right_icon.svg',
+    BLUE_ARROW: 'https://dash.b-cdn.net/icons/menu/blue_arrow_next.svg',
+    REQUEST_EMAIL: 'https://dash.b-cdn.net/icons/menu/request_email.svg',
+    REQUEST_EMAIL_GREEN: 'https://dash.b-cdn.net/icons/menu/request_email_green.svg',
+    ADD_DETAIL: 'https://dash.b-cdn.net/icons/menu/add_detail.svg',
     SUCCESS: 'https://dash.b-cdn.net/icons/menu/image.png',
     UNFINISHED: 'https://dash.b-cdn.net/icons/menu/not-finished.png',
     ABSHER_LOGO: 'https://dash.b-cdn.net/icons/menu/Absher.svg',

package/build/features/app/bank/bankStore.d.ts

@@ -16,6 +16,7 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
         name: any;
         contact: any;
         business: any;
+        individuals: any;
         flows: any;
     };
     token: string;

package/build/features/app/bank/bankStore.js

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { FlowsTypes } from '../../../@types';
+import { FieldType, FlowsTypes } from '../../../@types';
 import { handleCurrentActiveScreen, handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
 import { BANK_STEP_NAMES } from '../../../constants';
 export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_a, thunkApi) {
@@ -106,6 +106,7 @@ export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_
                             name: (_d = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _d === void 0 ? void 0 : _d.names,
                             contact: (_e = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _e === void 0 ? void 0 : _e.contact,
                             business: boardData === null || boardData === void 0 ? void 0 : boardData.business,
+                            individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals,
                             flows: (boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) || []
                         },
                         token: token
@@ -173,27 +174,32 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBankEntityInfo', fun
             case 1:
                 data = _c.sent();
                 return [2, {
-                        data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, business: data === null || data === void 0 ? void 0 : data.business, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact })
+                        data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, business: data === null || data === void 0 ? void 0 : data.business, individuals: data === null || data === void 0 ? void 0 : data.individuals, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact })
                     }];
         }
     });
 }); });
 export var createBankAccount = createAsyncThunk('createBankAccount', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, bank, iban, beneficiaryName, bankName, bankStatementId, confirmPolicy, requestBody, data;
-    var _b, _c, _d, _e, _f, _g, _h;
-    return __generator(this, function (_j) {
-        switch (_j.label) {
+    var _a, settings, bank, iban, beneficiaryName, bankName, bankStatementId, confirmPolicy, bank_account, isIBANEditable, isBeneficiaryNameEditable, isBankNameEditable, isBankStatementIdEditable, requestBody, data;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    return __generator(this, function (_o) {
+        switch (_o.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, bank = _a.bank;
                 iban = params.iban, beneficiaryName = params.beneficiaryName, bankName = params.bankName, bankStatementId = params.bankStatementId, confirmPolicy = params.confirmPolicy;
+                bank_account = (bank.data.verify.responseBody || {}).bank_account;
+                isIBANEditable = ((_b = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _b === void 0 ? void 0 : _b.iban) === FieldType.EDITABLE;
+                isBeneficiaryNameEditable = ((_c = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _c === void 0 ? void 0 : _c.beneficiary_name) === FieldType.EDITABLE;
+                isBankNameEditable = ((_d = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _d === void 0 ? void 0 : _d.bank_name) === FieldType.EDITABLE;
+                isBankStatementIdEditable = ((_e = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _e === void 0 ? void 0 : _e.bank_statement_file_id) === FieldType.EDITABLE;
                 requestBody = {
-                    wallet_id: (_f = (_e = (_d = (_c = (_b = bank.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.entity) === null || _d === void 0 ? void 0 : _d.merchant) === null || _e === void 0 ? void 0 : _e.wallet) === null || _f === void 0 ? void 0 : _f.id,
+                    wallet_id: (_k = (_j = (_h = (_g = (_f = bank.data.verify.responseBody) === null || _f === void 0 ? void 0 : _f.business) === null || _g === void 0 ? void 0 : _g.entity) === null || _h === void 0 ? void 0 : _h.merchant) === null || _j === void 0 ? void 0 : _j.wallet) === null || _k === void 0 ? void 0 : _k.id,
                     bank_account: {
-                        iban: iban,
-                        beneficiary_name: beneficiaryName,
-                        bank_name: bankName,
+                        iban: isIBANEditable ? iban : undefined,
+                        beneficiary_name: isBeneficiaryNameEditable ? beneficiaryName : undefined,
+                        bank_name: isBankNameEditable ? bankName : undefined,
                         is_acknowledged: confirmPolicy,
-                        document: (bankStatementId || []).length > 0
+                        document: isBankStatementIdEditable && (bankStatementId || []).length > 0
                             ? {
                                 type: 'bank_statement',
                                 files: bankStatementId || []
@@ -205,10 +211,10 @@ export var createBankAccount = createAsyncThunk('createBankAccount', function (p
                 };
                 return [4, API.entityService.createBankAccount(requestBody)];
             case 1:
-                data = (_j.sent()).data;
+                data = (_o.sent()).data;
                 if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, requestBody);
+                    (_m = (_l = settings.data.appConfig).onStepCompleted) === null || _m === void 0 ? void 0 : _m.call(_l, settings.data.activeScreen.name, requestBody);
                 }
                 return [2, { data: data, formData: params }];
         }

package/build/features/app/brand/brandStore.d.ts

@@ -15,6 +15,7 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
         merchant: any;
         name: any;
         contact: any;
+        individuals: any;
         flows: any;
     };
     salesChannels: any;
@@ -53,6 +54,7 @@ export declare const verifyBrandLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
         merchant: any;
         name: any;
         contact: any;
+        individuals: any;
         flows: any;
     };
     salesChannels: any;

package/build/features/app/brand/brandStore.js

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { FlowsTypes } from '../../../@types';
+import { FieldType, FlowsTypes } from '../../../@types';
 import { handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
 import { BRAND_STEP_NAMES } from '../../../constants';
 import { isKW, isSA, isTwitter, isWebsite, sleep } from '../../../utils';
@@ -113,6 +113,7 @@ export var verifyLeadToken = createAsyncThunk('brandVerifyLeadToken', function (
                             merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant,
                             name: (_c = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _c === void 0 ? void 0 : _c.names,
                             contact: (_d = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _d === void 0 ? void 0 : _d.contact,
+                            individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals,
                             flows: (boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) || []
                         },
                         salesChannels: salesChannels,
@@ -192,6 +193,7 @@ export var verifyBrandLeadOTP = createAsyncThunk('verifyBrandLeadOTP', function
                             merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant,
                             name: (_f = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _f === void 0 ? void 0 : _f.names,
                             contact: (_g = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _g === void 0 ? void 0 : _g.contact,
+                            individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals,
                             flows: (boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) || []
                         },
                         salesChannels: salesChannels,
@@ -211,7 +213,7 @@ export var retrieveBoardDetails = createAsyncThunk('brandRetrieveBrandInfo', fun
             case 1:
                 data = _c.sent();
                 return [2, {
-                        data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact })
+                        data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, individuals: data === null || data === void 0 ? void 0 : data.individuals, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact })
                     }];
         }
     });
@@ -242,13 +244,19 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
     });
 });
 export var updateBrand = createAsyncThunk('brandUpdateBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, brand, id, getAddress, channel_services, requestBody, brandData, activities, activityList;
-    var _b, _c, _d, _e, _f, _g, _h;
-    return __generator(this, function (_j) {
-        switch (_j.label) {
+    var _a, settings, brand, responseBody, id, isNameEditable, isChannelServicesEditable, salesChannels, brandName, segment, teamSize, segmentId, teamSizeId, getAddress, channel_services, requestBody, brandData, activities, activityList;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    return __generator(this, function (_k) {
+        switch (_k.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, brand = _a.brand;
-                id = (_c = (_b = brand.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.id;
+                responseBody = brand.data.verify.responseBody;
+                id = (_b = responseBody === null || responseBody === void 0 ? void 0 : responseBody.brand) === null || _b === void 0 ? void 0 : _b.id;
+                isNameEditable = ((_d = (_c = responseBody === null || responseBody === void 0 ? void 0 : responseBody.brand) === null || _c === void 0 ? void 0 : _c.data_status) === null || _d === void 0 ? void 0 : _d.name) === FieldType.EDITABLE;
+                isChannelServicesEditable = ((_f = (_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.brand) === null || _e === void 0 ? void 0 : _e.data_status) === null || _f === void 0 ? void 0 : _f.channel_services) === FieldType.EDITABLE;
+                salesChannels = params.salesChannels, brandName = params.brandName, segment = params.segment, teamSize = params.teamSize;
+                segmentId = segment && { id: segment.id };
+                teamSizeId = teamSize && { id: teamSize.id };
                 getAddress = function (value, isTwitter, isWeb) {
                     if (isTwitter)
                         return '@' + value;
@@ -256,41 +264,43 @@ export var updateBrand = createAsyncThunk('brandUpdateBrand', function (params,
                         return 'https://' + value;
                     return value;
                 };
-                channel_services = params.salesChannels.map(function (channel) {
-                    var _a;
-                    return {
-                        id: channel.id,
-                        address: getAddress(channel.address || '', isTwitter(channel.code), isWebsite(channel.code)),
-                        sub: (_a = channel.sub) === null || _a === void 0 ? void 0 : _a.map(function (sub) {
-                            return { id: sub.id, address: getAddress(sub.address || '', isTwitter(sub.code), isWebsite(sub.code)) };
-                        })
-                    };
-                });
+                channel_services = isChannelServicesEditable
+                    ? salesChannels.map(function (channel) {
+                        var _a;
+                        return {
+                            id: channel.id,
+                            address: getAddress(channel.address || '', isTwitter(channel.code), isWebsite(channel.code)),
+                            sub: (_a = channel.sub) === null || _a === void 0 ? void 0 : _a.map(function (sub) {
+                                return { id: sub.id, address: getAddress(sub.address || '', isTwitter(sub.code), isWebsite(sub.code)) };
+                            })
+                        };
+                    })
+                    : undefined;
                 requestBody = {
                     id: id,
-                    name: { en: params === null || params === void 0 ? void 0 : params.brandName, ar: params === null || params === void 0 ? void 0 : params.brandName },
-                    segment: { type: ((_d = params.segment) === null || _d === void 0 ? void 0 : _d.id) || '', team: ((_e = params.teamSize) === null || _e === void 0 ? void 0 : _e.id) || '' },
+                    name: isNameEditable ? { en: brandName, ar: brandName } : undefined,
+                    segment: { type: segmentId, team: teamSizeId },
                     channel_services: channel_services
                 };
                 return [4, API.brandService.updateBrandInfo(requestBody)];
             case 1:
-                brandData = (_j.sent()).data;
-                activities = (((_f = brand.data.verify.responseBody) === null || _f === void 0 ? void 0 : _f.entity) || {}).activities;
+                brandData = (_k.sent()).data;
+                activities = (((_g = brand.data.verify.responseBody) === null || _g === void 0 ? void 0 : _g.entity) || {}).activities;
                 return [4, thunkApi.dispatch(retrieveDataList())];
             case 2:
-                _j.sent();
+                _k.sent();
                 if (activities) {
                     brandData = __assign(__assign({}, brandData), { brand_activities: activities || {} });
                 }
                 if (!!activities) return [3, 4];
                 return [4, API.dataService.getActivities()];
             case 3:
-                activityList = (_j.sent()).list;
+                activityList = (_k.sent()).list;
                 brandData = __assign(__assign({}, brandData), { brand_activities: activityList || {} });
-                _j.label = 4;
+                _k.label = 4;
             case 4:
                 thunkApi.dispatch(handleNextScreenStep());
-                (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, id);
+                (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, id);
                 return [2, { data: __assign({}, brandData), formData: params }];
         }
     });
@@ -307,22 +317,29 @@ export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function
     });
 }); });
 export var updateBrandActivities = createAsyncThunk('brandUpdateBrandActivities', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, brand, id, customerLocation, customerBase, sales, stepName, requestBody, brandData;
-    var _b, _c, _d, _e, _f, _g;
-    return __generator(this, function (_h) {
-        switch (_h.label) {
+    var _a, settings, brand, brandResponse, id, isActivitiesEditable, isCustomerLocationEditable, isSalesRangeEditable, activities, customerLocations, expectedCustomer, expectedSale, customerLocation, customerBase, sales, stepName, requestBody, brandData;
+    var _b, _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, brand = _a.brand;
-                id = (_c = (_b = brand.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.id;
-                customerLocation = params.customerLocations.map(function (location) { return ({
-                    id: location === null || location === void 0 ? void 0 : location.id
-                }); });
-                customerBase = { id: ((_d = params.expectedCustomer) === null || _d === void 0 ? void 0 : _d.id) || '', period: 'monthly', locations: customerLocation };
-                sales = { id: ((_e = params.expectedSale) === null || _e === void 0 ? void 0 : _e.id) || '', period: 'monthly' };
+                brandResponse = (brand.data.verify.responseBody || {}).brand;
+                id = brandResponse === null || brandResponse === void 0 ? void 0 : brandResponse.id;
+                isActivitiesEditable = ((_b = brandResponse === null || brandResponse === void 0 ? void 0 : brandResponse.data_status) === null || _b === void 0 ? void 0 : _b.activities) === FieldType.EDITABLE;
+                isCustomerLocationEditable = ((_d = (_c = brandResponse === null || brandResponse === void 0 ? void 0 : brandResponse.data_status) === null || _c === void 0 ? void 0 : _c.customer_base) === null || _d === void 0 ? void 0 : _d.location) === FieldType.EDITABLE;
+                isSalesRangeEditable = ((_f = (_e = brandResponse === null || brandResponse === void 0 ? void 0 : brandResponse.data_status) === null || _e === void 0 ? void 0 : _e.operations) === null || _f === void 0 ? void 0 : _f.sales_range) === FieldType.EDITABLE;
+                activities = params.activities, customerLocations = params.customerLocations, expectedCustomer = params.expectedCustomer, expectedSale = params.expectedSale;
+                customerLocation = isCustomerLocationEditable
+                    ? customerLocations.map(function (location) { return ({
+                        id: location === null || location === void 0 ? void 0 : location.id
+                    }); })
+                    : undefined;
+                customerBase = { id: (expectedCustomer === null || expectedCustomer === void 0 ? void 0 : expectedCustomer.id) || '', period: 'monthly', locations: customerLocation };
+                sales = isSalesRangeEditable ? { id: (expectedSale === null || expectedSale === void 0 ? void 0 : expectedSale.id) || '', period: 'monthly' } : undefined;
                 stepName = BRAND_STEP_NAMES.BRAND_ACTIVITIES;
                 requestBody = {
                     id: id,
-                    activities: params.activities,
+                    activities: isActivitiesEditable ? activities : undefined,
                     operations: {
                         customer_base: customerBase,
                         sales: sales
@@ -332,12 +349,12 @@ export var updateBrandActivities = createAsyncThunk('brandUpdateBrandActivities'
                 };
                 return [4, API.brandService.updateBrandInfo(requestBody)];
             case 1:
-                brandData = (_h.sent()).data;
+                brandData = (_j.sent()).data;
                 return [4, thunkApi.dispatch(retrieveDataList())];
             case 2:
-                _h.sent();
+                _j.sent();
                 thunkApi.dispatch(handleNextScreenStep());
-                (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, id);
+                (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, id);
                 return [2, { data: __assign({}, brandData), formData: params }];
         }
     });
@@ -461,12 +478,12 @@ export var brandSlice = createSlice({
             var brand = boardResponse.brand, entity = boardResponse.entity;
             state.data.brandData.brandName = (_a = brand === null || brand === void 0 ? void 0 : brand.name) === null || _a === void 0 ? void 0 : _a.en;
             var selectedSegment = (_b = segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.filter(function (segment) {
-                var _a;
-                return segment.id === ((_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.type);
+                var _a, _b;
+                return segment.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.id);
             })) === null || _b === void 0 ? void 0 : _b[0];
             var selectedTeamSize = (_c = teamSizeList === null || teamSizeList === void 0 ? void 0 : teamSizeList.filter(function (team) {
-                var _a;
-                return team.id === ((_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.team);
+                var _a, _b;
+                return team.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.team) === null || _b === void 0 ? void 0 : _b.id);
             })) === null || _c === void 0 ? void 0 : _c[0];
             (_d = brand === null || brand === void 0 ? void 0 : brand.terms) === null || _d === void 0 ? void 0 : _d.forEach(function (element) {
                 if ((element === null || element === void 0 ? void 0 : element.term) === 'general') {
@@ -481,6 +498,7 @@ export var brandSlice = createSlice({
             });
             state.data.brandData.segment = selectedSegment;
             state.data.brandData.teamSize = selectedTeamSize;
+            state.data.brandData.salesChannels = (brand === null || brand === void 0 ? void 0 : brand.channel_services) || [];
             state.data.verify.responseBody = __assign(__assign(__assign(__assign({}, data), state.data.verify.responseBody), boardResponse), { board_id: data.id, channel_list: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.list) || [], salesChannels: brand === null || brand === void 0 ? void 0 : brand.channel_services, activities: entity === null || entity === void 0 ? void 0 : entity.activities, segmentsList: segmentsList, teamSizeList: teamSizeList });
             state.data.verify.token = token;
         })
@@ -513,15 +531,16 @@ export var brandSlice = createSlice({
             state.data.otpData.responseBody = data;
             state.data.brandData.brandName = (_a = brand === null || brand === void 0 ? void 0 : brand.name) === null || _a === void 0 ? void 0 : _a.en;
             var selectedSegment = (_b = segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.filter(function (segment) {
-                var _a;
-                return segment.id === ((_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.type);
+                var _a, _b;
+                return segment.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.id);
             })) === null || _b === void 0 ? void 0 : _b[0];
             var selectedTeamSize = (_c = teamSizeList === null || teamSizeList === void 0 ? void 0 : teamSizeList.filter(function (team) {
-                var _a;
-                return team.id === ((_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.team);
+                var _a, _b;
+                return team.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.team) === null || _b === void 0 ? void 0 : _b.id);
             })) === null || _c === void 0 ? void 0 : _c[0];
             state.data.brandData.segment = selectedSegment;
             state.data.brandData.teamSize = selectedTeamSize;
+            state.data.brandData.salesChannels = (brand === null || brand === void 0 ? void 0 : brand.channel_services) || [];
             (_d = brand === null || brand === void 0 ? void 0 : brand.terms) === null || _d === void 0 ? void 0 : _d.forEach(function (element) {
                 if ((element === null || element === void 0 ? void 0 : element.term) === 'general') {
                     state.data.brandActivities.termAndConditionChecked = element.agree;
@@ -559,13 +578,14 @@ export var brandSlice = createSlice({
             .addCase(updateBrand.fulfilled, function (state, action) {
             state.loading = false;
             state.error = null;
-            var data = action.payload.data;
+            var _a = action.payload, data = _a.data, formData = _a.formData;
             var brand = (state.data.verify.responseBody || {}).brand;
             var activities = data.brand_activities;
             var selectedActivity = activities === null || activities === void 0 ? void 0 : activities.filter(function (activity) {
                 var activities = (brand || {}).activities;
                 return activities === null || activities === void 0 ? void 0 : activities.find(function (value) { return activity.id === value.id; });
             });
+            state.data.brandData = formData;
             state.data.brandActivities.activities = (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [];
             state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { activities: data === null || data === void 0 ? void 0 : data.brand_activities });
         })
@@ -577,7 +597,7 @@ export var brandSlice = createSlice({
             state.loading = true;
             state.error = null;
         })
-            .addCase(updateBrandActivities.fulfilled, function (state, action) {
+            .addCase(updateBrandActivities.fulfilled, function (state) {
             state.loading = false;
             state.error = null;
         })

package/build/features/app/business/businessStore.js

@@ -57,7 +57,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { BusinessType, FlowsTypes } from '../../../@types';
+import { BusinessType, FlowsTypes, DocumentPurpose } from '../../../@types';
 import { BUSINESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
 import { convertNumbers2English, getEighteenYearsAgo, hasKey, sleep, isKW, isSA, dateFormat } from '../../../utils';
 import { handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
@@ -435,7 +435,7 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBoardDetails', funct
             case 1:
                 data = _c.sent();
                 return [2, {
-                        data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact })
+                        data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact, individuals: data === null || data === void 0 ? void 0 : data.individuals })
                     }];
         }
     });
@@ -528,7 +528,7 @@ export var uploadArticle = createAsyncThunk('businessUploadArticle', function (_
                     uploadPayload = {
                         file_link_create: true,
                         title: file === null || file === void 0 ? void 0 : file.name,
-                        purpose: 'article_of_association',
+                        purpose: DocumentPurpose.ARTICLE_ASSOCIATION,
                         type: type,
                         file: file
                     };

package/build/features/app/connect/connectStore.js

@@ -455,7 +455,7 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                 brandReqBody_1 = {
                     id: (selectedBrandItem === null || selectedBrandItem === void 0 ? void 0 : selectedBrandItem.id) || '',
                     channel_services: channel_services,
-                    segment: { type: ((_b = params.segment) === null || _b === void 0 ? void 0 : _b.id) || '', team: ((_c = params.teamSize) === null || _c === void 0 ? void 0 : _c.id) || '' },
+                    segment: { type: { id: ((_b = params.segment) === null || _b === void 0 ? void 0 : _b.id) || '' }, team: { id: ((_c = params.teamSize) === null || _c === void 0 ? void 0 : _c.id) || '' } },
                     step_name: CONNECT_STEP_NAMES.UPDATE_BRAND_INFO
                 };
                 return [4, API.brandService.updateBrandInfo(brandReqBody_1)];
@@ -491,7 +491,7 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                     channel_services: channel_services,
                     term: ['general'],
                     step_name: CONNECT_STEP_NAMES.UPDATE_BRAND_INFO,
-                    segment: { type: ((_g = params.segment) === null || _g === void 0 ? void 0 : _g.id) || '', team: ((_h = params.teamSize) === null || _h === void 0 ? void 0 : _h.id) || '' }
+                    segment: { type: { id: ((_g = params.segment) === null || _g === void 0 ? void 0 : _g.id) || '' }, team: { id: ((_h = params.teamSize) === null || _h === void 0 ? void 0 : _h.id) || '' } }
                 };
                 return [4, API.brandService.updateBrandInfo(brandReqBody)];
             case 6:
@@ -834,14 +834,14 @@ export var connectSlice = createSlice({
             var selectedBrand = ((_b = (_a = state.data.brandData) === null || _a === void 0 ? void 0 : _a.responseBody) === null || _b === void 0 ? void 0 : _b.brand_list[0]) || leadResponse.brand;
             state.data.brandData.brandName = (_c = selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.name) === null || _c === void 0 ? void 0 : _c.en;
             state.data.brandData.segment = rest.segments_list.find(function (_a) {
-                var _b;
+                var _b, _c;
                 var id = _a.id;
-                return ((_b = selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.segment) === null || _b === void 0 ? void 0 : _b.type) === id;
+                return ((_c = (_b = selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.segment) === null || _b === void 0 ? void 0 : _b.type) === null || _c === void 0 ? void 0 : _c.id) === id;
             });
             state.data.brandData.teamSize = rest.team_size_list.find(function (_a) {
-                var _b;
+                var _b, _c;
                 var id = _a.id;
-                return ((_b = selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.segment) === null || _b === void 0 ? void 0 : _b.team) === id;
+                return ((_c = (_b = selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.segment) === null || _b === void 0 ? void 0 : _b.team) === null || _c === void 0 ? void 0 : _c.id) === id;
             });
             state.data.individualData = formData;
             state.data.individualData.responseBody = rest;