@tap-payments/auth-jsconnect 2.4.66-test → 2.4.68-test

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

@@ -66,10 +66,10 @@ import { hasNoneEditableValue, isKW, isTwitter, isWebsite, mapSalesChannel, retr
 export var verifyLeadToken = createAsyncThunk('brandVerifyLeadToken', function (_a, thunkApi) {
     var token = _a.token, isInternally = _a.isInternally;
     return __awaiter(void 0, void 0, void 0, function () {
-        var payload, data, countryIso2, _b, board_id, board_info_id, segmentsList, salesChannels, teamSizeList, boardData, boardInfoData, individualData, _c, id_1, type_1, serviceCallBack, _d, boardRes, individualRes;
-        var _e, _f, _g, _h;
-        return __generator(this, function (_j) {
-            switch (_j.label) {
+        var payload, data, countryIso2, _b, board_id, board_info_id, segmentsList, segmentLocationList, segmentProfitList, segmentTechList, salesChannels, teamSizeList, boardData, boardInfoData, individualData, _c, id_1, type_1, serviceCallBack, _d, boardRes, individualRes, _e, segmentLocation, segmentProfit, segmentTech;
+        var _f, _g, _h, _j;
+        return __generator(this, function (_k) {
+            switch (_k.label) {
                 case 0:
                     payload = {
                         service_name: 'tap_email',
@@ -77,7 +77,7 @@ export var verifyLeadToken = createAsyncThunk('brandVerifyLeadToken', function (
                     };
                     return [4, API.leadService.verifyLeadToken(payload)];
                 case 1:
-                    data = (_j.sent()).data;
+                    data = (_k.sent()).data;
                     if ((data === null || data === void 0 ? void 0 : data.errors) && (data === null || data === void 0 ? void 0 : data.mw_error)) {
                         throw new Error(data.errors[0].description);
                     }
@@ -91,39 +91,45 @@ export var verifyLeadToken = createAsyncThunk('brandVerifyLeadToken', function (
                     individualData = undefined;
                     if (isInternally)
                         data.step_name = BRAND_STEP_NAMES.BRAND_INFO;
-                    if (!(data.step_name !== BRAND_STEP_NAMES.PHONE_AUTH || isInternally)) return [3, 9];
+                    if (!(data.step_name !== BRAND_STEP_NAMES.PHONE_AUTH || isInternally)) return [3, 10];
                     if (!board_info_id) return [3, 3];
                     return [4, API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id })];
                 case 2:
-                    boardInfoData = _j.sent();
-                    _j.label = 3;
+                    boardInfoData = _k.sent();
+                    _k.label = 3;
                 case 3: return [4, API.boardService.retrieveBoardDetails(board_id)];
                 case 4:
-                    boardData = _j.sent();
-                    _c = ((_e = boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.notification) === null || _e === void 0 ? void 0 : _e.recipient) || {}, id_1 = _c.id, type_1 = _c.type;
+                    boardData = _k.sent();
+                    _c = ((_f = boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.notification) === null || _f === void 0 ? void 0 : _f.recipient) || {}, id_1 = _c.id, type_1 = _c.type;
                     serviceCallBack = function () { return API.individualService.retrieveIndividual(id_1, type_1); };
                     return [4, retrieveIndividualData(type_1, boardData, serviceCallBack)];
                 case 5:
-                    _d = _j.sent(), boardRes = _d.boardRes, individualRes = _d.individualRes;
+                    _d = _k.sent(), boardRes = _d.boardRes, individualRes = _d.individualRes;
                     boardData = boardRes;
                     individualData = individualRes;
                     if (!countryIso2) {
-                        countryIso2 = (_f = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _f === void 0 ? void 0 : _f.country;
+                        countryIso2 = (_g = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _g === void 0 ? void 0 : _g.country;
                         if (countryIso2)
                             thunkApi.dispatch(handleSetCountryByIso2(countryIso2));
                     }
-                    return [4, API.dataService.getSegments({ page: 0 })];
+                    return [4, thunkApi.dispatch(retrieveSegmentDataList()).unwrap()];
                 case 6:
-                    segmentsList = _j.sent();
-                    return [4, API.dataService.getChannelsOfServices({ page: 0 })];
+                    _e = _k.sent(), segmentLocation = _e.segmentLocation, segmentProfit = _e.segmentProfit, segmentTech = _e.segmentTech;
+                    segmentLocationList = segmentLocation;
+                    segmentProfitList = segmentProfit;
+                    segmentTechList = segmentTech;
+                    return [4, API.dataService.getSegments({ page: 0 })];
                 case 7:
-                    salesChannels = _j.sent();
-                    return [4, API.dataService.getTeamSize({ page: 0 })];
+                    segmentsList = _k.sent();
+                    return [4, API.dataService.getChannelsOfServices({ page: 0 })];
                 case 8:
-                    teamSizeList = _j.sent();
+                    salesChannels = _k.sent();
+                    return [4, API.dataService.getTeamSize({ page: 0 })];
+                case 9:
+                    teamSizeList = _k.sent();
                     thunkApi.dispatch(handleNextScreenStep('BRAND_INFO_STEP'));
-                    _j.label = 9;
-                case 9: return [2, {
+                    _k.label = 10;
+                case 10: return [2, {
                         data: data,
                         individualData: individualData,
                         boardResponse: {
@@ -132,8 +138,8 @@ export var verifyLeadToken = createAsyncThunk('brandVerifyLeadToken', function (
                             entity: boardData === null || boardData === void 0 ? void 0 : boardData.entity,
                             bank_account: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account,
                             merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant,
-                            name: (_g = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _g === void 0 ? void 0 : _g.names,
-                            contact: (_h = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _h === void 0 ? void 0 : _h.contact,
+                            name: (_h = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _h === void 0 ? void 0 : _h.names,
+                            contact: (_j = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _j === void 0 ? void 0 : _j.contact,
                             individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals,
                             business: boardData === null || boardData === void 0 ? void 0 : boardData.business,
                             notification: boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.notification
@@ -141,6 +147,9 @@ export var verifyLeadToken = createAsyncThunk('brandVerifyLeadToken', function (
                         salesChannels: salesChannels,
                         segmentsList: segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.list,
                         teamSizeList: teamSizeList === null || teamSizeList === void 0 ? void 0 : teamSizeList.list,
+                        segmentLocationList: segmentLocationList,
+                        segmentProfitList: segmentProfitList,
+                        segmentTechList: segmentTechList,
                         token: token
                     }];
             }
@@ -165,24 +174,24 @@ export var resendOTP = createAsyncThunk('brandResendOTP', function (params, thun
     });
 }); });
 export var verifyBrandLeadOTP = createAsyncThunk('verifyBrandLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, brand, settings, responseBody, payload, data, _b, board_id, board_info_id, boardInfoData, individualData, boardData, _c, id, type, serviceCallBack, _d, boardRes, individualRes, segmentsList, salesChannels, teamSizeList;
-    var _e, _f, _g, _h, _j, _k, _l;
-    return __generator(this, function (_m) {
-        switch (_m.label) {
+    var _a, brand, settings, responseBody, payload, data, _b, board_id, board_info_id, boardInfoData, individualData, boardData, _c, id, type, serviceCallBack, _d, boardRes, individualRes, _e, segmentLocation, segmentProfit, segmentTech, segmentsList, salesChannels, teamSizeList;
+    var _f, _g, _h, _j, _k, _l, _m;
+    return __generator(this, function (_o) {
+        switch (_o.label) {
             case 0:
                 _a = thunkApi.getState(), brand = _a.brand, settings = _a.settings;
                 responseBody = brand.data.verify.responseBody;
                 payload = {
                     data: params.otp,
-                    service_name: (_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_by) === null || _e === void 0 ? void 0 : _e.service_name,
+                    service_name: (_f = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_by) === null || _f === void 0 ? void 0 : _f.service_name,
                     verify_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.verify_token,
                     step_name: BRAND_STEP_NAMES.PHONE_AUTH,
                     encryption_contract: ['data']
                 };
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
-                data = (_m.sent()).data;
-                if ((_f = data.errors) === null || _f === void 0 ? void 0 : _f.length)
+                data = (_o.sent()).data;
+                if ((_g = data.errors) === null || _g === void 0 ? void 0 : _g.length)
                     throw new Error(data.errors[0].description);
                 _b = responseBody || {}, board_id = _b.id, board_info_id = _b.board_info_id;
                 if (!board_id) {
@@ -192,28 +201,31 @@ export var verifyBrandLeadOTP = createAsyncThunk('verifyBrandLeadOTP', function
                 if (!board_info_id) return [3, 3];
                 return [4, API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id })];
             case 2:
-                boardInfoData = _m.sent();
-                _m.label = 3;
+                boardInfoData = _o.sent();
+                _o.label = 3;
             case 3: return [4, API.boardService.retrieveBoardDetails(board_id)];
             case 4:
-                boardData = _m.sent();
-                _c = ((_g = boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.notification) === null || _g === void 0 ? void 0 : _g.recipient) || {}, id = _c.id, type = _c.type;
+                boardData = _o.sent();
+                _c = ((_h = boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.notification) === null || _h === void 0 ? void 0 : _h.recipient) || {}, id = _c.id, type = _c.type;
                 serviceCallBack = function () { return API.individualService.retrieveIndividual(id, type); };
                 return [4, retrieveIndividualData(type, boardData, serviceCallBack)];
             case 5:
-                _d = _m.sent(), boardRes = _d.boardRes, individualRes = _d.individualRes;
+                _d = _o.sent(), boardRes = _d.boardRes, individualRes = _d.individualRes;
                 boardData = boardRes;
                 individualData = individualRes;
-                (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, { otp: params.otp });
-                return [4, API.dataService.getSegments({ page: 0 })];
+                (_k = (_j = settings.data.appConfig).onStepCompleted) === null || _k === void 0 ? void 0 : _k.call(_j, settings.data.activeScreen.name, { otp: params.otp });
+                return [4, thunkApi.dispatch(retrieveSegmentDataList()).unwrap()];
             case 6:
-                segmentsList = _m.sent();
-                return [4, API.dataService.getChannelsOfServices({ page: 0 })];
+                _e = _o.sent(), segmentLocation = _e.segmentLocation, segmentProfit = _e.segmentProfit, segmentTech = _e.segmentTech;
+                return [4, API.dataService.getSegments({ page: 0 })];
             case 7:
-                salesChannels = _m.sent();
-                return [4, API.dataService.getTeamSize({ page: 0 })];
+                segmentsList = _o.sent();
+                return [4, API.dataService.getChannelsOfServices({ page: 0 })];
             case 8:
-                teamSizeList = _m.sent();
+                salesChannels = _o.sent();
+                return [4, API.dataService.getTeamSize({ page: 0 })];
+            case 9:
+                teamSizeList = _o.sent();
                 sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('BRAND_INFO_STEP')); });
                 return [2, {
                         data: data,
@@ -224,8 +236,8 @@ export var verifyBrandLeadOTP = createAsyncThunk('verifyBrandLeadOTP', function
                             entity: boardData === null || boardData === void 0 ? void 0 : boardData.entity,
                             bank_account: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account,
                             merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant,
-                            name: (_k = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _k === void 0 ? void 0 : _k.names,
-                            contact: (_l = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _l === void 0 ? void 0 : _l.contact,
+                            name: (_l = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _l === void 0 ? void 0 : _l.names,
+                            contact: (_m = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _m === void 0 ? void 0 : _m.contact,
                             individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals,
                             business: boardData === null || boardData === void 0 ? void 0 : boardData.business,
                             notification: boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.notification
@@ -233,11 +245,38 @@ export var verifyBrandLeadOTP = createAsyncThunk('verifyBrandLeadOTP', function
                         salesChannels: salesChannels,
                         segmentsList: segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.list,
                         teamSizeList: teamSizeList === null || teamSizeList === void 0 ? void 0 : teamSizeList.list,
+                        segmentLocationList: segmentLocation,
+                        segmentProfitList: segmentProfit,
+                        segmentTechList: segmentTech,
                         formData: params
                     }];
         }
     });
 }); });
+export var retrieveSegmentDataList = createAsyncThunk('brandRetrieveSegmentDataList', function () { return __awaiter(void 0, void 0, void 0, function () {
+    var dataBody, _a, segmentLocation, segmentProfit, segmentTech;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                dataBody = {
+                    page: 0,
+                    limit: 50
+                };
+                return [4, Promise.all([
+                        API.dataService.getSegmentLocation(dataBody),
+                        API.dataService.getSegmentProfit(dataBody),
+                        API.dataService.getSegmentTech(dataBody)
+                    ])];
+            case 1:
+                _a = _b.sent(), segmentLocation = _a[0].list, segmentProfit = _a[1].list, segmentTech = _a[2].list;
+                return [2, {
+                        segmentLocation: segmentLocation,
+                        segmentProfit: segmentProfit,
+                        segmentTech: segmentTech
+                    }];
+        }
+    });
+}); });
 export var retrieveBoardStatus = createAsyncThunk('brand/retrieveBoardStatus', function (parmas, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var brand, board_id, data;
     return __generator(this, function (_a) {
@@ -295,7 +334,7 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
 export var updateBrand = createAsyncThunk('brandUpdateBrand', function (_a, thunkApi) {
     var formData = _a.formData, originalFormData = _a.originalFormData;
     return __awaiter(void 0, void 0, void 0, function () {
-        var _b, settings, brand, brandRes, _c, id, data_status, isNameENNonEditable, isNameARNonEditable, isChannelServicesNonEditable, isSegmentTypeNonEditable, isSegmentTeamsNonEditable, salesChannels, brandName, segment, teamSize, brandLogoId, segmentId, teamSizeId, getAddress, channel_services, brandNameIsEditable, requestBody, brandData, activities, activityList;
+        var _b, settings, brand, brandRes, _c, id, data_status, isNameENNonEditable, isNameARNonEditable, isChannelServicesNonEditable, isSegmentLocationNonEditable, isSegmentProfitNonEditable, isSegmentTechNonEditable, isSegmentTeamsNonEditable, salesChannels, brandName, segmentLocation, segmentProfit, segmentTech, teamSize, brandLogoId, segmentLocationId, segmentProfitId, segmentTechId, teamSizeId, hasSegment, getAddress, channel_services, brandNameIsEditable, requestBody, brandData, activities, activityList;
         var _d, _e, _f;
         return __generator(this, function (_g) {
             switch (_g.label) {
@@ -306,11 +345,16 @@ export var updateBrand = createAsyncThunk('brandUpdateBrand', function (_a, thun
                     isNameENNonEditable = hasNoneEditableValue(data_status, 'name.en');
                     isNameARNonEditable = hasNoneEditableValue(data_status, 'name.ar');
                     isChannelServicesNonEditable = hasNoneEditableValue(data_status, 'channel_services');
-                    isSegmentTypeNonEditable = hasNoneEditableValue(data_status, 'segment.type');
+                    isSegmentLocationNonEditable = hasNoneEditableValue(data_status, 'segment.location_type');
+                    isSegmentProfitNonEditable = hasNoneEditableValue(data_status, 'segment.profit_type');
+                    isSegmentTechNonEditable = hasNoneEditableValue(data_status, 'segment.tech_type');
                     isSegmentTeamsNonEditable = hasNoneEditableValue(data_status, 'segment.teams');
-                    salesChannels = formData.salesChannels, brandName = formData.brandName, segment = formData.segment, teamSize = formData.teamSize, brandLogoId = formData.brandLogoId;
-                    segmentId = isSegmentTypeNonEditable ? undefined : segment && { id: segment.id };
+                    salesChannels = formData.salesChannels, brandName = formData.brandName, segmentLocation = formData.segmentLocation, segmentProfit = formData.segmentProfit, segmentTech = formData.segmentTech, teamSize = formData.teamSize, brandLogoId = formData.brandLogoId;
+                    segmentLocationId = isSegmentLocationNonEditable ? undefined : segmentLocation && { id: segmentLocation.id };
+                    segmentProfitId = isSegmentProfitNonEditable ? undefined : segmentProfit && { id: segmentProfit.id };
+                    segmentTechId = isSegmentTechNonEditable ? undefined : segmentTech && { id: segmentTech.id };
                     teamSizeId = isSegmentTeamsNonEditable ? undefined : teamSize && { id: teamSize.id };
+                    hasSegment = segmentLocationId || segmentProfitId || segmentTechId || teamSizeId;
                     getAddress = function (value, isTwitter, isWeb) {
                         if (isTwitter)
                             return '@' + value.replaceAll('@', '');
@@ -331,12 +375,14 @@ export var updateBrand = createAsyncThunk('brandUpdateBrand', function (_a, thun
                             };
                         });
                     brandNameIsEditable = brandName && !(isNameENNonEditable && isNameARNonEditable);
-                    requestBody = __assign(__assign({ id: id }, (brandNameIsEditable && {
+                    requestBody = __assign(__assign(__assign(__assign({ id: id }, (brandNameIsEditable && {
                         name: {
                             en: !isNameENNonEditable ? brandName : undefined,
                             ar: !isNameARNonEditable ? brandName : undefined
                         }
-                    })), { logo: brandLogoId, segment: !segmentId && !teamSizeId ? undefined : { type: segmentId, team: teamSizeId }, channel_services: channel_services });
+                    })), { logo: brandLogoId }), (hasSegment && {
+                        segment: { location_type: segmentLocationId, profit_type: segmentProfitId, tech_type: segmentTechId, team: teamSizeId }
+                    })), { channel_services: channel_services });
                     return [4, API.brandService.updateBrandInfo(requestBody)];
                 case 1:
                     brandData = (_g.sent()).brand;
@@ -547,32 +593,42 @@ export var brandSlice = createSlice({
             state.customLoading = true;
         })
             .addCase(verifyLeadToken.fulfilled, function (state, action) {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f;
             state.error = null;
             state.customLoading = false;
-            var _e = action.payload, data = _e.data, token = _e.token, boardResponse = _e.boardResponse, segmentsList = _e.segmentsList, teamSizeList = _e.teamSizeList, salesChannels = _e.salesChannels, individualData = _e.individualData;
+            var _g = action.payload, data = _g.data, token = _g.token, boardResponse = _g.boardResponse, segmentsList = _g.segmentsList, teamSizeList = _g.teamSizeList, salesChannels = _g.salesChannels, individualData = _g.individualData, segmentLocationList = _g.segmentLocationList, segmentProfitList = _g.segmentProfitList, segmentTechList = _g.segmentTechList;
             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) || '').trim();
-            var selectedSegment = (_b = segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.filter(function (segment) {
+            var selectedSegmentLocation = (_b = segmentLocationList === null || segmentLocationList === void 0 ? void 0 : segmentLocationList.filter(function (location) {
                 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);
+                return location.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.location_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 selectedSegmentProfit = (_c = segmentProfitList === null || segmentProfitList === void 0 ? void 0 : segmentProfitList.filter(function (profit) {
                 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);
+                return profit.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.profit_type) === 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) {
+            var selectedSegmentTech = (_d = segmentTechList === null || segmentTechList === void 0 ? void 0 : segmentTechList.filter(function (tech) {
+                var _a, _b;
+                return tech.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.tech_type) === null || _b === void 0 ? void 0 : _b.id);
+            })) === null || _d === void 0 ? void 0 : _d[0];
+            var selectedTeamSize = (_e = teamSizeList === null || teamSizeList === void 0 ? void 0 : teamSizeList.filter(function (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 || _e === void 0 ? void 0 : _e[0];
+            (_f = brand === null || brand === void 0 ? void 0 : brand.terms) === null || _f === void 0 ? void 0 : _f.forEach(function (element) {
                 if ((element === null || element === void 0 ? void 0 : element.term) === 'general') {
                     state.data.brandActivities.termAndConditionChecked = element.agree;
                     state.data.brandActivities.transactionPolicy = element.agree;
                     state.data.brandActivities.refundPolicy = element.agree;
                 }
             });
-            state.data.brandData.segment = selectedSegment;
+            state.data.brandData.segmentLocation = selectedSegmentLocation;
+            state.data.brandData.segmentProfit = selectedSegmentProfit;
+            state.data.brandData.segmentTech = selectedSegmentTech;
             state.data.brandData.teamSize = selectedTeamSize;
             var mappedSalesChannels = mapSalesChannel((brand === null || brand === void 0 ? void 0 : brand.channel_services) || []);
             state.data.brandData.salesChannels = mappedSalesChannels;
-            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: mappedSalesChannels, activities: entity === null || entity === void 0 ? void 0 : entity.activities, segmentsList: segmentsList, teamSizeList: teamSizeList, individualData: individualData });
+            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: mappedSalesChannels, activities: entity === null || entity === void 0 ? void 0 : entity.activities, segmentsList: segmentsList, teamSizeList: teamSizeList, individualData: individualData, segmentLocationList: segmentLocationList, segmentProfitList: segmentProfitList, segmentTechList: segmentTechList });
             state.data.verify.token = token;
         })
             .addCase(verifyLeadToken.rejected, function (state, action) {
@@ -595,34 +651,44 @@ export var brandSlice = createSlice({
             state.error = null;
         })
             .addCase(verifyBrandLeadOTP.fulfilled, function (state, action) {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f;
             state.loading = false;
             state.error = null;
-            var _e = action.payload, data = _e.data, boardResponse = _e.boardResponse, formData = _e.formData, segmentsList = _e.segmentsList, teamSizeList = _e.teamSizeList, salesChannels = _e.salesChannels, individualData = _e.individualData;
+            var _g = action.payload, data = _g.data, boardResponse = _g.boardResponse, formData = _g.formData, segmentsList = _g.segmentsList, teamSizeList = _g.teamSizeList, salesChannels = _g.salesChannels, individualData = _g.individualData, segmentLocationList = _g.segmentLocationList, segmentProfitList = _g.segmentProfitList, segmentTechList = _g.segmentTechList;
             var brand = boardResponse.brand, entity = boardResponse.entity;
             state.data.otpData = formData;
             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) || '').trim();
-            var selectedSegment = (_b = segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.filter(function (segment) {
+            var selectedTeamSize = (_b = teamSizeList === null || teamSizeList === void 0 ? void 0 : teamSizeList.filter(function (team) {
                 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);
+                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 || _b === void 0 ? void 0 : _b[0];
-            var selectedTeamSize = (_c = teamSizeList === null || teamSizeList === void 0 ? void 0 : teamSizeList.filter(function (team) {
+            var selectedSegmentLocation = (_c = segmentLocationList === null || segmentLocationList === void 0 ? void 0 : segmentLocationList.filter(function (location) {
                 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);
+                return location.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.location_type) === null || _b === void 0 ? void 0 : _b.id);
             })) === null || _c === void 0 ? void 0 : _c[0];
-            state.data.brandData.segment = selectedSegment;
+            var selectedSegmentProfit = (_d = segmentProfitList === null || segmentProfitList === void 0 ? void 0 : segmentProfitList.filter(function (profit) {
+                var _a, _b;
+                return profit.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.profit_type) === null || _b === void 0 ? void 0 : _b.id);
+            })) === null || _d === void 0 ? void 0 : _d[0];
+            var selectedSegmentTech = (_e = segmentTechList === null || segmentTechList === void 0 ? void 0 : segmentTechList.filter(function (tech) {
+                var _a, _b;
+                return tech.id === ((_b = (_a = brand === null || brand === void 0 ? void 0 : brand.segment) === null || _a === void 0 ? void 0 : _a.tech_type) === null || _b === void 0 ? void 0 : _b.id);
+            })) === null || _e === void 0 ? void 0 : _e[0];
+            state.data.brandData.segmentLocation = selectedSegmentLocation;
+            state.data.brandData.segmentProfit = selectedSegmentProfit;
+            state.data.brandData.segmentTech = selectedSegmentTech;
             state.data.brandData.teamSize = selectedTeamSize;
             var mappedSalesChannels = mapSalesChannel((brand === null || brand === void 0 ? void 0 : brand.channel_services) || []);
             state.data.brandData.salesChannels = mappedSalesChannels;
-            (_d = brand === null || brand === void 0 ? void 0 : brand.terms) === null || _d === void 0 ? void 0 : _d.forEach(function (element) {
+            (_f = brand === null || brand === void 0 ? void 0 : brand.terms) === null || _f === void 0 ? void 0 : _f.forEach(function (element) {
                 if ((element === null || element === void 0 ? void 0 : element.term) === 'general') {
                     state.data.brandActivities.termAndConditionChecked = element.agree;
                     state.data.brandActivities.transactionPolicy = element.agree;
                     state.data.brandActivities.refundPolicy = element.agree;
                 }
             });
-            state.data.verify.responseBody = __assign(__assign(__assign({}, state.data.verify.responseBody), boardResponse), { board_id: data.id, channel_list: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.list) || [], activities: entity === null || entity === void 0 ? void 0 : entity.activities, salesChannels: mappedSalesChannels, segmentsList: segmentsList, teamSizeList: teamSizeList, individualData: individualData });
+            state.data.verify.responseBody = __assign(__assign(__assign({}, state.data.verify.responseBody), boardResponse), { board_id: data.id, channel_list: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.list) || [], activities: entity === null || entity === void 0 ? void 0 : entity.activities, salesChannels: mappedSalesChannels, segmentsList: segmentsList, teamSizeList: teamSizeList, individualData: individualData, segmentLocationList: segmentLocationList, segmentProfitList: segmentProfitList, segmentTechList: segmentTechList });
         })
             .addCase(verifyBrandLeadOTP.rejected, function (state, action) {
             state.loading = false;
@@ -687,6 +753,18 @@ export var brandSlice = createSlice({
             .addCase(updateBrand.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(retrieveSegmentDataList.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(retrieveSegmentDataList.fulfilled, function (state) {
+            state.loading = false;
+            state.error = null;
+        })
+            .addCase(retrieveSegmentDataList.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(retrieveDataList.pending, function (state) {
             state.loading = true;

package/build/features/bank/Bank.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
+import React, { memo } from 'react';
 import { createRoot } from 'react-dom/client';
 import { useAppTheme, useAppSelector, useErrorListener, useAppConfig, useStepStartedListener, useVerifyToken } from '../../hooks';
 import { settingsSelector } from '../../app/settings';
@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { findOrCreateElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject, sendPageView } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { BANK_SCREENS_NAVIGATION } from '../../constants';
 import { bankFeatureScreens } from '../featuresScreens';
@@ -44,6 +44,11 @@ var Bank = memo(function (_a) {
     useErrorListener(bankError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, featureScreensNavigation = data.featureScreensNavigation, merchant = data.merchant, isMaturityExpress = data.isMaturityExpress;
+    React.useEffect(function () {
+        sendPageView({
+            title: 'Bank'
+        });
+    }, []);
     useVerifyToken({
         verify: verifyLeadToken,
         loadingScreenName: 'BANK_LOADING_DATA_STEP',

package/build/features/brand/Brand.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
+import React, { memo } from 'react';
 import { createRoot } from 'react-dom/client';
 import { useAppTheme, useAppSelector, useErrorListener, useAppConfig, useStepStartedListener, useVerifyToken } from '../../hooks';
 import { settingsSelector } from '../../app/settings';
@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { findOrCreateElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject, sendPageView } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { BRAND_SCREENS_NAVIGATION } from '../../constants';
 import { brandFeatureScreens } from '../featuresScreens';
@@ -44,6 +44,11 @@ var Brand = memo(function (_a) {
     useErrorListener(brandError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, featureScreensNavigation = data.featureScreensNavigation, merchant = data.merchant, isMaturityExpress = data.isMaturityExpress;
+    React.useEffect(function () {
+        sendPageView({
+            title: 'Brand'
+        });
+    }, []);
     useVerifyToken({
         verify: verifyLeadToken,
         loadingScreenName: 'BRAND_LOADING_DATA_STEP',

package/build/features/brand/screens/BrandInfo/BrandInfo.js

@@ -26,9 +26,11 @@ import TeamSize from '../../../brand/screens/BrandInfo/TeamSize';
 import Collapse from '../../../../components/Collapse';
 import { mapSalesChannel } from '../../../../utils';
 import BrandName from './BrandName';
-import Segments from './Segments';
 import SalesChannels from './SalesChannels';
 import BrandLogo from './BrandLogo';
+import SegmentLocations from './SegmentLocations';
+import SegmentProfits from './SegmentProfits';
+import SegmentTechs from './SegmentTechs';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -37,23 +39,28 @@ var ListType;
 (function (ListType) {
     ListType["SegmentsList"] = "SegmentsList";
     ListType["TeamSizeList"] = "TeamSizeList";
+    ListType["SegmentLocationList"] = "SegmentLocationList";
+    ListType["SegmentProfitList"] = "SegmentProfitList";
+    ListType["SegmentTechList"] = "SegmentTechList";
 })(ListType || (ListType = {}));
 var BrandInfo = function (_a) {
-    var _b, _c, _d, _e;
-    var _f = React.useState(), listActive = _f[0], setListActive = _f[1];
-    var _g = React.useState(false), brandNameChecking = _g[0], setBrandNameChecking = _g[1];
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var _k = React.useState(), listActive = _k[0], setListActive = _k[1];
+    var _l = React.useState(false), brandNameChecking = _l[0], setBrandNameChecking = _l[1];
     var dispatch = useAppDispatch();
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _h = useAppSelector(brandSelector), data = _h.data, loading = _h.loading, error = _h.error, uploadingBrandLogo = _h.uploadingBrandLogo;
-    var _j = data.brandData, brandName = _j.brandName, segment = _j.segment, teamSize = _j.teamSize, salesChannels = _j.salesChannels, brandLogoId = _j.brandLogoId, responseBody = _j.responseBody;
-    var _k = data.verify.responseBody || {}, brand = _k.brand, flows = _k.flows;
-    var _l = brand || {}, logo_details = _l.logo_details, data_status = _l.data_status, data_verification = _l.data_verification, name = _l.name, resSegment = _l.segment;
+    var _m = useAppSelector(brandSelector), data = _m.data, loading = _m.loading, error = _m.error, uploadingBrandLogo = _m.uploadingBrandLogo;
+    var _o = data.brandData, brandName = _o.brandName, segmentLocation = _o.segmentLocation, segmentProfit = _o.segmentProfit, segmentTech = _o.segmentTech, teamSize = _o.teamSize, salesChannels = _o.salesChannels, brandLogoId = _o.brandLogoId, responseBody = _o.responseBody;
+    var _p = data.verify.responseBody || {}, brand = _p.brand, flows = _p.flows;
+    var _q = brand || {}, logo_details = _q.logo_details, data_status = _q.data_status, data_verification = _q.data_verification, name = _q.name, resSegment = _q.segment;
     var methods = useForm({
         resolver: yupResolver(BrandValidationSchema()),
         defaultValues: {
             brandName: brandName,
-            segment: segment,
+            segmentLocation: segmentLocation,
+            segmentProfit: segmentProfit,
+            segmentTech: segmentTech,
             teamSize: teamSize,
             salesChannels: salesChannels,
             brandLogoId: brandLogoId
@@ -64,13 +71,23 @@ var BrandInfo = function (_a) {
     useSetFromDefaultValues(methods, data.brandData, true);
     var defaultBrandLogoFile = React.useMemo(function () { return logo_details && __assign(__assign({}, logo_details), { docId: '' }); }, [logo_details]);
     var originalReadOnly = useFormReadOnly(methods, { brandLogoId: defaultBrandLogoFile });
-    var noneEditable = useDataNoneEditable(data_status, ['name.en', 'name.ar', 'segment.type', 'segment.teams', 'channel_services']);
+    var noneEditable = useDataNoneEditable(data_status, [
+        'name.en',
+        'name.ar',
+        'segment.location_type',
+        'segment.profit_type',
+        'segment.tech_type',
+        'segment.teams',
+        'channel_services'
+    ]);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
     var dataVerified = useDataVerified(data_verification, ['logo', 'name.en', 'name.ar', 'segment.teams', 'segment.type']);
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var isBrandNameVerified = dataVerified['name.en'] && dataVerified['name.ar'] && ((name === null || name === void 0 ? void 0 : name.en) === watch('brandName') || (name === null || name === void 0 ? void 0 : name.ar) === watch('brandName'));
-    var isSegmentVerified = dataVerified['segment.type'] && ((_b = resSegment === null || resSegment === void 0 ? void 0 : resSegment.type) === null || _b === void 0 ? void 0 : _b.id) === ((_c = watch('segment')) === null || _c === void 0 ? void 0 : _c.id);
-    var isTeamSizeVerified = dataVerified['segment.teams'] && ((_d = resSegment === null || resSegment === void 0 ? void 0 : resSegment.team) === null || _d === void 0 ? void 0 : _d.id) === ((_e = watch('teamSize')) === null || _e === void 0 ? void 0 : _e.id);
+    var isSegmentLocationVerified = dataVerified['segment.location_type'] && ((_b = resSegment === null || resSegment === void 0 ? void 0 : resSegment.location_type) === null || _b === void 0 ? void 0 : _b.id) === ((_c = watch('segmentLocation')) === null || _c === void 0 ? void 0 : _c.id);
+    var isSegmentProfitVerified = dataVerified['segment.profit_type'] && ((_d = resSegment === null || resSegment === void 0 ? void 0 : resSegment.profit_type) === null || _d === void 0 ? void 0 : _d.id) === ((_e = watch('segmentProfit')) === null || _e === void 0 ? void 0 : _e.id);
+    var isSegmentTechVerified = dataVerified['segment.tech_type'] && ((_f = resSegment === null || resSegment === void 0 ? void 0 : resSegment.tech_type) === null || _f === void 0 ? void 0 : _f.id) === ((_g = watch('segmentTech')) === null || _g === void 0 ? void 0 : _g.id);
+    var isTeamSizeVerified = dataVerified['segment.teams'] && ((_h = resSegment === null || resSegment === void 0 ? void 0 : resSegment.team) === null || _h === void 0 ? void 0 : _h.id) === ((_j = watch('teamSize')) === null || _j === void 0 ? void 0 : _j.id);
     var onSubmit = function (data) {
         dispatch(updateBrand(getFelids(data)));
     };
@@ -98,8 +115,10 @@ var BrandInfo = function (_a) {
     var handleMenuClick = function (flag) {
         setListActive(flag);
     };
-    var isSegmentsListActive = listActive === ListType.SegmentsList;
+    var isSegmentLocationListActive = listActive === ListType.SegmentLocationList;
+    var isSegmentProfitListActive = listActive === ListType.SegmentProfitList;
+    var isSegmentTechListActive = listActive === ListType.SegmentTechList;
     var isTeamSizeListActive = listActive === ListType.TeamSizeList;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandName, { readOnly: readOnly['brandName'] || (noneEditable['name.en'] && noneEditable['name.ar']), show: !listActive, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking, isVerified: isBrandNameVerified }), _jsx(BrandLogo, { defaultFile: defaultBrandLogoFile, readOnly: readOnly['brandLogoId'], show: !listActive, isVerified: dataVerified['logo'] }), _jsx(Segments, { readOnly: readOnly['segment'] || noneEditable['segment.type'], show: !isTeamSizeListActive, onListOpen: function () { return handleMenuClick(ListType.SegmentsList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isSegmentVerified }), _jsx(TeamSize, { readOnly: readOnly['teamSize'] || noneEditable['segment.teams'], show: !isSegmentsListActive, onListOpen: function () { return handleMenuClick(ListType.TeamSizeList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isTeamSizeVerified }), _jsxs(Collapse, __assign({ in: !listActive }, { children: [_jsx(SalesChannels, { readOnly: readOnly['salesChannels'] || noneEditable['channel_services'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') }))] }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandName, { readOnly: readOnly['brandName'] || (noneEditable['name.en'] && noneEditable['name.ar']), show: !listActive, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking, isVerified: isBrandNameVerified }), _jsx(BrandLogo, { defaultFile: defaultBrandLogoFile, readOnly: readOnly['brandLogoId'], show: !listActive, isVerified: dataVerified['logo'] }), _jsx(SegmentLocations, { readOnly: readOnly['segmentLocation'], show: !isTeamSizeListActive && !isSegmentProfitListActive && !isSegmentTechListActive, onListOpen: function () { return handleMenuClick(ListType.SegmentLocationList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isSegmentLocationVerified }), _jsx(SegmentProfits, { readOnly: readOnly['segmentProfit'], show: !isTeamSizeListActive && !isSegmentLocationListActive && !isSegmentTechListActive, onListOpen: function () { return handleMenuClick(ListType.SegmentProfitList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isSegmentProfitVerified }), _jsx(SegmentTechs, { readOnly: readOnly['segmentTech'], show: !isTeamSizeListActive && !isSegmentLocationListActive && !isSegmentProfitListActive, onListOpen: function () { return handleMenuClick(ListType.SegmentTechList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isSegmentTechVerified }), _jsx(TeamSize, { readOnly: readOnly['teamSize'] || noneEditable['segment.teams'], show: !isSegmentLocationListActive && !isSegmentProfitListActive && !isSegmentTechListActive, onListOpen: function () { return handleMenuClick(ListType.TeamSizeList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isTeamSizeVerified }), _jsxs(Collapse, __assign({ in: !listActive }, { children: [_jsx(SalesChannels, { readOnly: readOnly['salesChannels'] || noneEditable['channel_services'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') }))] }))] })) })) }));
 };
 export default BrandInfo;

package/build/features/brand/screens/BrandInfo/SegmentLocations.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface SegmentLocationsProps {
+    show: boolean;
+    onListOpen?: () => void;
+    onListClose?: () => void;
+    readOnly?: boolean;
+    isVerified?: boolean;
+}
+declare const SegmentLocations: ({ show, onListOpen, onListClose, readOnly, isVerified }: SegmentLocationsProps) => JSX.Element;
+export default SegmentLocations;