@tap-payments/auth-jsconnect 2.4.21-test → 2.4.25-test

package/build/features/individual/screens/AdditionalIndividualInfo/validation.d.ts

@@ -1,13 +1,13 @@
 import * as yup from 'yup';
 import { IndividualType } from '../../../../@types';
-export declare const IndividualInfoValidationSchema: (type: IndividualType) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+export declare const IndividualInfoValidationSchema: (objects: Array<IndividualType>) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     occupation: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     sourceIncome: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     monthlyIncome: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     civilID: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     signatureFileId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
-    isPEP: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, boolean | undefined>;
-    isInfluencer: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, boolean | undefined>;
+    isPEP: yup.BooleanSchema<boolean | null | undefined, import("yup/lib/types").AnyObject, boolean | null | undefined>;
+    isInfluencer: yup.BooleanSchema<boolean | null | undefined, import("yup/lib/types").AnyObject, boolean | null | undefined>;
     shareCount: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     shareValue: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -16,8 +16,8 @@ export declare const IndividualInfoValidationSchema: (type: IndividualType) => y
     monthlyIncome: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     civilID: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     signatureFileId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
-    isPEP: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, boolean | undefined>;
-    isInfluencer: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, boolean | undefined>;
+    isPEP: yup.BooleanSchema<boolean | null | undefined, import("yup/lib/types").AnyObject, boolean | null | undefined>;
+    isInfluencer: yup.BooleanSchema<boolean | null | undefined, import("yup/lib/types").AnyObject, boolean | null | undefined>;
     shareCount: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     shareValue: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -26,8 +26,8 @@ export declare const IndividualInfoValidationSchema: (type: IndividualType) => y
     monthlyIncome: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     civilID: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     signatureFileId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
-    isPEP: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, boolean | undefined>;
-    isInfluencer: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, boolean | undefined>;
+    isPEP: yup.BooleanSchema<boolean | null | undefined, import("yup/lib/types").AnyObject, boolean | null | undefined>;
+    isInfluencer: yup.BooleanSchema<boolean | null | undefined, import("yup/lib/types").AnyObject, boolean | null | undefined>;
     shareCount: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     shareValue: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;

package/build/features/individual/screens/AdditionalIndividualInfo/validation.js

@@ -1,14 +1,15 @@
 import * as yup from 'yup';
