@antscorp/antsomi-ui 1.3.3-beta.7 → 1.3.3-beta.71

package/es/locales/translations.d.ts

@@ -32,6 +32,161 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         quarters: string;
         years: string;
     };
+    edit: {
+        title: string;
+        description: string;
+    };
+    messageError: {
+        createColorProfile: {
+            message: string;
+            description: string;
+        };
+        maxLength: {
+            message: string;
+            description: string;
+        };
+        promotionPoolDeactivated: {
+            message: string;
+            description: string;
+        };
+        BOArchive: {
+            message: string;
+            description: string;
+        };
+        BODelete: {
+            message: string;
+            description: string;
+        };
+        attributeArchive: {
+            message: string;
+            description: string;
+        };
+        attributeDelete: {
+            message: string;
+            description: string;
+        };
+        collectionArchive: {
+            message: string;
+            description: string;
+        };
+        collectionDisable: {
+            message: string;
+            description: string;
+        };
+        collectionDelete: {
+            message: string;
+            description: string;
+        };
+        blockError: {
+            message: string;
+            description: string;
+        };
+        boError: {
+            message: string;
+            description: string;
+        };
+        fieldIsRequired: {
+            message: string;
+            description: string;
+        };
+        completeSetupInContentSources: {
+            message: string;
+            description: string;
+        };
+        fieldEmpty: {
+            message: string;
+        };
+        nameExisted: {
+            message: string;
+        };
+        richMenuSwitchNoExist: {
+            message: string;
+        };
+    };
+    expandEditor: {
+        title: string;
+        description: string;
+    };
+    dynamicContent: {
+        title: string;
+        modal: {
+            error: {
+                boAttr: string;
+                customerAttr: string;
+                eventAttr: string;
+                eventBySource: string;
+                promotionCodeAttr: string;
+                promotionPools: string;
+                source: string;
+                visitorAttr: string;
+                perName: string;
+                function: string;
+            };
+            label: {
+                index: string;
+                contentSource: string;
+                personalizationName: string;
+                function: string;
+                ouputDataType: string;
+                ouputFormat: string;
+                saveTemplate: string;
+                attribute: string;
+                promotionCodeAttr: string;
+                promotionPools: string;
+                selectEvent: string;
+                selectEventAttr: string;
+                selectSource: string;
+                displayFormat: string;
+                numberFormated: string;
+                formNumberDisplayFormat: {
+                    currency: string;
+                    currencySymbol: string;
+                    currencyCode: string;
+                    compact: string;
+                    decimalPlace: string;
+                    grouping: string;
+                    decimal: string;
+                    groupingIconTooltipTitle: string;
+                    decimalIconTooltipTitle: string;
+                };
+                datimeDisplayFormat: {
+                    dateDF: string;
+                    timeDF: string;
+                    short: string;
+                    medium: string;
+                    long: string;
+                    use24hour: string;
+                };
+            };
+            message: {
+                confirmDeleteVariable: string;
+                selectDisableEventAttr: string;
+            };
+            dynamicContentType: {
+                customerAttr: string;
+                eventAttr: string;
+                promotionCode: string;
+                visitorAttr: string;
+                custom: string;
+            };
+            attrDisplayFormat: {
+                number: string;
+                percentage: string;
+                currency: string;
+                datetime: string;
+                rawString: string;
+            };
+            title: {
+                addDynamicContent: string;
+                deleteVariable: string;
+            };
+        };
+        sidePanel: {
+            highlightCheckbox: string;
+            title: string;
+            addDynamicContent: string;
+        };
+    };
     linear: string;
     radial: string;
     gradientStyle: string;
@@ -65,6 +220,8 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         ninth: string;
         tenth: string;
     };
+    close: string;
+    cellAction: string;
 }>, current?: string) => void;
 export declare const t: (id: string, ...rest: any[]) => [string, ...any[]];
 export declare const getTranslateMessage: (id: string, defaultMessage?: string, value?: Record<string, unknown>) => string;

