@antscorp/antsomi-ui 1.3.5-beta.796 → 1.3.5-beta.798

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

@@ -344,7 +344,7 @@ export function MatchesAny(props) {
     return (_jsx(ConfigProvider, { theme: MATCHES_ANY_THEME, children: _jsxs(MatchesAnyWrapper, { ...restOfProps, vertical: true, justify: "space-between", children: [_jsxs(Flex, { style: { width: '100%', height: '100%' }, children: [renderSelectList(), renderSelectedList()] }), _jsxs(Flex, { className: "matches-any__footer", align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: 10, children: [_jsx(Button, { type: "primary", disabled: isDisableApply, onClick: onClickApply, children: t(translations.apply.title).toString() }), _jsx(Button, { onClick: () => onCancel(), children: t(translations.cancel.title).toString() })] }), showExtendValue && (_jsx(ExtendValuePopup, { getPopupContainer: trigger => trigger.parentElement || document.body, onApply: onApplyExtendValue, children: _jsx(Button, { icon: _jsx(Icon, { type: "icon-ants-empty-flag" }), children: t(translations.extendValue.title).toString() }) }))] })] }) }));
 }
 export function MatchesAnySelect(props) {
-    const { placeholder = 'Select an item', dropdownStyle, objectName, selectedItems, items, loading, popupClassName, groupSelectProps, renderExtraValues, customItemRenders, popoverProps, listEmptyProps, selectedListEmptyProps, selectedTreeData, onChangeSearch, onChange = () => { }, onLoadMore, ...restProps } = props;
+    const { placeholder = 'Select an item', dropdownStyle, objectName, selectedItems, items, loading, popupClassName, groupSelectProps, renderExtraValues, customItemRenders, popoverProps, listEmptyProps, selectedListEmptyProps, selectedTreeData, error, onChangeSearch, onChange = () => { }, onLoadMore, ...restProps } = props;
     // State
     const [state, setState] = useState(initialState);
     // Variables
@@ -372,12 +372,12 @@ export function MatchesAnySelect(props) {
             },
         }, overlayStyle: { width: 700 }, overlayInnerStyle: {
             padding: 0,
-        }, trigger: ['click'], destroyTooltipOnHide: true, onOpenChange: () => setState(prev => ({ ...prev, isOpenPopover: !isOpenPopover })), zIndex: 1400, ...popoverProps, children: _jsx(Tooltip, { mouseEnterDelay: 0.5, title: `${selectedItems ? selectedItems?.map(item => item.title).join(', ') : ''}`, overlayInnerStyle: {
+        }, trigger: ['click'], destroyTooltipOnHide: true, onOpenChange: () => setState(prev => ({ ...prev, isOpenPopover: !isOpenPopover })), zIndex: 1400, ...popoverProps, children: _jsxs(Tooltip, { mouseEnterDelay: 0.5, title: `${selectedItems ? selectedItems?.map(item => item.title).join(', ') : ''}`, overlayInnerStyle: {
                 maxHeight: 300,
                 overflow: 'auto',
-            }, children: _jsx(Select, { title: "", value: value, placeholder: placeholder, popupMatchSelectWidth: 700, dropdownStyle: {
-                    ...dropdownStyle,
-                    display: 'none',
-                    padding: 0,
-                }, loading: loading, ...restProps }) }) }));
+            }, children: [_jsx(Select, { title: "", value: value, placeholder: placeholder, popupMatchSelectWidth: 700, dropdownStyle: {
+                        ...dropdownStyle,
+                        display: 'none',
+                        padding: 0,
+                    }, loading: loading, status: props.status || (error ? 'error' : undefined), ...restProps }), !!error && _jsx(Text, { className: 'ant-form-item-explain-error', type: 'danger', children: error })] }) }));
 }

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

@@ -52,6 +52,8 @@ export interface MatchesAnySelectProps<TItem = any> extends Omit<SelectProps, 'o
     selectedListEmptyProps?: EmptyDataProps;
     /** Search value */
     searchValue?: string;
+    /** Error message */
+    error?: string;
     /** Callback function that is called when the selected items change. */
     onChange?: (selectedItems: MatchesAnyItem<TItem>[], selectedTreeData?: MatchesAnyItem<TItem>[]) => void;
     /** Callback function that is called when the search value changes */

package/es/components/molecules/TagifyInput/TagifyInput.js

