@antscorp/antsomi-ui 1.3.5-beta.13 → 1.3.5-beta.14

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

@@ -1,396 +1,396 @@
-/* eslint-disable prefer-regex-literals */
-// Libraries
-import dayjs from 'dayjs';
-import currencyFormatter from 'currency-formatter';
-import { has, get, set } from 'lodash';
-// Json
-import Currencies from './currencies.json';
-// Constants
-import { ATTRIBUTE_STATUS, BO_STATUS, DYNAMIC_CONTENT_TYPE } from './constants';
-// Models
-import { ListAttribute } from '@antscorp/antsomi-ui/es/models/BusinessObject';
-export function getStringFormatDateDF(formatSettings) {
-    const { hasDateFormat, hasTimeFormat, timeParseFormat, dateParseFormat, timeParseOption, dateParseOption, } = formatSettings;
-    let dateFormat = '';
-    let timeFormat = '';
-    if (hasDateFormat) {
-        switch (dateParseFormat) {
-            case 'MM/DD/YYYY':
-                if (dateParseOption === 'short')
-                    dateFormat = 'MM/DD/YYYY';
-                if (dateParseOption === 'medium')
-                    dateFormat = 'MMM DD, YYYY';
-                if (dateParseOption === 'long')
-                    dateFormat = 'MMMM DD, YYYY';
-                break;
-            case 'DD/MM/YYYY':
-                if (dateParseOption === 'short')
-                    dateFormat = 'DD/MM/YYYY';
-                if (dateParseOption === 'medium')
-                    dateFormat = 'DD MMM, YYYY';
-                if (dateParseOption === 'long')
-                    dateFormat = 'DD MMMM, YYYY';
-                break;
-            case 'YYYY/MM/DD':
-                if (dateParseOption === 'short')
-                    dateFormat = 'YYYY/MM/DD';
-                if (dateParseOption === 'medium')
-                    dateFormat = 'YYYY, MMM DD';
-                if (dateParseOption === 'long')
-                    dateFormat = 'YYYY, MMMM DD';
-                break;
-            default:
-                break;
-        }
-    }
-    if (hasTimeFormat) {
-        if (timeParseFormat === '12hour') {
-            if (timeParseOption === 'short')
-                timeFormat = 'h:mm A';
-            if (timeParseOption === 'medium')
-                timeFormat = 'h:mm:ss A';
-            if (timeParseOption === 'long')
-                timeFormat = 'h:mm:ss A [GMT]';
-        }
-        else {
-            if (timeParseOption === 'short')
-                timeFormat = 'H:mm';
-            if (timeParseOption === 'medium')
-                timeFormat = 'H:mm:ss';
-            if (timeParseOption === 'long')
-                timeFormat = 'H:mm:ss [GMT]';
-        }
-    }
-    return `${dateFormat} ${timeFormat}`;
-}
-export function formatDatetimeDF(date, formatSettings) {
-    var _a, _b;
-    let formatedDate = '';
-    const timezone = Math.round(dayjs(date).utcOffset() / 60);
-    const prefix = timezone > 0 ? '+' : '';
-    if (dayjs(date).isValid()) {
-        formatedDate = dayjs(date)
-            .locale(formatSettings.language || 'en')
-            .format(getStringFormatDateDF(formatSettings));
-        return (_a = formatedDate.replace(/\W*(GMT)\W*/, ` GMT ${prefix}${timezone}`)) === null || _a === void 0 ? void 0 : _a.trim();
-    }
-    return (_b = date.toString()) === null || _b === void 0 ? void 0 : _b.trim();
-}
-export function formatNumberDF(number, fType, fOptions = {
-    grouping: ',',
-    decimal: '.',
-    decimalPlaces: 0,
-    isCompact: false,
-    currencyCode: 'USD',
-    prefixType: 'code',
-}) {
-    const { grouping, decimal, decimalPlaces, isCompact, currencyCode, prefixType } = fOptions;
-    const result = {
-        textNumberFormated: String(number),
-        hasSymbol: false,
-        symbol: '',
-        symbolOnLeft: false,
-    };
-    if (isCompact) {
-        // 1234.56 => 1.23K
-        const lookup = [
-            { value: 1, symbol: '' },
-            { value: 1e3, symbol: 'K' },
-            { value: 1e6, symbol: 'M' },
-            { value: 1e9, symbol: 'G' },
-            { value: 1e12, symbol: 'T' },
-            { value: 1e15, symbol: 'P' },
-            { value: 1e18, symbol: 'E' },
-        ];
-        const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-        const item = lookup
-            .slice()
-            .reverse()
-            .find(item => {
-            if (number >= 0) {
-                return number >= item.value;
-            }
-            return number <= item.value * -1;
-        });
-        let formatedCompactNumber;
-        if (item) {
-            const compactNumber = (number / item.value).toFixed(decimalPlaces).replace(rx, '$1');
-            formatedCompactNumber =
-                currencyFormatter.format(Number(compactNumber), {
-                    decimal,
-                    precision: decimalPlaces,
-                }) + item.symbol;
-        }
-        else {
-            formatedCompactNumber = '0';
-        }
-        // 1.23K => 1.23K | 1.23% | 1.23K USD | $1.23K
-        result.textNumberFormated = formatedCompactNumber;
-    }
-    else {
-        result.textNumberFormated = currencyFormatter.format(number, {
-            thousand: grouping === 'none' ? '' : grouping,
-            decimal,
-            precision: decimalPlaces,
-        });
-    }
-    switch (fType) {
-        case 'percentage':
-            result.hasSymbol = true;
-            result.symbol = '%';
-            break;
-        case 'currency': {
-            result.hasSymbol = true;
-            switch (prefixType) {
-                case 'symbol': {
-                    const currency = Currencies[currencyCode];
-                    if (currency) {
-                        result.symbol = currency.symbol;
-                        result.symbolOnLeft = currency.symbolOnLeft;
-                    }
-                    break;
-                }
-                case 'code': {
-                    result.symbol = ` ${currencyCode}`;
-                    break;
-                }
-                default: {
-                    break;
-                }
-            }
-            break;
-        }
-        default: {
-            break;
-        }
-    }
-    let html = result.textNumberFormated;
-    if (result.hasSymbol) {
-        if (result.symbolOnLeft) {
-            html = `${result.symbol}${html}`;
-        }
-        else {
-            html = `${html}${result.symbol}`;
-        }
-    }
-    return html;
-}
-export function getAvailableAttrs(listAttribute) {
-    return (listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.filter(({ status }) => !ATTRIBUTE_STATUS[+status])) || [];
-}
-export const regexCSType = new RegExp(/^content-source::.*/);
-export const serilizeBOAttr = (data, additionalAttrProperties) => {
-    var _a;
-    const { rows = [] } = data || {};
-    return (((_a = rows[0]) === null || _a === void 0 ? void 0 : _a.properties.map((item) => {
-        const temp = {
-            value: item.itemPropertyName,
-            label: item.translateLabel,
-            status: item.status,
-            disabled: parseInt(item.status) === 4,
-            dataType: item.dataType,
-        };
-        additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
-            if (has(item, propName)) {
-                temp[propName] = item[propName];
-            }
-        });
-        return temp;
-    })) || []);
-};
-export const serializeCSSelectedString = (value = '') => {
-    const [contentSourceKey = '', groupId = '', itemTypeId] = value.split('::');
-    return {
-        contentSourceKey,
-        groupId,
-        itemTypeId: Number(itemTypeId),
-    };
-};
-export const serilizeDynamicContentAttr = (attrs = [], language, additionalAttrProperties) => attrs.map(attr => {
-    const temp = {
-        label: attr.label[language && language.toUpperCase()] ||
-            attr.label[get(attr, 'label.DEFAULT_LANG')] ||
-            attr.defaultLabel,
-        value: attr.value,
-        dataType: attr.dataType,
-        disabled: parseInt(attr.status) === 4,
-        status: attr.status,
-    };
-    additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
-        if (has(attr, propName))
-            temp[propName] = attr[propName];
-    });
-    return temp;
-});
-export const serilizeEventAttr = (attrs = [], language, additionalAttrProperties) => attrs.map(row => {
-    var _a;
-    const event = new ListAttribute(row);
-    const temp = {
-        value: `${event.id}`,
-        itemTypeId: event.itemTypeId,
-        propertyName: event.eventPropertyName,
-        label: event.eventPropertyDisplay,
-        status: 1,
-        dataType: event.dataType,
-        type: event.propertyType,
-        children: [],
-    };
-    const tempChildren = (_a = event.items) === null || _a === void 0 ? void 0 : _a.map((child) => {
-        const tempChildrenItem = {
-            value: `${event.id}.${child.itemPropertyName}`,
-            itemTypeId: child.itemTypeId,
-            itemTypeName: event.itemTypeName,
-            propertyName: child.itemPropertyName,
-            eventPropertySyntax: child.eventPropertySyntax,
-            label: child.propertyDisplayMultilang[language] ||
-                child.propertyDisplayMultilang[get(child, "propertyDisplayMultilang['DEFAULT_LANG']")] ||
-                child.itemPropertyDisplay,
-            children: [],
-            status: +child.status,
-            type: +child.type,
-            dataType: child.dataType,
-        };
-        additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
-            if (has(child, propName))
-                set(tempChildrenItem, propName, child[propName]);
-        });
-        return tempChildrenItem;
-    });
-    additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
-        if (has(event, propName))
-            set(temp, propName, event[propName]);
-    });
-    set(temp, 'children', tempChildren);
-    return temp;
-});
-export const serilizePromotionPool = (data, additionalAttrProperties) => data.rows.map((pool) => {
-    const temp = {
-        label: pool.name,
-        value: pool.code,
-    };
-    additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
-        if (has(pool, propName))
-            temp[propName] = pool[propName];
-    });
-    return temp;
-});
-export const CUSTOM_TYPE = {
-    index: 0,
-    label: 'Custom Function',
-    value: 'custom',
-};
-export const buildOptionAttrArchive = (list, selected) => {
-    const arrSelected = Array.isArray(selected) ? selected : [selected];
-    const result = (list === null || list === void 0 ? void 0 : list.filter(each => parseInt(each.status) !== 4 || arrSelected.includes(each.value))) || [];
-    return result;
-};
-export const checkStatusAttr = ({ listBO, itemTypeId, listAttribute, field, }) => {
-    let errorMessage = '';
-    let isDisable = false;
-    const isEmptyField = !field || (Array.isArray(field) && !field.length);
-    // If field is empty, listAttribute is empty array then return empty errorMessage
-    if (isEmptyField || !(listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.length)) {
-        return {
-            errorMessage: '',
-            isDisable: false,
-        };
-    }
-    const selectedAttrs = listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.filter(bo => Array.isArray(field) ? field.includes(bo.value) : bo.value === field);
-    if (!(selectedAttrs === null || selectedAttrs === void 0 ? void 0 : selectedAttrs.length)) {
-        errorMessage = ATTRIBUTE_STATUS.DELETE.errorMessage;
-    }
-    else {
-        if (selectedAttrs.some(selectedAttr => ATTRIBUTE_STATUS[selectedAttr.status])) {
-            errorMessage = ATTRIBUTE_STATUS[4].errorMessage;
-        }
-    }
-    if (Array.isArray(listBO) && !!itemTypeId) {
-        const selectedBO = listBO === null || listBO === void 0 ? void 0 : listBO.find(bo => bo.value === itemTypeId);
-        if (!selectedBO) {
-            errorMessage = BO_STATUS.DELETE.errorMessage;
-            isDisable = true;
-        }
-        else {
-            if (BO_STATUS[selectedBO.status]) {
-                errorMessage = BO_STATUS[selectedBO.status].errorMessage;
-                isDisable = true;
-            }
-        }
-    }
-    return { errorMessage, isDisable };
-};
-export function serializeLabelToCode(name) {
-    // console.log('name', name);
-    return name
-        .toLocaleLowerCase()
-        .replace(/ /g, '_')
-        .replace(/[^\w]/g, '')
-        .replace(/^(\d|aud|sgmt|_)+/g, '');
-}
-export const buildMappingFields = (dynamicItem, isFormatNumber = false, key = '') => {
-    if (!dynamicItem || !dynamicItem.type) {
-        return '';
-    }
-    const { type, attribute, index, pool } = dynamicItem;
-    if (attribute === null || attribute === void 0 ? void 0 : attribute.value) {
-        const keySurfix = isFormatNumber ? `.format("${key}")` : '';
-        switch (true) {
-            case type === DYNAMIC_CONTENT_TYPE.EVENT_ATTRIBUTE.value:
-                if (index != null) {
-                    return `event.${attribute.itemTypeName}[${index}].${attribute.propertyName}${keySurfix}`;
-                }
-                return `event.${attribute.value}${keySurfix}`;
-            case type === DYNAMIC_CONTENT_TYPE.VISITOR_ATTRIBUTE.value:
-                return `visitor.${attribute.value}${keySurfix}`;
-            case type === DYNAMIC_CONTENT_TYPE.CUSTOMER_ATTRIBUTE.value:
-                return `customer.${attribute.value}${keySurfix}`;
-            case type === DYNAMIC_CONTENT_TYPE.PROMOTION_CODE.value:
-                return pool ? `promotion_code.${pool}.${attribute.value}${keySurfix}` : '';
-            case regexCSType.test(type): {
-                const { groupId } = serializeCSSelectedString(type);
-                return index || index === 0
-                    ? `groups.${groupId}[${index}].${attribute.value}${keySurfix}`
-                    : '';
-            }
-            case type === DYNAMIC_CONTENT_TYPE.BO_SETTINGS.value:
-                return index || index === 0 ? `items[${index}].${attribute.value}${keySurfix}` : '';
-            case type === 'custom':
-                return `#{custom.${attribute.value}}`;
-            default:
-                return '';
-        }
-    }
-    return '';
-};
-export const transformDateFormat = (dateParseFormat, dateParseOption) => {
-    let dateFormat = '';
-    switch (dateParseFormat) {
-        case 'MM/DD/YYYY':
-            if (dateParseOption === 'short')
-                dateFormat = 'MM/DD/YYYY';
-            if (dateParseOption === 'medium')
-                dateFormat = 'MMM DD, YYYY';
-            if (dateParseOption === 'long')
-                dateFormat = 'MMMM DD, YYYY';
-            break;
-        case 'DD/MM/YYYY':
-            if (dateParseOption === 'short')
-                dateFormat = 'DD/MM/YYYY';
-            if (dateParseOption === 'medium')
-                dateFormat = 'DD MMM, YYYY';
-            if (dateParseOption === 'long')
-                dateFormat = 'DD MMMM, YYYY';
-            break;
-        case 'YYYY/MM/DD':
-            if (dateParseOption === 'short')
-                dateFormat = 'YYYY/MM/DD';
-            if (dateParseOption === 'medium')
-                dateFormat = 'YYYY, MMM DD';
-            if (dateParseOption === 'long')
-                dateFormat = 'YYYY, MMMM DD';
-            break;
-        default:
-            break;
-    }
-    return dateFormat;
-};
+/* eslint-disable prefer-regex-literals */
+// Libraries
+import dayjs from 'dayjs';
+import currencyFormatter from 'currency-formatter';
+import { has, get, set } from 'lodash';
+// Json
+import Currencies from './currencies.json';
+// Constants
+import { ATTRIBUTE_STATUS, BO_STATUS, DYNAMIC_CONTENT_TYPE } from './constants';
+// Models
+import { ListAttribute } from '@antscorp/antsomi-ui/es/models/BusinessObject';
+export function getStringFormatDateDF(formatSettings) {
+    const { hasDateFormat, hasTimeFormat, timeParseFormat, dateParseFormat, timeParseOption, dateParseOption, } = formatSettings;
+    let dateFormat = '';
+    let timeFormat = '';
+    if (hasDateFormat) {
+        switch (dateParseFormat) {
+            case 'MM/DD/YYYY':
+                if (dateParseOption === 'short')
+                    dateFormat = 'MM/DD/YYYY';
+                if (dateParseOption === 'medium')
+                    dateFormat = 'MMM DD, YYYY';
+                if (dateParseOption === 'long')
+                    dateFormat = 'MMMM DD, YYYY';
+                break;
+            case 'DD/MM/YYYY':
+                if (dateParseOption === 'short')
+                    dateFormat = 'DD/MM/YYYY';
+                if (dateParseOption === 'medium')
+                    dateFormat = 'DD MMM, YYYY';
+                if (dateParseOption === 'long')
+                    dateFormat = 'DD MMMM, YYYY';
+                break;
+            case 'YYYY/MM/DD':
+                if (dateParseOption === 'short')
+                    dateFormat = 'YYYY/MM/DD';
+                if (dateParseOption === 'medium')
+                    dateFormat = 'YYYY, MMM DD';
+                if (dateParseOption === 'long')
+                    dateFormat = 'YYYY, MMMM DD';
+                break;
+            default:
+                break;
+        }
+    }
+    if (hasTimeFormat) {
+        if (timeParseFormat === '12hour') {
+            if (timeParseOption === 'short')
+                timeFormat = 'h:mm A';
+            if (timeParseOption === 'medium')
+                timeFormat = 'h:mm:ss A';
+            if (timeParseOption === 'long')
+                timeFormat = 'h:mm:ss A [GMT]';
+        }
+        else {
+            if (timeParseOption === 'short')
+                timeFormat = 'H:mm';
+            if (timeParseOption === 'medium')
+                timeFormat = 'H:mm:ss';
+            if (timeParseOption === 'long')
+                timeFormat = 'H:mm:ss [GMT]';
+        }
+    }
+    return `${dateFormat} ${timeFormat}`;
+}
+export function formatDatetimeDF(date, formatSettings) {
+    var _a, _b;
+    let formatedDate = '';
+    const timezone = Math.round(dayjs(date).utcOffset() / 60);
+    const prefix = timezone > 0 ? '+' : '';
+    if (dayjs(date).isValid()) {
+        formatedDate = dayjs(date)
+            .locale(formatSettings.language || 'en')
+            .format(getStringFormatDateDF(formatSettings));
+        return (_a = formatedDate.replace(/\W*(GMT)\W*/, ` GMT ${prefix}${timezone}`)) === null || _a === void 0 ? void 0 : _a.trim();
+    }
+    return (_b = date.toString()) === null || _b === void 0 ? void 0 : _b.trim();
+}
+export function formatNumberDF(number, fType, fOptions = {
+    grouping: ',',
+    decimal: '.',
+    decimalPlaces: 0,
+    isCompact: false,
+    currencyCode: 'USD',
+    prefixType: 'code',
+}) {
+    const { grouping, decimal, decimalPlaces, isCompact, currencyCode, prefixType } = fOptions;
+    const result = {
+        textNumberFormated: String(number),
+        hasSymbol: false,
+        symbol: '',
+        symbolOnLeft: false,
+    };
+    if (isCompact) {
+        // 1234.56 => 1.23K
+        const lookup = [
+            { value: 1, symbol: '' },
+            { value: 1e3, symbol: 'K' },
+            { value: 1e6, symbol: 'M' },
+            { value: 1e9, symbol: 'G' },
+            { value: 1e12, symbol: 'T' },
+            { value: 1e15, symbol: 'P' },
+            { value: 1e18, symbol: 'E' },
+        ];
+        const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
+        const item = lookup
+            .slice()
+            .reverse()
+            .find(item => {
+            if (number >= 0) {
+                return number >= item.value;
+            }
+            return number <= item.value * -1;
+        });
+        let formatedCompactNumber;
+        if (item) {
+            const compactNumber = (number / item.value).toFixed(decimalPlaces).replace(rx, '$1');
+            formatedCompactNumber =
+                currencyFormatter.format(Number(compactNumber), {
+                    decimal,
+                    precision: decimalPlaces,
+                }) + item.symbol;
+        }
+        else {
+            formatedCompactNumber = '0';
+        }
+        // 1.23K => 1.23K | 1.23% | 1.23K USD | $1.23K
+        result.textNumberFormated = formatedCompactNumber;
+    }
+    else {
+        result.textNumberFormated = currencyFormatter.format(number, {
+            thousand: grouping === 'none' ? '' : grouping,
+            decimal,
+            precision: decimalPlaces,
+        });
+    }
+    switch (fType) {
+        case 'percentage':
+            result.hasSymbol = true;
+            result.symbol = '%';
+            break;
+        case 'currency': {
+            result.hasSymbol = true;
+            switch (prefixType) {
+                case 'symbol': {
+                    const currency = Currencies[currencyCode];
+                    if (currency) {
+                        result.symbol = currency.symbol;
+                        result.symbolOnLeft = currency.symbolOnLeft;
+                    }
+                    break;
+                }
+                case 'code': {
+                    result.symbol = ` ${currencyCode}`;
+                    break;
+                }
+                default: {
+                    break;
+                }
+            }
+            break;
+        }
+        default: {
+            break;
+        }
+    }
+    let html = result.textNumberFormated;
+    if (result.hasSymbol) {
+        if (result.symbolOnLeft) {
+            html = `${result.symbol}${html}`;
+        }
+        else {
+            html = `${html}${result.symbol}`;
+        }
+    }
+    return html;
+}
+export function getAvailableAttrs(listAttribute) {
+    return (listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.filter(({ status }) => !ATTRIBUTE_STATUS[+status])) || [];
+}
+export const regexCSType = new RegExp(/^content-source::.*/);
+export const serilizeBOAttr = (data, additionalAttrProperties) => {
+    var _a;
+    const { rows = [] } = data || {};
+    return (((_a = rows[0]) === null || _a === void 0 ? void 0 : _a.properties.map((item) => {
+        const temp = {
+            value: item.itemPropertyName,
+            label: item.translateLabel,
+            status: item.status,
+            disabled: parseInt(item.status) === 4,
+            dataType: item.dataType,
+        };
+        additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
+            if (has(item, propName)) {
+                temp[propName] = item[propName];
+            }
+        });
+        return temp;
+    })) || []);
+};
+export const serializeCSSelectedString = (value = '') => {
+    const [contentSourceKey = '', groupId = '', itemTypeId] = value.split('::');
+    return {
+        contentSourceKey,
+        groupId,
+        itemTypeId: Number(itemTypeId),
+    };
+};
+export const serilizeDynamicContentAttr = (attrs = [], language, additionalAttrProperties) => attrs.map(attr => {
+    const temp = {
+        label: attr.label[language && language.toUpperCase()] ||
+            attr.label[get(attr, 'label.DEFAULT_LANG')] ||
+            attr.defaultLabel,
+        value: attr.value,
+        dataType: attr.dataType,
+        disabled: parseInt(attr.status) === 4,
+        status: attr.status,
+    };
+    additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
+        if (has(attr, propName))
+            temp[propName] = attr[propName];
+    });
+    return temp;
+});
+export const serilizeEventAttr = (attrs = [], language, additionalAttrProperties) => attrs.map(row => {
+    var _a;
+    const event = new ListAttribute(row);
+    const temp = {
+        value: `${event.id}`,
+        itemTypeId: event.itemTypeId,
+        propertyName: event.eventPropertyName,
+        label: event.eventPropertyDisplay,
+        status: 1,
+        dataType: event.dataType,
+        type: event.propertyType,
+        children: [],
+    };
+    const tempChildren = (_a = event.items) === null || _a === void 0 ? void 0 : _a.map((child) => {
+        const tempChildrenItem = {
+            value: `${event.id}.${child.itemPropertyName}`,
+            itemTypeId: child.itemTypeId,
+            itemTypeName: event.itemTypeName,
+            propertyName: child.itemPropertyName,
+            eventPropertySyntax: child.eventPropertySyntax,
+            label: child.propertyDisplayMultilang[language] ||
+                child.propertyDisplayMultilang[get(child, "propertyDisplayMultilang['DEFAULT_LANG']")] ||
+                child.itemPropertyDisplay,
+            children: [],
+            status: +child.status,
+            type: +child.type,
+            dataType: child.dataType,
+        };
+        additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
+            if (has(child, propName))
+                set(tempChildrenItem, propName, child[propName]);
+        });
+        return tempChildrenItem;
+    });
+    additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
+        if (has(event, propName))
+            set(temp, propName, event[propName]);
+    });
+    set(temp, 'children', tempChildren);
+    return temp;
+});
+export const serilizePromotionPool = (data, additionalAttrProperties) => data.rows.map((pool) => {
+    const temp = {
+        label: pool.name,
+        value: pool.code,
+    };
+    additionalAttrProperties === null || additionalAttrProperties === void 0 ? void 0 : additionalAttrProperties.forEach(propName => {
+        if (has(pool, propName))
+            temp[propName] = pool[propName];
+    });
+    return temp;
+});
+export const CUSTOM_TYPE = {
+    index: 0,
+    label: 'Custom Function',
+    value: 'custom',
+};
+export const buildOptionAttrArchive = (list, selected) => {
+    const arrSelected = Array.isArray(selected) ? selected : [selected];
+    const result = (list === null || list === void 0 ? void 0 : list.filter(each => parseInt(each.status) !== 4 || arrSelected.includes(each.value))) || [];
+    return result;
+};
+export const checkStatusAttr = ({ listBO, itemTypeId, listAttribute, field, }) => {
+    let errorMessage = '';
+    let isDisable = false;
+    const isEmptyField = !field || (Array.isArray(field) && !field.length);
+    // If field is empty, listAttribute is empty array then return empty errorMessage
+    if (isEmptyField || !(listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.length)) {
+        return {
+            errorMessage: '',
+            isDisable: false,
+        };
+    }
+    const selectedAttrs = listAttribute === null || listAttribute === void 0 ? void 0 : listAttribute.filter(bo => Array.isArray(field) ? field.includes(bo.value) : bo.value === field);
+    if (!(selectedAttrs === null || selectedAttrs === void 0 ? void 0 : selectedAttrs.length)) {
+        errorMessage = ATTRIBUTE_STATUS.DELETE.errorMessage;
+    }
+    else {
+        if (selectedAttrs.some(selectedAttr => ATTRIBUTE_STATUS[selectedAttr.status])) {
+            errorMessage = ATTRIBUTE_STATUS[4].errorMessage;
+        }
+    }
+    if (Array.isArray(listBO) && !!itemTypeId) {
+        const selectedBO = listBO === null || listBO === void 0 ? void 0 : listBO.find(bo => bo.value === itemTypeId);
+        if (!selectedBO) {
+            errorMessage = BO_STATUS.DELETE.errorMessage;
+            isDisable = true;
+        }
+        else {
+            if (BO_STATUS[selectedBO.status]) {
+                errorMessage = BO_STATUS[selectedBO.status].errorMessage;
+                isDisable = true;
+            }
+        }
+    }
+    return { errorMessage, isDisable };
+};
+export function serializeLabelToCode(name) {
+    // console.log('name', name);
+    return name
+        .toLocaleLowerCase()
+        .replace(/ /g, '_')
+        .replace(/[^\w]/g, '')
+        .replace(/^(\d|aud|sgmt|_)+/g, '');
+}
+export const buildMappingFields = (dynamicItem, isFormatNumber = false, key = '') => {
+    if (!dynamicItem || !dynamicItem.type) {
+        return '';
+    }
+    const { type, attribute, index, pool } = dynamicItem;
+    if (attribute === null || attribute === void 0 ? void 0 : attribute.value) {
+        const keySurfix = isFormatNumber ? `.format("${key}")` : '';
+        switch (true) {
+            case type === DYNAMIC_CONTENT_TYPE.EVENT_ATTRIBUTE.value:
+                if (index != null) {
+                    return `event.${attribute.itemTypeName}[${index}].${attribute.propertyName}${keySurfix}`;
+                }
+                return `event.${attribute.value}${keySurfix}`;
+            case type === DYNAMIC_CONTENT_TYPE.VISITOR_ATTRIBUTE.value:
+                return `visitor.${attribute.value}${keySurfix}`;
+            case type === DYNAMIC_CONTENT_TYPE.CUSTOMER_ATTRIBUTE.value:
+                return `customer.${attribute.value}${keySurfix}`;
+            case type === DYNAMIC_CONTENT_TYPE.PROMOTION_CODE.value:
+                return pool ? `promotion_code.${pool}.${attribute.value}${keySurfix}` : '';
+            case regexCSType.test(type): {
+                const { groupId } = serializeCSSelectedString(type);
+                return index || index === 0
+                    ? `groups.${groupId}[${index}].${attribute.value}${keySurfix}`
+                    : '';
+            }
+            case type === DYNAMIC_CONTENT_TYPE.BO_SETTINGS.value:
+                return index || index === 0 ? `items[${index}].${attribute.value}${keySurfix}` : '';
+            case type === 'custom':
+                return `#{custom.${attribute.value}}`;
+            default:
+                return '';
+        }
+    }
+    return '';
+};
+export const transformDateFormat = (dateParseFormat, dateParseOption) => {
+    let dateFormat = '';
+    switch (dateParseFormat) {
+        case 'MM/DD/YYYY':
+            if (dateParseOption === 'short')
+                dateFormat = 'MM/DD/YYYY';
+            if (dateParseOption === 'medium')
+                dateFormat = 'MMM DD, YYYY';
+            if (dateParseOption === 'long')
+                dateFormat = 'MMMM DD, YYYY';
+            break;
+        case 'DD/MM/YYYY':
+            if (dateParseOption === 'short')
+                dateFormat = 'DD/MM/YYYY';
+            if (dateParseOption === 'medium')
+                dateFormat = 'DD MMM, YYYY';
+            if (dateParseOption === 'long')
+                dateFormat = 'DD MMMM, YYYY';
+            break;
+        case 'YYYY/MM/DD':
+            if (dateParseOption === 'short')
+                dateFormat = 'YYYY/MM/DD';
+            if (dateParseOption === 'medium')
+                dateFormat = 'YYYY, MMM DD';
+            if (dateParseOption === 'long')
+                dateFormat = 'YYYY, MMMM DD';
+            break;
+        default:
+            break;
+    }
+    return dateFormat;
+};