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

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

@@ -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": "属性を持つ",
@@ -514,7 +514,7 @@
     "_IMPORT_FILE_META_INCORRECT": "不正なメタデータ",
     "_IMPORT_FILE_NOT_FOUND": "ファイルが見つかりません",
     "_IMPORT_INVALID_FILE": "無効なファイル",
-    "_IMPORT_LIMIT_COLUMNS_SIZE": "ファイル列が許容制限を超えています",
+    "_IMPORT_LIMIT_COLUMNS_SIZE": "許可された制限を超えたファイル列",
     "_IMPORT_LIMIT_ROWS_SIZE": "ファイル行が許容制限を超えています",
     "_IMPORT_MAPPING_FIELDS_ERROR": "フィールドのマッピングエラー",
     "_IMPORT_MISSING_REQUIRED_FIELD": "必須フィールドが欠落しています",
@@ -722,7 +722,7 @@
     "_NOTI_ADD_CRITERIA": "少なくとも 1 つの条件を追加してください",
     "_NOTI_ADD_EVENT_BEFORE_ASSIGN_ATTRIBUTE": "イベント属性と参照オブジェクトを割り当てる前に、ソースにイベントを追加する必要があります",
     "_NOTI_ALERT_EDIT_DESTINATION": "この宛先を編集すると、他の機能の入力に影響します",
-    "_NOTI_AM_BEING_COMPUTED": "このモデルは計算中です。構築プロセスが完了するまで一部のフィールドを変更できません",
+    "_NOTI_AM_BEING_COMPUTED": "このモデルは計算中です。構築プロセスが完了するまで一部のフィールドは変更できません",
     "_NOTI_ASSIGN_ATTRIBUTE_ERROR": "属性の割り当てエラー",
     "_NOTI_ATTR_HAS_BEEN_REMOVE": "属性が削除されました",
     "_NOTI_ATTRIBUTE_BEING_COMPUTED": "この属性は計算中です。構築プロセスが完了するまで一部のフィールドは変更できません",
@@ -797,7 +797,7 @@
     "_NOTI_UPLOAD_ICON_SUCCESS": "成功！ファイルがアップロードされました。",
     "_NOTI_VALIDATE_END_DATE_GREATER_CURRENT": "終了日は現在の日付より後の日付にする必要があります",
     "_NOTI_VALIDATE_END_TIME_GREATER": "終了時間は開始時間よりも長くする必要があります",
-    "_NOTI_VALIDATE_FILE_FORMAT": "ファイルの形式が正しくありません。もう一度試してください。",
+    "_NOTI_VALIDATE_FILE_FORMAT": "ファイルの形式が正しくありません。もう一度お試しください。",
     "_NOTI_VALIDATE_FORMAT_CSS_SELECTOR": "CSS セレクターは接頭辞 で始まる必要があります。または ＃",
     "_NOTI_VALIDATE_ICON_FORMAT": "画像の形式が正しくありません。もう一度お試しください。",
     "_NOTI_VALIDATE_ONE_DAY": "少なくとも 1 日を選択してください",
@@ -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": "レイアウト変数を設定する",
@@ -1194,7 +1194,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": "選択された列",
@@ -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": "トリガーのフリークエンシー キャップに違反する",
@@ -1740,7 +1740,7 @@
     "_USER_GUIDE_SEG_STATUS_ARCHIVE": "セグメントは間隔の構築を停止したため、他のオブジェクトでは使用できません",
     "_USER_GUIDE_COL_STATUS_ENABLE": "コレクションはインターバルビルド可能で、他のオブジェクトでも使用可能",
     "_USER_GUIDE_COL_STATUS_DISABLE": "コレクションは間隔の構築を停止しました。  コレクションは他のオブジェクトで使用できますが、新しいデータは使用できません",
-    "_USER_GUIDE_COL_STATUS_ARCHIVE": "コレクションは間隔構築を停止したため、他のオブジェクトは使用できません",
+    "_USER_GUIDE_COL_STATUS_ARCHIVE": "コレクションは間隔構築を停止したため、他のオブジェクトでは使用できません",
     "_USER_GUIDE_COMPUTE_STATUS_WAITING_INITIAL": "オブジェクトは計算スケジュールを待っています",
     "_USER_GUIDE_COMPUTE_STATUS_WAITING": "オブジェクトは計算を待っています",
     "_USER_GUIDE_COMPUTE_STATUS_COMPUTING": "オブジェクトは計算中です",
@@ -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": "再計算された",
@@ -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": "カタログを検索する",
@@ -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": "以上 ",
@@ -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 サイトへのトラフィックを促進します",
@@ -2409,7 +2409,7 @@
     "_OBJ_DES_APP_NOTI_5": "アカウント、トランザクション更新などの関連情報をユーザーのブラウザに直接配信します。",
     "_OBJ_DES_EMAIL_1": "魅力的なコンテンツと電子メールの行動喚起 (CTA) でユーザーを Web サイトに誘導します",
     "_OBJ_DES_EMAIL_2": "貴重なコンテンツやインセンティブを提供してサインアップや問い合わせを促進することで見込み顧客を獲得します。",
-    "_OBJ_DES_EMAIL_3": "ターゲットを絞ったコンテンツと自動化された電子メール シーケンスを使用して、セールスファネルを通じてリードを誘導します。",
+    "_OBJ_DES_EMAIL_3": "ターゲットを絞ったコンテンツと自動化された電子メール シーケンスを使用して、セールス ファネルを通じてリードを誘導します。",
     "_OBJ_DES_EMAIL_4": "関連するアップデート、オファー、限定コンテンツで顧客の関心とロイヤルティを維持します",
     "_OBJ_DES_EMAIL_5": "製品やサービスを紹介して売上とコンバージョンを促進する",
     "_OBJ_DES_EMAIL_6": "一貫性があり、有益で魅力的なコンテンツを通じてブランド アイデンティティと価値を強化する",
@@ -2419,8 +2419,8 @@
     "_OBJ_DES_SMS_4": "予定や予約のリマインダーと確認を送信してノーショーを減らします",
     "_OBJ_DES_SMS_5": "注文確認、出荷通知、アカウント更新をリアルタイムで提供します",
     "_OBJ_DES_SMART_INB_1": "通知を集約し、ユーザーがメッセージを 1 か所で簡単に表示および管理できるようにします。",
-    "_OBJ_DES_SMART_INB_2": "プラットフォーム間で通知にアクセスし、通知を操作するためのシームレスで直感的なインターフェイスを提供します。",
-    "_OBJ_DES_SMART_INB_3": "通知によるタイムリーな応答と対話を促進し、ユーザー エンゲージメントと満足度を最大化します。",
+    "_OBJ_DES_SMART_INB_2": "プラットフォーム間で通知にアクセスし、操作するためのシームレスで直感的なインターフェイスを提供します。",
+    "_OBJ_DES_SMART_INB_3": "通知によるタイムリーな応答と対話を促進し、ユーザー エンゲージメントと満足度を最大化します",
     "_OBJ_DES_SMART_INB_4": "Web プッシュやアプリ プッシュなどのさまざまなチャネルからの通知を統合し、ユーザーとの一貫性のある一貫したコミュニケーションを確保します。",
     "_OBJ_DES_FB_MESS_1": "ターゲットを絞ったプロモーションやオファーをブロードキャストして、エンゲージメントと販売を促進します",
     "_OBJ_DES_FB_MESS_2": "鮮やかなメッセージ テンプレートを使用してタイムリーで関連性のある更新を提供します",
@@ -2540,7 +2540,7 @@
     "_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": "エンゲージメントを高める",

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.742",
+  "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",