package/es/locales/vi/translation.json

@@ -62,5 +62,6 @@
         "eighth": "thứ tám",
         "ninth": "thứ chín",
         "tenth": "thứ mười"
-    }
+    },
+    "close": "Đóng"
 }

package/es/models/BusinessObject.d.ts

@@ -0,0 +1,116 @@
+import { Model } from './model';
+export type TListAttributeItem = {
+    itemTypeId: number;
+    itemPropertyName: string;
+    itemPropertyDisplay: string;
+    dataType: string;
+    type: number;
+    autoSuggestion: number;
+    displayFormat: {
+        type: string;
+        config: Record<string, any>;
+    };
+    isSort: number;
+    isFilter: number;
+    propertyDisplayMultilang: {
+        DEFAULT_LANG: string;
+        [key: string]: string;
+    };
+    descriptionMultilang: {
+        DEFAULT_LANG: string;
+        [key: string]: string;
+    };
+    computeType?: any;
+    isEncrypt: number;
+    status: number;
+    isPk: number;
+    translateLabel: string;
+    translateDescription: string | null;
+    systemDefined: number;
+    itemTypeName: string;
+    eventPropertySyntax: string;
+};
+export type TListAttribute = {
+    eventPropertyName: string;
+    eventPropertyDisplay: string;
+    itemPropertyName: string;
+    dataType: string;
+    itemTypeId: number;
+    itemTypeName: string;
+    eventPropertySyntax: string;
+    insightPropertyIds: any;
+    propertyDisplayMultilang: Record<string, any>;
+    translateLabel: string;
+    itemSize: number;
+    propertyType: string;
+    items: TListAttributeItem[];
+};
+export declare class ListAttribute extends Model<TListAttribute> {
+    get id(): string;
+    get itemTypeId(): number | null;
+    get name(): string;
+    get defaultLabel(): string;
+    get label(): Record<string, any>;
+    get items(): TListAttributeItem[];
+    get eventPropertyName(): string | null;
+    get itemPropertyName(): string | null;
+    get propertyType(): number | null;
+    get eventPropertyDisplay(): string;
+    get itemTypeName(): string | null;
+    get dataType(): string;
+}
+export type TAttributeBO = {
+    groupId: string;
+    groupName: string;
+    itemTypeName: string;
+    properties: any[];
+};
+export declare class AttributeBO extends Model<TAttributeBO> {
+    get id(): string;
+    get label(): string;
+    get name(): string;
+    get properties(): any[];
+}
+export type TBusinessObject = {
+    item_type_id: number;
+    item_type_name: string;
+    item_type_display: string;
+    item_display_multilang: any;
+    status: number;
+};
+export declare class BusinessObject extends Model<TBusinessObject> {
+    get id(): number | "";
+    get value(): number | "";
+    get name(): string;
+    get label(): string;
+    get status(): number;
+    get multilang(): any;
+}
+export type TEvent = {
+    eventActionId: number;
+    eventCategoryId: number;
+    eventTrackingName: string;
+    eventNameDisplay: string;
+    insightPropertyId: number;
+};
+export declare class Event extends Model<TEvent> {
+    get value(): string;
+    get label(): string;
+    get eventActionId(): number | "";
+    get eventCategoryId(): number | "";
+    get eventTrackingName(): string;
+    get eventNameDisplay(): string;
+    get insightPropertyId(): number | "";
+}
+export type TSource = {
+    insightPropertyId: number;
+    insightPropertyName: string;
+    insightPropertyType: number;
+};
+export declare class Source extends Model<TSource> {
+    get value(): number | "";
+    get label(): string;
+    get insightPropertyId(): number | "";
+    get insightPropertyName(): string;
+    get insightPropertyType(): number | "";
+}

package/es/models/BusinessObject.js

