@tap-payments/auth-jsconnect 2.4.3-test → 2.4.5-test

package/build/features/brand/screens/BrandActivities/CustomerBase.js

@@ -22,21 +22,21 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
+import Box from '@mui/material/Box';
 import { styled, alpha } from '@mui/material/styles';
+import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
 import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
-import CheckIcon from '@mui/icons-material/Check';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Input from '../../../shared/Input';
 import Tooltip from '../../../../components/Tooltip';
 import SimpleList from '../../../../components/SimpleList';
+import Input from '../../../shared/Input';
 import { ScreenContainer } from '../../../shared/Containers';
-import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
-import Search from '../../../../features/shared/Search';
+import Search from '../../../shared/Search';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
+import CheckIcon from '../../../shared/CheckIcon';
 import { InfoIconStyled, InfoOutlinedIconStyled, LabelContainerStyled } from './ActivitiesList';
 export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
@@ -59,14 +59,6 @@ export var NameContainer = styled(Text, { shouldForwardProp: function (prop) { r
     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) }));
 });
-export var CheckIconStyled = styled(CheckIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.success.main,
-        display: 'flex',
-        alignItems: 'flex-end'
-    });
-});
 export var RemainingCheck = styled(CheckIcon)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -80,7 +72,7 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
 }); });
 var CustomerBase = function (_a) {
     var _b, _c;
-    var readOnly = _a.readOnly, props = __rest(_a, ["readOnly"]);
+    var readOnly = _a.readOnly, isVerified = _a.isVerified, props = __rest(_a, ["readOnly", "isVerified"]);
     var _d = React.useState([]), customerLocationsList = _d[0], setCustomerLocationsList = _d[1];
     var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
     var t = useTranslation().t;
@@ -92,7 +84,6 @@ var CustomerBase = function (_a) {
     var _g = React.useState(false), isHovered = _g[0], setIsHovered = _g[1];
     var brandActivities = data.brandActivities;
     var response = brandActivities.responseBody;
-    var disabled = false;
     var onOpenList = function (event) {
         var _a;
         if (readOnly)
@@ -140,8 +131,8 @@ var CustomerBase = function (_a) {
     };
     var customerLocationsValue = customerLocationsControl.field.value;
     var customerLocationSelected = customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue[0];
-    return (_jsx(Collapse, __assign({ in: props.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, disabled: disabled, placeholder: t('choose_expected_sales'), value: isAr ? (_b = customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.ar) !== null && _b !== void 0 ? _b : '' : (_c = customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.en) !== null && _c !== void 0 ? _c : '', onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _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 (_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(CheckIconStyled, {}), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(RemainingCheck, {})] }));
+    return (_jsx(Collapse, __assign({ in: props.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 ? (_b = customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.ar) !== null && _b !== void 0 ? _b : '' : (_c = customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.en) !== null && _c !== void 0 ? _c : '', 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, { isVerified: isVerified }), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                             } })] }))] }) })));
 };
 export default React.memo(CustomerBase);

package/build/features/brand/screens/BrandActivities/ExpectedCustomers.d.ts

