@antscorp/antsomi-ui 1.3.5-beta.813 → 1.3.5-beta.814

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

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

@@ -15,10 +15,10 @@ import '@yaireo/tagify/dist/tagify.css';
 // Styled
 import { TagTextArea, TagifyWrapper, WrapperPlaceHolder } from './styled';
 // Utils
-import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, } from './utils';
+import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, isValidTagType, } from './utils';
 import { acceptablePatternChecking, detectURLRegex, getCachedRegex, getPersonalizeTagInfo, patternHandlers, } from './patternHandlers';
 // Constants
-import { DETECT_LINK, EMOJI, PERSONALIZE_PTN, SHORT_LINK, SHORT_LINK_PTN, defaultCssVariables, tagifyDefaultProps, } from './constants';
+import { DETECT_LINK, EMOJI, PERSONALIZE_PTN, PROMOTION_CODE, SHORT_LINK, SHORT_LINK_PTN, defaultCssVariables, tagifyDefaultProps, } from './constants';
 const TagifyInput = forwardRef((props, ref) => {
     // Props
     const { initialValue, escapeHTML, status, readonly, readonlyTag, disabled, maxLength, maxHeight, minWidth, placeholder, acceptableTagPattern, mapAttributes, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
@@ -89,7 +89,7 @@ const TagifyInput = forwardRef((props, ref) => {
                     const convertedValue = convertInputStringToOriginal(inputValue);
                     onChange(convertedValue);
                     // NOTE: place to refactor if not need to add space after the tag
-                    const spaceEle = tagifyRef.current.insertAfterTag(newTagEle, '\u00A0'); //  <- adds space after the tag
+                    const spaceEle = tagifyRef.current.insertAfterTag(newTagEle, ' '); //  <- adds space after the tag
                     tagifyRef.current.placeCaretAfterNode(spaceEle);
                 }
             }
@@ -107,7 +107,7 @@ const TagifyInput = forwardRef((props, ref) => {
                 const currentTagData = tagifyRef.current.getSetTagData(currentTagEle);
                 const currentTagValue = currentTagData?.value;
                 const newTagValue = newTag.value;
-                const spaceEle = tagifyRef.current.insertAfterTag(currentTagEle, '\u00A0'); //  <- adds space after the tag to keep valid caret positioning
+                const spaceEle = tagifyRef.current.insertAfterTag(currentTagEle, ' '); //  <- adds space after the tag to keep valid caret positioning
                 tagifyRef.current.replaceTag(currentTagEle, newTag);
                 // Only update data if value is changed
                 if (currentTagValue !== newTagValue) {
@@ -127,11 +127,13 @@ const TagifyInput = forwardRef((props, ref) => {
         event.stopPropagation();
         event.preventDefault();
         if (event.detail && onTagClick) {
-            const { tagify, tag } = event.detail;
-            const readonlyTag = tag.getAttribute('readonly');
+            const { tagify, tag, data } = event.detail;
+            const { type } = data;
+            const isValidType = isValidTagType(type);
+            const readonlyTag = tag.getAttribute('readonly-tag');
             const { readonly } = tagify.settings;
             // Prevent to click on tag if readonly
-            if (readonly || (readonlyTag && readonlyTag === 'true'))
+            if (readonly || (readonlyTag && readonlyTag === 'true') || !isValidType)
                 return;
             onTagClick(event.detail);
         }
@@ -216,14 +218,23 @@ const TagifyInput = forwardRef((props, ref) => {
                         while ((match = regex.exec(value)) !== null) {
                             const [, personalizeContent] = match;
                             const [tagCode] = personalizeContent.split('||');
-                            const { label: tagLabel } = getPersonalizeTagInfo(tagCode, attributes);
+                            const { label: tagLabel, isValid, message, type, } = getPersonalizeTagInfo(tagCode, attributes);
+                            const isPromotionCode = type === PROMOTION_CODE;
                             const tagTextNode = tagifyRef.current?.getTagTextNode(tagElement);
+                            /*
+                             * Just only update to the correct text of the tag
+                             * NOTE: Do not actually affect raw data
+                             */
                             if (tagTextNode) {
-                                /*
-                                 * Just only update to the correct text of the tag
-                                 * NOTE: Do not actually affect raw data
-                                 */
-                                tagTextNode.textContent = tagLabel;
+                                if (isPromotionCode && !isValid && message) {
+                                    // Disabled click event to avoid click event handler conflict
+                                    tagElement.setAttribute('readonly-tag', 'true');
+                                    tagTextNode.textContent = `${tagLabel} ⚠️`;
+                                    tagTextNode.setAttribute('title', message);
+                                }
+                                else {
+                                    tagTextNode.textContent = tagLabel;
+                                }
                             }
                         }
                     }
@@ -445,15 +456,15 @@ const TagifyInput = forwardRef((props, ref) => {
             tagElementList.forEach((tagElement) => {
                 const tagType = _.get(tagElement, '__tagifyTagData.type', '');
                 const isPersonalizeTag = isPersonalizeTagType(tagType);
+                // Only support readonly for personalize tag
                 if (!isPersonalizeTag)
                     return;
+                // Caution: Don't use readonly attribute -> readonly attribute Tagify library managed
                 if (readonlyTag) {
-                    tagElement.setAttribute('readonly', readonlyTag.toString());
+                    tagElement.setAttribute('readonly-tag', readonlyTag.toString());
                 }
                 else {
-                    // Need to remove readonly attribute
-                    // -> because can not to remove a tag if has readonly attribute exists in tag
-                    tagElement.removeAttribute('readonly');
+                    tagElement.removeAttribute('readonly-tag');
                 }
             });
         }

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

@@ -2,6 +2,8 @@ import type { AcceptablePattern, MapAttributesProps, PatterTagName, PatternHandl
 interface TagInfo {
     label: string;
     type: string;
+    isValid: boolean;
+    message?: string;
 }
 /**
  * Retrieves a cached regular expression or compiles and caches it if not found.

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

@@ -1,11 +1,13 @@
 /* eslint-disable no-cond-assign */
 /* eslint-disable no-console */
+// Libraries
+import { has } from 'lodash';
 // Utils
 import { errorWrapper } from './errorWrapper';
 import { isViberEmoji } from './iconsViber';
 import { random } from '@antscorp/antsomi-ui/es/utils';
 // Constants
-import { CONTENT_SOURCE_GROUP, EMOJI, EMOJI_COLLECTIONS, LINE_EMOJI_PTN, PERSONALIZE_PTN, PREFIX_PATTERN_LINE_MESSAGE, SHORT_LINK, SHORT_LINK_GENERAL_PTN, SHORT_LINK_INDIVIDUAL_PTN, SHORT_LINK_PTN, SHORT_LINK_TYPE, VIBER_EMOJI_PTN, } from './constants';
+import { CONTENT_SOURCE_GROUP, EMOJI, EMOJI_COLLECTIONS, LINE_EMOJI_PTN, PERSONALIZE_PTN, PREFIX_PATTERN_LINE_MESSAGE, PROMOTION_CODE, SHORT_LINK, SHORT_LINK_GENERAL_PTN, SHORT_LINK_INDIVIDUAL_PTN, SHORT_LINK_PTN, SHORT_LINK_TYPE, VIBER_EMOJI_PTN, } from './constants';
 /*
  * Usage to cache compiled regular expressions:
  * const regex = getCachedRegex(pattern, flags);
@@ -36,7 +38,7 @@ export function acceptablePatternChecking(pattern, acceptablePattern) {
 }
 // Helper function to validate URL formats
 export function validateURL(txt) {
-    const regexUrl = getCachedRegex("^(https?:\\/\\/)?(([A-Za-z]{3,9}:)?(\\/\\/)?)([A-Za-z0-9\\-._~%]+@)?([A-Za-z0-9\\-._~%]+)(:[0-9]+)?(\\/[A-Za-z0-9\\-._~%!$&'()*+,;=:@]+)*(\\?[A-Za-z0-9\\-._~%!$&'()*+,;=:@/?]*)?(#[A-Za-z0-9\\-._~%!$&'()*+,;=:@/?]*)?$", '', 'checkingURL');
+    const regexUrl = getCachedRegex('^(https?:\\/\\/)?([\\da-z\\.-]+)\\.([a-z\\.]{2,6})([\\/\\w \\.-]*)*\\/?([\\?&]([^&=]+=[^&=]+)(&([^&=]+=[^&=]+))*)?$', '', 'checkingURL');
     return regexUrl.test(txt);
 }
 /**
@@ -87,19 +89,40 @@ export const getPersonalizeTagInfo = (originalTag, mapAttributes) => {
         const isCsGroup = type === CONTENT_SOURCE_GROUP;
         if (!mapAttributes || (!mapAttributes[type] && !isCsGroup)) {
             // return fallback if no mapping
-            return { type, label: attributeName || type };
+            return { type, label: attributeName || type, isValid: false };
         }
+        // Get label based on mapping
         const label = isCsGroup
             ? getContentSourceLabel(attributeName, subAttributeName, mapAttributes)
             : getLabelAttribute(type, attributeName, subAttributeName, mapAttributes);
+        // Check additional case for each tag type
+        let [isValid, message] = [true, ''];
+        switch (type) {
+            case PROMOTION_CODE: {
+                // Check if the code is exist in the map
+                if (mapAttributes[type] && attributeName) {
+                    const isExistPromotionPool = has(mapAttributes[type], attributeName);
+                    if (!isExistPromotionPool) {
+                        isValid = false;
+                        message = 'This pool does not exist anymore';
+                    }
+                }
+                break;
+            }
+            default: {
+                break;
+            }
+        }
         return {
             type,
+            message,
+            isValid,
             label: label || type,
         };
     }
     catch (error) {
         console.error('Error in getTagLabel', error);
-        return { label: originalTag, type: originalTag };
+        return { label: originalTag, type: originalTag, isValid: false };
     }
 };
 const createTagPattern = (tagInfo) => `[[${JSON.stringify(tagInfo)}]]`;

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

@@ -67,7 +67,7 @@ export const TagifyWrapper = styled.div `
     }
 
     &__tag {
-      &[readonly='true'] {
+      &[readonly-tag='true'] {
         cursor: not-allowed;
       }
 

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

@@ -12,8 +12,13 @@ export interface TagifyInputProps {
     /**
      * Initial value for the Tagify input field.
      * Only used when the component is first rendered.
+     *
+     * @default ''
      */
     initialValue: string;
+    /**
+     * Defines whether the input should escape HTML characters.
+     */
     escapeHTML?: boolean;
     /**
      * Optional mapping configuration for custom attributes associated with tags.
@@ -23,6 +28,8 @@ export interface TagifyInputProps {
     /**
      * Optional name attribute for the Tagify input field, useful for integration with forms.
      * Helps link the input with form submissions and data management.
+     *
+     * @default 'tagifyInput'
      */
     name?: string;
     /**
@@ -30,22 +37,52 @@ export interface TagifyInputProps {
      * Useful for applying custom styling or theming to the Tagify input.
      */
     classNames?: ClassNameSettings;
+    /**
+     * Defines the placeholder text shown when the input is empty.
+     *
+     * @default undefined
+     */
     placeholder?: TagifySettings['placeholder'];
+    /**
+     * Defines whether the input is readonly.
+     */
     readonly?: TagifySettings['readonly'];
+    /**
+     * Defines whether the input tags is read only not whole input.
+     */
     readonlyTag?: boolean;
+    /**
+     * Defines whether the input is disabled.
+     */
     disabled?: boolean;
+    /**
+     * Defines the maximum length of the input value.
+     */
     maxLength?: number;
     /**
      * Specifies the maximum number of tags that can be added to the input.
      * Helps enforce constraints by limiting the number of tags a user can input.
      */
     maxPersonalizeTags?: TagifySettings['maxTags'];
+    /**
+     * Defines the maximum height of the input.
+     *
+     * @default 266
+     */
     maxHeight?: number;
+    /**
+     * Defines the minimum width of the input.
+     */
     minWidth?: CSSProperties['minWidth'];
+    /**
+     * Defines the status of the input, used for styling and validation.
+     */
     status?: StatusType;
     /**
      * Defines acceptable patterns or validation rules for tags.
      * Ensures only tags matching specified patterns can be added, enforcing content rules.
+     *
+     * @default DEFAULT_ACCEPT_TAGS
      */
     acceptableTagPattern: Array<AcceptablePattern>;
     /**
@@ -65,6 +102,8 @@ export interface TagifyInputProps {
     /**
      * Event handler triggered when the input value changes.
      * Receives the updated input value as a string, allowing for controlled component updates.
+     *
+     * @default () => {}
      */
     onChange: (inputValue: string) => void;
 }

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

@@ -66,3 +66,10 @@ export declare const generateTagContent: (params: {
  * unescapeString('Hello "world" with spaces');
  */
 export declare const unescapeString: (str: string) => string;
+/**
+ * Checks if the string is a valid tag type.
+ * @param str
+ *
+ * @return boolean
+ */
+export declare const isValidTagType: (str: string) => boolean;

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

@@ -517,3 +517,10 @@ export const unescapeString = (str) => str.replace(/"| |nbsp;/gm, (mat
             return match;
     }
 });
+/**
+ * Checks if the string is a valid tag type.
+ * @param str
+ *
+ * @return boolean
+ */
+export const isValidTagType = (str) => Object.values(TAG_TYPE).includes(str);

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,5 +3,4 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
-/// <reference types="react" />
 export declare const TemplateListing: (props: import("./types").TemplateListingProps<{}>) => JSX.Element;

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

@@ -233,7 +233,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": "フィルターセットに名前を付けます",
@@ -2288,7 +2288,7 @@
     "_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_VIBER": "ダイレクト メッセージング機能を提供し、安全で使い慣れたソーシャル メディア プラットフォームでユーザーを魅了します。",
@@ -2400,7 +2400,7 @@
     "_WEBPER_TEMP_OBJ_INLINE_5": "ソーシャルプルーフディスプレイ",
     "_WEBPER_TEMP_OBJ_INLINE_6": "教育コンテンツ",
     "_WEBPER_TEMP_OBJ_SLIDEIN_1": "リードマグネット",
-    "_WEBPER_TEMP_OBJ_SLIDEIN_2": "終了の意図",
+    "_WEBPER_TEMP_OBJ_SLIDEIN_2": "終了意図",
     "_WEBPER_TEMP_OBJ_SLIDEIN_3": "コンテンツティーザー",
     "_WEBPER_TEMP_OBJ_SLIDEIN_4": "アンケートと投票",
     "_WEBPER_TEMP_OBJ_SLIDEIN_5": "ソーシャルプルーフディスプレイ",
@@ -2445,15 +2445,15 @@
     "_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_2": "貴重なコンテンツとインセンティブを提供してサインアップや問い合わせを促進することで見込み顧客を獲得します。",
+    "_OBJ_DES_EMAIL_3": "ターゲットを絞ったコンテンツと自動化された電子メール シーケンスを使用して、セールスファネルを通じてリードを誘導します。",
     "_OBJ_DES_EMAIL_4": "関連するアップデート、オファー、限定コンテンツで顧客の関心とロイヤルティを維持します",
     "_OBJ_DES_EMAIL_5": "製品やサービスを紹介して売上とコンバージョンを促進する",
     "_OBJ_DES_EMAIL_6": "一貫性があり、有益で魅力的なコンテンツを通じてブランド アイデンティティと価値を強化する",
     "_OBJ_DES_SMS_1": "時間制限のある更新、プロモーション、アラートでユーザーに即座に連絡します",
     "_OBJ_DES_SMS_2": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_SMS_3": "情報の再発行や登録確認など、迅速かつ便利なサポートを提供します",
-    "_OBJ_DES_SMS_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
+    "_OBJ_DES_SMS_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_SMS_5": "注文確認、出荷通知、アカウント更新をリアルタイムで提供します",
     "_OBJ_DES_SMART_INB_1": "通知を集約し、ユーザーがメッセージを 1 か所で簡単に表示および管理できるようにします。",
     "_OBJ_DES_SMART_INB_2": "プラットフォーム間で通知にアクセスし、操作するためのシームレスで直感的なインターフェイスを提供します。",
@@ -2461,12 +2461,12 @@
     "_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_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
+    "_OBJ_DES_FB_MESS_3": "タイムリーで効率的な顧客サポートを提供し、メッセンジャー内で直接問い合わせに対応し、問題を解決します。",
+    "_OBJ_DES_FB_MESS_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_FB_MESS_5": "アンケートやインタラクティブなテンプレートを通じて、ユーザーから貴重な洞察とフィードバックを直接収集します",
     "_OBJ_DES_VIBER_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_VIBER_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
-    "_OBJ_DES_VIBER_3": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
+    "_OBJ_DES_VIBER_3": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_VIBER_4": "注文確認、配送の最新情報、または予約のリマインダーを送信する",
     "_OBJ_DES_VIBER_5": "アンケートやインタラクティブなテンプレートを通じて、ユーザーから貴重な洞察とフィードバックを直接収集します",
     "_OBJ_DES_ZALO_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
@@ -2477,17 +2477,17 @@
     "_OBJ_DES_WHATSAPP_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_WHATSAPP_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
     "_OBJ_DES_WHATSAPP_3": "インタラクティブな要素を使用してセールスファネルを通じてリードと見込み顧客を育成する",
-    "_OBJ_DES_WHATSAPP_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
+    "_OBJ_DES_WHATSAPP_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_WHATSAPP_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_OBJ_DES_TELEGRAM_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_TELEGRAM_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
-    "_OBJ_DES_TELEGRAM_3": "インタラクティブなテンプレート要素を使用して販売目標到達プロセスをガイドし、リードと見込み客を育成します。",
-    "_OBJ_DES_TELEGRAM_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
+    "_OBJ_DES_TELEGRAM_3": "インタラクティブなテンプレート要素を使用してセールスファネルを誘導し、リードと見込み顧客を育成します。",
+    "_OBJ_DES_TELEGRAM_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_TELEGRAM_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_OBJ_DES_LINE_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_LINE_2": "Line のリッチ メニューを利用して、メッセージ内のインタラクティブなオプションとナビゲーションをユーザーに提供します",
-    "_OBJ_DES_LINE_3": "インタラクティブなテンプレート要素を使用して販売目標到達プロセスをガイドし、リードと見込み客を育成します。",
-    "_OBJ_DES_LINE_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
+    "_OBJ_DES_LINE_3": "インタラクティブなテンプレート要素を使用してセールスファネルを誘導し、リードと見込み顧客を育成します。",
+    "_OBJ_DES_LINE_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_LINE_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_OBJ_DES_FILE_TRANSFER_1": "さまざまなシステム間での大規模なデータセットの共有を自動化し、より迅速かつ正確なデータ処理を実現します。",
     "_OBJ_DES_FILE_TRANSFER_2": "マーケティング資料やキャンペーン資産をチームメンバーや外部関係者に簡単に配布し、より良いコラボレーションとコミュニケーションを促進します。",
@@ -2502,17 +2502,17 @@
     "_WEBPER_TEMP_OBJ_DES_POP_3": "追加購入を促すために補完的な製品やアップグレードを提案する",
     "_WEBPER_TEMP_OBJ_DES_POP_4": "躊躇する訪問者をさらに滞在させ、さらに探索したくなる魅力的なオファーで出口をチャンスに変えます。",
     "_WEBPER_TEMP_OBJ_DES_POP_5": "重要なニュースやイベントを視聴者に直接ブロードキャストして最新情報を提供します",
-    "_WEBPER_TEMP_OBJ_DES_POP_6": "Cookie の使用についてユーザーの同意を得ることで、視聴者の安心感とプライバシー規制の遵守を確保します。",
+    "_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_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_3": "訪問者がスクロールしても表示され続けるバナーを使用して、重要なニュースを確実に目に留まり、更新情報を前面と中央に保ちます。",
     "_WEBPER_TEMP_OBJ_DES_FLOAT_4": "あなたのブランドに対するフレンドリーな意見を確立するために、初めて Web サイトを閲覧する訪問者を歓迎します。",
     "_WEBPER_TEMP_OBJ_DES_FLOAT_5": "ソーシャル メディア プラットフォームでコミュニティを拡大することで、ブランドの存在感を高めます。",
     "_WEBPER_TEMP_OBJ_DES_FLOAT_6": "ブランドロゴを目立つように表示することでアイデンティティを強化し、ブランド認知度を向上させます",
@@ -2537,7 +2537,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": "ユーザーの参加を促すために、クリック可能なボタンなどのインタラクティブな要素を組み込む",
@@ -2545,20 +2545,20 @@
     "_LINE_MESS_OBJ_DES_5": "プロモーション キャンペーンの開始、新製品の発表、限定割引の提供、売上の促進",
     "_LINE_MESS_OBJ_DES_6": "メッセージ テンプレートのインタラクティブな要素を通じて、応答性の高いカスタマー サポートを提供します",
     "_LINE_MESS_OBJ_DES_7": "組み込みのメッセージ テンプレートを使用して回答を求め、アンケートからユーザー情報を収集します",
-    "_LINE_RM_DEFAULT_OBJ_DES_1": "よくある質問、連絡先情報、ライブ チャット サポートなどのカスタマー サポート オプションへの素早いアクセスを提供することで、新規フォロワーをサポートします。",
+    "_LINE_RM_DEFAULT_OBJ_DES_1": "よくある質問、連絡先情報、ライブ チャット サポートなどのカスタマー サポート オプションへの素早いアクセスを提供して、新規フォロワーを支援します。",
     "_LINE_RM_DEFAULT_OBJ_DES_2": "特別オファー、割引、プロモーションを強調表示する",
     "_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": "各ユーザーの興味、閲覧履歴、人口統計に合わせたパーソナライズされた推奨事項や提案を提供し、関連性とエンゲージメントを強化します。",
-    "_LINE_RM_SINGLE_OBJ_DES_3": "ロイヤルティ プログラム、特別オファー、パーソナライズされた報酬を提供して、リピート エンゲージメントを奨励し、長期的なロイヤルティを促進します。",
+    "_LINE_RM_SINGLE_OBJ_DES_3": "ロイヤルティ プログラム、特別オファー、パーソナライズされた特典を提供して、リピート エンゲージメントを奨励し、長期的なロイヤルティを促進します。",
     "_LINE_RM_MULTI_OBJ_DES_1": "ユーザーがタブ間をシームレスに切り替えて、ブラウジング エクスペリエンスを中断することなくさまざまなコンテンツ領域、サービス、または機能を探索できるようにし、柔軟性とユーザー コントロールを強化します。",
     "_LINE_RM_MULTI_OBJ_DES_2": "各ユーザーの好み、行動、Line チャネルとの過去のやり取りに基づいて、各ユーザーに表示されるメニュー オプションとコンテンツをカスタマイズします。",
     "_LINE_RM_MULTI_OBJ_DES_3": "各ユーザーの興味、閲覧履歴、人口統計に合わせたパーソナライズされた推奨事項や提案を提供し、関連性とエンゲージメントを強化します。",
-    "_LINE_RM_MULTI_OBJ_DES_4": "ロイヤルティ プログラム、特別オファー、パーソナライズされた報酬を提供して、リピート エンゲージメントを奨励し、長期的なロイヤルティを促進します。",
+    "_LINE_RM_MULTI_OBJ_DES_4": "ロイヤルティ プログラム、特別オファー、パーソナライズされた特典を提供して、リピート エンゲージメントを奨励し、長期的なロイヤルティを促進します。",
     "_CHANNEL_OBJ_CUSTOM_API_1": "自動化の強化",
     "_CHANNEL_OBJ_CUSTOM_API_2": "業務効率の向上",
     "_CHANNEL_OBJ_CUSTOM_API_3": "カスタム統合のサポート",

package/package.json

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