@@ -0,0 +1,113 @@
+import { Model } from './model';
+export class ListAttribute extends Model {
+    get id() {
+        return (this.model.itemTypeId ? this.model.itemTypeName : this.model.eventPropertyName) || '';
+    }
+    get itemTypeId() {
+        return this.model.itemTypeId || null;
+    }
+    get name() {
+        return this.model.translateLabel || '';
+    }
+    get defaultLabel() {
+        return this.model.eventPropertyDisplay || '';
+    }
+    get label() {
+        return this.model.propertyDisplayMultilang || {};
+    }
+    get items() {
+        return this.model.items || [];
+    }
+    get eventPropertyName() {
+        return this.model.eventPropertyName || null;
+    }
+    get itemPropertyName() {
+        return this.model.itemPropertyName || null;
+    }
+    get propertyType() {
+        return +(this.model.propertyType || '') || null;
+    }
+    get eventPropertyDisplay() {
+        return this.model.eventPropertyDisplay || '';
+    }
+    get itemTypeName() {
+        return this.model.itemTypeName || null;
+    }
+    get dataType() {
+        return this.model.dataType || '';
+    }
+}
+export class AttributeBO extends Model {
+    get id() {
+        return this.model.groupId || '';
+    }
+    get label() {
+        return this.model.groupName || '';
+    }
+    get name() {
+        return this.model.itemTypeName || '';
+    }
+    get properties() {
+        return this.model.properties || [];
+    }
+}
+export class BusinessObject extends Model {
+    get id() {
+        return this.model.item_type_id || '';
+    }
+    get value() {
+        return this.model.item_type_id || '';
+    }
+    get name() {
+        return this.model.item_type_name || '';
+    }
+    get label() {
+        return this.model.item_type_display || '';
+    }
+    get status() {
+        return this.model.status || 1;
+    }
+    get multilang() {
+        return this.model.item_display_multilang || {};
+    }
+}
+export class Event extends Model {
+    get value() {
+        return this.model.eventTrackingName || '';
+    }
+    get label() {
+        return this.model.eventNameDisplay || '';
+    }
+    get eventActionId() {
+        return this.model.eventActionId || '';
+    }
+    get eventCategoryId() {
+        return this.model.eventCategoryId || '';
+    }
+    get eventTrackingName() {
+        return this.model.eventTrackingName || '';
+    }
+    get eventNameDisplay() {
+        return this.model.eventNameDisplay || '';
+    }
+    get insightPropertyId() {
+        return this.model.insightPropertyId || '';
+    }
+}
+export class Source extends Model {
+    get value() {
+        return this.model.insightPropertyId || '';
+    }
+    get label() {
+        return this.model.insightPropertyName || '';
+    }
+    get insightPropertyId() {
+        return this.model.insightPropertyId || '';
+    }
+    get insightPropertyName() {
+        return this.model.insightPropertyName || '';
+    }
+    get insightPropertyType() {
+        return this.model.insightPropertyType || '';
+    }
+}

package/es/models/Currency.d.ts

@@ -0,0 +1,9 @@
+import { Model } from './model';
+export type TCurrency = {
+    currencyCode: string;
+    currencyName: string;
+};
+export declare class Currency extends Model<TCurrency> {
+    get code(): string;
+    get name(): string;
+}

package/es/models/Currency.js

@@ -0,0 +1,10 @@
+// Model
+import { Model } from './model';
+export class Currency extends Model {
+    get code() {
+        return this.model.currencyCode || '';
+    }
+    get name() {
+        return this.model.currencyName || '';
+    }
+}

package/es/models/CustomFunction.d.ts

@@ -0,0 +1,19 @@
+import { Model } from './model';
+export type CustomFunction = {
+    template_id: number;
+    template_code: string;
+    template_type: string;
+    template_name: string;
+    custom_function: string;
+    output_data_type: string;
+    output_format: any;
+};
+export declare class MediaJsonCustomFunction extends Model<CustomFunction> {
+    get template_id(): number;
+    get template_code(): string;
+    get template_type(): string;
+    get template_name(): string;
+    get custom_function(): string;
+    get output_data_type(): string;
+    get output_format(): any;
+}

