@antscorp/antsomi-ui 1.3.5-beta.723 → 1.3.5-beta.725

package/es/components/icons/IdentityGraphIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const IdentityGraphIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/IdentityGraphIcon.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const IdentityGraphIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M12.5 8.5C14.1569 8.5 15.5 7.15685 15.5 5.5C15.5 3.84315 14.1569 2.5 12.5 2.5C10.8431 2.5 9.5 3.84315 9.5 5.5C9.5 7.15685 10.8431 8.5 12.5 8.5Z", fill: "#595959" }),
+        React.createElement("path", { d: "M7.5 13C8.88071 13 10 11.8807 10 10.5C10 9.11929 8.88071 8 7.5 8C6.11929 8 5 9.11929 5 10.5C5 11.8807 6.11929 13 7.5 13Z", stroke: "#585858" }),
+        React.createElement("path", { d: "M20.5 21C21.8807 21 23 19.8807 23 18.5C23 17.1193 21.8807 16 20.5 16C19.1193 16 18 17.1193 18 18.5C18 19.8807 19.1193 21 20.5 21Z", stroke: "#585858" }),
+        React.createElement("path", { d: "M20.5 6C21.8807 6 23 4.88071 23 3.5C23 2.11929 21.8807 1 20.5 1C19.1193 1 18 2.11929 18 3.5C18 4.88071 19.1193 6 20.5 6Z", stroke: "#585858" }),
+        React.createElement("path", { d: "M15.5 14.5C17.1569 14.5 18.5 13.1569 18.5 11.5C18.5 9.84315 17.1569 8.5 15.5 8.5C13.8431 8.5 12.5 9.84315 12.5 11.5C12.5 13.1569 13.8431 14.5 15.5 14.5Z", fill: "#595959" }),
+        React.createElement("path", { d: "M22.5 14.5C24.1569 14.5 25.5 13.1569 25.5 11.5C25.5 9.84315 24.1569 8.5 22.5 8.5C20.8431 8.5 19.5 9.84315 19.5 11.5C19.5 13.1569 20.8431 14.5 22.5 14.5Z", fill: "#595959" }),
+        React.createElement("path", { d: "M11.5 20.5C13.1569 20.5 14.5 19.1569 14.5 17.5C14.5 15.8431 13.1569 14.5 11.5 14.5C9.84315 14.5 8.5 15.8431 8.5 17.5C8.5 19.1569 9.84315 20.5 11.5 20.5Z", fill: "#595959" }),
+        React.createElement("path", { d: "M16 12L13 6", stroke: "#595959", strokeLinecap: "round" }),
+        React.createElement("path", { d: "M15.5883 11.5738L10.5 11.2578", stroke: "#595959", strokeLinecap: "round" }),
+        React.createElement("path", { d: "M16 12L11 17", stroke: "#595959", strokeLinecap: "round" }),
+        React.createElement("path", { d: "M18.9301 6.03716L16.6643 9.61607", stroke: "#595959", strokeLinecap: "round" }),
+        React.createElement("path", { d: "M16.5 13.5005L18.5 16.5006", stroke: "#595959", strokeLinecap: "round" }),
+        React.createElement("path", { d: "M16 12H23", stroke: "#595959", strokeLinecap: "round" })));
+});

package/es/components/icons/LazyIcon/LazyIcon.d.ts

