@antscorp/antsomi-ui 1.3.7-beta.7 → 1.3.7-beta.9

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

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

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

@@ -17,7 +17,7 @@ import '@yaireo/tagify/dist/tagify.css';
 // Styled
 import { TagTextArea, TagifyWrapper, WrapperPlaceHolder } from './styled';
 // Utils
-import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, hasLineBreak, selectRange, isTagClickable, findURLInTextNodes, getAttributesString, isAnchorNodeChildOfElement, isShortLinkTagType, isCustomTagType, sanitizeTagAttributes, getTagAttributes, applyTagAttributes, getTagContentAttributes, isCaretAtEndOfTextNodeWithNextTag, getCurrentSelectionAndCloneRange, handleEnterWithNextTag, handleTextNodeBackspace, } from './utils';
+import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, hasLineBreak, selectRange, isTagClickable, findURLInTextNodes, getAttributesString, isAnchorNodeChildOfElement, isShortLinkTagType, isCustomTagType, sanitizeTagAttributes, getTagAttributes, applyTagAttributes, getTagContentAttributes, isCaretAtEndOfTextNodeWithNextTag, getCurrentSelectionAndCloneRange, handleEnterWithNextTag, handleTextNodeBackspace, extractTagValues, } from './utils';
 import { acceptablePatternChecking, detectURLRegex, getCachedRegex, getCustomTagId, getPersonalizeTagInfo, getShortLinkTagInfo, patternHandlers, } from './patternHandlers';
 // Constants
 import { DETECT_LINK, EMOJI, PERSONALIZE_PTN, SHORT_LINK, SHORT_LINK_PTN, SHORT_LINK_V2, TAG_TYPE, UNSUBSCRIBE_WHATSAPP, defaultCssVariables, tagifyDefaultProps, TAG_CUSTOM_ATTRIBUTES, } from './constants';