@@ -21,14 +21,14 @@ import { acceptablePatternChecking, getCachedRegex, getPersonalizeTagInfo, patte
 import { EMOJI, PERSONALIZE_PTN, SHORT_LINK, defaultCssVariables, tagifyDefaultProps, } from './constants';
 const TagifyInput = forwardRef((props, ref) => {
     // Props
-    const { initialValue, escapeHTML, status, readonly, disabled, maxLength, maxHeight, placeholder, acceptableTagPattern, mapAttributes, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
+    const { initialValue, escapeHTML, status, readonly, readonlyTag, disabled, maxLength, maxHeight, minWidth, placeholder, acceptableTagPattern, mapAttributes, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
     // States
     const [inputTypeDebounce, , setInputTyping] = useDebounce(initialValue, 450);
     // Refs
     const inputRef = useRef(null);
     const tagifyRef = useRef(null);
     const tagifyWrapperRef = useRef(null);
-    const placeHolderRef = useRef(null);
+    const placeholderRef = useRef(null);
     // Memoizations
     const cssVariablesMemoized = useMemo(() => _.assign({}, defaultCssVariables, cssTagifyVariables || {}), [cssTagifyVariables]);
     // Only run in the first render
@@ -125,12 +125,16 @@ const TagifyInput = forwardRef((props, ref) => {
     }), [onChange]);
     // console.log('tagifyRef', tagifyRef);
     const onTagItemClick = useCallback((event) => {
+        event.stopPropagation();
+        event.preventDefault();
         if (event.detail && onTagClick) {
-            const { tagify } = event.detail;
+            const { tagify, tag } = event.detail;
+            const readonlyTag = tag.getAttribute('readonly');
             const { readonly } = tagify.settings;
-            if (!readonly) {
-                onTagClick(event.detail);
-            }
+            // Prevent to click on tag if readonly
+            if (readonly || (readonlyTag && readonlyTag === 'true'))
+                return;
+            onTagClick(event.detail);
         }
     }, [onTagClick]);
     const onTagifyTyping = useCallback((event) => {
@@ -159,12 +163,11 @@ const TagifyInput = forwardRef((props, ref) => {
             const emojiPath = emojiManufacturer(value, collection);
             visibleTagContent = getEmojiTag({ src: emojiPath, emoji: label, code: value });
         }
-        const dataAttrs = new Map();
-        dataAttrs.set('tag-type', tagData.type);
         return `
         <tag
           contenteditable='false'
           spellcheck='false'
+          readonly="false"
           tabIndex="${settings.a11y.focusableTags ? 0 : -1}"
           class="${settings.classNames.tag} ${tagData.class ? tagData.class : ''}"
           ${tagify.getAttributes(tagData)}
@@ -224,7 +227,7 @@ const TagifyInput = forwardRef((props, ref) => {
                     tag: customizeTag,
                 },
                 mode: 'mix',
-                placeholder: 'Enter your text...',
+                // placeholder: 'Enter your text...',
                 mixMode: {
                     insertAfterTag: '', // Not insert anything after tag
                 },
@@ -269,6 +272,10 @@ const TagifyInput = forwardRef((props, ref) => {
         event.stopPropagation();
         if (tagifyRef.current && event.target === tagifyWrapperRef.current) {
             const { DOM, settings } = tagifyRef.current;
+            const { readonly } = settings;
+            // not focus if readonly
+            if (readonly)
+                return;
             const { classList } = DOM?.scope;
             const { classNames } = settings;
             if (!classList.contains(classNames.focus) && DOM.input) {
@@ -294,20 +301,30 @@ const TagifyInput = forwardRef((props, ref) => {
         };
     }, [initializeTagify]);
     // Settings some tagify attributes
-    useLayoutEffect(() => {
+    // Set readonly
+    useEffect(() => {
         if (tagifyRef.current && typeof readonly !== 'undefined') {
             tagifyRef.current.setReadonly(!!readonly);
         }
     }, [readonly]);
+    // Set readonly for each tag
+    useEffect(() => {
+        if (tagifyRef.current && typeof readonlyTag !== 'undefined') {
+            const tagElementList = tagifyRef.current.getTagElms();
+            tagElementList.forEach((tagElement) => {
+                tagElement.setAttribute('readonly', readonlyTag.toString());
+            });
+        }
+    }, [readonlyTag]);
     // Set disabled
-    useLayoutEffect(() => {
+    useEffect(() => {
         if (tagifyRef.current && typeof disabled !== 'undefined') {
             tagifyRef.current.setDisabled(!!disabled);
         }
     }, [disabled]);
     // Set placeholder
     useLayoutEffect(() => {
-        if (tagifyRef.current && typeof placeholder !== 'undefined') {
+        if (tagifyRef.current && _.isString(placeholder)) {
             tagifyRef.current.setPlaceholder(placeholder);
         }
     }, [placeholder]);
@@ -381,7 +398,7 @@ const TagifyInput = forwardRef((props, ref) => {
             }
         }
     }, [initialValue, mapAttributes, escapeHTML, acceptableTagPattern, makeValidLabelTags]);
-    return (_jsxs(TagifyWrapper, { ref: tagifyWrapperRef, "$cssTagifyVariables": cssVariablesMemoized, className: "tagify-container", id: "tagify-container", "data-test": "tagify-wrapper", "$status": status, "$maxHeight": maxHeight, onClick: onTagifyWrapperClick, children: [_jsx(TagTextArea, { id: "tagify-textarea", ref: inputRef, name: name, defaultValue: parsedDefaultValue, "data-test": "tagify-input" }), _jsx(WrapperPlaceHolder, { "data-test": "wrapper-placeholder", ref: placeHolderRef, "$isShow": !!children, children: children })] }));
+    return (_jsxs(TagifyWrapper, { ref: tagifyWrapperRef, "$cssTagifyVariables": cssVariablesMemoized, className: "tagify-container", id: "tagify-container", "data-test": "tagify-wrapper", "$status": status, "$maxHeight": maxHeight, "$minWidth": minWidth, "$placeholder": placeholder, onClick: onTagifyWrapperClick, children: [_jsx(TagTextArea, { id: "tagify-textarea", ref: inputRef, name: name, defaultValue: parsedDefaultValue, "data-test": "tagify-input" }), _jsx(WrapperPlaceHolder, { "data-test": "wrapper-placeholder", ref: placeholderRef, "$isShow": !!children, children: children })] }));
 });
 TagifyInput.defaultProps = tagifyDefaultProps;
 export default memo(TagifyInput);

package/es/components/molecules/TagifyInput/constants.js

@@ -38,8 +38,6 @@ export const DEFAULT_ACCEPT_TAGS = [
 export const tagifyDefaultProps = {
     initialValue: '',
     name: 'tagifyInput',
-    readonly: false,
-    disabled: false,
     maxHeight: 266,
     placeholder: undefined,
     acceptableTagPattern: DEFAULT_ACCEPT_TAGS,

package/es/components/molecules/TagifyInput/styled.d.ts

@@ -1,3 +1,4 @@
+import { type CSSProperties } from 'react';
 import type { StatusType, TagifyInputProps } from './types';
 export declare const WrapperPlaceHolder: import("styled-components").StyledComponent<"div", any, {
     $isShow?: boolean | undefined;
@@ -6,6 +7,8 @@ export declare const TagifyWrapper: import("styled-components").StyledComponent<
     $cssTagifyVariables?: TagifyInputProps['cssTagifyVariables'];
     $status?: StatusType | undefined;
     $maxHeight?: number | undefined;
+    $minWidth?: CSSProperties['minWidth'];
+    $placeholder?: string | undefined;
 }, never>;
 export declare const TagInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const TagTextArea: import("styled-components").StyledComponent<"textarea", any, {}, never>;

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

@@ -1,5 +1,6 @@
 // Libraries
 import styled, { css } from 'styled-components';
+import { isString } from 'lodash';
 // Constants
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 import { MIN_H_WRAPPER, TAG_H } from './constants';
@@ -10,6 +11,7 @@ export const WrapperPlaceHolder = styled.div `
     ? css `
           display: block;
           float: right;
+          min-height: ${MIN_H_WRAPPER}px;
         `
     : css `
           display: none;
@@ -44,11 +46,26 @@ export const TagifyWrapper = styled.div `
         .map(([key, value]) => `${key}: ${value};`)
         .join('\n')}
 
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    min-height: ${MIN_H_WRAPPER}px;
     float: left;
     border: none;
     font-size: var(--input-font-size);
     background: transparent;
 
+    &__input {
+      ${({ $minWidth, $placeholder }) => {
+    // Because $placeholder depends on $minWidth to display
+    if ($minWidth && !$placeholder) {
+        return css `
+            min-width: ${isString($minWidth) ? $minWidth : `${$minWidth}px`} !important;
+          `;
+    }
+}}
+    }
+
     &__tag {
       height: ${TAG_H}px;
       cursor: pointer;

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

@@ -1,7 +1,7 @@
 /// <reference types="yaireo__tagify" />
-/// <reference types="react" />
 import { ClassNameSettings, TagData, TagifySettings } from '@yaireo/tagify';
 import { EMOJI_COLLECTIONS, PATTERN_CACHE_TYPE, SHORT_LINK_TYPE, TAG_TYPE } from './constants';
+import { type CSSProperties } from 'react';
 export type MapAttributesProps = Record<string, Record<string, any>>;
 export type StatusType = 'error' | 'success' | 'warning';
 /**
@@ -32,6 +32,7 @@ export interface TagifyInputProps {
     classNames?: ClassNameSettings;
     placeholder?: TagifySettings['placeholder'];
     readonly?: TagifySettings['readonly'];
+    readonlyTag?: boolean;
     disabled?: boolean;
     maxLength?: number;
     /**
@@ -40,6 +41,7 @@ export interface TagifyInputProps {
      */
     maxPersonalizeTags?: TagifySettings['maxTags'];
     maxHeight?: number;
+    minWidth?: CSSProperties['minWidth'];
     status?: StatusType;
     /**
      * Defines acceptable patterns or validation rules for tags.

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

@@ -71,7 +71,7 @@ export const parseTagStringToTagify = (input, acceptableTagPattern) => {
     // Append any remaining text after the last match
     resultParts.push(input.slice(lastIndex));
     // Combine all parts into the final result string
-    return resultParts.join('');
+    return resultParts.join('').trimEnd();
 };
 /**
  * Validates whether the parsed object contains the required "label" and "value" fields.
@@ -361,18 +361,23 @@ export const getStyledTags = () => {
             return '';
         return `
         &[data-tag-type~='${type}'] {
-          background: ${getBackgroundColor({ type })};
+          background: ${getBackgroundColor({ type })} !important;
         };
       `;
     })
         .join(' ');
     return `
+    // For case unknown tag
+    &[data-tag-type]:not([data-tag-type~=""]) {
+      background: ${globalToken?.accent7};
+    };
+
     ${backgroundStyles}
 
     &[data-tag-type~='${EMOJI}'] {
       padding: 0;
     };
-    
+
     &[data-tag-${TAG_TYPE.SHORT_LINK}-type~='${SHORT_LINK_TYPE.INDIVIDUAL}'] {
       background: ${getBackgroundColor({
         type: TAG_TYPE.SHORT_LINK,

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

@@ -1966,6 +1966,8 @@
     "_WARN_DES_WARN_TOTAL_CONTENT_CREATE": "The number of destination in {{catalogName}} catalog has reached the limit.\nIf you want to create new destination in this catalog, please disable unused destination.",
     "_ACT_WARN_DES_GO_TO_LIST": "Go To Destination List",
     "_TITLE_SELECTED_DES": "Selected Destination",
+    "_TITLE_SERVICE_WORKER": "Service worker",
+    "_TITLE_PATH_TO_SERVICE_WORKER_FILES": "Path to service worker files",
     "_WARN_TITLE_DES_NAME": "Destination Name",
     "_WARN_TITLE_DES_STATUS": "Status",
     "_WARN_TITLE_DES_CREATED_BY": "Created by",

package/es/locales/i18n.d.ts

@@ -1968,6 +1968,8 @@ export declare const translationsJson: {
             _WARN_DES_WARN_TOTAL_CONTENT_CREATE: string;
             _ACT_WARN_DES_GO_TO_LIST: string;
             _TITLE_SELECTED_DES: string;
+            _TITLE_SERVICE_WORKER: string;
+            _TITLE_PATH_TO_SERVICE_WORKER_FILES: string;
             _WARN_TITLE_DES_NAME: string;
             _WARN_TITLE_DES_STATUS: string;
             _WARN_TITLE_DES_CREATED_BY: string;
@@ -5320,6 +5322,8 @@ export declare const translationsJson: {
             _WARN_DES_WARN_TOTAL_CONTENT_CREATE: string;
             _ACT_WARN_DES_GO_TO_LIST: string;
             _TITLE_SELECTED_DES: string;
+            _TITLE_SERVICE_WORKER: string;
+            _TITLE_PATH_TO_SERVICE_WORKER_FILES: string;
             _WARN_TITLE_DES_NAME: string;
             _WARN_TITLE_DES_STATUS: string;
             _WARN_TITLE_DES_CREATED_BY: string;
@@ -8218,6 +8222,8 @@ export declare const translationsJson: {
             _WARN_DES_WARN_TOTAL_CONTENT_CREATE: string;
             _ACT_WARN_DES_GO_TO_LIST: string;
             _TITLE_SELECTED_DES: string;
+            _TITLE_SERVICE_WORKER: string;
+            _TITLE_PATH_TO_SERVICE_WORKER_FILES: string;
             _WARN_TITLE_DES_NAME: string;
             _WARN_TITLE_DES_STATUS: string;
             _WARN_TITLE_DES_CREATED_BY: string;

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

@@ -232,7 +232,7 @@
     "_BOX_TITL_REMOVE_EVENT_ATTRIBUTE": "イベント属性の削除",
     "_BOX_TITL_REMOVE_FIELD": "フィールドの削除",
     "_BOX_TITL_REMOVE_GROUP": "グループの削除",
-    "_BOX_TITL_REMOVE_IMAGE": "画像を削除",
+    "_BOX_TITL_REMOVE_IMAGE": "画像を削除する",
     "_BOX_TITL_REMOVE_MODEL": "モデルの削除",
     "_BOX_TITL_REPLACE_FILTER": "フィルターセットを交換する",
     "_BOX_TITL_SAVE_FILTER": "フィルターセットに名前を付けます",
@@ -1962,6 +1962,8 @@
     "_WARN_DES_WARN_TOTAL_CONTENT_CREATE": "{{catalogName}} カタログ内の宛先の数が制限に達しました。\nこのカタログに新しい宛先を作成する場合は、未使用の宛先を無効にしてください。",
     "_ACT_WARN_DES_GO_TO_LIST": "目的地リストに移動",
     "_TITLE_SELECTED_DES": "選択した目的地",
+    "_TITLE_SERVICE_WORKER": "サービスワーカー",
+    "_TITLE_PATH_TO_SERVICE_WORKER_FILES": "サービスハンドラファイルへのパス",
     "_WARN_TITLE_DES_NAME": "宛先名",
     "_WARN_TITLE_DES_STATUS": "状態",
     "_WARN_TITLE_DES_CREATED_BY": "作成者",
@@ -2281,13 +2283,13 @@
     "_BLCK_OTP_EVENT": "イベント",
     "_BLCK_OTP_EVENT_SOURCE": "イベントソース",
     "_CHANNEL_CUSTOM_API": "カスタムチャンネル",
-    "_CHANNEL_DES_WEB": "ユーザーの行動や好みに基づいて Web サイトのコンテンツを動的に調整し、エンゲージメント率とコンバージョン率を最適化します。",
+    "_CHANNEL_DES_WEB": "ユーザーの行動や好みに基づいて Web サイトのコンテンツを動的に調整し、エンゲージメントとコンバージョン率を最適化します。",
     "_CHANNEL_DES_WEB_NOTI": "リアルタイムのメッセージを送信して Web サイト訪問者を引きつけ、タイムリーなインタラクションとコンバージョンを促進します",
     "_CHANNEL_DES_APP_NOTI": "即時通知をモバイル アプリのみに送信し、即時のエンゲージメントとインタラクションを促進します",
     "_CHANNEL_DES_EMAIL": "パーソナライズされたメッセージをユーザーの受信箱に直接配信し、ターゲットを絞ったコンテンツでのエンゲージメントとコンバージョンを促進します。",
-    "_CHANNEL_DES_SMS": "直接的かつ即時のコミュニケーションを提供し、ユーザーのモバイル デバイスに到達して即時のエンゲージメントとインタラクションを実現します。",
+    "_CHANNEL_DES_SMS": "直接的かつ即時的なコミュニケーションを提供し、ユーザーのモバイルデバイスに到達して即時のエンゲージメントとインタラクションを実現します。",
     "_CHANNEL_DES_SMART_INB": "プッシュ通知のコンテンツを一元管理して管理とエンゲージメントを合理化",
-    "_CHANNEL_DES_FB_MESS": "直接的な会話型のコミュニケーションを提供し、使い慣れたソーシャル メディア プラットフォームでユーザーを惹きつけます",
+    "_CHANNEL_DES_FB_MESS": "直接的で会話的なコミュニケーションを提供し、使い慣れたソーシャル メディア プラットフォームでユーザーを引き付ける",
     "_CHANNEL_DES_VIBER": "ダイレクト メッセージング機能を提供し、安全で使い慣れたソーシャル メディア プラットフォームでユーザーを魅了します。",
     "_CHANNEL_DES_ZALO": "OA や ZNS などのサービス用のさまざまなテンプレートを使用したダイレクト メッセージング機能を提供します",
     "_CHANNEL_DES_WHATSAPP": "関連性のあるメッセージを顧客の WhatsApp アカウントに直接配信し、より強力な関係を促進し、エンゲージメントを高めます",
@@ -2421,7 +2423,7 @@
     "_OBJ_DES_WEB_1": "没入型のブラウジング体験に合わせてコンテンツを調整することで、セッションが長くなり、エンゲージメント指標が向上します",
     "_OBJ_DES_WEB_2": "より多くのコンバージョンと売上を促進するために、ユーザーの興味やニーズに合った製品やコンテンツをユーザーに提示します。",
     "_OBJ_DES_WEB_3": "視聴者とのより深いつながりを育み、ロイヤルティと維持率を高めます",
-    "_OBJ_DES_WEB_4": "それぞれの訪問者のインタラクションの価値を最大化するために、独自のパーソナライズされたオファーを提供します",
+    "_OBJ_DES_WEB_4": "それぞれの訪問者のインタラクションの価値を最大化するために、ユニークでパーソナライズされたオファーを提供します",
     "_OBJ_DES_WEB_5": "ユーザーインタラクションを分析してコンテンツを洗練し、戦略をセグメント化し、Web サイトのレイアウトを最適化します。",
     "_OBJ_DES_WEB_NOTI_1": "タイムリーな更新、プロモーション、アラートでユーザーに即座に連絡します",
     "_OBJ_DES_WEB_NOTI_2": "新しいコンテンツ、製品リリース、または期間限定オファーをユーザーに通知することで、Web サイトへのトラフィックを促進します",
@@ -2429,13 +2431,13 @@
     "_OBJ_DES_WEB_NOTI_4": "ユーザーの興味や好みに合わせた関連性の高い有益な通知を送信することで、ユーザーの関心とリピートを維持します。",
     "_OBJ_DES_WEB_NOTI_5": "アカウント、トランザクション更新などの関連情報をユーザーのブラウザに直接配信します。",
     "_OBJ_DES_APP_NOTI_1": "タイムリーな更新、プロモーション、アラートでユーザーに即座に連絡します",
-    "_OBJ_DES_APP_NOTI_2": "価値のある通知でユーザーを誘導することで、ユーザーがアプリを積極的に操作するよう促します。",
+    "_OBJ_DES_APP_NOTI_2": "貴重な通知でユーザーを誘導することで、ユーザーがアプリを積極的に操作するよう促します。",
     "_OBJ_DES_APP_NOTI_3": "パーソナライズされたオファーやリマインダーを配信してユーザーの行動を促す",
     "_OBJ_DES_APP_NOTI_4": "ユーザーの興味や好みに合わせた関連性の高い有益な通知を送信することで、ユーザーの関心を維持し、さらに戻ってくるようにします。",
     "_OBJ_DES_APP_NOTI_5": "アカウント、トランザクション更新などの関連情報をユーザーのブラウザに直接配信します。",
     "_OBJ_DES_EMAIL_1": "魅力的なコンテンツと電子メールの行動喚起 (CTA) でユーザーを Web サイトに誘導します",
     "_OBJ_DES_EMAIL_2": "貴重なコンテンツやインセンティブを提供してサインアップや問い合わせを促進することで見込み顧客を獲得します。",
-    "_OBJ_DES_EMAIL_3": "ターゲットを絞ったコンテンツと自動化された電子メール シーケンスを使用して、セールス ファネルを通じてリードを誘導します。",
+    "_OBJ_DES_EMAIL_3": "ターゲットを絞ったコンテンツと自動化された電子メール シーケンスを使用して、セールスファネルを通じてリードを誘導します。",
     "_OBJ_DES_EMAIL_4": "関連するアップデート、オファー、限定コンテンツで顧客の関心とロイヤルティを維持します",
     "_OBJ_DES_EMAIL_5": "製品やサービスを紹介して売上とコンバージョンを促進する",
     "_OBJ_DES_EMAIL_6": "一貫性があり、有益で魅力的なコンテンツを通じてブランド アイデンティティと価値を強化する",
@@ -2445,12 +2447,12 @@
     "_OBJ_DES_SMS_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
     "_OBJ_DES_SMS_5": "注文確認、出荷通知、アカウント更新をリアルタイムで提供します",
     "_OBJ_DES_SMART_INB_1": "通知を集約し、ユーザーがメッセージを 1 か所で簡単に表示および管理できるようにします。",
-    "_OBJ_DES_SMART_INB_2": "プラットフォーム間で通知にアクセスし、操作するためのシームレスで直感的なインターフェイスを提供します。",
-    "_OBJ_DES_SMART_INB_3": "通知によるタイムリーな応答と対話を促進し、ユーザー エンゲージメントと満足度を最大化します。",
+    "_OBJ_DES_SMART_INB_2": "プラットフォーム間で通知にアクセスし、通知を操作するためのシームレスで直感的なインターフェイスを提供します。",
+    "_OBJ_DES_SMART_INB_3": "通知によるタイムリーな応答と対話を促進し、ユーザー エンゲージメントと満足度を最大化します",
     "_OBJ_DES_SMART_INB_4": "Web プッシュやアプリ プッシュなどのさまざまなチャネルからの通知を統合し、ユーザーとの一貫性のある一貫したコミュニケーションを確保します。",
     "_OBJ_DES_FB_MESS_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_FB_MESS_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
-    "_OBJ_DES_FB_MESS_3": "タイムリーかつ効率的な顧客サポートを提供し、メッセンジャー内で直接問い合わせに対応し、問題を解決します。",
+    "_OBJ_DES_FB_MESS_3": "タイムリーで効率的な顧客サポートを提供し、メッセンジャー内で直接問い合わせに対応し、問題を解決します。",
     "_OBJ_DES_FB_MESS_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
     "_OBJ_DES_FB_MESS_5": "アンケートやインタラクティブなテンプレートを通じて、ユーザーから貴重な洞察とフィードバックを直接収集します",
     "_OBJ_DES_VIBER_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
@@ -2461,37 +2463,37 @@
     "_OBJ_DES_ZALO_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_ZALO_2": "インタラクティブな要素を使用して販売目標到達プロセスをガイドし、リードと見込み顧客を育成します。",
     "_OBJ_DES_ZALO_3": "タイムリーなコミュニケーションを確保するために、注文確認、配送の最新情報、または予約のリマインダーを送信します。",
-    "_OBJ_DES_ZALO_4": "重要なお知らせ、アップデート、ニュースをユーザーと共有して常に最新情報を入手します。",
+    "_OBJ_DES_ZALO_4": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_OBJ_DES_ZALO_5": "一貫性があり、有益で魅力的なコンテンツを通じてブランド アイデンティティと価値を強化する",
     "_OBJ_DES_WHATSAPP_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_WHATSAPP_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
     "_OBJ_DES_WHATSAPP_3": "インタラクティブな要素を使用して販売目標到達プロセスをガイドし、リードと見込み顧客を育成します。",
     "_OBJ_DES_WHATSAPP_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
-    "_OBJ_DES_WHATSAPP_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して常に最新情報を入手します。",
+    "_OBJ_DES_WHATSAPP_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_OBJ_DES_TELEGRAM_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_TELEGRAM_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
-    "_OBJ_DES_TELEGRAM_3": "インタラクティブなテンプレート要素を使用して販売目標到達プロセスをガイドし、リードと見込み客を育成します。",
+    "_OBJ_DES_TELEGRAM_3": "インタラクティブなテンプレート要素を使用してセールスファネルを誘導し、リードと見込み顧客を育成します。",
     "_OBJ_DES_TELEGRAM_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
-    "_OBJ_DES_TELEGRAM_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して常に最新情報を入手します。",
+    "_OBJ_DES_TELEGRAM_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_OBJ_DES_LINE_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_LINE_2": "Line のリッチ メニューを利用して、メッセージ内のインタラクティブなオプションとナビゲーションをユーザーに提供します",
-    "_OBJ_DES_LINE_3": "インタラクティブなテンプレート要素を使用して販売目標到達プロセスをガイドし、リードと見込み客を育成します。",
+    "_OBJ_DES_LINE_3": "インタラクティブなテンプレート要素を使用してセールスファネルを誘導し、リードと見込み顧客を育成します。",
     "_OBJ_DES_LINE_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
-    "_OBJ_DES_LINE_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して常に最新情報を入手します。",
+    "_OBJ_DES_LINE_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_WEBPER_TEMP_OBJ_DES_POP_1": "潜在顧客からの情報、または既存顧客からのレビューやフィードバックを収集してデータを充実させます",
     "_WEBPER_TEMP_OBJ_DES_POP_2": "限定セール、期間限定プロモーション、見逃せないおすすめ商品を紹介することで、収益を飛躍的に高めます。",
     "_WEBPER_TEMP_OBJ_DES_POP_3": "追加購入を促すために補完的な製品やアップグレードを提案する",
-    "_WEBPER_TEMP_OBJ_DES_POP_4": "躊躇する訪問者をさらに滞在させ、さらに探索したくなる魅力的なオファーで出口をチャンスに変えます。",
+    "_WEBPER_TEMP_OBJ_DES_POP_4": "ためらう訪問者をさらに滞在させ、さらに探索したくなる魅力的なオファーで出口をチャンスに変えます。",
     "_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": "魅力的な運ゲーやインタラクティブなコンテンツで興奮を呼び起こし、エンゲージメントを高め、ユーザーを何度もリピートさせ続ける",
+    "_WEBPER_TEMP_OBJ_DES_POP_11": "魅力的な運ゲーやインタラクティブなコンテンツで興奮を呼び起こし、エンゲージメントを高め、ユーザーを何度もリピートさせます。",
     "_WEBPER_TEMP_OBJ_DES_POP_12": "新しいユーザーを支援し、提供された回答に基づいてパーソナライズされた推奨事項を提供します",
     "_WEBPER_TEMP_OBJ_DES_POP_13": "直接リンクまたは QR コードを介してモバイル アプリをダウンロードしてスキャンするようユーザーに奨励します。",
-    "_WEBPER_TEMP_OBJ_DES_FLOAT_1": "リード獲得フォームを含めて、訪問者にニュースレター、プロモーション、その他のマーケティング資料への登録を促します。",
+    "_WEBPER_TEMP_OBJ_DES_FLOAT_1": "リード獲得フォームを含めて、訪問者にニュースレター、プロモーション、またはその他のマーケティング資料への登録を促します。",
     "_WEBPER_TEMP_OBJ_DES_FLOAT_2": "カウントダウンタイマー付きの特別セールや限定プロモーションで視聴者の目を引き、さらに探索するよう促します。",
     "_WEBPER_TEMP_OBJ_DES_FLOAT_3": "訪問者がスクロールしても表示され続けるバナーを使用して、重要なニュースを確実に目に留まり、更新情報を前面と中央に保ちます。",
     "_WEBPER_TEMP_OBJ_DES_FLOAT_4": "あなたのブランドに対するフレンドリーな意見を確立するために、初めて Web サイトを閲覧する訪問者を歓迎します。",
@@ -2511,14 +2513,14 @@
     "_WEBPER_TEMP_OBJ_DES_INLINE_5": "顧客のレビュー、評価、お客様の声などの社会的証明要素を紹介して、購入の意思決定に影響を与える信頼と信用を構築します。",
     "_WEBPER_TEMP_OBJ_DES_INLINE_6": "顧客の生活に価値を付加し、単なる購入を超えてブランドと関わるよう促すために、詳細な情報と関連チュートリアルを提供します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_1": "購読フォーム、登録プロンプト、またはゲート付きコンテンツのオファーを通じて、電子メール アドレスや連絡先の詳細などのユーザー情報を取得します。",
-    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_2": "直前の取引やコンテンツの推奨を提供して、ユーザーに滞在してさらに探索するよう促します。",
+    "_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_6": "期間限定のオファー、カウントダウンタイマー、フラッシュセール通知を提示することで、緊迫感を醸成し、即時行動を促します。",
+    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_7": "ターゲットを絞ったオファー、インセンティブ、またはリマインダーを使用して、躊躇する買い物客を購入を完了させるよう促します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_8": "顧客からの問い合わせの必要性を減らし、ショッピング体験の全体的な満足度を向上させるために、顧客が遭遇する可能性のある一般的な懸念事項や問題のトラブルシューティングに対処する",
-    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_9": "登録や出欠確認のオプションを提供して、ウェビナー、ワークショップ、イベントにユーザーを招待し、参加とエンゲージメントを促進します。",
+    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_9": "登録や出欠確認のオプションを提供して、ウェビナー、ワークショップ、イベントに参加するようユーザーを招待し、参加とエンゲージメントを促進します。",
     "_LINE_MESS_OBJ_DES_1": "各ユーザーの好み、行動、過去のやり取りに基づいてメッセージをカスタマイズする",
     "_LINE_MESS_OBJ_DES_2": "画像、ビデオ、ステッカーなどのマルチメディア コンテンツでメッセージを充実させます",
     "_LINE_MESS_OBJ_DES_3": "ユーザーの参加を促すために、クリック可能なボタンなどのインタラクティブな要素を組み込む",
@@ -2531,7 +2533,7 @@
     "_LINE_RM_DEFAULT_OBJ_DES_3": "今後のイベント、ウェビナー、またはワークショップを宣伝する",
     "_LINE_RM_DEFAULT_OBJ_DES_4": "ユーザーを注目の記事、ビデオ、またはブログ投稿に誘導するオプションを提供します",
     "_LINE_RM_DEFAULT_OBJ_DES_5": "他のソーシャル メディア プラットフォームでコミュニティを拡大することで、ブランドの存在感を高めます。",
-    "_LINE_RM_DEFAULT_OBJ_DES_6": "メニューの選択に基づいて、さまざまなインタラクションを通じてユーザーをガイドします。\n\n たとえば、「カスタマー サポート」のメニュー項目を選択すると、「技術サポート」や「請求に関する問い合わせ」など、必要なサポートの種類を選択するオプションがユーザーに表示される場合があります。",
+    "_LINE_RM_DEFAULT_OBJ_DES_6": "メニューの選択に基づいて、さまざまな操作を通じてユーザーをガイドします。\n\n たとえば、「カスタマー サポート」のメニュー項目を選択すると、「技術サポート」や「請求に関する問い合わせ」など、必要なサポートの種類を選択するオプションがユーザーに表示される場合があります。",
     "_LINE_RM_DEFAULT_OBJ_DES_7": "購読フォームや登録プロンプトを備えたLDPにユーザーを誘導して、ユーザー情報を取得します。",
     "_LINE_RM_SINGLE_OBJ_DES_1": "各ユーザーの好み、行動、Line チャネルとの過去のやり取りに基づいて、各ユーザーに表示されるメニュー オプションとコンテンツをカスタマイズします。",
     "_LINE_RM_SINGLE_OBJ_DES_2": "各ユーザーの興味、閲覧履歴、人口統計に合わせたパーソナライズされた推奨事項や提案を提供し、関連性とエンゲージメントを強化します。",

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

@@ -1966,6 +1966,8 @@
     "_WARN_DES_WARN_TOTAL_CONTENT_CREATE": "Số lượng đích đến trong danh mục {{catalogName}} đã đạt giới hạn.\nNếu bạn muốn tạo đích đến mới trong danh mục này, vui lòng vô hiệu hóa đích đến không sử dụng.",
     "_ACT_WARN_DES_GO_TO_LIST": "Đến danh sách đích đến",
     "_TITLE_SELECTED_DES": "Đích đến đã chọn",
+    "_TITLE_SERVICE_WORKER": "Trình xử lý dịch vụ",
+    "_TITLE_PATH_TO_SERVICE_WORKER_FILES": "Đường dẫn đến các tệp trình xử lý dịch vụ",
     "_WARN_TITLE_DES_NAME": "Tên đích đến",
     "_WARN_TITLE_DES_STATUS": "Trạng thái",
     "_WARN_TITLE_DES_CREATED_BY": "Được tạo bởi",

package/package.json

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