@antscorp/antsomi-ui 1.3.5-beta.784 → 1.3.5-beta.786

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

@@ -7,7 +7,6 @@ import { useDeepCompareMemo } from '@antscorp/antsomi-ui/es/hooks/useDeepCompare
 import { useDebounce } from '@antscorp/antsomi-ui/es/hooks/useDebounce';
 import { useUpdateEffect } from '@antscorp/antsomi-ui/es/hooks/useUpdateEffect';
 import { useDeepCompareEffect } from '@antscorp/antsomi-ui/es/hooks/useDeepCompareEffect';
-import { useSettingsTagify } from './hooks';
 // Components
 import Tagify from '@yaireo/tagify';
 // Css
@@ -21,8 +20,7 @@ import { acceptablePatternChecking, getCachedRegex, getPersonalizeTagInfo, patte
 import { EMOJI, PERSONALIZE_PTN, SHORT_LINK, defaultCssVariables, tagifyDefaultProps, } from './constants';
 const TagifyInput = forwardRef((props, ref) => {
     // Props
-    const { initialValue, readonly, disabled, maxLength, placeholder, acceptableTagPattern, mapAttributes, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
-    console.count('------------ re-render ------------');
+    const { initialValue, status, readonly, disabled, maxLength, placeholder, acceptableTagPattern, mapAttributes, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
     // States
     const [inputTypeDebounce, , setInputTyping] = useDebounce(initialValue, 450);
     // Refs
@@ -86,10 +84,23 @@ const TagifyInput = forwardRef((props, ref) => {
                 // Check readonly
                 if (readonly)
                     return;
+                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
                 tagifyRef.current.replaceTag(currentTagEle, newTag);
+                // Only update data if value is changed
+                if (currentTagValue !== newTagValue) {
+                    // Change data out
+                    const inputValue = tagifyRef.current.getInputValue();
+                    const convertedValue = convertInputStringToOriginal(inputValue);
+                    onChange(convertedValue);
+                }
+                tagifyRef.current.placeCaretAfterNode(spaceEle); // <- restore the caret after the edited tag
             }
         },
     }), [onChange]);
+    console.log('tagifyRef', tagifyRef);
     const onTagItemClick = useCallback((event) => {
         if (event.detail && onTagClick) {
             const { tagify } = event.detail;
@@ -196,12 +207,30 @@ const TagifyInput = forwardRef((props, ref) => {
         };
     }, [initializeTagify]);
     // Settings some tagify attributes
-    useSettingsTagify(tagifyRef.current, {
-        disabled,
-        readonly,
-        maxPersonalizeTags,
-        placeholder,
-    });
+    useLayoutEffect(() => {
+        console.log('ref', tagifyRef);
+        if (tagifyRef.current && typeof readonly !== 'undefined') {
+            tagifyRef.current.setReadonly(!!readonly);
+        }
+    }, [readonly]);
+    // Set disabled
+    useLayoutEffect(() => {
+        if (tagifyRef.current && typeof disabled !== 'undefined') {
+            tagifyRef.current.setDisabled(!!disabled);
+        }
+    }, [disabled]);
+    // Set placeholder
+    useLayoutEffect(() => {
+        if (tagifyRef.current && typeof placeholder !== 'undefined') {
+            tagifyRef.current.setPlaceholder(placeholder);
+        }
+    }, [placeholder]);
+    // Set max personalize tags
+    useLayoutEffect(() => {
+        if (tagifyRef.current && typeof maxPersonalizeTags !== 'undefined') {
+            tagifyRef.current.settings.maxTags = maxPersonalizeTags;
+        }
+    }, [maxPersonalizeTags]);
     /*
      * Need to sync label of the tags if any map attribute is changed to make correct label
      * */
@@ -291,7 +320,7 @@ const TagifyInput = forwardRef((props, ref) => {
             }
         };
     }, []);
-    return (_jsxs(TagifyWrapper, { ref: tagifyWrapperRef, "$cssTagifyVariables": cssVariablesMemoized, className: "tagify-container", id: "tagify-container", "data-test": "tagify-wrapper", children: [_jsx(TagTextArea, { id: "tagify-textarea", ref: inputRef, name: name, defaultValue: parsedDefaultValue, "data-test": "tagify-input" }), _jsx(WrapperPlaceHolder, { 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, children: [_jsx(TagTextArea, { id: "tagify-textarea", ref: inputRef, name: name, defaultValue: parsedDefaultValue, "data-test": "tagify-input" }), _jsx(WrapperPlaceHolder, { ref: placeHolderRef, "$isShow": !!children, children: children })] }));
 });
 TagifyInput.defaultProps = tagifyDefaultProps;
 export default memo(TagifyInput);

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

@@ -1,9 +1,10 @@
-import type { TagifyInputProps } from './types';
+import type { StatusType, TagifyInputProps } from './types';
 export declare const WrapperPlaceHolder: import("styled-components").StyledComponent<"div", any, {
     $isShow?: boolean | undefined;
 }, never>;
 export declare const TagifyWrapper: import("styled-components").StyledComponent<"div", any, {
     $cssTagifyVariables?: TagifyInputProps['cssTagifyVariables'];
+    $status?: StatusType | 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

@@ -4,7 +4,7 @@ import styled, { css } from 'styled-components';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 import { MIN_H_WRAPPER, TAG_H } from './constants';
 // Utils
-import { getStyledTags } from './utils';
+import { getBackgroundInputStatus, getStyledTags } from './utils';
 export const WrapperPlaceHolder = styled.div `
   ${({ $isShow }) => $isShow
     ? css `
@@ -17,7 +17,7 @@ export const WrapperPlaceHolder = styled.div `
 `;
 export const TagifyWrapper = styled.div `
   background: ${globalToken?.bw0};
-  border-bottom: 1px solid ${globalToken?.blue1 || '#B8CFE6'};
+  border-bottom: 1px solid ${({ $status }) => getBackgroundInputStatus($status)};
   min-height: ${MIN_H_WRAPPER}px;
   width: 100%;
 

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

@@ -3,6 +3,7 @@
 import { ClassNameSettings, TagData, TagifySettings } from '@yaireo/tagify';
 import { EMOJI_COLLECTIONS, PATTERN_CACHE_TYPE, SHORT_LINK_TYPE, TAG_TYPE } from './constants';
 export type MapAttributesProps = Record<string, Record<string, any>>;
+export type StatusType = 'error' | 'success' | 'warning';
 /**
  * Interface defining the properties for the Tagify input component.
  * Provides configuration options and event handlers to manage Tagify's behavior and appearance.
@@ -37,6 +38,7 @@ export interface TagifyInputProps {
      * Helps enforce constraints by limiting the number of tags a user can input.
      */
     maxPersonalizeTags?: TagifySettings['maxTags'];
+    status?: StatusType;
     /**
      * Defines acceptable patterns or validation rules for tags.
      * Ensures only tags matching specified patterns can be added, enforcing content rules.

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

@@ -1,4 +1,4 @@
-import { AcceptablePattern, EmojiCollection, EmojiTag, TagType } from './types';
+import { AcceptablePattern, EmojiCollection, EmojiTag, StatusType, TagType } from './types';
 /**
  * Parses the input string and replaces matching patterns with processed tags.
  * This function iterates over predefined regex patterns and replaces each match
@@ -45,3 +45,4 @@ export declare const emojiManufacturer: (text: string, collectionType: EmojiColl
 export declare const getEmojiTag: ({ src, emoji, code }: EmojiTag) => string;
 export declare const getStyledTags: () => string;
 export declare const isPersonalizeTagType: (type: TagType) => boolean;
+export declare const getBackgroundInputStatus: (status?: StatusType) => string;

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

@@ -3,6 +3,7 @@ import stringReplaceToArray from 'string-replace-to-array';
 // Constants
 import { CUSTOMER, CUSTOM_FN, EMOJI, EMOJI_COLLECTIONS, EVENT, OBJECT_WIDGET, PREFIX_PATTERN_LINE_MESSAGE, PROMOTION_CODE, TAG_COLOR, TAG_TYPE, VISITOR, } from './constants';
 import { iconsViber } from './iconsViber';
+import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 // Utils
 import { acceptablePatternChecking, getCachedRegex, patternHandlers, tagRegexStringPattern, } from './patternHandlers';
 /**
@@ -327,3 +328,16 @@ export const getStyledTags = () => {
     return styledTags.join('');
 };
 export const isPersonalizeTagType = (type) => [CUSTOMER, VISITOR, EVENT, PROMOTION_CODE, OBJECT_WIDGET, CUSTOM_FN].includes(type);
+export const getBackgroundInputStatus = (status) => {
+    switch (status) {
+        case 'error':
+            return globalToken?.colorError || '#EF3340';
+        case 'warning':
+            return globalToken?.colorWarning || '#faad14';
+        case 'success':
+            return globalToken?.colorSuccess || '#12B800';
+        default: {
+            return globalToken?.blue1 || '#B8CFE6';
+        }
+    }
+};

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/en/google-sheet.json

@@ -2642,5 +2642,5 @@
     "_COOKIE_DM_INSTRUCTION_1_DES_1": "This is the base domain for all subdomains you want to track. ",
     "_COOKIE_DM_INSTRUCTION_1_DES_2": "Example: {{x}}",
     "_COOKIE_DM_INSTRUCTION_2_SUM": "Configure the Cookie Domain:",
-    "_COOKIE_DM_INSTRUCTION_2_DES_1": "Input {{x}} to track data across all subdomains (eg: shop.antsomi.com or blog.antsomi.com)"
+    "_COOKIE_DM_INSTRUCTION_2_DES_1": "Input {{x}} to track data across all subdomains (eg: {{y}} or {{y}})"
 }

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

@@ -32,7 +32,7 @@
     "_ACT_CANCEL": "キャンセル",
     "_ACT_CHANGE": "変化",
     "_ACT_CHANGE_ASSIGN_GROUP": "割り当てグループの変更",
-    "_ACT_CHANGE_FORMAT": "フォーマットを変更する",
+    "_ACT_CHANGE_FORMAT": "フォーマットの変更",
     "_ACT_CHANGE_PORTAL": "変更ポータル",
     "_ACT_CHANGE_TEMPLATE": "テンプレートの変更",
     "_ACT_CHART_TYPE": "グラフの種類",
@@ -94,7 +94,7 @@
     "_ACT_QUICK_TEST": "クイックテスト",
     "_ACT_REFINE_ATTRIBUTE": "属性で絞り込む",
     "_ACT_REMOVE": "取り除く",
-    "_ACT_REMOVE_ALL": "すべて削除する",
+    "_ACT_REMOVE_ALL": "すべて削除",
     "_ACT_REPLACE": "交換する",
     "_ACT_REPORTS": "レポート",
     "_ACT_RESET": "リセット",
@@ -384,7 +384,7 @@
     "_DURATION_LAST_15_MINUTE": "最後の 15 分",
     "_DURATION_LAST_3_HOUR": "過去 3 時間",
     "_DURATION_LAST_30_DAYS": "過去 30 日間",
-    "_DURATION_LAST_30_MINUTE": "最後の 30 分間",
+    "_DURATION_LAST_30_MINUTE": "最後の 30 分",
     "_DURATION_LAST_5_MINUTE": "最後の 5 分",
     "_DURATION_LAST_6_HOUR": "過去6時間",
     "_DURATION_LAST_7_DAY": "過去 7 日間",
@@ -594,7 +594,7 @@
     "_INFO_STORY_EVERY_DAY": "日",
     "_INFO_STORY_EVERY_MONTH": "月",
     "_INFO_STORY_EVERY_WEEK": "週",
-    "_INFO_STORY_EXE_BRANCH_NO": "他のブランチの条件がいずれも一致しない場合、オーディエンスはこのブランチに誘導されます。",
+    "_INFO_STORY_EXE_BRANCH_NO": "他のブランチの条件がどれも一致しない場合、オーディエンスはこのブランチに誘導されます。",
     "_INFO_STORY_FILTER_CONDITION": "状態",
     "_INFO_STORY_FILTER_TYPE": "フィルターの種類",
     "_INFO_STORY_FREQUENCY": "トリガージャーニー",
@@ -829,7 +829,7 @@
     "_OPERATOR_LESS_OR_EQUAL": "以下",
     "_OPERATOR_LESS_THAN": "未満",
     "_OPERATOR_MATCH_ANY": "のいずれかに一致します",
-    "_OPERATOR_NOT_CONTAIN": "含まない",
+    "_OPERATOR_NOT_CONTAIN": "含まれていない",
     "_OPERATOR_NOT_END_WITH": "で終わらない",
     "_OPERATOR_NOT_EQUAL": "等しくない",
     "_OPERATOR_NOT_EQUAL_TIME_AGO": "同じ時間前ではない",
@@ -1044,9 +1044,9 @@
     "_TITL_DELIVERED": "納品済み",
     "_TITL_DELIVERED_PROBABILITY": "配信確率",
     "_TITL_DELIVERY_ALGORITHM": "配信アルゴリズム",
-    "_TITL_DELIVERY_DETAIL": "納品詳細",
+    "_TITL_DELIVERY_DETAIL": "配送詳細",
     "_TITL_DELIVERY_PERFORMANCE": "配信パフォーマンス",
-    "_TITL_DELIVERY_RATE": "配送料",
+    "_TITL_DELIVERY_RATE": "配送率",
     "_TITL_DELIVERY_RESULT": "納品実績",
     "_TITL_DELIVERY_STATUS": "配送状況",
     "_TITL_DESCENDING": "降順",
@@ -1195,7 +1195,7 @@
     "_TITL_ROW_ACCESS": "行アクセス",
     "_TITL_ALL_ROW": "すべての行",
     "_TITL_SPECIFIED_ROW": "指定された行",
-    "_TITL_COLUMN_ACCESS": "列アクセス",
+    "_TITL_COLUMN_ACCESS": "カラムアクセス",
     "_TITL_ALL_COLUMN": "すべての列",
     "_TITL_SPECIFIED_COLUMN": "指定された列",
     "_TITL_COLUMN_SELECTED": "選択された列",
@@ -1436,7 +1436,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": "このサイトを離れると、作成した変更は保存されません",
@@ -1477,7 +1477,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": "属性オブジェクトの追加",
@@ -1940,7 +1940,7 @@
     "_WARN_TITLE_AM_CREATED_BY": "作成者",
     "_ERROR_MESS_AM_COMPUTED_LIMIT": "この時間内に構築される分析モデルの数の制限に達しました。",
     "_WARN_TITLE_AM_COMPUTATIONAL_LIMIT": "警告 分析モデルの計算制限",
-    "_WARN_AM_COMPUTATIONAL_LIMIT": "現在、計算制限に達しているため、システムは次の有効な時間にこの分析モデルを計算します。",
+    "_WARN_AM_COMPUTATIONAL_LIMIT": "現在、計算制限に達しているため、システムは次の有効な時間内にこの分析モデルを計算します。",
     "_WARN_TITLE_BO_WARN_TOTAL": "警告 ビジネス オブジェクトの合計制限",
     "_WARN_BO_WARN_TOTAL_CONTENT_CREATE": "ビジネス オブジェクトの数が制限に達しました。\n新しいビジネス オブジェクトを作成する場合は、未使用のビジネス オブジェクトをアーカイブしてください。",
     "_ACT_WARN_BO_GO_TO_LIST": "ビジネスオブジェクトリストに移動",
@@ -2191,7 +2191,7 @@
     "_LINE_ACT_DT_PICKER_DATE_RANGE": "日付範囲",
     "_LINE_ACT_DT_PICKER_DEFAULT_DATE": "デフォルトの日付",
     "_LINE_ACT_DT_PICKER_TIME_RANGE": "時間範囲",
-    "_LINE_ACT_DT_PICKER_DEFAULT_TIME": "デフォルト時間",
+    "_LINE_ACT_DT_PICKER_DEFAULT_TIME": "デフォルトの時間",
     "_LINE_ACT_DT_PICKER_DEFAULT_DATETIME": "デフォルトの日付と時刻",
     "_LINE_ACT_TYPE": "アクションの種類",
     "_LINE_BUTTON_LABEL": "ボタンラベル",
@@ -2258,16 +2258,16 @@
     "_BLCK_OTP_BUTTN_ACTION": "ボタンアクション",
     "_MED_TEMP_SETTING_MESS": "メッセージ",
     "_BLCK_OTP_MESS_FAILED_VERI": "検証に失敗しました",
-    "_BLCK_OTP_MESS_RESENT": "再送信されたOTP",
+    "_BLCK_OTP_MESS_RESENT": "再送信された OTP",
     "_MED_TEMP_SETTING_POSITION": "位置",
     "_BLCK_OTP_EVENT_TRIGGER": "イベントトリガー",
     "_BLCK_OTP_EVENT": "イベント",
     "_BLCK_OTP_EVENT_SOURCE": "イベントソース",
-    "_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_VIBER": "ダイレクト メッセージング機能を提供し、安全で使い慣れたソーシャル メディア プラットフォームでユーザーを魅了します。",
@@ -2371,7 +2371,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": "ソーシャルプルーフディスプレイ",
@@ -2406,7 +2406,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": "アカウント、トランザクション更新などの関連情報をユーザーのブラウザに直接配信します。",
@@ -2428,7 +2428,7 @@
     "_OBJ_DES_SMS_5": "注文確認、出荷通知、アカウント更新をリアルタイムで提供します",
     "_OBJ_DES_SMART_INB_1": "通知を集約し、ユーザーがメッセージを 1 か所で簡単に表示および管理できるようにします。",
     "_OBJ_DES_SMART_INB_2": "プラットフォーム間で通知にアクセスし、操作するためのシームレスで直感的なインターフェイスを提供します。",
-    "_OBJ_DES_SMART_INB_3": "通知によるタイムリーな応答と対話を促進し、ユーザー エンゲージメントと満足度を最大化します。",
+    "_OBJ_DES_SMART_INB_3": "通知によるタイムリーな応答と対話を促進し、ユーザー エンゲージメントと満足度を最大化します",
     "_OBJ_DES_SMART_INB_4": "Web プッシュやアプリ プッシュなどのさまざまなチャネルからの通知を統合し、ユーザーとの一貫性のある一貫したコミュニケーションを確保します。",
     "_OBJ_DES_FB_MESS_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_FB_MESS_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
@@ -2452,12 +2452,12 @@
     "_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_LINE_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_LINE_2": "Line のリッチ メニューを利用して、メッセージ内のインタラクティブなオプションとナビゲーションをユーザーに提供します",
-    "_OBJ_DES_LINE_3": "インタラクティブなテンプレート要素を使用してセールスファネルを誘導し、リードと見込み顧客を育成します。",
+    "_OBJ_DES_LINE_3": "インタラクティブなテンプレート要素を使用して販売目標到達プロセスをガイドし、リードと見込み客を育成します。",
     "_OBJ_DES_LINE_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_LINE_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して常に最新情報を入手します。",
     "_WEBPER_TEMP_OBJ_DES_POP_1": "潜在顧客からの情報、または既存顧客からのレビューやフィードバックを収集してデータを充実させます",
@@ -2497,14 +2497,14 @@
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_3": "今後のコンテンツ、製品の発売、イベントを予告して、視聴者の期待と興奮を高め、Web サイトへのトラフィックを促進します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_4": "アンケート、投票、またはフィードバック フォームを組み込んで、貴重な洞察を収集し、交流を促進します。",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_5": "顧客のレビュー、評価、お客様の声などの社会的証明要素を紹介して、購入の意思決定に影響を与える信頼と信用を構築します。",
-    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_6": "期間限定のオファー、カウントダウンタイマー、フラッシュセール通知を提示することで、緊迫感を醸成し、即時行動を促します。",
+    "_WEBPER_TEMP_OBJ_DES_SLIDEIN_6": "期間限定のオファー、カウントダウンタイマー、またはフラッシュセール通知を提示することで、緊迫感を醸成し、即時行動を促します。",
     "_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": "画像、ビデオ、ステッカーなどのマルチメディア コンテンツでメッセージを充実させます",
     "_LINE_MESS_OBJ_DES_3": "ユーザーの参加を促すために、クリック可能なボタンなどのインタラクティブな要素を組み込む",
-    "_LINE_MESS_OBJ_DES_4": "インタラクティブなメッセージ テンプレート内で応答、質問、フィードバックを奨励することで、フォロワーとの双方向の対話を促進します。",
+    "_LINE_MESS_OBJ_DES_4": "インタラクティブなメッセージ テンプレート内で応答、質問、フィードバックを奨励することで、フォロワーとの双方向の対話を促進します",
     "_LINE_MESS_OBJ_DES_5": "プロモーション キャンペーンの開始、新製品の発表、限定割引の提供、売上の促進",
     "_LINE_MESS_OBJ_DES_6": "メッセージ テンプレートのインタラクティブな要素を通じて、応答性の高いカスタマー サポートを提供します",
     "_LINE_MESS_OBJ_DES_7": "組み込みのメッセージ テンプレートを使用して回答を求め、アンケートからユーザー情報を収集します",
@@ -2631,5 +2631,5 @@
     "_COOKIE_DM_INSTRUCTION_1_DES_1": "これは、追跡するすべてのサブドメインのベース ドメインです。 ",
     "_COOKIE_DM_INSTRUCTION_1_DES_2": "例: {{x}}",
     "_COOKIE_DM_INSTRUCTION_2_SUM": "Cookie ドメインを構成します。",
-    "_COOKIE_DM_INSTRUCTION_2_DES_1": "すべてのサブドメインにわたってデータを追跡するには、「{{x}}」と入力します (例: shop.antsomi.com または blog.antsomi.com)。"
+    "_COOKIE_DM_INSTRUCTION_2_DES_1": "すべてのサブドメインにわたってデータを追跡するには、「{{x}}」と入力します (例: {{y}} または {{y}})"
 }

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

@@ -2040,7 +2040,7 @@
     "_PREDICT_MODEL_ALL_PREDICTIVE_MODELS": "Tất cả các mô hình dự đoán",
     "_PREDICT_MODEL_CREATE_NEW_MODEL": "Tạo mới",
     "_PREDICT_MODEL_RFM_MODEL": "Mô hình RFM",
-    "_PREDICT_MODEL_RFM_DESCRIPTION": "Xếp hạng và phân nhóm khách hàng một cách định lượng dựa trên mức độ gần đây, tần suất và tổng số tiền trong hành vi chi tiêu của họ",
+    "_PREDICT_MODEL_RFM_DESCRIPTION": "Xếp hạng và nhóm khách hàng một cách định lượng dựa trên mức độ gần đây, tần suất và tổng số tiền trong hành vi chi tiêu của họ",
     "_PREDICT_MODEL_ERFM_MODEL": "Mô hình eRFM",
     "_PREDICT_MODEL_ERFM_DESCRIPTION": "Mô hình eRFM là mô hình RFM rộng hơn, phân tích khách hàng dựa trên hành vi chi tiêu và mức độ tương tác qua email của họ",
     "_PREDICT_MODEL_PROPENSITY_TO_BUY_MODEL": "Xu hướng mua mô hình",
@@ -2642,5 +2642,5 @@
     "_COOKIE_DM_INSTRUCTION_1_DES_1": "Đây là tên miền cơ bản cho tất cả các subdomain mà bạn muốn theo dõi. ",
     "_COOKIE_DM_INSTRUCTION_1_DES_2": "Ví dụ: {{x}}",
     "_COOKIE_DM_INSTRUCTION_2_SUM": "Cấu hình tên miền cookie:",
-    "_COOKIE_DM_INSTRUCTION_2_DES_1": "Nhập {{x}} để theo dõi dữ liệu trên tất cả các subdomain (ví dụ: {{x}} hoặc {{x}})."
+    "_COOKIE_DM_INSTRUCTION_2_DES_1": "Nhập {{x}} để theo dõi dữ liệu trên tất cả các subdomain (ví dụ: {{y}} hoặc {{y}})."
 }

package/package.json

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

package/es/components/molecules/TagifyInput/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useSettingsTagify';

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

@@ -1 +0,0 @@
-export * from './useSettingsTagify';

package/es/components/molecules/TagifyInput/hooks/useSettingsTagify.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="yaireo__tagify" />
-import Tagify from '@yaireo/tagify';
-import type { TagDataCustomize, TagifyInputProps } from '../types';
-type TagifyInstanceProps = Tagify<TagDataCustomize> | null;
-type SettingsTagifyProps = Pick<TagifyInputProps, 'readonly' | 'disabled' | 'placeholder' | 'maxPersonalizeTags'>;
-export declare const useSettingsTagify: (tagifyInstance: TagifyInstanceProps, settings: SettingsTagifyProps) => void;
-export {};

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

@@ -1,30 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-// Libraries
-import { useLayoutEffect } from 'react';
-export const useSettingsTagify = (tagifyInstance, settings) => {
-    const { readonly, disabled, placeholder, maxPersonalizeTags } = settings;
-    // Set read only
-    useLayoutEffect(() => {
-        if (tagifyInstance && typeof readonly !== 'undefined') {
-            tagifyInstance.setReadonly(readonly);
-        }
-    }, [readonly]);
-    // Set disabled
-    useLayoutEffect(() => {
-        if (tagifyInstance && typeof disabled !== 'undefined') {
-            tagifyInstance.setDisabled(disabled);
-        }
-    }, [disabled]);
-    // Set placeholder
-    useLayoutEffect(() => {
-        if (tagifyInstance && typeof placeholder !== 'undefined') {
-            tagifyInstance.setPlaceholder(placeholder);
-        }
-    }, [placeholder]);
-    // Set max personalize tags
-    useLayoutEffect(() => {
-        if (tagifyInstance && typeof maxPersonalizeTags !== 'undefined') {
-            tagifyInstance.settings.maxTags = maxPersonalizeTags;
-        }
-    }, [maxPersonalizeTags]);
-};