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

package/es/types/richMenu.d.ts

@@ -0,0 +1,214 @@
+/// <reference types="react" />
+import { AREA_LAYOUT_KEYS, BLOCK_KEYS } from '../constants';
+import { TAlign } from './variables';
+export type TImageStyles = {
+    borderTopLeftRadius: string;
+    borderTopRightRadius: string;
+    borderBottomRightRadius: string;
+    borderBottomLeftRadius: string;
+    borderTopWidth: string;
+    borderRightWidth: string;
+    borderBottomWidth: string;
+    borderLeftWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    boxShadow: string;
+    opacity: number;
+    width: string;
+    height: string;
+    objectPosition: string;
+    objectFit: string;
+    paddingTop: string;
+    paddingRight: string;
+    paddingBottom: string;
+    paddingLeft: string;
+};
+export type TImageSettings = {
+    borderRadiusStyle: string;
+    borderRadiusSuffix: string;
+    linkedBorderRadiusInput: boolean;
+    linkedBorderWidthInput: boolean;
+    linkedPaddingInput: boolean;
+    paddingSuffix: string;
+    boxShadowStyle: string;
+    boxShadowColor: string;
+    boxShadowBlur: string;
+    boxShadowSpread: string;
+    boxShadowHorizontal: string;
+    boxShadowVertical: string;
+    boxShadowInset: boolean;
+    widthSuffix: string;
+    heightSuffix: string;
+};
+export type TOuterContainerStyles = {
+    textAlign: TAlign;
+};
+export type TAreaStyles = React.CSSProperties;
+export type TAreaStylesSettings = {
+    borderRadiusStyle: string;
+    borderRadiusSuffix: string;
+    linkedBorderRadiusInput: boolean;
+    linkedBorderWidthInput: boolean;
+    linkedPaddingInput: boolean;
+    paddingSuffix: string;
+    linkedMarginInput: boolean;
+    marginSuffix: string;
+    boxShadowStyle: string;
+    boxShadowColor: string;
+    boxShadowBlur: string;
+    boxShadowSpread: string;
+    boxShadowHorizontal: string;
+    boxShadowVertical: string;
+    boxShadowInset: boolean;
+    backgroundColor: string;
+    backgroundColorStyle: string;
+    backgroundPosition: string;
+    backgroundRepeat: string;
+    backgroundSize: string;
+    gradientType: string;
+    radialPosition: string;
+    linearAngle: number;
+    gradients: {
+        gradientColor: string;
+        gradientColorLocation: number;
+    }[];
+};
+export type TRichMenuMode = 'single' | 'multiple';
+export type TUPloadMode = 'single' | 'multiple';
+export type TAreaLayoutType = 'large' | 'compact';
+export type TActionType = 'none' | 'message' | 'uri' | 'postback' | 'richmenuswitch' | 'datetimepicker';
+export type TImage = {
+    imageUrl: string;
+    imageStyles: TImageStyles;
+    imageSettings: TImageSettings;
+};
+export type AreaLayoutKey = (typeof AREA_LAYOUT_KEYS)[keyof typeof AREA_LAYOUT_KEYS];
+export type BlockKey = (typeof BLOCK_KEYS)[keyof typeof BLOCK_KEYS];
+export type TActionMessageSettings = {
+    text: string;
+};
+export type TActionUriSettings = {
+    uriType: 'url' | 'tel';
+    uri: string | number;
+};
+export type TActionUrlSettings = {
+    url: string;
+};
+export type TActionVideoSettings = {
+    videoUrl: string;
+    previewImage: string;
+    isAddLabel: false;
+} | {
+    videoUrl: string;
+    previewImage: string;
+    isAddLabel: true;
+    label: string;
+    externalUrl: string;
+};
+export type TActionPostbackSettings = {
+    data: string | number;
+};
+export type TActionRichmenuSwitchSettings = {
+    richMenuAliasId: string | number;
+    data: string | number;
+};
+export type TActionDateTimePickerSettings = {
+    data: string;
+    mode: 'date' | 'time' | 'datetime';
+    min: string | {
+        date: string;
+        time: string;
+    };
+    max: string | {
+        date: string;
+        time: string;
+    };
+    initial: string | {
+        date: string;
+        time: string;
+    };
+};
+export type TAction = {
+    type: 'none';
+} | ({
+    type: 'message';
+} & TActionMessageSettings) | ({
+    type: 'uri';
+} & TActionUriSettings) | ({
+    type: 'postback';
+} & TActionPostbackSettings) | ({
+    type: 'richmenuswitch';
+} & TActionRichmenuSwitchSettings) | ({
+    type: 'datetimepicker';
+} & TActionDateTimePickerSettings);
+export type TActionImageMap = {
+    type: 'none';
+} | ({
+    type: 'message';
+} & TActionMessageSettings) | ({
+    type: 'url';
+} & TActionUrlSettings) | ({
+    type: 'video';
+} & TActionVideoSettings);
+export type CellArea = {
+    bounds: CellBounds;
+    action: TAction;
+};
+export interface RichMenuSettings {
+    size: {
+        width: number;
+        height: number;
+    };
+    selected: boolean;
+    name: string;
+    chatBarText: string;
+    areas: CellArea[];
+}
+export interface RichMenu {
+    id: number | string;
+    menuName?: string;
+    aliasId?: number | string;
+    isDefault: boolean;
+    rows: number;
+    cols: number;
+    cells: TChildrenCell[];
+    areaLayoutId?: AreaLayoutKey;
+    gridTemplateRows: (number | string)[];
+    gridTemplateCols: (number | string)[];
+    layoutType: TAreaLayoutType;
+    uploadMode: TUPloadMode;
+    image: TImage;
+    chatBar: {
+        label: string;
+        displayDefault: boolean;
+    };
+    settings?: RichMenuSettings;
+}
+export type CellBounds = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export interface RichMenuTemplate {
+    name: string;
+    id: number | string;
+    mode: TRichMenuMode;
+    richMenus: RichMenu[];
+}
+export type TChildrenCell = {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    action?: TAction | TActionImageMap;
+    image: TImage;
+    outerContainerStyles: TOuterContainerStyles;
+    areaStyles: TAreaStyles;
+    areaStylesSettings: TAreaStylesSettings;
+    active?: boolean;
+};

