@antscorp/antsomi-ui 1.3.3-beta.84 → 1.3.3-beta.86

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

@@ -1,57 +0,0 @@
-import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, ROLE_MAPPING, } from './constants';
-import { remove } from 'lodash';
-export const mergePermission = (objectPermissionAllow, menuPermissionValue) => {
-    const valueMapping = {
-        [`${MENU_PERMISSION.NONE}_false`]: false,
-        [`${MENU_PERMISSION.CREATED_BY_USER}_false`]: false,
-        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_false`]: false,
-        [`${MENU_PERMISSION.EVERYTHING}_false`]: true,
-        [`${MENU_PERMISSION.NONE}_true`]: false,
-        [`${MENU_PERMISSION.CREATED_BY_USER}_true`]: true,
-        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_true`]: true,
-        [`${MENU_PERMISSION.EVERYTHING}_true`]: true,
-    };
-    return !!valueMapping[`${menuPermissionValue}_${objectPermissionAllow}`];
-};
-export const composeObjectMenuPermissions = (params) => {
-    const { menuPermission, objectPermission, isPublic, publicRole } = params;
-    const edit = mergePermission(objectPermission.edit, menuPermission.edit);
-    const view = mergePermission(objectPermission.view, menuPermission.view);
-    return {
-        edit: edit || (isPublic && publicRole === PUBLIC_ROLE.ONLY_EDITOR),
-        view: view || (isPublic && publicRole === PUBLIC_ROLE.ONLY_VIEWER),
-    };
-};
-export const getActionsByUser = (args) => {
-    const { userId, userPermission, updatedUserId, objectAccessInfo } = args;
-    if (!userId || !updatedUserId || !objectAccessInfo)
-        return [];
-    const { ownerId, listAccess, publicRole, isPublic } = objectAccessInfo;
-    const user = listAccess.find(access => access.userId === userId);
-    const updatedUser = listAccess.find(access => access.userId === updatedUserId);
-    const { edit: allowEdit } = composeObjectMenuPermissions({
-        isPublic: !!isPublic,
-        publicRole,
-        objectPermission: {
-            view: !!(user === null || user === void 0 ? void 0 : user.allowView),
-            edit: !!(user === null || user === void 0 ? void 0 : user.allowEdit),
-        },
-        menuPermission: {
-            view: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.view) || MENU_PERMISSION.NONE,
-            edit: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.edit) || MENU_PERMISSION.NONE,
-        },
-    });
-    if ((!user && !isPublic) || !updatedUser || !allowEdit || updatedUser.userId === ownerId)
-        return [];
-    const actions = Object.values(PEOPLE_ACTION_KEYS);
-    if (userId !== ownerId) {
-        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_OWNER);
-    }
-    if (allowEdit && updatedUser.role === ROLE_MAPPING.EDITOR) {
-        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_EDITOR);
-    }
-    if (allowEdit && updatedUser.role === ROLE_MAPPING.VIEWER) {
-        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_VIEWER);
-    }
-    return actions.map(actKey => PEOPLE_ACTIONS[actKey]);
-};

package/es/components/molecules/UploadImage/MediaThumb.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { MediaMode } from '.';
-interface MediaThumbProps {
-    mode: MediaMode;
-    media: any;
-    index: number;
-    posters: string[];
-    onSetPosters: (newPosters: string[]) => void;
-}
-export declare const MediaThumb: React.FC<MediaThumbProps>;
-export {};

package/es/components/molecules/UploadImage/MediaThumb.js

@@ -1,31 +0,0 @@
-/* eslint-disable jsx-a11y/media-has-caption */
-// Libraries
-import React, { useEffect } from 'react';
-// Styled
-import { Image } from './styled';
-export const MediaThumb = props => {
-    const { mode, index, media, posters, onSetPosters } = props;
-    useEffect(() => {
-        let timer = null;
-        if (mode === 'video' && posters[index] !== '') {
-            const newPosters = [...posters];
-            newPosters.splice(index, 1, '');
-            timer = setTimeout(() => {
-                onSetPosters(newPosters);
-            }, 500);
-        }
-        return () => {
-            if (timer) {
-                clearTimeout(timer);
-            }
-        };
-    }, [mode, posters, index, onSetPosters]);
-    if (mode === 'image')
-        return React.createElement(Image, { src: media.url, alt: "img" });
-    return (React.createElement("video", { controls: false, width: "100%", height: "100%", autoPlay: false, poster: posters[index] || '', onCanPlay: () => {
-            const newPosters = [...posters];
-            newPosters.splice(index, 1, '');
-            onSetPosters(newPosters);
-        }, style: { position: 'absolute' } },
-        React.createElement("source", { src: media.url })));
-};

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