@@ -4,6 +4,7 @@ interface ExpectedCustomersProps {
     onListOpen?: () => void;
     onListClose?: () => void;
     readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const ExpectedCustomers: ({ readOnly, ...props }: ExpectedCustomersProps) => JSX.Element;
+declare const ExpectedCustomers: ({ readOnly, isVerified, ...props }: ExpectedCustomersProps) => JSX.Element;
 export default ExpectedCustomers;

package/build/features/brand/screens/BrandActivities/ExpectedCustomers.js

@@ -29,11 +29,12 @@ 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 { ScreenContainer } from '../../../shared/Containers';
-import { CheckIconStyled, InputLabelStyled, NameContainer } from './CustomerBase';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
 import Input from '../../../shared/Input';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
+import CheckIcon from '../../../shared/CheckIcon';
+import { InputLabelStyled, NameContainer } from './CustomerBase';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme, readOnly = _a.readOnly;
     return ({
@@ -55,7 +56,7 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
 }); });
 var ExpectedCustomers = function (_a) {
     var _b, _c, _d, _e;
-    var readOnly = _a.readOnly, props = __rest(_a, ["readOnly"]);
+    var readOnly = _a.readOnly, isVerified = _a.isVerified, props = __rest(_a, ["readOnly", "isVerified"]);
     var _f = React.useState([]), expectedCustomersList = _f[0], setExpectedCustomersList = _f[1];
     var _g = React.useState(null), anchorEl = _g[0], setAnchorEl = _g[1];
     var t = useTranslation().t;
@@ -95,8 +96,8 @@ var ExpectedCustomers = function (_a) {
     };
     var expectedCustomersValue = expectedCustomerControl.field.value;
     var expectedCustomersSelected = expectedCustomersValue;
-    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { readOnly: readOnly, placeholder: t('choose_expected_sales'), value: isAr ? (_c = (_b = expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name) === null || _b === void 0 ? void 0 : _b.ar) !== null && _c !== void 0 ? _c : '' : (_e = (_d = expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name) === null || _d === void 0 ? void 0 : _d.en) !== null && _e !== void 0 ? _e : '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], 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(CheckIconStyled, {})] }));
+    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { readOnly: readOnly, placeholder: t('choose_expected_sales'), value: isAr ? (_c = (_b = expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name) === null || _b === void 0 ? void 0 : _b.ar) !== null && _c !== void 0 ? _c : '' : (_e = (_d = expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name) === null || _d === void 0 ? void 0 : _d.en) !== null && _e !== void 0 ? _e : '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], 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, { isVerified: isVerified })] }));
                         } }) }))] }) })));
 };
 export default ExpectedCustomers;

package/build/features/brand/screens/BrandActivities/ExpectedSalesRange.d.ts

