@tap-payments/auth-jsconnect 2.8.27-test → 2.8.29-test

package/build/features/app/business/businessStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { ActivitiesFormValues, CustomersFormValues, BusinessTypeFormValues, NIDFormValues, OTPFormValues, ResponseData, SharedState, FlowsTypes, Activity, CivilFormValues, ActionState } from '../../../@types';
+import { ActivitiesFormValues, CustomersFormValues, BusinessTypeFormValues, NIDFormValues, OTPFormValues, ResponseData, SharedState, FlowsTypes, CivilFormValues, ActionState, AsyncThunkParams } from '../../../@types';
 export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     isicActivityList: any;
@@ -173,11 +173,8 @@ export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThu
 }>;
 export declare const updateActivitiesInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-    formData: {
-        activities: Activity[] | undefined;
-        operationStartDate: string;
-    };
-}, ActivitiesFormValues, {
+    formData: ActivitiesFormValues;
+}, AsyncThunkParams<ActivitiesFormValues>, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
     extra?: unknown;
@@ -205,7 +202,7 @@ export declare const retrieveDataList: import("@reduxjs/toolkit").AsyncThunk<{
 export declare const updateCustomersInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: CustomersFormValues;
-}, CustomersFormValues, {
+}, AsyncThunkParams<CustomersFormValues>, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
     extra?: unknown;

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

@@ -59,15 +59,14 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
 import { BusinessType, FlowsTypes, DocumentPurpose, LicenseType } from '../../../@types';
 import { BUSINESS_STEP_NAMES, EXPECTED_SALES_LIST, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_ENTITY_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
-import { convertNumbers2English, hasKey, sleep, isKW, isSA, dateFormat, isOtherLicense, isOtherThanKWOrSA } from '../../../utils';
+import { convertNumbers2English, hasKey, sleep, isKW, isSA, dateFormat, isOtherLicense, isOtherThanKWOrSA, hasNoneEditableValue } from '../../../utils';
 import { handleNextScreenStep, handlePublicKey, handleSetCountryByIso2 } from '../../../app/settings';
 export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, payload, data, publicKey, countryIso2, boardData, brandData, isicActivityList, leadData, _a, steps, brand, board_id, business_id, entity, brandID, hasBusinessCompleted, hasBusinessCRInfoCompleted, hasBusinessCRActivitiesCompleted, hasBusinessCustomersCompleted, list, list;
+    var payload, data, publicKey, countryIso2, boardData, brandData, isicActivityList, leadData, _a, steps, brand, board_id, business_id, entity, brandID, hasBusinessCompleted, hasBusinessCRInfoCompleted, hasBusinessCRActivitiesCompleted, hasBusinessCustomersCompleted, list, list;
     var _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
             case 0:
-                settings = thunkApi.getState().settings;
                 payload = {
                     service_name: 'tap_email',
                     verify_token: token
@@ -591,70 +590,79 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                 entityData = _g.sent();
                 _g.label = 13;
             case 13:
-                thunkApi.dispatch(handleNextScreenStep(stepName));
+                sleep(50).then(function () { return thunkApi.dispatch(handleNextScreenStep(stepName)); });
                 (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
                 return [2, { data: __assign(__assign({}, data), { brand: brandData }), formData: params, accountData: accountData, documentData: documentData, entityData: entityData, isicActivityList: list || [] }];
         }
     });
 }); });