-import { IndividualType } from '../../../../@types';
-export var IndividualInfoValidationSchema = function (type) {
+import { getIndividualType } from '../../../../utils';
+export var IndividualInfoValidationSchema = function (objects) {
+    var isUserType = getIndividualType(objects).isUser;
     return yup.object().shape({
-        occupation: type === IndividualType.USER ? yup.object().required('alert_choose_occupation') : yup.object().optional(),
-        sourceIncome: type === IndividualType.USER ? yup.object().required('choose_any_source_of_income') : yup.object().optional(),
+        occupation: isUserType ? yup.object().required('alert_choose_occupation') : yup.object().optional(),
+        sourceIncome: isUserType ? yup.object().required('choose_any_source_of_income') : yup.object().optional(),
         monthlyIncome: yup.object().optional(),
         civilID: yup.array().optional(),
         signatureFileId: yup.array().optional(),
-        isPEP: type === IndividualType.USER ? yup.boolean().required('please_choose_relative_pep') : yup.boolean().optional(),
-        isInfluencer: type === IndividualType.USER ? yup.boolean().required('please_choose_are_you_influncer') : yup.boolean().optional(),
+        isPEP: isUserType ? yup.boolean().required('please_choose_relative_pep') : yup.boolean().optional().nullable(),
+        isInfluencer: isUserType ? yup.boolean().required('please_choose_are_you_influncer') : yup.boolean().optional().nullable(),
         shareCount: yup.string().optional(),
         shareValue: yup.string().optional()
     });

package/build/features/individual/screens/IndividualList/UserList.js

@@ -157,20 +157,23 @@ var UserList = function (_a) {
         return (activeUser === null || activeUser === void 0 ? void 0 : activeUser.id) === user.id;
     };
     var isSameUserRequestedBefore = function (user) {
-        var _a;
-        return (user === null || user === void 0 ? void 0 : user.id) === ((_a = notification === null || notification === void 0 ? void 0 : notification.recipient) === null || _a === void 0 ? void 0 : _a.id);
+        var _a, _b;
+        return (_a = user === null || user === void 0 ? void 0 : user.ids) === null || _a === void 0 ? void 0 : _a.includes((_b = notification === null || notification === void 0 ? void 0 : notification.recipient) === null || _b === void 0 ? void 0 : _b.id);
+    };
+    var getUserStatus = function (user) {
+        return user === null || user === void 0 ? void 0 : user.individual_data_state;
     };
     var isPhoneAndEmailAvailable = function (user) {
         var _a = (user === null || user === void 0 ? void 0 : user.contact) || { email: '' }, resEmail = _a.email, phone = _a.phone;
         return !!(isValidEmail(resEmail) && (phone === null || phone === void 0 ? void 0 : phone.country_code) && (phone === null || phone === void 0 ? void 0 : phone.number));
     };
     var getUserRole = function (user) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         if ((((_a = user === null || user === void 0 ? void 0 : user.role) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0)
             return isAr ? (_c = (_b = user.role[0]) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.ar : (_e = (_d = user.role[0]) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.en;
-        if ((user === null || user === void 0 ? void 0 : user.type) === IndividualType.SHARE_HOLDER)
+        if ((_f = user === null || user === void 0 ? void 0 : user.objects) === null || _f === void 0 ? void 0 : _f.includes(IndividualType.SHARE_HOLDER))
             return t('type_share_holder');
-        if ((user === null || user === void 0 ? void 0 : user.type) === IndividualType.BOARD_MEMBER)
+        if ((_g = user === null || user === void 0 ? void 0 : user.objects) === null || _g === void 0 ? void 0 : _g.includes(IndividualType.BOARD_MEMBER))
             return t('type_board_member');
         return t('type_user');
     };
@@ -185,7 +188,8 @@ var UserList = function (_a) {
     return (_jsx(ScreenContainerStyled, { children: usersMenuList.map(function (user, index) {
             return (_jsxs(Box, __assign({ sx: index !== usersMenuList.length - 1 ? { borderBottom: "1px solid ".concat(alpha(theme.palette.divider, 0.8)) } : {} }, { children: [_jsxs(TextBoxStyled, __assign({ sx: {
                             cursor: emailChecking ? 'default' : 'pointer'
-                        }, onClick: !!anchorEl && isActiveUser(user) ? function () { return onCloseUserAction(); } : function (e) { return onClickUser(user, e); } }, { children: [_jsxs(TextStyled, { children: [_jsx("span", { children: getName(user) || '' }), _jsx(RoleTextStyled, { children: getUserRole(user) || '' })] }), (user === null || user === void 0 ? void 0 : user.isRequestedEmail) ? _jsx(CheckIcon, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl && isActiveUser(user) })] })), _jsx(Collapse, __assign({ in: !!anchorEl && isActiveUser(user), timeout: 300 }, { children: _jsx(IndividualActionButtons, { isAr: isAr, addDetails: {
+                        }, onClick: !!anchorEl && isActiveUser(user) ? function () { return onCloseUserAction(); } : function (e) { return onClickUser(user, e); } }, { children: [_jsx(TextStyled, { children: _jsx("span", { children: getName(user) || '' }) }), (user === null || user === void 0 ? void 0 : user.isRequestedEmail) ? _jsx(CheckIcon, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl && isActiveUser(user) })] })), _jsx(Collapse, __assign({ in: !!anchorEl && isActiveUser(user), timeout: 300 }, { children: _jsx(IndividualActionButtons, { isAr: isAr, addDetails: {
+                                status: getUserStatus(user),
                                 title: t('add_details'),
                                 onClick: onAddDetails,
                                 loading: isActiveUser(user) && loading && type === IndividualRequestType.ADD

package/build/features/individual/screens/IndividualPersonalInfo/IndividualPersonalInfo.js

@@ -18,7 +18,6 @@ import { handleCurrentActiveScreen, handlePrevScreenStep, settingsSelector } fro
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
-import { IndividualType } from '../../../../@types';
 import { convertToEnglishDateFormat, getUserName } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -38,10 +37,6 @@ import ExpiryDate from './ExpiryDate';
 import BirthCountry from './BirthCountry';
 import Nationality from './Nationality';
 import BirthCity from './BirthCity';
-var TextBoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ display: 'flex', justifyContent: 'center', flexDirection: 'row', padding: theme.spacing(1.8, 2.5, 1.8, 2.5) }, theme.typography.body1), { lineHeight: theme.spacing(2.5), color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium }));
-});
 export var RoleTextStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({}, theme.typography.body1), { display: 'inline', paddingInlineStart: theme.spacing(1.5), color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }));
@@ -65,7 +60,7 @@ var IndividualPersonalInfo = function (_a) {
     var verify = data.verify, individualPersonalData = data.individualPersonalData;
     var _m = verify.responseBody || {}, user = _m.user, flows = _m.flows;
     var name = individualPersonalData.name, email = individualPersonalData.email, mobile = individualPersonalData.mobile, countryCode = individualPersonalData.countryCode, gender = individualPersonalData.gender, nid = individualPersonalData.nid, issuedCountry = individualPersonalData.issuedCountry, expiryDate = individualPersonalData.expiryDate, dob = individualPersonalData.dob, placeOfBirthCountry = individualPersonalData.placeOfBirthCountry, placeOfBirthCity = individualPersonalData.placeOfBirthCity, nationality = individualPersonalData.nationality;
-    var _o = user || {}, data_status = _o.data_status, is_authorized = _o.is_authorized, data_verification = _o.data_verification, names = _o.names, role = _o.role, type = _o.type, contact = _o.contact, genderRes = _o.gender, identification = _o.identification, birth = _o.birth, nationalityRes = _o.nationality;
+    var _o = user || {}, data_status = _o.data_status, is_authorized = _o.is_authorized, data_verification = _o.data_verification, contact = _o.contact, genderRes = _o.gender, identification = _o.identification, birth = _o.birth, nationalityRes = _o.nationality;
     var methods = useForm({
         resolver: yupResolver(IndividualInfoValidationSchema),
         defaultValues: {
@@ -169,21 +164,6 @@ var IndividualPersonalInfo = function (_a) {
     var handleExpiryDateActive = function (flag) {
         setExpiryDateActive(flag);
     };
-    var getName = function () {
-        var _a, _b;
-        var name = isAr ? (_a = names === null || names === void 0 ? void 0 : names.ar) === null || _a === void 0 ? void 0 : _a.first : (_b = names === null || names === void 0 ? void 0 : names.en) === null || _b === void 0 ? void 0 : _b.first;
-        return name;
-    };
-    var getUserOccupation = function () {
-        var _a, _b, _c, _d;
-        if (((role === null || role === void 0 ? void 0 : role.length) || 0) > 0)
-            return isAr ? (_b = (_a = user.role[0]) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.ar : (_d = (_c = user.role[0]) === null || _c === void 0 ? void 0 : _c.name) === null || _d === void 0 ? void 0 : _d.en;
-        if (type === IndividualType.SHARE_HOLDER)
-            return t('type_share_holder');
-        if (type === IndividualType.BOARD_MEMBER)
-            return t('type_board_member');
-        return t('type_user');
-    };
     var disabled = !methods.formState.isValid || cityLoading;
     var isDateFieldActive = dobActive || expiryDateActive;
     var showField = !listActive && !isDateFieldActive;
@@ -192,11 +172,11 @@ var IndividualPersonalInfo = function (_a) {
     var isBirthCountryListActive = listActive === ListType.BirthCountryList;
     var isBirthCityListActive = listActive === ListType.BirthCityList;
     var isNationalityListActive = listActive === ListType.NationalityList;
-    return (_jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: showField && !!is_authorized, timeout: 500 }, { children: _jsxs(TextBoxStyled, { children: [getName() || '', _jsx(RoleTextStyled, { children: getUserOccupation() || '' })] }) })), _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Box, { children: [_jsx(Name, { show: showField, readOnly: readOnly['name'] || (noneEditable['name.en'] && noneEditable['name.ar']), isVerified: isNameVerified }), _jsx(MobileNumber, { readOnly: readOnly['mobile'] || noneEditable['contact.phone.number'] || noneEditable['contact.phone.country_code'], show: !isDateFieldActive && !isBirthCountryListActive && !isBirthCityListActive && !isNationalityListActive && !isIssuedCountryListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.MobileCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isPhoneNumberVerified }), _jsx(Email, { show: showField, readOnly: readOnly['email'] || noneEditable['contact.email'], isVerified: isEmailVerified }), _jsx(Gender, { show: showField, readOnly: readOnly['gender'] || noneEditable['gender'], isVerified: isGenderVerified }), _jsx(ID, { show: showField, readOnly: readOnly['nid'] || noneEditable['identification.id'], isVerified: isIDVerified }), _jsx(IssuedCountry, { readOnly: readOnly['issuedCountry'] || noneEditable['identification.issuer_country'], show: !isMobileCountryListActive && !isDateFieldActive && !isBirthCountryListActive && !isBirthCityListActive && !isNationalityListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.IssuedCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isIssuedCountryVerified }), _jsx(ExpiryDate, { show: !listActive && !dobActive, onDateClicked: handleExpiryDateActive, readOnly: readOnly['expiryDate'] || noneEditable['identification.expiry'], isVerified: isExpiryDateVerified }), _jsx(DOB, { show: !listActive && !expiryDateActive, onDateClicked: handleDobActive, readOnly: readOnly['dob'] || noneEditable['birth.date'], isVerified: isDOBVerified }), _jsx(BirthCountry, { readOnly: readOnly['placeOfBirthCountry'] || noneEditable['birth.country'], show: !isMobileCountryListActive && !isDateFieldActive && !isIssuedCountryListActive && !isBirthCityListActive && !isNationalityListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.BirthCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isBirthCountryVerified }), _jsx(BirthCity, { readOnly: readOnly['placeOfBirthCity'] || noneEditable['birth.city'], show: !isMobileCountryListActive &&
-                                        !isDateFieldActive &&
-                                        !isIssuedCountryListActive &&
-                                        !isBirthCountryListActive &&
-                                        !isNationalityListActive, onListOpen: function () { return handleMenuClick(ListType.BirthCityList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isBirthCityVerified }), _jsx(Nationality, { readOnly: readOnly['nationality'] || noneEditable['nationality'], show: !isMobileCountryListActive && !isDateFieldActive && !isIssuedCountryListActive && !isBirthCityListActive && !isBirthCountryListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.NationalityList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isNationalityVerified })] }), _jsx(Collapse, __assign({ in: showField, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) }))] }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Box, { children: [_jsx(Name, { show: showField, readOnly: readOnly['name'] || (noneEditable['name.en'] && noneEditable['name.ar']), isVerified: isNameVerified }), _jsx(MobileNumber, { readOnly: readOnly['mobile'] || noneEditable['contact.phone.number'] || noneEditable['contact.phone.country_code'], show: !isDateFieldActive && !isBirthCountryListActive && !isBirthCityListActive && !isNationalityListActive && !isIssuedCountryListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.MobileCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isPhoneNumberVerified }), _jsx(Email, { show: showField, readOnly: readOnly['email'] || noneEditable['contact.email'], isVerified: isEmailVerified }), _jsx(Gender, { show: showField, readOnly: readOnly['gender'] || noneEditable['gender'], isVerified: isGenderVerified }), _jsx(ID, { show: showField, readOnly: readOnly['nid'] || noneEditable['identification.id'], isVerified: isIDVerified }), _jsx(IssuedCountry, { readOnly: readOnly['issuedCountry'] || noneEditable['identification.issuer_country'], show: !isMobileCountryListActive && !isDateFieldActive && !isBirthCountryListActive && !isBirthCityListActive && !isNationalityListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.IssuedCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isIssuedCountryVerified }), _jsx(ExpiryDate, { show: !listActive && !dobActive, onDateClicked: handleExpiryDateActive, readOnly: readOnly['expiryDate'] || noneEditable['identification.expiry'], isVerified: isExpiryDateVerified }), _jsx(DOB, { show: !listActive && !expiryDateActive, onDateClicked: handleDobActive, readOnly: readOnly['dob'] || noneEditable['birth.date'], isVerified: isDOBVerified }), _jsx(BirthCountry, { readOnly: readOnly['placeOfBirthCountry'] || noneEditable['birth.country'], show: !isMobileCountryListActive && !isDateFieldActive && !isIssuedCountryListActive && !isBirthCityListActive && !isNationalityListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.BirthCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isBirthCountryVerified }), _jsx(BirthCity, { readOnly: readOnly['placeOfBirthCity'] || noneEditable['birth.city'], show: !isMobileCountryListActive &&
+                                    !isDateFieldActive &&
+                                    !isIssuedCountryListActive &&
+                                    !isBirthCountryListActive &&
+                                    !isNationalityListActive, onListOpen: function () { return handleMenuClick(ListType.BirthCityList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isBirthCityVerified }), _jsx(Nationality, { readOnly: readOnly['nationality'] || noneEditable['nationality'], show: !isMobileCountryListActive && !isDateFieldActive && !isIssuedCountryListActive && !isBirthCityListActive && !isBirthCountryListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.NationalityList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isNationalityVerified })] }), _jsx(Collapse, __assign({ in: showField, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 IndividualPersonalInfo.defaultProps = {};
 export default React.memo(IndividualPersonalInfo);

package/build/features/shared/Button/FlowsButtons.js

@@ -58,6 +58,7 @@ import { handleOpen, handleCurrentActiveScreen, handleNextScreenStep, settingsSe
 import { dangerousMessage, getScreenNameBasedOnFlow } from '../../../utils';
 import API from '../../../api';
 import Text from '../../../components/Text';
+import Dot from '../Dot';
 var Image = styled('img')(function (_a) {
     var theme = _a.theme;
     return ({
@@ -145,19 +146,6 @@ var BrandNameStyled = styled(Text)(function (_a) {
         fontWeight: 800
     });
 });
-var Dot = styled('span', {
-    shouldForwardProp: function (prop) { return prop !== 'completed'; }
-})(function (_a) {
-    var theme = _a.theme, completed = _a.completed;
-    return ({
-        height: theme.spacing(1),
-        width: theme.spacing(1),
-        backgroundColor: completed ? theme.palette.primary.main : theme.palette.text.secondary,
-        borderRadius: '50%',
-        marginInlineStart: theme.spacing(1),
-        marginInlineEnd: theme.spacing(-0.5)
-    });
-});
 export default function FlowsButtons(_a) {
     var _this = this;
     var buttons = _a.buttons, data = _a.data;
@@ -235,6 +223,6 @@ export default function FlowsButtons(_a) {
                         onResetPassword();
                     else
                         onRedirect({ title: title, href: href, src: src, hoverSrc: hoverSrc, isCompleted: isCompleted, name: name, status: status, token: token });
-                } }, { children: _jsx(ButtonStyled, __assign({ variant: 'outlined', disabled: isResetPassword(name, status) && loading, isCompleted: isCompleted, hasUrl: !!href, sx: __assign({ mb: isLast ? 2.5 : 1.8 }, sx), endIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(Dot, { completed: status === 'completed' || status === 'complete' }), _jsx(Image, { sx: { height: 15, transform: isAr ? 'scale(-1)' : 'scale(1)', marginInlineStart: 0 }, src: ICONS_NAMES.Arrow_filled_right_icon })] }))), startIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isBrand(name) ? (_jsx(_Fragment, { children: _jsx(BrandImage, { children: _jsx(BrandNameStyled, { children: brandName }) }) })) : (_jsx(Image, { src: src, alt: title })), type: 'button' }, { children: title })) }), idx));
+                } }, { children: _jsx(ButtonStyled, __assign({ variant: 'outlined', disabled: isResetPassword(name, status) && loading, isCompleted: isCompleted, hasUrl: !!href, sx: __assign({ mb: isLast ? 2.5 : 1.8 }, sx), endIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(Dot, { completed: status === 'completed' || status === 'reviewed' }), _jsx(Image, { sx: { height: 15, transform: isAr ? 'scale(-1)' : 'scale(1)', marginInlineStart: 0 }, src: ICONS_NAMES.Arrow_filled_right_icon })] }))), startIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isBrand(name) ? (_jsx(_Fragment, { children: _jsx(BrandImage, { children: _jsx(BrandNameStyled, { children: brandName }) }) })) : (_jsx(Image, { src: src, alt: title })), type: 'button' }, { children: title })) }), idx));
         }) }));
 }

