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

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

@@ -451,6 +451,9 @@ export type BrandDataStatus = {
     'segment.type': FieldType;
     'segment.teams': FieldType;
     'segment.sale': FieldType;
+    'segment.location_type': FieldType;
+    'segment.profit_type': FieldType;
+    'segment.tech_type': FieldType;
     activities: FieldType;
     channel_services: FieldType;
 };
@@ -534,6 +537,9 @@ export type BrandDataVerification = {
     'segment.sale': string;
     'segment.teams': string;
     'segment.type': string;
+    'segment.location_type': string;
+    'segment.profit_type': string;
+    'segment.tech_type': string;
     terms: string;
 };
 export type EntityDataVerification = {

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

@@ -32,6 +32,9 @@ export type BrandFormValues = {
     brandName: string;
     brandLogoId?: string;
     segment?: Segment | undefined;
+    segmentLocation?: Segment | undefined;
+    segmentProfit?: Segment | undefined;
+    segmentTech?: Segment | undefined;
     teamSize?: TeamSize | undefined;
     salesChannels: Array<SaleChannel>;
     termAndConditionChecked?: boolean;

package/build/api/data.d.ts

@@ -8,6 +8,10 @@ type GetSegmentsBody = {
 type GetTeamSizeBody = {
     page: number;
 };
+type SegmentDataListBody = {
+    page: number;
+    limit: number;
+};
 type GetMonthlyIncomeBody = {
     page: number;
     country_code: Array<string>;
@@ -46,5 +50,8 @@ declare const dataService: {
     getTeamSize: (data: GetTeamSizeBody) => Promise<any>;
     getActivities: (config?: AxiosRequestConfig) => Promise<any>;
     getActivitiesIsIc: () => Promise<any>;
+    getSegmentLocation: (data: SegmentDataListBody) => Promise<any>;
+    getSegmentProfit: (data: SegmentDataListBody) => Promise<any>;
+    getSegmentTech: (data: SegmentDataListBody) => Promise<any>;
 };
 export { dataService };

package/build/api/data.js

@@ -84,6 +84,27 @@ var getTeamSize = function (data) {
         data: data
     });
 };
+var getSegmentLocation = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.SEGMENT_LOCATION, "/list"),
+        data: data
+    });
+};
+var getSegmentProfit = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.SEGMENT_PROFIT, "/list"),
+        data: data
+    });
+};
+var getSegmentTech = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.SEGMENT_TECH, "/list"),
+        data: data
+    });
+};
 var dataService = {
     getChannelsOfServices: getChannelsOfServices,
     getCustomerBases: getCustomerBases,
@@ -95,6 +116,9 @@ var dataService = {
     getSegments: getSegments,
     getTeamSize: getTeamSize,
     getActivities: getActivities,
-    getActivitiesIsIc: getActivitiesIsIc
+    getActivitiesIsIc: getActivitiesIsIc,
+    getSegmentLocation: getSegmentLocation,
+    getSegmentProfit: getSegmentProfit,
+    getSegmentTech: getSegmentTech
 };
 export { dataService };

package/build/api/index.d.ts

@@ -110,6 +110,18 @@ declare const API: {
         }) => Promise<any>;
         getActivities: (config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
         getActivitiesIsIc: () => Promise<any>;
+        getSegmentLocation: (data: {
+            page: number;
+            limit: number;
+        }) => Promise<any>;
+        getSegmentProfit: (data: {
+            page: number;
+            limit: number;
+        }) => Promise<any>;
+        getSegmentTech: (data: {
+            page: number;
+            limit: number;
+        }) => Promise<any>;
     };
     individualService: {
         retrieveIndividualInfo: (id: string) => Promise<any>;

package/build/api/individual.d.ts

@@ -53,6 +53,15 @@ export type UpdateBrandBody = {
         };
     };
     segment?: {
+        location_type?: {
+            id: string;
+        };
+        profit_type?: {
+            id: string;
+        };
+        tech_type?: {
+            id: string;
+        };
         type?: {
             id: string;
         };

package/build/assets/locales/ar.json

@@ -408,5 +408,11 @@
     "mobile_app_label": "تطبيقات هاتف",
     "physical_store_label": "متجر",
     "social_media_label": "وسائل التواصل الاجتماعي",
-    "selected_activities": "اختر الأنشطة"
+    "selected_activities": "اختر الأنشطة",
+    "section_location_title": "الموقع",
+    "section_tech_title": "التقنية",
+    "section_profit_title": "الربح",
+    "alert_choose_segment_location": "يُرجى تحديد الموقع",
+    "alert_choose_segment_profit": "يُرجى تحديد الربح",
+    "alert_choose_segment_tech": "الرجاء تحديد التقنية"
 }