package/es/types/richMenu.js

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

package/es/types/variables.d.ts

@@ -0,0 +1,2 @@
+export type TUnit = 'px' | '%' | any;
+export type TAlign = 'left' | 'center' | 'right';

package/es/types/variables.js

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

package/es/utils/color.d.ts

@@ -1,10 +1,10 @@
-export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
-export declare const hexWithAlpha: (color: ColorResult) => string;
-/**
- * Converts a hexadecimal color code to its corresponding RGB values.
- * @param {string} hexCode - The hexadecimal color code to convert.
- * @returns {Array} An array containing the RGB values.
- * @throws {Error} If the input is an invalid hexadecimal color code.
- */
-export declare const hexToRgb: (hexCode: string) => [number, number, number];
-export declare const generateHeatMapColor: (value: number, maxValue: number, rgbColor: [number, number, number]) => string;
+export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
+export declare const hexWithAlpha: (color: ColorResult) => string;
+/**
+ * Converts a hexadecimal color code to its corresponding RGB values.
+ * @param {string} hexCode - The hexadecimal color code to convert.
+ * @returns {Array} An array containing the RGB values.
+ * @throws {Error} If the input is an invalid hexadecimal color code.
+ */
+export declare const hexToRgb: (hexCode: string) => [number, number, number];
+export declare const generateHeatMapColor: (value: number, maxValue: number, rgbColor: [number, number, number]) => string;

package/es/utils/color.js

