@antscorp/antsomi-ui 1.3.5-beta.741 → 1.3.5-beta.743

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

@@ -45,6 +45,7 @@ const matchesAnyInitialState = {
     selectedItems: [],
     selectedTreeData: [],
     isShowLoadMoreEl: false,
+    expandedKeys: [],
     selectedExpandedKeys: [],
 };
 const { t } = i18nInstance;
@@ -55,7 +56,7 @@ export function MatchesAny(props) {
     // State
     const [state, setState] = useState(matchesAnyInitialState);
     // Variables
-    const { selectedItems, selectedTreeData, isShowLoadMoreEl, selectedExpandedKeys } = state;
+    const { selectedItems, selectedTreeData, isShowLoadMoreEl, expandedKeys, selectedExpandedKeys } = state;
     const _a = listEmptyProps || {}, { icon: listEmptyIcon = React.createElement(LongerIcon, null), description: listEmptyDescription = (React.createElement("div", { dangerouslySetInnerHTML: { __html: t(translations.matchesAnySelect.noData) } })) } = _a, restListEmptyProps = __rest(_a, ["icon", "description"]);
     const _b = selectedListEmptyProps || {}, { description: selectedListEmptyDescription = t(translations.global.selectItemsFromList).toString(), icon: selectedListEmptyIcon = React.createElement(DataIcon, { color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw5, size: 48 }) } = _b, restSelectedListEmptyProps = __rest(_b, ["description", "icon"]);
     // Refs
@@ -84,6 +85,7 @@ export function MatchesAny(props) {
             setTimeout(() => {
                 setState(prev => (Object.assign(Object.assign({}, prev), { isShowLoadMoreEl: true })));
             }, 500);
+            setState(prev => (Object.assign(Object.assign({}, prev), { expandedKeys: items === null || items === void 0 ? void 0 : items.map(item => item.key) })));
         }
     }, [items]);
     useDeepCompareEffect(() => {
@@ -188,8 +190,8 @@ export function MatchesAny(props) {
                     React.createElement(Icon, { type: `icon-ants-${onSelectItem ? 'double-arrow-up' : 'remove-slim'}`, size: 11 })))));
     }, [customItemRenders, renderExtraValues, renderItemError]);
     // Memos