-export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, _b, brand, entity_activities, entity, _c, brandActivities, brandId, activities, operationStartDate, stepName, id, removedActivities, payload, newBrandActivities, newEntityActivities, activityPayload, requestBody, data;
-    var _d, _e;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
-            case 0:
-                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
-                _b = business.data.verify.responseBody || {}, brand = _b.brand, entity_activities = _b.entity_activities, entity = _b.entity;
-                _c = brand || {}, brandActivities = _c.activities, brandId = _c.id;
-                activities = params.activities, operationStartDate = params.operationStartDate;
-                stepName = BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES;
-                id = brandId;
-                removedActivities = (brandActivities || []).filter(function (brandActivity) { return !(activities || []).some(function (activity) { return activity.id === brandActivity.id; }); });
-                if (!(removedActivities === null || removedActivities === void 0 ? void 0 : removedActivities.length)) return [3, 2];
-                payload = {
-                    id: id,
-                    activities: removedActivities.map(function (_a) {
-                        var id = _a.id;
-                        return ({ id: id });
-                    })
-                };
-                return [4, API.brandService.removeBrandActivity(payload)];
-            case 1:
-                _f.sent();
-                _f.label = 2;
-            case 2:
-                newBrandActivities = activities === null || activities === void 0 ? void 0 : activities.filter(function (act) { return !(brandActivities || []).some(function (brandActivity) { return act.id === brandActivity.id; }); });
-                newEntityActivities = activities === null || activities === void 0 ? void 0 : activities.filter(function (act) { return !(entity_activities || []).some(function (entityActivity) { return act.id === entityActivity.id; }); });
-                if (!(newEntityActivities === null || newEntityActivities === void 0 ? void 0 : newEntityActivities.length)) return [3, 4];
-                activityPayload = {
-                    id: entity === null || entity === void 0 ? void 0 : entity.id,
-                    activities: newEntityActivities.map(function (_a) {
-                        var id = _a.id;
-                        return ({ id: id });
-                    })
-                };
-                return [4, API.entityService.updateEntityActivity(activityPayload)];
-            case 3:
-                _f.sent();
-                _f.label = 4;
-            case 4:
-                requestBody = __assign(__assign({ id: id }, ((newBrandActivities === null || newBrandActivities === void 0 ? void 0 : newBrandActivities.length) && { activities: newBrandActivities.map(function (_a) {
-                        var id = _a.id;
-                        return ({ id: id });
-                    }) })), { operations: {
-                        start_date: operationStartDate
-                    }, step_name: stepName, encryption_contract: ['operations.start_date'] });
-                return [4, API.brandService.updateBrandInfo(requestBody)];
-            case 5:
-                data = _f.sent();
-                thunkApi.dispatch(retrieveDataList());
-                thunkApi.dispatch(updateStepName(stepName));
-                thunkApi.dispatch(handleNextScreenStep());
-                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
-                return [2, { data: data === null || data === void 0 ? void 0 : data.brand, formData: __assign({}, params) }];
-        }
+export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', function (_a, thunkApi) {
+    var formData = _a.formData, originalFormData = _a.originalFormData;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var _b, settings, business, _c, brand, entity_activities, entity, _d, brandActivities, brandId, data_status, activities, operationStartDate, isActivitiesNonEditable, isOperationStartDateNonEditable, stepName, id, removedActivities, payload, newBrandActivities, newEntityActivities, activityPayload, requestBody, data;
+        var _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    _b = thunkApi.getState(), settings = _b.settings, business = _b.business;
+                    _c = business.data.verify.responseBody || {}, brand = _c.brand, entity_activities = _c.entity_activities, entity = _c.entity;
+                    _d = brand || {}, brandActivities = _d.activities, brandId = _d.id, data_status = _d.data_status;
+                    activities = formData.activities, operationStartDate = formData.operationStartDate;
+                    isActivitiesNonEditable = hasNoneEditableValue(data_status, 'activities');
+                    isOperationStartDateNonEditable = hasNoneEditableValue(data_status === null || data_status === void 0 ? void 0 : data_status.operations, 'business_start_date');
+                    stepName = BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES;
+                    id = brandId;
+                    removedActivities = (brandActivities || []).filter(function (brandActivity) { return !(activities || []).some(function (activity) { return activity.id === brandActivity.id; }); });
+                    if (!(!isActivitiesNonEditable && (removedActivities === null || removedActivities === void 0 ? void 0 : removedActivities.length))) return [3, 2];
+                    payload = {
+                        id: id,
+                        activities: removedActivities.map(function (_a) {
+                            var id = _a.id;
+                            return ({ id: id });
+                        })
+                    };
+                    return [4, API.brandService.removeBrandActivity(payload)];
+                case 1:
+                    _g.sent();
+                    _g.label = 2;
+                case 2:
+                    newBrandActivities = activities === null || activities === void 0 ? void 0 : activities.filter(function (act) { return !(brandActivities || []).some(function (brandActivity) { return act.id === brandActivity.id; }); });
+                    newEntityActivities = activities === null || activities === void 0 ? void 0 : activities.filter(function (act) { return !(entity_activities || []).some(function (entityActivity) { return act.id === entityActivity.id; }); });
+                    if (!(!isActivitiesNonEditable && (newEntityActivities === null || newEntityActivities === void 0 ? void 0 : newEntityActivities.length))) return [3, 4];
+                    activityPayload = {
+                        id: entity === null || entity === void 0 ? void 0 : entity.id,
+                        activities: newEntityActivities.map(function (_a) {
+                            var id = _a.id;
+                            return ({ id: id });
+                        })
+                    };
+                    return [4, API.entityService.updateEntityActivity(activityPayload)];
+                case 3:
+                    _g.sent();
+                    _g.label = 4;
+                case 4:
+                    requestBody = __assign(__assign(__assign({ id: id }, ((newBrandActivities === null || newBrandActivities === void 0 ? void 0 : newBrandActivities.length) && !isActivitiesNonEditable && { activities: newBrandActivities.map(function (_a) {
+                            var id = _a.id;
+                            return ({ id: id });
+                        }) })), (!isOperationStartDateNonEditable && {
+                        operations: {
+                            start_date: operationStartDate
+                        }
+                    })), { step_name: stepName, encryption_contract: ['operations.start_date'] });
+                    return [4, API.brandService.updateBrandInfo(requestBody)];
+                case 5:
+                    data = _g.sent();
+                    return [4, thunkApi.dispatch(retrieveDataList())];
+                case 6:
+                    _g.sent();
+                    thunkApi.dispatch(updateStepName(stepName));
+                    thunkApi.dispatch(handleNextScreenStep());
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
+                    return [2, { data: data === null || data === void 0 ? void 0 : data.brand, formData: originalFormData }];
+            }
+        });
     });
-}); });
+});
 export var retrieveDataList = createAsyncThunk('businessRetrieveDataList', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countryISO2, dataBody, salesDataBody, _a, customerBases, expectedSales, expectedCustomerSales;
     return __generator(this, function (_b) {
@@ -685,40 +693,50 @@ export var retrieveDataList = createAsyncThunk('businessRetrieveDataList', funct
         }
     });
 }); });
-export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, id, customerLocation, customerBase, sales, stepName, requestBody, data;
-    var _b, _c, _d, _e, _f, _g;
-    return __generator(this, function (_h) {
-        switch (_h.label) {
-            case 0:
-                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
-                id = (_c = (_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.id;
-                customerLocation = params.customerLocations.map(function (location) { return ({
-                    id: location === null || location === void 0 ? void 0 : location.id
-                }); });
-                customerBase = { id: ((_d = params.expectedCustomer) === null || _d === void 0 ? void 0 : _d.id) || '', period: 'monthly', locations: customerLocation };
-                sales = { id: ((_e = params.expectedSale) === null || _e === void 0 ? void 0 : _e.id) || '', period: 'monthly' };
-                stepName = BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS;
-                requestBody = {
-                    operations: {
-                        customer_base: customerBase,
-                        sales: sales
-                    },
-                    term: ['refund', 'chargeback'],
-                    id: id,
-                    step_name: stepName,
-                    encryption_contract: []
-                };
-                return [4, API.brandService.updateBrandInfo(requestBody)];
-            case 1:
-                data = _h.sent();
-                thunkApi.dispatch(updateStepName(stepName));
-                thunkApi.dispatch(handleNextScreenStep());
-                (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, requestBody);
-                return [2, { data: data === null || data === void 0 ? void 0 : data.brand, formData: params }];
-        }
+export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', function (_a, thunkApi) {
+    var formData = _a.formData, originalFormData = _a.originalFormData;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var _b, settings, business, _c, data_status, id, isCustomerBaseLocationNonEditable, isCustomerBaseNonEditable, isTermsNonEditable, isSalesRangeNonEditable, customerLocations, expectedCustomer, expectedSale, stepName, requestBody, customerLocation, customerBaseId, salesId, customerBase, data;
+        var _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    _b = thunkApi.getState(), settings = _b.settings, business = _b.business;
+                    _c = ((_d = business.data.verify.responseBody) === null || _d === void 0 ? void 0 : _d.brand) || {}, data_status = _c.data_status, id = _c.id;
+                    isCustomerBaseLocationNonEditable = hasNoneEditableValue(data_status === null || data_status === void 0 ? void 0 : data_status.operations, 'customer_base_location');
+                    isCustomerBaseNonEditable = hasNoneEditableValue(data_status === null || data_status === void 0 ? void 0 : data_status.operations, 'customer_base');
+                    isTermsNonEditable = hasNoneEditableValue(data_status, 'terms');
+                    isSalesRangeNonEditable = hasNoneEditableValue(data_status === null || data_status === void 0 ? void 0 : data_status.operations, 'sales_range');
+                    customerLocations = formData.customerLocations, expectedCustomer = formData.expectedCustomer, expectedSale = formData.expectedSale;
+                    stepName = BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS;
+                    requestBody = {
+                        term: !isTermsNonEditable ? ['refund', 'chargeback'] : undefined,
+                        id: id,
+                        step_name: stepName,
+                        encryption_contract: []
+                    };
+                    customerLocation = (customerLocations || []).map(function (location) { return ({
+                        id: location.id
+                    }); });
+                    customerBaseId = (expectedCustomer === null || expectedCustomer === void 0 ? void 0 : expectedCustomer.id) && { id: expectedCustomer.id, period: 'monthly' };
+                    salesId = (expectedSale === null || expectedSale === void 0 ? void 0 : expectedSale.id) && { id: expectedSale.id, period: 'monthly' };
+                    customerBase = (customerBaseId || customerLocation.length) && __assign(__assign({}, (customerBaseId && !isCustomerBaseNonEditable && { id: expectedCustomer.id, period: 'monthly' })), (customerLocation.length && !isCustomerBaseLocationNonEditable && { locations: customerLocation }));
+                    if (customerBase && !(isCustomerBaseNonEditable && isCustomerBaseLocationNonEditable))
+                        requestBody = __assign(__assign({}, requestBody), { operations: __assign(__assign({}, requestBody.operations), { customer_base: customerBase }) });
+                    if (salesId && !isSalesRangeNonEditable) {
+                        requestBody = __assign(__assign({}, requestBody), { operations: __assign(__assign({}, requestBody.operations), { sales: salesId }) });
+                    }
+                    return [4, API.brandService.updateBrandInfo(requestBody)];
+                case 1:
+                    data = _g.sent();
+                    thunkApi.dispatch(updateStepName(stepName));
+                    thunkApi.dispatch(handleNextScreenStep());
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
+                    return [2, { data: data === null || data === void 0 ? void 0 : data.brand, formData: originalFormData }];
+            }
+        });
     });