@@ -1,3 +0,0 @@
-import type { MediaMode } from '.';
-export declare const getMediaTypeByMode: (mode: MediaMode | undefined) => number;
-export declare const getReplacementExtension: (mode: MediaMode | undefined) => string;

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

@@ -1,24 +0,0 @@
-/*
- * NOTE:
- * 1 -> Image
- * 2 -> Video
- *
- */
-export const getMediaTypeByMode = (mode) => {
-    if (!mode || mode === 'image')
-        return 1;
-    return 2;
-};
-export const getReplacementExtension = (mode) => {
-    switch (mode) {
-        case 'image': {
-            return 'image/';
-        }
-        case 'video': {
-            return 'video/';
-        }
-        default: {
-            return 'image/';
-        }
-    }
-};

package/es/constants/queries.d.ts

@@ -1,14 +0,0 @@
-export declare const QUERY_KEYS: {
-    GET_LIST_EVENT_ATTR: string;
-    GET_LIST_EVENT_BY_SOURCE: string;
-    GET_LIST_SOURCE_BY_EVENT: string;
-    GET_LIST_ALL_EVENT: string;
-    GET_LIST_BO: string;
-    GET_EVENT_ATTRIBUTE_BO: string;
-    GET_LIST_PROMOTION_CODE_ATTR: string;
-    GET_EVENT_TRACKING_ATTRIBUTES: string;
-    GET_LIST_DYNAMIC_CONTENT_ATTR: string;
-    GET_LIST_PROMOTION_POOL: string;
-    GET_LIST_CUSTOM: string;
-    GET_SAVE_CUSTOM_FUNCTION: string;
-};

package/es/constants/queries.js

@@ -1,21 +0,0 @@
-export const QUERY_KEYS = {
-    // Event attr
-    GET_LIST_EVENT_ATTR: 'GET_LIST_EVENT_ATTR',
-    GET_LIST_EVENT_BY_SOURCE: 'GET_LIST_EVENT_BY_SOURCE',
-    GET_LIST_SOURCE_BY_EVENT: 'GET_SOURCE_BY_EVENT',
-    GET_LIST_ALL_EVENT: 'GET_LIST_ALL_EVENT',
-    // BUSINESS OBJECT
-    GET_LIST_BO: 'GET_LIST_BO',
-    GET_EVENT_ATTRIBUTE_BO: 'GET_EVENT_ATTRIBUTE_BO',
-    // Promotion Code Attr
-    GET_LIST_PROMOTION_CODE_ATTR: 'GET_LIST_PROMOTION_CODE_ATTR',
-    // Event tracking attributes
-    GET_EVENT_TRACKING_ATTRIBUTES: 'GET_EVENT_TRACKING_ATTRIBUTES',
-    // Dynamic content Attr
-    GET_LIST_DYNAMIC_CONTENT_ATTR: 'GET_LIST_DYNAMIC_CONTENT_ATTR',
-    // Event Pool
-    GET_LIST_PROMOTION_POOL: 'GET_LIST_PROMOTION_POOL',
-    // Custom Function
-    GET_LIST_CUSTOM: 'GET_LIST_CUSTOM',
-    GET_SAVE_CUSTOM_FUNCTION: 'GET_SAVE_CUSTOM_FUNCTION',
-};

package/es/constants/richMenu.d.ts

@@ -1,19 +0,0 @@
-export declare const AREA_LAYOUT_KEYS: {
-    readonly LAYOUT_1: "LAYOUT_1";
-    readonly LAYOUT_2: "LAYOUT_2";
-    readonly LAYOUT_3: "LAYOUT_3";
-    readonly LAYOUT_4: "LAYOUT_4";
-    readonly LAYOUT_5: "LAYOUT_5";
-    readonly LAYOUT_6: "LAYOUT_6";
-    readonly LAYOUT_7: "LAYOUT_7";
-    readonly LAYOUT_8: "LAYOUT_8";
-    readonly LAYOUT_9: "LAYOUT_9";
-    readonly LAYOUT_10: "LAYOUT_10";
-    readonly LAYOUT_11: "LAYOUT_11";
-    readonly LAYOUT_12: "LAYOUT_12";
-};
-export declare const BLOCK_KEYS: {
-    readonly RICH_MENU: "RICH_MENU";
-    readonly CELL_ACTION: "CELL_ACTION";
-    readonly CELL_IMAGE: "CELL_IMAGE";
-};

package/es/constants/richMenu.js