package/build/features/shared/Button/IndividualActionButtons.d.ts

@@ -13,7 +13,9 @@ interface IndividualActionButtonsProps extends ButtonProps {
         show: boolean;
         children?: React.ReactNode;
     };
-    addDetails: buttonProps;
+    addDetails: buttonProps & {
+        status: string;
+    };
 }
 export default function IndividualActionButtons({ isAr, requestEmail, addDetails }: IndividualActionButtonsProps): JSX.Element;
 export {};

package/build/features/shared/Button/IndividualActionButtons.js

@@ -17,8 +17,9 @@ import { ICONS_NAMES } from '../../../constants';
 import Loader from '../../../components/Loader';
 import Button from '../../../components/Button';
 import Icon from '../../../components/Icon';
-import CheckIcon from '../CheckIcon';
 import Collapse from '../../../components/Collapse';
+import CheckIcon from '../CheckIcon';
+import Dot from '../Dot';
 var ArrowIconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
     var theme = _a.theme, isAr = _a.isAr;
     return ({
@@ -81,6 +82,29 @@ var LoaderStyled = styled(Loader)(function (_a) {
         height: theme.spacing(3.75)
     });
 });
+var AddDetailsButtonStyled = styled(ButtonStyled, {
+    shouldForwardProp: function (prop) { return prop !== 'isCompleted'; }
+})(function (_a) {
+    var theme = _a.theme, isCompleted = _a.isCompleted;
+    return (__assign({}, (isCompleted && {
+        '&.MuiButton-outlined': {
+            backgroundColor: theme.palette.common.white,
+            border: "1px solid ".concat(theme.palette.success.main),
+            color: theme.palette.success.main,
+            '&:hover': {
+                cursor: 'pointer',
+                backgroundColor: theme.palette.success.main,
+                color: theme.palette.common.white,
+                img: {
+                    filter: 'brightness(0) invert(1)'
+                },
+                svg: {
+                    filter: 'brightness(0) invert(1)'
+                }
+            }
+        }
+    })));
+});
 var RequestEmailButtonStyled = styled(ButtonStyled, {
     shouldForwardProp: function (prop) { return prop !== 'isRequested' && prop !== 'disabled'; }
 })(function (_a) {
@@ -128,5 +152,5 @@ export default function IndividualActionButtons(_a) {
     var theme = useTheme();
     var isRequestedAndNotLoading = requestEmail.isRequested && !requestEmail.loading;
     var requestEmailLoaderColor = isRequestedAndNotLoading ? theme.palette.success.main : theme.palette.primary.main;
-    return (_jsxs(ButtonBoxStyled, { children: [_jsxs(ButtonStyled, __assign({ isLoading: addDetails.loading, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(LoaderStyled, { innerColor: theme.palette.primary.main, outerColor: theme.palette.primary.main, size: 15, toggleAnimation: addDetails.loading }) })), _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(TextStyled, { children: t(addDetails.title) }) }))] })), requestEmail.show && (_jsxs(_Fragment, { children: [requestEmail.children, _jsxs(RequestEmailButtonStyled, __assign({ isRequested: requestEmail.isRequested, isLoading: requestEmail.loading, variant: 'outlined', disabled: requestEmail.disabled, type: 'button', onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: isRequestedAndNotLoading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: isRequestedAndNotLoading ? _jsx(CheckIconStyled, {}) : _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(LoaderStyled, { innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] }))] }))] }));
+    return (_jsxs(ButtonBoxStyled, { children: [_jsxs(AddDetailsButtonStyled, __assign({ isCompleted: addDetails.status === 'verified', isLoading: addDetails.loading, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: addDetails.status === 'verified' ? ICONS_NAMES.ADD_DETAIL_GREEN : ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [addDetails.status !== 'verified' && _jsx(Dot, { sx: { margin: 0 }, completed: addDetails.status === 'reviewed' }), _jsx(ArrowIconStyled, { isAr: isAr, src: addDetails.status === 'verified' ? ICONS_NAMES.GREEN_ARROW : ICONS_NAMES.BLUE_ARROW })] })) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(LoaderStyled, { innerColor: addDetails.status === 'verified' ? theme.palette.success.main : theme.palette.primary.main, outerColor: addDetails.status === 'verified' ? theme.palette.success.main : theme.palette.primary.main, size: 15, toggleAnimation: addDetails.loading }) })), _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(TextStyled, { children: t(addDetails.title) }) }))] })), requestEmail.show && (_jsxs(_Fragment, { children: [requestEmail.children, _jsxs(RequestEmailButtonStyled, __assign({ isRequested: requestEmail.isRequested, isLoading: requestEmail.loading, variant: 'outlined', disabled: requestEmail.disabled, type: 'button', onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: isRequestedAndNotLoading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: isRequestedAndNotLoading ? _jsx(CheckIconStyled, {}) : _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(LoaderStyled, { innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] }))] }))] }));
 }

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SxProps, Theme } from '@mui/material/styles';
+interface DotProps {
+    completed?: boolean;
+    sx?: SxProps<Theme>;
+}
+export default function Dot(props: DotProps): JSX.Element;
+export {};

