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

package/es/test.js

@@ -2,12 +2,9 @@
 import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import '@antscorp/icons/main.css';
-import { ConfigProvider, EdgeSetting, GradientSetting, IconSelection, PositionSetting, SettingWrapper, 
-// Slider,
-SliderWithInputNumber, Space, UploadImage, } from './components';
-// import { Slider } from 'antd';
-import { Slider } from '@antscorp/antsomi-ui/es/components/atoms/Slider';
-import { Rate } from './components/atoms/Rate';
+import { ConfigProvider, InputDynamic, SettingWrapper, UploadImage, } from './components';
+// Queries configs
+import { queryClientAntsomiUI, QueryClientProviderAntsomiUI } from './queries';
 export const BACKGROUND_COLOR_STYLE = {
     SOLID: {
         value: 'color',
@@ -18,6 +15,7 @@ export const BACKGROUND_COLOR_STYLE = {
         label: 'Gradient',
     },
 };
+const DOMAIN_MEDIA_SANDBOX = 'https://sandbox-media-template.antsomi.com/cdp';
 export const customColors = [
     '#f7da64',
     '#8912dd',
@@ -31,6 +29,8 @@ export const customColors = [
     '#57b8c2',
 ];
 export const App = () => {
+    // const [valueShortlink, setValueShortlink] = useState('#{shortlink(https://test.com.vn)}');
+    const [valueShortlink, setValueShortlink] = useState('');
     const [state, setState] = useState({
         option: {
             dateType: 'today',
@@ -49,6 +49,7 @@ export const App = () => {
     const [sliderValue, setSliderValue] = useState(10);
     const [edge, setEdge] = useState(['auto', 'auto', 700, 700]);
     const [icon, setIcon] = useState('');
+    console.log('valueShortlink :>', valueShortlink);
     const callbackColorSetting = (key, dataIn) => {
         switch (key) {
             case 'ON_ADD_NEW_PRESET':
@@ -78,75 +79,212 @@ export const App = () => {
     const handleSetIcon = value => {
         setIcon(value);
     };
-    // ----------------------------  Test Helps Start ------------------------------
+    // ----------------------------  Test Input Dynamic start ------------------------------
     // return (
-    //   <div style={{ display: 'flex', justifyContent: 'center', width: '100vw', height: '100vh' }}>
-    //     <Help />
+    //   <div
+    //     style={{
+    //       width: 500,
+    //       height: 500,
+    //       border: '1px solid black',
+    //       margin: '0 auto',
+    //       padding: 12,
+    //       borderRadius: '10px',
+    //     }}
+    //   >
+    //     <InputDynamic
+    //       errors={[]}
+    //       onChange={dataOut => setValueShortlink(dataOut)}
+    //       onError={() => {}}
+    //       isViewMode={false}
+    //       canMultipleLine={false}
+    //       value={valueShortlink}
+    //     />
     //   </div>
     // );
-    // ----------------------------  Test Helps End ------------------------------
-    // ------------------------ Media template components test start -------------------------
-    return (React.createElement(ConfigProvider, null,
+    return (React.createElement(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI },
         React.createElement("div", { style: {
                 width: 500,
-                height: 1000,
+                height: 500,
                 border: '1px solid black',
                 margin: '0 auto',
                 padding: 12,
                 borderRadius: '10px',
-                marginTop: 12,
             } },
-            React.createElement("h2", { style: { textAlign: 'center' } }, "Test component of media template"),
-            React.createElement(Space, { size: 20, direction: "vertical" },
-                React.createElement(SettingWrapper, { vertical: true, label: "Color Setting" },
-                    React.createElement(GradientSetting, null)),
-                React.createElement(SliderWithInputNumber, { label: "Size (px)", labelStyling: { marginTop: 10 }, min: 0, max: 100, value: sliderValue, onAfterChange: handleChangeSlider }),
-                React.createElement(EdgeSetting, { label: "Notification Spacing", unit: "px", linked: false, values: edge, 
-                    // edgeLabels={[t(translations.column.title), t(translations.row.title)]}
-                    onChange: ({ values, linked, unit }) => {
-                        setEdge(values);
-                        // onUpdateSettings({
-                        //   gapX: values[0] + unit,
-                        //   gapY: values[1] + unit,
-                        //   gapSuffix: unit,
-                        //   linkedGapInput: linked,
+            React.createElement(InputDynamic, { errors: [], onChange: dataOut => setValueShortlink(dataOut), onError: () => { }, isViewMode: false, canMultipleLine: false, allowDynamicOptions: ['addPersonalization', 'shortlink'], value: valueShortlink }),
+            React.createElement(SettingWrapper, { vertical: true, label: "Background Image", containerStyle: { gap: '20px' } },
+                React.createElement(UploadImage, { domainMedia: "https://sandbox-media-template.antsomi.com", slug: "cdp/api/v1", labelButtonSelect: "Select Toggle from Computor", labelHeadingModal: "Toggle Selection", searchPlaceholder: "Search toggle", paramConfigs: {
+                        token: '5474r2x214z294b423a4y474d4j5q274p4g494f4k5p5',
+                        userId: '1600084695',
+                        accountId: '1600084695',
+                    }, 
+                    // title="Background Image"
+                    selectedImage: {
+                        url: 'https://th.bing.com/th?id=OSK.8664d1b5838c79a3d74a3e97739978b5&w=148&h=148&c=7&o=6&dpr=2&pid=SANGAM',
+                    }, onChangeImage: image => { }, onRemoveImage: () => {
+                        // onChangeSettings('backgroundImageObj', {
+                        //   name: '',
+                        //   previewUrl: '',
                         // });
-                    } }),
-                React.createElement(PositionSetting, { settings: { linkedPositionInput: false, positionSuffix: 'px' }, styles: { top: '10px', right: '20px', bottom: '30', left: '40' }, onChange: () => { } })),
-            React.createElement(Space, { size: 10, direction: "vertical" },
-                React.createElement(SettingWrapper, { vertical: true, label: "Background Image", containerStyle: { gap: '20px' } },
-                    React.createElement(UploadImage, { domainMedia: "https://sandbox-media-template.antsomi.com", slug: "cdp/api/v1", labelButtonSelect: "Select Toggle from Computor", labelHeadingModal: "Toggle Selection", searchPlaceholder: "Search toggle", paramConfigs: {
-                            token: '5474r2x214z294b423a4y474d4j5q274p4g494f4k5p5',
-                            userId: '1600084695',
-                            accountId: '1600084695',
-                        }, 
-                        // title="Background Image"
-                        selectedImage: {
-                            url: 'https://th.bing.com/th?id=OSK.8664d1b5838c79a3d74a3e97739978b5&w=148&h=148&c=7&o=6&dpr=2&pid=SANGAM',
-                        }, onChangeImage: image => { }, onRemoveImage: () => {
-                            // onChangeSettings('backgroundImageObj', {
-                            //   name: '',
-                            //   previewUrl: '',
-                            // });
-                        } })),
-                React.createElement(SettingWrapper, { vertical: true, label: "Icon" },
-                    React.createElement(IconSelection, { isOpen: false, labelHeadingModal: "Toggle Selection", searchPlaceholder: "Search for toggle...", icon: icon, onChange: handleSetIcon, iconTypes: ['cus', 'font-awesome'], onChangeSvg: value => {
-                            console.log('onChangeSvg', value);
-                        } }))))));
+                    } })))));
+    // ----------------------------  Test Input Dynamic End ------------------------------
+    // ----------------------------  Test Helps Start ------------------------------
+    // return (
+    //   <div style={{ display: 'flex', justifyContent: 'center', width: '100vw', height: '100vh' }}>
+    //     <Help />
+    //   </div>
+    // );
+    // ----------------------------  Test Helps End ------------------------------
+    // ------------------------ Media template components test start -------------------------
+    // return (
+    //   <ConfigProvider>
+    //     <div
+    //       style={{
+    //         width: 500,
+    //         height: 1000,
+    //         border: '1px solid black',
+    //         margin: '0 auto',
+    //         padding: 12,
+    //         borderRadius: '10px',
+    //         marginTop: 12,
+    //       }}
+    //     >
+    //       <h2 style={{ textAlign: 'center' }}>Test component of media template</h2>
+    //       <Space size={20} direction="vertical">
+    //         {/* <SettingWrapper vertical label="Color Setting">
+    //           <ColorSetting
+    //             label="Background Color"
+    //             labelStyling={{ color: THEME.token?.colorIcon }}
+    //             color={colorSettingState.color}
+    //             customColors={colorSettingState.customColors}
+    //             callback={callbackColorSetting}
+    //             onChange={handleChangeColorSetting}
+    //           />
+    //         </SettingWrapper>
+    //         <SettingWrapper vertical label="Input number with unit">
+    //           <InputNumberWithUnit
+    //             unit="px"
+    //             min={0}
+    //             max={2000}
+    //             value={700}
+    //             onChange={value => {
+    //               console.log('onChange:: ', value);
+    //             }}
+    //             onChangeUnit={unit => {
+    //               console.log('onChangeUnit:: ', unit);
+    //             }}
+    //           />
+    //         </SettingWrapper>
+    //         <SettingWrapper label="Radio Group">
+    //           <RadioGroup
+    //             options={Object.values(BACKGROUND_COLOR_STYLE)}
+    //             value={radioValue}
+    //             onChange={e => handleChangeRadio(e)}
+    //           />
+    //         </SettingWrapper> */}
+    //         <SettingWrapper vertical label="Color Setting">
+    //           <GradientSetting />
+    //         </SettingWrapper>
+    //         <SliderWithInputNumber
+    //           label="Size (px)"
+    //           labelStyling={{ marginTop: 10 }}
+    //           min={0}
+    //           max={100}
+    //           value={sliderValue}
+    //           onAfterChange={handleChangeSlider}
+    //         />
+    //         <EdgeSetting
+    //           label="Notification Spacing"
+    //           unit="px"
+    //           linked={false}
+    //           values={edge}
+    //           // edgeLabels={[t(translations.column.title), t(translations.row.title)]}
+    //           onChange={({ values, linked, unit }) => {
+    //             setEdge(values);
+    //             // onUpdateSettings({
+    //             //   gapX: values[0] + unit,
+    //             //   gapY: values[1] + unit,
+    //             //   gapSuffix: unit,
+    //             //   linkedGapInput: linked,
+    //             // });
+    //           }}
+    //         />
+    //         <PositionSetting
+    //           settings={{ linkedPositionInput: false, positionSuffix: 'px' }}
+    //           styles={{ top: '10px', right: '20px', bottom: '30', left: '40' }}
+    //           onChange={() => {}}
+    //         />
+    //       </Space>
+    //       <Space size={10} direction="vertical">
+    //         <SettingWrapper vertical label="Background Image" containerStyle={{ gap: '20px' }}>
+    //           <UploadImage
+    //             domainMedia="https://sandbox-media-template.antsomi.com"
+    //             slug="cdp/api/v1"
+    //             labelButtonSelect="Select Toggle from Computor"
+    //             labelHeadingModal="Toggle Selection"
+    //             searchPlaceholder="Search toggle"
+    //             paramConfigs={{
+    //               token: '5474r2x214z294b423a4y474d4j5q274p4g494f4k5p5',
+    //               userId: '1600084695',
+    //               accountId: '1600084695',
+    //             }}
+    //             // title="Background Image"
+    //             selectedImage={{
+    //               url: 'https://th.bing.com/th?id=OSK.8664d1b5838c79a3d74a3e97739978b5&w=148&h=148&c=7&o=6&dpr=2&pid=SANGAM',
+    //             }}
+    //             onChangeImage={image =>
+    //               // onChangeSettings('backgroundImageObj', {
+    //               //   name: image.name,
+    //               //   previewUrl: image.url,
+    //               // })
+    //               {}
+    //             }
+    //             onRemoveImage={() => {
+    //               // onChangeSettings('backgroundImageObj', {
+    //               //   name: '',
+    //               //   previewUrl: '',
+    //               // });
+    //             }}
+    //           />
+    //         </SettingWrapper>
+    //         <SettingWrapper vertical label="Icon">
+    //           <IconSelection
+    //             isOpen={false}
+    //             labelHeadingModal="Toggle Selection"
+    //             searchPlaceholder="Search for toggle..."
+    //             icon={icon}
+    //             onChange={handleSetIcon}
+    //             iconTypes={['cus', 'font-awesome']}
+    //             onChangeSvg={value => {
+    //               console.log('onChangeSvg', value);
+    //             }}
+    //           />
+    //         </SettingWrapper>
+    //       </Space>
+    //     </div>
+    //   </ConfigProvider>
+    // );
     // ------------------------ Media template components test end -------------------------
-    return (React.createElement("div", { style: { width: '500px', margin: '32px' } },
-        React.createElement(GradientSetting, { onChange: e => console.log('gradient change') }),
-        React.createElement("br", null),
-        React.createElement("br", null),
-        React.createElement("br", null),
-        React.createElement("br", null),
-        React.createElement(Slider, { className: "test-classname", min: -10, max: 10, onChange: e => console.log('slider change', e) }),
-        React.createElement("br", null),
-        React.createElement("br", null),
-        React.createElement(Rate, null),
-        React.createElement("br", null),
-        React.createElement("br", null),
-        React.createElement(Slider, { className: "test-classname" })));
+    // return (
+    //   <div style={{ width: '500px', margin: '32px' }}>
+    //     <GradientSetting onChange={e => console.log('gradient change')} />
+    //     <br />
+    //     <br />
+    //     <br />
+    //     <br />
+    //     <Slider
+    //       className="test-classname"
+    //       min={-10}
+    //       max={10}
+    //       onChange={e => console.log('slider change', e)}
+    //     />
+    //     <br />
+    //     <br />
+    //     <Rate />
+    //     <br />
+    //     <br />
+    //     <Slider className="test-classname" />
+    //   </div>
+    // );
 };
 const container = document.getElementById('root');
 const root = createRoot(container);

package/es/types/index.d.ts

@@ -4,3 +4,20 @@ export type THandleErrorPayload = {
     args: Record<string, any>;
 };
 export type TLocale = 'en' | 'vi';
+export type GenericFunction = (...args: any[]) => any;
+export type TConfigErrorInfo = {
+    [key: string]: any;
+    path?: string;
+    action?: string;
+    name?: string;
+    args?: any;
+    priority?: 'low' | 'medium' | 'high';
+    from?: 'try-catch' | 'error-boundary';
+};
+export type PayloadInfo = {
+    userId?: string;
+    token?: string;
+    accountId?: string;
+};
+export * from './richMenu';
+export * from './variables';

package/es/types/index.js

@@ -1 +1,2 @@
-export {};
+export * from './richMenu';
+export * from './variables';

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/common.d.ts

@@ -7,6 +7,8 @@
  */
 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;
@@ -45,9 +47,11 @@ export declare function getEntriesV2(res: any, def: 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>;

package/es/utils/common.js

@@ -26,6 +26,22 @@ export const safeParse = (val, defaultVal) => {
     }
     return val;
 };
+export const getObjectPropSafely = (fn, defaultValue = '') => {
+    try {
+        return fn();
+    }
+    catch (e) {
+        return defaultValue;
+    }
+};
+export const random = number => {
+    let text = '';
+    const possible = 'abcdefghijklmnopqrstuvwxyz0123456789';
+    for (let i = 0; i < number; i++) {
+        text += possible.charAt(Math.floor(Math.random() * possible.length));
+    }
+    return text;
+};
 export function getPortalId(config) {
     const portalId = safeParse(getSessionStorage('api_pid', config), 0);
     if (portalId === 0) {
@@ -320,6 +336,10 @@ export const getNumberFromString = (str) => {
         return 0;
     }
 };
+export const isEmail = (email) => {
+    const emailRegex = /^[A-Za-z0-9_!#$%&'*+\/=?`{|}~^.-]+@[A-Za-z0-9.-]+$/gm;
+    return emailRegex.test(email);
+};
 /**
  * Maps a number to its corresponding ordinal text representation.
  * @param {number} num - The number to be mapped.
@@ -353,3 +373,4 @@ export function mapNumberToOrdinalText(num) {
             return '';
     }
 }
+export const searchParamsToObject = (searchParams = '') => Object.fromEntries(new URLSearchParams(searchParams));

package/es/utils/handleError.d.ts

@@ -1,2 +1,32 @@
-import { THandleErrorPayload } from '@antscorp/antsomi-ui/es/types';
-export declare const handleError: (error: any, payload: THandleErrorPayload) => void;
+import { GenericFunction, TConfigErrorInfo } from '@antscorp/antsomi-ui/es/types';
+export declare const handleError: (error?: any, configInfo?: TConfigErrorInfo, isShowMessageError?: boolean) => Promise<void>;
+type TryCatchWrapper<F extends GenericFunction> = (...args: Parameters<F>) => ReturnType<F>;
+/**
+ * @param func callback function need to try-catch
+ * @param path relative path of current file that func execute
+ * @returns func(args:? any[])
+ * @example
+ * ```
+ * function handler(argument: string) {
+ *   console.log(argument)
+ * }
+ *
+ * tryCatchWrapper(handler, PATH)('this string will be log to console');
+ * ```
+ */
+export declare function tryCatchWrapper<F extends GenericFunction>(func: F, path: string): TryCatchWrapper<F>;
+/**
+ * @param func callback function need to try-catch
+ * @param options options config for handleError function
+ * @returns func(args:? any[])
+ * @example
+ * ```
+ * function handler(argument: string) {
+ *   console.log(argument)
+ * }
+ *
+ * tryCatchWrapper(handler, PATH)('this string will be log to console');
+ * ```
+ */
+export declare function tryCatchWrapper<F extends GenericFunction>(func: F, options: TConfigErrorInfo): TryCatchWrapper<F>;
+export {};