@antscorp/antsomi-ui 1.3.5-beta.922 → 1.3.5-beta.924

package/es/components/molecules/HeaderV2/HeaderV2.js

@@ -26,7 +26,11 @@ export const HeaderV2 = memo(props => {
     // * Prefer to use Header in AppConfigContext
     const { show = true, className, style, breadcrumbs, showLogo = false, rightContent, pageTitle = '', accountSelection = {}, helpConfig, notificationConfig = {}, accountSharingConfig, useURLParam, config, onCLickLogo, } = props;
     /** General config for children component */
-    const { env = envContext, language = languageCode, userId = isNaN(Number(auth?.userId)) ? 0 : Number(auth?.userId), portalId = auth?.portalId, token = auth?.token, permissionDomain = PERMISSION_API, iamDomain = IAM_API, appCode = contextAppCode, menuCode = contextMenuCode, } = config || {};
+    const { env = envContext, language = languageCode, 
+    // NOTE: Just hot fix for change userId to accountId
+    userId = isNaN(Number(auth?.accountId || auth?.userId))
+        ? 0
+        : Number(auth?.accountId || auth?.userId), portalId = auth?.portalId, token = auth?.token, permissionDomain = PERMISSION_API, iamDomain = IAM_API, appCode = contextAppCode, menuCode = contextMenuCode, } = config || {};
     const { currentAccount, inputStyle = 'select', onSelectAccount, ...accountSelectionProps } = accountSelection;
     const urlParams = useMemo(() => new URLSearchParams(search), [search]);
     const oidParam = urlParams.get('oid') || currentAccount || 'all';

package/es/components/organism/ActivityTimeline/ActivityTimeline.js

@@ -10,6 +10,7 @@ import { isEmpty } from 'lodash';
 import { differenceInMonths, formatUTCDateTZ, startOfMonth, subMonths, } from '@antscorp/antsomi-ui/es/utils/date';
 import { getPortalTimeZone } from '@antscorp/antsomi-ui/es/utils/portal';
 import { EmptyData } from '../../molecules';
+import clsx from 'clsx';
 export const ActivityTimeline = (props) => {
     const { timelines = [], isLoading = false, title = translate(translations._BLOCK_TIMELINE_CUS), timezone = getPortalTimeZone(), objectName = '_THIS_PERSON_UPPERCASE', onFetchMore, eventTracking: eventTrackingProp = [], header, className, } = props;
     let { timelineAvailable } = props;
@@ -96,5 +97,5 @@ export const ActivityTimeline = (props) => {
         }
         return (_jsxs(_Fragment, { children: [header, showMainContent(timelines, objectName), showBottomComponent()] }));
     };
-    return (_jsxs(StyledRoot, { className: className, children: [_jsx(StyldTitle, { children: title }), renderContent()] }));
+    return (_jsxs(StyledRoot, { className: clsx(className, 'activity-timeline'), children: [_jsx(StyldTitle, { children: title }), renderContent()] }));
 };

package/es/components/organism/ActivityTimeline/utils.js

@@ -40,21 +40,12 @@ export const getValuesReplace = (objectReplace, data) => {
     return values;
 };
 const parseUrl = (params) => {
-    const { name = 'N/A', positionSlice = 0 } = params;
+    const { name = 'N/A' } = params;
     const validateName = name.replace(/https|http|www|\/\/|:/gi, '');
-    if (positionSlice === 0 && validateName !== 'N/A') {
+    if (validateName !== 'N/A') {
         return validateName;
     }
-    if (positionSlice === 0 ||
-        validateName === 'N/A' ||
-        (positionSlice > validateName.length && validateName !== 'N/A') ||
-        positionSlice === validateName.length) {
-        return name;
-    }
-    if (validateName[positionSlice] === ' ') {
-        return `${validateName.slice(0, positionSlice - 1)}...`;
-    }
-    return `${validateName.slice(0, positionSlice)}...`;
+    return name;
 };
 export const getStringHtmlByType = (item, eType = 'product') => {
     const validateDate = item || {};
@@ -183,6 +174,7 @@ export const getInfoEvent = (eType, itemEvent, eventTracking, customerName, conf
             itemEvent.pageType === 'view' ||
             itemEvent.pageType === 'add_to_cart') {
             // PAGETYPE CLICK OR VIEW
+            // eslint-disable-next-line no-console
             console.log('itemEvent.items[0]', itemEvent);
             data.product_name = getStringHtmlByType(itemEvent.items[0], eType);
         }

package/es/components/template/Layout/Layout.js

@@ -253,10 +253,10 @@ export const Layout = memo(props => {
     useDeepCompareEffect(() => {
         const { userId: userIdParam } = (params || {});
         console.log('🚀 ~ useDeepCompareEffect ~ userId:', userIdParam, userId);
-        if (userIdParam && userId && +userIdParam !== +userId && location.pathname) {
-            replace(`${location.pathname.replace(userIdParam, `${userId}`)}${location.search}`);
+        if (userIdParam && accountId && +userIdParam !== +accountId && location.pathname) {
+            replace(`${location.pathname.replace(userIdParam, `${accountId}`)}${location.search}`);
         }
-    }, [params, location.pathname, userId, replace]);
+    }, [params, location.pathname, accountId, replace]);
     /** If left menu props has customization then set layout loading to false, because we don't need check permission here */
     useDeepCompareEffect(() => {
         if (mergeLeftMenuProps.customization) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.922",
+  "version": "1.3.5-beta.924",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",