@antscorp/antsomi-ui 2.0.41 → 2.0.42

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

@@ -39,18 +39,13 @@ export const getValuesReplace = (objectReplace, data) => {
     });
     return values;
 };
-const sliceName = (name, positionSlice) => {
-    const validateName = (name || 'N/A').replace(/https|http|www|\/\/|:/gi, '');
-    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)}...`;
+const parseUrl = (params) => {
+    const { name = 'N/A' } = params;
+    const validateName = name.replace(/https|http|www|\/\/|:/gi, '');
+    if (validateName !== 'N/A') {
+        return validateName;
+    }
+    return name;
 };
 export const getStringHtmlByType = (item, eType = 'product') => {
     const validateDate = item || {};
@@ -63,7 +58,7 @@ export const getStringHtmlByType = (item, eType = 'product') => {
         return `<span class="title-no-url">${label}</span>`;
     }
     if (label === 'N/A') {
-        return `<a class="title-have-url" href=${encodeURI(url)} target="_blank">${sliceName(url, 20)}</a>`;
+        return `<a class="title-have-url" href=${encodeURI(url)} target="_blank">${parseUrl({ name: url })}</a>`;
     }
     return `<a class="title-have-url" href=${url} target="_blank">${url}</a>`;
 };
@@ -179,6 +174,8 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "2.0.41",
+  "version": "2.0.42",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -157,16 +157,16 @@
     "@babel/preset-typescript": "^7.23.3",
     "@commitlint/cli": "17.5.0",
     "@commitlint/config-conventional": "17.4.4",
-    "@storybook/addon-docs": "^8.2.9",
+    "@storybook/addon-docs": "^8.4.2",
     "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-links": "^8.4.2",
     "@storybook/addon-styling-webpack": "^1.0.0",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/manager-api": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-webpack5": "^8.2.9",
-    "@storybook/theming": "^8.2.9",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/manager-api": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-webpack5": "^8.4.2",
+    "@storybook/theming": "^8.4.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",
@@ -227,7 +227,7 @@
     "react-router-dom": "5.1.0 || 6.14.2",
     "sass": "^1.77.8",
     "sass-loader": "^16.0.1",
-    "storybook": "8.4.2",
+    "storybook": "^8.4.2",
     "style-loader": "^4.0.0",
     "styled-components": "^5.3.9",
     "terser-webpack-plugin": "^5.3.10",