@antscorp/antsomi-ui 1.3.7-beta.1 → 1.3.7-beta.3

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

@@ -21,7 +21,13 @@ export const ItemEvent = forwardRef((props, ref) => {
     const { etype: eType } = item;
     const renderSingleEvent = (dataEvent) => {
         const dataActivity = dataEvent.data.firstActivities;
-        const { titleEvent: title, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent(eType, dataActivity[0], eventTracking, objectName, appConfig);
+        const { titleEvent: title, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent({
+            eType,
+            itemEvent: dataActivity[0],
+            eventTracking,
+            customerName: objectName,
+            config: appConfig,
+        });
         return (_jsxs(TimelineSection, { title: title, bgIcon: infoEvent.backgroundIcon, iconName: infoEvent.iconName, children: [_jsx(List, { type: "timeline", children: _jsxs(ListItem, { children: [_jsx(ListItemTimeLine, { children: _jsx(ListItemTitle, { ellipsis: { tooltip: true }, children: htmlParse(fullContentEvent) }) }), _jsx(ListItemTime, { ellipsis: { tooltip: true }, children: formatDateHeader(dataActivity[0].trackedDateTimeUTC) })] }) }), infoEvent.showRedeem && validateExtra.loyalty_card ? (_jsxs(WrapperContainerRedeem, { children: [_jsx(CardMember, { info: validateExtra.loyalty_card }), checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))] })) : (infoEvent.showRedeem &&
                     checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))), dataActivity[0].items.length > 0 && dataActivity[0].items[0].item_type === 'product' && (_jsx(ListItemContent, { children: _jsx(ActionHistory, { revenue: infoEvent.showRevenue
                             ? `${safeParse(validateExtra.revenue, '--') === '--'

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

@@ -45,12 +45,24 @@ export const ItemGroupEvent = forwardRef((props, ref) => {
     const { etype: eType } = item;
     const renderGroupEvent = (dataEvent) => {
         const dataActivity = dataEvent.data.firstActivities;
-        const { titleEvent: title, infoEvent: infoEventLast } = getInfoEvent(eType, dataActivity[0], eventTracking, objectName, appConfig);
+        const { titleEvent: title, infoEvent: infoEventLast } = getInfoEvent({
+            eType,
+            itemEvent: dataActivity[0],
+            eventTracking,
+            customerName: objectName,
+            config: appConfig,
+        });
         const rearTitle = translate(translations._EVENT_DES_PERFORM_OTHER_EVENT, 'and performed other {{x}} actions', { x: dataActivity.length - 1 });
         if (isEmpty(dataActivity))
             return null;
         return (_jsx(TimelineSection, { title: `${title}, ${rearTitle}`, bgIcon: infoEventLast.backgroundIcon, iconName: infoEventLast.iconName ? infoEventLast.iconName : 'cus web', children: _jsx(List, { type: "timeline", loadMore: true, limit: 5, noPaddingBottom: true, children: dataActivity.map((itemEvent, index) => {
-                    const { titleEvent, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent(eType, itemEvent, eventTracking, objectName, appConfig);
+                    const { titleEvent, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent({
+                        eType,
+                        itemEvent,
+                        eventTracking,
+                        customerName: objectName,
+                        config: appConfig,
+                    });
                     return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { children: [_jsx(ListItemTimeLine, { children: _jsx(ListItemTitle, { ellipsis: { tooltip: true }, children: htmlParse(fullContentEvent) }) }), _jsx(ListItemTime, { ellipsis: { tooltip: true }, children: formatDateHeader(itemEvent.trackedDateTimeUTC, timezone) })] }), infoEvent.showRedeem && validateExtra.loyalty_card ? (_jsxs(WrapperContainerRedeem, { children: [_jsx(CardMember, { info: validateExtra.loyalty_card }), checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))] })) : (infoEvent.showRedeem &&
                                 checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))), itemEvent.items.length > 0 && itemEvent.items[0].item_type === 'product' && (_jsx(ListItemContent, { children: _jsx(ActionHistory, { revenue: infoEvent.showRevenue
                                         ? `${safeParse(validateExtra.revenue, '--') === '--'

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

@@ -214,7 +214,7 @@ export declare const MAP_LIST_INFO_EVENT: {
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -357,7 +357,7 @@ export declare const MAP_LIST_INFO_EVENT: {
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -370,7 +370,7 @@ export declare const MAP_LIST_INFO_EVENT: {
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "screen_type"];
+        readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
         readonly iconName: "cus mobile_friendly";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -694,7 +694,7 @@ export declare const DATA_EVENT: {
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -826,7 +826,7 @@ export declare const DATA_EVENT: {
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -838,7 +838,7 @@ export declare const DATA_EVENT: {
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "screen_type"];
+        readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
         readonly iconName: "cus mobile_friendly";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -1168,7 +1168,7 @@ export declare const DATA_EVENT: {
             readonly showSlideImageAndPrice: false;
             readonly showQuantity: false;
             readonly showRevenue: false;
-            readonly objectReplace: readonly ["customer_name", "page_name"];
+            readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
             readonly iconName: "cus web_asset";
             readonly backgroundIcon: "#005fd8";
             readonly showRedeem: false;
@@ -1311,7 +1311,7 @@ export declare const DATA_EVENT: {
             readonly showSlideImageAndPrice: false;
             readonly showQuantity: false;
             readonly showRevenue: false;
-            readonly objectReplace: readonly ["customer_name", "page_name"];
+            readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
             readonly iconName: "cus web_asset";
             readonly backgroundIcon: "#005fd8";
             readonly showRedeem: false;
@@ -1324,7 +1324,7 @@ export declare const DATA_EVENT: {
             readonly showSlideImageAndPrice: false;
             readonly showQuantity: false;
             readonly showRevenue: false;
-            readonly objectReplace: readonly ["customer_name", "screen_type"];
+            readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
             readonly iconName: "cus mobile_friendly";
             readonly backgroundIcon: "#005fd8";
             readonly showRedeem: false;

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

@@ -1,5 +1,4 @@
-/* eslint-disable no-underscore-dangle */
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+import { translations } from '@antscorp/antsomi-locales';
 export const MAP_LIST_INFO_EVENT = {
     'click product': {
         eventType: 'click product',
@@ -229,7 +228,7 @@ export const MAP_LIST_INFO_EVENT = {
         showSlideImageAndPrice: false,
         showQuantity: false,
         showRevenue: false,
-        objectReplace: ['customer_name', 'page_name'],
+        objectReplace: ['customer_name', 'page_type', 'event_source_name'],
         iconName: 'cus web_asset',
         backgroundIcon: '#005fd8',
         showRedeem: false,
@@ -372,7 +371,7 @@ export const MAP_LIST_INFO_EVENT = {
         showSlideImageAndPrice: false,
         showQuantity: false,
         showRevenue: false,
-        objectReplace: ['customer_name', 'page_name'],
+        objectReplace: ['customer_name', 'page_type', 'event_source_name'],
         iconName: 'cus web_asset',
         backgroundIcon: '#005fd8',
         showRedeem: false,
@@ -385,7 +384,7 @@ export const MAP_LIST_INFO_EVENT = {
         showSlideImageAndPrice: false,
         showQuantity: false,
         showRevenue: false,
-        objectReplace: ['customer_name', 'screen_type'],
+        objectReplace: ['customer_name', 'screen_type', 'event_source_name'],
         iconName: 'cus mobile_friendly',
         backgroundIcon: '#005fd8',
         showRedeem: false,

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

@@ -13,6 +13,10 @@ export const StyledRoot = styled.div `
       text-decoration: underline;
     }
   }
+
+  .title-no-url {
+    font-weight: bold;
+  }
 `;
 export const StyldTitle = styled.div `
   font-size: 16px;

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

@@ -3,7 +3,13 @@ import { AppConfigProviderProps } from '../../../providers/AppConfigProvider/con
 export declare const getValuesReplace: (objectReplace: any[], data: Record<string, any>) => {};
 export declare const getStringHtmlByType: (item: Record<string, any>, eType?: string) => string;
 export declare const getProductName: (data: any[]) => string;
-export declare const getInfoEvent: (eType: string, itemEvent: Record<string, any>, eventTracking: EventTrackingWithMap, customerName: string, config: AppConfigProviderProps) => {
+export declare const getInfoEvent: (params: {
+    eType: string;
+    itemEvent: Record<string, any>;
+    eventTracking: EventTrackingWithMap;
+    config: AppConfigProviderProps;
+    customerName?: string;
+}) => {
     titleEvent: string;
     fullContentEvent: string;
     infoEvent: any;

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

@@ -19,7 +19,7 @@ export const getValuesReplace = (objectReplace, data) => {
         return values;
     }
     objectReplace.forEach((item) => {
-        if (item !== 'product_name' && item !== 'page_name') {
+        if (item !== 'product_name' && item !== 'page_name' && item !== 'page_type') {
             if (item === 'x_point' || item === 'store_link') {
                 if (item === 'store_link') {
                     values[item] =
@@ -119,7 +119,175 @@ export const getProductName = (data) => {
     productNames = arrayProductName.join(', ');
     return productNames;
 };
-export const getInfoEvent = (eType, itemEvent, eventTracking, customerName, config) => {
+// Handler functions for each eType
+const handleProductEvent = (itemEvent, validateExtra, data, eType) => {
+    let listProductName = 'N/A';
+    listProductName = getProductName(itemEvent.items);
+    data.product_name = listProductName;
+    if (itemEvent.pageType === 'order_completed') {
+        data.order_id = validateExtra.order_id || 'N/A';
+    }
+    else if (itemEvent.pageType === 'purchase') {
+        data.order_id = validateExtra.order_id || 'N/A';
+        data.num_of_products = itemEvent.items.length || 'N/A';
+    }
+    else if (itemEvent.pageType === 'search') {
+        data.keywords = validateExtra.src_search_term || 'N/A';
+    }
+    else if (itemEvent.pageType === 'product_list_view') {
+        data.product_list = getProductName(itemEvent.items);
+    }
+    else if (itemEvent.pageType === 'click' ||
+        itemEvent.pageType === 'view' ||
+        itemEvent.pageType === 'add_to_cart') {
+        data.product_name = getStringHtmlByType(itemEvent.items[0], eType);
+    }
+};
+const handleOrderEvent = (validateExtra, data) => {
+    data.order_id = safeParse(validateExtra.order_id, 'N/A');
+};
+const handleTransactionEvent = (itemEvent, validateExtra, data) => {
+    if (itemEvent.pageType === 'purchase') {
+        data.order_id = safeParse(validateExtra.order_id, 'N/A');
+        const { num_of_products } = getStoreLinkAndNumberProduct(validateExtra, itemEvent);
+        data.num_of_products = num_of_products;
+    }
+    else {
+        data.transaction_id = safeParse(validateExtra.transaction_id, 'N/A');
+        const { num_of_products, store_link } = getStoreLinkAndNumberProduct(validateExtra, itemEvent);
+        data.num_of_products = num_of_products;
+        data.store_link = store_link;
+    }
+};
+const handlePageEvent = (itemEvent, data) => {
+    if (itemEvent.pageType === 'view') {
+        const validateExtra = itemEvent.extra || {};
+        const locationUrl = safeParse(validateExtra.location_url, '');
+        const pageTitle = safeParse(validateExtra.page_title, '');
+        // Use page_title if available, otherwise fallback to location_url
+        const pageTypeText = pageTitle.length > 0 ? pageTitle : 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>`;
+        }
+        else {
+            data.page_type = `<span class="title-no-url">${pageTypeText || 'N/A'}</span>`;
+        }
+        // Add event_source_name from insightPropertyName
+        data.event_source_name = safeParse(itemEvent.insightPropertyName, 'N/A');
+    }
+};
+const handleTicketEvent = (itemEvent, data) => {
+    if (itemEvent.pageType === 'send') {
+        data.array_ticket_names = getProductName(itemEvent.items);
+    }
+};
+const handleConversationEvent = (itemEvent, data) => {
+    if (itemEvent.pageType === 'chat') {
+        data.channel_name = itemEvent.items[0].category || 'N/A';
+    }
+};
+const handleUserEvent = (itemEvent, validateExtra, data) => {
+    if (itemEvent.pageType === 'identify' || itemEvent.pageType === 'reset_anonymous_id') {
+        data.user_id = itemEvent.userId;
+    }
+    else if (itemEvent.pageType === 'redeem_point' || itemEvent.pageType === 'earn_point') {
+        data.x_point = validateExtra.point || 'N/A';
+        data.transaction_id = validateExtra.transaction_id || 'N/A';
+        const { store_link } = getStoreLinkAndNumberProduct(validateExtra, itemEvent);
+        data.store_link = store_link;
+    }
+};
+const handleAdvertisingEvent = (itemEvent, validateExtra, data) => {
+    if (itemEvent.pageType === 'impression' ||
+        itemEvent.pageType === 'viewable' ||
+        itemEvent.pageType === 'click') {
+        data.campaign_name = safeParse(validateExtra.utm_campaign, 'N/A');
+    }
+};
+const handleBrowsingEvent = (itemEvent, validateExtra, data) => {
+    if (itemEvent.pageType === 'product_search') {
+        data.keyword = safeParse(validateExtra.src_search_term, '');
+    }
+};
+const handleEvoucherEvent = (itemEvent, validateExtra, data) => {
+    if (itemEvent.pageType === 'received') {
+        data.x_code = safeParse(validateExtra.coupon_code, 'N/A');
+        data.campaign_name = safeParse((validateExtra.campaign || {}).name, 'N/A');
+    }
+};
+const handleStoreEvent = (itemEvent, data) => {
+    if (itemEvent.pageType === 'visit') {
+        data.step_section = itemEvent.extra.step_section;
+    }
+};
+const handleScreenviewEvent = (itemEvent, validateExtra, data) => {
+    if (itemEvent.pageType === 'view' && validateExtra.screen_type) {
+        data.screen_type = validateExtra.screen_type;
+        // Add event_source_name from insightPropertyName
+        data.event_source_name = safeParse(itemEvent.insightPropertyName, 'N/A');
+    }
+};
+const handleEventTrackingCode = (eventTracking, keyTitleEvent, validateExtra, valuesReplace, infoEvent, config) => {
+    const { story = {} } = validateExtra;
+    if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'promotion_code_sent_tracking') {
+        valuesReplace.promotion_code = valuesReplace.event_name;
+        delete valuesReplace.event_name;
+        valuesReplace.journey_name = `<a  class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
+        if (validateExtra.channel &&
+            mapTranslateCode.promotion_code_sent_tracking[parseInt(validateExtra.channel.id)]) {
+            infoEvent.translateCode =
+                mapTranslateCode.promotion_code_sent_tracking[parseInt(validateExtra.channel.id)].translateLabel;
+        }
+    }
+    else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'promotion_code_used_tracking') {
+        valuesReplace.promotion_code = valuesReplace.event_name;
+        delete valuesReplace.event_name;
+        infoEvent.translateCode = translations._EVENT_CODE_USED_SMS;
+    }
+    else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'viewable_advertising') {
+        valuesReplace.journey_name = `<a  class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
+        delete valuesReplace.campaign_name;
+        if (validateExtra.channel &&
+            mapTranslateCode.viewable_advertising[parseInt(validateExtra.channel.id)]) {
+            infoEvent.translateCode =
+                mapTranslateCode.viewable_advertising[parseInt(validateExtra.channel.id)].translateLabel;
+        }
+    }
+    else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'impression_advertising') {
+        valuesReplace.journey_name = `<a class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
+        delete valuesReplace.campaign_name;
+        if (validateExtra.channel &&
+            mapTranslateCode.impression_advertising[parseInt(validateExtra.channel.id)]) {
+            infoEvent.translateCode =
+                mapTranslateCode.impression_advertising[parseInt(validateExtra.channel.id)].translateLabel;
+        }
+    }
+    else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'click_advertising') {
+        valuesReplace.journey_name = `<a class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
+        delete valuesReplace.campaign_name;
+        if (validateExtra.channel &&
+            mapTranslateCode.click_advertising[parseInt(validateExtra.channel.id)]) {
+            infoEvent.translateCode =
+                mapTranslateCode.click_advertising[parseInt(validateExtra.channel.id)].translateLabel;
+        }
+    }
+    else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'sent_tracking') {
+        valuesReplace.journey_name = `<a class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
+        delete valuesReplace.campaign_name;
+        if (validateExtra.channel &&
+            mapTranslateCode.sent_tracking[parseInt(validateExtra.channel.id)]) {
+            infoEvent.translateCode =
+                mapTranslateCode.sent_tracking[parseInt(validateExtra.channel.id)].translateLabel;
+        }
+    }
+    else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'journey_bo_update_info') {
+        valuesReplace.journey_name = `<strong>${story.storyName}</strong>`;
+        delete valuesReplace.campaign_name;
+        infoEvent.translateCode = translations._EVENT_BO_UPDATE;
+    }
+};
+const prepareInitialData = (itemEvent, eType, eventTracking, customerName) => {
     const keyTitleEvent = `${itemEvent.eventCategoryId}@@${itemEvent.eventActionId}`;
     const validateExtra = itemEvent.extra || {};
     const promotionCodes = itemEvent.items
@@ -127,142 +295,64 @@ export const getInfoEvent = (eType, itemEvent, eventTracking, customerName, conf
         .map((item) => item.name || item.id)
         .join(', ');
     let titleEvent = `${itemEvent.pageType} ${eType}`;
-    let infoEvent = DATA_EVENT.map[titleEvent];
     titleEvent = `${titleEvent}${promotionCodes.length > 0
         ? `: <strong style="color: rgb(239, 51, 63);">${promotionCodes}</strong>`
         : ''}`;
-    const data = {};
-    data.event_name = titleEvent;
+    const data = {
+        event_name: titleEvent,
+        customer_name: customerName === '_THIS_PERSON_UPPERCASE'
+            ? translate(translations._THIS_PERSON_UPPERCASE, 'This user')
+            : customerName,
+    };
     if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'promotion_code_sent_tracking' ||
         eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'promotion_code_used_tracking') {
         data.event_name = `<strong style="color: rgb(239, 51, 63);">${promotionCodes}</strong>`;
     }
-    data.customer_name =
-        customerName === '_THIS_PERSON_UPPERCASE'
-            ? translate(translations._THIS_PERSON_UPPERCASE, 'This user')
-            : customerName;
-    if (eventTracking.map[keyTitleEvent]) {
-        titleEvent = eventTracking.map[keyTitleEvent].translateLabel;
-    }
     if (validateExtra.store !== undefined) {
         const { store_link } = getStoreLinkAndNumberProduct(validateExtra, itemEvent);
         data.store_link = store_link;
     }
-    // ETYPE === PRODUCT
+    return { keyTitleEvent, validateExtra, titleEvent, data, promotionCodes };
+};
+const processEventByType = (eType, itemEvent, validateExtra, data) => {
     if (eType === 'product') {
-        let listProductName = 'N/A';
-        listProductName = getProductName(itemEvent.items);
-        data.product_name = listProductName;
-        if (itemEvent.pageType === 'order_completed') {
-            // PAGETYPE ORDER_COMPLETE
-            data.order_id = validateExtra.order_id || 'N/A';
-        }
-        else if (itemEvent.pageType === 'purchase') {
-            // PAGETYPE PURCHASE
-            data.order_id = validateExtra.order_id || 'N/A';
-            data.num_of_products = itemEvent.items.length || 'N/A';
-        }
-        else if (itemEvent.pageType === 'search') {
-            // PAGETYPE SEARCH
-            data.keywords = validateExtra.src_search_term || 'N/A';
-        }
-        else if (itemEvent.pageType === 'product_list_view') {
-            // PAGETYPE PRODUCT_LIST_VIEW
-            data.product_list = getProductName(itemEvent.items);
-        }
-        else if (itemEvent.pageType === 'click' ||
-            itemEvent.pageType === 'view' ||
-            itemEvent.pageType === 'add_to_cart') {
-            // PAGETYPE CLICK OR VIEW
-            // eslint-disable-next-line no-console
-            console.log('itemEvent.items[0]', itemEvent);
-            data.product_name = getStringHtmlByType(itemEvent.items[0], eType);
-        }
+        handleProductEvent(itemEvent, validateExtra, data, eType);
     }
     else if (eType === 'order') {
-        // PAGETYPE ORDER
-        data.order_id = safeParse(validateExtra.order_id, 'N/A');
+        handleOrderEvent(validateExtra, data);
     }
     else if (eType === 'transaction') {
-        // ETYPE TRANSACTION
-        if (itemEvent.pageType === 'purchase') {
-            data.order_id = safeParse(validateExtra.order_id, 'N/A');
-            const { num_of_products } = getStoreLinkAndNumberProduct(validateExtra, itemEvent);
-            data.num_of_products = num_of_products;
-        }
-        else {
-            // PAGETYPE PURCHASE_OFFLINE
-            data.transaction_id = safeParse(validateExtra.transaction_id, 'N/A');
-            const { num_of_products, store_link } = getStoreLinkAndNumberProduct(validateExtra, itemEvent);
-            data.num_of_products = num_of_products;
-            data.store_link = store_link;
-        }
+        handleTransactionEvent(itemEvent, validateExtra, data);
     }
     else if (eType === 'page' || eType === 'pageview') {
-        // ETYPE PAGE OR PAGEVIEW
-        if (itemEvent.pageType === 'view') {
-            // PAGETYPE VIEW
-            data.page_name = getStringHtmlByType(itemEvent.items[0], eType);
-        }
+        handlePageEvent(itemEvent, data);
     }
     else if (eType === 'ticket') {
-        // ETYPE TICKET
-        if (itemEvent.pageType === 'send') {
-            // PAGETYPE SEND
-            data.array_ticket_names = getProductName(itemEvent.items);
-        }
+        handleTicketEvent(itemEvent, data);
     }
     else if (eType === 'conversation') {
-        // ETYPE CONVERSATION
-        if (itemEvent.pageType === 'chat') {
-            // PAGETYPE CHAT
-            data.channel_name = itemEvent.items[0].category || 'N/A';
-        }
+        handleConversationEvent(itemEvent, data);
     }
     else if (eType === 'user') {
-        // ETYPE USER
-        if (itemEvent.pageType === 'identify' || itemEvent.pageType === 'reset_anonymous_id') {
-            // PAGETYPE IDENTIFY OR RESET_ANONYMUS_ID
-            data.user_id = itemEvent.userId;
-        }
-        else if (itemEvent.pageType === 'redeem_point' || itemEvent.pageType === 'earn_point') {
-            // PAGETYPE REDEEM_POINT OR EARN_POINT
-            data.x_point = validateExtra.point || 'N/A';
-            data.transaction_id = validateExtra.transaction_id || 'N/A';
-            const { store_link } = getStoreLinkAndNumberProduct(validateExtra, itemEvent);
-            data.store_link = store_link;
-        }
+        handleUserEvent(itemEvent, validateExtra, data);
     }
     else if (eType === 'advertising') {
-        // ETYPE ADVERTISING
-        if (itemEvent.pageType === 'impression' ||
-            itemEvent.pageType === 'viewable' ||
-            itemEvent.pageType === 'click') {
-            // PAGETYPE IMPRESSION , VIEWABLE, CLICK
-            data.campaign_name = safeParse(validateExtra.utm_campaign, 'N/A');
-        }
+        handleAdvertisingEvent(itemEvent, validateExtra, data);
     }
     else if (eType === 'browsing') {
-        if (itemEvent.pageType === 'product_search') {
-            data.keyword = safeParse(validateExtra.src_search_term, '');
-        }
+        handleBrowsingEvent(itemEvent, validateExtra, data);
     }
     else if (eType === 'evoucher') {
-        if (itemEvent.pageType === 'received') {
-            data.x_code = safeParse(validateExtra.coupon_code, 'N/A');
-            data.campaign_name = safeParse((validateExtra.campaign || {}).name, 'N/A');
-        }
+        handleEvoucherEvent(itemEvent, validateExtra, data);
     }
     else if (eType === 'store') {
-        if (itemEvent.pageType === 'visit') {
-            data.step_section = itemEvent.extra.step_section;
-        }
+        handleStoreEvent(itemEvent, data);
     }
     else if (eType === 'screenview') {
-        if (itemEvent.pageType === 'view' && validateExtra.screen_type) {
-            data.screen_type = validateExtra.screen_type;
-        }
+        handleScreenviewEvent(itemEvent, validateExtra, data);
     }
+};
+const buildInfoEvent = (infoEvent, eventTracking, keyTitleEvent, validateExtra, data, config) => {
     let valuesReplace = {};
     if (infoEvent) {
         infoEvent.iconName = get(eventTracking, `map.${keyTitleEvent}.iconUrl`);
@@ -281,66 +371,12 @@ export const getInfoEvent = (eType, itemEvent, eventTracking, customerName, conf
             iconName: eventTracking.map[keyTitleEvent]?.iconUrl,
             showRedeem: false,
         };
-        const { story = {} } = validateExtra;
-        // data.event_name = titleEvent;
         valuesReplace = getValuesReplace(infoEvent.objectReplace, data);
-        if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'promotion_code_sent_tracking') {
-            valuesReplace.promotion_code = valuesReplace.event_name;
-            delete valuesReplace.event_name;
-            valuesReplace.journey_name = `<a  class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
-            if (validateExtra.channel &&
-                mapTranslateCode.promotion_code_sent_tracking[parseInt(validateExtra.channel.id)]) {
-                infoEvent.translateCode =
-                    mapTranslateCode.promotion_code_sent_tracking[parseInt(validateExtra.channel.id)].translateLabel;
-            }
-        }
-        else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'promotion_code_used_tracking') {
-            valuesReplace.promotion_code = valuesReplace.event_name;
-            delete valuesReplace.event_name;
-            infoEvent.translateCode = translations._EVENT_CODE_USED_SMS;
-        }
-        else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'viewable_advertising') {
-            valuesReplace.journey_name = `<a  class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
-            delete valuesReplace.campaign_name;
-            if (validateExtra.channel &&
-                mapTranslateCode.viewable_advertising[parseInt(validateExtra.channel.id)]) {
-                infoEvent.translateCode =
-                    mapTranslateCode.viewable_advertising[parseInt(validateExtra.channel.id)].translateLabel;
-            }
-        }
-        else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'impression_advertising') {
-            valuesReplace.journey_name = `<a class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
-            delete valuesReplace.campaign_name;
-            if (validateExtra.channel &&
-                mapTranslateCode.impression_advertising[parseInt(validateExtra.channel.id)]) {
-                infoEvent.translateCode =
-                    mapTranslateCode.impression_advertising[parseInt(validateExtra.channel.id)].translateLabel;
-            }
-        }
-        else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'click_advertising') {
-            valuesReplace.journey_name = `<a class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
-            delete valuesReplace.campaign_name;
-            if (validateExtra.channel &&
-                mapTranslateCode.click_advertising[parseInt(validateExtra.channel.id)]) {
-                infoEvent.translateCode =
-                    mapTranslateCode.click_advertising[parseInt(validateExtra.channel.id)].translateLabel;
-            }
-        }
-        else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'sent_tracking') {
-            valuesReplace.journey_name = `<a class="title-have-url" href=${urlJourney(validateExtra, config)} target="_blank">${story.storyName}</a>`;
-            delete valuesReplace.campaign_name;
-            if (validateExtra.channel &&
-                mapTranslateCode.sent_tracking[parseInt(validateExtra.channel.id)]) {
-                infoEvent.translateCode =
-                    mapTranslateCode.sent_tracking[parseInt(validateExtra.channel.id)].translateLabel;
-            }
-        }
-        else if (eventTracking.map[keyTitleEvent]?.eventTrackingCode === 'journey_bo_update_info') {
-            valuesReplace.journey_name = `<strong>${story.storyName}</strong>`;
-            delete valuesReplace.campaign_name;
-            infoEvent.translateCode = translations._EVENT_BO_UPDATE;
-        }
+        handleEventTrackingCode(eventTracking, keyTitleEvent, validateExtra, valuesReplace, infoEvent, config);
     }
+    return { infoEvent, valuesReplace };
+};
+const buildFullContentEvent = (infoEvent, titleEvent, valuesReplace, data) => {
     let fullContentEvent = translate(infoEvent.translateCode, titleEvent, valuesReplace);
     if (infoEvent.objectReplace.includes('store_link') === false && data.store_link !== undefined) {
         fullContentEvent += ` ${translateAt} <strong style="color: rgb(239, 51, 63);">${data.store_link}</strong>`;
@@ -348,6 +384,9 @@ export const getInfoEvent = (eType, itemEvent, eventTracking, customerName, conf
     else if (data.step_section) {
         fullContentEvent += ` ${translateAt} <strong style="color: rgb(239, 51, 63);">${data.step_section}</strong>`;
     }
+    return fullContentEvent;
+};
+const calculateSlideSettings = (itemEvent, infoEvent) => {
     let perShow = 2;
     if (itemEvent.items.length > 0 && itemEvent.items[0].item_type === 'product') {
         perShow = itemEvent.items.length < 2 ? itemEvent.items.length : 2;
@@ -358,6 +397,28 @@ export const getInfoEvent = (eType, itemEvent, eventTracking, customerName, conf
             limitShowSlide = infoEvent.limitShowSlide;
         }
     }
+    return { perShow, limitShowSlide };
+};
+export const getInfoEvent = (params) => {
+    const { eType, itemEvent, eventTracking, config, customerName: customerNameParam } = params;
+    const customerName = customerNameParam || '_THIS_PERSON_UPPERCASE';
+    // Step 1: Prepare initial data and extract common fields
+    const { keyTitleEvent, validateExtra, titleEvent: initialTitleEvent, data, } = prepareInitialData(itemEvent, eType, eventTracking, customerName);
+    // Step 2: Update titleEvent if eventTracking has a mapping
+    let titleEvent = initialTitleEvent;
+    if (eventTracking.map[keyTitleEvent]) {
+        titleEvent = eventTracking.map[keyTitleEvent].translateLabel;
+    }
+    // Step 3: Process event based on eType
+    processEventByType(eType, itemEvent, validateExtra, data);
+    // Step 4: Build infoEvent and valuesReplace
+    let infoEvent = DATA_EVENT.map[`${itemEvent.pageType} ${eType}`];
+    const { infoEvent: processedInfoEvent, valuesReplace } = buildInfoEvent(infoEvent, eventTracking, keyTitleEvent, validateExtra, data, config);
+    infoEvent = processedInfoEvent;
+    // Step 5: Build full content event text
+    const fullContentEvent = buildFullContentEvent(infoEvent, titleEvent, valuesReplace, data);
+    // Step 6: Calculate slide settings
+    const { perShow, limitShowSlide } = calculateSlideSettings(itemEvent, infoEvent);
     return {
         titleEvent,
         fullContentEvent,