@antscorp/antsomi-ui 1.3.5-beta.266 → 1.3.5-beta.268

package/es/components/molecules/AccountSelection/AccountListing.js

@@ -58,12 +58,13 @@ export const AccountListing = props => {
     }, [onChange]);
     return (React.createElement(AccountSelectionStyled, { className: className },
         React.createElement(Input, { placeholder: "Search", suffix: React.createElement(Icon, { type: "icon-ants-search-2", style: { fontSize: '24px' } }), value: searchValue, onChange: event => setSearchValue(event.target.value) }),
-        !!(recentData === null || recentData === void 0 ? void 0 : recentData.value) && (React.createElement(React.Fragment, null,
-            React.createElement(Text, { className: "recent-text" }, "Recent"),
-            React.createElement("ul", null, recentData === null || recentData === void 0 ? void 0 : recentData.value.map(accountId => accountData === null || accountData === void 0 ? void 0 : accountData.find(account => account.userId === accountId)).filter(Boolean).map(account => (React.createElement(AccountItem, { key: account.userId, userName: account.userName, userId: account.userId, onClick: handleSelectAccount, isSelected: +currentAccount === account.userId })))))),
         React.createElement("div", { className: "antsomi-scroll-box account-list" },
-            React.createElement("ul", { className: "scroll-content" }, accountData === null || accountData === void 0 ? void 0 : accountData.filter(account => !(recentData === null || recentData === void 0 ? void 0 : recentData.value.includes(account.userId)) &&
-                searchStringQuery(account.userName, searchValue)).map(account => (React.createElement(AccountItem, { key: account.userId, userName: account.userName, userId: account.userId, onClick: handleSelectAccount, isSelected: +currentAccount === account.userId }))))),
+            React.createElement("ul", { className: "scroll-content" },
+                !!(recentData === null || recentData === void 0 ? void 0 : recentData.value) && (React.createElement(React.Fragment, null,
+                    React.createElement(Text, { className: "recent-text" }, "Recent"), recentData === null || recentData === void 0 ? void 0 :
+                    recentData.value.map(accountId => accountData === null || accountData === void 0 ? void 0 : accountData.find(account => account.userId === accountId)).filter(Boolean).map(account => (React.createElement(AccountItem, { key: account.userId, userName: account.userName, userId: account.userId, onClick: handleSelectAccount, isSelected: +currentAccount === account.userId }))))), accountData === null || accountData === void 0 ? void 0 :
+                accountData.filter(account => !(recentData === null || recentData === void 0 ? void 0 : recentData.value.includes(account.userId)) &&
+                    searchStringQuery(account.userName, searchValue)).map(account => (React.createElement(AccountItem, { key: account.userId, userName: account.userName, userId: account.userId, onClick: handleSelectAccount, isSelected: +currentAccount === account.userId }))))),
         showAllAccount ? (React.createElement(Text, { className: `all-account ${isAllAccount ? 'is-selected' : ''}`, onClick: () => handleSelectAccount('') },
             React.createElement("strong", null, "All account"))) : null));
 };

package/es/components/molecules/AccountSelection/AccountSelection.js

@@ -79,5 +79,5 @@ export const AccountSelection = props => {
         React.createElement(PopoverFieldStyled, { className: `${inputStyle || ''} ${inputClassName || ''}` },
             React.createElement(Tooltip, { title: inputLabel },
                 React.createElement("span", { className: !inputLabel ? 'is-placeholder' : '' }, inputLabel || 'Select an account')),
-            React.createElement(Icon, { type: "icon-ants-angle-down", style: { width: '20px', textAlign: 'center' } })))));
+            React.createElement(Icon, { type: "icon-ants-angle-right", style: { width: '20px', textAlign: 'center', transform: 'rotate(90deg)' } })))));
 };

package/es/components/molecules/AccountSelection/styled.js

@@ -1,4 +1,4 @@
-var _a, _b, _c, _d, _e, _f, _g, _h;
+var _a, _b, _c, _d, _e, _f, _g, _h, _j;
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 import styled from 'styled-components';
 export const AccountSelectionStyled = styled.div `
@@ -83,18 +83,22 @@ export const PopoverFieldStyled = styled.div `
     text-overflow: ellipsis;
   }
 