package/build/features/shared/Dot/Dot.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+var DotStyled = styled('span', {
+    shouldForwardProp: function (prop) { return prop !== 'completed'; }
+})(function (_a) {
+    var theme = _a.theme, completed = _a.completed;
+    return ({
+        height: theme.spacing(1),
+        width: theme.spacing(1),
+        backgroundColor: completed ? theme.palette.primary.main : theme.palette.text.secondary,
+        borderRadius: '50%',
+        marginInlineStart: theme.spacing(1),
+        marginInlineEnd: theme.spacing(-0.5)
+    });
+});
+export default function Dot(props) {
+    return _jsx(DotStyled, __assign({}, props));
+}

package/build/features/shared/Dot/index.d.ts

@@ -0,0 +1,2 @@
+import Dot from './Dot';
+export default Dot;

package/build/features/shared/Dot/index.js

@@ -0,0 +1,2 @@
+import Dot from './Dot';
+export default Dot;

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.js

@@ -81,7 +81,7 @@ var SuccessFlowButtons = function (_a) {
             var _b;
             var name = _a.name, url = _a.url, flowStatus = _a.status, token = _a.token;
             var status = name === 'password' ? flowStatus : (_b = flowsDetails.find(function (flow) { return flow.name === name; })) === null || _b === void 0 ? void 0 : _b.status;
-            var type = status === 'complete' || status === 'completed' ? 'completed' : 'pending';
+            var type = status === 'reviewed' || status === 'completed' ? 'completed' : 'pending';
             var title = t("".concat(name, "_flow_").concat(type), {
                 individual_name: (is_authorized && count > 1 ? t('company_individuals_details', { count: count }) : username.toLowerCase() + maskedId) || t('individual'),
                 brand: brandName,
@@ -110,7 +110,7 @@ var SuccessFlowButtons = function (_a) {
         setButtons(mappedFlows);
     };
     var checkIfFlowsAreCompletedExceptPassword = function (data) {
-        var isFlowsCompleted = data.every(function (flow) { return flow.status === 'complete' && flow.name !== 'password'; });
+        var isFlowsCompleted = data.every(function (flow) { return flow.status === 'reviewed' && flow.name !== 'password'; });
         return isFlowsCompleted;
     };
     useEffect(function () {

package/build/utils/array.d.ts

@@ -67,3 +67,11 @@ export declare const getRecentDocumentBasedOnPurpose: (documents: Array<any>, pu
 export declare const findInArrayOrSubArray: (items: Array<any>, value: string | number) => null;
 export declare const groupSectionWithSelectedActivitiesAtBeginning: (sections: Array<ActivitiesIsIc>, selectedActivities: Array<Activity>) => ActivitiesIsIc[];
 export declare const filterActivitiesByName: (activityList: Array<ActivitiesIsIc>, value: string) => ActivityParams[];
+export declare const mapUserList: (individuals: any) => any;
+export declare const getIndividualType: (objects: Array<string>) => {
+    isUser: boolean;
+    isShareholder: boolean;
+    isBoardMember: boolean;
+    isBuyer: boolean;
+    isCustomer: boolean;
+};

package/build/utils/array.js

@@ -19,6 +19,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import get from 'lodash-es/get';
+import { IndividualType } from '../@types';
 export var isArray = function (value) { return Array.isArray(value); };
 export var joinArray = function (items, joiner) {
     if (joiner === void 0) { joiner = '__'; }
@@ -260,3 +261,35 @@ export var filterActivitiesByName = function (activityList, value) {
         return ((_b = (_a = a === null || a === void 0 ? void 0 : a.name) === null || _a === void 0 ? void 0 : _a.en) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(value.toLowerCase())) || ((_d = (_c = a === null || a === void 0 ? void 0 : a.name) === null || _c === void 0 ? void 0 : _c.ar) === null || _d === void 0 ? void 0 : _d.toLowerCase().includes(value.toLowerCase()));
     });
 };
+export var mapUserList = function (individuals) {
+    return (individuals || []).map(function (_a) {
+        var list = _a.list, data_state = _a.data_state;
+        return list.reduce(function (acc, obj) {
+            var objects = acc.object ? [acc.object] : [];
+            var ids = acc.id ? [acc.id] : [];
+            if (obj.object) {
+                objects.push(obj.object);
+            }
+            if (obj.id) {
+                ids.push(obj.id);
+            }
+            return __assign(__assign(__assign({}, acc), obj), { individual_data_state: data_state, objects: objects, ids: ids });
+        }, {});
+    });
+};
+export var getIndividualType = function (objects) {
+    var isUser = false, isShareholder = false, isBoardMember = false, isBuyer = false, isCustomer = false;
+    objects === null || objects === void 0 ? void 0 : objects.forEach(function (type) {
+        if (type === IndividualType.USER)
+            isUser = true;
+        else if (type === IndividualType.SHARE_HOLDER)
+            isShareholder = true;
+        else if (type === IndividualType.BOARD_MEMBER)
+            isBoardMember = true;
+        else if (type === IndividualType.BUYER)
+            isBuyer = true;
+        else if (type === IndividualType.CUSTOMER)
+            isCustomer = true;
+    });
+    return { isUser: isUser, isShareholder: isShareholder, isBoardMember: isBoardMember, isBuyer: isBuyer, isCustomer: isCustomer };
+};

package/package.json

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