-}); });
+});
 export var updateLeadSuccess = createAsyncThunk('businessUpdateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, business, _b, steps, lead_id, flowCompleted, boardResponse, payload, data, board_id;
     var _c, _d, _e, _f;

package/build/features/business/screens/Activities/Activities.js

@@ -14,7 +14,7 @@ import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import ActivitiesList from './ActivitiesList';
 import { useForm, FormProvider } from 'react-hook-form';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
+import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useDataVerified, useExcludeReadOnlyFelids } from '../../../../hooks';
 import Form from '../../../../components/Form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useTranslation } from 'react-i18next';
@@ -32,13 +32,14 @@ var FormStyled = styled(Form)(function () { return ({
     flexDirection: 'column'
 }); });
 var Activities = function () {
-    var _a = React.useState(false), anchorEl = _a[0], setAnchorEl = _a[1];
-    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
+    var _a;
+    var _b = React.useState(false), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _c = React.useState(false), collapse = _c[0], setCollapse = _c[1];
     var dispatch = useAppDispatch();
     var isAr = useLanguage().isAr;
     var t = useTranslation().t;
-    var _c = useAppSelector(businessSelector), data = _c.data, loading = _c.loading, error = _c.error;
-    var _d = data.activitiesData, activities = _d.activities, operationStartDate = _d.operationStartDate;
+    var _d = useAppSelector(businessSelector), data = _d.data, loading = _d.loading, error = _d.error;
+    var _e = data.activitiesData, activities = _e.activities, operationStartDate = _e.operationStartDate;
     var methods = useForm({
         resolver: yupResolver(ActivitiesValidationSchema),
         defaultValues: {
@@ -48,8 +49,14 @@ var Activities = function () {
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, data.activitiesData, true);
+    var _f = ((_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.brand) || {}, data_status = _f.data_status, data_verification = _f.data_verification, operations = _f.operations;
+    var originalReadOnly = useFormReadOnly(methods);
+    var noneEditable = useDataNoneEditable(data_status, ['activities', 'operations.business_start_date']);
+    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var dataVerified = useDataVerified(data_verification, ['operations.business_start_date']);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
-        dispatch(updateActivitiesInfo(deepCopy(data)));
+        dispatch(updateActivitiesInfo(deepCopy(getFelids(data))));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);
@@ -64,7 +71,8 @@ var Activities = function () {
     var handleMenuClick = function () {
         anchorEl ? setAnchorEl(false) : setAnchorEl(true);
     };
+    var isOperationStartDateVerified = dataVerified['operations.business_start_date'] && (operations === null || operations === void 0 ? void 0 : operations.business_start_date) === methods.watch('operationStartDate');
     var disabled = !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(LicenseName, {}) })), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(ActivitiesList, { onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } }) })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(LicenseName, {}) })), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(ActivitiesList, { readOnly: readOnly['activities'] || noneEditable['activities'], onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } }) })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { isVerified: isOperationStartDateVerified, readOnly: readOnly['operationStartDate'] || noneEditable['operations.business_start_date'], onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default Activities;

package/build/features/business/screens/Activities/OperationStartDate.d.ts

@@ -7,6 +7,8 @@ export declare const InputLabelStyled: import("@emotion/styled").StyledComponent
 export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export interface OperationStartDateProps {
     onDateClicked?: (flag: boolean) => void;
+    readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const OperationStartDate: ({ onDateClicked }: OperationStartDateProps) => import("react/jsx-runtime").JSX.Element;
+declare const OperationStartDate: ({ onDateClicked, readOnly, isVerified }: OperationStartDateProps) => import("react/jsx-runtime").JSX.Element;
 export default OperationStartDate;

package/build/features/business/screens/Activities/OperationStartDate.js

@@ -28,7 +28,7 @@ export var MandatoryStyled = styled('span')(function (_a) {
 });
 var OperationStartDate = function (_a) {
     var _b;
-    var onDateClicked = _a.onDateClicked;
+    var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
@@ -40,6 +40,6 @@ var OperationStartDate = function (_a) {
         oDateControl.field.onChange(data);
     };
     var dateValue = (_b = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _b === void 0 ? void 0 : _b.value;
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('business_start_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleOperationStartDateChange })] }));
+    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('business_start_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { disabled: readOnly, isVerified: isVerified, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleOperationStartDateChange })] }));
 };
 export default OperationStartDate;

package/build/features/business/screens/BusinessType/LicenseNumber.js

@@ -50,6 +50,6 @@ var LicenseNumber = function (_a) {
     var minLength = isKWCountry || isOtherThanKWOrSACountry ? KW_MIN_LICENSE_LENGTH : isCR ? CR_MIN_LICENSE_LENGTH : FL_MIN_LICENSE_LENGTH;
     var label = isCR ? 'cr_number' : 'fl_number';
     var showCheckIcon = isKWCountry || isOtherThanKWOrSACountry ? (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) >= minLength : (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), required: isKWCountry, onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: showCheckIcon ? _jsx(CheckIcon, {}) : licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber }), placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), required: isKWCountry, onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: showCheckIcon || (readOnly && licenseNumberValue) ? _jsx(CheckIcon, {}) : licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber }), placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }) }) }) })));
 };
 export default React.memo(LicenseNumber);