package/build/assets/locales/en.json

@@ -438,5 +438,11 @@
     "mobile_app_label": "Mobile App",
     "physical_store_label": "Physical Store",
     "social_media_label": "Social Media",
-    "selected_activities": "Selected Activities"
+    "selected_activities": "Selected Activities",
+    "segment_location_title": "Segment Location",
+    "segment_tech_title": "Segment Tech",
+    "segment_profit_title": "Segment Profit",
+    "alert_choose_segment_location": "Please select segment location",
+    "alert_choose_segment_profit": "Please select segment profit",
+    "alert_choose_segment_tech": "Please select segment tech"
 }

package/build/constants/api.d.ts

@@ -50,4 +50,7 @@ export declare const ENDPOINT_PATHS: {
     BUSINESS: string;
     RETRIEVE_ACTIVITIES_ISIC: string;
     CONNECT: string;
+    SEGMENT_LOCATION: string;
+    SEGMENT_PROFIT: string;
+    SEGMENT_TECH: string;
 };

package/build/constants/api.js

@@ -49,6 +49,9 @@ var TEAM_SIZE_PATH = '/businessSegment/team/list';
 var ADDRESS_PATH = '/address';
 var INIT_PATH = 'init';
 var BUSINESS_PATH = '/business';
+var SEGMENT_LOCATION_PATH = "".concat(BRAND_PATH, "/segment/location");
+var SEGMENT_PROFIT_PATH = "".concat(BRAND_PATH, "/segment/profit");
+var SEGMENT_TECH_PATH = "".concat(BRAND_PATH, "/segment/tech");
 export var ENDPOINT_PATHS = {
     CREATE_EXPRESS_AUTH_PATH: CREATE_EXPRESS_AUTH_PATH,
     Verify_Express_Auth_OTP_PATH: Verify_Express_Auth_OTP_PATH,
@@ -100,5 +103,8 @@ export var ENDPOINT_PATHS = {
     INIT: INIT_PATH,
     BUSINESS: BUSINESS_PATH,
     RETRIEVE_ACTIVITIES_ISIC: RETRIEVE_ACTIVITIES_ISIC_PATH,
-    CONNECT: CONNECT_PATH
+    CONNECT: CONNECT_PATH,
+    SEGMENT_LOCATION: SEGMENT_LOCATION_PATH,
+    SEGMENT_PROFIT: SEGMENT_PROFIT_PATH,
+    SEGMENT_TECH: SEGMENT_TECH_PATH
 };

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

@@ -23,6 +23,9 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     salesChannels: any;
     segmentsList: any;
     teamSizeList: any;
+    segmentLocationList: any;
+    segmentProfitList: any;
+    segmentTechList: any;
     token: string;
 }, VerifyLeadTokenProps, {
     state?: unknown;
@@ -64,6 +67,9 @@ export declare const verifyBrandLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
     salesChannels: any;
     segmentsList: any;
     teamSizeList: any;
+    segmentLocationList: any;
+    segmentProfitList: any;
+    segmentTechList: any;
     formData: OTPFormValues;
 }, OTPFormValues, {
     state?: unknown;
@@ -75,6 +81,20 @@ export declare const verifyBrandLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
+export declare const retrieveSegmentDataList: import("@reduxjs/toolkit").AsyncThunk<{
+    segmentLocation: any;
+    segmentProfit: any;
+    segmentTech: any;
+}, void, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export declare const retrieveBoardStatus: import("@reduxjs/toolkit").AsyncThunk<{
     flows: any;
 }, void, {

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/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;

package/build/features/brand/screens/BrandInfo/{Segments.js → SegmentLocations.js}

@@ -28,7 +28,7 @@ var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25), textAlign: 'start' }));
 });
