@tap-payments/auth-jsconnect 2.3.25-test → 2.3.27-test

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

@@ -186,6 +186,7 @@ export interface LibConfig extends LibCallbacks {
     appInfo: AppInfo;
     businessCountryCode: string;
     scope: string;
+    boardMaturity?: boolean;
 }
 export interface OSDetails {
     name: string;
@@ -331,7 +332,8 @@ export declare enum DocumentPurpose {
     BANK_STATEMENT = "bank_statement",
     IDENTITY_DOCUMENT = "identity_document",
     CUSTOMER_SIGNATURE = "customer_signature",
-    TAX_DOCUMENT = "tax_document_user_upload"
+    TAX_DOCUMENT = "tax_document_user_upload",
+    BRAND_LOGO = "business_logo"
 }
 export declare type FileDetails = {
     created: string;
@@ -348,4 +350,13 @@ export declare enum VerificationStatus {
     ENTERED = "entered",
     NOT_ENTERED = "not_entered"
 }
+export declare type BankDataStatus = {
+    account_number: FieldType;
+    bank_name: FieldType;
+    bank_statement_file_id: FieldType;
+    beneficiary_name: FieldType;
+    iban: FieldType;
+    is_acknowledged: FieldType;
+    swift_code: FieldType;
+};
 export {};

package/build/@types/app.js

@@ -67,6 +67,7 @@ export var DocumentPurpose;
     DocumentPurpose["IDENTITY_DOCUMENT"] = "identity_document";
     DocumentPurpose["CUSTOMER_SIGNATURE"] = "customer_signature";
     DocumentPurpose["TAX_DOCUMENT"] = "tax_document_user_upload";
+    DocumentPurpose["BRAND_LOGO"] = "business_logo";
 })(DocumentPurpose || (DocumentPurpose = {}));
 export var VerificationStatus;
 (function (VerificationStatus) {

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

@@ -30,6 +30,7 @@ export declare type IndividualFormValues = {
 };
 export declare type BrandFormValues = {
     brandName: string;
+    brandLogoId?: string;
     segment?: Segment | undefined;
     teamSize?: TeamSize | undefined;
     salesChannels: Array<SaleChannel>;
@@ -74,7 +75,7 @@ export declare type BankFormValues = {
 };
 export declare type TaxFormValues = {
     vatId: string;
-    confirmPolicy: false;
+    confirmPolicy: boolean;
     documentId?: Array<string>;
 };
 export interface IndividualMobileFormValues {

package/build/app/settings.d.ts

@@ -25,10 +25,12 @@ export interface SettingsData {
     businessCountry: CountryCode;
     countries: Array<CountryCode>;
     isValidOperator: boolean;
+    boardMaturity: boolean;
 }
 export interface SettingsState extends SharedState<SettingsData> {
 }
 export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsState, {
+    handelBoardMaturity: (state: import("immer/dist/internal").WritableDraft<SettingsState>, action: ActionState<boolean>) => void;
     handleIsTapOrigin: (state: import("immer/dist/internal").WritableDraft<SettingsState>, action: ActionState<boolean>) => void;
     handleOpen: (state: import("immer/dist/internal").WritableDraft<SettingsState>, action: ActionState<boolean>) => void;
     handleSkin: (state: SettingsState, action: ActionState<ThemeMode>) => void;
@@ -40,7 +42,7 @@ export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsSta
     handleSetAppConfig: (state: SettingsState, action: ActionState<LibConfig>) => void;
     handleSetCountryByIso2: (state: SettingsState, action: ActionState<string>) => void;
 }, "settings">;
-export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, string>, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, string>, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handelBoardMaturity: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -124,6 +124,7 @@ var initialState = {
     error: null,
     loading: true,
     data: {
+        boardMaturity: true,
         open: true,
         isTapOrigin: true,
         skin: getStoredData(LOCAL_STORAGE_KEYS.themeMode) || 'light',
@@ -141,6 +142,9 @@ export var settingsSlice = createSlice({
     name: 'settings',
     initialState: initialState,
     reducers: {
+        handelBoardMaturity: function (state, action) {
+            state.data.boardMaturity = action.payload;
+        },
         handleIsTapOrigin: function (state, action) {
             state.data.isTapOrigin = action.payload;
         },
@@ -259,6 +263,6 @@ export var settingsSlice = createSlice({
         });
     }
 });
-export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin;
+export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin, handelBoardMaturity = _a.handelBoardMaturity;
 export default settingsSlice.reducer;
 export var settingsSelector = function (state) { return state.settings; };

package/build/assets/locales/ar.json

@@ -390,5 +390,7 @@
     "brand": "الاسم التجاري",
     "try_again": "حاول مرة أخرى",
     "file_delete_error": "حدث خطأ ما في حذف الملف. حاول مرة اخرى",
-    "file_download_error": "حدث خطأ ما في تحميل الملف. حاول مرة اخرى"
+    "file_download_error": "حدث خطأ ما في تحميل الملف. حاول مرة اخرى",
+    "title_brand_logo": "لوجو العلامة التجارية",
+    "description_brand_logo": "JPG or PNG files up to 4mb."
 }

package/build/assets/locales/en.json

@@ -420,5 +420,7 @@
     "brand": "Brand",
     "try_again": "Try again",
     "file_delete_error": "Something went wrong with deleting file. Please try again",
-    "file_download_error": "Something went wrong with downloading file. Please try again"
+    "file_download_error": "Something went wrong with downloading file. Please try again",
+    "title_brand_logo": "Brand Logo",
+    "description_brand_logo": "JPG or PNG files up to 4mb."
 }

package/build/constants/app.d.ts

@@ -194,7 +194,8 @@ export declare const BUSINESS_FLOW_SUCCESS: {
     url: string;
 }[];
 export declare enum FileRemoveType {
-    AOA_FILE_ID = "AOA_file_id"
+    AOA_FILE_ID = "AOA_file_id",
+    BRAND_LOGO_FILE_ID = "Brand_logo_id"
 }
 export declare enum FileType {
     IMAGES = "images",

package/build/constants/app.js

@@ -699,6 +699,7 @@ export var BUSINESS_FLOW_SUCCESS = [{ name: 'business', status: 'completed', url
 export var FileRemoveType;
 (function (FileRemoveType) {
     FileRemoveType["AOA_FILE_ID"] = "AOA_file_id";
+    FileRemoveType["BRAND_LOGO_FILE_ID"] = "Brand_logo_id";
 })(FileRemoveType || (FileRemoveType = {}));
 export var FileType;
 (function (FileType) {

package/build/constants/validation.d.ts

@@ -14,6 +14,7 @@ export declare const SAUDI_NUMBER_LENGTH = 9;
 export declare const MAX_FILE_SIZE = 5000000;
 export declare const MAX_FILE_SIZE_FOUR_MB = 4000000;
 export declare const VALID_FILE_FORMATS: string[];
+export declare const VALID_FILE_FORMATS_FOR_IMAGE: string[];
 export declare const REGEX_FULL_NAME: RegExp;
 export declare const REGEX_WEBSITE: RegExp;
 export declare const REGEX_BENEFICIARY_NAME: RegExp;

package/build/constants/validation.js

@@ -14,6 +14,7 @@ export var SAUDI_NUMBER_LENGTH = 9;
 export var MAX_FILE_SIZE = 5000000;
 export var MAX_FILE_SIZE_FOUR_MB = 4000000;
 export var VALID_FILE_FORMATS = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];
+export var VALID_FILE_FORMATS_FOR_IMAGE = ['image/jpeg', 'image/png', 'image/jpg'];
 export var REGEX_FULL_NAME = /^([a-zA-Z]{2,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,})$/g;
 export var REGEX_WEBSITE = /^[a-zA-Z0-9]+([\-\.]{1}[a-zA-Z0-9]+)*\.[a-zA-Z]{2,63}(:[0-9]{1,5})?(\/.*)?$/;
 export var REGEX_BENEFICIARY_NAME = /^([\u0600-\u065F\u066A-\u06EF\u06FA-\u06FFa-zA-Z()\s])*$/g;

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

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { BrandActivitiesFormValues, BrandFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { ActionState, BrandActivitiesFormValues, BrandFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
 import { CancelToken } from 'axios';
 interface VerifyLeadTokenProps {
     token: string;
@@ -93,13 +93,16 @@ export interface BrandData {
 export interface BrandState extends SharedState<BrandData> {
     customLoading?: boolean;
     uploading?: boolean;
+    uploadingBrandLogo?: boolean;
 }
 export declare const brandSlice: import("@reduxjs/toolkit").Slice<BrandState, {
     clearError: (state: BrandState) => void;
     stopLoader: (state: BrandState) => void;
     resetOTPScreen: (state: BrandState) => void;
+    uploadingBrandLogoStatus: (state: BrandState, action: ActionState<boolean>) => void;
+    clearBrandLogo: (state: BrandState) => void;
 }, "brand/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, uploadingBrandLogoStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, clearBrandLogo: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("redux").Reducer<BrandState, import("redux").AnyAction>;
 export default _default;
 export declare const brandSelector: (state: RootState) => BrandState;

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

@@ -257,7 +257,7 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
     });
 });
 export var updateBrand = createAsyncThunk('brandUpdateBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, brand, responseBody, id, isNameEditable, isChannelServicesEditable, salesChannels, brandName, segment, teamSize, segmentId, teamSizeId, getAddress, channel_services, requestBody, brandData, activities, activityList;
+    var _a, settings, brand, responseBody, id, isNameEditable, isChannelServicesEditable, salesChannels, brandName, segment, teamSize, brandLogoId, segmentId, teamSizeId, getAddress, channel_services, requestBody, brandData, activities, activityList;
     var _b, _c, _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
@@ -267,7 +267,7 @@ export var updateBrand = createAsyncThunk('brandUpdateBrand', function (params,
                 id = (_b = responseBody === null || responseBody === void 0 ? void 0 : responseBody.brand) === null || _b === void 0 ? void 0 : _b.id;
                 isNameEditable = true;
                 isChannelServicesEditable = true;
-                salesChannels = params.salesChannels, brandName = params.brandName, segment = params.segment, teamSize = params.teamSize;
+                salesChannels = params.salesChannels, brandName = params.brandName, segment = params.segment, teamSize = params.teamSize, brandLogoId = params.brandLogoId;
                 segmentId = segment && { id: segment.id };
                 teamSizeId = teamSize && { id: teamSize.id };
                 getAddress = function (value, isTwitter, isWeb) {
@@ -292,6 +292,7 @@ export var updateBrand = createAsyncThunk('brandUpdateBrand', function (params,
                 requestBody = {
                     id: id,
                     name: isNameEditable ? { en: brandName, ar: brandName } : undefined,
+                    logo: brandLogoId,
                     segment: { type: segmentId, team: teamSizeId },
                     channel_services: channel_services
                 };
@@ -434,6 +435,7 @@ var initialState = {
     loading: false,
     customLoading: false,
     uploading: false,
+    uploadingBrandLogo: false,
     data: {
         flowName: FlowsTypes.BRAND,
         verify: {
@@ -469,6 +471,13 @@ export var brandSlice = createSlice({
         },
         resetOTPScreen: function (state) {
             state.data.otpData.otp = '';
+        },
+        uploadingBrandLogoStatus: function (state, action) {
+            state.uploadingBrandLogo = action.payload;
+        },
+        clearBrandLogo: function (state) {
+            var brand = (state.data.verify.responseBody || {}).brand;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { brand: __assign(__assign({}, brand), { logo_details: undefined, logo: undefined }) });
         }
     },
     extraReducers: function (builder) {
@@ -666,6 +675,6 @@ export var brandSlice = createSlice({
         });
     }
 });
-export var clearError = (_a = brandSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export var clearError = (_a = brandSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, uploadingBrandLogoStatus = _a.uploadingBrandLogoStatus, clearBrandLogo = _a.clearBrandLogo;
 export default brandSlice.reducer;
 export var brandSelector = function (state) { return state.brand; };

package/build/features/bank/screens/BankDetails/BankDetails.js

@@ -16,20 +16,20 @@ import Beneficiary from './Beneficiary';
 import IBAN from './IBAN';
 import BankName from './BankName';
 import Button from '../../../shared/Button';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useFormReadOnly, useSetFromDefaultValues, useDataNoneEditable } from '../../../../hooks';
 import { BankKWFLValidation, BankValidation } from './validation';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useLanguage } from '../../../../hooks';
 import { styled } from '@mui/material/styles';
-import { BusinessType } from '../../../../@types';
+import { BusinessType, DocumentPurpose } from '../../../../@types';
 import { bankSelector, clearError, createBankAccount } from '../../../app/bank/bankStore';
 import Form from '../../../../components/Form';
 import { handleCurrentActiveScreen, settingsSelector } from '../../../../app/settings';
 import ConfirmPolicy from './ConfirmPolicy';
 import BankStatement from './BankStatement';
-import { isKW } from '../../../../utils';
+import { getFileDetailsFromDocument, isKW } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column',
@@ -79,6 +79,20 @@ var BankDetails = function () {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid, methods.watch('bankStatementId')]);
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(BankStatement, { required: isKWCountry && isFL && !bankHasDocument }), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, disableBack: true, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
+    var defaultBankFiles = React.useMemo(function () {
+        if (!(bank_account === null || bank_account === void 0 ? void 0 : bank_account.document))
+            return [];
+        return getFileDetailsFromDocument([bank_account.document], DocumentPurpose.BANK_STATEMENT);
+    }, [bank_account === null || bank_account === void 0 ? void 0 : bank_account.document]);
+    var readOnly = useFormReadOnly(methods, { bankStatementId: defaultBankFiles });
+    var noneEditable = useDataNoneEditable(bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status, [
+        'beneficiary_name',
+        'bank_name',
+        'iban',
+        'beneficiary_name',
+        'bank_statement_file_id',
+        'is_acknowledged'
+    ]);
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, { readOnly: readOnly['beneficiaryName'] || noneEditable['beneficiary_name'] }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'] }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'] }), _jsx(BankStatement, { required: isKWCountry && isFL && !bankHasDocument, defaultFiles: defaultBankFiles, readOnly: readOnly['bankStatementId'] || noneEditable['bank_statement_file_id'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_acknowledged'] }), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, disableBack: true, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
 };
 export default BankDetails;

package/build/features/bank/screens/BankDetails/BankName.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-declare const BankName: () => JSX.Element;
+declare type BankNameProps = {
+    readOnly?: boolean;
+};
+declare const BankName: ({ readOnly }: BankNameProps) => JSX.Element;
 export default BankName;

package/build/features/bank/screens/BankDetails/BankName.js

@@ -34,16 +34,17 @@ var InputStyled = styled(Input)(function () { return ({
         cursor: 'default'
     }
 }); });
-var BankName = function () {
-    var _a, _b, _c;
+var BankName = function (_a) {
+    var _b, _c, _d;
+    var readOnly = _a.readOnly;
     var t = useTranslation().t;
-    var _d = useFormContext(), setValue = _d.setValue, control = _d.control;
+    var _e = useFormContext(), setValue = _e.setValue, control = _e.control;
     var data = useAppSelector(bankSelector).data;
     var bankNameControl = useController({ name: 'bankName', control: control });
     var bankNameValue = bankNameControl.field.value;
-    var hasError = !!((_a = bankNameControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message);
+    var hasError = !!((_b = bankNameControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message);
     var bank_account = (data.verify.responseBody || {}).bank_account;
-    var isNonEditable = ((_b = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _b === void 0 ? void 0 : _b.bank_name) === FieldType.NON_EDITABLE;
+    var isNonEditable = ((_c = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _c === void 0 ? void 0 : _c.bank_name) === FieldType.NON_EDITABLE;
     var clearValue = function () {
         bankNameControl.field.onChange('');
     };
@@ -52,12 +53,12 @@ var BankName = function () {
         var bankName = (_a = data.bankData.responseBody) === null || _a === void 0 ? void 0 : _a.bank_name;
         if (bankName && !bankNameValue)
             setValue('bankName', bankName);
-    }, [(_c = data.bankData.responseBody) === null || _c === void 0 ? void 0 : _c.bank_name]);
+    }, [(_d = data.bankData.responseBody) === null || _d === void 0 ? void 0 : _d.bank_name]);
     var handleBankChange = function (_a) {
         var target = _a.target;
         var value = removeAllOtherThanAlphabetAndSpace(target.value);
         bankNameControl.field.onChange(value);
     };
-    return (_jsx(Collapse, __assign({ in: !!bankNameValue }, { children: _jsx(FeatureStyled, { children: _jsx(InputStyled, { label: t('enter_bank_name'), placeholder: t('enter_bank_name_placeholder'), onChange: handleBankChange, value: bankNameValue, required: true, disabled: isNonEditable, endAdornment: !hasError && bankNameValue ? _jsx(CheckIcon, {}) : bankNameValue && _jsx(ClearIcon, { onClick: clearValue }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: !!bankNameValue }, { children: _jsx(FeatureStyled, { children: _jsx(InputStyled, { readOnly: readOnly, label: t('enter_bank_name'), placeholder: t('enter_bank_name_placeholder'), onChange: handleBankChange, value: bankNameValue, required: true, disabled: isNonEditable, endAdornment: !hasError && bankNameValue ? _jsx(CheckIcon, {}) : bankNameValue && _jsx(ClearIcon, { onClick: clearValue }) }) }) })));
 };
 export default BankName;

package/build/features/bank/screens/BankDetails/BankStatement.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
+import { FileDetails } from '../../../../@types';
 declare type BankStatementProps = {
     required: boolean;
+    readOnly?: boolean;
+    defaultFiles?: Array<FileDetails>;
 };
-declare const BankStatement: ({ required }: BankStatementProps) => JSX.Element;
+declare const BankStatement: ({ required, readOnly, defaultFiles }: BankStatementProps) => JSX.Element;
 export default BankStatement;

package/build/features/bank/screens/BankDetails/BankStatement.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { styled } from '@mui/material/styles';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
-import { getFileDetailsFromDocument } from '../../../../utils';
 import { FileType } from '../../../../constants';
 import { bankSelector, bankStatementUploadingStatus } from '../../../app/bank/bankStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
@@ -17,21 +15,18 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var BankStatement = function (_a) {
-    var _b;
-    var required = _a.required;
+    var required = _a.required, readOnly = _a.readOnly, defaultFiles = _a.defaultFiles;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var bankStatementIdControl = useController({ name: 'bankStatementId', control: control });
-    var _c = useAppSelector(bankSelector), loading = _c.loading, data = _c.data;
+    var loading = useAppSelector(bankSelector).loading;
     var dispatch = useAppDispatch();
-    var document = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.bank_account) || {}).document;
     var handleBankStatementChange = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(document ? [document] : [], DocumentPurpose.BANK_STATEMENT); }, [document]);
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'bankStatementId', control: control, label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, required: required, onDeleteFile: handleReset, purpose: DocumentPurpose.BANK_STATEMENT, defaultFiles: defaultFiles, maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); }, fileType: FileType.FILES }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'bankStatementId', control: control, label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, required: required, onDeleteFile: handleReset, purpose: DocumentPurpose.BANK_STATEMENT, defaultFiles: defaultFiles, maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); }, fileType: FileType.FILES }) }));
 };
 export default BankStatement;

package/build/features/bank/screens/BankDetails/Beneficiary.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export interface BeneficiaryProps {
+    readOnly?: boolean;
 }
-declare const Beneficiary: () => JSX.Element;
+declare const Beneficiary: ({ readOnly }: BeneficiaryProps) => JSX.Element;
 export default Beneficiary;

package/build/features/bank/screens/BankDetails/Beneficiary.js

@@ -21,17 +21,18 @@ var InputStyled = styled(Input)(function () { return ({
         textTransform: 'capitalize'
     }
 }); });
-var Beneficiary = function () {
-    var _a, _b, _c;
+var Beneficiary = function (_a) {
+    var _b, _c, _d;
+    var readOnly = _a.readOnly;
     var t = useTranslation().t;
-    var _d = useFormContext(), setValue = _d.setValue, control = _d.control;
+    var _e = useFormContext(), setValue = _e.setValue, control = _e.control;
     var data = useAppSelector(bankSelector).data;
     var beneficiaryControl = useController({ name: 'beneficiaryName', control: control });
     var beneficiaryValue = beneficiaryControl.field.value;
-    var hasError = (_a = beneficiaryControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var error = (_b = beneficiaryControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    var hasError = (_b = beneficiaryControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    var error = (_c = beneficiaryControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
     var bank_account = (data.verify.responseBody || {}).bank_account;
-    var isNonEditable = ((_c = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _c === void 0 ? void 0 : _c.beneficiary_name) === FieldType.NON_EDITABLE;
+    var isNonEditable = ((_d = bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status) === null || _d === void 0 ? void 0 : _d.beneficiary_name) === FieldType.NON_EDITABLE;
     React.useEffect(function () {
         var beneficiary_name = (bank_account || {}).beneficiary_name;
         if (beneficiary_name)
@@ -44,6 +45,6 @@ var Beneficiary = function () {
     var clearValue = function () {
         beneficiaryControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(InputStyled, { label: t('beneficiary_name'), onChange: handleBeneficiaryChange, disabled: isNonEditable, value: beneficiaryValue, placeholder: t('beneficiary_name'), warningType: 'alert', warningMessage: error && t(error), required: true, endAdornment: !hasError && beneficiaryValue ? _jsx(CheckIcon, {}) : beneficiaryValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(InputStyled, { readOnly: readOnly, label: t('beneficiary_name'), onChange: handleBeneficiaryChange, disabled: isNonEditable, value: beneficiaryValue, placeholder: t('beneficiary_name'), warningType: 'alert', warningMessage: error && t(error), required: true, endAdornment: !hasError && beneficiaryValue ? _jsx(CheckIcon, {}) : beneficiaryValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default Beneficiary;

package/build/features/bank/screens/BankDetails/ConfirmPolicy.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-declare const ConfirmPolicy: () => JSX.Element;
+declare type ConfirmPolicyProps = {
+    readOnly?: boolean;
+};
+declare const ConfirmPolicy: ({ readOnly }: ConfirmPolicyProps) => JSX.Element;
 export default ConfirmPolicy;

package/build/features/bank/screens/BankDetails/ConfirmPolicy.js

@@ -52,14 +52,17 @@ var CheckboxStyled = styled(CheckBox)(function (_a) {
 var CollapseStyled = styled(Collapse)(function () { return ({
     width: '100%'
 }); });
-var ConfirmPolicy = function () {
-    var _a;
+var ConfirmPolicy = function (_a) {
+    var _b;
+    var readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var confirmControl = useController({ control: control, name: 'confirmPolicy' });
     var confirmChecked = confirmControl.field.value;
-    var warningMessage = (_a = confirmControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var warningMessage = (_b = confirmControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var handleConfirmCheckedChange = function (event, checked) {
+        if (readOnly)
+            return;
         confirmControl.field.onChange(checked);
     };
     return (_jsxs(ScreenContainer, { children: [_jsxs(ConfirmContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: confirmChecked, onChange: handleConfirmCheckedChange }), _jsx(TextStyled, { children: t('bank_confirm_information') })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] }));

package/build/features/bank/screens/BankDetails/IBAN.d.ts

@@ -2,6 +2,7 @@
 export interface IBANProps {
     fetchingIban: (flag: boolean) => void;
     ibanChecking: boolean;
+    readOnly?: boolean;
 }
-declare const IBAN: ({ fetchingIban, ibanChecking }: IBANProps) => JSX.Element;
+declare const IBAN: ({ fetchingIban, ibanChecking, readOnly }: IBANProps) => JSX.Element;
 export default IBAN;

package/build/features/bank/screens/BankDetails/IBAN.js

@@ -61,7 +61,7 @@ var InputStyled = styled(Input)(function () { return ({
 var cancelToken = null;
 var IBAN = function (_a) {
     var _b, _c;
-    var fetchingIban = _a.fetchingIban, ibanChecking = _a.ibanChecking;
+    var fetchingIban = _a.fetchingIban, ibanChecking = _a.ibanChecking, readOnly = _a.readOnly;
     var dispatch = useAppDispatch();
     var settingsData = useAppSelector(settingsSelector).data;
     var data = useAppSelector(bankSelector).data;
@@ -99,6 +99,6 @@ var IBAN = function (_a) {
     var clearValue = function () {
         ibanControl.field.onChange('');
     };
-    return (_jsx(ScreenContainer, { children: _jsx(InputStyled, { label: t('enter_iban'), inputProps: { maxLength: MAX_IBAN_VALUE }, onChange: handleIbanChange, value: ibanValue, placeholder: t('iban_input_placeholder', { countrycode: settingsData.businessCountry.iso2.toUpperCase() }), warningType: 'alert', warningMessage: error && t(error), required: true, disabled: isNonEditable, endAdornment: ibanChecking ? (_jsx(CircularProgress, { size: 25, thickness: 5, sx: { height: 'auto !important' } })) : !error && ibanValue ? (_jsx(CheckIcon, {})) : (ibanValue && _jsx(ClearIcon, { onClick: clearValue })) }) }));
+    return (_jsx(ScreenContainer, { children: _jsx(InputStyled, { readOnly: readOnly, label: t('enter_iban'), inputProps: { maxLength: MAX_IBAN_VALUE }, onChange: handleIbanChange, value: ibanValue, placeholder: t('iban_input_placeholder', { countrycode: settingsData.businessCountry.iso2.toUpperCase() }), warningType: 'alert', warningMessage: error && t(error), required: true, disabled: isNonEditable, endAdornment: ibanChecking ? (_jsx(CircularProgress, { size: 25, thickness: 5, sx: { height: 'auto !important' } })) : !error && ibanValue ? (_jsx(CheckIcon, {})) : (ibanValue && _jsx(ClearIcon, { onClick: clearValue })) }) }));
 };
 export default IBAN;

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

@@ -12,6 +12,7 @@ export declare const InputLabelStyled: import("@emotion/styled").StyledComponent
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | 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" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const InputStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../../components/Input").InputProps, "name" | "type" | "className" | "style" | "classes" | "color" | "margin" | "translate" | "slot" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "size" | "disabled" | "error" | "value" | "components" | "componentsProps" | "autoFocus" | "fullWidth" | "required" | "rows" | "inputProps" | "inputRef" | "readOnly" | "autoComplete" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "maxRows" | "minRows" | "startAdornment" | "disableUnderline" | "onEnterPressed" | "warningMessage"> & {
     placeholder?: string | undefined;
     hide?: boolean | undefined;
@@ -86,6 +87,7 @@ export interface ActivitiesListProps {
     show: boolean;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
 }
-declare const ActivitiesList: ({ show, ...rest }: ActivitiesListProps) => JSX.Element;
+declare const ActivitiesList: ({ show, readOnly, ...rest }: ActivitiesListProps) => JSX.Element;
 export default ActivitiesList;

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

@@ -48,11 +48,14 @@ import { sortActivitiesByName } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { brandSelector } from '../../../app/brand/brandStore';
 import CheckIcon from '@mui/icons-material/Check';
-import { MandatoryStyled } from './OperationStartDate';
 export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
 });
+export var MandatoryStyled = styled('span')(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
+});
 export var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -103,7 +106,7 @@ export var NameContainer = styled(Text, { shouldForwardProp: function (prop) { r
 });
 var ActivitiesList = function (_a) {
     var _b, _c, _d;
-    var show = _a.show, rest = __rest(_a, ["show"]);
+    var show = _a.show, readOnly = _a.readOnly, rest = __rest(_a, ["show", "readOnly"]);
     var _e = React.useState([]), activitiesMenuList = _e[0], setActivitiesMenuList = _e[1];
     var _f = React.useState(null), anchorEl = _f[0], setAnchorEl = _f[1];
     var t = useTranslation().t;
@@ -114,7 +117,7 @@ var ActivitiesList = function (_a) {
     var controlValue = activitiesControl.field.value;
     var _g = React.useState(false), isHovered = _g[0], setIsHovered = _g[1];
     var verify = data.verify;
-    var _h = verify.responseBody || {}, activities = _h.activities, brand = _h.brand;
+    var activities = (verify.responseBody || {}).activities;
     var isCR = ((_d = (_c = (_b = verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.license) === null || _d === void 0 ? void 0 : _d.type) === 'commercial_registration';
     var disabled = false;
     React.useEffect(function () {
@@ -126,6 +129,8 @@ var ActivitiesList = function (_a) {
     }, [activities]);
     var onOpenList = function (event) {
         var _a;
+        if (readOnly)
+            return;
         setAnchorEl(event.currentTarget);
         (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
@@ -145,17 +150,17 @@ var ActivitiesList = function (_a) {
         activitiesControl.field.onChange(__spreadArray(__spreadArray([], controlValue, true), [item], false));
     };
     var getSelectedActivities = function () {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if ((controlValue === null || controlValue === void 0 ? void 0 : controlValue.length) > 1) {
             return (controlValue === null || controlValue === void 0 ? void 0 : controlValue.length) + ' ' + t('activities_selected');
         }
         var item = controlValue[0];
-        return 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;
+        return isAr ? (_b = (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar) !== null && _b !== void 0 ? _b : '' : (_d = (_c = item === null || item === void 0 ? void 0 : item.name) === null || _c === void 0 ? void 0 : _c.en) !== null && _d !== void 0 ? _d : '';
     };
     var getSelectedActivityFlag = function (item) {
         return controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.id === item.id; });
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsxs(InputLabelStyled, { children: [t(isCR ? 'activities' : 'category'), " ", _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Tooltip, __assign({ title: t('activities_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, disabled: disabled, value: getSelectedActivities(), placeholder: isCR ? t('choose_activities') : t('category_name'), onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsxs(InputLabelStyled, { children: [t(isCR ? 'activities' : 'category'), " ", _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Tooltip, __assign({ title: t('activities_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, disabled: disabled, value: getSelectedActivities(), placeholder: isCR ? t('choose_activities') : t('category_name'), onClick: disabled ? undefined : !!anchorEl ? onCloseList : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
                                     var _a, _b, _c;
                                     return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: item.id === ((_a = getSelectedActivityFlag(item)) === null || _a === void 0 ? void 0 : _a.id) }, { children: isAr ? (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = item === null || item === void 0 ? void 0 : item.name) === null || _c === void 0 ? void 0 : _c.en })) })), getSelectedActivityFlag(item) && _jsx(CheckIconStyled, {})] }));
                                 } }) }))] })] }) })));