@antscorp/antsomi-ui 1.3.5-beta.21 → 1.3.5-beta.211

package/es/models/BusinessObject.js

@@ -111,3 +111,95 @@ export class Source extends Model {
         return this.model.insightPropertyType || '';
     }
 }
+export class CollectionBO extends Model {
+    get value() {
+        return this.model.segment_id || '';
+    }
+    get label() {
+        return this.model.segment_display || '';
+    }
+    get status() {
+        return +(this.model.status || 1);
+    }
+}
+export class AttributeEvent extends Model {
+    get value() {
+        return this.model.eventPropertyName || '';
+    }
+    get label() {
+        return this.model.eventPropertyDisplay || '';
+    }
+    get dataType() {
+        return this.model.dataType || '';
+    }
+    get eventPropertyDisplay() {
+        return this.model.eventPropertyDisplay || '';
+    }
+    get eventPropertyName() {
+        return this.model.eventPropertyName || '';
+    }
+    get eventPropertySyntax() {
+        return this.model.eventPropertySyntax || '';
+    }
+    get itemTypeId() {
+        return this.model.itemTypeId || '';
+    }
+    get itemTypeName() {
+        return this.model.itemTypeName || '';
+    }
+    get items() {
+        return this.model.items || '';
+    }
+}
+export class SuggestionItem extends Model {
+    get id() {
+        return this.model.id || '';
+    }
+    get name() {
+        return this.model.name || '';
+    }
+}
+export class SuggestionObject extends Model {
+    get id() {
+        return this.model.id || '';
+    }
+    get name() {
+        return this.model.name || '';
+    }
+    get status() {
+        return +(this.model.status || 1);
+    }
+}
+export class InfoMetadata extends Model {
+    get id() {
+        return this.model.id || '';
+    }
+    get name() {
+        return this.model.name || '';
+    }
+}
+export class AlgorithmBO extends Model {
+    get value() {
+        return this.model.algorithms_value || '';
+    }
+    get label() {
+        return this.model.algorithms_display || '';
+    }
+    get type() {
+        return this.model.type || '';
+    }
+    get description() {
+        return this.model.description || '';
+    }
+    get triggerTypes() {
+        return this.model.trigger_types || '';
+    }
+}
+export class FilterBO extends Model {
+    get value() {
+        return this.model.filter_value || '';
+    }
+    get label() {
+        return this.model.filter_display || '';
+    }
+}

package/es/models/FallbackBO.d.ts

@@ -0,0 +1,9 @@
+import { Model } from './model';
+export type TFallbackBO = {
+    fallback_display: string;
+    fallback_value: string;
+};
+export declare class FallbackBO extends Model<TFallbackBO> {
+    get fallbackDisplay(): string;
+    get fallbackValue(): string;
+}

package/es/models/FallbackBO.js

@@ -0,0 +1,10 @@
+// Model
+import { Model } from './model';
+export class FallbackBO extends Model {
+    get fallbackDisplay() {
+        return this.model.fallback_display || '';
+    }
+    get fallbackValue() {
+        return this.model.fallback_value || '';
+    }
+}

package/es/models/LeftMenu/Dashboard.d.ts

@@ -0,0 +1,44 @@
+export type TDashboardResponse = {
+    meta: {
+        total: number;
+    };
+    entries: {
+        sharedDashboard: TDashboard[];
+        ownedDashboard: TDashboard[];
+    };
+};
+export type TDashboard = {
+    rowCount: number;
+    portalId: number;
+    objectType: number;
+    reportId?: number;
+    dashboardId: number;
+    dashboardName: string;
+    enableParamFilter?: number;
+    filters?: any[];
+    status?: number;
+    ownerId?: number;
+    shareAccess?: {
+        is_public?: number;
+        public_role?: number;
+        owner_id?: number;
+        list_access?: [
+            {
+                network_id?: number;
+                object_id?: number;
+                object_type?: number;
+                user_id?: string;
+                is_public?: number;
+                role?: number;
+                public_role?: null;
+                allow_view?: number;
+                allow_edit?: number;
+                allow_comment?: number;
+                full_name?: string;
+                email?: string;
+                avatar?: string;
+                status?: number;
+            }
+        ];
+    };
+};

package/es/models/LeftMenu/Dashboard.js