package/es/models/CustomFunction.js

@@ -0,0 +1,25 @@
+// Model
+import { Model } from './model';
+export class MediaJsonCustomFunction extends Model {
+    get template_id() {
+        return +(this.model.template_id || '');
+    }
+    get template_code() {
+        return this.model.template_code || '';
+    }
+    get template_type() {
+        return this.model.template_type || '';
+    }
+    get template_name() {
+        return this.model.template_name || '';
+    }
+    get custom_function() {
+        return this.model.custom_function || '';
+    }
+    get output_data_type() {
+        return this.model.output_data_type || '';
+    }
+    get output_format() {
+        return this.model.output_format || {};
+    }
+}

package/es/models/DynamicContentAttribute.d.ts

@@ -0,0 +1,34 @@
+import { TDataType } from '../components/molecules/AddDynamicContent';
+import { Model } from './model';
+export type TDynamicContentAttribute = {
+    customer: Array<{
+        value: string;
+        defaultLabel: string;
+        label: Record<string, any>;
+        dataType: TDataType;
+        status: string;
+    }>;
+    visitor: Array<{
+        value: string;
+        defaultLabel: string;
+        label: Record<string, any>;
+        dataType: TDataType;
+        status: string;
+    }>;
+};
+export declare class DynamicContentAttribute extends Model<TDynamicContentAttribute> {
+    get customer(): {
+        value: string;
+        defaultLabel: string;
+        label: Record<string, any>;
+        dataType: TDataType;
+        status: string;
+    }[];
+    get visitor(): {
+        value: string;
+        defaultLabel: string;
+        label: Record<string, any>;
+        dataType: TDataType;
+        status: string;
+    }[];
+}

package/es/models/DynamicContentAttribute.js

@@ -0,0 +1,9 @@
+import { Model } from './model';
+export class DynamicContentAttribute extends Model {
+    get customer() {
+        return this.model.customer || [];
+    }
+    get visitor() {
+        return this.model.visitor || [];
+    }
+}

package/es/models/EventTrackingAttribute.d.ts

@@ -0,0 +1,11 @@
+import { Model } from './model';
+export type TEventTrackingAttribute = {
+    eventAttributes: Record<string, any>[];
+    foreignObjects: Record<string, any>[];
+    mainObjects: Record<string, any>[];
+};
+export declare class EventTrackingAttribute extends Model<TEventTrackingAttribute> {
+    get eventAttributes(): Record<string, any>[];
+    get foreignObjects(): Record<string, any>[];
+    get mainObjects(): Record<string, any>[];
+}

package/es/models/EventTrackingAttribute.js

@@ -0,0 +1,13 @@
+// Model
+import { Model } from './model';
+export class EventTrackingAttribute extends Model {
+    get eventAttributes() {
+        return this.model.eventAttributes || [];
+    }
+    get foreignObjects() {
+        return this.model.foreignObjects || [];
+    }
+    get mainObjects() {
+        return this.model.mainObjects || [];
+    }
+}

package/es/models/PromotionPool.d.ts

@@ -0,0 +1,11 @@
+import { Model } from './model';
+export type TPromotionPool = {
+    id: number;
+    name: string;
+    code: string;
+};
+export declare class PromotionPool extends Model<TPromotionPool> {
+    get id(): number | "";
+    get name(): string;
+    get code(): string;
+}

package/es/models/PromotionPool.js

@@ -0,0 +1,12 @@
+import { Model } from './model';
+export class PromotionPool extends Model {
+    get id() {
+        return this.model.id || '';
+    }
+    get name() {
+        return this.model.name || '';
+    }
+    get code() {
+        return this.model.code || '';
+    }
+}

package/es/models/{SavedImage.d.ts → SavedMedia.d.ts}

@@ -1,13 +1,13 @@
 import moment from 'moment';
 import { Model } from './model';