-var Segments = function (_a) {
+var SegmentLocations = function (_a) {
     var _b, _c, _d;
     var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var _e = React.useState([]), segmentList = _e[0], setSegmentList = _e[1];
@@ -37,9 +37,9 @@ var Segments = function (_a) {
     var isAr = useLanguage().isAr;
     var data = useAppSelector(brandSelector).data;
     var control = useFormContext().control;
-    var list = (data.verify.responseBody || {}).segmentsList;
+    var list = (data.verify.responseBody || {}).segmentLocationList;
     var segmentsList = list || [];
-    var segmentControl = useController({ control: control, name: 'segment' });
+    var segmentControl = useController({ control: control, name: 'segmentLocation' });
     var segment = segmentControl.field.value;
     var error = (_b = segmentControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     React.useEffect(function () {
@@ -50,7 +50,6 @@ var Segments = function (_a) {
     var onOpenList = function (event) {
         if (readOnly)
             return;
-        console.log('onOpenList segments');
         setAnchorEl(event.currentTarget);
         onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
     };
@@ -62,9 +61,9 @@ var Segments = function (_a) {
         onCloseList();
         segmentControl.field.onChange(segment);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('segment_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_any_segment'), value: (isAr ? (_c = segment === null || segment === void 0 ? void 0 : segment.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('segment_location_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_any_segment'), value: (isAr ? (_c = segment === null || segment === void 0 ? void 0 : segment.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
                             return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (segment === null || segment === void 0 ? void 0 : segment.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) })), item.id === (segment === null || segment === void 0 ? void 0 : segment.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));
 };
-export default Segments;
+export default SegmentLocations;

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

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

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

@@ -0,0 +1,69 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import SimpleList from '../../../../components/SimpleList';
+import Text from '../../../../components/Text';
+import Collapse from '../../../../components/Collapse';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
+import { ScreenContainer } from '../../../shared/Containers';
+import InputSelect from '../../../shared/InputSelect';
+import CheckIcon from '../../../shared/CheckIcon';
+import { brandSelector } from '../../../app/brand/brandStore';
+var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
+    var theme = _a.theme, isSelected = _a.isSelected;
+    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25), textAlign: 'start' }));
+});
+var SegmentProfits = function (_a) {
+    var _b, _c, _d;
+    var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose, readOnly = _a.readOnly, isVerified = _a.isVerified;
+    var _e = React.useState([]), segmentList = _e[0], setSegmentList = _e[1];
+    var _f = React.useState(null), anchorEl = _f[0], setAnchorEl = _f[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(brandSelector).data;
+    var control = useFormContext().control;
+    var list = (data.verify.responseBody || {}).segmentProfitList;
+    var segmentsList = list || [];
+    var segmentControl = useController({ control: control, name: 'segmentProfit' });
+    var segment = segmentControl.field.value;
+    var error = (_b = segmentControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    React.useEffect(function () {
+        if ((segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.length) > 0) {
+            setSegmentList(segmentsList);
+        }
+    }, [segmentsList]);
+    var onOpenList = function (event) {
+        if (readOnly)
+            return;
+        setAnchorEl(event.currentTarget);
+        onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
+    };
+    var onCloseList = function () {
+        setAnchorEl(null);
+        onListClose === null || onListClose === void 0 ? void 0 : onListClose();
+    };
+    var onSelectItem = function (segment) {
+        onCloseList();
+        segmentControl.field.onChange(segment);
+    };
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('segment_profit_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_any_segment'), value: (isAr ? (_c = segment === null || segment === void 0 ? void 0 : segment.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
+                            var _a, _b;
+                            return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (segment === null || segment === void 0 ? void 0 : segment.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) })), item.id === (segment === null || segment === void 0 ? void 0 : segment.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
+                        } }) }))] })) })));
+};
+export default SegmentProfits;

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

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

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