-    const { treeData, matchedParents } = useDeepCompareMemo(() => {
-        var _a;
+    const { treeData } = useDeepCompareMemo(() => {
+        var _a, _b, _c, _d;
         const { results, matchedParents } = recursiveSearchItems({
             list: items || [],
             searchKeys: ['title', 'key'],
@@ -228,6 +230,29 @@ export function MatchesAny(props) {
             className: 'load-more-node',
             disabled: true,
         });
+        // If search value is empty, then expand all items
+        let newExpandedKeys = [];
+        if (!searchValue) {
+            // Expand all items
+            newExpandedKeys = (items === null || items === void 0 ? void 0 : items.map(item => item.key)) || [];
+        }
+        else {
+            // If search value is not empty, then only expand the matched parents
+            // of the search result
+            if (!isExternalSearch) {
+                // Expand the matched parents of the search result
+                newExpandedKeys =
+                    ((_c = (_b = flatTree(matchedParents, 'children')) === null || _b === void 0 ? void 0 : _b.filter(item => !!item.children)) === null || _c === void 0 ? void 0 : _c.map(item => item.key)) || [];
+            }
+            // If search value is not empty and is external search, then expand all items
+            // that have children
+            if (isExternalSearch) {
+                // Expand all items that have children
+                newExpandedKeys =
+                    ((_d = flatTree(items, 'children')) === null || _d === void 0 ? void 0 : _d.filter(item => !!item.children).map(item => item.key)) || [];
+            }
+        }
+        setState(prev => (Object.assign(Object.assign({}, prev), { expandedKeys: newExpandedKeys })));
         return { treeData, matchedParents };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [items, searchValue, selectedItems, groupSelectProps, onChangeSearch]);
@@ -236,6 +261,10 @@ export function MatchesAny(props) {
         const flattenTreeData = flatTree(treeData, 'children');
         return !(flattenTreeData === null || flattenTreeData === void 0 ? void 0 : flattenTreeData.some(item => !item.disabled));
     }, [treeData]);
+    // Select tree key for force hard rerender tree when items not full (< 15 items) for handle load more
+    // We use the length of items as key to force rerender tree when items length change
+    // This is to fix the issue load more not called when items length is less than 15
+    const selectTreeKey = useDeepCompareMemo(() => { var _a; return ((((_a = flatTree(items, 'children', 1)) === null || _a === void 0 ? void 0 : _a.length) || 0) < 15 ? `${(items === null || items === void 0 ? void 0 : items.length) || 0}` : ''); }, [items]);
     const isDisableApply = useDeepCompareMemo(() => isEmpty(selectedTreeData), [selectedTreeData]);
     const onSelectAll = () => {
         const flattenTreeData = flatTree(treeData, 'children').filter(item => !item.children && !item.disabled);
@@ -276,15 +305,13 @@ export function MatchesAny(props) {
                     React.createElement(Flex, { align: "center", gap: 10 },
                         renderExtraValueLabels(),
                         React.createElement(TextButton, { disabled: isDisableSelectAll, onClick: onSelectAll }, t(translations.global.selectAll).toString()))),
-                React.createElement(Spin, { spinning: loading }, (treeData === null || treeData === void 0 ? void 0 : treeData.length) > 1 ? (React.createElement(StyledTree, { key: `${(treeData === null || treeData === void 0 ? void 0 : treeData.length) || 0}`, defaultExpandedKeys: (matchedParents === null || matchedParents === void 0 ? void 0 : matchedParents.length)
-                        ? matchedParents.map(item => item.key)
-                        : items === null || items === void 0 ? void 0 : items.map(item => item.key), selectable: false, treeData: treeData, switcherIcon: props => (React.createElement(Icon, { type: "icon-ants-caret-down", style: {
+                React.createElement(Spin, { spinning: loading }, (treeData === null || treeData === void 0 ? void 0 : treeData.length) > 1 ? (React.createElement(StyledTree, { key: selectTreeKey, expandedKeys: expandedKeys, selectable: false, treeData: treeData, switcherIcon: props => (React.createElement(Icon, { type: "icon-ants-caret-down", style: {
                             transform: props.expanded ? 'rotate(0)' : 'rotate(-90deg)',
                             transition: 'transform 0.3s ease',
                         }, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw8 })), titleRender: (item) => isShowLoadMoreEl && item.isLoadMore ? (React.createElement("div", { ref: loadMoreRef })) : (renderItemNodeTitle({
                         item,
                         onSelectItem,
-                    })), height: 396 })) : (
+                    })), height: 396, onExpand: expandedKeys => setState(prev => (Object.assign(Object.assign({}, prev), { expandedKeys }))) })) : (
                 /**
                  * If search value is not empty and no listEmpty props show no results matches key word message empty in case data is empty
                  */

package/es/components/organism/Filter/providers/FilterProvider.js

@@ -19,7 +19,6 @@ import { createFilterStore } from '../store/FilterStore';
 import { useDeepCompareEffect } from '@antscorp/antsomi-ui/es/hooks';
 export const FilterProvider = props => {
     const { children } = props, restOfProps = __rest(props, ["children"]);
-    console.log('🚀 ~ restOfProps:', restOfProps);
     const storeRef = useRef();
     if (!storeRef.current) {
         storeRef.current = createFilterStore(restOfProps);

package/es/constants/datetime.d.ts

@@ -1,3 +1,68 @@
+export declare const PORTAL_MAP_DATE: {
+    en: {
+        'MM/DD/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+        'MM/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+        'DD/MM/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+    };
+    vi: {
+        'MM/DD/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+        'MM/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+        'DD/MM/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+    };
+    ja: {
+        'MM/DD/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+        'MM/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+        'DD/MM/YYYY': {
+            long: string;
+            medium: string;
+            short: string;
+        };
+    };
+};
+export declare const PORTAL_MAP_TIME: {
+    '12': {
+        long: string;
+        medium: string;
+        short: string;
+    };
+    '24': {
+        long: string;
+        medium: string;
+        short: string;
+    };
+};
 export declare const TIME_ZONES: {
     label: string;
     value: string;

package/es/constants/datetime.js

@@ -1,3 +1,68 @@
+export const PORTAL_MAP_DATE = {
+    en: {
+        'MM/DD/YYYY': {
+            long: 'MMMM DD, YYYY',
+            medium: 'MMM DD, YYYY',
+            short: 'MM/DD/YYYY',
+        },
+        'MM/YYYY': {
+            long: 'MMMM YYYY',
+            medium: 'MMM YYYY',
+            short: 'MMM YYYY',
+        },
+        'DD/MM/YYYY': {
+            long: 'DD MMMM, YYYY',
+            medium: 'DD MMM YYYY',
+            short: 'DD/MM/YYYY',
+        },
+    },
+    vi: {
+        'MM/DD/YYYY': {
+            long: '[Ngày] DD [tháng] MM, YYYY',
+            medium: '[Ngày] DD [thg] MM, YYYY',
+            short: 'DD/MM/YYYY',
+        },
+        'MM/YYYY': {
+            long: '[Tháng] MM YYYY',
+            medium: '[Thg] MM YYYY',
+            short: '[Thg] MM YYYY',
+        },
+        'DD/MM/YYYY': {
+            long: '[Ngày] DD [tháng] MM, YYYY',
+            medium: '[Ngày] DD [thg] MM, YYYY',
+            short: 'DD/MM/YYYY',
+        },
+    },
+    ja: {
+        'MM/DD/YYYY': {
+            long: 'YYYY[年]MM[月]dd[日]',
+            medium: 'YYYY/MM/DD',
+            short: 'YYYY/MM/DD',
+        },
+        'MM/YYYY': {
+            long: 'YYYY[年]MM[月]',
+            medium: 'YYYY[年]MM[月]',
+            short: 'YYYY[年]MM[月]',
+        },
+        'DD/MM/YYYY': {
+            long: 'YYYY[年]MM[月]dd[日]',
+            medium: 'YYYY/MM/dd',
+            short: 'YYYY/MM/dd',
+        },
+    },
+};
+export const PORTAL_MAP_TIME = {
+    '12': {
+        long: 'hh:mm:ss.SSS a O',
+        medium: 'hh:mm:ss.SSS a',
+        short: 'hh:mm a',
+    },
+    '24': {
+        long: 'HH:mm:ss.SSS O',
+        medium: 'HH:mm:ss.SSS',
+        short: 'HH:mm',
+    },
+};
 export const TIME_ZONES = [
     {
         label: "Visitor's Local Time",

package/es/constants/index.d.ts

@@ -11,3 +11,4 @@ export * from './queries';
 export * from './theme';
 export * from './postMessage';
 export * from './condition';
+export * from './portal';

package/es/constants/index.js

@@ -11,3 +11,4 @@ export * from './queries';
 export * from './theme';
 export * from './postMessage';
 export * from './condition';
+export * from './portal';

package/es/constants/portal.d.ts

@@ -0,0 +1,12 @@
+export declare const PORTAL_KEYS: {
+    CURRENCY: string;
+    USER_LANGUAGE: string;
+    PORTAL_LANGUAGE: string;
+    TIME_ZONE: string;
+    CURRENCY_FORMAT: string;
+    DATE_TIME_FORMAT: string;
+    DATE_TIME_FORMAT_LONG: string;
+    NUMBER_FORMAT: string;
+    PERCENTAGE_FORMAT: string;
+    VERSION: string;
+};

package/es/constants/portal.js

@@ -0,0 +1,12 @@
+export const PORTAL_KEYS = {
+    CURRENCY: 'p_currency',
+    USER_LANGUAGE: 'user_language',
+    PORTAL_LANGUAGE: 'p_language',
+    TIME_ZONE: 'p_timezone',
+    CURRENCY_FORMAT: 'p_f_currency',
+    DATE_TIME_FORMAT: 'p_f_datetime',
+    DATE_TIME_FORMAT_LONG: 'p_f_longdatetime',
+    NUMBER_FORMAT: 'p_f_number',
+    PERCENTAGE_FORMAT: 'p_f_percentage',
+    VERSION: '_ver',
+};

package/es/constants/queries.d.ts

@@ -37,4 +37,5 @@ export declare const QUERY_KEYS: {
     GET_SEARCH_LIST: string;
     GET_MATCHES_ANY_LIST: string;
     GET_INFINITE_MATCHES_ANY_LIST: string;
+    GET_LOGGED_USER: string;
 };

package/es/constants/queries.js

@@ -50,4 +50,6 @@ export const QUERY_KEYS = {
     GET_SEARCH_LIST: 'GET_SEARCH_LIST',
     GET_MATCHES_ANY_LIST: 'GET_MATCHES_ANY_LIST',
     GET_INFINITE_MATCHES_ANY_LIST: 'GET_INFINITE_MATCHES_ANY_LIST',
+    // USER
+    GET_LOGGED_USER: 'GET_LOGGED_USER',
 };

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

@@ -32,8 +32,8 @@
     "_ACT_CANCEL": "キャンセル",
     "_ACT_CHANGE": "変化",
     "_ACT_CHANGE_ASSIGN_GROUP": "割り当てグループの変更",
-    "_ACT_CHANGE_FORMAT": "フォーマットの変更",
-    "_ACT_CHANGE_PORTAL": "変更ポータル",
+    "_ACT_CHANGE_FORMAT": "フォーマットを変更する",
+    "_ACT_CHANGE_PORTAL": "ポータルの変更",
     "_ACT_CHANGE_TEMPLATE": "テンプレートの変更",
     "_ACT_CHART_TYPE": "グラフの種類",
     "_ACT_CHOOSE_FILE_UPLOAD": "アップロードする画像を選択してください",
@@ -47,7 +47,7 @@
     "_ACT_COPY_TO_CLIPBOARD": "クリップボードにコピー",
     "_ACT_CREATE": "作成する",
     "_ACT_CREATE_ASSIGN_ROLE": "役割の作成と割り当て",
-    "_ACT_CREATE_NEW_EVENT_ACTION": "新しいイベントアクションの作成",
+    "_ACT_CREATE_NEW_EVENT_ACTION": "新しいイベントアクションを作成する",
     "_ACT_CREATE_NEW_EVENT_CATEGORY": "新しいイベント カテゴリを作成する",
     "_ACT_CREATE_NEW_MODEL": "新しいモデルを作成する",
     "_ACT_CUSTOMER_SEGMENT": "顧客セグメント",
@@ -66,7 +66,7 @@
     "_ACT_EXPORT": "輸出",
     "_ACT_FORECAST": "予報",
     "_TILT_FORECAST": "の予測結果",
-    "_SEG_RESULT_MESS_1": "選択した時間範囲が有効期間外であるため、データが不十分です",
+    "_SEG_RESULT_MESS_1": "選択した時間範囲が Time to Live の範囲外であるため、データが不十分です",
     "_BTN_CREATE_SEG": "セグメントの作成",
     "_ACT_GO_BACK": "戻る",
     "_ACT_HAVE_ATTRIBUTE": "属性を持つ",
@@ -364,7 +364,7 @@
     "_DECRYPT_DURATION_PAGE_REFRESH": "ページの更新",
     "_DECRYPT_DURATION_TIME_OUT_30": "タイムアウト30分",
     "_DELIVERY_ALGORITHM_RANDOMIZATION": "ランダム化",
-    "_DESTINATION_DESIGN_OPTION_EXIST": "既存のデザインをロードする",
+    "_DESTINATION_DESIGN_OPTION_EXIST": "既存のデザインをロード",
     "_DESTINATION_DESIGN_OPTION_EXIST_INTRO": "別のキャンペーンのデザインをコピーする",
     "_DESTINATION_DESIGN_OPTION_SCRATCH": "ゼロからデザインする",
     "_DESTINATION_DESIGN_OPTION_SCRATCH_INTRO": "キャンペーンをカスタムデザインする",
@@ -414,17 +414,17 @@
     "_EVENT_CLICK_WEB_PUSH": "{{customer_name}} さんが Journey {{journey_name}} からのウェブ プッシュ通知をクリックしました",
     "_EVENT_CLICK_ZALO_CHAT": "{{customer_name}} さんが Journey {{journey_name}} からの Zalo メッセージをクリックしました",
     "_EVENT_DES_ADD_TO_CART_PRODUCT": "{{customer_name}} さんが商品 {{product_name}} をショッピング カートに追加しました",
-    "_EVENT_DES_BROWSING_PRODUCT_LIST_FILTER": "商品をフィルタリングした後に返された結果を {{customer_name}} が閲覧しました",
+    "_EVENT_DES_BROWSING_PRODUCT_LIST_FILTER": "商品をフィルタリングした後に返された結果を表示した {{customer_name}} さん",
     "_EVENT_DES_BROWSING_PRODUCT_SEARCH": "{{customer_name}} さんがキーワード {{keyword}} の検索から返された商品リストを閲覧しました",
     "_EVENT_DES_CAILL_IN_CALL": "{{customer_name}} がカスタマー サービスに電話しました",
     "_EVENT_DES_CALL_OUT_CALL": "{{customer_name}} がカスタマー サービスから電話を受けました",
     "_EVENT_DES_CANCEL_ORDER": "{{customer_name}} が注文 {{order_id}} をキャンセルしました",
-    "_EVENT_DES_CHAT_CONVERSATION": "{{customer_name}} さんが {{channel_name}} 経由でカスタマー サービスとチャットしました",
+    "_EVENT_DES_CHAT_CONVERSATION": "{{customer_name}} が {{channel_name}} 経由でカスタマー サービスとチャットしました",
     "_EVENT_DES_CHECKOUT_CART_PRODUCT": "{{customer_name}} が注文プロセスを開始しました (トランザクションが作成されました)",
     "_EVENT_DES_CLICK_ADVERTISING": "{{customer_name}} さんがキャンペーン {{campaign_name}} をクリックしました",
     "_EVENT_DES_CLICK_EMAIL_ADVERTISING": "{{customer_name}} が広告 {{advertising_name}} のメールをクリックしました",
     "_EVENT_DES_CLICK_PRODUCT": "{{customer_name}} さんが商品 {{product_name}} をクリックしました",
-    "_EVENT_DES_CLICK_TRACKING_ADVERTISING": "{{customer_name}} さんがトラッキング広告 {{advertising_name}} をクリックしました",
+    "_EVENT_DES_CLICK_TRACKING_ADVERTISING": "{{customer_name}} がトラッキング広告 {{advertising_name}} をクリックしました",
     "_EVENT_DES_IDENTIFY_USER": "匿名訪問者プロファイル {{user_id}} は、この顧客プロファイルに関連付けられていました。",
     "_EVENT_DES_IMPRESSION_ADVERTISING": "キャンペーン {{campaign_name}} は {{customer_name}} に送信されました",
     "_EVENT_DES_PURCHASE_TRANSACTION": "{{customer_name}} が、{{num_of_products}} 個の製品 {{store_link}} のトランザクション購入 ID {{order_id}} を実行しました",
@@ -809,7 +809,7 @@
     "_NOTIFICATION_INVALID_INPUT": "無効な入力",
     "_NOTIFICATION_NAMESAKE": "この名前はすでに存在していました",
     "_NOTIFICATION_NEW_USER_EMAIL": "このメールは登録されていません。まず、新しいアカウントを登録するための情報を入力してください。",
-    "_NOTIFICATION_SAME_CODE": "このコードは使用されています。別のコードを使用してください",
+    "_NOTIFICATION_SAME_CODE": "このコードは使用されませんでした。別のコードを使用してください",
     "_NOTIFICATION_SAVED_CHANGES_SUCCESS": "アップデートが保存されました!",
     "_NOTIFICATION_SUCCESS": "成功",
     "_OPERATOR_AFTER_DATE": "デート後",
@@ -860,7 +860,7 @@
     "_RECOMD_FACTORIZATION_VIEW": "因数分解ビューイベント",
     "_RECOMD_ITEM_SIMILARITY_PURCHASE": "アイテム類似購入イベント",
     "_RECOMD_ITEM_SIMILARITY_VIEW": "アイテム類似性表示イベント",
-    "_RECOMD_NO_PRODUCT": "おすすめの商品はありません。",
+    "_RECOMD_NO_PRODUCT": "推奨される製品はありません。",
     "_RECOMD_RANK_FACTORIZATION_PURCHASE": "ランク因数分解購入イベント",
     "_RECOMD_RANK_FACTORIZATION_VIEW": "ランク因数分解ビューイベント",
     "_RENDER_FORMAT": "表示形式",
@@ -917,7 +917,7 @@
     "_TAB_INFORMATION_FIELD": "情報フィールド",
     "_TAB_JOURNEY": "旅",
     "_TAB_METRIC": "メトリック",
-    "_TAB_MODEL_DIAGRAM": "ダイアグラム",
+    "_TAB_MODEL_DIAGRAM": "図",
     "_TAB_MODEL_FIELD": "フィールド",
     "_TAB_OBECT_REFERENCE": "オブジェクトリファレンス",
     "_TAB_OBJECT_ATTRIBUTE": "属性",
@@ -1010,7 +1010,7 @@
     "_TITL_COMPRESS_FILE": "ファイルを圧縮する",
     "_TITL_COMPUTE_SCHEDULE": "コンピューティングスケジュール",
     "_TITL_COMPUTE_TIME_RANGE": "計算時間範囲",
-    "_TITL_COMPUTE_WITH_CONDITION": "以下の条件で計算してください",
+    "_TITL_COMPUTE_WITH_CONDITION": "以下の条件で計算します",
     "_TITL_COMPUTED_ATTR_TYPE": "計算された属性のタイプ",
     "_TITL_CONFIGURE_FIELD": "フィールドの構成",
     "_TITL_CONFIGURE_LAYOUT_VARIABLE": "レイアウト変数を設定する",
@@ -1079,7 +1079,7 @@
     "_TITL_EVENT_ACTION_NAME": "イベントアクション名",
     "_TITL_EVENT_ATTRIBUTE": "イベント属性",
     "_TITL_EVENT_CATEGORY": "イベントカテゴリー",
-    "_TITL_EVENT_CATEGORY_CODE": "イベントカテゴリーコード",
+    "_TITL_EVENT_CATEGORY_CODE": "イベントカテゴリコード",
     "_TITL_EVENT_CATEGORY_NAME": "イベントカテゴリ名",
     "_TITL_EVENT_INFO": "イベント情報",
     "_TITL_EVENT_INTERNAL_NAME": "イベントの内部名",
@@ -1102,7 +1102,7 @@
     "_TITL_FIXED": "修理済み",
     "_TITL_FOREIGN_OBJECT": "異物",
     "_TITL_FREQUENCY": "頻度",
-    "_TITL_FREQUENCY_CAPPING": "フリークエンシーキャップ",
+    "_TITL_FREQUENCY_CAPPING": "フリークエンシー キャップ",
     "_TITL_FROM_PAGE": "ページから",
     "_TITL_FUNCTION": "関数",
     "_TITL_GENERAL": "一般的な",
@@ -1208,7 +1208,7 @@
     "_TITL_ORIGINAL_NAME": "オリジナル",
     "_TITL_PAGE_DOWNLOAD": "ページのダウンロード",
     "_TITL_PERCENTAGE": "パーセンテージ",
-    "_TITL_PERCENTAGE_SETTING": "パーセンテージ設定",
+    "_TITL_PERCENTAGE_SETTING": "パーセント設定",
     "_TITL_PERFORM_EVENT": "イベントを行う",
     "_TITL_PERSONALIZATION_CODE": "パーソナライゼーションコード",
     "_TITL_PERSONALIZATION_TAG": "パーソナライゼーションタグ",
@@ -1326,7 +1326,7 @@
     "_USER_GUIDE_AUDIDENCE_PARENT_NODE": "親ノードからの {{percent}} 視聴者",
     "_USER_GUIDE_CATALOG_CLOUD": "データをクラウド アプリから当社のシステムに効果的に同期すると、すべてのフラグメント データを相互接続して、ビジネス運営の 1 つの詳細な概要を得ることができます。",
     "_USER_GUIDE_CATALOG_MOBILE_APP": "ビジネス モバイル アプリをデータ ソースとして接続し、ユーザーが製品やアプリとどのようにやり取りしているかを確認します。",
-    "_USER_GUIDE_CATALOG_SERVER": "データをサーバーから当社のシステムに直接送信することで、当社の分析ツールの多くを使用して顧客と業績をより深く理解できるようになります。",
+    "_USER_GUIDE_CATALOG_SERVER": "お客様のサーバーから当社のシステムにデータを直接送信することで、当社の分析ツールの多くを使用して顧客と業績をより深く理解できるようになります。",
     "_USER_GUIDE_CATALOG_WEBSITE": "ビジネス Web サイトをデータ ソースとして接続し、製品に対するユーザーの意図に関する驚くべき洞察を発見します。",
     "_USER_GUIDE_CHOOOSE_ATTR_DISPLAY": "顧客/訪問者の各プロファイルに表示される属性を選択します",
     "_USER_GUIDE_CHOOSE_EVENT_ATTRIBUTE_OBJECT": "イベント属性とオブジェクトの選択",
@@ -1347,7 +1347,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": "作成用",
@@ -1511,7 +1511,7 @@
     "_TITL_USED_INFO": "使用されているコード情報 ",
     "_TITL_PROMOTION_CODE": "プロモーションコード:",
     "_TITL_ALLOCATED_TO_JOURNEY": "ジャーニーに割り当てられている:",
-    "_TITL_ALLOCATED_TO_AUDIENCE": "聴衆に割り当てられる:",
+    "_TITL_ALLOCATED_TO_AUDIENCE": "視聴者に割り当てられる:",
     "_ACT_MOVE_TO": "に移動します",
     "_BOX_TITL_MOVE_CODE": "{{x}} 個のコードを別のプールに移動します ",
     "_TITL_MOVE_TO_POOL": "プールに移動",
@@ -1527,7 +1527,7 @@
     "_CODE_RULE_EMPTY": "無効なコードです!コードを空にすることはできません。",
     "_CODE_RULE_INVALID_FORMAT": "aud_*、number_*、および sgmt_* 形式のコードはシステム用に予約されています。",
     "_CODE_RULE_INVALID_FORMAT_EVT": "*_id 、 aud_* 、number_* および sgmt_* 形式のコードはシステム用に予約されています。",
-    "_NAME_RULE_INVALID_CHARACTER": "名前が無効です!名前は文字 a ～ Z またはアンダースコアで始まる必要があります。",
+    "_NAME_RULE_INVALID_CHARACTER": "名前が無効です!名前は文字 a ～ Z またはアンダースコアで始める必要があります。",
     "_NAME_RULE_INVALID_MAX_LENGTH": "名前が無効です!名前は 255 文字以内です。",
     "_NAME_RULE_EMPTY": "名前が無効です!名前を空にすることはできません。",
     "_DELIVERY_STATUS_SENT": "送信済み",
@@ -1618,7 +1618,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": "データソース",
@@ -1708,7 +1708,7 @@
     "_TITL_VERSION": "バージョン",
     "_TAB_DELIVERY_LOG": "配信ログ",
     "_TAB_DETAIL": "詳細",
-    "_TAB_DIAGRAM": "ダイアグラム",
+    "_TAB_DIAGRAM": "図",
     "_CODE_BUILD_CONTENT_ERROR": "ビルドコンテンツエラー",
     "_CODE_MISSING_RECEIVER": "受信機がありません",
     "_CODE_DESTINATION_FREQUENCY_CAPPING": "宛先フリークエンシー キャップに違反する",
@@ -1719,7 +1719,7 @@
     "_TITL_TAG_ACTION_HISTORY_DETAIL": "行動履歴詳細",
     "_TITL_TAG_SCHEDULE_HISTORY_DETAIL": "スケジュール履歴の詳細",
     "_INFO_AD_ZONE_CODE": "ゾーンコード",
-    "_STATE_COMPLETED": "完了",
+    "_STATE_COMPLETED": "完了しました",
     "_STATE_END": "終わり",
     "_STATE_EXIT_JOURNEY": "出口行程",
     "_STATE_VIOLATE_TRIGGER_FC": "トリガーのフリークエンシー キャップに違反する",
@@ -1766,7 +1766,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": "属性は、次の期間に回復しない場合は完全に削除されます。",
@@ -1777,7 +1777,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": "すべてのプラン",
@@ -1807,7 +1807,7 @@
     "_USER_GUIDE_PLAN_PROCESSING": "処理...",
     "_USER_GUIDE_MOVE_GROUP_INCLUDE": "人を含めるためにグループをここに移動します",
     "_USER_GUIDE_MOVE_GROUP_EXCLUDE": "ユーザーを除外するにはグループをここに移動します",
-    "_USER_GUIDE_NOTIFY_PROCESSING_SUCCESS": "{{セグメント名}} セグメントのデータ処理が完了しました",
+    "_USER_GUIDE_NOTIFY_PROCESSING_SUCCESS": "{{セグメント名}}セグメントのデータ処理が完了しました",
     "_USER_GUIDE_NOTIFY_PROCESSING_FAILT": "{{セグメント名}} セグメントのデータ処理に失敗しました",
     "_TITLE_NOTIFY_HIDE": "隠れる",
     "_TITLE_BTN_RECOMPUTED": "再計算された",
@@ -1865,7 +1865,7 @@
     "_EVENT_SETTING_RECORD_IN_PROFILE": "訪問者/顧客プロファイルにイベント データを記録する",
     "_WARN_SMS_DYNAMIC_CONTENT": "(文字数は、コンテンツに動的コンテンツまたはショートリンクが含まれる場合のみ参考用です)",
     "_TITLE_CATALOG_DESTINATION_CHANNEL": "宛先チャンネル",
-    "_TITLE_CATALOG_DESTINATION_CATALOGS": "目的地カタログ",
+    "_TITLE_CATALOG_DESTINATION_CATALOGS": "宛先カタログ",
     "_TITLE_CATALOG_ALL_CATALOGS": "すべてのカタログ",
     "_TITLE_CATALOG_CATALOG_NAME": "カタログ名",
     "_TITLE_CATALOG_DEFAULT_CATALOG": "デフォルトのカタログ",
@@ -1878,7 +1878,7 @@
     "_USER_GUIDE_CATALOG_CONFIRM_DISABLE": "選択したカタログを無効にしてもよろしいですか?",
     "_USER_GUIDE_CATALOG_CONFIRM_REMOVE": "選択したカタログを削除してもよろしいですか?",
     "_USER_GUIDE_CATALOG_SELECT_CATALOG_INIT": "初期化するカタログを選択してください",
-    "_USER_GUIDE_CATALOG_SELECT_CHANNEL": "選択した宛先チャンネル",
+    "_USER_GUIDE_CATALOG_SELECT_CHANNEL": "選択された宛先チャンネル",
     "_USER_GUIDE_CATALOG_SEARCH_CHANNEL": "宛先チャンネルの検索",
     "_USER_GUIDE_CATALOG_SELECT_CATALOG": "厳選されたカタログ",
     "_USER_GUIDE_CATALOG_SEARCH_CATALOG": "カタログを検索する",
@@ -1972,7 +1972,7 @@
     "_WARN_COLL_WARN_TOTAL_CONTENT_RECOVER": "{{dynamic_collections}} {{static_collections}} の数が制限に達しました。\nコレクションを回復したい場合は、未使用のコレクションをアーカイブしてください。",
     "_ERROR_MESS_COLL_COMPUTED_LIMIT": "この時間内に構築されるコレクションの数の制限に達しました。",
     "_WARN_TITLE_COLL_COMPUTATIONAL_LIMIT": "警告収集の計算制限",
-    "_WARN_COLL_COMPUTATIONAL_LIMIT": "現在、計算制限に達しているため、システムは次の有効な時間内にこのコレクションを計算します。",
+    "_WARN_COLL_COMPUTATIONAL_LIMIT": "現在、計算制限に達しているため、システムは次の有効な時間にこのコレクションを計算します。",
     "_OPTION_SEGMENT_SCHEDULE_DETAILS_HOUR_AM": "{{x}} 時間ごとに {{HH:MM}} 時",
     "_OPTION_SEGMENT_SCHEDULE_DETAILS_HOUR_PM": "{{x}} 時間ごとに 午後{{HH:MM}} 時",
     "_OPTION_SEGMENT_SCHEDULE_DETAILS_DAY_AM": "{{x}}日ごとの {{HH:MM}} 時",
@@ -2098,7 +2098,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": "以上 ",
@@ -2262,7 +2262,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": "ダイレクト メッセージング機能を提供し、安全で使い慣れたソーシャル メディア プラットフォームでユーザーを魅了します。",
@@ -2363,7 +2363,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": "ソーシャルプルーフディスプレイ",
@@ -2395,7 +2395,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 サイトへのトラフィックを促進します",
@@ -2416,42 +2416,42 @@
     "_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": "プラットフォーム間で通知にアクセスし、通知を操作するためのシームレスで直感的なインターフェイスを提供します。",
+    "_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_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": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_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_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
+    "_OBJ_DES_WHATSAPP_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_OBJ_DES_TELEGRAM_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_TELEGRAM_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
     "_OBJ_DES_TELEGRAM_3": "インタラクティブなテンプレート要素を使用してセールスファネルを誘導し、リードと見込み顧客を育成します。",
-    "_OBJ_DES_TELEGRAM_4": "予定や予約のリマインダーや確認を送信してノーショーを減らします",
-    "_OBJ_DES_TELEGRAM_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して常に最新情報を入手します。",
+    "_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_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して常に最新情報を入手します。",
+    "_OBJ_DES_LINE_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
+    "_OBJ_DES_LINE_5": "重要なお知らせ、アップデート、ニュースをユーザーと共有して最新情報を入手します。",
     "_WEBPER_TEMP_OBJ_DES_POP_1": "潜在顧客からの情報、または既存顧客からのレビューやフィードバックを収集してデータを充実させます",
     "_WEBPER_TEMP_OBJ_DES_POP_2": "限定セール、期間限定プロモーション、見逃せないおすすめ商品を紹介することで、収益を飛躍的に高めます。",
     "_WEBPER_TEMP_OBJ_DES_POP_3": "追加購入を促すために補完的な製品やアップグレードを提案する",
@@ -2465,7 +2465,7 @@
     "_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 サイトを閲覧する訪問者を歓迎します。",
@@ -2487,13 +2487,13 @@
     "_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_8": "顧客からの問い合わせの必要性を減らし、ショッピング体験の全体的な満足度を向上させるために、顧客が遭遇する可能性のある一般的な懸念事項や問題のトラブルシューティングに対処する",
     "_WEBPER_TEMP_OBJ_DES_SLIDEIN_9": "登録や出欠確認のオプションを提供して、ウェビナー、ワークショップ、イベントにユーザーを招待し、参加とエンゲージメントを促進します。",
-    "_LINE_MESS_OBJ_DES_1": "各ユーザーの好み、行動、過去のやり取りに基づいてメッセージを調整する",
+    "_LINE_MESS_OBJ_DES_1": "各ユーザーの好み、行動、過去のやり取りに基づいてメッセージをカスタマイズする",
     "_LINE_MESS_OBJ_DES_2": "画像、ビデオ、ステッカーなどのマルチメディア コンテンツでメッセージを充実させます",
     "_LINE_MESS_OBJ_DES_3": "ユーザーの参加を促すために、クリック可能なボタンなどのインタラクティブな要素を組み込む",
     "_LINE_MESS_OBJ_DES_4": "インタラクティブなメッセージ テンプレート内で応答、質問、フィードバックを奨励することで、フォロワーとの双方向の対話を促進します",
@@ -2540,14 +2540,14 @@
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_1": "カスタマーサポートの強化",
     "_REALTIME_FACEBOOK_MESSENGER_DES_1": "インタラクション データを活用してタイムリーかつパーソナライズされたサポートを提供し、顧客満足度とロイヤルティを向上させます。",
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_2": "マーケティング戦略を洗練する",
-    "_REALTIME_FACEBOOK_MESSENGER_DES_2": "インタラクション パターンを分析して顧客の関心や行動をより深く理解し、マーケティング活動を調整できるようにします。",
+    "_REALTIME_FACEBOOK_MESSENGER_DES_2": "インタラクション パターンを分析して顧客の興味や行動をより深く理解し、マーケティング活動を調整できるようにします。",
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_3": "対応管理を自動化する",
     "_REALTIME_FACEBOOK_MESSENGER_DES_3": "マーケティング ハブ機能と統合すると、応答とフォローアップが自動化され、顧客の質問に答えられないことがなくなります。",
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_4": "エンゲージメントを高める",
     "_REALTIME_FACEBOOK_MESSENGER_DES_4": "インタラクションから得た洞察を利用して、視聴者の共感を呼ぶ、より魅力的なコンテンツやキャンペーンを作成します。",
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_5": "キャンペーンの効果を測定する",
     "_REALTIME_FACEBOOK_MESSENGER_DES_5": "インタラクション データを分析して、顧客がさまざまなメッセージにどのように反応するかを確認することで、マーケティング キャンペーンの影響を追跡します。",
-    "_REALTIME_TIKTOK_LEAD": "「Tiktok Lead」テンプレートを使用すると、TikTok 広告を通じてフォームに記入するユーザーからのデータの収集と管理がシームレスかつ効率的に行えるようになりました。このリアルタイム機能により、視聴者に関する洞察が即座に得られるため、マーケティング活動を微調整し、より高いエンゲージメントとコンバージョンを促進することができます。",
+    "_REALTIME_TIKTOK_LEAD": "「Tiktok Lead」テンプレートを使用すると、TikTok 広告を通じてフォームに記入するユーザーからのデータの収集と管理がシームレスかつ効率的になりました。このリアルタイム機能により、視聴者に関する洞察が即座に得られるため、マーケティング活動を微調整し、より高いエンゲージメントとコンバージョンを促進することができます。",
     "_REALTIME_TIKTOK_LEAD_OBJ_1": "リードを顧客に変える",
     "_REALTIME_TIKTOK_LEAD_DES_1": "収集した情報を利用して潜在的な見込み客と直接連絡を取ったり相談したりして、彼らを有料顧客に変えます。",
     "_REALTIME_TIKTOK_LEAD_OBJ_2": "マーケティング活動をパーソナライズする",

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

@@ -2091,7 +2091,7 @@
     "_PREDICT_MODEL_UPDATE_INTO_EXISTING_ATTRIBUTE": "Cập nhật vào các thuộc tính hiện có",
     "_PREDICT_MODEL_SELECT_SEGMENT": "Chọn đoạn",
     "_PREDICT_MODEL_SELECT_ATTRIBUTE": "Chọn thuộc tính",
-    "_PREDICT_MODEL_CANNOT_LOSE_THEM": "Không thể mất chúng",
+    "_PREDICT_MODEL_CANNOT_LOSE_THEM": "Không thể đánh mất chúng",
     "_PREDICT_MODEL_AT_RISK": "Có nguy cơ",
     "_PREDICT_MODEL_LOST_CUSTOMER": "Khách hàng bị mất",
     "_PREDICT_MODEL_LOYAL": "Trung thành",

package/es/models/Attribute.d.ts

@@ -0,0 +1,28 @@
+export interface Attribute {
+    itemTypeId: number;
+    itemPropertyName: string;
+    itemPropertyDisplay: string;
+    dataType: string;
+    type: number;
+    autoSuggestion: number;
+    displayFormat?: {
+        type: string;
+        config: Record<string, any>;
+    };
+    isSort: number;
+    isFilter: number;
+    propertyDisplayMultilang: Record<string, string>;
+    descriptionMultilang: string;
+    description_multilang: string;
+    groupId: number;
+    computeType: number | null;
+    computePropertyName: string | null;
+    computeItemTypeId: number | null;
+    isEncrypt: number;
+    isRequired: number;
+    isIdentity: number;
+    status: string | number;
+    translateLabel: string;
+    isPk: number;
+    isOutputProductId: number;
+}

package/es/models/Attribute.js

@@ -0,0 +1 @@
+export {};

package/es/models/LoggedUser.d.ts

@@ -0,0 +1,12 @@
+export interface LoggedUser {
+    user_id: string;
+    full_name: string;
+    avatar: string;
+    address: string | null;
+    phone: string | null;
+    gender: string;
+    email: string;
+    birthday: string;
+    language: string;
+    account_type: string;
+}

package/es/models/LoggedUser.js

@@ -0,0 +1 @@
+export {};

package/es/providers/AppConfigProvider/contexts/index.js

@@ -1,6 +1,8 @@
 // Libraries
 import React, { useState } from 'react';
 import { createContext } from 'use-context-selector';
+// Types
+import { useGetLoggedUser } from '../../..';
 // Components
 import { Spin } from '@antscorp/antsomi-ui/es/components';
 // Hooks
@@ -17,6 +19,11 @@ const AppConfigProvider = props => {
     }, [value, appConfig]);
     const mergedValue = useDeepCompareMemo(() => (Object.assign(Object.assign({}, appConfig), { setAppConfig })), [appConfig]);
     const { isLoading } = useGetUserInfo(mergedValue);
+    useGetLoggedUser({
+        args: {
+            auth: mergedValue.auth,
+        },
+    });
     return (React.createElement(AppConfigContext.Provider, { value: mergedValue }, isLoading ? React.createElement(Spin, { indicatorSize: 24, fullscreen: true }) : children));
 };
 export { AppConfigContext, AppConfigProvider };

package/es/queries/User/index.d.ts

@@ -0,0 +1,8 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { TGetLoggedUserArgs } from '../../services/User';
+import { LoggedUser } from '../../models/LoggedUser';
+export type TUseGetLoggedUser = {
+    args: TGetLoggedUserArgs;
+    options?: UseQueryOptions<LoggedUser, any, LoggedUser, any[]>;
+};
+export declare const useGetLoggedUser: (params: TUseGetLoggedUser) => import("@tanstack/react-query").UseQueryResult<LoggedUser, any>;

package/es/queries/User/index.js

@@ -1 +1,13 @@
-"use strict";
+import { useQuery } from '@tanstack/react-query';
+// Services
+import { userServices } from '../../services/User';
+import { PORTAL_KEYS, QUERY_KEYS } from '../../constants';
+import { UserAndPortalDefaultConfig } from '../../utils/portal';
+export const useGetLoggedUser = (params) => {
+    const { args, options } = params;
+    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_LOGGED_USER, args], queryFn: () => userServices.getLoggedUser(args), onSuccess(data) {
+            UserAndPortalDefaultConfig.setPartial({
+                [PORTAL_KEYS.USER_LANGUAGE]: data.language,
+            });
+        } }, options));
+};

package/es/queries/index.d.ts

@@ -9,3 +9,4 @@ export * from './TemplateListing';
 export * from './Media';
 export * from './Permission';
 export * from './DataTable';
+export * from './User';

package/es/queries/index.js

@@ -9,3 +9,4 @@ export * from './TemplateListing';
 export * from './Media';
 export * from './Permission';
 export * from './DataTable';
+export * from './User';

package/es/services/User/index.d.ts

@@ -1 +1,9 @@
+import { TServiceAuth } from '../../types';
+import { LoggedUser } from '../../models/LoggedUser';
 export { getUserInfo } from './getUserInfo';
+export type TGetLoggedUserArgs = {
+    auth?: TServiceAuth;
+};
+export declare const userServices: {
+    getLoggedUser: (args: TGetLoggedUserArgs) => Promise<LoggedUser>;
+};

package/es/services/User/index.js

@@ -1 +1,36 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// Libraries
+import { get } from 'lodash';
+import axios from 'axios';
+// Constants
+import { IAM_API } from '../../constants';
 export { getUserInfo } from './getUserInfo';
+export const userServices = {
+    getLoggedUser: (args) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const { auth } = args || {};
+            const { userId, portalId } = auth || {};
+            const response = yield axios({
+                method: 'GET',
+                url: `${IAM_API}/api/3rd/info`,
+                params: {
+                    type: 'user-info',
+                    userId,
+                    networkId: portalId,
+                },
+            });
+            return get(response, 'data.data', {});
+        }
+        catch (error) {
+            return Promise.reject(error);
+        }
+    }),
+};

package/es/types/date.d.ts

@@ -0,0 +1,9 @@
+export type TPortalFormatDate = {
+    check?: boolean;
+    value: 'long' | 'medium' | 'short';
+};
+export type TPortalFormatTime = {
+    check?: boolean;
+    value: 'long' | 'medium' | 'short';
+    timeFormat?: '12' | '24';
+};

package/es/types/date.js

@@ -0,0 +1 @@
+export {};

package/es/types/index.d.ts

@@ -24,6 +24,7 @@ export * from './postMessage';
 export * from './actionsButton';
 export * from './condition';
 export * from './api';
+export * from './date';
 export type PayloadInfo = {
     url?: string;
     userId?: string;

package/es/types/index.js

@@ -8,3 +8,4 @@ export * from './postMessage';
 export * from './actionsButton';
 export * from './condition';
 export * from './api';
+export * from './date';

package/es/utils/attribute.d.ts

@@ -0,0 +1,21 @@
+import { Attribute } from '../models/Attribute';
+type FormatAttributeDisplayArgs = {
+    attribute: Attribute;
+    value: any;
+};
+/**
+ * Format attribute value according to its data type and display format.
+ * @param {{ attribute: Attribute, value: any }} args - attribute and its value.
+ * @returns {string} Formatted value or '--' if value is empty.
+ */
+export declare const formatAttributeDisplay: ({ attribute, value, }: FormatAttributeDisplayArgs) => string;
+/**
+ * Get display label of an attribute, based on user language.
+ * It will return the label of attribute in the language that the user is currently using.
+ * If the attribute does not have a label in that language, it will return the default label.
+ * If the attribute does not have a default label, it will return an empty string.
+ * @param {Attribute} attribute - attribute to get display label
+ * @returns {string} display label of the attribute
+ */
+export declare const getAttributeDisplayLabel: (attribute: Attribute, defaultLabel?: string) => string;
+export {};

package/es/utils/attribute.js

@@ -0,0 +1,38 @@
+// Utils
+import { formatAttributeUTCDate } from './date';
+import { getUserLocaleLanguage, safeParseDisplayFormat } from './portal';
+/**
+ * Format attribute value according to its data type and display format.
+ * @param {{ attribute: Attribute, value: any }} args - attribute and its value.
+ * @returns {string} Formatted value or '--' if value is empty.
+ */
+export const formatAttributeDisplay = ({ attribute, value, }) => {
+    const { dataType } = attribute || {};
+    const displayFormat = safeParseDisplayFormat(attribute === null || attribute === void 0 ? void 0 : attribute.displayFormat, {
+        dataType,
+    });
+    let dataValue = value;
+    switch (true) {
+        case dataType === 'datetime':
+            dataValue = formatAttributeUTCDate(value, displayFormat);
+            break;
+        default:
+            break;
+    }
+    return dataValue || '--';
+};
+/**
+ * Get display label of an attribute, based on user language.
+ * It will return the label of attribute in the language that the user is currently using.
+ * If the attribute does not have a label in that language, it will return the default label.
+ * If the attribute does not have a default label, it will return an empty string.
+ * @param {Attribute} attribute - attribute to get display label
+ * @returns {string} display label of the attribute
+ */
+export const getAttributeDisplayLabel = (attribute, defaultLabel) => {
+    var _a;
+    const { propertyDisplayMultilang, itemPropertyDisplay } = attribute || {};
+    const { DEFAULT_LANG } = propertyDisplayMultilang || {};
+    const userLanguage = ((_a = getUserLocaleLanguage()) === null || _a === void 0 ? void 0 : _a.toUpperCase()) || DEFAULT_LANG;
+    return (propertyDisplayMultilang === null || propertyDisplayMultilang === void 0 ? void 0 : propertyDisplayMultilang[userLanguage]) || itemPropertyDisplay || defaultLabel || '';
+};

package/es/utils/date.d.ts

@@ -1,5 +1,12 @@
+import { TPortalFormatDate, TPortalFormatTime } from '../types';
+import { Attribute } from '../models/Attribute';
 export declare const startOfMonth: (date: Date) => Date;
 export declare const differenceInMonths: (dateA: Date, dateB: Date) => number;
 export declare const subMonths: (date: Date, number: number) => Date;
 export declare const formatDateTZ: (date: Date | string, format: string, timezone?: string) => string;
 export declare const formatDate: (date: Date | string, format: string) => string;
+/** Portal Settings */
+export declare function getDateFormat(date: TPortalFormatDate, format: string): any;
+export declare function getTimeFormat(time: TPortalFormatTime): string;
+export declare function getDateTimeFormatTranslate(displayFormat?: any): any;
+export declare function formatAttributeUTCDate(timestamp: string, displayFormat: Attribute['displayFormat']): string;

package/es/utils/date.js

@@ -1,6 +1,11 @@
+// Libraries
 import dayjs from 'dayjs';
 import timezone from 'dayjs/plugin/timezone';
-import { getPortalTimeZone } from './portal';
+// Utils
+import { getPortalFormatDateTime, getPortalTimeZone, getUserLocaleLanguage } from './portal';
+// Constants
+import { PORTAL_MAP_DATE, PORTAL_MAP_TIME } from '../constants';
+import { safeParse } from './common';
 dayjs.extend(timezone);
 export const startOfMonth = (date) => dayjs(date).startOf('month').toDate();
 export const differenceInMonths = (dateA, dateB) => dayjs(dateA).diff(dateB, 'month');
@@ -10,3 +15,57 @@ export const formatDateTZ = (date, format, timezone) => {
     return dayjs.tz(date, timezone || defaultTimezone).format(format);
 };
 export const formatDate = (date, format) => dayjs(date).format(format);
+/** Portal Settings */
+export function getDateFormat(date, format) {
+    var _a, _b, _c;
+    const { check, value } = date || {};
+    if (check) {
+        if (value && format) {
+            return (_c = (_b = PORTAL_MAP_DATE[(_a = getUserLocaleLanguage()) === null || _a === void 0 ? void 0 : _a.toLowerCase()]) === null || _b === void 0 ? void 0 : _b[format]) === null || _c === void 0 ? void 0 : _c[date.value];
+        }
+        return PORTAL_MAP_DATE.en['MM/DD/YYYY'].medium;
+    }
+    return '';
+}
+export function getTimeFormat(time) {
+    var _a;
+    const { check, value, timeFormat } = time || {};
+    if (check) {
+        if (timeFormat && value) {
+            return (_a = PORTAL_MAP_TIME[timeFormat]) === null || _a === void 0 ? void 0 : _a[value];
+        }
+        return PORTAL_MAP_TIME[12].medium;
+    }
+    return '';
+}
+export function getDateTimeFormatTranslate(displayFormat = {}) {
+    if (Object.keys(displayFormat).length === 0) {
+        // eslint-disable-next-line no-param-reassign
+        displayFormat = getPortalFormatDateTime();
+    }
+    const dateFormat = getDateFormat(displayFormat.date, displayFormat.format);
+    const timeFormat = getTimeFormat(safeParse(displayFormat.time, {}));
+    if (dateFormat !== '' && timeFormat !== '') {
+        return `${dateFormat} ${timeFormat}`;
+    }
+    if (dateFormat !== '') {
+        return dateFormat;
+    }
+    if (timeFormat !== '') {
+        return timeFormat;
+    }
+    return "MMM dd',' yyyy p";
+}
+export function formatAttributeUTCDate(timestamp, displayFormat) {
+    try {
+        const isValid = dayjs(timestamp).isValid();
+        if (!isValid) {
+            return timestamp;
+        }
+        const format = getDateTimeFormatTranslate((displayFormat === null || displayFormat === void 0 ? void 0 : displayFormat.config) || {});
+        return formatDateTZ(timestamp, format);
+    }
+    catch (error) {
+        return timestamp;
+    }
+}

package/es/utils/index.d.ts

@@ -4,6 +4,8 @@ export * from './handleError';
 export * from './templateListing';
 export * from './styles';
 export * from './variables';
+export * from './date';
 export * from './actionButtons';
 export * from './dataTable';
 export * from './cookie';
+export * from './attribute';

package/es/utils/index.js

@@ -4,6 +4,8 @@ export * from './handleError';
 export * from './templateListing';
 export * from './styles';
 export * from './variables';
+export * from './date';
 export * from './actionButtons';
 export * from './dataTable';
 export * from './cookie';
+export * from './attribute';

package/es/utils/portal.d.ts

@@ -64,11 +64,22 @@ export declare function getUserInfoPortal(data: Record<string, any>): {
 };
 export declare const UserAndPortalDefaultConfig: {
     set: (portal?: Record<string, any>, user?: Record<string, any>) => Record<string, any>;
+    setPartial: (data: Record<string, any>) => void;
     getByKey: (key: string) => any;
 };
 export declare function getPortalFormatDateTimeLong(): any;
 export declare function getPortalTimeZone(): any;
 export declare function getUserLocaleLanguage(): any;
+export declare function getPortalFormatDateTime(): any;
 export declare function getPortalFormatCurrency(): any;
 export declare function getPortalCurrency(): any;
+export declare function getPortalFormatNumber(): any;
 export declare function safeParseDisplayFormatCurrency(value: number, displayFormat?: Record<string, any>): string;
+export declare function getPortalFormatPercentage(): any;
+export declare function safeParseDisplayFormat(displayFormat?: {
+    config: Record<string, any>;
+    type: string;
+} | null, params?: any): {
+    type: string;
+    config: any;
+};

package/es/utils/portal.js

@@ -111,6 +111,11 @@ export const UserAndPortalDefaultConfig = (() => {
             setValue(PORTAL_KEYS.DATE_TIME_FORMAT_LONG, convertDateTimeToFormatLong(portalConfig.dateAndTimeFormat));
             return APP_CACHE_PARAMS;
         },
+        setPartial: (data) => {
+            Object.keys(data || {}).forEach(key => {
+                APP_CACHE_PARAMS[key] = data[key];
+            });
+        },
         getByKey: (key) => APP_CACHE_PARAMS[key],
     };
 })();
@@ -124,12 +129,18 @@ export function getPortalTimeZone() {
 export function getUserLocaleLanguage() {
     return UserAndPortalDefaultConfig.getByKey(PORTAL_KEYS.USER_LANGUAGE) || 'EN';
 }
+export function getPortalFormatDateTime() {
+    return UserAndPortalDefaultConfig.getByKey(PORTAL_KEYS.DATE_TIME_FORMAT);
+}
 export function getPortalFormatCurrency() {
     return UserAndPortalDefaultConfig.getByKey(PORTAL_KEYS.CURRENCY_FORMAT);
 }
 export function getPortalCurrency() {
     return safeParse(UserAndPortalDefaultConfig.getByKey(PORTAL_KEYS.CURRENCY), 'USD');
 }
+export function getPortalFormatNumber() {
+    return UserAndPortalDefaultConfig.getByKey(PORTAL_KEYS.NUMBER_FORMAT);
+}
 export function safeParseDisplayFormatCurrency(value, displayFormat = {}) {
     if (Object.keys(displayFormat).length === 0) {
         displayFormat = getPortalFormatCurrency();
@@ -137,3 +148,76 @@ export function safeParseDisplayFormatCurrency(value, displayFormat = {}) {
     const temp = convertNumberByDisplayFormat(value, displayFormat.group, displayFormat.decimal, displayFormat.decimalPlace);
     return `${temp} ${displayFormat.currency}`;
 }
+export function getPortalFormatPercentage() {
+    return UserAndPortalDefaultConfig.getByKey(PORTAL_KEYS.PERCENTAGE_FORMAT);
+}
+export function safeParseDisplayFormat(displayFormat = null, params = {}) {
+    if (displayFormat !== null) {
+        const { type } = displayFormat || {};
+        const config = safeParse(displayFormat.config, {});
+        // if (config !== undefined && Object.keys(config).length > 0) {
+        //   return displayFormat;
+        // }
+        if (type === 'NUMBER') {
+            return {
+                type: 'NUMBER',
+                config: Object.assign(Object.assign({}, getPortalFormatNumber()), config),
+            };
+        }
+        if (type === 'CURRENCY') {
+            return {
+                type: 'CURRENCY',
+                config: Object.assign(Object.assign({}, getPortalFormatCurrency()), config),
+            };
+        }
+        if (type === 'PERCENTAGE') {
+            return {
+                type: 'PERCENTAGE',
+                config: Object.assign(Object.assign({}, getPortalFormatPercentage()), config),
+            };
+        }
+        if (type === 'DATE_AND_TIME') {
+            return {
+                type: 'DATE_AND_TIME',
+                config: Object.assign(Object.assign({}, getPortalFormatDateTime()), config),
+            };
+        }
+        if (type === 'RAW_STRING' || type === 'IMAGE' || type === 'LINK' || type === 'CUSTOM_LINK') {
+            return {
+                type,
+                config: Object.assign({}, config),
+            };
+        }
+    }
+    const { dataType } = params || {};
+    if (dataType === 'number') {
+        const { isCurrency } = params || {};
+        if (parseInt(isCurrency) === 1) {
+            return {
+                type: 'CURRENCY',
+                config: getPortalFormatCurrency(),
+            };
+        }
+        return {
+            type: 'NUMBER',
+            config: getPortalFormatNumber(),
+        };
+    }
+    if (dataType === 'datetime') {
+        return {
+            type: 'DATE_AND_TIME',
+            config: getPortalFormatDateTime(),
+        };
+    }
+    if (dataType === 'string') {
+        return {
+            type: 'RAW_STRING',
+            config: {},
+        };
+    }
+    // string is default
+    return {
+        type: 'RAW_STRING',
+        config: {},
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.741",
+  "version": "1.3.5-beta.743",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -20,7 +20,7 @@
   "types": "es/index.d.ts",
   "scripts": {
     "prepublishOnly": "yarn && yarn build:es",
-    "build:es": "npm run translate:init && npm run clean && npm run copy-files && npm run ts-compile",
+    "build:es": "npm run clean && npm run copy-files && npm run ts-compile",
     "clean": "rimraf dist lib es",
     "dev": "vite",
     "build:dist": "webpack --config webpack.build.js",