package/build/features/business/screens/Customers/CustomerLocations.d.ts

@@ -60,6 +60,8 @@ interface CustomerLocationsProps {
     show: boolean;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ ...rest }: CustomerLocationsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ readOnly, isVerified, ...rest }: CustomerLocationsProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/business/screens/Customers/CustomerLocations.js

@@ -31,10 +31,10 @@ import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import CheckIcon from '../../../shared/CheckIcon';
-import ExpandIcon from '../../../../components/ExpandIcon';
 import InputSelect from '../../../shared/InputSelect';
 import Tooltip from '../../../../components/Tooltip';
 import SimpleList from '../../../../components/SimpleList';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
 import { businessSelector, clearError } from '../../../app/business/businessStore';
@@ -95,7 +95,7 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
     height: 'fit-content'
 }); });
 var customerLocations = function (_a) {
-    var rest = __rest(_a, []);
+    var readOnly = _a.readOnly, isVerified = _a.isVerified, rest = __rest(_a, ["readOnly", "isVerified"]);
     var _b = React.useState([]), customerLocationsList = _b[0], setCustomerLocationsList = _b[1];
     var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var t = useTranslation().t;
@@ -109,6 +109,8 @@ var customerLocations = function (_a) {
     var response = activitiesData.responseBody;
     var onOpenList = function (event) {
         var _a;
+        if (readOnly)
+            return;
         setAnchorEl(event.currentTarget);
         (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
@@ -152,7 +154,7 @@ var customerLocations = function (_a) {
     };
     var customerLocationsValue = customerLocationsControl.field.value;
     var customerLocationSelected = customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue[0];
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(BaseLabelStyled, { children: t('select_customer_base') }), _jsx(Tooltip, __assign({ title: t('customer_base_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(InputStyled, { placeholder: t('choose_expected_sales'), value: (isAr ? customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.ar : customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.en) || '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name.en', list: customerLocationsList, placeholder: 'choose_customer_base', onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(BaseLabelStyled, { children: t('select_customer_base') }), _jsx(Tooltip, __assign({ title: t('customer_base_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(InputStyled, { readOnly: readOnly, placeholder: t('choose_expected_sales'), value: (isAr ? customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.ar : customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.en) || '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name.en', list: customerLocationsList, placeholder: 'choose_customer_base', onSelectItem: onSelectItem, renderItem: function (item) {
                                 return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue.id) }, { children: isAr ? item.name.ar : item.name.en })) })), item.id === (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIcon, {}), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIcon, {})] }));
                             } })] }))] }) })));
 };

package/build/features/business/screens/Customers/Customers.js

@@ -16,7 +16,7 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useDataNoneEditable, useDataVerified, useExcludeReadOnlyFelids, useFormErrorAndUpdateReadOnly, useFormReadOnly, useSetFromDefaultValues } from '../../../../hooks';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { CustomerInfoValidation } from './validation';
 import Form from '../../../../components/Form';
