@antscorp/antsomi-ui 1.3.5-beta.98 → 1.3.5-common.2

package/es/tests/styled.d.ts

@@ -0,0 +1 @@
+export declare const TableTestWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/tests/styled.js

@@ -0,0 +1,4 @@
+import styled from 'styled-components';
+export const TableTestWrapper = styled.div `
+  padding: 10px;
+`;

package/es/types/api.d.ts

@@ -0,0 +1,6 @@
+export type TDataResponse<T> = {
+    meta: {
+        total: number;
+    };
+    entries: T[];
+};

package/es/types/api.js

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

package/es/types/config.d.ts

@@ -0,0 +1,2 @@
+import { ENV } from '../config';
+export type envType = (typeof ENV)[keyof typeof ENV];

package/es/types/config.js

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

package/es/types/index.d.ts

@@ -19,10 +19,16 @@ export * from './variables';
 export * from './service';
 export * from './templateListing';
 export * from './share-access';
+export * from './processingNotification';
+export * from './postMessage';
 export type PayloadInfo = {
     url?: string;
     userId?: string;
     token?: string;
     accountId?: string;
+    portalId?: number;
 };
 export type TServiceAuth = PayloadInfo;
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};

package/es/types/index.js

@@ -3,3 +3,5 @@ export * from './variables';
 export * from './service';
 export * from './templateListing';
 export * from './share-access';
+export * from './processingNotification';
+export * from './postMessage';

package/es/types/postMessage.d.ts

@@ -0,0 +1,4 @@
+export interface IPostMessage {
+    type: string;
+    payload: any;
+}

package/es/types/postMessage.js

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

package/es/types/processingNotification.d.ts

@@ -0,0 +1,4 @@
+export type TProcessingNotificationCallbackType = 'forecast_name';
+export interface ProcessingNotificationProps {
+    callback?: (type: TProcessingNotificationCallbackType, data: Record<string, any>) => void;
+}

package/es/types/processingNotification.js

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

package/es/utils/common.d.ts

@@ -6,23 +6,31 @@
  * @returns {object[]}
  */
 export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => any[];
+/**
+ * Function to flat array
+ * @param {Array} tree - tree data
+ * @param {string} keyFlat = 'id' - key to flat
+ * @param {number} level = 0 - level of tree
+ * @returns {Array} - tree data with children
+ */
+export declare const flattenTree: (tree?: Array<any>, keyFlat?: string, level?: number) => Array<any>;
 export declare const safeParse: (val: any, defaultVal: any) => any;
 export declare const getObjectPropSafely: (fn: any, defaultValue?: string) => any;
 export declare const random: (number: any) => string;
-export declare function getPortalId(config: any): any;
-export declare const safeParseInt: (val: any, defaultVal: any) => any;
 export declare function isUrlEmbedded(): boolean;
 export declare function getWindowParam(name: any, config: any): any;
 export declare function getSessionStorage(key: any, config: any): any;
-export declare function getMessageByCode(messageCode: any, def?: undefined | string): any;
-export declare function urlHasQueryString(url: any): boolean;
-export declare function isNumeric(num: any): boolean;
-export declare function getUserLocaleLanguage(config: any): any;
+export declare const safeParseInt: (val: any, defaultVal: any) => any;
 export declare function getAppSession(key: any, config: any): any;
 export declare function getAppParamURL(pathname: any, forceVersionV2: boolean | undefined, config: any): {
     portalId: number;
     accessUserId: number;
 };
