@antscorp/antsomi-ui 2.0.109 → 2.0.110

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

@@ -1,7 +1,7 @@
 /* eslint-disable no-underscore-dangle */
 import { DATA_EVENT, mapTranslateCode } from './constants';
 import { get } from 'lodash';
-import { translate, translations } from '@antscorp/antsomi-ui/es/locales';
+import { translate, translations } from '@antscorp/antsomi-locales';
 import { safeParse } from '@antscorp/antsomi-ui/es/utils';
 import { formatDate, formatUTCDateTZ } from '@antscorp/antsomi-ui/es/utils/date';
 import { getPortalFormatDateTimeLong, getPortalTimeZone, } from '@antscorp/antsomi-ui/es/utils/portal';
@@ -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,176 @@ 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 pageType = safeParse(validateExtra.page_type, '');
+        // Use page_title if available, otherwise fallback to location_url
+        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>`;
+        }
+        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') {
+        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) => {
+    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 +296,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 +372,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 +385,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 +398,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,

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

@@ -6,41 +6,41 @@ import { Tabs } from '@antscorp/antsomi-ui/es/components/molecules/Tabs';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 export const AlgorithmsSettingWrapper = styled.div ``;
-export const StyledTabs = styled(Tabs) `
-  margin-top: 8px !important;
-  width: 100%;
-
-  & .antsomi-tabs-nav {
-    margin-bottom: 16px !important;
-  }
-
-  .antsomi-tabs-nav-list {
-    height: 36px;
-
-    .antsomi-tabs-tab {
-      padding: 0px 1.25rem;
-    }
-  }
-  .antsomi-tabs-tab-btn {
-    font-size: ${THEME.token?.fontSize}px;
-  }
+export const StyledTabs = styled(Tabs) `
+  margin-top: 8px !important;
+  width: 100%;
+
+  & .antsomi-tabs-nav {
+    margin-bottom: 16px !important;
+  }
+
+  .antsomi-tabs-nav-list {
+    height: 36px;
+
+    .antsomi-tabs-tab {
+      padding: 0px 1.25rem;
+    }
+  }
+  .antsomi-tabs-tab-btn {
+    font-size: ${THEME.token?.fontSize}px;
+  }
 `;
-export const AlgorithmWrapper = styled.div `
-  display: grid;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 4px 8px;
-
-  margin-top: 0;
-  grid-template-columns: ${props => (props.mode === 'CDP' ? '192px 1fr 30px' : '1fr 1fr 30px')};
-  .antsomi-select-selector {
-    border-top: 0 !important;
-    border-left: 0 !important;
-    border-right: 0 !important;
-  }
+export const AlgorithmWrapper = styled.div `
+  display: grid;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 4px 8px;
+
+  margin-top: 0;
+  grid-template-columns: ${props => (props.mode === 'CDP' ? '192px 1fr 30px' : '1fr 1fr 30px')};
+  .antsomi-select-selector {
+    border-top: 0 !important;
+    border-left: 0 !important;
+    border-right: 0 !important;
+  }
 `;
-export const StyledSelect = styled(Select) `
-  .antsomi-select-selector {
-    height: auto;
-  }
+export const StyledSelect = styled(Select) `
+  .antsomi-select-selector {
+    height: auto;
+  }
 `;

package/es/components/organism/BasicLogin/components/ChooseMethod/styled.js

@@ -1,24 +1,24 @@
 import { Flex } from 'antd';
 import styled from 'styled-components';
-export const TextInfo = styled.span `
-  color: #7f7f7f;
-  font-size: ${(props) => (props.isMobile ? ' 13px !important' : '11px')};
+export const TextInfo = styled.span `
+  color: #7f7f7f;
+  font-size: ${(props) => (props.isMobile ? ' 13px !important' : '11px')};
 `;
-export const SubTitle = styled.span `
-  color: #005eb8;
-  font-size: ${(props) => (props.isMobile ? ' 16px ' : '14px')};
-  font-weight: 500;
+export const SubTitle = styled.span `
+  color: #005eb8;
+  font-size: ${(props) => (props.isMobile ? ' 16px ' : '14px')};
+  font-weight: 500;
 `;
-export const BlockMethod = styled(Flex) `
-  align-items: center;
-  gap: 10px;
-  padding: 10px;
-  cursor: ${props => (props.disable ? 'not-allowed' : 'pointer')};
-  border-radius: 10px;
-
-  opacity: ${props => (props.disable ? '0.5' : '1')};
-
-  &:hover {
-    background-color: ${props => (props.disable ? '#f2f2f2' : '#e6f0ff')};
-  }
+export const BlockMethod = styled(Flex) `
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  cursor: ${props => (props.disable ? 'not-allowed' : 'pointer')};
+  border-radius: 10px;
+
+  opacity: ${props => (props.disable ? '0.5' : '1')};
+
+  &:hover {
+    background-color: ${props => (props.disable ? '#f2f2f2' : '#e6f0ff')};
+  }
 `;

package/es/components/organism/BasicLogin/components/LoginWithEmail/styled.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-export const TextInfo = styled.span `
-  color: #7f7f7f;
-  font-size: ${(props) => (props.isMobile ? ' 13px !important' : '11px')};
+export const TextInfo = styled.span `
+  color: #7f7f7f;
+  font-size: ${(props) => (props.isMobile ? ' 13px !important' : '11px')};
 `;

package/es/components/organism/BasicLogin/components/LoginWithGG/styled.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-export const TextInfo = styled.span `
-  color: #7f7f7f;
-  font-size: ${(props) => (props.isMobile ? ' 13px !important' : '11px')};
+export const TextInfo = styled.span `
+  color: #7f7f7f;
+  font-size: ${(props) => (props.isMobile ? ' 13px !important' : '11px')};
 `;

package/es/components/organism/BasicLogin/components/SignIn/styled.js

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
-export const Wrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 40px;
-
-  width: 100%;
-
-  ${(props) => !props.isMobile ? 'padding: 100px 50px' : ' padding: 100px 30px'}
+export const Wrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+
+  width: 100%;
+
+  ${(props) => !props.isMobile ? 'padding: 100px 50px' : ' padding: 100px 30px'}
 `;