@tap-payments/auth-jsconnect 2.4.17-test → 2.4.19-test

package/build/assets/locales/ar.json

@@ -407,5 +407,6 @@
     "call_center_label": "مركز الاتصال",
     "mobile_app_label": "تطبيقات هاتف",
     "physical_store_label": "متجر",
-    "social_media_label": "وسائل التواصل الاجتماعي"
+    "social_media_label": "وسائل التواصل الاجتماعي",
+    "selected_activities": "اختر الأنشطة"
 }

package/build/assets/locales/en.json

@@ -437,5 +437,6 @@
     "call_center_label": "Call Center",
     "mobile_app_label": "Mobile App",
     "physical_store_label": "Physical Store",
-    "social_media_label": "Social Media"
+    "social_media_label": "Social Media",
+    "selected_activities": "Selected Activities"
 }

package/build/components/SimpleList/SimpleList.js

@@ -99,7 +99,7 @@ function SimpleList(_a) {
     var onKeySearch = function (_a) {
         var code = _a.code;
         if (code) {
-            var filteredArr = filterItemsByKey(items, code);
+            var filteredArr = filterItemsByKey(list, code);
             if (filteredArr.length === 0 || code === 'Backspace')
                 setItems(list);
             else
@@ -110,7 +110,7 @@ function SimpleList(_a) {
         useEventListener('keydown', onKeySearch);
     var onSearch = function (value) {
         if (value) {
-            var filteredArr = items.filter(function (item) {
+            var filteredArr = list.filter(function (item) {
                 var target = (searchValuePath === null || searchValuePath === void 0 ? void 0 : searchValuePath.map(function (path) { return get(item, path) || ''; })) || [];
                 return target.some(function (item) { return item === null || item === void 0 ? void 0 : item.toLowerCase().includes(value.toLowerCase()); });
             });

package/build/features/entity/screens/EntityCapital/ActivityList.js

@@ -30,7 +30,7 @@ import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Text from '../../../../components/Text';
-import { findCurrencyByIso2, isExist, groupSectionWithSelectedActivitiesAtBeginning, hasVerifiedValue } from '../../../../utils';
+import { findCurrencyByIso2, isExist, groupSectionWithSelectedActivitiesAtBeginning, hasVerifiedValue, filterActivitiesByName } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import Search from '../../../shared/Search';
 import Input from '../../../shared/Input';
@@ -45,6 +45,16 @@ var InputStyled = styled(Input)(function (_a) {
         }
     });
 });
+var SelectedInputStyled = styled(InputStyled, { shouldForwardProp: function (prop) { return prop !== 'anchorEl'; } })(function (_a) {
+    var anchorEl = _a.anchorEl;
+    return ({
+        '&.MuiInputBase-root': {
+            '&.MuiInput-root': __assign({ borderTop: 'none' }, (!anchorEl && {
+                borderBottom: 'none'
+            }))
+        }
+    });
+});
 export var NameContainer = styled(Text, { shouldForwardProp: function (prop) { return !['isSelected', 'isAr'].includes(prop.toString()); } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected, isAr = _a.isAr;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { textAlign: isAr ? 'right' : 'left', fontWeight: isSelected ? theme.typography.fontWeightRegular : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
@@ -83,17 +93,31 @@ var ActivityList = function (_a) {
     var onListClose = _a.onListClose, onListOpen = _a.onListOpen, readOnly = _a.readOnly;
     var _b = React.useState([]), activities = _b[0], setActivities = _b[1];
     var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
-    var _d = React.useState(''), subIndex = _d[0], setSubIndex = _d[1];
-    var _e = React.useState(''), subItemIndex = _e[0], setSubItemIndex = _e[1];
+    var _d = React.useState(null), activityAnchorEl = _d[0], setActivityAnchorEl = _d[1];
+    var _e = React.useState(''), subIndex = _e[0], setSubIndex = _e[1];
+    var _f = React.useState(''), subItemIndex = _f[0], setSubItemIndex = _f[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var activitiesControl = useController({ name: 'activities', control: control });
     var data = useAppSelector(entitySelector).data;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _f = data.verify.responseBody || {}, activityList = _f.activityList, entity = _f.entity;
+    var _g = data.verify.responseBody || {}, activityList = _g.activityList, entity = _g.entity;
     var controlValue = activitiesControl.field.value;
     var countryCode = settingsData.businessCountry;
+    var handleOpenActivityMenu = function (event) {
+        setActivityAnchorEl(event.currentTarget);
+    };
+    var handleCloseActivityMenu = function () {
+        var isSearchActive = !(activityList === null || activityList === void 0 ? void 0 : activityList.find(function (s) { var _a; return (_a = s.divisions) === null || _a === void 0 ? void 0 : _a.length; }));
+        if (isSearchActive) {
+            var list = groupSectionWithSelectedActivitiesAtBeginning(activityList, controlValue);
+            if ((list === null || list === void 0 ? void 0 : list.length) > 0) {
+                setActivities(list);
+            }
+        }
+        setActivityAnchorEl(null);
+    };
     var handleOpenMainMenu = function (event) {
         if (readOnly)
             return;
@@ -218,13 +242,7 @@ var ActivityList = function (_a) {
             setActivities(activityList);
             return;
         }
-        var filteredList = (activityList || [])
-            .flatMap(function (s) { return s.divisions; })
-            .flatMap(function (d) { return d.activities; })
-            .filter(function (a) {
-            var _a, _b, _c, _d;
-            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()));
-        });
+        var filteredList = filterActivitiesByName(activityList, value);
         setActivities(filteredList);
     };
     React.useEffect(function () {
@@ -234,7 +252,12 @@ var ActivityList = function (_a) {
     }, [anchorEl, controlValue]);
     return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_monthly', {
                     currency: t(findCurrencyByIso2(countryCode.iso2))
-                }) }), _jsx(InputStyled, { readOnly: readOnly, value: getSelectedActivities() || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch, placeholder: 'search_activities_placeholder' }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: activities, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (section) {
+                }) }), _jsx(InputStyled, { readOnly: readOnly, value: getSelectedActivities() || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsxs(Collapse, __assign({ in: !!(controlValue === null || controlValue === void 0 ? void 0 : controlValue.length) }, { children: [_jsx(SelectedInputStyled, { readOnly: readOnly, anchorEl: activityAnchorEl, value: t('selected_activities'), onClick: !!activityAnchorEl ? handleCloseActivityMenu : handleOpenActivityMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!activityAnchorEl }) }), _jsx(Collapse, __assign({ in: !!activityAnchorEl }, { children: _jsx(ActivityListStyled, { sx: { pt: 0, pb: 0 }, list: controlValue || [], onSelectItem: function (activity, e) {
+                                        e.stopPropagation();
+                                        onSelectItem(activity);
+                                    }, listItemProps: { sx: { padding: 0, '&:last-child': { paddingBottom: 0 } } }, renderItem: function (activity, idx) {
+                                        return (_jsxs(ListItem, __assign({ sx: { mt: idx === 0 ? 1 : 0 } }, { children: [_jsx(NameContainer, __assign({ isAr: isAr, isSelected: activity.id === getSelectedActivityFlag(activity) }, { children: getSelectedActivityName(activity) })), activity.id === getSelectedActivityFlag(activity) && _jsx(CheckIcon, { isVerified: isActivityVerified(activity) })] })));
+                                    } }) }))] })), _jsx(Search, { onSearchValue: handleSearch, placeholder: 'search_activities_placeholder' }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: activities, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (section) {
                             var isDivisionNotAvailable = !section.divisions || section.divisions.length === 0;
                             if (isDivisionNotAvailable)
                                 onSelectItem(section);

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

@@ -45,7 +45,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import Button from '../../../components/Button';
 import { alpha, styled } from '@mui/material/styles';
@@ -145,6 +145,19 @@ 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;
@@ -222,6 +235,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, {})) : (_jsx(Image, { sx: { height: 15, transform: isAr ? 'scale(-1)' : 'scale(1)' }, 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 === '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));
         }) }));
 }

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