+export declare function getPortalId(config: any): any;
+export declare function getMessageByCode(messageCode: any, def?: undefined | string): any;
+export declare function urlHasQueryString(url: any): boolean;
+export declare function isNumeric(num: any): boolean;
+export declare function getUserLocaleLanguage(config: any): any;
 export declare function callApiWithAuth(endpoint: any, method: string | undefined, body: any, domain?: string, config?: {}, token?: string, userId?: string, isTicket?: boolean, type?: string, isAccount?: boolean, isPermission?: boolean, others?: any): Promise<void | import("axios").AxiosResponse<any, any>>;
 export declare function getData(res: any, def: any): {
     code: number;
@@ -59,3 +67,22 @@ export declare function asssertCannotReach(x: never): void;
 export declare const getShuffleArray: <T>(array: T[]) => T[];
 export declare const snakeCaseToCamelCase: <T = Record<string, any>>(object: Record<string, any> | Record<string, any>[], recursive?: boolean) => T;
 export declare const camelCaseToSnakeCase: <T = Record<string, any>>(object: Record<string, any>, recursive?: boolean) => T;
+export declare function generateKey(): any;
+export declare const formatUserId: (userId?: number) => string;
+/**
+ * Function to remove accent
+ * @param str - String want to remove accent
+ * @returns {string} - Result after remove accent
+ */
+export declare const removeAccent: (str: string) => string;
+/** Remove all accents and convert string to lower case, remove leading and trailing white space */
+export declare const simplifyString: (str: string) => string;
+/**
+ * @param str target string
+ * @param queryStr search query
+ * @returns true if target string includes search query
+ */
+export declare const searchStringQuery: (str: string, queryStr: string) => boolean;
+export declare const isExistedImage: (imageUrl: string) => boolean;
+export declare const getUrlNoCache: (url?: string, cacheValue?: number | string) => string;
+export declare const safeParseJson: (json?: string | null, defaultValue?: any) => any;

package/es/utils/common.js

@@ -1,8 +1,12 @@
 /* eslint-disable no-underscore-dangle */
 // Libraries
 import axios from 'axios';
+import uniqid from 'uniqid';
 // Constants
 import { MESSAGES, PORTAL_KEYS } from '@antscorp/antsomi-ui/es/services/constants';
+// Utils
+import { handleError } from './handleError';
+const PATH = 'src/utils/common.ts';
 /**
  * Function to reorder list
  * @param {Object[]} list - list of item want to reorder
@@ -16,6 +20,16 @@ export const reorder = (list, startIndex, endIndex) => {
     result.splice(endIndex, 0, removed);
     return result;
 };
+/**
+ * Function to flat array
+ * @param {Array} tree - tree data
+ * @param {string} keyFlat = 'id' - key to flat
+ * @param {number} level = 0 - level of tree
+ * @returns {Array} - tree data with children
+ */
+export const flattenTree = (tree = [], keyFlat = 'children', level) => tree.flatMap(item => item[keyFlat] && level !== 0
+    ? [item, ...flattenTree(item[keyFlat], keyFlat, (level || 0) - 1)]
+    : item);
 export const safeParse = (val, defaultVal) => {
     if (typeof val === 'undefined' ||
         val === 'undefined' ||
@@ -42,24 +56,6 @@ export const random = number => {
     }
     return text;
 };
-export function getPortalId(config) {
-    const portalId = safeParse(getSessionStorage('api_pid', config), 0);
-    if (portalId === 0) {
-        return getAppParamURL(window.location.pathname, false, config).portalId;
-    }
-    return portalId;
-    // return safeParse(getAppSession('api_pid'), 0);
-}
-export const safeParseInt = (val, defaultVal) => {
-    let tempt = safeParse(val, 0);
-    if (tempt !== 0) {
-        tempt = parseInt(tempt);
-        if (Number.isNaN(tempt)) {
-            return defaultVal;
-        }
-    }
-    return tempt;
-};
 export function isUrlEmbedded() {
     return false;
 }
@@ -83,29 +79,19 @@ export function getSessionStorage(key, config) {
     }
     return '';
 }
-export function getMessageByCode(messageCode, def = undefined) {
-    if (def === undefined) {
-        def = 'Error happened. Please try again.';
-    }
-    const tempt = MESSAGES[messageCode];
-    if (tempt === undefined) {
-        return def;
+export const safeParseInt = (val, defaultVal) => {
+    let tempt = safeParse(val, 0);
+    if (tempt !== 0) {
+        tempt = parseInt(tempt);
+        if (Number.isNaN(tempt)) {
+            return defaultVal;
+        }
     }
     return tempt;
-}
-export function urlHasQueryString(url) {
-    const arr = url.split('?');
-    if (arr.length > 1 && arr[1] !== '') {
-        return true;
-    }
-    return false;
-}
-export function isNumeric(num) {
-    return !isNaN(num) && num !== '';
-}
-export function getUserLocaleLanguage(config) {
-    return safeParse(getWindowParam(PORTAL_KEYS.USER_LANGUAGE, config), 'en');
-}
+};
+const getCookie = (key, config) => {
+    throw new Error('Function not implemented.');
+};
 export function getAppSession(key, config) {
     if (isUrlEmbedded()) {
         return getDataWithEmbeddedPublic(key, config);
@@ -177,8 +163,38 @@ export function getAppParamURL(pathname, forceVersionV2 = false, config) {
     output.accessUserId = accessUserId;
     return output;
 }
+export function getPortalId(config) {
+    const portalId = safeParse(getSessionStorage('api_pid', config), 0);
+    if (portalId === 0) {
+        return getAppParamURL(window.location.pathname, false, config).portalId;
+    }
+    return portalId;
+    // return safeParse(getAppSession('api_pid'), 0);
+}
+export function getMessageByCode(messageCode, def = undefined) {
+    if (def === undefined) {
+        def = 'Error happened. Please try again.';
+    }
+    const tempt = MESSAGES[messageCode];
+    if (tempt === undefined) {
+        return def;
+    }
+    return tempt;
+}
+export function urlHasQueryString(url) {
+    const arr = url.split('?');
+    if (arr.length > 1 && arr[1] !== '') {
+        return true;
+    }
+    return false;
+}
+export function isNumeric(num) {
+    return !isNaN(num) && num !== '';
+}
+export function getUserLocaleLanguage(config) {
+    return safeParse(getWindowParam(PORTAL_KEYS.USER_LANGUAGE, config), 'en');
+}
 export function callApiWithAuth(endpoint, method = 'GET', body, domain = '', config = {}, token = '', userId = '', isTicket = false, type = '', isAccount = false, isPermission = false, others = {}) {
-    console.log(token);
     const apiPid = getPortalId(config);
     const apiToken = token;
     const _user_id = userId;
@@ -325,9 +341,6 @@ export function getEntriesV2(res, def) {
         data: def,
     };
 }
-function getCookie(key, config) {
-    throw new Error('Function not implemented.');
-}
 export const getNumberFromString = (str) => {
     try {
         return +(str.match(/^-?\d+/) || []).flat()[0];
@@ -412,3 +425,80 @@ export const camelCaseToSnakeCase = (object, recursive = false) => {
     });
     return newObject;
 };
+export function generateKey() {
+    return uniqid.process();
+}
+export const formatUserId = (userId) => String(userId || '').replace(/(\d{3})(\d{3})(\d{0,})/, `$1-$2-$3`);
+/**
+ * Function to remove accent
+ * @param str - String want to remove accent
+ * @returns {string} - Result after remove accent
+ */
+export const removeAccent = (str) => {
+    str = str.replace(/[àáạảãâầấậẩẫăằắặẳẵ]/g, 'a');
+    str = str.replace(/[èéẹẻẽêềếệểễ]/g, 'e');
+    str = str.replace(/[ìíịỉĩ]/g, 'i');
+    str = str.replace(/[òóọỏõôồốộổỗơờớợởỡ]/g, 'o');
+    str = str.replace(/[ùúụủũưừứựửữ]/g, 'u');
+    str = str.replace(/[ỳýỵỷỹ]/g, 'y');
+    str = str.replace(/đ/g, 'd');
+    str = str.replace(/[ÀÁẠẢÃÂẦẤẬẨẪĂẰẮẶẲẴ]/g, 'A');
+    str = str.replace(/[ÈÉẸẺẼÊỀẾỆỂỄ]/g, 'E');
+    str = str.replace(/[ÌÍỊỈĨ]/g, 'I');
+    str = str.replace(/[ÒÓỌỎÕÔỒỐỘỔỖƠỜỚỢỞỠ]/g, 'O');
+    str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, 'U');
+    str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, 'Y');
+    str = str.replace(/Đ/g, 'D');
+    return str;
+};
+/** Remove all accents and convert string to lower case, remove leading and trailing white space */
+export const simplifyString = (str) => removeAccent(str.toLowerCase().trim()) || '';
+/**
+ * @param str target string
+ * @param queryStr search query
+ * @returns true if target string includes search query
+ */
+export const searchStringQuery = (str, queryStr) => simplifyString(str).includes(simplifyString(queryStr || ''));
+export const isExistedImage = (imageUrl) => {
+    try {
+        const http = new XMLHttpRequest();
+        http.open('HEAD', imageUrl, false);
+        http.send();
+        return http.status !== 404;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: isExistedImage.name,
+            args: { imageUrl },
+        });
+        return false;
+    }
+};
+export const getUrlNoCache = (url = '', cacheValue = 0) => {
+    let urlNoCache = url;
+    if (urlNoCache.includes('nocache') || url.startsWith('data:image') || !cacheValue) {
+        urlNoCache = url;
+    }
+    else {
+        try {
+            const newUrl = new URL(url);
+            newUrl.searchParams.append('nocache', `${cacheValue}`);
+            urlNoCache = newUrl.toString();
+        }
+        catch (error) {
+            urlNoCache = url;
+        }
+    }
+    return urlNoCache;
+};
+export const safeParseJson = (json, defaultValue) => {
+    if (!json)
+        return defaultValue;
+    try {
+        return JSON.parse(json);
+    }
+    catch (error) {
+        return defaultValue;
+    }
+};