@@ -4,6 +4,7 @@ interface ExpectedSalesRangeProps {
     onListOpen?: () => void;
     onListClose?: () => void;
     readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const ExpectedSalesRange: ({ show, onListClose, onListOpen, readOnly }: ExpectedSalesRangeProps) => JSX.Element;
+declare const ExpectedSalesRange: ({ show, onListClose, onListOpen, readOnly, isVerified }: ExpectedSalesRangeProps) => JSX.Element;
 export default ExpectedSalesRange;

package/build/features/brand/screens/BrandActivities/ExpectedSalesRange.js

@@ -9,23 +9,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
 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 { findCurrencyByIso2, isExist } from '../../../../utils';
 import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
+import { settingsSelector } from '../../../../app/settings';
 import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
-import { findCurrencyByIso2, isExist } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
-import { InputLabelStyled, CheckIconStyled, NameContainer } from './CustomerBase';
-import Search from '../../../../features/shared/Search';
-import { settingsSelector } from '../../../../app/settings';
+import Search from '../../../shared/Search';
 import Input from '../../../shared/Input';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
+import CheckIcon from '../../../shared/CheckIcon';
+import { InputLabelStyled, NameContainer } from './CustomerBase';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme, readOnly = _a.readOnly;
     return ({
@@ -57,7 +59,7 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
 }); });
 var ExpectedSalesRange = function (_a) {
     var _b, _c;
-    var show = _a.show, onListClose = _a.onListClose, onListOpen = _a.onListOpen, readOnly = _a.readOnly;
+    var show = _a.show, onListClose = _a.onListClose, onListOpen = _a.onListOpen, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var _d = React.useState([]), expectedSalesRangeList = _d[0], setExpectedSalesRangeList = _d[1];
     var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
     var _f = React.useState(''), subIndex = _f[0], setSubIndex = _f[1];
@@ -68,13 +70,12 @@ var ExpectedSalesRange = function (_a) {
     var expectedSaleControl = useController({ name: 'expectedSale', control: control });
     var _g = useAppSelector(brandSelector), data = _g.data, error = _g.error;
     var settingsData = useAppSelector(settingsSelector).data;
-    var brandActivities = data.brandActivities, verify = data.verify;
+    var brandActivities = data.brandActivities;
     var expectedSales = (brandActivities.responseBody || {}).expectedSales;
     var expectedSalesRangeValue = expectedSaleControl.field.value;
     var countryCode = settingsData.businessCountry;
-    var disabled = false;
     var handleOpenMainMenu = function (event) {
-        if (disabled || readOnly)
+        if (readOnly)
             return;
         setAnchorEl(event.currentTarget);
         onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
@@ -126,7 +127,7 @@ var ExpectedSalesRange = function (_a) {
     }, [anchorEl, expectedSalesRangeValue]);
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_monthly', {
                         currency: t(findCurrencyByIso2(countryCode.iso2))
-                    }) }), _jsx(InputStyled, { readOnly: readOnly, disabled: disabled, value: isAr ? (_b = expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar) !== null && _b !== void 0 ? _b : '' : (_c = expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) !== null && _c !== void 0 ? _c : '', onClick: disabled ? undefined : !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: disabled ? _jsx(_Fragment, {}) : _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 ? (_b = expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar) !== null && _b !== void 0 ? _b : '' : (_c = expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) !== null && _c !== void 0 ? _c : '', 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);
@@ -136,8 +137,8 @@ var ExpectedSalesRange = function (_a) {
                                 var _a;
                                 var isOnlyOneItem = !item.sub || ((_a = item.sub) === null || _a === void 0 ? void 0 : _a.length) === 1;
                                 var showCheck = item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) && isOnlyOneItem;
-                                return (_jsxs(ListItemContainer, { children: [_jsxs(ListItem, __assign({ sx: __assign({ bgcolor: 'rgb(196 184 184 / 8%)', borderBottom: '1px solid rgba(227, 232, 238, 0.8)' }, (isOnlyOneItem && { bgcolor: 'inherit', borderBottom: 'none' })) }, { children: [_jsx(NameContainer, __assign({ isSelected: item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id), sx: __assign({}, (isOnlyOneItem && { paddingInlineStart: '5px' })) }, { children: isAr ? item.name.ar : item.name.en })), showCheck ? _jsx(CheckIconStyled, {}) : !isOnlyOneItem && _jsx(ExpandIcon, { anchorEl: subIndex === item.id })] })), _jsx(Collapse, __assign({ in: item.id === subIndex && !isOnlyOneItem }, { children: _jsx(SimpleListStyled, { sx: { pt: 0, pb: 0 }, list: (!isOnlyOneItem && item.sub) || [], onSelectItem: onSelectItem, listItemProps: { sx: { padding: 0, '&:last-child': { paddingBottom: 0 } } }, renderItem: function (item, idx) {
-                                                    return (_jsxs(ListItem, __assign({ sx: { mt: idx === 0 ? 1 : 0 } }, { children: [_jsx(NameContainer, __assign({ isSelected: item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) }, { children: isAr ? item.name.ar : item.name.en })), item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) && _jsx(CheckIconStyled, {})] })));
+                                return (_jsxs(ListItemContainer, { children: [_jsxs(ListItem, __assign({ sx: __assign({ bgcolor: 'rgb(196 184 184 / 8%)', borderBottom: '1px solid rgba(227, 232, 238, 0.8)' }, (isOnlyOneItem && { bgcolor: 'inherit', borderBottom: 'none' })) }, { children: [_jsx(NameContainer, __assign({ isSelected: item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id), sx: __assign({}, (isOnlyOneItem && { paddingInlineStart: '5px' })) }, { children: isAr ? item.name.ar : item.name.en })), showCheck ? _jsx(CheckIcon, { isVerified: isVerified }) : !isOnlyOneItem && _jsx(ExpandIcon, { anchorEl: subIndex === item.id })] })), _jsx(Collapse, __assign({ in: item.id === subIndex && !isOnlyOneItem }, { children: _jsx(SimpleListStyled, { sx: { pt: 0, pb: 0 }, list: (!isOnlyOneItem && item.sub) || [], onSelectItem: onSelectItem, listItemProps: { sx: { padding: 0, '&:last-child': { paddingBottom: 0 } } }, renderItem: function (item, idx) {
+                                                    return (_jsxs(ListItem, __assign({ sx: { mt: idx === 0 ? 1 : 0 } }, { children: [_jsx(NameContainer, __assign({ isSelected: item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) }, { children: isAr ? item.name.ar : item.name.en })), item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) && _jsx(CheckIcon, { isVerified: isVerified })] })));
                                                 } }) }))] }));
                             } })] }))] }) })));
 };

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