-export type TSavedImage = {
-    image_id: string;
+export type TSavedMedia = {
+    media_id: string;
     network_id: string;
-    image_name: string;
+    name: string;
     properties: {
         url: string;
         size: number;
-        image: {
+        file: {
             path: string;
         };
         extension: string;
@@ -22,7 +22,7 @@ export type TSavedImage = {
     status: string;
     ctime: string;
 };
-export declare class SavedImage extends Model<TSavedImage> {
+export declare class SavedMedia extends Model<TSavedMedia> {
     get id(): string;
     get name(): string;
     get url(): string;

package/es/models/{SavedImage.js → SavedMedia.js}

@@ -1,11 +1,11 @@
 import moment from 'moment';
 import { Model } from './model';
-export class SavedImage extends Model {
+export class SavedMedia extends Model {
     get id() {
-        return this.model.image_id || '';
+        return this.model.media_id || '';
     }
     get name() {
-        return this.model.image_name || '';
+        return this.model.name || '';
     }
     get url() {
         var _a;

package/es/queries/BusinessObject/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useGetListAttributeBO';
+export * from './useGetListEventAttr';
+export * from './useGetListPromotionCodeAttr';
+export * from './useGetListBO';
+export * from './useGetListAllEvents';
+export * from './useGetListSourceByEvent';

package/es/queries/BusinessObject/index.js

@@ -0,0 +1,6 @@
+export * from './useGetListAttributeBO';
+export * from './useGetListEventAttr';
+export * from './useGetListPromotionCodeAttr';
+export * from './useGetListBO';
+export * from './useGetListAllEvents';
+export * from './useGetListSourceByEvent';

package/es/queries/BusinessObject/useGetListAllEvents.d.ts

@@ -0,0 +1,11 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import type { APIParams } from '../../components/molecules/AddDynamicContent';
+import type { PayloadInfo } from '../../types';
+type OptionHasDefault = 'queryKey' | 'queryFn';
+type GetListAllEvents<T> = {
+    apiConfig: APIParams;
+    infos: PayloadInfo;
+    options?: Omit<UseQueryOptions<any, any, T, any[]>, OptionHasDefault>;
+};
+export declare const useGetListAllEvents: <T = any>(props: GetListAllEvents<T>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export {};

package/es/queries/BusinessObject/useGetListAllEvents.js

@@ -0,0 +1,14 @@
+// Libraries
+import { useQuery } from '@tanstack/react-query';
+// Constants
+import { QUERY_KEYS } from '../../constants/queries';
+// Services
+import { getListAllEvents } from '../../services/MediaTemplateDesign/BusinessObject';
+export const useGetListAllEvents = (props) => {
+    const { options, apiConfig, infos } = props || {};
+    // Selectors
+    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_LIST_ALL_EVENT], queryFn: () => getListAllEvents({ url: apiConfig.url }, infos), placeholderData: {
+            rows: [],
+            total: 0,
+        } }, options));
+};

package/es/queries/BusinessObject/useGetListAttributeBO.d.ts

@@ -0,0 +1,17 @@
+import { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import type { APIParams } from '../../components/molecules/AddDynamicContent';
+import type { PayloadInfo } from '../../types';
+type OptionHasDefault = 'queryKey' | 'queryFn';
+type GetListAttributeBOProps<T> = {
+    itemTypeIds?: number[];
+    options?: Omit<UseQueryOptions<Record<string, any>, any, T, any[]>, OptionHasDefault>;
+};
+export declare const useGetListAttributeBO: <T = Record<string, any>>(apiParams: APIParams, infos: PayloadInfo, props?: GetListAttributeBOProps<T> | undefined) => UseQueryResult<T, unknown>;
+export declare const getListAttributeBOQuery: ({ itemTypeIds, url, infos, }: {
+    itemTypeIds: (number | null)[];
+} & {
+    url: string;
+} & Record<string, any> & {
+    infos: PayloadInfo;
+}) => Promise<any>;
+export {};