package/es/utils/domTarget.d.ts

@@ -0,0 +1,8 @@
+import type { MutableRefObject, DependencyList } from 'react';
+export declare const depsAreSame: (oldDeps: DependencyList, deps: DependencyList) => boolean;
+export declare const isBrowser: boolean;
+type TargetValue<T> = T | undefined | null;
+type TargetType = HTMLElement | Element | Window | Document;
+export type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+export declare const getTargetElement: <T extends TargetType>(target: BasicTarget<T>, defaultElement?: T) => TargetValue<T>;
+export {};

package/es/utils/domTarget.js

@@ -0,0 +1,32 @@
+import { isFunction } from 'lodash';
+export const depsAreSame = (oldDeps, deps) => {
+    if (oldDeps === deps)
+        return true;
+    for (let i = 0; i < oldDeps.length; i++) {
+        if (!Object.is(oldDeps[i], deps[i]))
+            return false;
+    }
+    return true;
+};
+export const isBrowser = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+export const getTargetElement = (target, defaultElement) => {
+    if (!isBrowser) {
+        return undefined;
+    }
+    if (!target) {
+        return defaultElement;
+    }
+    let targetElement;
+    if (isFunction(target)) {
+        targetElement = target();
+    }
+    else if ('current' in target) {
+        targetElement = target.current;
+    }
+    else {
+        targetElement = target;
+    }
+    return targetElement;
+};