@@ -0,0 +1,69 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import SimpleList from '../../../../components/SimpleList';
+import Text from '../../../../components/Text';
+import Collapse from '../../../../components/Collapse';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
+import { ScreenContainer } from '../../../shared/Containers';
+import InputSelect from '../../../shared/InputSelect';
+import CheckIcon from '../../../shared/CheckIcon';
+import { brandSelector } from '../../../app/brand/brandStore';
+var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
+    var theme = _a.theme, isSelected = _a.isSelected;
+    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25), textAlign: 'start' }));
+});
+var SegmentTechs = function (_a) {
+    var _b, _c, _d;
+    var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose, readOnly = _a.readOnly, isVerified = _a.isVerified;
+    var _e = React.useState([]), segmentList = _e[0], setSegmentList = _e[1];
+    var _f = React.useState(null), anchorEl = _f[0], setAnchorEl = _f[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(brandSelector).data;
+    var control = useFormContext().control;
+    var list = (data.verify.responseBody || {}).segmentTechList;
+    var segmentsList = list || [];
+    var segmentControl = useController({ control: control, name: 'segmentTech' });
+    var segment = segmentControl.field.value;
+    var error = (_b = segmentControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    React.useEffect(function () {
+        if ((segmentsList === null || segmentsList === void 0 ? void 0 : segmentsList.length) > 0) {
+            setSegmentList(segmentsList);
+        }
+    }, [segmentsList]);
+    var onOpenList = function (event) {
+        if (readOnly)
+            return;
+        setAnchorEl(event.currentTarget);
+        onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
+    };
+    var onCloseList = function () {
+        setAnchorEl(null);
+        onListClose === null || onListClose === void 0 ? void 0 : onListClose();
+    };
+    var onSelectItem = function (segment) {
+        onCloseList();
+        segmentControl.field.onChange(segment);
+    };
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('segment_tech_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_any_segment'), value: (isAr ? (_c = segment === null || segment === void 0 ? void 0 : segment.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
+                            var _a, _b;
+                            return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (segment === null || segment === void 0 ? void 0 : segment.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) })), item.id === (segment === null || segment === void 0 ? void 0 : segment.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
+                        } }) }))] })) })));
+};
+export default SegmentTechs;

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

@@ -50,7 +50,6 @@ var TeamSize = function (_a) {
     var onOpenList = function (event) {
         if (readOnly)
             return;
-        console.log('onOpenList teamSize');
         setAnchorEl(event.currentTarget);
         onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
     };

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

@@ -1,7 +1,9 @@
 import * as yup from 'yup';
 export declare const BrandValidationSchema: () => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    segment: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentLocation: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentProfit: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentTech: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     teamSize: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     salesChannels: import("yup/lib/array").RequiredArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
         id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
@@ -14,7 +16,9 @@ export declare const BrandValidationSchema: () => yup.ObjectSchema<import("yup/l
     }>>[] | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    segment: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentLocation: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentProfit: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentTech: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     teamSize: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     salesChannels: import("yup/lib/array").RequiredArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
         id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
@@ -27,7 +31,9 @@ export declare const BrandValidationSchema: () => yup.ObjectSchema<import("yup/l
     }>>[] | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    segment: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentLocation: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentProfit: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
+    segmentTech: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     teamSize: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     salesChannels: import("yup/lib/array").RequiredArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
         id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;

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

@@ -83,7 +83,9 @@ export var BrandValidationSchema = function () {
             }
         })
             .required('enter_brand_name_english_chars_numbers_space'),
-        segment: yup.object().required('alert_choose_segment'),
+        segmentLocation: yup.object().required('alert_choose_segment_location'),
+        segmentProfit: yup.object().required('alert_choose_segment_profit'),
+        segmentTech: yup.object().required('alert_choose_segment_tech'),
         teamSize: yup.object().required('alert_choose_teamSize'),
         salesChannels: yup
             .array()

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.4.66-test",
+	"version": "2.4.67-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",

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

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