@@ -1,61 +1,61 @@
-export const isDarkColor = (hexcolor, alpha) => {
-    if (alpha) {
-        if (alpha < 0.5) {
-            return false;
-        }
-        return true;
-    }
-    const r = parseInt(hexcolor.substr(1, 2), 16);
-    const g = parseInt(hexcolor.substr(3, 2), 16);
-    const b = parseInt(hexcolor.substr(4, 2), 16);
-    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
-    return yiq < 155;
-};
-export const hexWithAlpha = (color) => {
-    if (color.hex === 'transparent') {
-        return 'transparent';
-    }
-    let alpha = Math.round((color.rgb.a || 0) * 255).toString(16);
-    if (alpha.length < 2)
-        alpha = `0${alpha}`;
-    const hexWithAlpha = color.hex + (alpha === 'ff' ? '' : alpha);
-    return hexWithAlpha;
-};
-/**
- * Converts a hexadecimal color code to its corresponding RGB values.
- * @param {string} hexCode - The hexadecimal color code to convert.
- * @returns {Array} An array containing the RGB values.
- * @throws {Error} If the input is an invalid hexadecimal color code.
- */
-export const hexToRgb = (hexCode) => {
-    let hex = hexCode.replace('#', '');
-    const hexLen = hex.length;
-    if (hexLen !== 3 && hexLen !== 6) {
-        throw new Error('Invalid hexadecimal color code');
-    }
-    if (hexLen === 3) {
-        hex = hex
-            .split('')
-            .map(char => char + char)
-            .join('');
-    }
-    try {
-        const r = parseInt(hex.substring(0, 2), 16);
-        const g = parseInt(hex.substring(2, 4), 16);
-        const b = parseInt(hex.substring(4, 6), 16);
-        return [r, g, b];
-    }
-    catch (error) {
-        throw new Error('Invalid hexadecimal color code');
-    }
-};
-export const generateHeatMapColor = (value, maxValue, rgbColor) => {
-    // Normalize the value between 0.05 and 1
-    const normalizedValue = value / maxValue + 0.05;
-    // Set the base color components
-    const baseRed = rgbColor[0];
-    const baseGreen = rgbColor[1];
-    const baseBlue = rgbColor[2];
-    // Return the RGBA color as a string
-    return `rgba(${baseRed},${baseGreen},${baseBlue},${normalizedValue})`;
-};
+export const isDarkColor = (hexcolor, alpha) => {
+    if (alpha) {
+        if (alpha < 0.5) {
+            return false;
+        }
+        return true;
+    }
+    const r = parseInt(hexcolor.substr(1, 2), 16);
+    const g = parseInt(hexcolor.substr(3, 2), 16);
+    const b = parseInt(hexcolor.substr(4, 2), 16);
+    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+    return yiq < 155;
+};
+export const hexWithAlpha = (color) => {
+    if (color.hex === 'transparent') {
+        return 'transparent';
+    }
+    let alpha = Math.round((color.rgb.a || 0) * 255).toString(16);
+    if (alpha.length < 2)
+        alpha = `0${alpha}`;
+    const hexWithAlpha = color.hex + (alpha === 'ff' ? '' : alpha);
+    return hexWithAlpha;
+};
+/**
+ * Converts a hexadecimal color code to its corresponding RGB values.
+ * @param {string} hexCode - The hexadecimal color code to convert.
+ * @returns {Array} An array containing the RGB values.
+ * @throws {Error} If the input is an invalid hexadecimal color code.
+ */
+export const hexToRgb = (hexCode) => {
+    let hex = hexCode.replace('#', '');
+    const hexLen = hex.length;
+    if (hexLen !== 3 && hexLen !== 6) {
+        throw new Error('Invalid hexadecimal color code');
+    }
+    if (hexLen === 3) {
+        hex = hex
+            .split('')
+            .map(char => char + char)
+            .join('');
+    }
+    try {
+        const r = parseInt(hex.substring(0, 2), 16);
+        const g = parseInt(hex.substring(2, 4), 16);
+        const b = parseInt(hex.substring(4, 6), 16);
+        return [r, g, b];
+    }
+    catch (error) {
+        throw new Error('Invalid hexadecimal color code');
+    }
+};
+export const generateHeatMapColor = (value, maxValue, rgbColor) => {
+    // Normalize the value between 0.05 and 1
+    const normalizedValue = value / maxValue + 0.05;
+    // Set the base color components
+    const baseRed = rgbColor[0];
+    const baseGreen = rgbColor[1];
+    const baseBlue = rgbColor[2];
+    // Return the RGBA color as a string
+    return `rgba(${baseRed},${baseGreen},${baseBlue},${normalizedValue})`;
+};

package/es/utils/common.d.ts

@@ -1,53 +1,57 @@
-/**
- * Function to reorder list
- * @param {Object[]} list - list of item want to reorder
- * @param {number} startIndex - start item index want to replace position: ;
- * @param {number} endIndex - end item index want to replace position: ;
- * @returns {object[]}
- */
-export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => any[];
-export declare const safeParse: (val: any, defaultVal: any) => any;
-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 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 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;
-    message: any;
-    data: any;
-    codeMessage?: undefined;
-} | {
-    code: number;
-    codeMessage: string;
-    message: any;
-    data: any;
-};
-export declare function getEntriesV2(res: any, def: any): {
-    code: number;
-    codeMessage: any;
-    messageAPI: any;
-    data: any;
-} | {
-    code: number;
-    codeMessage: string;
-    data: any;
-    messageAPI?: undefined;
-};
-export declare const getNumberFromString: (str: string) => number;
-/**
- * Maps a number to its corresponding ordinal text representation.
- * @param {number} num - The number to be mapped.
- * @return {string} The ordinal text representation of the number.
- */
-export declare function mapNumberToOrdinalText(num: number): string;
+/**
+ * Function to reorder list
+ * @param {Object[]} list - list of item want to reorder
+ * @param {number} startIndex - start item index want to replace position: ;
+ * @param {number} endIndex - end item index want to replace position: ;
+ * @returns {object[]}
+ */
+export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => 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 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 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;
+    message: any;
+    data: any;
+    codeMessage?: undefined;
+} | {
+    code: number;
+    codeMessage: string;
+    message: any;
+    data: any;
+};
+export declare function getEntriesV2(res: any, def: any): {
+    code: number;
+    codeMessage: any;
+    messageAPI: any;
+    data: any;
+} | {
+    code: number;
+    codeMessage: string;
+    data: any;
+    messageAPI?: undefined;
+};
+export declare const getNumberFromString: (str: string) => number;
+export declare const isEmail: (email: string) => boolean;
+/**
+ * Maps a number to its corresponding ordinal text representation.
+ * @param {number} num - The number to be mapped.
+ * @return {string} The ordinal text representation of the number.
+ */
+export declare function mapNumberToOrdinalText(num: number): string;
+export declare const searchParamsToObject: (searchParams?: string) => Record<string, unknown>;