package/es/utils/handleError.js

@@ -18,7 +18,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-export const handleError = (error = {}, configInfo = {}, isShowMessageError = false) => __awaiter(void 0, void 0, void 0, function* () {
+export const handleError = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (error = {}, configInfo = {}, isShowMessageError = false) {
     const { response, message } = error;
     const { name: functionName, path, from, priority = 'low' } = configInfo, restOfConfigInfo = __rest(configInfo, ["name", "path", "from", "priority"]);
     console.log(error);

package/es/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './color';
 export * from './common';
 export * from './handleError';
 export * from './templateListing';
+export * from './styles';

package/es/utils/index.js

@@ -2,3 +2,4 @@ export * from './color';
 export * from './common';
 export * from './handleError';
 export * from './templateListing';
+export * from './styles';

package/es/utils/styles.d.ts

@@ -0,0 +1,2 @@
+export declare function styleToCssString(rules: any, important?: boolean): string;
+export default styleToCssString;

package/es/utils/styles.js

@@ -0,0 +1,175 @@
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+const isUnitlessNumber = {
+    boxFlex: true,
+    boxFlexGroup: true,
+    columnCount: true,
+    flex: true,
+    flexGrow: true,
+    flexPositive: true,
+    flexShrink: true,
+    flexNegative: true,
+    fontWeight: true,
+    lineClamp: true,
+    lineHeight: true,
+    opacity: true,
+    order: true,
+    orphans: true,
+    widows: true,
+    zIndex: true,
+    zoom: true,
+    // SVG-related properties
+    fillOpacity: true,
+    strokeDashoffset: true,
+    strokeOpacity: true,
+    strokeWidth: true,
+};
+/**
+ * @param {string} prefix vendor-specific prefix, eg: Webkit
+ * @param {string} key style name, eg: transitionDuration
+ * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+ * WebkitTransitionDuration
+ */
+function prefixKey(prefix, key) {
+    return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+}
+/**
+ * Support style names that may come passed in prefixed by adding permutations
+ * of vendor prefixes.
+ */
+const prefixes = ['Webkit', 'ms', 'Moz', 'O'];
+// Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+// infinite loop, because it iterates over the newly added props too.
+Object.keys(isUnitlessNumber).forEach(prop => {
+    prefixes.forEach(prefix => {
+        isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+    });
+});
+/**
+ * Most style properties can be unset by doing .style[prop] = '' but IE8
+ * doesn't like doing that with shorthand properties so for the properties that
+ * IE8 breaks on, which are listed here, we instead unset each of the
+ * individual properties. See http://bugs.jquery.com/ticket/12385.
+ * The 4-value 'clock' properties like margin, padding, border-width seem to
+ * behave without any problems. Curiously, list-style works too without any
+ * special prodding.
+ */
+const shorthandPropertyExpansions = {
+    background: {
+        backgroundImage: true,
+        backgroundPosition: true,
+        backgroundRepeat: true,
+        backgroundColor: true,
+    },
+    border: {
+        borderWidth: true,
+        borderStyle: true,
+        borderColor: true,
+    },
+    borderBottom: {
+        borderBottomWidth: true,
+        borderBottomStyle: true,
+        borderBottomColor: true,
+    },
+    borderLeft: {
+        borderLeftWidth: true,
+        borderLeftStyle: true,
+        borderLeftColor: true,
+    },
+    borderRight: {
+        borderRightWidth: true,
+        borderRightStyle: true,
+        borderRightColor: true,
+    },
+    borderTop: {
+        borderTopWidth: true,
+        borderTopStyle: true,
+        borderTopColor: true,
+    },
+    font: {
+        fontStyle: true,
+        fontconstiant: true,
+        fontWeight: true,
+        fontSize: true,
+        lineHeight: true,
+        fontFamily: true,
+    },
+};
+const CSSProperty = {
+    isUnitlessNumber,
+    shorthandPropertyExpansions,
+};
+/* eslint-disable no-underscore-dangle */
+const msPattern = /^ms-/;
+const _uppercasePattern = /([A-Z])/g;
+/**
+ * Hyphenates a camelcased string, for example:
+ *
+ *   > hyphenate('backgroundColor')
+ *   < "background-color"
+ *
+ * For CSS style names, use `hyphenateStyleName` instead which works properly
+ * with all vendor prefixes, including `ms`.
+ *
+ * @param {string} string
+ * @return {string}
+ */
+function hyphenate(string) {
+    return string.replace(_uppercasePattern, '-$1').toLowerCase();
+}
+/**
+ * Hyphenates a camelcased CSS property name, for example:
+ *
+ *   > hyphenateStyleName('backgroundColor')
+ *   < "background-color"
+ *   > hyphenateStyleName('MozTransition')
+ *   < "-moz-transition"
+ *   > hyphenateStyleName('msTransition')
+ *   < "-ms-transition"
+ *
+ * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
+ * is converted to `-ms-`.
+ *
+ * @param {string} string
+ * @return {string}
+ */
+function hyphenateStyleName(string) {
+    return hyphenate(string).replace(msPattern, '-ms-');
+}
+const { isArray } = Array;
+const { keys } = Object;
+const counter = 1;
+// Follows syntax at https://developer.mozilla.org/en-US/docs/Web/CSS/content,
+// including multiple space separated values.
+const unquotedContentValueRegex = /^(normal|none|(\b(url\([^)]*\)|chapter_counter|attr\([^)]*\)|(no-)?(open|close)-quote|inherit)((\b\s*)|$|\s+))+)$/;
+function buildRule(key, value, important = false) {
+    if (!isUnitlessNumber[key] && typeof value === 'number') {
+        value = `${value}px`;
+    }
+    else if (key === 'content' && !unquotedContentValueRegex.test(value)) {
+        value = `'${value.replace(/'/g, "\\'")}'`;
+    }
+    return `${hyphenateStyleName(key)}: ${value} ${important ? '!important' : ''};  `;
+}
+export function styleToCssString(rules, important = false) {
+    let result = '';
+    if (!rules || keys(rules).length === 0) {
+        return result;
+    }
+    const styleKeys = keys(rules);
+    for (let j = 0, l = styleKeys.length; j < l; j++) {
+        const styleKey = styleKeys[j];
+        const value = rules[styleKey];
+        if (isArray(value)) {
+            for (let i = 0, len = value.length; i < len; i++) {
+                result += buildRule(styleKey, value[i], important);
+            }
+        }
+        else {
+            result += buildRule(styleKey, value, important);
+        }
+    }
+    return result;
+}
+export default styleToCssString;

package/es/utils/templateListing.d.ts

@@ -1,2 +1,3 @@
-import { ObjectTemplate } from '../models/ObjectTemplate';
-export declare const getCategoriesFromObjectTemplate: (objectTemplate: ObjectTemplate) => {};
+import { ObjectTemplate, TObjectTemplate } from '../models/ObjectTemplate';
+export declare const getCategoriesFromObjectTemplate: (objectTemplate: ObjectTemplate | TObjectTemplate) => {};
+export declare const checkShowSkeletonBaseUrl: (url?: string) => boolean;

package/es/utils/templateListing.js

@@ -2,11 +2,31 @@
 import { TEMPLATE_CATEGORY_KEYS } from '../constants';
 export const getCategoriesFromObjectTemplate = (objectTemplate) => {
     const categories = {};
+    const cloneObjectTemplate = (objectTemplate.model
+        ? objectTemplate.model
+        : objectTemplate) || {};
     Object.values(TEMPLATE_CATEGORY_KEYS).forEach(key => {
-        var _a, _b, _c;
-        if (((_a = objectTemplate.model) === null || _a === void 0 ? void 0 : _a[key]) && ((_c = (_b = objectTemplate.model) === null || _b === void 0 ? void 0 : _b[key]) === null || _c === void 0 ? void 0 : _c.length)) {
-            categories[key] = objectTemplate.model[key];
+        var _a;
+        if (cloneObjectTemplate[key] && ((_a = cloneObjectTemplate[key]) === null || _a === void 0 ? void 0 : _a.length)) {
+            categories[key] = cloneObjectTemplate[key];
         }
     });
     return categories;
 };
+export const checkShowSkeletonBaseUrl = (url = '') => {
+    if (url.includes('type')) {
+        switch (true) {
+            case url.includes('type=media'):
+                return true;
+            case url.includes('type=email'):
+                return false;
+            case url.includes('type=tactic'):
+            default:
+                return false;
+        }
+    }
+    else {
+        return (`${url || ''}`.includes('base64-img') &&
+            ['jn_thumb_', 'v_thumb_'].every(prefix => !`${url || ''}`.includes(prefix)));
+    }
+};