@@ -0,0 +1 @@
+export {};

package/es/models/LeftMenu/DestinationChannel.d.ts

@@ -0,0 +1,15 @@
+export type TDestinationChannelResponse = {
+    meta: {
+        total: number;
+    };
+    entries: TDestinationChannel[];
+};
+export type TDestinationChannel = {
+    channelId: number;
+    channelCode: string;
+    channelNameMultilang: Record<string, string>;
+    logoUrl: string;
+    displayOrder: number;
+    status: string | number | null;
+    translateLabel: string;
+};

package/es/models/LeftMenu/DestinationChannel.js

@@ -0,0 +1 @@
+export {};

package/es/models/LeftMenu/FeatureMenu.d.ts

@@ -0,0 +1,43 @@
+import moment from 'moment';
+import { Model } from '../model';
+export type TFeatureMenuResponse = {
+    total: number;
+    rows: TFeatureMenu[];
+};
+export type TFeatureMenu = {
+    menu_item: number | string;
+    network_id: number;
+    menu_item_name: string;
+    level_position: number | string;
+    icon_name: string | null;
+    menu_item_path: string | null;
+    menu_item_code: string;
+    permission_code: string | null;
+    menu_item_type: number | string;
+    menu_item_parent: number | string;
+    render_option: string | null;
+    menu_item_domain: string | null;
+    total_row: number;
+    ctime: string | null;
+    utime: string | null;
+    logo_url?: string;
+    children?: TFeatureMenu[];
+};
+export declare class FeatureMenu extends Model<TFeatureMenu> {
+    get id(): string | number;
+    get name(): string;
+    get networkId(): number;
+    get levelPosition(): string | number;
+    get iconName(): string;
+    get path(): string;
+    get code(): string;
+    get type(): string | number;
+    get parent(): string | number;
+    get permissionCode(): string;
+    get renderOption(): string;
+    get domain(): string;
+    get children(): TFeatureMenu[] | undefined;
+    get createdAt(): moment.Moment | null;
+    get updateAt(): moment.Moment | null;
+    get totalRow(): number;
+}

package/es/models/LeftMenu/FeatureMenu.js

@@ -0,0 +1,54 @@
+// Libraries
+import moment from 'moment';
+// Types
+import { Model } from '../model';
+export class FeatureMenu extends Model {
+    get id() {
+        return this.model.menu_item || -1;
+    }
+    get name() {
+        return this.model.menu_item_name || '';
+    }
+    get networkId() {
+        return this.model.network_id || -1;
+    }
+    get levelPosition() {
+        return this.model.level_position || -1;
+    }
+    get iconName() {
+        return this.model.icon_name || '';
+    }
+    get path() {
+        return this.model.menu_item_path || '';
+    }
+    get code() {
+        return this.model.menu_item_code || '';
+    }
+    get type() {
+        return this.model.menu_item_type || -1;
+    }
+    get parent() {
+        return this.model.menu_item_parent || -1;
+    }
+    get permissionCode() {
+        return this.model.permission_code || '';
+    }
+    get renderOption() {
+        return this.model.render_option || '';
+    }
+    get domain() {
+        return this.model.menu_item_domain || '';
+    }
+    get children() {
+        return this.model.children;
+    }
+    get createdAt() {
+        return moment(this.model.ctime, true).isValid() ? moment(this.model.ctime) : null;
+    }
+    get updateAt() {
+        return moment(this.model.utime, true).isValid() ? moment(this.model.utime) : null;
+    }
+    get totalRow() {
+        return this.model.total_row || 0;
+    }
+}

package/es/models/LeftMenu/FeatureMenuPermission.d.ts

@@ -0,0 +1,43 @@
+export type FeatureMenuPermission = {
+    app_id?: number;
+    app_name?: string;
+    app_code?: string | null;
+    path?: string;
+    api_domain?: string | null;
+    app_order?: number;
+    share_access?: number;
+    logo?: string;
+    description?: string | null;
+    menu_id?: number;
+    menu_code?: string | null;
+    menu_name?: string;
+    menu_parent?: number | null;
+    menu_order?: number;
+    icon?: string;
+    menu_path?: string;
+    app_path?: string;
+    show_hide?: number;
+    active_color?: string;
+    normal_color?: string;
+    selected_view?: number;
+    selected_edit?: number;
+    childs?: FeatureMenuPermission[];
+};
+export type FeatureMenuChidPermission = {
+    menu_id: number;
+    menu_code: string;
+    menu_name: string;
+    menu_parent: number | null;
+    menu_order: number;
+    icon: string;
+    menu_path: string;
+    app_domain: string;
+    app_path: string;
+    share_access: number;
+    show_hide: number;
+    active_color: string;
+    normal_color: string;
+    selected_view: number;
+    selected_edit: number;
+    childs: FeatureMenuChidPermission[];
+};