@@ -65,14 +65,23 @@ var SuccessFlowButtons = function (_a) {
     var maskedId = (identification === null || identification === void 0 ? void 0 : identification.id) ? " ".concat(t('masking_symbols')).concat((_d = identification === null || identification === void 0 ? void 0 : identification.id) === null || _d === void 0 ? void 0 : _d.slice(-2)) : '';
     var email = (primary_contact || {}).email;
     var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, boardId, boardInfoId);
+    var flowsDetails = [
+        { name: 'brand', status: brand === null || brand === void 0 ? void 0 : brand.data_state },
+        { name: 'entity', status: entity === null || entity === void 0 ? void 0 : entity.data_state },
+        { name: 'bank', status: bank === null || bank === void 0 ? void 0 : bank.data_state },
+        { name: 'tax', status: entity === null || entity === void 0 ? void 0 : entity.tax_data_state },
+        { name: 'individuals', status: individuals === null || individuals === void 0 ? void 0 : individuals.data_state }
+    ];
     var reMapFlowData = function (flows) {
         if (flows === void 0) { flows = []; }
         var images = ICONS_NAMES;
         var mappedFlows = flows
             .filter(function (item) { return item === null || item === void 0 ? void 0 : item.name; })
             .map(function (_a) {
-            var name = _a.name, url = _a.url, status = _a.status, token = _a.token;
-            var type = status === 'completed' ? 'completed' : 'pending';
+            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 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,
@@ -82,7 +91,7 @@ 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 isCompleted = status === 'verified' && name !== 'password';
             var isIndividual = name === 'individual';
             var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
             var hoverSrc = "".concat(name, "_white_icon");
@@ -101,7 +110,7 @@ var SuccessFlowButtons = function (_a) {
         setButtons(mappedFlows);
     };
     var checkIfFlowsAreCompletedExceptPassword = function (data) {
-        var isFlowsCompleted = data.every(function (flow) { return flow.status === 'completed' && flow.name !== 'password'; });
+        var isFlowsCompleted = data.every(function (flow) { return flow.status === 'complete' && flow.name !== 'password'; });
         return isFlowsCompleted;
     };
     useEffect(function () {

package/build/utils/array.d.ts

@@ -1,4 +1,4 @@
-import { ActivitiesIsIc, Activity, CountryCode, SaleChannel } from '../@types';
+import { ActivitiesIsIc, Activity, ActivityParams, CountryCode, SaleChannel } from '../@types';
 export declare const isArray: (value: any) => value is any[];
 export declare const joinArray: (items: Array<any>, joiner?: string) => string;
 export declare const replaceStringArrayItems: (items: Array<string>, include: string, withThis: string) => string[];
@@ -66,3 +66,4 @@ export declare const getFileDetailsFromDocument: (documents: Array<any>, purpose
 export declare const getRecentDocumentBasedOnPurpose: (documents: Array<any>, purpose: string) => any;
 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[];

package/build/utils/array.js

@@ -251,3 +251,12 @@ export var groupSectionWithSelectedActivitiesAtBeginning = function (sections, s
     var remainingSections = sections.filter(function (section) { return !filteredSections.includes(section); });
     return __spreadArray(__spreadArray([], mapSelectedActivitiesBeginning, true), remainingSections, true);
 };
+export var filterActivitiesByName = function (activityList, value) {
+    return (activityList || [])
+        .flatMap(function (s) { return s.divisions || []; })
+        .flatMap(function (d) { return d.activities || []; })
+        .filter(function (a) {
+        var _a, _b, _c, _d;
+        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()));
+    });
+};

package/package.json

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