@@ -2,10 +2,10 @@
 export declare const LazyIcon: {
     AccountCircleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountCircleOutlineIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    Accounts30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountSharing30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountSharingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountTreeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    Accounts30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AddChartIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AddFolderIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AddIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -101,6 +101,7 @@ export declare const LazyIcon: {
     DataSource30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataView30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataViewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    Dataflows30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DatasourceIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DatasourceSegment30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DeleteRemoveTrashIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -183,6 +184,7 @@ export declare const LazyIcon: {
     HomeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     HowToRegIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     IdeaIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    IdentityGraphIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ImageIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     InactiveIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     InactiveVariantIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -282,6 +284,7 @@ export declare const LazyIcon: {
     ResumeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     RightExpandIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Role30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    SQLWorkspace30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SaveAsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SaveIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ScheduleEmailDeliveryIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;

package/es/components/icons/LazyIcon/LazyIcon.js

@@ -2,10 +2,10 @@ import { lazy } from 'react';
 export const LazyIcon = {
     AccountCircleIcon: lazy(() => import('../AccountCircleIcon').then(m => ({ default: m.AccountCircleIcon }))),
     AccountCircleOutlineIcon: lazy(() => import('../AccountCircleOutlineIcon').then(m => ({ default: m.AccountCircleOutlineIcon }))),
-    Accounts30Icon: lazy(() => import('../Accounts30Icon').then(m => ({ default: m.Accounts30Icon }))),
     AccountSharing30Icon: lazy(() => import('../AccountSharing30Icon').then(m => ({ default: m.AccountSharing30Icon }))),
     AccountSharingIcon: lazy(() => import('../AccountSharingIcon').then(m => ({ default: m.AccountSharingIcon }))),
     AccountTreeIcon: lazy(() => import('../AccountTreeIcon').then(m => ({ default: m.AccountTreeIcon }))),
+    Accounts30Icon: lazy(() => import('../Accounts30Icon').then(m => ({ default: m.Accounts30Icon }))),
     AddChartIcon: lazy(() => import('../AddChartIcon').then(m => ({ default: m.AddChartIcon }))),
     AddFolderIcon: lazy(() => import('../AddFolderIcon').then(m => ({ default: m.AddFolderIcon }))),
     AddIcon: lazy(() => import('../AddIcon').then(m => ({ default: m.AddIcon }))),
@@ -107,6 +107,7 @@ export const LazyIcon = {
     DataSource30Icon: lazy(() => import('../DataSource30Icon').then(m => ({ default: m.DataSource30Icon }))),
     DataView30Icon: lazy(() => import('../DataView30Icon').then(m => ({ default: m.DataView30Icon }))),
     DataViewIcon: lazy(() => import('../DataViewIcon').then(m => ({ default: m.DataViewIcon }))),
+    Dataflows30Icon: lazy(() => import('../Dataflows30Icon').then(m => ({ default: m.Dataflows30Icon }))),
     DatasourceIcon: lazy(() => import('../DatasourceIcon').then(m => ({ default: m.DatasourceIcon }))),
     DatasourceSegment30Icon: lazy(() => import('../DatasourceSegment30Icon').then(m => ({ default: m.DatasourceSegment30Icon }))),
     DeleteRemoveTrashIcon: lazy(() => import('../DeleteRemoveTrashIcon').then(m => ({ default: m.DeleteRemoveTrashIcon }))),
@@ -189,6 +190,7 @@ export const LazyIcon = {
     HomeIcon: lazy(() => import('../HomeIcon').then(m => ({ default: m.HomeIcon }))),
     HowToRegIcon: lazy(() => import('../HowToRegIcon').then(m => ({ default: m.HowToRegIcon }))),
     IdeaIcon: lazy(() => import('../IdeaIcon').then(m => ({ default: m.IdeaIcon }))),
+    IdentityGraphIcon: lazy(() => import('../IdentityGraphIcon').then(m => ({ default: m.IdentityGraphIcon }))),
     ImageIcon: lazy(() => import('../ImageIcon').then(m => ({ default: m.ImageIcon }))),
     InactiveIcon: lazy(() => import('../InactiveIcon').then(m => ({ default: m.InactiveIcon }))),
     InactiveVariantIcon: lazy(() => import('../InactiveVariantIcon').then(m => ({ default: m.InactiveVariantIcon }))),
@@ -288,6 +290,7 @@ export const LazyIcon = {
     ResumeIcon: lazy(() => import('../ResumeIcon').then(m => ({ default: m.ResumeIcon }))),
     RightExpandIcon: lazy(() => import('../RightExpandIcon').then(m => ({ default: m.RightExpandIcon }))),
     Role30Icon: lazy(() => import('../Role30Icon').then(m => ({ default: m.Role30Icon }))),
+    SQLWorkspace30Icon: lazy(() => import('../SQLWorkspace30Icon').then(m => ({ default: m.SQLWorkspace30Icon }))),
     SaveAsIcon: lazy(() => import('../SaveAsIcon').then(m => ({ default: m.SaveAsIcon }))),
     SaveIcon: lazy(() => import('../SaveIcon').then(m => ({ default: m.SaveIcon }))),
     ScheduleEmailDeliveryIcon: lazy(() => import('../ScheduleEmailDeliveryIcon').then(m => ({ default: m.ScheduleEmailDeliveryIcon }))),

package/es/components/icons/document/IconGallery.js

@@ -5,6 +5,7 @@ import { message } from 'antd';
 import React, { useMemo, useState } from 'react';
 import { Flex, Input, Typography } from '../../index';
 import { IconGalleryStyled } from './styled';
+import { queryClientAntsomiUI, QueryClientProviderAntsomiUI, } from '@antscorp/antsomi-ui/es/queries';
 const REGEX_DATA_SEARCH = /(?<=\/\/ search tag: ).*/g;
 const requireContext = require.context('../', false, /\.tsx$/);
 const icons = requireContext
@@ -34,23 +35,24 @@ export const IconGallery = () => {
     }), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
-    return (React.createElement(ConfigProvider, null,
-        React.createElement(IconGalleryStyled, null,
-            invalidIcons.length > 0 ? (React.createElement("div", null,
-                React.createElement("h4", null, "These components below are invalid (check name and file name is correct?)"),
-                invalidIcons.map(item => (React.createElement("strong", { key: item.name, style: { color: 'red' } },
-                    React.createElement("pre", null, item.name)))))) : null,
-            React.createElement(Input, { placeholder: "Search Icon", value: search, onChange: e => setSearch(e.target.value), style: { fontSize: '16px' } }),
-            React.createElement(Flex, { className: "grid-container", gap: 16 }, validIcons
-                .filter(item => searchMatchAny([item.name, ...item.dataSearch], debounceSearchValue))
-                .map(item => {
-                const { Component, name } = item;
-                return (React.createElement("div", { key: name, className: "grid-item", onClick: () => {
-                        const copiedText = `<${name} />`;
-                        navigator.clipboard.writeText(copiedText);
-                        message.success(`${copiedText} copied to clipboard 🚀`);
-                    } },
-                    React.createElement(Component, null),
-                    React.createElement(Typography.Text, { ellipsis: { tooltip: true } }, name)));
-            })))));
+    return (React.createElement(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI },
+        React.createElement(ConfigProvider, null,
+            React.createElement(IconGalleryStyled, null,
+                invalidIcons.length > 0 ? (React.createElement("div", null,
+                    React.createElement("h4", null, "These components below are invalid (check name and file name is correct?)"),
+                    invalidIcons.map(item => (React.createElement("strong", { key: item.name, style: { color: 'red' } },
+                        React.createElement("pre", null, item.name)))))) : null,
+                React.createElement(Input, { placeholder: "Search Icon", value: search, onChange: e => setSearch(e.target.value), style: { fontSize: '16px' } }),
+                React.createElement(Flex, { className: "grid-container", gap: 16 }, validIcons
+                    .filter(item => searchMatchAny([item.name, ...item.dataSearch], debounceSearchValue))
+                    .map(item => {
+                    const { Component, name } = item;
+                    return (React.createElement("div", { key: name, className: "grid-item", onClick: () => {
+                            const copiedText = `<${name} />`;
+                            navigator.clipboard.writeText(copiedText);
+                            message.success(`${copiedText} copied to clipboard 🚀`);
+                        } },
+                        React.createElement(Component, null),
+                        React.createElement(Typography.Text, { ellipsis: { tooltip: true } }, name)));
+                }))))));
 };

package/es/components/icons/index.d.ts

@@ -98,10 +98,10 @@ export { DataRefreshIcon } from './DataRefreshIcon';
 export { DataSchema30Icon } from './DataSchema30Icon';
 export { DataSource30Icon } from './DataSource30Icon';
 export { DataView30Icon } from './DataView30Icon';
+export { DataViewIcon } from './DataViewIcon';
 export { Dataflows30Icon } from './Dataflows30Icon';
 export { DatasourceIcon } from './DatasourceIcon';
 export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
-export { DataViewIcon } from './DataViewIcon';
 export { DeleteRemoveTrashIcon } from './DeleteRemoveTrashIcon';
 export { DeliveryLogIcon } from './DeliveryLogIcon';
 export { DesktopLaptopIcon } from './DesktopLaptopIcon';
@@ -182,6 +182,7 @@ export { HomeHouse30Icon } from './HomeHouse30Icon';
 export { HomeIcon } from './HomeIcon';
 export { HowToRegIcon } from './HowToRegIcon';
 export { IdeaIcon } from './IdeaIcon';
+export { IdentityGraphIcon } from './IdentityGraphIcon';
 export { ImageIcon } from './ImageIcon';
 export { InactiveIcon } from './InactiveIcon';
 export { InactiveVariantIcon } from './InactiveVariantIcon';

package/es/components/icons/index.js

@@ -98,10 +98,10 @@ export { DataRefreshIcon } from './DataRefreshIcon';
 export { DataSchema30Icon } from './DataSchema30Icon';
 export { DataSource30Icon } from './DataSource30Icon';
 export { DataView30Icon } from './DataView30Icon';
+export { DataViewIcon } from './DataViewIcon';
 export { Dataflows30Icon } from './Dataflows30Icon';
 export { DatasourceIcon } from './DatasourceIcon';
 export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
-export { DataViewIcon } from './DataViewIcon';
 export { DeleteRemoveTrashIcon } from './DeleteRemoveTrashIcon';
 export { DeliveryLogIcon } from './DeliveryLogIcon';
 export { DesktopLaptopIcon } from './DesktopLaptopIcon';
@@ -182,6 +182,7 @@ export { HomeHouse30Icon } from './HomeHouse30Icon';
 export { HomeIcon } from './HomeIcon';
 export { HowToRegIcon } from './HowToRegIcon';
 export { IdeaIcon } from './IdeaIcon';
+export { IdentityGraphIcon } from './IdentityGraphIcon';
 export { ImageIcon } from './ImageIcon';
 export { InactiveIcon } from './InactiveIcon';
 export { InactiveVariantIcon } from './InactiveVariantIcon';

package/es/components/molecules/CalendarSelection/components/RangePicker/RangePicker.d.ts

@@ -1,4 +1,4 @@
-import { DatePicker } from 'src/components/molecules';
+import { DatePicker } from '@antscorp/antsomi-ui/es/components/molecules';
 import React, { ComponentProps } from 'react';
 type RangePickerProps = {} & ComponentProps<typeof DatePicker.RangePicker>;
 export declare const RangePicker: React.FC<RangePickerProps>;

package/es/components/molecules/MatchAnySelect/utils.js

@@ -17,7 +17,7 @@ const customMergeTreeData = (key) => (target, source) => {
 export const getSelectedTreeData = (items, selectedItems, selectedTreeData = []) => {
     const notExtendValueSelectedItems = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(item => !item.isExtendValue)) || [];
     const extendValueSelectedItems = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(item => item.isExtendValue)) || [];
-    // If all of item not have children then filter item is not found in list but has selected for display
+    // If all of items not have children then filter item is not found in list but has selected for display
     const notFoundItems = !items.some(item => !isEmpty(item.children))
         ? notExtendValueSelectedItems === null || notExtendValueSelectedItems === void 0 ? void 0 : notExtendValueSelectedItems.filter(item => !(items === null || items === void 0 ? void 0 : items.some(i => i.key === item.key)))
         : [];

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

@@ -3,10 +3,10 @@ import React, { useMemo } from 'react';
 import { StyledNoData, StyldTitle, StyledRoot, TimelineBottom } from './styled';
 import { Spin } from '../../atoms';
 import { ItemEvent, TimeLineTitle, ItemGroupEvent } from './components';
-import { differenceInMonths, formatDateTZ, startOfMonth, subMonths } from 'src/utils/date';
 import { useInView } from 'react-intersection-observer';
 import { getTranslateMessage, translations } from '@antscorp/antsomi-ui/es/locales/translations';
 import { isEmpty } from 'lodash';
+import { differenceInMonths, formatDateTZ, startOfMonth, subMonths, } from '@antscorp/antsomi-ui/es/utils/date';
 export const ActivityTimeline = (props) => {
     const { timelines = [], isLoading = false, title = 'Time line', timezone = Intl.DateTimeFormat().resolvedOptions().timeZone, objectName = '_THIS_PERSON_UPPERCASE', onFetchMore, eventTracking: eventTrackingProp = [], } = props;
     let { timelineAvailable } = props;

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

@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
 import { WrapCard, ImgPanel, InfoPanel, PlainCard } from './styled';
-import { getTranslateMessage } from 'src/locales/translations';
+import { getTranslateMessage } from '@antscorp/antsomi-ui/es/locales/translations';
 import { safeParse, validateURL } from '@antscorp/antsomi-ui/es/utils';
 import { Flex, Image } from 'antd';
 const cardImage = '//e.antsomi.com/cdp/default/ui-images/info/Default_Membership_Card.png';

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

@@ -9,9 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { IconSelectionRenderer } from '@antscorp/antsomi-ui/es/components/molecules';
 import { ICON_TYPE } from '@antscorp/antsomi-ui/es/components/molecules/IconSelection/constants';
 import React from 'react';
-import { IconSelectionRenderer } from 'src/components';
 const DEFAULT_ICON_VALUE = ['cus', 'interactive'];
 export const Icon = (props) => {
     const { icon = '' } = props, rest = __rest(props, ["icon"]);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { checkShowRedeem, formatDateHeader, getInfoEvent } from '../../utils';
-import { useAppConfigContext } from 'src/providers';
+import { useAppConfigContext } from '@antscorp/antsomi-ui/es/providers';
 import { TimelineSection } from '../TimelineSection/TimelineSection';
 import htmlParse from 'html-react-parser';
 import { TimelineContainer, WrapperContainerRedeem } from '../../styled';

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

@@ -2,22 +2,22 @@
 import React from 'react';
 import { checkShowRedeem, formatDateHeader, getInfoEvent } from '../../utils';
 import { TimelineSection } from '../TimelineSection/TimelineSection';
-import { useAppConfigContext } from 'src/providers';
 import htmlParse from 'html-react-parser';
 import { TimelineContainer, WrapperContainerRedeem } from '../../styled';
 import { CardMember } from '../CardMember';
 import { Redeem } from '../Redeem';
-import { numberWithCommas, safeParse, validateImageURL } from 'src/utils';
 import { ListItemContent } from './styled';
 import { ActionHistory } from '../ActionHistory';
-import { getPortalCurrency, safeParseDisplayFormatCurrency } from 'src/utils/portal';
 import { Swiper } from 'swiper/react';
 import 'swiper/swiper-bundle.css';
 import { ProductCard } from '../ProductCard';
 import { isEmpty } from 'lodash';
-import { translate, translations } from 'src/locales';
 import { ListItem, ListItemTime, ListItemTimeLine, ListItemTitle } from '../ListItem';
 import { List } from '../List';
+import { getPortalCurrency, safeParseDisplayFormatCurrency, } from '@antscorp/antsomi-ui/es/utils/portal';
+import { translate, translations } from '@antscorp/antsomi-ui/es/locales';
+import { useAppConfigContext } from '@antscorp/antsomi-ui/es/providers';
+import { numberWithCommas, safeParse, validateImageURL } from '@antscorp/antsomi-ui/es/utils';
 export const renderProductCard = (dataItem, limitShow, inforEvent, infoCurrency, key) => {
     const result = [];
     dataItem.items.forEach((itemSlide, indexSlide) => {

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

@@ -3,7 +3,7 @@
 /* eslint-disable no-underscore-dangle */
 import React, { useState } from 'react';
 import { ListWrapper, ListContainer, ListItemEle, LoadMore, LoadLess } from './styled';
-import { getTranslateMessage, translations } from 'src/locales/translations';
+import { getTranslateMessage, translations } from '@antscorp/antsomi-ui/es/locales/translations';
 const textShowMore = getTranslateMessage(translations._USER_GUIDE_SHOW_MORE, 'Show More');
 const textShowLess = getTranslateMessage(translations._USER_GUIDE_SHOW_LESS, 'Show Less');
 export const List = (props) => {

package/es/components/organism/ActivityTimeline/index.d.ts

@@ -1 +1,2 @@
 export { ActivityTimeline } from './ActivityTimeline';
+export type { ActivityTimeLineProps } from './types';

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

@@ -1,13 +1,13 @@
 /* eslint-disable no-underscore-dangle */
-import { formatDate, formatDateTZ } from 'src/utils/date';
 import { DATA_EVENT, mapTranslateCode } from './constants';
 import { get } from 'lodash';
-import { getPortalFormatDateTimeLong } from 'src/utils/portal';
-import { CDP_ROUTE } from 'src/constants';
-import { ENV } from 'src/config';
-import { translate, translations } from 'src/locales';
-import { safeParse } from 'src/utils';
-const translateAt = translate(translations._INFO_LOCATION, 'at');
+import { ENV, translate } from '../../..';
+import { getTranslateMessage, translations } from '@antscorp/antsomi-ui/es/locales/translations';
+import { safeParse } from '@antscorp/antsomi-ui/es/utils';
+import { formatDate, formatDateTZ } from '@antscorp/antsomi-ui/es/utils/date';
+import { getPortalFormatDateTimeLong } from '@antscorp/antsomi-ui/es/utils/portal';
+import { CDP_ROUTE } from '@antscorp/antsomi-ui/es/constants';
+const translateAt = getTranslateMessage(translations._INFO_LOCATION, 'at');
 const urlJourney = (data, config) => {
     var _a, _b;
     const { story = {} } = data;

package/es/components/organism/DataTable/index.d.ts

@@ -1,5 +1,5 @@
 export { DataTable } from './DataTable';
 export type { DataTableProps, TableProps as DataTableTable, TSearchItem } from './types';
-export type { SavedFilter, SavedFilterItem, FilterMetricItem as FilterMetic, FilterItem, FilterProps, } from '../Filter';
+export type { FilterMetricItem as FilterMetic } from '../Filter';
 export { useDataTableListing } from './hooks';
 export { CDP_DATA_TABLE_SAMPLE, METRICS as FILTER_METRICS } from './constants';

package/es/components/organism/index.d.ts

@@ -14,3 +14,4 @@ export * from './ModifyColumnModal';
 export { AccountProfile, type AccountSettingProps } from './AccountProfile';
 export * from './Login';
 export * from './Filter';
+export { ActivityTimeline, type ActivityTimeLineProps } from './ActivityTimeline';

package/es/components/organism/index.js

@@ -14,3 +14,4 @@ export * from './ModifyColumnModal';
 export { AccountProfile } from './AccountProfile';
 export * from './Login';
 export * from './Filter';
+export { ActivityTimeline } from './ActivityTimeline';

package/es/constants/theme.js

@@ -22,6 +22,7 @@ export const THEME = {
         colorLinkHover: '#1B76CD',
         colorTextActive: '#e0ebf7',
         colorIcon: '#666666',
+        colorErrorBg: '#FFD8DB',
         /* Padding */
         padding: 15,
         /* Border radius */

package/package.json

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