package/es/models/LeftMenu/FeatureMenuPermission.js

@@ -0,0 +1 @@
+export {};

package/es/models/LeftMenu/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FeatureMenu';
+export * from './FeatureMenuPermission';
+export * from './DestinationChannel';
+export * from './Dashboard';

package/es/models/LeftMenu/index.js

@@ -0,0 +1,4 @@
+export * from './FeatureMenu';
+export * from './FeatureMenuPermission';
+export * from './DestinationChannel';
+export * from './Dashboard';

package/es/models/ObjectTemplate.d.ts

@@ -1,6 +1,6 @@
-import dayjs from 'dayjs';
 import { TTemplateStatus } from '../types/templateListing';
 import { Model } from './model';
+import { TShareAccess } from '../types';
 export type TObjectTemplate = {
     template_id: number;
     template_name: string;
@@ -26,6 +26,8 @@ export type TObjectTemplate = {
     goal: number[];
     journey_type: number[];
     lifecycle_stage: number[];
+    channel: number;
+    share_access: TShareAccess;
 };
 export declare class ObjectTemplate extends Model<TObjectTemplate> {
     get id(): number | "";
@@ -37,8 +39,8 @@ export declare class ObjectTemplate extends Model<TObjectTemplate> {
     get settings(): Record<string, any>;
     get status(): "" | TTemplateStatus;
     get userId(): number | "";
-    get createdAt(): "-" | dayjs.Dayjs;
-    get updatedAt(): "-" | dayjs.Dayjs;
+    get createdAt(): string | undefined;
+    get updatedAt(): string | undefined;
     get objectiveTypes(): number[];
     get networkId(): number | undefined;
     get thumbnail(): string;
@@ -50,4 +52,32 @@ export declare class ObjectTemplate extends Model<TObjectTemplate> {
     get lifecycleStage(): number[] | undefined;
     get journeyType(): number[] | undefined;
     get goal(): number[] | undefined;
+    get channel(): number | undefined;
+    get shareAccess(): TShareAccess | undefined;
+    toJson(): {
+        id: string | number;
+        name: string;
+        type: number;
+        typeLabel: string;
+        description: string;
+        templateSettings: Record<string, any>;
+        settings: Record<string, any>;
+        status: string | TTemplateStatus;
+        userId: string | number;
+        createdAt: string | undefined;
+        updatedAt: string | undefined;
+        objectiveTypes: number[];
+        networkId: number | undefined;
+        thumbnail: string;
+        objectType: number | undefined;
+        config: Record<string, any> | undefined;
+        configObject: Record<string, any> | undefined;
+        seasonality: number[] | undefined;
+        industry: number[] | undefined;
+        lifecycleStage: number[] | undefined;
+        journeyType: number[] | undefined;
+        goal: number[] | undefined;
+        channel: number | undefined;
+        shareAccess: TShareAccess | undefined;
+    };
 }

package/es/models/ObjectTemplate.js

@@ -1,10 +1,7 @@
-// Libraries
-import dayjs from 'dayjs';
 // Models
 import { Model } from './model';
 // Constants
-import { LAYOUT_TEMPLATE } from '../constants/templateListing';
-import { DATE_TIME_FORMAT } from '../constants';
+import { LAYOUT_TEMPLATE } from '../constants';
 export class ObjectTemplate extends Model {
     get id() {
         return this.model.template_id || '';
@@ -35,14 +32,10 @@ export class ObjectTemplate extends Model {
         return this.model.c_user_id || '';
     }
     get createdAt() {
-        return dayjs(this.model.ctime).isValid()
-            ? dayjs(this.model.ctime, DATE_TIME_FORMAT.DATE_TIME)
-            : '-';
+        return this.model.ctime;
     }
     get updatedAt() {
-        return dayjs(this.model.utime).isValid()
-            ? dayjs(this.model.utime, DATE_TIME_FORMAT.DATE_TIME)
-            : '-';
+        return this.model.utime;
     }
     get objectiveTypes() {
         return this.model.goal || [];
@@ -77,4 +70,38 @@ export class ObjectTemplate extends Model {
     get goal() {
         return this.model.goal;
     }
+    get channel() {
+        return this.model.channel;
+    }
+    get shareAccess() {
+        return this.model.share_access;
+    }
+    toJson() {
+        return {
+            id: this.id,
+            name: this.name,
+            type: this.type,
+            typeLabel: this.typeLabel,
+            description: this.description,
+            templateSettings: this.templateSettings,
+            settings: this.settings,
+            status: this.status,
+            userId: this.userId,
+            createdAt: this.createdAt,
+            updatedAt: this.updatedAt,
+            objectiveTypes: this.objectiveTypes,
+            networkId: this.networkId,
+            thumbnail: this.thumbnail,
+            objectType: this.objectType,
+            config: this.config,
+            configObject: this.configObject,
+            seasonality: this.seasonality,
+            industry: this.industry,
+            lifecycleStage: this.lifecycleStage,
+            journeyType: this.journeyType,
+            goal: this.goal,
+            channel: this.channel,
+            shareAccess: this.shareAccess,
+        };
+    }
 }

package/es/providers/AntdConfigProviderV2.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ConfigProviderProps } from 'antd';
+interface AntdConfigProviderV2Props extends ConfigProviderProps {
+}
+export declare const AntdConfigProviderV2: React.FC<AntdConfigProviderV2Props>;
+export declare const globalToken: import("antd/es/theme/internal").AliasToken;
+export {};

package/es/providers/AntdConfigProviderV2.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var _a;
+// Libraries
+import React from 'react';
+import { ConfigProvider, theme } from 'antd';
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+const { getDesignToken } = theme;
+const themeV2 = {
+    token: Object.assign(Object.assign({}, THEME.token), { colorText: '#000000', borderRadius: 10, borderRadiusLG: 10 }),
+    components: Object.assign(Object.assign({}, THEME.components), { Button: Object.assign(Object.assign({}, (_a = THEME.components) === null || _a === void 0 ? void 0 : _a.Button), { borderRadius: 10, textHoverBg: '#F2F9FF' }), Checkbox: {
+            borderRadiusSM: 5,
+        } }),
+};
+export const AntdConfigProviderV2 = props => {
+    const { children } = props, restProps = __rest(props, ["children"]);
+    return (React.createElement(ConfigProvider, Object.assign({ theme: themeV2 }, restProps), children));
+};
+export const globalToken = getDesignToken(themeV2);

package/es/providers/AppConfigProvider/contexts/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PayloadInfo } from '../../..';
+import { envType } from '@antscorp/antsomi-ui/es/types/config';
+export interface AppConfigProviderProps {
+    env?: envType;
+    auth?: Omit<PayloadInfo, 'url'>;
+    languageCode?: string;
+}
+declare const AppConfigContext: import("use-context-selector").Context<AppConfigProviderProps>;
+declare const AppConfigProvider: React.FC<React.PropsWithChildren<{
+    value?: AppConfigProviderProps;
+}>>;
+export { AppConfigContext, AppConfigProvider };

package/es/providers/AppConfigProvider/contexts/index.js

@@ -0,0 +1,10 @@
+// Libraries
+import React from 'react';
+import { createContext } from 'use-context-selector';
+const initialContext = {};
+const AppConfigContext = createContext(initialContext);
+const AppConfigProvider = props => {
+    const { value = initialContext, children } = props;
+    return React.createElement(AppConfigContext.Provider, { value: value }, children);
+};
+export { AppConfigContext, AppConfigProvider };

package/es/providers/AppConfigProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './contexts';
+export * from './selector';

package/es/providers/AppConfigProvider/index.js

@@ -0,0 +1,2 @@
+export * from './contexts';
+export * from './selector';

package/es/providers/AppConfigProvider/selector.d.ts

@@ -0,0 +1,3 @@
+export declare const useAppConfigContext: () => {
+    appConfig: import("./contexts").AppConfigProviderProps;
+};

package/es/providers/AppConfigProvider/selector.js

@@ -0,0 +1,8 @@
+// Libraries
+import { useContextSelector } from 'use-context-selector';
+// Contexts
+import { AppConfigContext } from './contexts';
+export const useAppConfigContext = () => {
+    const appConfig = useContextSelector(AppConfigContext, value => value);
+    return { appConfig };
+};

package/es/providers/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,13 @@
+import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/es/config-provider';
+import React, { ReactNode } from 'react';
+import '@antscorp/antsomi-ui/es/assets/css/main.scss';
+import { TLocale } from '@antscorp/antsomi-ui/es/types';
+import 'animate.css';
+import { AppConfigProviderProps } from '../AppConfigProvider';
+interface ConfigProviderProps extends Omit<AntdConfigProviderProps, 'locale'> {
+    children?: ReactNode;
+    locale?: TLocale;
+    appConfig?: AppConfigProviderProps;
+}
+declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export default ConfigProvider;

package/es/providers/ConfigProvider/ConfigProvider.js

@@ -0,0 +1,105 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import { StyleProvider } from '@ant-design/cssinjs';
+import { ConfigProvider as AntdConfigProvider, App } from 'antd';
+import dayjs from 'dayjs';
+import React, { useEffect, useRef } from 'react';
+import weekday from 'dayjs/plugin/weekday';
+import localeData from 'dayjs/plugin/localeData';
+import relativeTime from 'dayjs/plugin/relativeTime';
+/** dayjs plugins for timezone */
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// Style
+import { GlobalStyle } from './GlobalStyle';
+import '@antscorp/antsomi-ui/es/assets/css/main.scss';
+// Initialize languages
+// import '@antscorp/antsomi-ui/es/locales/i18n';
+import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
+import 'animate.css';
+import { AppConfigProvider } from '../AppConfigProvider';
+// Hooks
+import { useMutationObserver } from '../../hooks';
+// Providers
+// import {
+//   QueryClientProviderAntsomiUI,
+//   QueryDevtoolsAntsomiUI,
+//   queryClientAntsomiUI,
+// } from '@antscorp/antsomi-ui/es/queries';
+// NOTE: HOT fix DatePicker Advanced
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(relativeTime);
+const ConfigProvider = props => {
+    // Props
+    const { children, locale, appConfig } = props, restOfProps = __rest(props, ["children", "locale", "appConfig"]);
+    // Refs
+    const ref = useRef(null);
+    // Handlers
+    const handleScrollAction = (elements) => {
+        let timer = null;
+        elements === null || elements === void 0 ? void 0 : elements.forEach(element => {
+            element.addEventListener('scroll', () => {
+                if (timer !== null) {
+                    if (!element.classList.contains('on-scroll')) {
+                        element.classList.add('on-scroll');
+                    }
+                    clearTimeout(timer);
+                }
+                timer = setTimeout(() => {
+                    if (element.classList.contains('on-scroll')) {
+                        element.classList.remove('on-scroll');
+                    }
+                }, 500);
+            }, true);
+        });
+    };
+    // Hooks
+    useMutationObserver(mutationsList => {
+        var _a;
+        handleScrollAction((_a = mutationsList === null || mutationsList === void 0 ? void 0 : mutationsList.filter(item => { var _a, _b; return (_b = (_a = item.target) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('antsomi-scroll-box'); })) === null || _a === void 0 ? void 0 : _a.map(item => item.target));
+    }, ref, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        characterData: true,
+        attributeOldValue: true,
+        characterDataOldValue: true,
+    });
+    // Effects
+    useEffect(() => {
+        if (locale) {
+            i18next.changeLanguage(locale);
+        }
+    }, [locale]);
+    useEffect(() => {
+        const containers = document.getElementsByClassName('antsomi-scroll-box');
+        handleScrollAction(Array.from(containers));
+    }, []);
+    return (React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
+        React.createElement(AppConfigProvider, { value: appConfig },
+            React.createElement("div", { ref: ref },
+                React.createElement(App, null,
+                    React.createElement(GlobalStyle, null),
+                    React.createElement(StyleProvider, { hashPriority: "high" }, children))))));
+};
+ConfigProvider.defaultProps = {
+    theme: THEME,
+    prefixCls: 'antsomi',
+    locale: 'en',
+};
+export default ConfigProvider;