@@ -42,12 +42,12 @@ var ListType;
     ListType["ExpectedSalesList"] = "ExpectedSalesList";
 })(ListType || (ListType = {}));
 var Customers = function (_a) {
-    var _b, _c;
-    var _d = React.useState(), listActive = _d[0], setListActive = _d[1];
+    var _b, _c, _d, _e, _f;
+    var _g = React.useState(), listActive = _g[0], setListActive = _g[1];
     var dispatch = useAppDispatch();
-    var _e = useAppSelector(businessSelector), data = _e.data, loading = _e.loading, error = _e.error;
-    var _f = data.customersData, customerLocations = _f.customerLocations, expectedCustomer = _f.expectedCustomer, expectedSale = _f.expectedSale, refundPolicy = _f.refundPolicy, transactionPolicy = _f.transactionPolicy;
-    var terms = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.terms;
+    var _h = useAppSelector(businessSelector), data = _h.data, loading = _h.loading, error = _h.error;
+    var _j = data.customersData, customerLocations = _j.customerLocations, expectedCustomer = _j.expectedCustomer, expectedSale = _j.expectedSale, refundPolicy = _j.refundPolicy, transactionPolicy = _j.transactionPolicy;
+    var _k = ((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) || {}, data_status = _k.data_status, data_verification = _k.data_verification, operations = _k.operations, terms = _k.terms;
     var methods = useForm({
         resolver: yupResolver(CustomerInfoValidation),
         defaultValues: {
@@ -60,6 +60,21 @@ var Customers = function (_a) {
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, data.customersData);
+    var originalReadOnly = useFormReadOnly(methods);
+    var noneEditable = useDataNoneEditable(data_status, [
+        'activities',
+        'operations.customer_base_location',
+        'operations.customer_base',
+        'operations.sales_range',
+        'terms'
+    ]);
+    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var dataVerified = useDataVerified(data_verification, [
+        'operations.customer_base_location',
+        'operations.customer_base',
+        'operations.sales_range'
+    ]);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     React.useEffect(function () {
         var _a, _b;
         var isTermsAgreed = !!((_b = (_a = terms === null || terms === void 0 ? void 0 : terms.find) === null || _a === void 0 ? void 0 : _a.call(terms, function (_a) {
@@ -74,8 +89,24 @@ var Customers = function (_a) {
                 setValue('transactionPolicy', true, { shouldValidate: true });
         }
     }, [terms]);
+    var locations = methods.watch('customerLocations');
+    var isCustomerLocationsHasVerifiedValue = React.useMemo(function () {
+        var _a, _b;
+        var locationIds = locations === null || locations === void 0 ? void 0 : locations.map(function (_a) {
+            var id = _a.id;
+            return id;
+        });
+        var Ids = (_b = (_a = operations === null || operations === void 0 ? void 0 : operations.customer_base) === null || _a === void 0 ? void 0 : _a.locations) === null || _b === void 0 ? void 0 : _b.map(function (_a) {
+            var id = _a.id;
+            return id;
+        });
+        return (locationIds === null || locationIds === void 0 ? void 0 : locationIds.length) === (Ids === null || Ids === void 0 ? void 0 : Ids.length) && locationIds.every(function (locationId) { return Ids.includes(locationId); });
+    }, [locations, operations]);
+    var isCustomerLocationsVerified = dataVerified['operations.customer_base_location'] && isCustomerLocationsHasVerifiedValue;
+    var isExpectedSalesRangeVerified = dataVerified['operations.sales_range'] && ((_c = operations === null || operations === void 0 ? void 0 : operations.sales) === null || _c === void 0 ? void 0 : _c.id) === ((_d = methods.watch('expectedSale')) === null || _d === void 0 ? void 0 : _d.id);
+    var isExpectedCustomersVerified = dataVerified['operations.customer_base'] && ((_e = operations === null || operations === void 0 ? void 0 : operations.customer_base) === null || _e === void 0 ? void 0 : _e.id) === ((_f = methods.watch('expectedCustomer')) === null || _f === void 0 ? void 0 : _f.id);
     var onSubmit = function (data) {
-        dispatch(updateCustomersInfo(deepCopy(data)));
+        dispatch(updateCustomersInfo(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());
@@ -97,6 +128,6 @@ var Customers = function (_a) {
     var whenNotSelectExpectedSales = !isCustomerLocationsListActive && !isExpectedCustomersListActive;
     var isAnyListSelected = !isExpectedCustomersListActive && !isCustomerLocationsListActive && !isExpectedSalesListActive;
     var disabled = !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(CustomerLocations, { show: whenNotSelectCustomersLocation, onListOpen: function () { return handleMenuClick(ListType.CustomerLocationsList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ExpectedCustomers, { show: whenNotSelectExpectedCustomers, onListOpen: function () { return handleMenuClick(ListType.ExpectedCustomersList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ExpectedSales, { show: whenNotSelectExpectedSales, onListOpen: function () { return handleMenuClick(ListType.ExpectedSalesList); }, onListClose: function () { return handleMenuClick(); } }), _jsxs(Collapse, __assign({ in: isAnyListSelected }, { children: [_jsx(RefundPolicy, {}), _jsx(TransactionPolicy, {}), _jsx(Box, __assign({ sx: { mt: 2 } }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(CustomerLocations, { readOnly: readOnly['customerLocations'] || noneEditable['operations.customer_base_location'], show: whenNotSelectCustomersLocation, onListOpen: function () { return handleMenuClick(ListType.CustomerLocationsList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isCustomerLocationsVerified }), _jsx(ExpectedCustomers, { readOnly: readOnly['expectedCustomer'] || noneEditable['operations.customer_base'], show: whenNotSelectExpectedCustomers, onListOpen: function () { return handleMenuClick(ListType.ExpectedCustomersList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isExpectedCustomersVerified }), _jsx(ExpectedSales, { readOnly: readOnly['expectedSale'] || noneEditable['operations.sales_range'], show: whenNotSelectExpectedSales, onListOpen: function () { return handleMenuClick(ListType.ExpectedSalesList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isExpectedSalesRangeVerified }), _jsxs(Collapse, __assign({ in: isAnyListSelected }, { children: [_jsx(RefundPolicy, { readOnly: readOnly['refundPolicy'] || noneEditable['terms'] }), _jsx(TransactionPolicy, { readOnly: readOnly['transactionPolicy'] || noneEditable['terms'] }), _jsx(Box, __assign({ sx: { mt: 2 } }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] }))] })) })) }));
 };
 export default React.memo(Customers);

package/build/features/business/screens/Customers/ExpectedCustomers.d.ts

@@ -2,6 +2,8 @@ interface ExpectedCustomersProps {
     show: boolean;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const ExpectedCustomers: ({ ...rest }: ExpectedCustomersProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExpectedCustomers: ({ readOnly, isVerified, ...rest }: ExpectedCustomersProps) => import("react/jsx-runtime").JSX.Element;
 export default ExpectedCustomers;

package/build/features/business/screens/Customers/ExpectedCustomers.js

@@ -29,7 +29,7 @@ import { useController, useFormContext } from 'react-hook-form';
 import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
 import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
-import ExpandIcon from '../../../../components/ExpandIcon';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import { ScreenContainer } from '../../../shared/Containers';
 import { InputLabelStyled, NameContainer } from './CustomerLocations';
 import { businessSelector, clearError } from '../../../app/business/businessStore';
@@ -53,7 +53,7 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
     height: 'fit-content'
 }); });
 var ExpectedCustomers = function (_a) {
-    var rest = __rest(_a, []);
+    var readOnly = _a.readOnly, isVerified = _a.isVerified, rest = __rest(_a, ["readOnly", "isVerified"]);
     var _b = React.useState([]), expectedCustomersList = _b[0], setExpectedCustomersList = _b[1];
     var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var t = useTranslation().t;
@@ -66,6 +66,8 @@ var ExpectedCustomers = function (_a) {
     var response = activitiesData.responseBody;
     var onOpenList = function (event) {
         var _a;
+        if (readOnly)
+            return;
         setAnchorEl(event.currentTarget);
         (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
@@ -98,7 +100,7 @@ var ExpectedCustomers = function (_a) {
     };
     var expectedCustomersValue = expectedCustomerControl.field.value;
     var expectedCustomersSelected = expectedCustomersValue;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { placeholder: t('choose_expected_sales'), value: (isAr ? expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.ar : expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.en) || '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedCustomersList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { readOnly: readOnly, placeholder: t('choose_expected_sales'), value: (isAr ? expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.ar : expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.en) || '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedCustomersList, onSelectItem: onSelectItem, renderItem: function (item) {
                                 return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedCustomersValue === null || expectedCustomersValue === void 0 ? void 0 : expectedCustomersValue.id) }, { children: isAr ? item.name.ar : item.name.en })) }), item.id === (expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.id) && _jsx(CheckIcon, {})] }));
                             } })] }))] }) })));
 };

package/build/features/business/screens/Customers/ExpectedSalesRange.d.ts

