@tap-payments/auth-jsconnect 2.3.93-test → 2.3.94-test

package/build/api/board.d.ts

@@ -3,6 +3,7 @@ export declare type UpdateBoardBody = {
     infoId?: string;
     step_name: string;
     lang: string;
+    object_id?: string;
     encryption_contract?: string;
 };
 export declare type RetrieveBoardInfoBody = {

package/build/constants/assets.d.ts

@@ -49,9 +49,11 @@ export declare const ICONS_NAMES: {
     WHITE_ARROW: string;
     BLACK_ARROW: string;
     BLUE_ARROW: string;
+    GREEN_ARROW: string;
     REQUEST_EMAIL: string;
     REQUEST_EMAIL_GREEN: string;
     ADD_DETAIL: string;
+    ADD_DETAIL_GREEN: string;
     SUCCESS: string;
     UNFINISHED: string;
     ABSHER_LOGO: string;

package/build/constants/assets.js

@@ -49,9 +49,11 @@ export var ICONS_NAMES = {
     WHITE_ARROW: 'https://tap-connecet.b-cdn.net/imgs/whiteArrow.svg',
     BLACK_ARROW: 'https://dash.b-cdn.net/icons/menu/arrow_right_icon.svg',
     BLUE_ARROW: 'https://dash.b-cdn.net/icons/menu/blue_arrow_next.svg',
+    GREEN_ARROW: 'https://dash.b-cdn.net/icons/menu/green_arrow_next.svg',
     REQUEST_EMAIL: 'https://dash.b-cdn.net/icons/menu/request_email.svg',
     REQUEST_EMAIL_GREEN: 'https://dash.b-cdn.net/icons/menu/request_email_green.svg',
     ADD_DETAIL: 'https://dash.b-cdn.net/icons/menu/add_detail.svg',
+    ADD_DETAIL_GREEN: 'https://dash.b-cdn.net/icons/menu/add_detail_green.svg',
     SUCCESS: 'https://dash.b-cdn.net/icons/menu/image.png',
     UNFINISHED: 'https://dash.b-cdn.net/icons/menu/not-finished.png',
     ABSHER_LOGO: 'https://dash.b-cdn.net/icons/menu/Absher.svg',

package/build/features/app/individual/individualStore.js

@@ -763,31 +763,34 @@ export var checkEmailAvailability = createAsyncThunk('checkEmailAvailability', f
     });
 });
 export var updateBoardSuccess = createAsyncThunk('individualUpdateBoardSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, individual, _b, id, infoId, payload, data, boardInfoStatus;
-    var _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var _a, settings, individual, _b, id, infoId, _c, notification, user, userId, payload, data, boardInfoStatus;
+    var _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, individual = _a.individual;
                 _b = individual.data.verify.responseBody || {}, id = _b.board_id, infoId = _b.board_info_id;
+                _c = individual.data.verify.responseBody || {}, notification = _c.notification, user = _c.user;
+                userId = (((user === null || user === void 0 ? void 0 : user.is_authorized) ? user : notification === null || notification === void 0 ? void 0 : notification.recipient) || {}).id;
                 if (!id)
                     return [2];
                 payload = {
                     lang: settings.data.language,
+                    object_id: userId,
                     step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_SUCCESS,
                     id: id
                 };
                 return [4, API.boardService.updateBoardInfo(__assign({ id: id, infoId: infoId }, payload))];
             case 1:
-                data = _g.sent();
+                data = _h.sent();
                 return [4, API.boardService.retrieveBoardInfoStatus(id)];
             case 2:
-                boardInfoStatus = _g.sent();
+                boardInfoStatus = _h.sent();
                 return [4, thunkApi.dispatch(retrieveBoardDetails(id))];
             case 3:
-                _g.sent();
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, {});
-                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
+                _h.sent();
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, {});
+                (_g = (_f = settings.data.appConfig).onFlowCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, { data: data });
                 thunkApi.dispatch(handleNextScreenStep());
                 return [2, { response: __assign(__assign({}, data), { flows: (boardInfoStatus === null || boardInfoStatus === void 0 ? void 0 : boardInfoStatus.info) || [] }), formData: params }];
         }

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

@@ -88,7 +88,7 @@ var UserList = function (_a) {
     var _l = data.individualCollectData, email = _l.email, mobile = _l.mobile, responseBody = _l.responseBody;
     var is_available = (responseBody || {}).is_available;
     var verify = data.verify;
-    var _m = verify.responseBody || {}, userList = _m.userList, notification = _m.notification;
+    var _m = verify.responseBody || {}, userList = _m.userList, notification = _m.notification, flows = _m.flows;
     var methods = useForm({
         resolver: yupResolver(IndividualCollectInfoValidationSchema(activeUser)),
         defaultValues: {
@@ -160,6 +160,15 @@ var UserList = function (_a) {
         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 isUserCompleted = function (user) {
+        var _a;
+        var status = (flows || []).find(function (_a) {
+            var name = _a.name;
+            return name === 'individual';
+        });
+        var isCompleted = ((_a = status === null || status === void 0 ? void 0 : status.object_status) === null || _a === void 0 ? void 0 : _a[user.id]) === 'completed';
+        return isCompleted;
+    };
     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));
@@ -186,6 +195,7 @@ var UserList = function (_a) {
             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: {
+                                isCompleted: isUserCompleted(user),
                                 title: t('add_details'),
                                 onClick: onAddDetails,
                                 loading: isActiveUser(user) && loading && type === IndividualRequestType.ADD

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 & {
+        isCompleted: boolean;
+    };
 }
 export default function IndividualActionButtons({ isAr, requestEmail, addDetails }: IndividualActionButtonsProps): JSX.Element;
 export {};

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

@@ -81,6 +81,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 +151,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.isCompleted, isLoading: addDetails.loading, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: addDetails.isCompleted ? ICONS_NAMES.ADD_DETAIL_GREEN : ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(ArrowIconStyled, { isAr: isAr, src: addDetails.isCompleted ? ICONS_NAMES.GREEN_ARROW : ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(LoaderStyled, { innerColor: addDetails.isCompleted ? theme.palette.success.main : theme.palette.primary.main, outerColor: addDetails.isCompleted ? 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/SuccessFlowButtons/SuccessFlowButtons.js

@@ -71,6 +71,7 @@ var SuccessFlowButtons = function (_a) {
         var mappedFlows = flows
             .filter(function (item) { return item === null || item === void 0 ? void 0 : item.name; })
             .map(function (_a) {
+            var _b;
             var name = _a.name, url = _a.url, status = _a.status, token = _a.token;
             var type = status === 'completed' ? 'completed' : 'pending';
             var title = t("".concat(name, "_flow_").concat(type), {
@@ -82,8 +83,14 @@ var SuccessFlowButtons = function (_a) {
                 iban: iban ? t('masking_symbols') + iban : '',
                 tax_id: taxID ? t('masking_symbols') + showLastFour(taxID) : ''
             });
-            var isCompleted = status === 'completed' && name !== 'password';
+            var individualStatus = ((_b = (flows || []).find(function (_a) {
+                var name = _a.name;
+                return name === 'individual';
+            })) === null || _b === void 0 ? void 0 : _b.object_status) || {};
+            var isIndividualAllCompleted = Object.keys(individualStatus).length === count;
+            var isIndividualCompleted = is_authorized && count > 1 ? isIndividualAllCompleted : status === 'completed';
             var isIndividual = name === 'individual';
+            var isCompleted = isIndividual ? isIndividualCompleted : status === 'completed' && name !== 'password';
             var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
             var hoverSrc = "".concat(name, "_white_icon");
             return {

package/package.json

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