+  i {
+    color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw8};
+  }
+
   &.select {
-    border: 1px solid ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw3};
+    border: 1px solid ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.bw3};
     border-radius: 999px;
   }
 
   &.input {
-    border-bottom: 1px solid ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.colorPrimary};
+    border-bottom: 1px solid ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.colorPrimary};
     width: 300px;
   }
 
   & .is-placeholder {
-    color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw6};
+    color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.bw6};
     font-weight: normal;
   }
 `;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { TRanking } from '../../atoms/InputDynamic/types';
 interface AlgorithmsSettingProps {
     isShowErrorAlert: boolean;
+    isHideRanking?: boolean;
     journeySettings: Record<string, any>;
     contentSourceGroupId: string;
     itemTypeId: number;

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

@@ -73,7 +73,7 @@ const styleGrid = {
 };
 export const AlgorithmsSetting = (props) => {
     var _a;
-    const { data, itemTypeId, itemTypeName, isShowErrorAlert, journeySettings, onChange } = props;
+    const { data, itemTypeId, isHideRanking, itemTypeName, isShowErrorAlert, journeySettings, onChange, } = props;
     // Translations
     const { t } = i18nInstance;
     // Selectors
@@ -757,9 +757,12 @@ export const AlgorithmsSetting = (props) => {
             });
         }
     };
-    return (React.createElement(AlgorithmsSettingWrapper, null,
-        React.createElement(SettingWrapper, { containerStyle: isCDP ? { justifyContent: 'flex-start' } : {}, label: t(translations.ranking.title), labelStyle: { fontWeight: isCDP ? 'normal' : 'bold', width: isCDP ? LABEL_WIDTH : 'auto' }, labelColor: isCDP ? (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorText : undefined },
-            React.createElement(RadioGroup, { options: Object.values(RANKING_TYPE), value: ranking.type, onChange: onChangeType })),
+    return (React.createElement(AlgorithmsSettingWrapper, { style: { marginTop: isHideRanking ? -20 : 0 } },
+        !isHideRanking && (React.createElement(SettingWrapper, { containerStyle: isCDP ? { justifyContent: 'flex-start' } : {}, label: t(translations.ranking.title), labelStyle: {
+                fontWeight: isCDP ? 'normal' : 'bold',
+                width: isCDP ? LABEL_WIDTH : 'auto',
+            }, labelColor: isCDP ? (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorText : undefined },
+            React.createElement(RadioGroup, { options: Object.values(RANKING_TYPE), value: ranking.type, onChange: onChangeType }))),
         ranking.type === RANKING_TYPE.ALGORITHMS.value ? (React.createElement(StyledTabs, { defaultActiveKey: activeTab, activeKey: activeTab, onChange: onChangeTabs, destroyInactiveTabPane: true }, Object.values(ALGORITHM_TABS)
             .filter(({ value }) => {
             if (itemTypeId === PRODUCT_ITEM_TYPE_ID || itemTypeName === ITEM_TYPE_NAME.ARTICLE) {

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

@@ -1,10 +1,11 @@
 import React from 'react';
-import { TContentSourceGroup, UpdateGroupAction } from './types';
+import { HideOptionTypes, TContentSourceGroup, UpdateGroupAction } from './types';
 import { FallbackBO } from '@antscorp/antsomi-ui/es/models/FallbackBO';
 export type TProps = {
     groups: TContentSourceGroup[];
     isLoadingListBO: boolean;
     listBO: any;
+    hideOptionTypes?: HideOptionTypes;
     onChange?: (contentSources: TContentSourceGroup[]) => void;
     expanded?: string[];
     onDeleteGroup?: (groupId: string) => void;

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

@@ -25,7 +25,7 @@ const defaultProps = {
 };
 const Content = (props = defaultProps) => {
     // prettier-ignore
-    const { groups, isLoadingListBO, listBO, onChangeGroup, onChangeExpand, expanded, isShowErrorAlert, listFallbackBO, journeySettings, onDeleteGroup } = props;
+    const { groups, isLoadingListBO, listBO, onChangeGroup, onChangeExpand, expanded, isShowErrorAlert, hideOptionTypes, listFallbackBO, journeySettings, onDeleteGroup } = props;
     const { t } = i18nInstance;
     const mode = useSelectModeView();
     const isCDP = mode === 'CDP';
@@ -69,7 +69,7 @@ const Content = (props = defaultProps) => {
                 }, 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, groupNames: groupNames, isLoadingSelectBO: isLoadingListBO, listBO: listBO, onChange: onChangeGroup, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, listFallbackBO: listFallbackBO }));
+        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);
         }

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import { TContentSourceGroup, UpdateGroupAction } from './types';
+import { HideOptionTypes, TContentSourceGroup, UpdateGroupAction } from './types';
 import { FallbackBO } from '@antscorp/antsomi-ui/es/models/FallbackBO';
 type TProps = {
     data: TContentSourceGroup;
     listBO: any[];
+    hideOptionTypes?: HideOptionTypes;
     isLoadingSelectBO: boolean;
     onChange?: (groupId: string, action: UpdateGroupAction) => void;
     isShowErrorAlert: boolean;

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

@@ -31,7 +31,7 @@ const cdpStyle = {
 };
 const Group = (props) => {
     var _a, _b;
-    const { data, isLoadingSelectBO, listBO, listFallbackBO, isShowErrorAlert, journeySettings, onChange, } = props;
+    const { data, isLoadingSelectBO, listBO, listFallbackBO, hideOptionTypes, isShowErrorAlert, journeySettings, onChange, } = props;
     const { itemTypeId, filters, level, itemTypeName } = data;
     const mode = useSelectModeView();
     const isCDP = mode === 'CDP';
@@ -78,6 +78,10 @@ const Group = (props) => {
         return listFallback;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [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]);
     useDeepCompareEffect(() => {
         var _a;
         if (!isEmpty(relationship)) {
@@ -105,18 +109,18 @@ const Group = (props) => {
                 type: 'BO_TYPE',
                 payload: { itemTypeId: value },
             }), errorArchive: isCheckBOArchiveDelete(listBO, itemTypeId) }),
-        itemTypeId === PRODUCT_ITEM_TYPE_ID && relationship && !!(relationship === null || relationship === void 0 ? void 0 : relationship.enabled) && (React.createElement(LevelSetting, { value: level || 'parent', levelOption: relationship.recommendation_level, onChange: e => {
+        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,
-            React.createElement(FilterSetting, { boId: itemTypeId, filters: filters, onOKChangeFilter: (conditions) => handleChange({
+            !(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, isShowErrorAlert: isShowErrorAlert, itemTypeId: itemTypeId, data: data.ranking, onChange: (value) => handleChange({
+                }) })),
+            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 }),

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
-import type { ContentSourceModeView, JourneySettings, TContentSourceSettings } from './types';
+import type { ContentSourceModeView, HideOptionTypes, JourneySettings, TContentSourceSettings } from './types';
 interface SettingsProps {
     serviceAuth: TServiceAuth;
     mode: ContentSourceModeView;
+    hideOptionTypes?: HideOptionTypes;
     onChange: (contentSource: TContentSourceSettings) => void;
     initValue?: TContentSourceSettings;
     isShowErrorAlert: boolean;

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

@@ -36,7 +36,7 @@ import { deleteContentSourceGroup, setContentSourceGroup, setContentSourceGroupB
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/organism/ContentSources/Settings.tsx';
 const Settings = (props) => {
-    const { serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, onChange } = props;
+    const { serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, hideOptionTypes, onChange, } = props;
     const { url = '', userId, token, accountId } = serviceAuth;
     const { t } = i18nInstance;
     const boIdByGroupCS = useSelectBoIdByGroupFromCS();
@@ -280,7 +280,7 @@ const Settings = (props) => {
         }
     }, [contentSourcesDebounce]);
     return (React.createElement(ContentContainer, { className: "contentsource-container" },
-        React.createElement(Content, { isLoadingListBO: isLoadingListBO || isLoadingDataTableBO, listBO: listBO, groups: groups, expanded: expanded, onChangeExpand: expanded => {
+        React.createElement(Content, { isLoadingListBO: isLoadingListBO || isLoadingDataTableBO, hideOptionTypes: hideOptionTypes, listBO: listBO, groups: groups, expanded: expanded, onChangeExpand: expanded => {
                 contentSourceDispatch({
                     type: 'EXPANDED',
                     payload: {

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
-import { ContentSourceModeView, JourneySettings, TContentSourceSettings } from './types';
+import { ContentSourceModeView, HideOptionTypes, JourneySettings, TContentSourceSettings } from './types';
 export interface ContentSourceProps {
     useQueryClient: boolean;
     serviceAuth: TServiceAuth;
     isShowErrorAlert: boolean;
+    hideOptionTypes?: HideOptionTypes;
     mode: ContentSourceModeView;
     initValue?: TContentSourceSettings;
     onChange: (contentSource: TContentSourceSettings) => void;

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

@@ -11,6 +11,11 @@ import { JOURNEY_SETTINGS_DEFAULT } from './constants';
 const defaultProps = {
     useQueryClient: true,
     isShowErrorAlert: false,
+    hideOptionTypes: {
+        filter: false,
+        level: false,
+        ranking: false,
+    },
     journeySettings: JOURNEY_SETTINGS_DEFAULT,
     mode: 'CDP',
     onChange: () => { },
@@ -22,12 +27,12 @@ const defaultProps = {
     },
 };
 const ContentSource = (props) => {
-    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, onChange, } = props;
+    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, initValue, hideOptionTypes, journeySettings, onChange, } = props;
     if (!useQueryClient)
-        return (React.createElement(Settings, { mode: mode, initValue: initValue, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }));
+        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, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }))));
+            React.createElement(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/types.d.ts

@@ -44,6 +44,11 @@ export type TContentSourceSettings = {
     expanded: string[];
     isLoadingDataBO: boolean;
 };
+export interface HideOptionTypes {
+    filter?: boolean;
+    level?: boolean;
+    ranking?: boolean;
+}
 export type TRelationship = {
     enabled: 1 | 0;
     parent_attr: string;

package/package.json

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