@@ -15,7 +15,7 @@ import React from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import Form from '../../../../components/Form';
 import { styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { BrandValidationSchema } from './validation';
 import Button from '../../../shared/Button';
@@ -47,7 +47,7 @@ var BrandInfo = function (_a) {
     var _d = useAppSelector(brandSelector), data = _d.data, loading = _d.loading, error = _d.error, uploadingBrandLogo = _d.uploadingBrandLogo;
     var _e = data.brandData, brandName = _e.brandName, segment = _e.segment, teamSize = _e.teamSize, salesChannels = _e.salesChannels, brandLogoId = _e.brandLogoId, responseBody = _e.responseBody;
     var _f = data.verify.responseBody || {}, brand = _f.brand, flows = _f.flows;
-    var _g = brand || {}, logo_details = _g.logo_details, data_status = _g.data_status;
+    var _g = brand || {}, logo_details = _g.logo_details, data_status = _g.data_status, data_verification = _g.data_verification;
     var methods = useForm({
         resolver: yupResolver(BrandValidationSchema()),
         defaultValues: {
@@ -62,8 +62,9 @@ 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', 'segment.type', 'segment.teams', 'channel_services']);
+    var noneEditable = useDataNoneEditable(data_status, ['name.en', 'name.ar', 'segment.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 onSubmit = function (data) {
         dispatch(updateBrand(getFelids(data)));
@@ -94,6 +95,6 @@ var BrandInfo = function (_a) {
     };
     var isSegmentsListActive = listActive === ListType.SegmentsList;
     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'], show: !listActive, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(BrandLogo, { defaultFile: defaultBrandLogoFile, readOnly: readOnly['brandLogoId'], show: !listActive }), _jsx(Segments, { readOnly: readOnly['segment'] || noneEditable['segment.type'], show: !isTeamSizeListActive, onListOpen: function () { return handleMenuClick(ListType.SegmentsList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(TeamSize, { readOnly: readOnly['teamSize'] || noneEditable['segment.teams'], show: !isSegmentsListActive, onListOpen: function () { return handleMenuClick(ListType.TeamSizeList); }, onListClose: function () { return handleMenuClick(); } }), _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: dataVerified['name.en'] && dataVerified['name.ar'] }), _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: dataVerified['segment.type'] }), _jsx(TeamSize, { readOnly: readOnly['teamSize'] || noneEditable['segment.teams'], show: !isSegmentsListActive, onListOpen: function () { return handleMenuClick(ListType.TeamSizeList); }, onListClose: function () { return handleMenuClick(); }, isVerified: dataVerified['segment.teams'] }), _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/BrandLogo.d.ts

@@ -4,6 +4,7 @@ declare type BrandLogoProps = {
     show: boolean;
     readOnly?: boolean;
     defaultFile?: FileDetails;
+    isVerified?: boolean;
 };
-declare const BrandLogo: ({ show, readOnly, defaultFile }: BrandLogoProps) => JSX.Element;
+declare const BrandLogo: ({ show, readOnly, defaultFile, isVerified }: BrandLogoProps) => JSX.Element;
 export default BrandLogo;

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

@@ -28,7 +28,7 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
 });
 var BrandLogo = function (_a) {
     var _b;
-    var show = _a.show, readOnly = _a.readOnly, defaultFile = _a.defaultFile;
+    var show = _a.show, readOnly = _a.readOnly, defaultFile = _a.defaultFile, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var brandLogoIdControl = useController({ name: 'brandLogoId', control: control });
@@ -47,6 +47,6 @@ var BrandLogo = function (_a) {
             dispatch(clearBrandLogo());
         brandLogoIdControl.field.onChange(undefined);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadWrapper, { id: 'brandLogoId', readOnly: readOnly, fileRemoveType: FileRemoveType.BRAND_LOGO_FILE_ID, control: control, label: t('title_brand_logo'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('description_brand_logo'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBrandLogoChange, isSubmitting: loading, onDeleteFile: handleReset, defaultFile: defaultFile, purpose: DocumentPurpose.BRAND_LOGO, validFileFormats: VALID_FILE_FORMATS_FOR_IMAGE, fileUploadingStatus: function (uploading) { return dispatch(uploadingBrandLogoStatus(uploading)); } }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadWrapper, { id: 'brandLogoId', readOnly: readOnly, fileRemoveType: FileRemoveType.BRAND_LOGO_FILE_ID, control: control, label: t('title_brand_logo'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('description_brand_logo'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBrandLogoChange, isSubmitting: loading, onDeleteFile: handleReset, defaultFile: defaultFile, purpose: DocumentPurpose.BRAND_LOGO, validFileFormats: VALID_FILE_FORMATS_FOR_IMAGE, fileUploadingStatus: function (uploading) { return dispatch(uploadingBrandLogoStatus(uploading)); }, isVerified: isVerified }) }) })));
 };
 export default BrandLogo;

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

@@ -4,6 +4,7 @@ interface BrandNameProps {
     fetchingBrandName: (flag: boolean) => void;
     brandNameChecking: boolean;
     readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ show, brandNameChecking, fetchingBrandName, readOnly }: BrandNameProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ show, brandNameChecking, fetchingBrandName, readOnly, isVerified }: BrandNameProps) => JSX.Element>;
 export default _default;

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

@@ -55,17 +55,15 @@ import Box from '@mui/material/Box';
 import { styled, alpha } from '@mui/material/styles';
 import InfoIcon from '@mui/icons-material/Info';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
-import CircularProgress from '@mui/material/CircularProgress';
 import { FieldType } from '../../../../@types';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import Tooltip from '../../../../components/Tooltip';
 import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
 import Input from '../../../shared/Input';
-import ClearIcon from '../../../shared/ClearIcon';
 import { ScreenContainer } from '../../../shared/Containers';
-import CheckIcon from '../../../shared/CheckIcon';
 import { checkBrandNameAvailability, brandSelector } from '../../../app/brand/brandStore';
+import { EndAdornment } from '../../../shared/EndAdornment';
 var LabelContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -99,7 +97,7 @@ var InfoIconStyled = styled(InfoIcon)(function (_a) {
 var cancelToken = null;
 var BrandName = function (_a) {
     var _b, _c;
-    var show = _a.show, brandNameChecking = _a.brandNameChecking, fetchingBrandName = _a.fetchingBrandName, readOnly = _a.readOnly;
+    var show = _a.show, brandNameChecking = _a.brandNameChecking, fetchingBrandName = _a.fetchingBrandName, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var dispatch = useAppDispatch();
     var _d = React.useState(false), isHovered = _d[0], setIsHovered = _d[1];
     var t = useTranslation().t;
@@ -138,6 +136,6 @@ var BrandName = function (_a) {
     var clearBrandName = function () {
         brandControl.field.onChange('');
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t('signup_brand_name_label') }), _jsx(Tooltip, __assign({ title: t('brand_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(Input, { readOnly: readOnly, onChange: handleBrandNameChange, value: brandNameValue || '', disabled: isNonEditable, placeholder: t('signup_brand_name_placeholder'), warningType: 'alert', warningMessage: error && t(error), endAdornment: brandNameChecking ? (_jsx(CircularProgress, { size: 25, thickness: 5, sx: { height: 'auto !important' } })) : !error && brandNameValue ? (_jsx(CheckIcon, {})) : (brandNameValue && _jsx(ClearIcon, { onClick: clearBrandName })) })] })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t('signup_brand_name_label') }), _jsx(Tooltip, __assign({ title: t('brand_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(Input, { readOnly: readOnly, onChange: handleBrandNameChange, value: brandNameValue || '', disabled: isNonEditable, placeholder: t('signup_brand_name_placeholder'), warningType: 'alert', warningMessage: error && t(error), endAdornment: _jsx(EndAdornment, { value: brandNameValue, loading: brandNameChecking, isVerified: isVerified, error: error, onClear: clearBrandName }) })] })) })));
 };
 export default React.memo(BrandName);

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppSelector, useAppDispatch } from '../../../../hooks';
-import { mapSalesChannel } from '../../../../utils';
+import { hasVerifiedValue, mapSalesChannel } from '../../../../utils';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
 import SalesChannel from '../../../shared/SalesChannels';
 var SalesChannels = function (_a) {
@@ -12,14 +12,17 @@ var SalesChannels = function (_a) {
     var dispatch = useAppDispatch();
     var _c = useController({ control: control, name: 'salesChannels' }), fieldState = _c.fieldState, field = _c.field;
     var _d = useAppSelector(brandSelector), data = _d.data, error = _d.error;
+    var brand = (data.verify.responseBody || {}).brand;
+    var isChannelVerified = function (id) {
+        return hasVerifiedValue(brand === null || brand === void 0 ? void 0 : brand.data_verification, "channel_services.".concat(id));
+    };
     var channelList = (data.verify.responseBody || {}).channel_list;
-    var isNonEditable = false;
     var selectedSalesChannels = React.useMemo(function () { return mapSalesChannel(field.value); }, [(field.value || []).length]);
     var onChange = function (channels) {
         if (error)
             dispatch(clearError());
         field.onChange(channels);
     };
-    return (_jsx(SalesChannel, { disabled: isNonEditable, readOnly: readOnly, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, list: channelList, onChange: onChange, defaultValue: selectedSalesChannels }));
+    return (_jsx(SalesChannel, { readOnly: readOnly, isChannelVerified: function (id) { return isChannelVerified(id); }, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, list: channelList, onChange: onChange, defaultValue: selectedSalesChannels }));
 };
 export default SalesChannels;

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

@@ -4,6 +4,7 @@ interface SegmentsProps {
     onListOpen?: () => void;
     onListClose?: () => void;
     readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const Segments: ({ show, onListOpen, onListClose, readOnly }: SegmentsProps) => JSX.Element;
+declare const Segments: ({ show, onListOpen, onListClose, readOnly, isVerified }: SegmentsProps) => JSX.Element;
 export default Segments;

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

@@ -10,20 +10,20 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../../features/shared/Containers';
-import Input from '../../../../features/shared/Input';
-import { useAppSelector, useLanguage } from '../../../../hooks';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { brandSelector } from '../../../../features/app/brand/brandStore';
-import SimpleList from '../../../../components/SimpleList';
-import ExpandIcon from '../../../../components/ExpandIcon';
 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 CheckIcon from '@mui/icons-material/Check';
+import Collapse from '../../../../components/Collapse';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import CheckIcon from '../../../shared/CheckIcon';
+import { brandSelector } from '../../../app/brand/brandStore';
 var InputStyled = styled(Input)(function (_a) {
     var readOnly = _a.readOnly;
     return ({
@@ -36,27 +36,20 @@ 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 CheckIconStyled = styled(CheckIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.success.main,
-        display: 'flex',
-        alignItems: 'flex-end'
-    });
-});
 var Segments = function (_a) {
-    var _b, _c, _d, _e;
-    var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose, readOnly = _a.readOnly;
-    var _f = React.useState([]), segmentList = _f[0], setSegmentList = _f[1];
-    var _g = React.useState(null), anchorEl = _g[0], setAnchorEl = _g[1];
+    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 segmentsList = ((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.segmentsList) || [];
+    var list = (data.verify.responseBody || {}).segmentsList;
+    var segmentsList = list || [];
     var segmentControl = useController({ control: control, name: 'segment' });
     var segment = segmentControl.field.value;
-    var error = (_c = segmentControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
+    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);
@@ -76,9 +69,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(InputStyled, { required: true, label: t('segment_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_segment'), value: (isAr ? (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.ar : (_e = segment === null || segment === void 0 ? void 0 : segment.name) === null || _e === void 0 ? void 0 : _e.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(InputStyled, { 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) {
                             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(CheckIconStyled, {})] }));
+                            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;

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

@@ -4,6 +4,7 @@ interface TeamSizeProps {
     onListOpen?: () => void;
     onListClose?: () => void;
     readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const TeamSize: ({ show, onListOpen, onListClose, readOnly }: TeamSizeProps) => JSX.Element;
+declare const TeamSize: ({ show, onListOpen, onListClose, readOnly, isVerified }: TeamSizeProps) => JSX.Element;
 export default TeamSize;

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

@@ -10,20 +10,20 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../../features/shared/Containers';
-import Input from '../../../../features/shared/Input';
-import { useAppSelector, useLanguage } from '../../../../hooks';
 import React from 'react';
-import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { brandSelector } from '../../../../features/app/brand/brandStore';
-import SimpleList from '../../../../components/SimpleList';
-import ExpandIcon from '../../../../components/ExpandIcon';
+import { useTranslation } from 'react-i18next';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
+import SimpleList from '../../../../components/SimpleList';
 import Text from '../../../../components/Text';
-import CheckIcon from '@mui/icons-material/Check';
+import Collapse from '../../../../components/Collapse';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import CheckIcon from '../../../shared/CheckIcon';
+import { brandSelector } from '../../../app/brand/brandStore';
 var InputStyled = styled(Input)(function (_a) {
     var readOnly = _a.readOnly;
     return ({
@@ -36,27 +36,20 @@ 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 CheckIconStyled = styled(CheckIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.success.main,
-        display: 'flex',
-        alignItems: 'flex-end'
-    });
-});
 var TeamSize = function (_a) {
-    var _b, _c, _d, _e;
-    var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose, readOnly = _a.readOnly;
-    var _f = React.useState([]), teamSizeList = _f[0], setTeamSizeList = _f[1];
-    var _g = React.useState(null), anchorEl = _g[0], setAnchorEl = _g[1];
+    var _b, _c, _d;
+    var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose, readOnly = _a.readOnly, isVerified = _a.isVerified;
+    var _e = React.useState([]), teamSizeList = _e[0], setTeamSizeList = _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 teamSizesList = ((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.teamSizeList) || [];
+    var list = (data.verify.responseBody || {}).teamSizeList;
+    var teamSizesList = list || [];
     var teamSizeControl = useController({ control: control, name: 'teamSize' });
     var teamSize = teamSizeControl.field.value;
-    var error = (_c = teamSizeControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
+    var error = (_b = teamSizeControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     React.useEffect(function () {
         if ((teamSizesList === null || teamSizesList === void 0 ? void 0 : teamSizesList.length) > 0) {
             setTeamSizeList(teamSizesList);
@@ -76,9 +69,9 @@ var TeamSize = function (_a) {
         onCloseList();
         teamSizeControl.field.onChange(teamSize);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputStyled, { required: true, label: t('team_size_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_team_size'), value: (isAr ? (_d = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _d === void 0 ? void 0 : _d.ar : (_e = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _e === void 0 ? void 0 : _e.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: teamSizeList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputStyled, { required: true, label: t('team_size_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_team_size'), value: (isAr ? (_c = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = teamSize === null || teamSize === void 0 ? void 0 : teamSize.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: teamSizeList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
-                            return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.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 === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.id) && _jsx(CheckIconStyled, {})] }));
+                            return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.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 === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));
 };
 export default TeamSize;

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

@@ -72,7 +72,7 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({}); });
 export var CheckIconStyled = styled(CheckIcon)(function (_a) {
     var theme = _a.theme;
     return ({
-        color: theme.palette.primary.main,
+        color: theme.palette.success.main,
         display: 'flex',
         alignItems: 'flex-end'
     });

package/build/features/shared/CheckIcon/CheckIcon.d.ts

@@ -1,2 +1,8 @@
 /// <reference types="react" />
-export default function CustomClearIcon(): JSX.Element;
+import { SxProps, Theme } from '@mui/material/styles';
+declare type CustomCheckIconProps = {
+    isVerified?: boolean;
+    sx?: SxProps<Theme>;
+};
+export default function CustomCheckIcon({ isVerified, sx }: CustomCheckIconProps): JSX.Element;
+export {};

package/build/features/shared/CheckIcon/CheckIcon.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
+import { alpha, styled } from '@mui/material/styles';
 import CheckIcon from '@mui/icons-material/Check';
-var ClearIconStyled = styled(CheckIcon)(function (_a) {
-    var theme = _a.theme;
+var CheckIconStyled = styled(CheckIcon, { shouldForwardProp: function (prop) { return prop !== 'isVerified'; } })(function (_a) {
+    var theme = _a.theme, isVerified = _a.isVerified;
     return ({
         display: 'flex',
         alignItems: 'flex-end',
-        color: theme.palette.success.main
+        color: isVerified ? theme.palette.success.main : alpha(theme.palette.success.dark, 0.5)
     });
 });
-export default function CustomClearIcon() {
-    return _jsx(ClearIconStyled, {});
+export default function CustomCheckIcon(_a) {
+    var _b = _a.isVerified, isVerified = _b === void 0 ? false : _b, sx = _a.sx;
+    return _jsx(CheckIconStyled, { isVerified: isVerified, sx: sx });
 }