@@ -2,6 +2,8 @@ interface ExpectedSalesRangeProps {
     show: boolean;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const ExpectedSalesRange: ({ show, onListClose, onListOpen }: ExpectedSalesRangeProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExpectedSalesRange: ({ readOnly, isVerified, show, onListClose, onListOpen }: ExpectedSalesRangeProps) => import("react/jsx-runtime").JSX.Element;
 export default ExpectedSalesRange;

package/build/features/business/screens/Customers/ExpectedSalesRange.js

@@ -20,6 +20,7 @@ import { settingsSelector } from '../../../../app/settings';
 import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import ExpandIcon from '../../../../components/ExpandIcon';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import { businessSelector, clearError } from '../../../app/business/businessStore';
 import { getCurrencyByCountryIso2, isExist } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -54,7 +55,7 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
     height: 'fit-content'
 }); });
 var ExpectedSalesRange = function (_a) {
-    var show = _a.show, onListClose = _a.onListClose, onListOpen = _a.onListOpen;
+    var readOnly = _a.readOnly, isVerified = _a.isVerified, show = _a.show, onListClose = _a.onListClose, onListOpen = _a.onListOpen;
     var _b = React.useState([]), expectedSalesRangeList = _b[0], setExpectedSalesRangeList = _b[1];
     var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var _d = React.useState(''), subIndex = _d[0], setSubIndex = _d[1];
@@ -70,6 +71,8 @@ var ExpectedSalesRange = function (_a) {
     var expectedSalesRangeValue = expectedSaleControl.field.value;
     var countryCode = settingsData.businessCountry;
     var handleOpenMainMenu = function (event) {
+        if (readOnly)
+            return;
         setAnchorEl(event.currentTarget);
         onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
     };
@@ -123,7 +126,7 @@ var ExpectedSalesRange = function (_a) {
     }, [countryCode.iso2]);
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_monthly', {
                         currency: getCurrency
-                    }) }), _jsx(InputStyled, { value: (isAr ? expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar : expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: expectedSalesRangeList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item) {
+                    }) }), _jsx(InputStyled, { readOnly: readOnly, value: (isAr ? expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar : expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: expectedSalesRangeList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item) {
                                 var isOnlyOneItem = !item.sub || item.sub.length === 1;
                                 if (isOnlyOneItem)
                                     onSelectItem(item);

package/build/features/business/screens/Customers/RefundPolicy.d.ts

@@ -1,4 +1,8 @@
 import * as React from 'react';
+import { BoxProps } from '@mui/material/Box';
+interface ContainerStyledProps extends BoxProps {
+    readOnly?: boolean;
+}
 export declare const ContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: React.ReactNode;
     component?: React.ElementType<any> | undefined;
@@ -6,7 +10,7 @@ export declare const ContainerStyled: import("@emotion/styled").StyledComponent<
     sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "component" | "ref" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "component" | "ref" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ContainerStyledProps, {}, {}>;
 export declare const CheckboxStyled: import("@emotion/styled").StyledComponent<import("../../../../components/CheckBox").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const TextStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
@@ -24,5 +28,8 @@ export declare const LinkStyled: import("@emotion/styled").StyledComponent<Omit<
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "underline" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-declare const RefundPolicy: () => import("react/jsx-runtime").JSX.Element;
+type RefundPolicyProps = {
+    readOnly?: boolean;
+};
+declare const RefundPolicy: ({ readOnly }: RefundPolicyProps) => import("react/jsx-runtime").JSX.Element;
 export default RefundPolicy;

package/build/features/business/screens/Customers/RefundPolicy.js

@@ -26,14 +26,11 @@ import { settingsSelector } from '../../../../app/settings';
 import { useAppSelector } from '../../../../hooks';
 import { ScreenContainer } from '../../../shared/Containers';
 import { businessSelector } from '../../../app/business/businessStore';
-export var ContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        padding: theme.spacing(0, 2.5, 1.5, 2.5)
-    });
+export var ContainerStyled = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'readOnly'; } })(function (_a) {
+    var theme = _a.theme, readOnly = _a.readOnly;
+    return (__assign({ display: 'flex', flexDirection: 'row', alignItems: 'center', padding: theme.spacing(0, 2.5, 1.5, 2.5) }, (readOnly && {
+        opacity: '0.6'
+    })));
 });
 export var CheckboxStyled = styled(CheckBox)(function (_a) {
     var theme = _a.theme;
@@ -66,19 +63,22 @@ export var LinkStyled = styled(Link)(function (_a) {
         letterSpacing: theme.spacing(0)
     });
 });
