@antscorp/antsomi-ui 2.0.13 → 2.0.15

package/es/components/organism/AlgorithmsSetting/styled.d.ts

@@ -10,13 +10,13 @@ export declare const AlgorithmWrapper: import("styled-components").StyledCompone
     mode: ContentSourceModeView;
 }, never>;
 export declare const StyledSelect: import("styled-components").StyledComponent<{
-    (props: import("../../molecules").SelectV2Props): import("react").JSX.Element;
+    (props: import("@antscorp/antsomi-ui/es/components/molecules/SelectV2").SelectProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
-        suffixIcon: import("react").JSX.Element;
+        suffixIcon: import("react/jsx-runtime").JSX.Element;
         filterOption: (input: any, option: any) => boolean;
-        tagRender: (props: any) => import("react").JSX.Element;
+        tagRender: (props: any) => import("react/jsx-runtime").JSX.Element;
         containerStyle: {};
         labelStyle: {};
-        clearIcon: import("react").JSX.Element;
+        clearIcon: import("react/jsx-runtime").JSX.Element;
     };
 }, any, {}, never>;

package/es/components/organism/AlgorithmsSetting/styled.js

@@ -1,9 +1,8 @@
-var _a;
 // Libraries
 import styled from 'styled-components';
 // Molecules
