@antscorp/antsomi-ui 1.3.5-beta.874 → 1.3.5-beta.875

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

@@ -246,6 +246,7 @@ export declare const LazyIcon: {
     MoveToIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MuteIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NodeViewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    NoteNewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationSettingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationsActiveIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -329,6 +330,7 @@ export declare const LazyIcon: {
     StoreIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     StudioTemplates30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SubtractRadiusIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    SummarizeIconIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SupportAssistantIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Survey30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SurveyDirectorProfileIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;

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

@@ -250,6 +250,7 @@ export const LazyIcon = {
     MoveToIcon: lazy(() => import('../MoveToIcon').then(m => ({ default: m.MoveToIcon }))),
     MuteIcon: lazy(() => import('../MuteIcon').then(m => ({ default: m.MuteIcon }))),
     NodeViewIcon: lazy(() => import('../NodeViewIcon').then(m => ({ default: m.NodeViewIcon }))),
+    NoteNewIcon: lazy(() => import('../NoteNewIcon').then(m => ({ default: m.NoteNewIcon }))),
     NotificationIcon: lazy(() => import('../NotificationIcon').then(m => ({ default: m.NotificationIcon }))),
     NotificationSettingIcon: lazy(() => import('../NotificationSettingIcon').then(m => ({ default: m.NotificationSettingIcon }))),
     NotificationsActiveIcon: lazy(() => import('../NotificationsActiveIcon').then(m => ({ default: m.NotificationsActiveIcon }))),
@@ -335,6 +336,7 @@ export const LazyIcon = {
     StoreIcon: lazy(() => import('../StoreIcon').then(m => ({ default: m.StoreIcon }))),
     StudioTemplates30Icon: lazy(() => import('../StudioTemplates30Icon').then(m => ({ default: m.StudioTemplates30Icon }))),
     SubtractRadiusIcon: lazy(() => import('../SubtractRadiusIcon').then(m => ({ default: m.SubtractRadiusIcon }))),
+    SummarizeIconIcon: lazy(() => import('../SummarizeIconIcon').then(m => ({ default: m.SummarizeIconIcon }))),
     SupportAssistantIcon: lazy(() => import('../SupportAssistantIcon').then(m => ({ default: m.SupportAssistantIcon }))),
     Survey30Icon: lazy(() => import('../Survey30Icon').then(m => ({ default: m.Survey30Icon }))),
     SurveyDirectorProfileIcon: lazy(() => import('../SurveyDirectorProfileIcon').then(m => ({ default: m.SurveyDirectorProfileIcon }))),

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

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

package/es/components/icons/NoteNewIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const NoteNewIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.17969 14.0781L16.7188 6.5L17.5 7.28125L9.92188 14.8203H9.17969V14.0781ZM20.3125 1.73438C20.1562 1.57812 19.9219 1.5 19.7266 1.5C19.4922 1.5 19.2969 1.57812 19.1406 1.73438L17.6172 3.25781L20.7422 6.38281L22.2656 4.85938C22.5781 4.54688 22.5781 4 22.2656 3.6875L20.3125 1.73438ZM19.8438 7.28125L16.7188 4.15625L7.5 13.375V16.5H10.625L19.8438 7.28125ZM17.9844 13V19.9844H4.01562V6.01562H11V4H4.01562C2.89062 4 2 4.89062 2 6.01562V19.9844C2 21.1094 2.89062 22 4.01562 22H17.9844C19.1094 22 20 21.1094 20 19.9844V13H17.9844Z", fill: "currentColor" }) }));
+});

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

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

package/es/components/icons/SummarizeIconIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const SummarizeIconIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M7.5 20C6.97005 19.9984 6.46225 19.7872 6.08752 19.4125C5.71279 19.0377 5.50158 18.5299 5.5 18L5.51001 6C5.51 5.4713 5.71934 4.9641 6.09225 4.58931C6.46517 4.21452 6.9713 4.00264 7.5 4H17.5C18.0299 4.00158 18.5377 4.2128 18.9125 4.58753C19.2872 4.96227 19.4984 5.47005 19.5 6V18C19.4984 18.5299 19.2872 19.0377 18.9125 19.4125C18.5377 19.7872 18.0299 19.9984 17.5 20H7.5ZM7.5 18H17.5V6H7.5V18ZM8.5 16V14H10.5V16H8.5ZM11.5 15V14H15.5V15H11.5ZM8.5 13V11H10.5V13H8.5ZM11.5 12V11H15.5V12H11.5ZM8.5 10V8H10.5V10H8.5ZM11.5 9V8H15.5V9H11.5Z", fill: "currentColor" }) }));
+});

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

@@ -242,6 +242,7 @@ export { MoreInfoIcon } from './MoreInfoIcon';
 export { MoveToIcon } from './MoveToIcon';
 export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
+export { NoteNewIcon } from './NoteNewIcon';
 export { NotificationIcon } from './NotificationIcon';
 export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { NotificationsActiveIcon } from './NotificationsActiveIcon';
@@ -325,6 +326,7 @@ export { StopRecordIcon } from './StopRecordIcon';
 export { StoreIcon } from './StoreIcon';
 export { StudioTemplates30Icon } from './StudioTemplates30Icon';
 export { SubtractRadiusIcon } from './SubtractRadiusIcon';
+export { SummarizeIconIcon } from './SummarizeIconIcon';
 export { SupportAssistantIcon } from './SupportAssistantIcon';
 export { Survey30Icon } from './Survey30Icon';
 export { SurveyDirectorProfileIcon } from './SurveyDirectorProfileIcon';

package/es/components/icons/index.js