-var RefundPolicy = function () {
-    var _a, _b, _c;
+var RefundPolicy = function (_a) {
+    var _b, _c, _d;
+    var readOnly = _a.readOnly;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var settingsData = useAppSelector(settingsSelector).data;
     var data = useAppSelector(businessSelector).data;
-    var terms = (_b = (_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.brand) === null || _b === void 0 ? void 0 : _b.terms;
+    var terms = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.terms;
     var refundControl = useController({ control: control, name: 'refundPolicy' });
     var refundChecked = refundControl.field.value;
-    var warningMessage = (_c = refundControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
+    var warningMessage = (_d = refundControl.fieldState.error) === null || _d === void 0 ? void 0 : _d.message;
     var countryCode = settingsData.businessCountry.iso2.toLowerCase();
     var handleRefundCheckedChange = function (event, checked) {
+        if (readOnly)
+            return;
         refundControl.field.onChange(checked);
     };
     var isChecked = React.useMemo(function () {
@@ -88,6 +88,6 @@ var RefundPolicy = function () {
             return term === 'general';
         })) === null || _b === void 0 ? void 0 : _b.agree);
     }, [terms]);
-    return (_jsx(Collapse, __assign({ in: !isChecked }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.75 } }, { children: [_jsxs(ContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: refundChecked, onChange: handleRefundCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_refund_policy'), _jsx(LinkStyled, __assign({ href: isAr ? TAP_WEBSITE + countryCode + EXTERNAL_LINKS.REFUND_AR : TAP_WEBSITE + countryCode + EXTERNAL_LINKS.REFUND_EN, target: '_blank', underline: 'always' }, { children: t('refund_policy_compliance') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] })) })));
+    return (_jsx(Collapse, __assign({ in: !isChecked }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.75 } }, { children: [_jsxs(ContainerStyled, __assign({ readOnly: readOnly }, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: refundChecked, onChange: handleRefundCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_refund_policy'), _jsx(LinkStyled, __assign({ href: isAr ? TAP_WEBSITE + countryCode + EXTERNAL_LINKS.REFUND_AR : TAP_WEBSITE + countryCode + EXTERNAL_LINKS.REFUND_EN, target: '_blank', underline: 'always' }, { children: t('refund_policy_compliance') }))] })] })), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] })) })));
 };
 export default RefundPolicy;

package/build/features/business/screens/Customers/TransactionPolicy.d.ts

@@ -1,2 +1,5 @@
-declare const TransactionPolicy: () => import("react/jsx-runtime").JSX.Element;
+type TransactionPolicyProps = {
+    readOnly?: boolean;
+};
+declare const TransactionPolicy: ({ readOnly }: TransactionPolicyProps) => import("react/jsx-runtime").JSX.Element;
 export default TransactionPolicy;

package/build/features/business/screens/Customers/TransactionPolicy.js

@@ -25,19 +25,22 @@ import { ContainerStyled, CheckboxStyled, TextStyled, LinkStyled } from './Refun
 var CollapseStyled = styled(Collapse)(function () { return ({
     width: '100%'
 }); });
-var TransactionPolicy = function () {
-    var _a, _b, _c;
+var TransactionPolicy = function (_a) {
+    var _b, _c, _d;
+    var readOnly = _a.readOnly;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var settingsData = useAppSelector(settingsSelector).data;
     var data = useAppSelector(businessSelector).data;
-    var terms = (_b = (_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.brand) === null || _b === void 0 ? void 0 : _b.terms;
+    var terms = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.terms;
     var transactionControl = useController({ control: control, name: 'transactionPolicy' });
     var transactionChecked = transactionControl.field.value;
-    var warningMessage = (_c = transactionControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
+    var warningMessage = (_d = transactionControl.fieldState.error) === null || _d === void 0 ? void 0 : _d.message;
     var countryCode = settingsData.businessCountry.iso2.toLowerCase();
     var handleTransactionCheckedChange = function (event, checked) {
+        if (readOnly)
+            return;
         transactionControl.field.onChange(checked);
     };
     var isChecked = React.useMemo(function () {
@@ -47,6 +50,6 @@ var TransactionPolicy = function () {
             return term === 'general';
         })) === null || _b === void 0 ? void 0 : _b.agree);
     }, [terms]);
-    return (_jsx(Collapse, __assign({ in: !isChecked }, { children: _jsxs(ScreenContainer, { children: [_jsxs(ContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: transactionChecked, onChange: handleTransactionCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_chargeback_policy'), _jsx(LinkStyled, __assign({ href: isAr ? TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TRANSACTION_AR : TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TRANSACTION_EN, target: '_blank', underline: 'always' }, { children: t('chargeback_policy') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] }) })));
+    return (_jsx(Collapse, __assign({ in: !isChecked }, { children: _jsxs(ScreenContainer, { children: [_jsxs(ContainerStyled, __assign({ readOnly: readOnly }, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: transactionChecked, onChange: handleTransactionCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_chargeback_policy'), _jsx(LinkStyled, __assign({ href: isAr ? TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TRANSACTION_AR : TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TRANSACTION_EN, target: '_blank', underline: 'always' }, { children: t('chargeback_policy') }))] })] })), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] }) })));
 };
 export default TransactionPolicy;

package/build/features/business/screens/Customers/validation.d.ts

@@ -1,20 +1,20 @@
 import * as yup from 'yup';
 export declare const CustomerInfoValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     customerLocations: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedCustomers: any;
-    expectedSalesRange: any;
+    expectedCustomer: 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>>;
+    expectedSale: 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>>;
     refundPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     transactionPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     customerLocations: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedCustomers: any;
-    expectedSalesRange: any;
+    expectedCustomer: 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>>;
+    expectedSale: 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>>;
     refundPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     transactionPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     customerLocations: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedCustomers: any;
-    expectedSalesRange: any;
+    expectedCustomer: 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>>;
+    expectedSale: 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>>;
     refundPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     transactionPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>>;

package/build/features/business/screens/Customers/validation.js

@@ -1,13 +1,8 @@
 import * as yup from 'yup';
-var objectElements = {
-    id: yup.number(),
-    name_ar: yup.string(),
-    name_en: yup.string()
-};
 export var CustomerInfoValidation = yup.object().shape({
-    customerLocations: yup.array().required('please_choose_base'),
-    expectedCustomers: yup.object().shape(objectElements).required('select_expected_customers_serve'),
-    expectedSalesRange: yup.object().shape(objectElements).required('select_expected_sales'),
+    customerLocations: yup.array().min(1, 'please_choose_base').required('please_choose_base'),
+    expectedCustomer: yup.object().required('select_expected_customers_serve'),
+    expectedSale: yup.object().required('select_expected_sales'),
     refundPolicy: yup.boolean().required().isTrue('refund_policy_error'),
     transactionPolicy: yup.boolean().required().isTrue('transaction_policy_error')
 });

package/build/features/entity/screens/EntityName/EntityTypeList.js

@@ -85,11 +85,10 @@ var EntityTypeList = function (props) {
     var controlValue = entityTypesControl.field.value || '';
     var dispatch = useAppDispatch();
     var _d = data.verify.responseBody || {}, entityTypes = _d.entityTypes, entity = _d.entity;
-    var type = entity === null || entity === void 0 ? void 0 : entity.type;
     var isListAvailable = (entityTypes === null || entityTypes === void 0 ? void 0 : entityTypes.length) > 0;
     var hide = React.useMemo(function () {
-        return !type || hasVerifiedValue(entity === null || entity === void 0 ? void 0 : entity.data_verification, 'type');
-    }, [type, entity === null || entity === void 0 ? void 0 : entity.data_verification]);
+        return hasVerifiedValue(entity === null || entity === void 0 ? void 0 : entity.data_verification, 'type');
+    }, [entity === null || entity === void 0 ? void 0 : entity.data_verification]);
     React.useEffect(function () {
         if ((entityTypes === null || entityTypes === void 0 ? void 0 : entityTypes.length) > 0) {
             setEntityTypesMenuList(entityTypes);

package/build/features/entity/screens/EntityName/ExpiryDate.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { alpha, Collapse, styled } from '@mui/material';
+import { alpha, styled } from '@mui/material';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { getFutureDate } from '../../../../utils';
 import Text from '../../../../components/Text';
@@ -25,21 +25,19 @@ export var InputLabelStyled = styled(Text)(function (_a) {
     return (__assign({ margin: theme.spacing(0, 2.5, 1.5, 2.5), color: alpha(theme.palette.text.primary, 0.6) }, theme.typography.caption));
 });
 var ExpiryDate = function (_a) {
-    var _b, _c;
+    var _b;
     var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
-    var _d = useAppSelector(entitySelector), data = _d.data, error = _d.error;
-    var entity = (data.verify.responseBody || {}).entity;
-    var expiryDate = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.expiry_date;
+    var error = useAppSelector(entitySelector).error;
     var oDateControl = useController({ control: control, name: 'expiryDate' });
-    var dateValue = (_c = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _c === void 0 ? void 0 : _c.value;
+    var dateValue = (_b = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _b === void 0 ? void 0 : _b.value;
     var handleExpiryDateChange = function (data) {
         if (error)
             dispatch(clearError());
         oDateControl.field.onChange(data);
     };
-    return (_jsx(Collapse, __assign({ in: !!expiryDate }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('business_expiry_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { isVerified: isVerified, disabled: readOnly, maxDate: getFutureDate(), defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleExpiryDateChange })] })) })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('business_expiry_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { isVerified: isVerified, disabled: readOnly, maxDate: getFutureDate(), defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleExpiryDateChange })] })));
 };
 export default ExpiryDate;

package/build/features/entity/screens/EntityName/IssuingDate.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { alpha, Collapse, styled } from '@mui/material';
+import { alpha, styled } from '@mui/material';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import Text from '../../../../components/Text';
 import Calender from '../../../shared/Calender';
@@ -24,21 +24,19 @@ export var InputLabelStyled = styled(Text)(function (_a) {
     return (__assign({ margin: theme.spacing(0, 2.5, 1.5, 2.5), color: alpha(theme.palette.text.primary, 0.6) }, theme.typography.caption));
 });
 var IssuingDate = function (_a) {
-    var _b, _c;
+    var _b;
     var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
-    var _d = useAppSelector(entitySelector), data = _d.data, error = _d.error;
-    var entity = (data.verify.responseBody || {}).entity;
-    var issueDate = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.issuing_date;
+    var error = useAppSelector(entitySelector).error;
     var oDateControl = useController({ control: control, name: 'issuingDate' });
-    var dateValue = (_c = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _c === void 0 ? void 0 : _c.value;
+    var dateValue = (_b = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _b === void 0 ? void 0 : _b.value;
     var handleIssuingDateChange = function (data) {
         if (error)
             dispatch(clearError());
         oDateControl.field.onChange(data);
     };
-    return (_jsx(Collapse, __assign({ in: !!issueDate }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('issue_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { disabled: readOnly, isVerified: isVerified, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleIssuingDateChange })] })) })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('issue_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { disabled: readOnly, isVerified: isVerified, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleIssuingDateChange })] })));
 };
 export default IssuingDate;

package/build/features/entity/screens/EntityName/LegalName.js

@@ -1,19 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { Collapse } from '@mui/material';
 import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { removeAllOtherThanCharsNumbersAndSpace } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -44,6 +32,6 @@ var LegalName = function (_a) {
         var value = removeAllOtherThanCharsNumbersAndSpace(target.value);
         legalNameControl.field.onChange(value);
     };
-    return (_jsx(Collapse, __assign({ in: !!legalName }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { required: true, readOnly: readOnly, onChange: handleChange, value: legalNameValue, label: t('license_name_label'), placeholder: t('license_name_placeholder'), sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, endAdornment: _jsx(EndAdornment, { value: legalNameValue, isVerified: isVerified }) }) }) })));
+    return (_jsx(ScreenContainer, { children: _jsx(Input, { required: true, readOnly: readOnly, onChange: handleChange, value: legalNameValue, label: t('license_name_label'), placeholder: t('license_name_placeholder'), sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, endAdornment: _jsx(EndAdornment, { value: legalNameValue, isVerified: isVerified }) }) }));
 };
 export default React.memo(LegalName);

package/build/features/entity/screens/EntityName/LicenseNumber.js

@@ -24,16 +24,14 @@ import Input from '../../../shared/Input';
 import { clearError, entitySelector } from '../../../app/entity/entityStore';
 import { EndAdornment } from '../../../shared/EndAdornment';
 var LicenseNumber = function (_a) {
-    var _b, _c;
+    var _b;
     var show = _a.show, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
-    var _d = useAppSelector(entitySelector), data = _d.data, bckError = _d.error;
+    var _c = useAppSelector(entitySelector), data = _c.data, bckError = _c.error;
     var dispatch = useAppDispatch();
     var settingsData = useAppSelector(settingsSelector).data;
     var control = useFormContext().control;
-    var entity = (data.verify.responseBody || {}).entity;
     var type = data.entityNameData.licenseType;
-    var number = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.number;
     var isKWCountry = React.useMemo(function () { return isKW(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var isOtherCountry = React.useMemo(function () { return isOtherThanKWOrSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var handleChange = function (_a) {
@@ -45,10 +43,10 @@ var LicenseNumber = function (_a) {
     };
     var licenseNumberControl = useController({ control: control, name: 'licenseNumber' });
     var licenseNumberValue = licenseNumberControl.field.value;
-    var error = (_c = licenseNumberControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
+    var error = (_b = licenseNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var isCR = type === BusinessType.CR;
     var length = isKWCountry || isOtherCountry ? KW_MAX_LICENSE_LENGTH : isCR ? CR_NUMBER_MAX_LENGTH : FL_NUMBER_ENTITY_LENGTH;
     var minLength = isKWCountry || isOtherCountry ? KW_MIN_LICENSE_LENGTH : isCR ? CR_MIN_LICENSE_LENGTH : FL_MIN_LICENSE_LENGTH;
-    return (_jsx(Collapse, __assign({ in: show && !!number }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('license_number_label'), onChange: handleChange, inputProps: { maxLength: length }, value: licenseNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }), endAdornment: _jsx(EndAdornment, { value: licenseNumberValue, isVerified: isVerified }) }) })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('license_number_label'), onChange: handleChange, inputProps: { maxLength: length }, value: licenseNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }), endAdornment: _jsx(EndAdornment, { value: licenseNumberValue, isVerified: isVerified }) }) })) })));
 };
 export default React.memo(LicenseNumber);

package/build/features/entity/screens/EntityName/UnifiedNumber.js

@@ -21,14 +21,12 @@ import Input from '../../../shared/Input';
 import { clearError, entitySelector } from '../../../app/entity/entityStore';
 import { EndAdornment } from '../../../shared/EndAdornment';
 var UnifiedNumber = function (_a) {
-    var _b, _c, _d;
+    var _b;
     var show = _a.show, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
-    var _e = useAppSelector(entitySelector), data = _e.data, bckError = _e.error;
+    var bckError = useAppSelector(entitySelector).error;
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
-    var entity = (data.verify.responseBody || {}).entity;
-    var number = (_c = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.additional_info) === null || _c === void 0 ? void 0 : _c.unified_number;
     var handleChange = function (_a) {
         var target = _a.target;
         if (bckError)
@@ -38,7 +36,7 @@ var UnifiedNumber = function (_a) {
     };
     var unifiedNumberControl = useController({ control: control, name: 'unifiedNumber' });
     var unifiedNumberValue = unifiedNumberControl.field.value;
-    var error = (_d = unifiedNumberControl.fieldState.error) === null || _d === void 0 ? void 0 : _d.message;
-    return (_jsx(Collapse, __assign({ in: show && !!number }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('unified_number_label'), onChange: handleChange, value: unifiedNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('unified_number_hint'), warningType: 'alert', warningMessage: error && t(error), endAdornment: _jsx(EndAdornment, { value: unifiedNumberValue, isVerified: isVerified }) }) })) })));
+    var error = (_b = unifiedNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('unified_number_label'), onChange: handleChange, value: unifiedNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('unified_number_hint'), warningType: 'alert', warningMessage: error && t(error), endAdornment: _jsx(EndAdornment, { value: unifiedNumberValue, isVerified: isVerified }) }) })) })));
 };
 export default React.memo(UnifiedNumber);

package/package.json

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