@@ -25,7 +25,7 @@ const { CUSTOM_TAG } = TAG_TYPE;
 const { PREPARING_ST, INVALID_TAG, MESSAGE_TAG, FORCE_SHOW_TOOLTIP } = TAG_CUSTOM_ATTRIBUTES;
 const TagifyInput = forwardRef((props, ref) => {
     // Props
-    const { initialValue, escapeHTML, status, readonly, readonlyTag, readonlyText, readonlyWhenNotEmpty, realtime, disabled, maxLength, maxHeight, minWidth, placeholder, minWidthPlaceholder, isSingleLineText, acceptableTagPattern, tagProperties, mapAttributes = {}, mapErrorAttributes = {}, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onTagRemove, onChange, onRestoreTagProperty, onBlur, } = props;
+    const { initialValue, escapeHTML, status, readonly, readonlyTag, readonlyText, readonlyWhenNotEmpty, realtime, disabled, maxLength, maxHeight, minWidth, placeholder, minWidthPlaceholder, isSingleLineText, acceptableTagPattern, tagProperties, mapAttributes = {}, mapErrorAttributes = {}, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onAddTag, onTagRemove, onChange, onRestoreTagProperty, onBlur, } = props;
     // States
     const [isLineBreak, setIsLineBreak] = useState(hasLineBreak(initialValue));
     const [tooltipRefresher, setTooltipRefresher] = useState(1);
@@ -471,7 +471,7 @@ const TagifyInput = forwardRef((props, ref) => {
     }, [onTagClick]);
     const onTagifyRemoveTag = useCallback((event) => {
         if (event.detail && onTagRemove) {
-            onTagRemove(event.detail);
+            onTagRemove(event.detail, extractTagValues(event.detail.tagify));
         }
     }, [onTagRemove]);
     // Used to trigger replace URL detection and line break
@@ -780,14 +780,10 @@ const TagifyInput = forwardRef((props, ref) => {
             const hasContent = cleanValue.length > 0;
             inputEl.setAttribute('contenteditable', hasContent ? 'false' : 'true');
         }
-        else if (typeof readonlyText === 'function') {
-            const isReadonlyText = readonlyText(tagifyRef.current.getCleanValue());
-            inputEl.setAttribute('contenteditable', isReadonlyText ? 'false' : 'true');
-        }
         else if (typeof readonlyText !== 'undefined') {
             inputEl.setAttribute('contenteditable', readonlyText ? 'false' : 'true');
         }
-    }, [readonlyText, readonlyWhenNotEmpty, tagLength]);
+    }, [readonlyText, readonlyWhenNotEmpty]);
     const onTagifyWrapperClick = useCallback(event => {
         event.preventDefault();
         event.stopPropagation();
@@ -874,8 +870,11 @@ const TagifyInput = forwardRef((props, ref) => {
                     try {
                         node.dataset.__removed_by_mutation = 'true';
                         const tagData = tagifyRef.current?.getSetTagData(node);
-                        if (tagData && tagData.type === CUSTOM_TAG && !tagData?.__removed) {
-                            onTagRemove({ data: tagData });
+                        if (tagifyRef.current &&
+                            tagData &&
+                            tagData.type === CUSTOM_TAG &&
+                            !tagData?.__removed) {
+                            onTagRemove({ data: tagData }, extractTagValues(tagifyRef.current));
                         }
                     }
                     catch (error) {
@@ -987,6 +986,8 @@ const TagifyInput = forwardRef((props, ref) => {
             tagifyInstance.on('change', onTagifyChangedDebounce);
             tagifyInstance.on('remove', onTagifyRemoveTag);
             tagifyInstance.on('keydown', onKeyDown);
+            if (onAddTag)
+                tagifyInstance.on('add', onAddTag);
             if (onBlur)
                 tagifyInstance.on('blur', onBlur);
         }
@@ -998,11 +999,14 @@ const TagifyInput = forwardRef((props, ref) => {
                 tagifyInstance.off('change', onTagifyChangedDebounce);
                 tagifyInstance.off('remove', onTagifyRemoveTag);
                 tagifyInstance.off('keydown', onKeyDown);
+                if (onAddTag)
+                    tagifyInstance.off('add', onAddTag);
                 if (onBlur)
                     tagifyInstance.off('blur', onBlur);
             }
         };
     }, [
+        onAddTag,
         onBlur,
         onTagItemClick,
         onInputTagifyDebounce,

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

@@ -15,6 +15,10 @@ export type TagStatus = (typeof TAG_STATUS)[keyof typeof TAG_STATUS];
 export type MapAttributesProps = Record<string, Record<string, any>>;
 export type StatusType = 'error' | 'success' | 'warning';
 export type BackgroundColorPersonalizeType = Exclude<keyof typeof TAG_COLOR, 'detect_link' | 'emoji' | 'shortlink'>;
+export interface TagValues {
+    listTags: TagDataCustomize[];
+    value: string;
+}
 /**
  * Interface defining the properties for the Tagify input component.
  * Provides configuration options and event handlers to manage Tagify's behavior and appearance.
@@ -134,11 +138,16 @@ export interface TagifyInputProps {
      * Receives the tag detail as parameter, allowing custom actions on tag click.
      */
     onTagClick?: (tagDetail: Tagify.ClickEventData<TagDataCustomize>) => void;
+    /**
+     * Event handler triggered when a tag is added.
+     * Receives the tag detail as parameter, allowing custom actions on tag addition.
+     */
+    onAddTag?: (event: CustomEvent<Tagify.AddEventData<TagDataCustomize>>) => void;
     /**
      * Event handler triggered when a tag is removed.
      * Receives the tag detail as parameter, allowing custom actions on tag removal.
      */
-    onTagRemove?: (tagDetail: Tagify.RemoveEventData<TagDataCustomize>) => void;
+    onTagRemove?: (tagDetail: Tagify.RemoveEventData<TagDataCustomize>, values: TagValues) => void;
     /**
      * Event handler triggered when the input value changes.
      * Receives the updated input value as a string, allowing for controlled component updates.
@@ -159,7 +168,7 @@ export interface TagifyInputProps {
     /**
      * Defines whether the input text is read but not the whole tags.
      */
-    readonlyText?: boolean | ((listTags: TagDataCustomize[]) => boolean);
+    readonlyText?: boolean;
     /**
      * When true, automatically sets the input text to readonly (contenteditable='false')
      * when the input is not empty (has tags or content).

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

@@ -1,6 +1,6 @@
 /// <reference types="yaireo__tagify" />
 import Tagify from '@yaireo/tagify';
-import { AcceptablePattern, TagAttribute, EmojiCollection, EmojiTag, TagDataCustomize, TagProperty, TagType } from './types';
+import { AcceptablePattern, TagAttribute, EmojiCollection, EmojiTag, TagDataCustomize, TagProperty, TagType, TagValues } from './types';
 /**
  * Parses the input string and replaces matching patterns with processed tags.
  * This function iterates over predefined regex patterns and replaces each match
@@ -202,3 +202,4 @@ export declare const getCurrentSelectionAndCloneRange: () => {
 };
 export declare const handleTextNodeBackspace: (range: Range) => void;
 export declare const handleEnterWithNextTag: (range: Range) => void;
+export declare const extractTagValues: (tagify: Tagify<TagDataCustomize>) => TagValues;

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

@@ -796,3 +796,11 @@ export const handleEnterWithNextTag = (range) => {
         return;
     insertZeroWidthSpaceBeforeTag(currentNode);
 };
+export const extractTagValues = (tagify) => {
+    if (!tagify)
+        return { listTags: [], value: '' };
+    return {
+        listTags: tagify.getCleanValue(),
+        value: tagify.getInputValue(),
+    };
+};

package/es/components/organism/ActivityTimeline/ActivityTimeline.js

@@ -9,7 +9,7 @@ import { translate, translations } from '@antscorp/antsomi-locales';
 import { isEmpty } from 'lodash';
 import { differenceInMonths, formatUTCDateTZ, startOfMonth, subMonths, } from '@antscorp/antsomi-ui/es/utils/date';
 import { getPortalTimeZone } from '@antscorp/antsomi-ui/es/utils/portal';
-import { EmptyData } from '../../molecules';
+import { EmptyData } from '../../molecules/EmptyData';
 import clsx from 'clsx';
 export const ActivityTimeline = (props) => {
     const { timelines = [], isLoading = false, title = translate(translations._BLOCK_TIMELINE_CUS), timezone = getPortalTimeZone(), objectName = '_THIS_PERSON_UPPERCASE', onFetchMore, eventTracking: eventTrackingProp = [], header, className, } = props;
@@ -84,10 +84,10 @@ export const ActivityTimeline = (props) => {
                         lastRef(el);
                     }
                 };
-                if (item.data.totalActivityCount === 1) {
+                if (item.data?.totalActivityCount === 1) {
                     result.push(_jsx(ItemEvent, { ref: setRef, keyItem: key, item: item, objectName: customerName, eventTracking: eventTracking }, key));
                 }
-                else if (item.data.totalActivityCount > 1) {
+                else if (item.data?.totalActivityCount > 1) {
                     result.push(_jsx(ItemGroupEvent, { ref: setRef, keyItem: key, item: item, objectName: customerName, eventTracking: eventTracking }, key));
                 }
             });

package/es/components/organism/ActivityTimeline/index.d.ts

@@ -1,2 +1,531 @@
-export { ActivityTimeline } from './ActivityTimeline';
+/// <reference types="react" />
 export type { ActivityTimeLineProps } from './types';
+export declare const ActivityTimeline: ((props: Partial<{
+    isLoading: boolean;
+    timelines: import("./types").Timeline[];
+    timelineAvailable: boolean;
+    timezone: string;
+    title: string;
+    objectName: string;
+    eventTracking: import("./types").EventTracking[];
+    onFetchMore: () => Promise<void>;
+    longDateTimeFormat: string;
+    header: import("react").ReactNode;
+    className: string;
+    threshold?: number | undefined;
+}>) => import("react/jsx-runtime").JSX.Element) & {
+    Utils: Readonly<{
+        getInfoEvent: (params: {
+            eType: string;
+            itemEvent: Record<string, any>;
+            eventTracking: import("./types").EventTrackingWithMap;
+            config: import("../../..").AppConfigProviderProps;
+            customerName?: string | undefined;
+        }) => {
+            titleEvent: string;
+            fullContentEvent: string;
+            infoEvent: any;
+            validateExtra: any;
+            perShow: number;
+            limitShowSlide: any;
+        };
+    }>;
+    Constants: Readonly<{
+        MAP_LIST_INFO_EVENT: {
+            readonly 'click product': {
+                readonly eventType: "click product";
+                readonly iconCode: "_EVENT_CLICK_PRODUCT";
+                readonly translateCode: "_EVENT_DES_CLICK_PRODUCT";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "product_name"];
+                readonly iconName: "cus highlight_alt";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'view product': {
+                readonly eventType: "view product";
+                readonly iconCode: "_EVENT_VIEW_PRODUCT";
+                readonly translateCode: "_EVENT_DES_VIEW_PRODUCT";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "product_name"];
+                readonly iconName: "cus desktop_windows";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'add_to_cart product': {
+                readonly eventType: "add_to_cart product";
+                readonly iconCode: "_EVENT_ADD_TO_CART";
+                readonly translateCode: "_EVENT_DES_ADD_TO_CART_PRODUCT";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "product_name"];
+                readonly iconName: "cus add_shopping_cart";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'remove_cart product': {
+                readonly eventType: "remove_cart product";
+                readonly iconCode: "_EVENT_REMOVE_CART";
+                readonly translateCode: "_EVENT_DES_REMOVE_CART_PRODUCT";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "product_name"];
+                readonly iconName: "cus remove_shopping_cart";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'view_cart product': {
+                readonly eventType: "view_cart product";
+                readonly iconCode: "_EVENT_VIEW_CART";
+                readonly translateCode: "_EVENT_DES_VIEW_CART_PRODUCT";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus shopping_cart";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'checkout_cart product': {
+                readonly eventType: "checkout_cart product";
+                readonly iconCode: "_EVENT_CHECKOUT_CART";
+                readonly translateCode: "_EVENT_DES_CHECKOUT_CART_PRODUCT";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus fact_check";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'payment product': {
+                readonly eventType: "payment product";
+                readonly iconCode: "_EVENT_PAYMENT_PRODUCT";
+                readonly translateCode: "_EVENT_DES_PAYMENT_PRODUCT";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus payment";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'order_completed product': {
+                readonly eventType: "order_completed product";
+                readonly iconCode: "_EVENT_ORDER_COMPETE";
+                readonly translateCode: "_EVENT_DES_ORDER_COMPLETE_PRODUCT";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: true;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "order_id"];
+                readonly iconName: "cus shopping_bag";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'purchase product': {
+                readonly eventType: "purchase product";
+                readonly iconCode: "_EVENT_PURCHASE_PRODUCT";
+                readonly translateCode: "_EVENT_DES_PURCHASE_PRODUCT";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: true;
+                readonly showRevenue: true;
+                readonly objectReplace: readonly ["customer_name", "num_of_products", "order_id"];
+                readonly iconName: "cus shopping_cart";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'update order': {
+                readonly eventType: "update order";
+                readonly iconCode: "_EVENT_UPDATE_ORDER";
+                readonly translateCode: "_EVENT_DES_UPDATE_ORDER";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "order_id"];
+                readonly iconName: "cus shopping_cart";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'refund order': {
+                readonly eventType: "refund order";
+                readonly iconCode: "_EVENT_REFUND_ORDER";
+                readonly translateCode: "_EVENT_DES_REFUND_ORDER";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "order_id"];
+                readonly iconName: "cus payment";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'cancel order': {
+                readonly eventType: "cancel order";
+                readonly iconCode: "_EVENT_CANCEL_ORDER";
+                readonly translateCode: "_EVENT_DES_CANCEL_ORDER";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "order_id"];
+                readonly iconName: "cus remove_shopping_cart";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'purchase_offline transaction': {
+                readonly eventType: "purchase_offline transaction";
+                readonly iconCode: "_EVENT_PURCHASE_OFFLINE";
+                readonly translateCode: "_EVENT_DES_PURCHASE_OFFLINE";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: true;
+                readonly showRevenue: true;
+                readonly objectReplace: readonly ["customer_name", "num_of_products", "transaction_id", "store_link"];
+                readonly iconName: "cus store";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'update transaction': {
+                readonly eventType: "update transaction";
+                readonly iconCode: "_EVENT_DES_TRANSACTION_COMMON";
+                readonly translateCode: "_EVENT_DES_TRANSACTION_COMMON";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: true;
+                readonly showRevenue: true;
+                readonly objectReplace: readonly ["event_name", "customer_name", "num_of_products", "transaction_id", "store_link"];
+                readonly iconName: "cus store";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'completed transaction': {
+                readonly eventType: "update transaction";
+                readonly iconCode: "_EVENT_DES_TRANSACTION_COMMON";
+                readonly translateCode: "_EVENT_DES_TRANSACTION_COMMON";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: true;
+                readonly showRevenue: true;
+                readonly objectReplace: readonly ["event_name", "customer_name", "num_of_products", "transaction_id", "store_link"];
+                readonly iconName: "cus store";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'purchase transaction': {
+                readonly eventType: "purchase transaction";
+                readonly iconCode: "_EVENT_ONLINE_TRANSACTION";
+                readonly translateCode: "_EVENT_DES_ONLINE_TRANSACTION";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: true;
+                readonly showRevenue: true;
+                readonly objectReplace: readonly ["customer_name", "num_of_products", "order_id"];
+                readonly iconName: "cus shopping_cart";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'view page': {
+                readonly eventType: "view page";
+                readonly iconCode: "_EVENT_VIEW_PAGE";
+                readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
+                readonly iconName: "cus web_asset";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'search product': {
+                readonly eventType: "search product";
+                readonly iconCode: "_EVENT_SEARCH_PRODUCT";
+                readonly translateCode: "_EVENT_DES_SEARCH_PRODUCT";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "keywords"];
+                readonly iconName: "cus search";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'product_list_view product': {
+                readonly eventType: "product_list_view product";
+                readonly iconCode: "_EVENT_PRODUCT_LIST";
+                readonly translateCode: "_EVENT_DES_VIEW_PRODUCT_LIST";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "product_list"];
+                readonly iconName: "cus list";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'send ticket': {
+                readonly eventType: "send ticket";
+                readonly iconCode: "_EVENT_SEND_TICKET";
+                readonly translateCode: "_EVENT_DES_SEND_TICKET";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "array_ticket_names"];
+                readonly iconName: "cus confirmation_number";
+                readonly backgroundIcon: "#add8e6a";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'call_in call': {
+                readonly eventType: "call_in call";
+                readonly iconCode: "_EVENT_CALL_IN";
+                readonly translateCode: "_EVENT_DES_CAILL_IN_CALL";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus phone_callback";
+                readonly backgroundIcon: "#ffe4c4";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'call_out call': {
+                readonly eventType: "call_out call";
+                readonly iconCode: "_EVENT_CALL_OUT";
+                readonly translateCode: "_EVENT_DES_CALL_OUT_CALL";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus call";
+                readonly backgroundIcon: "#ffe4c4";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'chat conversation': {
+                readonly eventType: "chat conversation";
+                readonly iconCode: "_EVENT_CHAT_CONVERSATION";
+                readonly translateCode: "_EVENT_DES_CHAT_CONVERSATION";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "channel_name"];
+                readonly iconName: "cus chat_bubble_outline";
+                readonly backgroundIcon: "#a0a9aa";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'identify user': {
+                readonly eventType: "identify user";
+                readonly iconCode: "_EVENT_IDENTIFY_USER";
+                readonly translateCode: "_EVENT_DES_IDENTIFY_USER";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["user_id"];
+                readonly iconName: "cus how_to_reg";
+                readonly backgroundIcon: "#005eb8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'reset_anonymous_id user': {
+                readonly eventType: "reset_anonymous_id user";
+                readonly iconCode: "_EVENT_RESET_ANONYMOUS_USER";
+                readonly translateCode: "_EVENT_DES_RESET_ANONYMOUS_ID_USER";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "user_id"];
+                readonly iconName: "cus person_add_disabled";
+                readonly backgroundIcon: "#005eb8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'register lead': {
+                readonly eventType: "register lead";
+                readonly iconCode: "_EVENT_REGISTER_LEAD";
+                readonly translateCode: "_EVENT_DES_REGISTER_LEAD";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus assignment_ind";
+                readonly backgroundIcon: "#005eb8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'sign_in user': {
+                readonly eventType: "sign_in user";
+                readonly iconCode: "_EVENT_SIGNIN_USER";
+                readonly translateCode: "_EVENT_DES_SIGN_IN_USER";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus account_circle";
+                readonly backgroundIcon: "#005eb8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'view pageview': {
+                readonly eventType: "view pageview";
+                readonly iconCode: "_EVENT_VIEW_PAGE";
+                readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
+                readonly iconName: "cus web_asset";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'view screenview': {
+                readonly eventType: "view screenview";
+                readonly iconCode: "";
+                readonly translateCode: "_EVENT_VIEW_SCREEN";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
+                readonly iconName: "cus mobile_friendly";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'product_list_view browsing': {
+                readonly eventType: "product_list_view browsing";
+                readonly iconCode: "_EVENT_VIEW_PAGE";
+                readonly translateCode: "_EVENT_VIEW_PRODUCT_LIST";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus category";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'view home_page': {
+                readonly eventType: "view home_page";
+                readonly iconCode: "_EVENT_VIEW_PAGE";
+                readonly translateCode: "_EVENT_VIEW_HOME_PAGE";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus desktop_windows";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'redeem_point user': {
+                readonly eventType: "redeem_point user";
+                readonly iconCode: "_EVENT_REDEEM_POINT";
+                readonly translateCode: "_EVENT_REDEEM_POINT";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "x_point", "transaction_id", "store_link"];
+                readonly iconName: "cus redeem";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: true;
+            };
+            readonly 'earn_point user': {
+                readonly eventType: "earn_point user";
+                readonly iconCode: "_EVENT_EARN_POINT";
+                readonly translateCode: "_EVENT_EARN_POINT";
+                readonly showSlideImageAndPrice: false;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "x_point", "transaction_id", "store_link"];
+                readonly iconName: "cus redeem";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: true;
+            };
+            readonly 'product_search browsing': {
+                readonly eventType: "product_search browsing";
+                readonly iconCode: "_EVENT_BROWSING_PRODUCT_SEARCH";
+                readonly translateCode: "_EVENT_DES_BROWSING_PRODUCT_SEARCH";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "keyword"];
+                readonly iconName: "cus list";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: 20;
+            };
+            readonly 'product_list_filter browsing': {
+                readonly eventType: "product_list_filter browsing";
+                readonly iconCode: "_EVENT_BROWSING_PRODUCT_LIST_FILTER";
+                readonly translateCode: "_EVENT_DES_BROWSING_PRODUCT_LIST_FILTER";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus list";
+                readonly backgroundIcon: "#005fd8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: 20;
+            };
+            readonly 'received evoucher': {
+                readonly eventType: "received evoucher";
+                readonly iconCode: "_EVENT_EVOUCHER_RECEIVED";
+                readonly translateCode: "_EVENT_EVOUCHER_RECEIVED";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "x_code", "campaign_name"];
+                readonly iconName: "cus confirmation_number";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'redeem evoucher': {
+                readonly eventType: "redeem evoucher";
+                readonly iconCode: "_EVENT_EVOUCHER_REDEEM";
+                readonly translateCode: "_EVENT_EVOUCHER_REDEEM_MISS_DATA";
+                readonly missDataTranslateCode: "_EVENT_EVOUCHER_REDEEM_MISS_DATA";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name", "store_link"];
+                readonly iconName: "cus confirmation_number";
+                readonly backgroundIcon: "#2f8635";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+            readonly 'start_session user': {
+                readonly eventType: "start_session user";
+                readonly iconCode: "_EVENT_USER_START_SESSION";
+                readonly translateCode: "_EVENT_USER_START_SESSION";
+                readonly missDataTranslateCode: "_EVENT_EVOUCHER_REDEEM_MISS_DATA";
+                readonly showSlideImageAndPrice: true;
+                readonly showQuantity: false;
+                readonly showRevenue: false;
+                readonly objectReplace: readonly ["customer_name"];
+                readonly iconName: "cus preview";
+                readonly backgroundIcon: "#005eb8";
+                readonly showRedeem: false;
+                readonly limitShowSlide: "full";
+            };
+        };
+    }>;
+};

package/es/components/organism/ActivityTimeline/index.js

@@ -1 +1,9 @@
-export { ActivityTimeline } from './ActivityTimeline';
+import { getInfoEvent } from './utils';
+import { MAP_LIST_INFO_EVENT } from './constants';
+import { ActivityTimeline as ActivityTimelineComponent } from './ActivityTimeline';
+const Utils = Object.freeze({ getInfoEvent });
+const Constants = Object.freeze({ MAP_LIST_INFO_EVENT });
+export const ActivityTimeline = Object.assign(ActivityTimelineComponent, {
+    Utils,
+    Constants,
+});

package/es/components/organism/ActivityTimeline/utils.js

@@ -163,9 +163,9 @@ const handlePageEvent = (itemEvent, data) => {
     if (itemEvent.pageType === 'view') {
         const validateExtra = itemEvent.extra || {};
         const locationUrl = safeParse(validateExtra.location_url, '');
-        const pageTitle = safeParse(validateExtra.page_title, '');
+        const pageType = safeParse(validateExtra.page_type, '');
         // Use page_title if available, otherwise fallback to location_url
-        const pageTypeText = pageTitle.length > 0 ? pageTitle : locationUrl;
+        const pageTypeText = pageType.length > 0 ? pageType : locationUrl;
         // Build clickable link to location_url
         if (locationUrl.length > 0 && pageTypeText.length > 0) {
             data.page_type = `<a class="title-have-url" href="${encodeURI(locationUrl)}" target="_blank">${pageTypeText}</a>`;
@@ -222,10 +222,12 @@ const handleStoreEvent = (itemEvent, data) => {
     }
 };
 const handleScreenviewEvent = (itemEvent, validateExtra, data) => {
-    if (itemEvent.pageType === 'view' && validateExtra.screen_type) {
-        data.screen_type = validateExtra.screen_type;
-        // Add event_source_name from insightPropertyName
+    if (itemEvent.pageType === 'view') {
+        data.customer_name = translate(translations._THIS_PERSON_UPPERCASE, 'This user');
         data.event_source_name = safeParse(itemEvent.insightPropertyName, 'N/A');
+        if (validateExtra.screen_type) {
+            data.screen_type = validateExtra.screen_type;
+        }
     }
 };
 const handleEventTrackingCode = (eventTracking, keyTitleEvent, validateExtra, valuesReplace, infoEvent, config) => {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.7-beta.7",
+  "version": "1.3.7-beta.9",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -14,6 +14,9 @@
     "es",
     "dist"
   ],
+  "engines": {
+    "node": "20.x"
+  },
   "main": "es/index.js",
   "module": "es/index.js",
   "unpkg": "dist/index.js",