@@ -242,6 +242,7 @@ export { MoreInfoIcon } from './MoreInfoIcon';
 export { MoveToIcon } from './MoveToIcon';
 export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
+export { NoteNewIcon } from './NoteNewIcon';
 export { NotificationIcon } from './NotificationIcon';
 export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { NotificationsActiveIcon } from './NotificationsActiveIcon';
@@ -325,6 +326,7 @@ export { StopRecordIcon } from './StopRecordIcon';
 export { StoreIcon } from './StoreIcon';
 export { StudioTemplates30Icon } from './StudioTemplates30Icon';
 export { SubtractRadiusIcon } from './SubtractRadiusIcon';
+export { SummarizeIconIcon } from './SummarizeIconIcon';
 export { SupportAssistantIcon } from './SupportAssistantIcon';
 export { Survey30Icon } from './Survey30Icon';
 export { SurveyDirectorProfileIcon } from './SurveyDirectorProfileIcon';

package/es/components/molecules/DrawerDetail/DrawerDetail.js

@@ -16,7 +16,7 @@ import { safeParseJson } from '@antscorp/antsomi-ui/es/utils';
 import { POST_MESSAGE_TYPES } from '@antscorp/antsomi-ui/es/constants';
 export const DrawerDetail = props => {
     // Props
-    const { width, fullScreen: fullScreenProp = false, children, menuProps, closeIconProps, maxWidth, minWidth, defaultSize = 'max', headerProps, name, destroyOnClose = true, mask = false, ...restProps } = props;
+    const { width, fullScreen: fullScreenProp = false, children, menuProps, closeIconProps, maxWidth, minWidth, defaultSize = 'max', headerProps, name, destroyOnClose = true, mask = false, onToggleCollapse, ...restProps } = props;
     const { show: showMenu = true, showExpandButton = true, showClose = true, items, selectedKeys, footer, onClick = () => { }, } = menuProps || {};
     const { children: headerChildren, ...restOfHeaderProps } = headerProps || {};
     const { onClose = () => { } } = props;
@@ -47,25 +47,29 @@ export const DrawerDetail = props => {
     useEffect(() => {
         if (matchesSmallScreen) {
             toggleCollapseDrawer(false);
+            onToggleCollapse?.(false);
         }
         switch (defaultSize) {
             case 'max':
                 toggleCollapseDrawer(false);
+                onToggleCollapse?.(false);
                 break;
             case 'min':
             default:
                 toggleCollapseDrawer(true);
+                onToggleCollapse?.(true);
                 break;
         }
-    }, [matchesSmallScreen, defaultSize, toggleCollapseDrawer]);
+    }, [matchesSmallScreen, defaultSize, toggleCollapseDrawer, onToggleCollapse]);
     // Get cache collapse from local storage
     useEffect(() => {
         const localStorageValues = safeParseJson(localStorage.getItem(DRAWER_DETAIL_LOCAL_STORAGE_KEY), {});
         const cachedCollapse = localStorageValues[name || ''];
         if (!isNil(cachedCollapse)) {
             toggleCollapseDrawer(cachedCollapse);
+            onToggleCollapse?.(cachedCollapse);
         }
-    }, [name, toggleCollapseDrawer]);
+    }, [name, toggleCollapseDrawer, onToggleCollapse]);
     // Memo
     const drawerWidth = useMemo(() => {
         if (fullScreen)
@@ -98,6 +102,7 @@ export const DrawerDetail = props => {
     const handleToggleDrawerSize = () => {
         const localStorageValues = safeParseJson(localStorage.getItem(DRAWER_DETAIL_LOCAL_STORAGE_KEY), {});
         toggleCollapseDrawer(!collapseDrawer);
+        onToggleCollapse?.(!collapseDrawer);
         /**
          * Set local storage last collapsed
          */

package/es/components/molecules/DrawerDetail/types.d.ts

@@ -11,6 +11,7 @@ export interface DrawerDetailProps extends Omit<DrawerProps, 'closeIcon' | 'titl
     headerProps?: DrawerHeaderProps;
     menuProps?: DrawerDetailMenuProps;
     closeIconProps?: DrawerDetailCloseIconProps;
+    onToggleCollapse?: (collapsed: boolean) => void;
 }
 export interface DrawerDetailCloseIconProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
     show?: boolean;

package/es/components/molecules/EditingList/EditingList.js

@@ -9,15 +9,15 @@ import { Action, List, Search, LazyComponent } from './components';
 import { CLS } from './utils';
 const { Popover, Title } = LazyComponent;
 export const EditingList = (props) => {
-    const { isLoading = false, addBtnLabel = 'Add', showNum = true, options = [], selected = [], title, removable = true, className, emptyDescription, onChange, } = props;
+    const { isLoading = false, addBtnLabel = 'Add', showNum = true, options = [], selected = [], title, removable = true, className, emptyDescription, popoverProps, onChange, } = props;
     const [search, setSearch] = useState('');
     const debounceSearch = useDebounce(search);
     const selectedOptions = useMemo(() => options.filter(opt => selected.includes(opt.key)), [selected, options]);
-    const filterdOptions = useMemo(() => selectedOptions.filter(opt => defaultPopoverSelectSearch(opt, debounceSearch)), [selectedOptions, debounceSearch]);
+    const filterdOptions = useMemo(() => selectedOptions.filter(opt => defaultPopoverSelectSearch(opt, debounceSearch, popoverProps?.inputSearchProps?.searchConfig)), [selectedOptions, debounceSearch, popoverProps?.inputSearchProps?.searchConfig]);
     const isSelectAll = selectedOptions.length === options.length;
     const handleRemove = (removedKey) => {
         const selectedKeys = selectedOptions.filter(opt => opt.key !== removedKey).map(opt => opt.key);
         onChange?.(selectedKeys);
     };
-    return (_jsxs(EditingListRoot, { className: clsx(CLS.Root.default, className), vertical: true, gap: 8, children: [title && (_jsx(Suspense, { children: _jsx(Title, { showNum: showNum, title: title, selectedAmount: selected.length, optionAmount: options.length }) })), _jsx(Search, { onChange: e => setSearch(e.target.value) }), _jsx(List, { isLoading: isLoading, filterdOptions: filterdOptions, emptyDescription: emptyDescription, renderAction: key => (_jsx(Action, { removable: removable, onClickRemove: () => handleRemove(key) })) }), !isSelectAll && !isLoading && (_jsx(Suspense, { children: _jsx(Popover, { options: options, selected: selected, addBtnLabel: addBtnLabel, onChange: onChange }) }))] }));
+    return (_jsxs(EditingListRoot, { className: clsx(CLS.Root.default, className), vertical: true, gap: 8, children: [title && (_jsx(Suspense, { children: _jsx(Title, { showNum: showNum, title: title, selectedAmount: selected.length, optionAmount: options.length }) })), _jsx(Search, { onChange: e => setSearch(e.target.value) }), _jsx(List, { isLoading: isLoading, filterdOptions: filterdOptions, emptyDescription: emptyDescription, renderAction: key => (_jsx(Action, { removable: removable, onClickRemove: () => handleRemove(key) })) }), !isSelectAll && !isLoading && (_jsx(Suspense, { children: _jsx(Popover, { options: options, selected: selected, addBtnLabel: addBtnLabel, onChange: onChange, ...popoverProps }) }))] }));
 };

package/es/components/molecules/EditingList/components/Loadable.d.ts

@@ -10,4 +10,4 @@ export declare const Popover: import("react").LazyExoticComponent<(props: {
     selected: string[];
     addBtnLabel: import("react").ReactNode;
     onChange?: ((selected: string[]) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element>;
+} & Pick<import("../../SearchPopover/types").PopoverSelectProps, "inputSearchProps">) => import("react/jsx-runtime").JSX.Element>;

package/es/components/molecules/EditingList/components/Popover/Popover.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { Option } from '../../types';
+import { EditingListProps, Option } from '../../types';
 type PopoverProps = {
     options: Option[];
     selected: string[];
     addBtnLabel: React.ReactNode;
     onChange?: (selected: string[]) => void;
-};
+} & EditingListProps['popoverProps'];
 export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/es/components/molecules/EditingList/components/Popover/Popover.js

@@ -4,6 +4,6 @@ import { PopoverSelect } from '../../../SearchPopover';
 import { StyledAddBtn } from '../../styled';
 import { CLS } from '../../utils';
 export const Popover = (props) => {
-    const { options, selected, addBtnLabel, onChange } = props;
-    return (_jsx(PopoverSelect, { options: options, selected: selected, onApply: onChange, children: _jsxs(StyledAddBtn, { className: CLS.AddButton.default, role: "button", children: [_jsx(AddIcon, {}), addBtnLabel] }) }));
+    const { options, selected, addBtnLabel, onChange, ...popoverSearchProps } = props;
+    return (_jsx(PopoverSelect, { options: options, selected: selected, onApply: onChange, ...popoverSearchProps, children: _jsxs(StyledAddBtn, { className: CLS.AddButton.default, role: "button", children: [_jsx(AddIcon, {}), addBtnLabel] }) }));
 };

package/es/components/molecules/EditingList/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { PopoverSelectProps } from '../SearchPopover/types';
 export type Option = {
     key: string;
     label: React.ReactNode;
@@ -14,5 +15,6 @@ export type EditingListProps = {
     isLoading?: boolean;
     emptyDescription?: string;
     removable?: boolean;
+    popoverProps?: Pick<PopoverSelectProps, 'inputSearchProps'>;
     onChange?: (selected: string[]) => void;
 };

package/es/components/molecules/SearchPopover/components/PopoverSelect/PopoverSelect.js

@@ -15,7 +15,7 @@ export const PopoverSelect = (props) => {
     const { open: openProp, selected, options: optionsProp = [], inputSearchProps = {}, children, showAllLabel = 'Show all', showSelectedLabel = 'Show selected', selectAllLabel = 'Select all', deselectAllLabel = 'Unselect all', menuProps = {}, onCancel, onApply, onSearchPredicate, ...rest } = props;
     const itemSize = menuProps.itemSize || ITEM_SIZE;
     const itemSpacing = menuProps.itemSpacing || ITEM_SPACING;
-    const { value: searchValue, ...restInputSearchProps } = inputSearchProps;
+    const { value: searchValue, searchConfig, ...restInputSearchProps } = inputSearchProps;
     const refOnSearchPredicate = useRef(onSearchPredicate);
     useEffect(() => {
         refOnSearchPredicate.current = onSearchPredicate;
@@ -46,15 +46,15 @@ export const PopoverSelect = (props) => {
     const filteredOptions = useMemo(() => {
         let result = options.filter(field => {
             if (!refOnSearchPredicate.current) {
-                return defaultSearch(field, search);
+                return defaultSearch(field, search, searchConfig);
             }
-            return refOnSearchPredicate.current(field) || defaultSearch(field, search);
+            return refOnSearchPredicate.current(field) || defaultSearch(field, search, searchConfig);
         });
         if (showSelected) {
             result = result.filter(field => selectedKeys.has(field.key));
         }
         return result;
-    }, [options, search, showSelected, selectedKeys]);
+    }, [options, search, showSelected, selectedKeys, searchConfig]);
     const handleToggleField = (field, checked) => {
         const newSelectedKeys = new Set(selectedKeys);
         if (checked) {

package/es/components/molecules/SearchPopover/types.d.ts

@@ -2,8 +2,13 @@ import { PopoverProps } from 'antd';
 import { InputProps } from '../../atoms/Input';
 import React, { PropsWithChildren } from 'react';
 import { MenuInlineProps } from '../VirtualizedMenu/types';
+export type SearchConfig = {
+    searchWithKey?: boolean;
+};
 export type SearchPopoverProps = PropsWithChildren<{
-    inputSearchProps?: InputProps;
+    inputSearchProps?: InputProps & {
+        searchConfig?: SearchConfig;
+    };
 } & PopoverProps>;
 export type Option = {
     key: string;

package/es/components/molecules/SearchPopover/utils.d.ts

@@ -1,5 +1,5 @@
-import { Option } from './types';
-export declare const defaultSearch: (opt: Option, search: string) => boolean;
+import { Option, SearchConfig } from './types';
+export declare const defaultSearch: (opt: Option, search: string, config?: SearchConfig) => boolean;
 export declare const calDefaultListHeightInPopover: (params: {
     listLength: number;
     itemSize: number;

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

@@ -1,8 +1,9 @@
 import { searchStringQuery } from '@antscorp/antsomi-ui/es/utils';
 import { calInlineListSize } from '../VirtualizedMenu/utils';
 import { min } from 'lodash';
-export const defaultSearch = (opt, search) => {
-    let text = opt.key;
+export const defaultSearch = (opt, search, config) => {
+    const { searchWithKey = false } = config || {};
+    let text = searchWithKey ? opt.key : '';
     if (typeof opt.label === 'string') {
         text = text.concat(opt.label);
     }

package/es/locales/ja/google-sheet.json

@@ -518,7 +518,7 @@
     "_IMPORT_FILE_META_INCORRECT": "不正なメタデータ",
     "_IMPORT_FILE_NOT_FOUND": "ファイルが見つかりません",
     "_IMPORT_INVALID_FILE": "無効なファイル",
-    "_IMPORT_LIMIT_COLUMNS_SIZE": "ファイル列が許容制限を超えています",
+    "_IMPORT_LIMIT_COLUMNS_SIZE": "許可された制限を超えたファイル列",
     "_IMPORT_LIMIT_ROWS_SIZE": "ファイル行が許容制限を超えています",
     "_IMPORT_MAPPING_FIELDS_ERROR": "フィールドのマッピングエラー",
     "_IMPORT_MISSING_REQUIRED_FIELD": "必須フィールドが欠落しています",
@@ -928,7 +928,7 @@
     "_TAB_INFORMATION_FIELD": "情報フィールド",
     "_TAB_JOURNEY": "旅",
     "_TAB_METRIC": "メトリック",
-    "_TAB_MODEL_DIAGRAM": "図",
+    "_TAB_MODEL_DIAGRAM": "ダイアグラム",
     "_TAB_MODEL_FIELD": "フィールド",
     "_TAB_OBECT_REFERENCE": "オブジェクトリファレンス",
     "_TAB_OBJECT_ATTRIBUTE": "属性",
@@ -1057,7 +1057,7 @@
     "_TITL_DELIVERY_ALGORITHM": "配信アルゴリズム",
     "_TITL_DELIVERY_DETAIL": "納品詳細",
     "_TITL_DELIVERY_PERFORMANCE": "配信パフォーマンス",
-    "_TITL_DELIVERY_RATE": "配送率",
+    "_TITL_DELIVERY_RATE": "配送料",
     "_TITL_DELIVERY_RESULT": "納品実績",
     "_TITL_DELIVERY_STATUS": "配送状況",
     "_TITL_DESCENDING": "降順",
@@ -1114,7 +1114,7 @@
     "_TITL_FIXED": "修理済み",
     "_TITL_FOREIGN_OBJECT": "異物",
     "_TITL_FREQUENCY": "頻度",
-    "_TITL_FREQUENCY_CAPPING": "フリークエンシー キャップ",
+    "_TITL_FREQUENCY_CAPPING": "フリークエンシーキャップ",
     "_TITL_FROM_PAGE": "ページから",
     "_TITL_FUNCTION": "関数",
     "_TITL_GENERAL": "一般的な",
@@ -1122,7 +1122,7 @@
     "_TITL_GENERAL_SETTING": "一般設定",
     "_TITL_GET_ALL_VALUE": "全要素取得（最大100要素）",
     "_TITL_GET_THE_TOP_VALUE": "トップを獲得する",
-    "_TITL_GET_TRACKING_CODE": "{{zone_name}} の広告ゾーン スクリプトを取得する",
+    "_TITL_GET_TRACKING_CODE": "{{zone_name}} の広告ゾーン スクリプトを取得",
     "_TITL_GROUP_ATTRIBUTE": "グループ属性",
     "_TITL_GROUP_NAME": "グループ名",
     "_TITL_HARD_BOUNCE": "ハードバウンス",
@@ -1220,7 +1220,7 @@
     "_TITL_ORIGINAL_NAME": "オリジナル",
     "_TITL_PAGE_DOWNLOAD": "ページのダウンロード",
     "_TITL_PERCENTAGE": "パーセンテージ",
-    "_TITL_PERCENTAGE_SETTING": "パーセント設定",
+    "_TITL_PERCENTAGE_SETTING": "パーセンテージ設定",
     "_TITL_PERFORM_EVENT": "イベントを行う",
     "_TITL_PERSONALIZATION_CODE": "コードをマージ",
     "_TITL_PERSONALIZATION_TAG": "タグを結合",
@@ -1359,7 +1359,7 @@
     "_USER_GUIDE_EDIT_NODE": "ここで選択したノードのコンテンツを編集します",
     "_USER_GUIDE_ENCRYPTED_INFO": "暗号化された情報",
     "_USER_GUIDE_ENTER_VALUE": "値を入力してください",
-    "_USER_GUIDE_EVENT_ATTR_OBJECT": "イベントの属性とオブジェクトを選択する ",
+    "_USER_GUIDE_EVENT_ATTR_OBJECT": "イベント属性とオブジェクトを選択する ",
     "_USER_GUIDE_EVENT_TEMPLATE": "イベントテンプレートの選択",
     "_USER_GUIDE_FOR_ASSIGN": "割り当て用",
     "_USER_GUIDE_FOR_CREATE": "作成用",
@@ -1378,7 +1378,7 @@
     "_USER_GUIDE_NO_ASSIGN_EVENT": "まだイベントを割り当てていません。まずソースを作成する必要があります",
     "_USER_GUIDE_NO_ATTRIBUTE": "まだ属性を作成していません",
     "_USER_GUIDE_NO_DESTINATION_YET": "まだ目的地を作成していません",
-    "_USER_GUIDE_NO_SHARED_DESTINATION": "目的地が共有されていません",
+    "_USER_GUIDE_NO_SHARED_DESTINATION": "目的地は共有されていません",
     "_USER_GUIDE_NO_EVENT": "まだイベントを作成していません",
     "_USER_GUIDE_NO_EVENT_SOURCE": "まだイベント ソースを作成していません",
     "_USER_GUIDE_NO_EVENT_ASSIGN": "まだイベントを割り当てていません",
@@ -1447,7 +1447,7 @@
     "_WARN_DELETE_ITEMS": "注意: {{all}} {{module}} の削除をリクエストしました。ただし、そのうちの {{number_not_delete}} 個は他の機能の入力として使用されているため削除できません。 <br />\n他の {{number_delete}} {{module}} を削除してもよろしいですか?",
     "_WARN_DELETE_ITEMS_ALL": "{{number_delete}} {{module}} を削除してもよろしいですか?この操作は元に戻すことができません。",
     "_WARN_DELETE_NODE": "確認すると、このノードとこのノードに関連するすべてのものが失われます。",
-    "_WARN_DELETE_STORY": "注意: {{all}} 件の旅行を削除するようリクエストされました。ただし、削除できるのは、ステータスが「設計中」である {{x}} 件のジャーニーのみです。",
+    "_WARN_DELETE_STORY": "注意: {{all}} 件の旅行を削除するようリクエストされました。ただし、削除できるのは、ステータスが「設計内」である {{x}} 件のジャーニーのみです。",
     "_WARN_DELETE_TRIGGER_NODE": "トリガー ノードを削除すると、ジャーニー全体のデザインも削除されます。",
     "_WARN_DESIGN_LOST": "現在のデザインは失われる可能性があります",
     "_WARN_DISCARD_CHANGE_INTRO": "このサイトを離れると、作成した変更は保存されません",
@@ -1475,7 +1475,7 @@
     "_WARN_SEGMENT_IN_QUEUE": "これは、キュー内で計算を待っているセグメントです。条件を編集したい場合は、計算を開始する前に無効にする必要があります。",
     "_WARN_SETTING_FIELD_INVALID": "設定フィールドが無効です。保存する前に設定フィールドを完了してください。",
     "_WARN_VALIDATE_END_DATE_PAST": "ジャーニーの終了日を過去 (end_date} {{end_time}}) に設定しているため、ジャーニーをアクティブ化できません。終了日を更新して、ジャーニーを再度アクティブ化してください。",
-    "_WARN_VALIDATE_LACK_DESTINATION": "有効な移動には少なくとも 1 つの目的地ノードが必要です",
+    "_WARN_VALIDATE_LACK_DESTINATION": "有効な行程には少なくとも 1 つの目的地ノードが必要です",
     "_WARN_VALIDATE_START_DATE_PAST": "旅の開始日を {{start_date}} の {{start_time}} に設定しましたが、すでに過ぎています。\nアクティブ化をキャンセルして開始時刻を更新することも、旅行を破棄してすぐにアクティブ化することもできます。",
     "_WARNING": "警告！",
     "_ZONE_TYPE_CSS_SELECTOR": "CSSセレクターを使用する",
@@ -1488,7 +1488,7 @@
     "_WARN_REMOVE_VARIANT": "バリアント「{{x}}」を削除しますか?",
     "_NODE_PARALLEL_FILTER": "並列フィルター",
     "_INFO_STORY_PARALLEL_FILTER": "並列フィルター",
-    "_USER_GUIDE_PARALLEL_FILTER": "<b>イントロに注意してください: </b> 視聴者は、条件が満たされたいずれかの Yes 分岐を通過できます。それ以外の場合、観客はノーブランチを通過します。",
+    "_USER_GUIDE_PARALLEL_FILTER": "<b>イントロに注意してください: </b> 視聴者は、条件が満たされた任意の Yes 分岐を通過できます。それ以外の場合、観客はノーブランチを通過します。",
     "_MENU_SUB_PROMOTION_CENTER": "プロモーションセンター",
     "_TITL_ADD_PRODUCT_WIDGET": "製品ウィジェットを追加",
     "_ACT_ADD_ATTRIBUTE_OBJECT": "属性オブジェクトの追加",
@@ -1518,7 +1518,7 @@
     "_TITL_EXPIRATION_TIME": "有効期限",
     "_USER_GUIDE_UPLOAD_PROMOTION_CODE": "<b>注:</b>\n    </br> - CDP 365 に存在しない新しいコードのみをインポートできます\n    </br> - アップロードされたファイルは最後に使用されてから 6 か月間保存され、その後は使用できなくなります。",
     "_TAB_PROMOTION_CODE": "プロモーションコード",
-    "_TAB_POOL_SETTING": "プールの設定",
+    "_TAB_POOL_SETTING": "プール設定",
     "_TITL_PROMOTION_CODE_INFO": "プロモーションコード情報",
     "_TITL_CODE_GENERAL_INFO": "コードの一般情報",
     "_TITL_CODE_DELIVERY_INFO": "コード配信情報",
@@ -1635,7 +1635,7 @@
     "_TITL_PREPARE_REPORT": "レポートを準備する",
     "_TITL_ENABLE_PARAMETER_FILTER": "パラメータフィルターを有効にする",
     "_TITL_ENABLE_MASTER_FILTER": "マスターフィルターを有効にする",
-    "_TITL_PPL_W_ACCESS": "アクセスできる人",
+    "_TITL_PPL_W_ACCESS": "アクセス権のある人",
     "_TITL_PUBLIC_REPORT": "ポータルで公開",
     "_TITL_FILTER_TYPE": "フィルターの種類",
     "_TITL_DATA_SOURCE": "データソース",
@@ -1725,7 +1725,7 @@
     "_TITL_VERSION": "バージョン",
     "_TAB_DELIVERY_LOG": "配信ログ",
     "_TAB_DETAIL": "詳細",
-    "_TAB_DIAGRAM": "図",
+    "_TAB_DIAGRAM": "ダイアグラム",
     "_CODE_BUILD_CONTENT_ERROR": "ビルドコンテンツエラー",
     "_CODE_MISSING_RECEIVER": "受信機がありません",
     "_CODE_DESTINATION_FREQUENCY_CAPPING": "宛先フリークエンシー キャップに違反する",
@@ -1752,7 +1752,7 @@
     "_OPT_TRIGGER_FC_LIFETIME": "一生",
     "_OPT_TRIGGER_FC_IMPRESSION": "印象",
     "_MENU_SUB_UPLOAD_HISTORY": "アップロード履歴",
-    "_USER_GUIDE_SEG_STATUS_ENABLE": "セグメントは間隔で構築でき、他のオブジェクトで使用できます",
+    "_USER_GUIDE_SEG_STATUS_ENABLE": "セグメントはインターバルビルド可能で、他のオブジェクトでも使用可能",
     "_USER_GUIDE_SEG_STATUS_DISABLE": "セグメントは間隔の構築を停止しました。  セグメントは他のオブジェクトで使用できますが、新しいデータは使用できません",
     "_USER_GUIDE_SEG_STATUS_ARCHIVE": "セグメントは間隔の構築を停止したため、他のオブジェクトでは使用できません",
     "_USER_GUIDE_COL_STATUS_ENABLE": "コレクションはインターバルビルド可能で、他のオブジェクトでも使用可能",
@@ -1783,7 +1783,7 @@
     "_PORTAL_LIMITATION_DES_COL_DELETE": "までに回復しない場合、コレクションは完全に削除されます",
     "_PORTAL_LIMITATION_DES_BO_DISABLED": "データ オブジェクトは、次の場所で使用されない場合は無効になります。",
     "_PORTAL_LIMITATION_DES_BO_ARCHIVED": "データ オブジェクトは、使用されない場合はアーカイブされます。",
-    "_PORTAL_LIMITATION_DES_BO_DELETE": "データオブジェクトは、次の期間に回復しない場合は完全に削除されます。",
+    "_PORTAL_LIMITATION_DES_BO_DELETE": "次の期間に回復しない場合、データ オブジェクトは完全に削除されます",
     "_PORTAL_LIMITATION_DES_ATTR_DISABLED": "で使用されない場合、属性は無効になります。 ",
     "_PORTAL_LIMITATION_DES_ATTR_ARCHIVED": "属性が使用されない場合はアーカイブされます。",
     "_PORTAL_LIMITATION_DES_ATTR_DELETE": "属性は、次の期間に回復しない場合は完全に削除されます。",
@@ -1794,7 +1794,7 @@
     "_COMPUTATION_SEGMENT_PROPERTY_DELETED": "セグメントのプロパティで使用されているオブジェクトが存在しません",
     "_COMPUTATION_ATTRIBUTE_PROPERTY_ARCHIVED": "属性のプロパティで使用されるオブジェクトはアーカイブされています",
     "_COMPUTATION_ATTRIBUTE_PROPERTY_DELETED": "属性のプロパティで使用されているオブジェクトが存在しません",
-    "_MEASURE_TYPE_UC_APPROXIMATE_DATASKETCHES": "一意のおおよその数 (データスケッチ)",
+    "_MEASURE_TYPE_UC_APPROXIMATE_DATASKETCHES": "一意の数の概算 (データスケッチ)",
     "_TITL_ASSOCIATE_UTM": "UTMと連携する",
     "_TITL_PLANNING": "企画",
     "_TITLE_PLAN_ALL_PLANS": "すべてのプラン",
@@ -1813,7 +1813,7 @@
     "_USER_GUIDE_PLAN_REMOVE_GROUP_CONTENT": "このグループを削除してもよろしいですか?",
     "_ACT_PLAN_SAVE_AS_NEW_SEG": "新しいセグメントとして保存",
     "_ACT_PLAN_SAVE_AS_EXIST_SEG": "または、既存のセグメントにロードします",
-    "_TITLE_SELECT_SEGMENT": "セグメントを選択",
+    "_TITLE_SELECT_SEGMENT": "セグメントの選択",
     "_DES_LAST_BUILD_TIME": "前回のビルド時間",
     "_ACT_PLAN_SAVE_AS": "名前を付けて保存",
     "_ACT_PLAN_PRIVATE_TEMPLATE": "プライベートテンプレート",
@@ -1950,7 +1950,7 @@
     "_WARN_ATTR_COMPUTATIONAL_LIMIT": "現在、計算制限に達しているため、システムは次の有効な時間にこの属性を計算します。",
     "_WARN_TITLE_AM_WARN_TOTAL": "警告 分析モデルの合計制限数",
     "_WARN_AM_WARN_TOTAL_CONTENT_CREATE": "分析モデルの数が制限に達しました。\n新しい分析モデルを作成する場合は、使用されていない分析モデルを削除してください。",
-    "_ACT_WARN_AM_GO_TO_LIST": "解析モデルリストに移動",
+    "_ACT_WARN_AM_GO_TO_LIST": "分析モデルのリストに移動",
     "_TITLE_SELECTED_AM": "選択した分析モデル",
     "_WARN_TITLE_AM_NAME": "解析モデル名",
     "_WARN_TITLE_AM_STATUS": "状態",
@@ -2110,7 +2110,7 @@
     "_PREDICT_MODEL_UPDATE_INTO_EXISTING_SEGMENT": "既存のセグメントへの更新",
     "_PREDICT_MODEL_CREATE_NEW_ATTRIBUTE": "新しい属性を作成する",
     "_PREDICT_MODEL_UPDATE_INTO_EXISTING_ATTRIBUTE": "既存の属性に更新する",
-    "_PREDICT_MODEL_SELECT_SEGMENT": "セグメントを選択",
+    "_PREDICT_MODEL_SELECT_SEGMENT": "セグメントの選択",
     "_PREDICT_MODEL_SELECT_ATTRIBUTE": "属性の選択",
     "_PREDICT_MODEL_CANNOT_LOSE_THEM": "それらを失うことはできません",
     "_PREDICT_MODEL_AT_RISK": "危険にさらされています",
@@ -2123,7 +2123,7 @@
     "_PREDICT_MODEL_NEW_CUSTOMERS": "新規のお客様",
     "_PREDICT_MODEL_POTENTIAL_LOYALISTS": "潜在的なロイヤリスト",
     "_PREDICT_MODEL_NEED_ATTENTION": "注意が必要です ",
-    "_PREDICT_MODEL_VISUALIZATION_ERROR": "データを視覚化できない",
+    "_PREDICT_MODEL_VISUALIZATION_ERROR": "データは視覚化できない",
     "_PREDICT_MODEL_VISUALIZATION_TIP": "購入金額の価値 ",
     "_PREDICT_MODEL_LIMIT_EQUAL_TO": "に等しい",
     "_PREDICT_MODEL_LIMIT_GREATER_THAN_OR_EQUAL_TO": "以上 ",
@@ -2444,7 +2444,7 @@
     "_OBJ_DES_WEB_4": "それぞれの訪問者のインタラクションの価値を最大化するために、ユニークでパーソナライズされたオファーを提供します",
     "_OBJ_DES_WEB_5": "ユーザーインタラクションを分析してコンテンツを洗練し、戦略をセグメント化し、Web サイトのレイアウトを最適化します。",
     "_OBJ_DES_WEB_NOTI_1": "タイムリーな更新、プロモーション、アラートでユーザーに即座に連絡します",
-    "_OBJ_DES_WEB_NOTI_2": "新しいコンテンツ、製品リリース、または期間限定オファーをユーザーに通知することで、Web サイトへのトラフィックを促進します",
+    "_OBJ_DES_WEB_NOTI_2": "新しいコンテンツ、製品リリース、または期間限定オファーをユーザーに通知することで、Web サイトへのトラフィックを促進します。",
     "_OBJ_DES_WEB_NOTI_3": "パーソナライズされたオファーやリマインダーを配信してユーザーの行動を促す",
     "_OBJ_DES_WEB_NOTI_4": "ユーザーの興味や好みに合わせた関連性の高い有益な通知を送信することで、ユーザーの関心とリピートを維持します。",
     "_OBJ_DES_WEB_NOTI_5": "アカウント、トランザクション更新などの関連情報をユーザーのブラウザに直接配信します。",
@@ -2513,7 +2513,7 @@
     "_WEBPER_TEMP_OBJ_DES_POP_5": "重要なニュースやイベントを視聴者に直接ブロードキャストして最新情報を提供します",
     "_WEBPER_TEMP_OBJ_DES_POP_6": "Cookie の使用についてユーザーの同意を得ることで、視聴者の安心とプライバシー規制の遵守を確保します。",
     "_WEBPER_TEMP_OBJ_DES_POP_7": "CDP 365 からのデータを利用して、パーソナライズされた製品の推奨事項を表示し、各訪問者の興味や過去のやり取りに合わせて調整できます。",
-    "_WEBPER_TEMP_OBJ_DES_POP_8": "ターゲットを絞ったオファー、インセンティブ、またはリマインダーを使用して、躊躇している買い物客に購入を完了させるよう促します。",
+    "_WEBPER_TEMP_OBJ_DES_POP_8": "ターゲットを絞ったオファー、インセンティブ、またはリマインダーを使用して、躊躇する買い物客を購入を完了させるよう促します。",
     "_WEBPER_TEMP_OBJ_DES_POP_9": "ソーシャル メディア プラットフォームでコミュニティを拡大し、ブランドの存在感を高めます",
     "_WEBPER_TEMP_OBJ_DES_POP_10": "参加者と興奮を促進する注目を集めるイベント プロモーションで成功への舞台を整えます。",
     "_WEBPER_TEMP_OBJ_DES_POP_11": "魅力的な運ゲーやインタラクティブなコンテンツで興奮を呼び起こし、エンゲージメントを高め、ユーザーを何度もリピートさせ続ける",
@@ -2541,11 +2541,11 @@
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_1": "購読フォーム、登録プロンプト、またはゲート付きコンテンツのオファーを通じて、電子メール アドレスや連絡先の詳細などのユーザー情報を取得します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_2": "直前の取引やコンテンツの推奨を提供して、ユーザーに滞在してさらに探索するよう促します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_3": "今後のコンテンツ、製品の発売、イベントを予告して、視聴者の期待と興奮を高め、Web サイトへのトラフィックを促進します。",
-    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_4": "アンケート、投票、またはフィードバック フォームを組み込んで、貴重な洞察を収集し、交流を促進します。",
+    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_4": "アンケート、投票、フィードバック フォームを組み込んで貴重な洞察を収集し、交流を促進します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_5": "顧客のレビュー、評価、お客様の声などの社会的証明要素を紹介して、購入の意思決定に影響を与える信頼と信用を構築します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_6": "期間限定のオファー、カウントダウンタイマー、またはフラッシュセール通知を提示することで、緊迫感を醸成し、即時行動を促します。",
-    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_7": "ターゲットを絞ったオファー、インセンティブ、またはリマインダーを使用して、躊躇している買い物客に購入を完了させるよう促します。",
-    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_8": "顧客からの問い合わせの必要性を減らし、ショッピング体験の全体的な満足度を向上させるために、顧客が遭遇する可能性のある一般的な懸念事項や問題のトラブルシューティングに対処する",
+    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_7": "ターゲットを絞ったオファー、インセンティブ、またはリマインダーを使用して、躊躇する買い物客を購入を完了させるよう促します。",
+    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_8": "顧客からの問い合わせの必要性を減らし、ショッピング体験の全体的な満足度を向上させるために、顧客が遭遇する可能性のある一般的な懸念事項や問題のトラブルシューティングに対処します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_9": "登録や出欠確認のオプションを提供して、ウェビナー、ワークショップ、イベントにユーザーを招待し、参加とエンゲージメントを促進します。",
     "_LINE_MESS_OBJ_DES_1": "各ユーザーの好み、行動、過去のやり取りに基づいてメッセージをカスタマイズする",
     "_LINE_MESS_OBJ_DES_2": "画像、ビデオ、ステッカーなどのマルチメディア コンテンツでメッセージを充実させます",
@@ -2649,7 +2649,7 @@
     "_PROFILES_WIDGET_2": "アイテムのおすすめ",
     "_PROFILES_WIDGET_3": "ユーザーアクティビティ",
     "_PROFILES_WIDGET_4": "来場者情報",
-    "_PROFILES_WIDGET_5": "拡張された視覚化",
+    "_PROFILES_WIDGET_5": "拡張されたビジュアライゼーション",
     "_PROFILES_SETTINGS_TAB": "データ",
     "_PROFILES_SETTINGS_1": "アバター",
     "_PROFILES_SETTINGS_2": "フルネーム",
@@ -2690,7 +2690,7 @@
     "_ERROR_IP_RESTRICTION_IP_EXIST": "このアドレスはすでに存在します",
     "_ERROR_IP_RESTRICTION_INVALID_IP": "有効な IP アドレスまたは IP 範囲を入力してください",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_1": "アカウントが特定の IP アドレスに制限されている場合はどうなりますか?",
-    "_USER_GUIDE_IP_RESTRICTION_GUIDE_2": "このアカウントは、特定の IP アドレスを介してのみ CDP にアクセスします。 IP アドレスを作成し、それをポータル上のすべてのアカウントに適用すると、今後作成される新しいアカウントも含め、すべてのアカウントのアクセスが制限されます。",
+    "_USER_GUIDE_IP_RESTRICTION_GUIDE_2": "このアカウントは、特定の IP アドレスを介してのみ CDP にアクセスします。 IP アドレスを作成し、それをポータル上のすべてのアカウントに適用すると、今後作成される新しいアカウントを含むすべてのアカウントのアクセスが制限されます。",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_3": "制限したいアカウントをポップアップから追加します",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_4": "複数の IP または範囲を同時に生成する方法",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_5": "方法は簡単です。複数の単一 IP または範囲をカンマで区切って入力するだけです。例: 192.168.1.1、192.168.1.5、192.168.1.7 ～ 192.168.1.8",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.874",
+  "version": "1.3.5-beta.875",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -139,6 +139,8 @@
     "use-context-selector": "^1.4.4",
     "use-image": "^1.1.1",
     "use-immer": "^0.4.1",
+    "styled-components": "^5.3.9",
+    "react-router-dom": "5.1.0 || 6.14.2",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
@@ -225,12 +227,10 @@
     "react-dom": "18.2.0",
     "react-fast-compare": "^3.2.1",
     "react-i18next": "11.16.7",
-    "react-router-dom": "5.1.0 || 6.14.2",
     "sass": "^1.77.8",
     "sass-loader": "^16.0.1",
     "storybook": "8.4.2",
     "style-loader": "^4.0.0",
-    "styled-components": "^5.3.9",
     "terser-webpack-plugin": "^5.3.10",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.1",