@@ -1,19 +0,0 @@
-export const AREA_LAYOUT_KEYS = {
-    LAYOUT_1: 'LAYOUT_1',
-    LAYOUT_2: 'LAYOUT_2',
-    LAYOUT_3: 'LAYOUT_3',
-    LAYOUT_4: 'LAYOUT_4',
-    LAYOUT_5: 'LAYOUT_5',
-    LAYOUT_6: 'LAYOUT_6',
-    LAYOUT_7: 'LAYOUT_7',
-    LAYOUT_8: 'LAYOUT_8',
-    LAYOUT_9: 'LAYOUT_9',
-    LAYOUT_10: 'LAYOUT_10',
-    LAYOUT_11: 'LAYOUT_11',
-    LAYOUT_12: 'LAYOUT_12',
-};
-export const BLOCK_KEYS = {
-    RICH_MENU: 'RICH_MENU',
-    CELL_ACTION: 'CELL_ACTION',
-    CELL_IMAGE: 'CELL_IMAGE',
-};

package/es/hooks/useDebounceCallback.d.ts

@@ -1 +0,0 @@
-export declare function useDebounceCallback<T extends (...args: any[]) => any>(callback: T, delay?: number): T;

package/es/hooks/useDebounceCallback.js

@@ -1,5 +0,0 @@
-import { useDebounce } from './useDebounceV2';
-export function useDebounceCallback(callback, delay = 500) {
-    const debouncedCallback = useDebounce(callback, delay);
-    return debouncedCallback;
-}

package/es/hooks/useDebounceV2.d.ts

@@ -1 +0,0 @@
-export declare function useDebounce<T>(value: T, delay?: number): T;

package/es/hooks/useDebounceV2.js

@@ -1,11 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const timer = setTimeout(() => setDebouncedValue(value), delay || 500);
-        return () => {
-            clearTimeout(timer);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}

package/es/hooks/useDeepCompareEffect.d.ts

@@ -1 +0,0 @@
-export declare function useDeepCompareEffect(callback: any, dependencies: any): void;

package/es/hooks/useDeepCompareEffect.js

@@ -1,21 +0,0 @@
-import { useEffect, useRef } from 'react';
-import isEqual from 'react-fast-compare';
-function deepCompareEquals(a, b) {
-    // TODO: implement deep comparison here
-    // something like lodash
-    // return _.isEqual(a, b);
-    return isEqual(a, b);
-}
-function useDeepCompareMemoize(value) {
-    const ref = useRef();
-    // it can be done by using useMemo as well
-    // but useRef is rather cleaner and easier
-    if (!deepCompareEquals(value, ref.current)) {
-        ref.current = value;
-    }
-    return ref.current;
-}
-export function useDeepCompareEffect(callback, dependencies) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(callback, dependencies.map(useDeepCompareMemoize));
-}

package/es/hooks/useDeepCompareMemo.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useDeepCompareMemo<T>(callback: () => T, dependencies: React.DependencyList | undefined): T;

package/es/hooks/useDeepCompareMemo.js

@@ -1,21 +0,0 @@
-import { useMemo, useRef } from 'react';
-import isEqual from 'react-fast-compare';
-function deepCompareEquals(a, b) {
-    // TODO: implement deep comparison here
-    // something like lodash
-    // return _.isEqual(a, b);
-    return isEqual(a, b);
-}
-function useDeepCompareMemoize(value) {
-    const ref = useRef();
-    // it can be done by using useMemo as well
-    // but useRef is rather cleaner and easier
-    if (!deepCompareEquals(value, ref.current)) {
-        ref.current = value;
-    }
-    return ref.current;
-}
-export function useDeepCompareMemo(callback, dependencies) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useMemo(callback, dependencies === null || dependencies === void 0 ? void 0 : dependencies.map(useDeepCompareMemoize));
-}

package/es/hooks/usePrevious.d.ts

@@ -1,2 +0,0 @@
-declare function usePrevious<T>(value: T): T | undefined;
-export default usePrevious;

package/es/hooks/usePrevious.js

@@ -1,9 +0,0 @@
-import { useEffect, useRef } from 'react';
-function usePrevious(value) {
-    const ref = useRef();
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
-}
-export default usePrevious;

package/es/models/BusinessObject.d.ts

@@ -1,116 +0,0 @@
-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

@@ -1,113 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,10 +0,0 @@
-// 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

@@ -1,19 +0,0 @@
-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

@@ -1,25 +0,0 @@
-// 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

@@ -1,34 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,13 +0,0 @@
-// 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 || [];
-    }
-}