-import { SelectV2 as Select } from '../../molecules';
-import { Tabs } from '../../molecules/Tabs';
+import { SelectV2 as Select } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2';
+import { Tabs } from '@antscorp/antsomi-ui/es/components/molecules/Tabs';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 export const AlgorithmsSettingWrapper = styled.div ``;
@@ -23,7 +22,7 @@ export const StyledTabs = styled(Tabs) `
     }
   }
   .antsomi-tabs-tab-btn {
-    font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
+    font-size: ${THEME.token?.fontSize}px;
   }
 `;
 export const AlgorithmWrapper = styled.div `

package/es/components/organism/ContentSources/Content.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { HideOptionTypes, TContentSourceGroup, UpdateGroupAction } from './types';
 import { FallbackBO } from '@antscorp/antsomi-ui/es/models/FallbackBO';
 export type TProps = {
@@ -15,5 +14,5 @@ export type TProps = {
     journeySettings: Record<string, any>;
     listFallbackBO: FallbackBO[];
 };
-declare const Content: (props?: TProps) => React.JSX.Element;
+declare const Content: (props?: TProps) => import("react/jsx-runtime").JSX.Element;
 export default Content;

package/es/components/organism/ContentSources/Content.js

@@ -1,10 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
 import React from 'react';
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 // Atoms
-import { Divider, Icon, Input } from '../../atoms';
+import { Divider } from '@antscorp/antsomi-ui/es/components/atoms/Divider';
+import { Icon } from '@antscorp/antsomi-ui/es/components/atoms/Icon';
+import { Input } from '@antscorp/antsomi-ui/es/components/atoms/Input';
 // Molecules
-import { Collapse } from '../../molecules';
+import { Collapse } from '@antscorp/antsomi-ui/es/components/molecules/Collapse';
 // Components
 import Group from './Group';
 // Styled
@@ -54,28 +57,22 @@ const Content = (props = defaultProps) => {
         }
     };
     const renderCollapsePanelHeader = (group) => {
-        var _a;
         const hasSimilarGroupName = groupNames.filter(name => group.groupName === name).length > 1;
         const errorSimilarGroupName = {};
         if (hasSimilarGroupName) {
             errorSimilarGroupName.status = 'error';
             errorSimilarGroupName.errorMsg = t(translations.contentSources.errorMessage.groupSameName);
         }
-        return (React.createElement(WrapperPanelHeader, null,
-            React.createElement("div", { style: { flex: 1 } },
-                React.createElement(Input, Object.assign({ className: "input-custom-size", value: group.groupName, onClick: e => e.stopPropagation(), onAfterChange: value => handleChangeGroupName(group.groupId, value), required: true, status: hasSimilarGroupName ? 'error' : '' }, errorSimilarGroupName))),
-            React.createElement(Icon, { style: {
-                    color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary,
-                }, onClick: (e) => handleOnDeleteGroup(e, group.groupId), type: "icon-ants-outline-delete", size: 20 })));
+        return (_jsxs(WrapperPanelHeader, { children: [_jsx("div", { style: { flex: 1 }, children: _jsx(Input, { className: "input-custom-size", value: group.groupName, onClick: e => e.stopPropagation(), onAfterChange: value => handleChangeGroupName(group.groupId, value), required: true, status: hasSimilarGroupName ? 'error' : '', ...errorSimilarGroupName }) }), _jsx(Icon, { style: {
+                        color: THEME.token?.colorPrimary,
+                    }, onClick: (e) => handleOnDeleteGroup(e, group.groupId), type: "icon-ants-outline-delete", size: 20 })] }));
     };
-    return (React.createElement(Collapse, { ghost: true, bordered: true, activeKey: expanded, expandIconPosition: "end", onChange: handleOnChangeExpand, destroyInactivePanel: true, rootClassName: "no-border-top" }, groups.map((group, index) => {
-        const groupNode = (React.createElement(Group, { data: group, hideOptionTypes: hideOptionTypes, groupNames: groupNames, isLoadingSelectBO: isLoadingListBO, listBO: listBO, onChange: onChangeGroup, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, listFallbackBO: listFallbackBO }));
-        if (isCDP) {
-            return React.createElement(React.Fragment, { key: group.groupId }, groupNode);
-        }
-        return (React.createElement(React.Fragment, { key: group.groupId },
-            React.createElement(StyledCollapsePanel, { header: renderCollapsePanelHeader(group), key: group.groupId }, groupNode),
-            index < groups.length && (React.createElement(Divider, { style: { margin: '8px 0px' }, type: "horizontal", dashed: true }))));
-    })));
+    return (_jsx(Collapse, { ghost: true, bordered: true, activeKey: expanded, expandIconPosition: "end", onChange: handleOnChangeExpand, destroyInactivePanel: true, rootClassName: "no-border-top", children: groups.map((group, index) => {
+            const groupNode = (_jsx(Group, { data: group, hideOptionTypes: hideOptionTypes, groupNames: groupNames, isLoadingSelectBO: isLoadingListBO, listBO: listBO, onChange: onChangeGroup, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, listFallbackBO: listFallbackBO }));
+            if (isCDP) {
+                return _jsx(React.Fragment, { children: groupNode }, group.groupId);
+            }
+            return (_jsxs(React.Fragment, { children: [_jsx(StyledCollapsePanel, { header: renderCollapsePanelHeader(group), children: groupNode }, group.groupId), index < groups.length && (_jsx(Divider, { style: { margin: '8px 0px' }, type: "horizontal", dashed: true }))] }, group.groupId));
+        }) }));
 };
 export default Content;

package/es/components/organism/ContentSources/Group.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { HideOptionTypes, TContentSourceGroup, UpdateGroupAction } from './types';
 import { FallbackBO } from '@antscorp/antsomi-ui/es/models/FallbackBO';
 type TProps = {
@@ -12,5 +11,5 @@ type TProps = {
     listFallbackBO: FallbackBO[];
     groupNames: string[];
 };
-declare const Group: (props: TProps) => React.JSX.Element;
+declare const Group: (props: TProps) => import("react/jsx-runtime").JSX.Element;
 export default Group;

package/es/components/organism/ContentSources/Group.js

@@ -1,8 +1,10 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { cloneDeep, get, isEmpty } from 'lodash';
 // Molecules
-import { Space, Text } from '../../atoms';
-import { SelectV2 as Select } from '../../molecules';
+import { Space } from '@antscorp/antsomi-ui/es/components/atoms/Space';
+import { Text } from '@antscorp/antsomi-ui/es/components/atoms/Text';
+import { SelectV2 as Select } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2';
 // Styled
 import { WrapperFallback } from './styled';
 // Utils
@@ -30,14 +32,12 @@ const cdpStyle = {
     flexShrink: 0,
 };
 const Group = (props) => {
-    var _a, _b;
     const { data, isLoadingSelectBO, listBO, listFallbackBO, hideOptionTypes, isShowErrorAlert, journeySettings, onChange, } = props;
     const { itemTypeId, filters, level, itemTypeName } = data;
     const mode = useSelectModeView();
     const isCDP = mode === 'CDP';
     const options = useMemo(() => {
-        var _a;
-        const filterdOptions = (_a = buildOptionArchive(listBO, convertValue(listBO, itemTypeId))) === null || _a === void 0 ? void 0 : _a.map((bo) => ({
+        const filterdOptions = buildOptionArchive(listBO, convertValue(listBO, itemTypeId))?.map((bo) => ({
             value: bo.value,
             label: bo.label,
         }));
@@ -53,7 +53,6 @@ const Group = (props) => {
     const { data: businessObjectDetail } = useGetBODetail(serviceAuth, itemTypeId);
     const relationship = get(businessObjectDetail, 'data_upd_methods.RELATIONSHIP', {});
     const listFallbackByBO = useMemo(() => {
-        var _a;
         let listFallback = cloneDeep(listFallbackBO);
         listFallback = listFallbackBO.filter(option => {
             if (itemTypeName === ITEM_TYPE_NAME.ARTICLE) {
@@ -71,7 +70,7 @@ const Group = (props) => {
             else {
                 handleChange({
                     type: 'FALLBACK',
-                    payload: { fallback: (_a = listFallback[0]) === null || _a === void 0 ? void 0 : _a.fallbackValue },
+                    payload: { fallback: listFallback[0]?.fallbackValue },
                 });
             }
         }
@@ -80,14 +79,13 @@ const Group = (props) => {
     }, [listFallbackBO, itemTypeName]);
     const isShowLevelSetting = useMemo(() => itemTypeId === PRODUCT_ITEM_TYPE_ID &&
         relationship &&
-        !!(relationship === null || relationship === void 0 ? void 0 : relationship.enabled) &&
-        !(hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.level), [hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.level, itemTypeId, relationship]);
+        !!relationship?.enabled &&
+        !hideOptionTypes?.level, [hideOptionTypes?.level, itemTypeId, relationship]);
     useDeepCompareEffect(() => {
-        var _a;
         if (!isEmpty(relationship)) {
-            if (relationship === null || relationship === void 0 ? void 0 : relationship.enabled) {
+            if (relationship?.enabled) {
                 if (relationship.recommendation_level &&
-                    !((_a = LEVEL_OPTIONS[relationship.recommendation_level]) === null || _a === void 0 ? void 0 : _a.find((item) => item.value === level))) {
+                    !LEVEL_OPTIONS[relationship.recommendation_level]?.find((item) => item.value === level)) {
                     handleChange({
                         type: 'LEVEL',
                         payload: {
@@ -104,39 +102,31 @@ const Group = (props) => {
             }
         }
     }, [level, relationship]);
-    return (React.createElement(Space, { size: 20, direction: "vertical" },
-        React.createElement(Select, { showSearch: true, loading: isLoadingSelectBO, required: isCDP, isReverseMask: isCDP, labelStyle: isCDP ? cdpStyle : {}, style: isCDP ? { width: '100%' } : {}, containerStyle: isCDP ? { flexDirection: 'row', alignItems: 'baseline' } : {}, label: React.createElement(Text, { type: "secondary", color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorText }, isCDP ? TRANSLATE_TEXT.csTitle : TRANSLATE_TEXT.selectCsTitle), options: options, placeholder: TRANSLATE_TEXT.selectAnItem, value: convertValue(listBO, itemTypeId), onChange: value => handleChange({
-                type: 'BO_TYPE',
-                payload: { itemTypeId: value },
-            }), errorArchive: isCheckBOArchiveDelete(listBO, itemTypeId) }),
-        isShowLevelSetting && (React.createElement(LevelSetting, { value: level || 'parent', levelOption: relationship.recommendation_level, onChange: e => {
-                handleChange({
-                    type: 'LEVEL',
-                    payload: { level: e.target.value },
-                });
-            } })),
-        itemTypeId && (React.createElement(React.Fragment, null,
-            !(hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.filter) && (React.createElement(FilterSetting, { boId: itemTypeId, filters: filters, onOKChangeFilter: (conditions) => handleChange({
-                    type: 'FILTER',
-                    payload: { conditions },
-                }) })),
-            React.createElement(AlgorithmsSetting, { journeySettings: journeySettings, contentSourceGroupId: data.groupId, isHideRanking: hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.ranking, isShowErrorAlert: isShowErrorAlert, itemTypeId: itemTypeId, data: data.ranking, onChange: (value) => handleChange({
-                    type: 'ALGORITHMS',
-                    payload: { ranking: value },
-                }), itemTypeName: itemTypeName }),
-            (itemTypeId === PRODUCT_ITEM_TYPE_ID || itemTypeName === ITEM_TYPE_NAME.ARTICLE) && (React.createElement(WrapperFallback, { mode: mode },
-                React.createElement(Text, { type: "secondary", color: isCDP ? (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorText : undefined, style: {
-                        fontWeight: isCDP ? 'normal' : 'bold',
-                        marginBottom: '-12px',
-                        width: isCDP ? LABEL_WIDTH : 'auto',
-                        flexShrink: isCDP ? 0 : 1,
-                    } }, TRANSLATE_TEXT.fallback),
-                React.createElement(Select, { options: listFallbackByBO === null || listFallbackByBO === void 0 ? void 0 : listFallbackByBO.map(({ fallbackDisplay, fallbackValue }) => ({
-                        label: fallbackDisplay,
-                        value: fallbackValue,
-                    })), containerStyle: isCDP ? { width: '100%' } : {}, value: data.fallback, onChange: value => handleChange({
-                        type: 'FALLBACK',
-                        payload: { fallback: value },
-                    }) })))))));
+    return (_jsxs(Space, { size: 20, direction: "vertical", children: [_jsx(Select, { showSearch: true, loading: isLoadingSelectBO, required: isCDP, isReverseMask: isCDP, labelStyle: isCDP ? cdpStyle : {}, style: isCDP ? { width: '100%' } : {}, containerStyle: isCDP ? { flexDirection: 'row', alignItems: 'baseline' } : {}, label: _jsx(Text, { type: "secondary", color: THEME.token?.colorText, children: isCDP ? TRANSLATE_TEXT.csTitle : TRANSLATE_TEXT.selectCsTitle }), options: options, placeholder: TRANSLATE_TEXT.selectAnItem, value: convertValue(listBO, itemTypeId), onChange: value => handleChange({
+                    type: 'BO_TYPE',
+                    payload: { itemTypeId: value },
+                }), errorArchive: isCheckBOArchiveDelete(listBO, itemTypeId) }), isShowLevelSetting && (_jsx(LevelSetting, { value: level || 'parent', levelOption: relationship.recommendation_level, onChange: e => {
+                    handleChange({
+                        type: 'LEVEL',
+                        payload: { level: e.target.value },
+                    });
+                } })), itemTypeId && (_jsxs(_Fragment, { children: [!hideOptionTypes?.filter && (_jsx(FilterSetting, { boId: itemTypeId, filters: filters, onOKChangeFilter: (conditions) => handleChange({
+                            type: 'FILTER',
+                            payload: { conditions },
+                        }) })), _jsx(AlgorithmsSetting, { journeySettings: journeySettings, contentSourceGroupId: data.groupId, isHideRanking: hideOptionTypes?.ranking, isShowErrorAlert: isShowErrorAlert, itemTypeId: itemTypeId, data: data.ranking, onChange: (value) => handleChange({
+                            type: 'ALGORITHMS',
+                            payload: { ranking: value },
+                        }), itemTypeName: itemTypeName }), (itemTypeId === PRODUCT_ITEM_TYPE_ID || itemTypeName === ITEM_TYPE_NAME.ARTICLE) && (_jsxs(WrapperFallback, { mode: mode, children: [_jsx(Text, { type: "secondary", color: isCDP ? THEME.token?.colorText : undefined, style: {
+                                    fontWeight: isCDP ? 'normal' : 'bold',
+                                    marginBottom: '-12px',
+                                    width: isCDP ? LABEL_WIDTH : 'auto',
+                                    flexShrink: isCDP ? 0 : 1,
+                                }, children: TRANSLATE_TEXT.fallback }), _jsx(Select, { options: listFallbackByBO?.map(({ fallbackDisplay, fallbackValue }) => ({
+                                    label: fallbackDisplay,
+                                    value: fallbackValue,
+                                })), containerStyle: isCDP ? { width: '100%' } : {}, value: data.fallback, onChange: value => handleChange({
+                                    type: 'FALLBACK',
+                                    payload: { fallback: value },
+                                }) })] }))] }))] }));
 };
 export default Group;

package/es/components/organism/ContentSources/Settings.d.ts

@@ -10,5 +10,5 @@ interface SettingsProps {
     isShowErrorAlert: boolean;
     journeySettings: JourneySettings;
 }
-declare const _default: React.MemoExoticComponent<(props: SettingsProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: SettingsProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/components/organism/ContentSources/Settings.js

@@ -1,14 +1,6 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
-import React, { memo, useEffect, useLayoutEffect, useState } from 'react';
+import { memo, useEffect, useLayoutEffect, useState } from 'react';
 import { get, isArray, isEmpty, isNull, set } from 'lodash';
 // Locale
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
@@ -63,9 +55,9 @@ const Settings = (props) => {
                 !contentSources.groups[0].itemTypeId) {
                 const BOProduct = data.find(bo => +bo.id === PRODUCT_ITEM_TYPE_ID) || {};
                 const groupId = get(contentSources, 'groups[0].groupId', '');
-                const itemTypeId = BOProduct === null || BOProduct === void 0 ? void 0 : BOProduct.id;
-                const itemTypeDisplay = BOProduct === null || BOProduct === void 0 ? void 0 : BOProduct.label;
-                const itemTypeName = BOProduct === null || BOProduct === void 0 ? void 0 : BOProduct.name;
+                const itemTypeId = BOProduct?.id;
+                const itemTypeDisplay = BOProduct?.label;
+                const itemTypeName = BOProduct?.name;
                 let valueRanking = GET_TOP_RANKING_DEFAULT;
                 if (itemTypeId === PRODUCT_ITEM_TYPE_ID) {
                     valueRanking = PRODUCT_RANKING_DEFAULT;
@@ -103,9 +95,9 @@ const Settings = (props) => {
     const contentSourceDispatch = useContentSourceDispatch();
     const handleChangeItemTypeId = ({ groupId, id, callback, }) => {
         try {
-            const selected = listBO === null || listBO === void 0 ? void 0 : listBO.find((bo) => bo.value === id);
-            const itemTypeDisplay = selected === null || selected === void 0 ? void 0 : selected.label;
-            const itemTypeName = selected === null || selected === void 0 ? void 0 : selected.name;
+            const selected = listBO?.find((bo) => bo.value === id);
+            const itemTypeDisplay = selected?.label;
+            const itemTypeName = selected?.name;
             let valueRanking = GET_TOP_RANKING_DEFAULT;
             if (id === PRODUCT_ITEM_TYPE_ID) {
                 valueRanking = PRODUCT_RANKING_DEFAULT;
@@ -250,7 +242,7 @@ const Settings = (props) => {
         let ignore = false;
         if (!isEmpty(boIdByGroupCS) && !isEmpty(serviceAuth)) {
             const groupKeyList = Object.keys(boIdByGroupCS);
-            const fetchListCSDataTableBO = () => __awaiter(void 0, void 0, void 0, function* () {
+            const fetchListCSDataTableBO = async () => {
                 const listPromises = [];
                 groupKeyList.forEach(groupId => {
                     const itemTypeId = boIdByGroupCS[groupId];
@@ -258,7 +250,7 @@ const Settings = (props) => {
                     listPromises.push(promise);
                 });
                 setIsLoadingDataTableBO(true);
-                const listBOResponses = yield Promise.all(listPromises);
+                const listBOResponses = await Promise.all(listPromises);
                 const boDataByGroupId = {};
                 listBOResponses.forEach(item => {
                     const { data, params } = item;
@@ -268,7 +260,7 @@ const Settings = (props) => {
                     contentSourceDispatch(setContentSourceGroupBOData(boDataByGroupId));
                 }
                 setIsLoadingDataTableBO(false);
-            });
+            };
             fetchListCSDataTableBO();
         }
         return () => {
@@ -283,22 +275,18 @@ const Settings = (props) => {
             onChange(contentSourcesDebounce);
         }
     }, [contentSourcesDebounce]);
-    return (React.createElement(ContentContainer, { className: "contentsource-container" },
-        React.createElement(Content, { isLoadingListBO: isLoadingListBO || isLoadingDataTableBO, hideOptionTypes: hideOptionTypes, listBO: listBO, groups: groups, expanded: expanded, onChangeExpand: expanded => {
-                contentSourceDispatch({
-                    type: 'EXPANDED',
-                    payload: {
-                        expanded,
-                    },
-                });
-            }, onChangeGroup: (groupId, action) => {
-                handleChangeContentSourceGroup(groupId, action);
-            }, onDeleteGroup: groupId => handleDeleteContentSourceGroup(groupId), journeySettings: journeySettings, isShowErrorAlert: isShowErrorAlert, listFallbackBO: listFallbackBO || [] }),
-        groups.length < MAX_NUM_OF_CONTENT_SOURCE && !isCDP && (React.createElement(Button, { type: "text", onClick: () => contentSourceDispatch({
-                type: 'ADD_CONTENT_SOURCE',
-                payload: {},
-            }) },
-            "+ ",
-            t(translations.addGroup.title).toString()))));
+    return (_jsxs(ContentContainer, { className: "contentsource-container", children: [_jsx(Content, { isLoadingListBO: isLoadingListBO || isLoadingDataTableBO, hideOptionTypes: hideOptionTypes, listBO: listBO, groups: groups, expanded: expanded, onChangeExpand: expanded => {
+                    contentSourceDispatch({
+                        type: 'EXPANDED',
+                        payload: {
+                            expanded,
+                        },
+                    });
+                }, onChangeGroup: (groupId, action) => {
+                    handleChangeContentSourceGroup(groupId, action);
+                }, onDeleteGroup: groupId => handleDeleteContentSourceGroup(groupId), journeySettings: journeySettings, isShowErrorAlert: isShowErrorAlert, listFallbackBO: listFallbackBO || [] }), groups.length < MAX_NUM_OF_CONTENT_SOURCE && !isCDP && (_jsxs(Button, { type: "text", onClick: () => contentSourceDispatch({
+                    type: 'ADD_CONTENT_SOURCE',
+                    payload: {},
+                }), children: ["+ ", t(translations.addGroup.title).toString()] }))] }));
 };
 export default memo(Settings);

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

@@ -3,5 +3,5 @@ import { RadioGroupContextProps } from 'antd/lib/radio';
 export interface ILevelSettingProps extends RadioGroupContextProps {
     levelOption: string;
 }
-declare const _default: React.MemoExoticComponent<(props: ILevelSettingProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: ILevelSettingProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/components/organism/ContentSources/components/LevelSetting/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Libs
 import React from 'react';
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
@@ -12,12 +13,10 @@ import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
 // Selectors
 import { useSelectModeView } from '../../provider';
 const LevelSetting = (props) => {
-    var _a;
     const { t } = i18nInstance;
     const { onChange, levelOption, value } = props;
     const mode = useSelectModeView();
     const isCDP = mode === 'CDP';
-    return (React.createElement(SettingWrapper, { label: t(translations.level.title).toString(), labelStyle: { fontWeight: mode === 'CDP' ? 'normal' : 'bold', width: LABEL_WIDTH }, labelColor: isCDP ? (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorText : undefined, containerStyle: isCDP ? { justifyContent: 'flex-start' } : {} },
-        React.createElement(RadioGroup, { options: LEVEL_OPTIONS[levelOption], defaultValue: value, value: value, onChange: onChange })));
+    return (_jsx(SettingWrapper, { label: t(translations.level.title).toString(), labelStyle: { fontWeight: mode === 'CDP' ? 'normal' : 'bold', width: LABEL_WIDTH }, labelColor: isCDP ? THEME.token?.colorText : undefined, containerStyle: isCDP ? { justifyContent: 'flex-start' } : {}, children: _jsx(RadioGroup, { options: LEVEL_OPTIONS[levelOption], defaultValue: value, value: value, onChange: onChange }) }));
 };
 export default React.memo(LevelSetting);

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

@@ -12,7 +12,7 @@ export interface ContentSourceProps {
     journeySettings: JourneySettings;
 }
 declare const _default: React.MemoExoticComponent<{
-    (props: ContentSourceProps): React.JSX.Element;
+    (props: ContentSourceProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: ContentSourceProps;
 }>;
 export default _default;

package/es/components/organism/ContentSources/index.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Libraries
-import React, { memo } from 'react';
+import { memo } from 'react';
 // Query config
 import { queryClientAntsomiUI, QueryClientProviderAntsomiUI, } from '@antscorp/antsomi-ui/es/queries/configs';
 // Components
@@ -29,10 +30,8 @@ const defaultProps = {
 const ContentSource = (props) => {
     const { useQueryClient, serviceAuth, mode, isShowErrorAlert, initValue, hideOptionTypes, journeySettings, onChange, } = props;
     if (!useQueryClient)
-        return (React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }));
-    return (React.createElement(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI },
-        React.createElement(ContentSourceProvider, null,
-            React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }))));
+        return (_jsx(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }));
+    return (_jsx(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI, children: _jsx(ContentSourceProvider, { children: _jsx(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }) }) }));
 };
 ContentSource.defaultProps = defaultProps;
 export default memo(ContentSource);

package/es/components/organism/ContentSources/provider.d.ts

@@ -6,7 +6,7 @@ export declare const ContentSourceDispatchContext: React.Context<React.Dispatch<
 export interface ContentSourceProviderProps {
     children: React.ReactNode;
 }
-export declare const ContentSourceProvider: ({ children }: ContentSourceProviderProps) => React.JSX.Element;
+export declare const ContentSourceProvider: ({ children }: ContentSourceProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useContentSourceState: () => ContentSourceState;
 export declare const useContentSourceDispatch: () => React.Dispatch<UpdateGroupAction>;
 export declare const useSelectServiceAuth: () => import("../../..").PayloadInfo;

package/es/components/organism/ContentSources/provider.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Libraries
-import React, { createContext, useContext, useMemo, useReducer } from 'react';
+import { createContext, useContext, useMemo, useReducer } from 'react';
 import _ from 'lodash';
 // Reducer
 import { contentSourceReducer, initialContentSourceState } from './reducer';
@@ -7,8 +8,7 @@ export const ContentSourceContext = createContext(initialContentSourceState);
 export const ContentSourceDispatchContext = createContext(() => { });
 export const ContentSourceProvider = ({ children }) => {
     const [contentSourceState, dispatch] = useReducer(contentSourceReducer, initialContentSourceState);
-    return (React.createElement(ContentSourceContext.Provider, { value: contentSourceState },
-        React.createElement(ContentSourceDispatchContext.Provider, { value: dispatch }, children)));
+    return (_jsx(ContentSourceContext.Provider, { value: contentSourceState, children: _jsx(ContentSourceDispatchContext.Provider, { value: dispatch, children: children }) }));
 };
 // Hooks
 export const useContentSourceState = () => useContext(ContentSourceContext);

package/es/components/organism/ContentSources/reducer.js

@@ -49,7 +49,10 @@ export const contentSourceReducer = (state, action) => produce(state, draft => {
             const index = state.contentSources.groups.findIndex(g => g.groupId === groupId);
             if (index !== -1) {
                 const group = state.contentSources.groups[index];
-                draft.contentSources.groups[index] = Object.assign(Object.assign({}, group), values);
+                draft.contentSources.groups[index] = {
+                    ...group,
+                    ...values,
+                };
             }
             break;
         }

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

@@ -30,12 +30,12 @@ export const TRANSLATE_TEXT = {
 };
 export const buildOptionArchive = (list, selected) => {
     const arrSelected = Array.isArray(selected) ? selected : [selected];
-    const result = (list === null || list === void 0 ? void 0 : list.filter(each => parseInt(each.status) !== 4 || arrSelected.includes(each.value))) || [];
+    const result = list?.filter(each => parseInt(each.status) !== 4 || arrSelected.includes(each.value)) || [];
     return result;
 };
 export const convertValue = (listBO, itemTypeId) => {
     if (itemTypeId) {
-        const selected = listBO === null || listBO === void 0 ? void 0 : listBO.find((bo) => bo.value === itemTypeId);
+        const selected = listBO?.find((bo) => bo.value === itemTypeId);
         if (!selected) {
             return `[ID - ${itemTypeId}]`;
         }
@@ -45,7 +45,7 @@ export const convertValue = (listBO, itemTypeId) => {
 export const isCheckBOArchiveDelete = (listBO, itemTypeId) => {
     let errorMessage = '';
     if (itemTypeId) {
-        const selected = listBO === null || listBO === void 0 ? void 0 : listBO.find((bo) => bo.value === itemTypeId);
+        const selected = listBO?.find((bo) => bo.value === itemTypeId);
         if (selected) {
             if (BO_STATUS[selected.model.status]) {
                 errorMessage = BO_STATUS[selected.model.status].errorMessage;
@@ -62,14 +62,14 @@ export const isCheckStatusAttr = (listBO, itemTypeId, listAttribute, field) => {
     let isDisable = false;
     const isEmptyField = !field || (Array.isArray(field) && !field.length);
     // If field is empty then return empty errorMessage
-    if (isEmptyField || !(listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.length)) {
+    if (isEmptyField || !listAttribute?.length) {
         return {
             errorMessage: '',
             isDisable: false,
         };
     }
-    const selected = listBO === null || listBO === void 0 ? void 0 : listBO.find((bo) => bo.value === itemTypeId);
-    const selectedAttr = listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.find((bo) => Array.isArray(field) ? field.includes(bo.value) : bo.value === field);
+    const selected = listBO?.find((bo) => bo.value === itemTypeId);
+    const selectedAttr = listAttribute?.find((bo) => Array.isArray(field) ? field.includes(bo.value) : bo.value === field);
     // TH1 : BO is Archive or Delete
     if (itemTypeId) {
         if (selected) {
@@ -98,14 +98,14 @@ export const checkStatusCollection = ({ listBO, itemTypeId, listCollection, fiel
     let isDisable = false;
     const isEmptyField = !field || (Array.isArray(field) && !field.length);
     // If field is empty, listAttribute is empty array then return empty errorMessage
-    if (isEmptyField || !(listCollection === null || listCollection === void 0 ? void 0 : listCollection.length)) {
+    if (isEmptyField || !listCollection?.length) {
         return {
             errorMessage: '',
             isDisable: false,
         };
     }
-    const selectedAttrs = listCollection === null || listCollection === void 0 ? void 0 : listCollection.filter(bo => Array.isArray(field) ? field.includes(bo.value) : bo.value === field);
-    if (!(selectedAttrs === null || selectedAttrs === void 0 ? void 0 : selectedAttrs.length)) {
+    const selectedAttrs = listCollection?.filter(bo => Array.isArray(field) ? field.includes(bo.value) : bo.value === field);
+    if (!selectedAttrs?.length) {
         errorMessage = COLLECTION_STATUS.DELETE.errorMessage;
     }
     else {
@@ -124,7 +124,7 @@ export const checkStatusCollection = ({ listBO, itemTypeId, listCollection, fiel
         }
     }
     if (Array.isArray(listBO) && !!itemTypeId) {
-        const selectedBO = listBO === null || listBO === void 0 ? void 0 : listBO.find(bo => bo.value === itemTypeId);
+        const selectedBO = listBO?.find(bo => bo.value === itemTypeId);
         if (!selectedBO) {
             errorMessage = BO_STATUS.DELETE.errorMessage;
             isDisable = true;
@@ -141,7 +141,7 @@ export const checkStatusCollection = ({ listBO, itemTypeId, listCollection, fiel
 export const optionNotExitsValue = (options, value) => {
     const arrValue = Array.isArray(value) ? value : [value];
     if (value) {
-        const selected = options === null || options === void 0 ? void 0 : options.find((item) => arrValue.includes(item.value));
+        const selected = options?.find((item) => arrValue.includes(item.value));
         if (!selected) {
             return `[ID - ${value}]`;
         }

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { DataTableProps } from './types';
-export declare function DataTable<TTableDataType>(props: DataTableProps<TTableDataType>): React.JSX.Element;
+export declare function DataTable<TTableDataType>(props: DataTableProps<TTableDataType>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataTable {
     var useDataTableStore: typeof import("./hooks/useDataTableStore").useDataTableStore;
 }