@antscorp/antsomi-ui 2.0.118 → 3.0.0-beta.1

package/es/components/molecules/MatchAnySelect/styled.d.ts

@@ -8,18 +8,14 @@ export declare const ActionButton: import("styled-components").StyledComponent<(
 export declare const StyledTree: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("rc-tree/lib/interface").DataNode = import("rc-tree/lib/interface").DataNode>(props: import("antd/es/tree/Tree").TreeProps<T> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("rc-tree/lib/interface").DataNode>>;
+    TreeNode: import("react").FC<Readonly<import("rc-tree").TreeNodeProps<import("rc-tree/lib/interface").DataNode>>>;
     DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("rc-tree/lib/interface").DataNode = import("rc-tree/lib/interface").DataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
         children?: import("react").ReactNode;
-    } & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-        displayName?: string | undefined;
-    };
+    } & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName">;
 } & {
     DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("rc-tree/lib/interface").DataNode = import("rc-tree/lib/interface").DataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
         children?: import("react").ReactNode;
-    } & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-        displayName?: string | undefined;
-    };
+    } & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName">;
     Standard: import("react").FC<import("antd/es/tree/Tree").TreeProps<import("rc-tree/lib/interface").DataNode>>;
 }, any, {}, never>;
 export declare const TextArea: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/es/components/molecules/Modal/Modal.d.ts

@@ -12,7 +12,7 @@ export declare const OriginalModal: React.FC<ModalProps>;
 export declare const Modal: React.FC<ModalProps> & {
     confirm: (props: ModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     success: import("antd/es/modal/confirm").ModalFunc;

package/es/components/molecules/Popconfirm/Popconfirm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const Popconfirm: import("react").ForwardRefExoticComponent<import("antd").PopconfirmProps & import("react").RefAttributes<unknown>> & {
+export declare const Popconfirm: import("react").ForwardRefExoticComponent<import("antd").PopconfirmProps & import("react").RefAttributes<import("antd/es/tooltip").TooltipRef>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popconfirm/PurePanel").PurePanelProps>;
 };

package/es/components/molecules/PreviewModal/styled.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 export declare const StyledModal: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/ProcessLoading/styled.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const ProcessLoadingContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ProcessLoadingContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/molecules/RadioGroup/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const RadioGroupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;
+export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/es/components/molecules/RichMenu/RichMenuChatBar/TypingChat/styled.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 export declare const TypingInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const TypingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TypingChatWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const TypingChatWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/molecules/RichMenu/RichMenuChatBar/styled.d.ts

@@ -5,6 +5,10 @@ interface ChatBarWrapperProps {
     $disabled?: boolean;
     $size?: 'large' | 'medium';
 }
-export declare const ChatBarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, ChatBarWrapperProps, never>;
-export declare const ChatBarMenuBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ChatBarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, ChatBarWrapperProps, never>;
+export declare const ChatBarMenuBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export {};

package/es/components/molecules/SearchPopover/styled.d.ts

@@ -5,6 +5,7 @@ export declare const StyledInput: import("styled-components").StyledComponent<im
         Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("rc-input").InputRef>>;
         TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
         Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("rc-input").InputRef>>;
+        OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
     };
     readonly CustomSearch: import("react").ForwardRefExoticComponent<import("../../atoms/Input").InputProps & import("react").RefAttributes<import("rc-input").InputRef>>;
     readonly TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;

package/es/components/molecules/Select/styled.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const StyledTag: import("styled-components").StyledComponent<import("antd/lib").TagType & {
+export declare const StyledTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib").TagProps & import("react").RefAttributes<HTMLSpanElement>> & {
+    CheckableTag: import("react").ForwardRefExoticComponent<import("antd/lib/tag").CheckableTagProps & import("react").RefAttributes<HTMLSpanElement>>;
+} & {
     List: import("react").FC<import("../../atoms/Tag/Tag").TagListProps>;
 }, any, {}, never>;
 export declare const TagCloseBtn: import("styled-components").StyledComponent<"div", any, {

package/es/components/molecules/SelectAccount/AccountList.js

@@ -40,7 +40,7 @@ const AccountList = () => {
             setTempSelected(tempSelected.filter(id => id !== key));
         }
     };
-    return (_jsxs(AccountListWrapper, { children: [_jsx(AccountListBody, { children: _jsxs("form", { ref: formListRef, id: "form-account-list", children: [_jsx(Input, { value: searchText, placeholder: translate(translations._ACT_SEARCH), suffix: _jsx(Icon, { type: "icon-ants-search-2" }), onAfterChange: value => handleSearch(value), debounce: 500 }), state?.type === 'group' ? (_jsxs(_Fragment, { children: [_jsx(Dropdown, { open: openGroup, getPopupContainer: () => document.getElementById('account-group-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], dropdownRender: () => (
+    return (_jsxs(AccountListWrapper, { children: [_jsx(AccountListBody, { children: _jsxs("form", { ref: formListRef, id: "form-account-list", children: [_jsx(Input, { value: searchText, placeholder: translate(translations._ACT_SEARCH), suffix: _jsx(Icon, { type: "icon-ants-search-2" }), onAfterChange: value => handleSearch(value), debounce: 500 }), state?.type === 'group' ? (_jsxs(_Fragment, { children: [_jsx(Dropdown, { open: openGroup, getPopupContainer: () => document.getElementById('account-group-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], popupRender: () => (
                                     // <AccountListContent>
                                     _jsx(Scrollbars, { width: "100%", autoHeight: true, autoHeightMax: 160, onScrollFrame: values => {
                                             if (values.top > POSITION_TOP &&
@@ -52,7 +52,7 @@ const AccountList = () => {
                                     ), children: _jsxs(AccountListTitleGroup, { onClick: () => setOpenGroup(!openGroup), children: [_jsx("div", { children: state.groupText || 'Account group' }), _jsx(Icon, { type: "icon-ants-expand-more", size: 20, color: "#595959", style: {
                                                     transform: openGroup ? 'rotate(180deg)' : 'rotate(0deg)',
                                                     transition: '0.3s',
-                                                } })] }) }), _jsx("div", { id: "account-group-list" }), _jsx(Dropdown, { open: openAccount, getPopupContainer: () => document.getElementById('account-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], dropdownRender: () => (_jsx(Scrollbars, { autoHeight: true, autoHeightMax: 160, width: "100%", onScrollFrame: values => {
+                                                } })] }) }), _jsx("div", { id: "account-group-list" }), _jsx(Dropdown, { open: openAccount, getPopupContainer: () => document.getElementById('account-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], popupRender: () => (_jsx(Scrollbars, { autoHeight: true, autoHeightMax: 160, width: "100%", onScrollFrame: values => {
                                             if (values.top > POSITION_TOP && limit * page < usersDisplay?.length) {
                                                 setPage(page + 1);
                                             }

package/es/components/molecules/SelectAccount/AccountListOnlyOne.js

@@ -27,7 +27,7 @@ const AccountListOnlyOne = () => {
             dispatch({ type: 'UPDATE_SEARCH_TEXT', payload: '' });
         }
     };
-    return (_jsx(AccountListWrapper, { children: _jsxs("div", { children: [_jsx(Input, { value: searchText, placeholder: "Search", suffix: _jsx(SearchIcon, { color: "#595959" }), onAfterChange: value => handleSearch(value), debounce: 500, style: { borderStyle: 'none' } }), state?.type === 'group' ? (_jsxs(_Fragment, { children: [_jsx(Dropdown, { open: openGroup, getPopupContainer: () => document.getElementById('account-group-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], dropdownRender: () => (
+    return (_jsx(AccountListWrapper, { children: _jsxs("div", { children: [_jsx(Input, { value: searchText, placeholder: "Search", suffix: _jsx(SearchIcon, { color: "#595959" }), onAfterChange: value => handleSearch(value), debounce: 500, style: { borderStyle: 'none' } }), state?.type === 'group' ? (_jsxs(_Fragment, { children: [_jsx(Dropdown, { open: openGroup, getPopupContainer: () => document.getElementById('account-group-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], popupRender: () => (
                             // <AccountListContent>
                             _jsx(Scrollbars, { width: "100%", autoHeight: true, autoHeightMax: 160, onScrollFrame: values => {
                                     if (values.top > POSITION_TOP &&
@@ -39,7 +39,7 @@ const AccountListOnlyOne = () => {
                             ), children: _jsxs(AccountListTitleGroup, { onClick: () => setOpenGroup(!openGroup), children: [_jsx("div", { children: state.groupText || 'Account group' }), _jsx(Icon, { type: "icon-ants-expand-more", size: 20, color: "#595959", style: {
                                             transform: openGroup ? 'rotate(180deg)' : 'rotate(0deg)',
                                             transition: '0.3s',
-                                        } })] }) }), _jsx("div", { id: "account-group-list" }), _jsx(Dropdown, { open: openAccount, getPopupContainer: () => document.getElementById('account-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], dropdownRender: () => (_jsx(Scrollbars, { autoHeight: true, autoHeightMax: 160, width: "100%", onScrollFrame: values => {
+                                        } })] }) }), _jsx("div", { id: "account-group-list" }), _jsx(Dropdown, { open: openAccount, getPopupContainer: () => document.getElementById('account-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], popupRender: () => (_jsx(Scrollbars, { autoHeight: true, autoHeightMax: 160, width: "100%", onScrollFrame: values => {
                                     if (values.top > POSITION_TOP && limit * page < usersDisplay?.length) {
                                         setPage(page + 1);
                                     }

package/es/components/molecules/SelectAccount/hook/useGetAbstractUsers.d.ts

@@ -1,11 +1,11 @@
 import { UseQueryOptions } from '@tanstack/react-query';
 type Props = {
-    queryOptions?: UseQueryOptions;
+    queryOptions?: Omit<UseQueryOptions, 'queryKey' | 'queryFn'>;
     params?: Record<string, any>;
     search?: string;
     queryFn?: Function;
     enabled?: boolean;
     defaultDataSource?: any;
 };
-export declare const useGetAbstractUsers: ({ queryOptions, params, search, queryFn, }: Props) => import("@tanstack/react-query").UseQueryResult<unknown, unknown>;
+export declare const useGetAbstractUsers: ({ queryOptions, params, search, queryFn, }: Props) => import("@tanstack/react-query").UseQueryResult<unknown, Error>;
 export {};

package/es/components/molecules/SelectAccount/styled.d.ts

@@ -14,7 +14,7 @@ export declare const AccountListFooter: import("styled-components").StyledCompon
 export declare const AccountListTitleGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AccountListContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CheckboxStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").CheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
-    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 }, any, {}, never>;
 export declare const ViewAllWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ItemOnlyOne: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -5,10 +5,9 @@ import { ModalTransferOwnership } from '../ModalTransferOwnerShip/ModalTransferO
 import { PeopleAccess } from '../PeopleAccess';
 import { SearchUser } from '../SearchUser';
 import { StyledLayoutContentRoot } from './styled';
-import { Spin } from '@antscorp/antsomi-ui/es/components/atoms';
 export const LayoutContent = (props) => {
-    const { getUserInfo, generalAccessSettings, excludeUserAccess, placeholder, allowAddUser = true, hideTransferOwnership, } = props;
+    const { getUserInfo, generalAccessSettings, excludeUserAccess, placeholder, allowAddUser = true, hideTransferOwnership, className, } = props;
     const { state } = useShareAccess();
     const { isLoading } = state;
-    return (_jsx(Spin, { spinning: !!isLoading, children: _jsxs(StyledLayoutContentRoot, { children: [!isLoading && allowAddUser && (_jsx(SearchUser, { getUserInfo: getUserInfo, placeholder: placeholder })), _jsx(PeopleAccess, { excludeUserAccess: excludeUserAccess, hideTransferOwnership: hideTransferOwnership }), _jsx(GeneralAccess, { generalAccessSettings: generalAccessSettings }), _jsx(ModalTransferOwnership, {})] }) }));
+    return (_jsxs(StyledLayoutContentRoot, { className: className, children: [!isLoading && allowAddUser && (_jsx(SearchUser, { getUserInfo: getUserInfo, placeholder: placeholder })), _jsx(PeopleAccess, { excludeUserAccess: excludeUserAccess, hideTransferOwnership: hideTransferOwnership }), _jsx(GeneralAccess, { generalAccessSettings: generalAccessSettings }), _jsx(ModalTransferOwnership, {})] }));
 };

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

@@ -5,6 +5,7 @@ export const shareAccessReducer = (onChange, onRawChange) => (state, action) =>
     switch (action.type) {
         case TYPES.UPDATE_OBJECT_ACCESS_INFO: {
             const { updated, triggerOut = true } = action.payload;
+            // console.log({ action });
             draft.accessInfo = updated;
             if (triggerOut) {
                 const mapped = mappingOutData(action.payload.updated);

package/es/components/molecules/ShareAccess/types.d.ts

@@ -34,6 +34,10 @@ export type UserAccessInfoRaw = {
     allow_view: number;
     allow_edit: number;
     allow_comment: number;
+    full_name?: string;
+    email?: string;
+    avatar?: string;
+    [key: string]: any;
 };
 export type ObjectAccessInfoRaw = {
     is_public: number;
@@ -47,6 +51,7 @@ export type GeneralAccessSettings = {
     publicOnlyWith?: boolean;
 };
 export type ShareAccessProps = {
+    className?: string;
     userId?: number;
     userPermission?: {
         edit: number;

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

@@ -1,5 +1,5 @@
 import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, REGEX_REMOVE_NAME, ROLE_ACCESS_LABEL, ROLE_MAPPING, } from './constants';
-import { remove } from 'lodash';
+import { remove, mapKeys, camelCase, snakeCase } from 'lodash';
 import { snakeCaseToCamelCase } from '@antscorp/antsomi-ui/es/utils';
 export const mergePermission = (objectPermissionAllow, menuPermissionValue) => {
     const valueMapping = {
@@ -87,7 +87,14 @@ export const safeParseAccessInfo = (accessInfo) => {
     return {
         ...accessInfo,
         ownerId: +(ownerId || -1),
-        listAccess: accessInfo?.listAccess?.map(user => ({ ...user, userId: +user.userId })),
+        listAccess: accessInfo?.listAccess?.map(user => ({
+            ...user,
+            userId: +user.userId,
+            role: +user.role,
+            allowView: +user.allowView,
+            allowEdit: +user.allowEdit,
+            allowComment: +user.allowComment,
+        })),
     };
 };
 export const fromRaw = (raw) => ({
@@ -95,6 +102,7 @@ export const fromRaw = (raw) => ({
     publicRole: raw.public_role,
     ownerId: raw.owner_id ?? -1,
     listAccess: raw.list_access.map(u => ({
+        ...mapKeys(u, (_v, key) => camelCase(key)),
         userId: u.user_id,
         role: u.role,
         allowView: u.allow_view,
@@ -107,6 +115,7 @@ export const toRaw = (info) => ({
     public_role: info.publicRole,
     owner_id: info.ownerId,
     list_access: info.listAccess.map(u => ({
+        ...mapKeys(u, (_v, key) => snakeCase(key)),
         user_id: u.userId,
         role: u.role,
         allow_view: u.allowView,

package/es/components/molecules/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Tabs: import("styled-components").StyledComponent<import("react").FC<import("antd").TabsProps> & {
+export declare const Tabs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").TabsProps & import("react").RefAttributes<import("antd/es/tabs").TabsRef>> & {
     TabPane: import("react").FC<import("antd").TabPaneProps>;
 }, any, {
     shadow?: boolean | undefined;

package/es/components/molecules/TemplateSaveAs/TemplateSaveAs.js

@@ -169,7 +169,7 @@ export const TemplateSaveAs = props => {
                                                         onScrollToBottom();
                                                     }
                                                 }
-                                            }, filterOption: false, dropdownRender: menu => (_jsxs(_Fragment, { children: [isLoading && templateNameList.length === 0 ? null : menu, isLoading ? (_jsx(Space, { style: {
+                                            }, filterOption: false, popupRender: menu => (_jsxs(_Fragment, { children: [isLoading && templateNameList.length === 0 ? null : menu, isLoading ? (_jsx(Space, { style: {
                                                             padding: '4px 0',
                                                             width: '100%',
                                                             justifyContent: 'center',

package/es/components/molecules/TemplateSaveAs/components/Category/Category.js

@@ -24,5 +24,5 @@ export const Category = props => {
                         //   maxHeight: 400,
                         //   overflow: 'auto',
                         // }}
-                        getPopupContainer: triggerNode => triggerNode.parentElement, trigger: ['click'], dropdownRender: node => _jsx(DropdownMenuContent, { children: node }), children: typeof label === 'string' ? (_jsx(Button, { disabled: true, children: _jsxs(Text, { ellipsis: true, style: { color: 'inherit' }, children: ["+ Add ", label?.toLowerCase()] }) })) : (label) }))] })] }));
+                        getPopupContainer: triggerNode => triggerNode.parentElement, trigger: ['click'], popupRender: node => _jsx(DropdownMenuContent, { children: node }), children: typeof label === 'string' ? (_jsx(Button, { disabled: true, children: _jsxs(Text, { ellipsis: true, style: { color: 'inherit' }, children: ["+ Add ", label?.toLowerCase()] }) })) : (label) }))] })] }));
 };

package/es/components/molecules/TemplateSaveAs/components/ImageSlider/styled.d.ts

@@ -5,5 +5,7 @@ interface ImageSliderStyledProps {
     $imageWidth?: number;
     $imageHeight?: number;
 }
-export declare const ImageSliderStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, ImageSliderStyledProps, never>;
+export declare const ImageSliderStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, ImageSliderStyledProps, never>;
 export {};

package/es/components/molecules/TemplateSaveAs/hooks/useTemplateSave.d.ts

@@ -65,8 +65,8 @@ export declare const useTemplateSave: (options: TemplateListingOptions) => {
     };
     form: import("antd").FormInstance<FormValue>;
     errors: any[] | undefined;
-    refetchCategoryList: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<TemplateCategory[], any>>;
-    refetchTemplateList: <TPageData_1>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData_1>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<any>, any>>;
+    refetchCategoryList: (options?: import("@tanstack/react-query").RefetchOptions | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<NoInfer<TemplateCategory[]>, any>>;
+    refetchTemplateList: (options?: import("@tanstack/react-query").RefetchOptions | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<any, any>>;
     onLoadMore: () => void;
     onChange: (newValue: Partial<TemplateValueOptions>) => void;
 };

package/es/components/molecules/TemplateSaveAs/styled.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-export declare const TemplateSaveAsStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const TemplateSaveAsStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {
     $skeleton?: boolean | undefined;
 }, never>;

package/es/components/molecules/Tree/Tree.d.ts

@@ -5,12 +5,10 @@ declare const StandardTree: React.FC<TreeProps>;
 export declare const Tree: (<T extends import("rc-tree").BasicDataNode | TreeDataNode = TreeDataNode>(props: TreeProps<T> & {
     children?: React.ReactNode;
 } & React.RefAttributes<import("rc-tree").default<TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    TreeNode: React.FC<import("rc-tree").TreeNodeProps<TreeDataNode>>;
+    TreeNode: React.FC<Readonly<import("rc-tree").TreeNodeProps<TreeDataNode>>>;
     DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | TreeDataNode = TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
         children?: React.ReactNode;
-    } & React.RefAttributes<import("rc-tree").default<TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-        displayName?: string | undefined;
-    };
+    } & React.RefAttributes<import("rc-tree").default<TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Pick<React.FC<{}>, "displayName">;
 } & {
     DirectoryTree: typeof AntdTree.DirectoryTree;
     Standard: typeof StandardTree;

package/es/components/molecules/Tree/styled.d.ts

@@ -2,15 +2,11 @@
 export declare const StyledTree: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd").TreeProps<T> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>;
+    TreeNode: import("react").FC<Readonly<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>>;
     DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
         children?: import("react").ReactNode;
-    } & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-        displayName?: string | undefined;
-    };
+    } & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName">;
 }, any, any, never>;
 export declare const StyledTreeDirectory: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T> & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
-}, any, any, never>;
+} & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName">, any, any, never>;

package/es/components/molecules/TreeSelect/TreeSelect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
+export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/interface").DataNode = import("rc-tree-select/lib/interface").DataNode>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
     displayName?: string | undefined;

package/es/components/molecules/UnsubscribePreview/components/styled.d.ts

@@ -1,13 +1,16 @@
 /// <reference types="react" />
-import { List } from 'antd';
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoImg: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const Identifier: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListStyled: import("styled-components").StyledComponent<typeof List, any, {}, never>;
+export declare const ListStyled: import("styled-components").StyledComponent<(<T>(props: import("antd").ListProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLDivElement> | undefined;
+}) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName"> & {
+    Item: import("antd/es/list/Item").ListItemTypeProps;
+}, any, {}, never>;
 export declare const TaskAltIconStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../icons/types").IconProps & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export declare const CheckboxStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").CheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
-    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 }, any, {}, never>;

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

@@ -134,7 +134,8 @@ export const UploadImage = props => {
             if (res && res.data && res.data.code === 200 && res.data.data) {
                 const { success_media = [] } = res.data.data;
                 if (Array.isArray(success_media) && success_media.length) {
-                    queryClient.invalidateQueries([QUERY_KEYS.GET_LIST_SAVED_MEDIA, domainMedia, slug, paramsMemo], {
+                    queryClient.invalidateQueries({
+                        queryKey: [QUERY_KEYS.GET_LIST_SAVED_MEDIA, domainMedia, slug, paramsMemo],
                         exact: false,
                     });
                 }
@@ -210,7 +211,7 @@ export const UploadImage = props => {
                     })));
                     await Promise.all(arrPromise);
                     setLoading(false);
-                    refetch({ refetchPage: (_page, index) => index === 0 });
+                    refetch();
                 }
                 else {
                     setLoading(false);

package/es/components/molecules/VirtualizedMenu/config.js

@@ -9,4 +9,6 @@ export const ACTION_TYPES = {
 export const INLINE_PADDING = 10;
 export const INLINE_INDENT = 10;
 export const ITEM_SPACING = parseFloat(THEME.components?.Menu?.itemMarginBlock?.toString() || '10');
-export const ITEM_SIZE = THEME.components?.Menu?.itemHeight || 35;
+// antd 5.13+ typed `itemHeight` as `number | string` to support both
+// unitless and CSS-string values, so we coerce to a number here.
+export const ITEM_SIZE = Number(THEME.components?.Menu?.itemHeight) || 35;

package/es/components/organism/AccountProfile/components/AccountSetting/styled.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const AccountDetail: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DrawerHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;
+export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledDatePicker: import("styled-components").StyledComponent<import("antd/es/date-picker").DatePickerType, any, {}, never>;
 export declare const StyledCheckbox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").CheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
-    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 }, any, {}, never>;

package/es/components/organism/ActivityTimeline/components/List/styled.d.ts

@@ -11,4 +11,6 @@ export declare const ListContainer: import("styled-components").StyledComponent<
 }, never>;
 export declare const LoadMore: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LoadLess: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/organism/ActivityTimeline/components/Slide/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledBtnNavigation: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const StyledBtnNavigation: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
 export declare const StyledSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("react").RefAttributes<import("swiper/react").SwiperRef> & Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyPress" | "onProgress" | "onResize" | "onClick" | "onDoubleClick" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onScroll" | "onTransitionEnd"> & import("swiper/types").SwiperOptions & {

package/es/components/organism/ActivityTimeline/styled.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
 export declare const StyledRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyldTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledNoData: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const StyledNoData: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const WrapperContainerRedeem: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimelineContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TimelineBottom: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const TimelineBottom: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/organism/AlgorithmsSetting/index.js

@@ -307,7 +307,7 @@ export const AlgorithmsSetting = (props) => {
             },
         });
     };
-    const onChangeDropdownVisible = (isOpen) => {
+    const onOpenChange = (isOpen) => {
         setIsShowDropdownSelect(isOpen);
         // set checked based on redux selected when open & cancel
         const selected = algorithms.value.map(item => item.value);
@@ -601,9 +601,9 @@ export const AlgorithmsSetting = (props) => {
                                                                             }, ...provided.dragHandleProps, children: _jsx(Icon, { type: "icon-ants-double-three-dots", size: 16, style: { opacity: 0.4, color: THEME.token?.colorIcon } }) }), _jsxs(Text, { ...labelStyle, style: { marginRight: 8, textAlign: 'left' }, children: [mapListAlgo[algo.value]?.label, char] })] }), _jsx(InputNumber, { value: algo.quantity, width: 90, onChange: value => onChangeAlgorithm(algo, { quantity: value }), min: 1, max: 30, required: true }), algorithms.value.length > 1 ? (_jsx(Button, { onClick: () => onRemoveAlgo(algo), type: "text", icon: _jsx(Icon, { type: "icon-ants-remove-slim", size: 15 }), style: { alignSelf: 'center' } })) : null] }), renderAlgorithmBy(algo), index < algorithms.value.length - 1 && !snapshot.isDragging ? (_jsx(Divider, { dashed: true, style: { margin: '16px 10px' } })) : null] })) }, algo.value))), provided.placeholder] })) }) }), itemTypeId === PRODUCT_ITEM_TYPE_ID || itemTypeName === ITEM_TYPE_NAME.ARTICLE ? (_jsx("div", { style: { marginTop: 16 }, children: isShowSelect ? (_jsx(SelectMulti, { open: isShowDropdownSelect, mode: "multiple", label: t(translations.selectAlgorithms.title), placeholder: t(translations.multiSelectAlgorithms.title).toString(), 
                                     // khong dung onChange ma dung onClick cua SelectOptionLabel
                                     // onChange={() => {}}
-                                    placement: "topLeft", dropdownRender: menu => (_jsxs(_Fragment, { children: [menu, _jsx(Divider, { style: { margin: '8px 0px' } }), _jsxs("div", { style: { margin: 8, display: 'flex', alignItems: 'center' }, children: [_jsx(Button, { onClick: onApplySelect, disabled: selectedAlgos.length === 0, type: "primary", children: t(translations.apply.title).toString() }), _jsx(Button, { onClick: () => onChangeDropdownVisible(false), style: { marginLeft: 8 }, children: t(translations.cancel.title).toString() })] })] })), 
+                                    placement: "topLeft", popupRender: menu => (_jsxs(_Fragment, { children: [menu, _jsx(Divider, { style: { margin: '8px 0px' } }), _jsxs("div", { style: { margin: 8, display: 'flex', alignItems: 'center' }, children: [_jsx(Button, { onClick: onApplySelect, disabled: selectedAlgos.length === 0, type: "primary", children: t(translations.apply.title).toString() }), _jsx(Button, { onClick: () => onOpenChange(false), style: { marginLeft: 8 }, children: t(translations.cancel.title).toString() })] })] })), 
                                     // or focus + blur
-                                    onDropdownVisibleChange: onChangeDropdownVisible, children: renderAlgorithmOptions })) : (_jsxs(Button, { type: "text", onClick: onChangeShowSelect, disabled: ranking.algorithms.value.length >= 3, children: ["+ ", t(translations.addAlgorithms.title).toString()] })) })) : null] }));
+                                    onOpenChange: onOpenChange, children: renderAlgorithmOptions })) : (_jsxs(Button, { type: "text", onClick: onChangeShowSelect, disabled: ranking.algorithms.value.length >= 3, children: ["+ ", t(translations.addAlgorithms.title).toString()] })) })) : null] }));
                 case ALGORITHM_TABS.FILTERS.value:
                     return (_jsxs("div", { style: {
                             display: 'grid',

package/es/components/organism/AlgorithmsSetting/styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ContentSourceModeView } from '../ContentSources/types';
 export declare const AlgorithmsSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTabs: import("styled-components").StyledComponent<import("react").FC<import("antd/es/tabs").TabsProps> & {
+export declare const StyledTabs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/tabs").TabsProps & import("react").RefAttributes<import("antd/es/tabs").TabsRef>> & {
     TabPane: import("react").FC<import("antd").TabPaneProps>;
 }, any, {
     shadow?: boolean | undefined;

package/es/components/organism/BasicLogin/components/ChooseMethod/styled.d.ts

@@ -5,6 +5,8 @@ export declare const TextInfo: import("styled-components").StyledComponent<"span
 export declare const SubTitle: import("styled-components").StyledComponent<"span", any, {
     isMobile: boolean;
 }, never>;
-export declare const BlockMethod: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const BlockMethod: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {
     disable?: boolean | undefined;
 }, never>;

package/es/components/organism/BasicLogin/components/WidgetLayout/styled.d.ts

@@ -2,4 +2,6 @@
 export declare const Title: import("styled-components").StyledComponent<"div", any, {
     isMobile: boolean;
 }, never>;
-export declare const WidgetLayoutMain: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const WidgetLayoutMain: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/organism/BasicLogin/styled.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const LoginMain: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export declare const WrapperLogin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const LoginMain: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const WrapperLogin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {
     isMobile: boolean;
 }, never>;
 export declare const WrapperImage: import("styled-components").StyledComponent<"img", any, {}, never>;
@@ -10,9 +14,7 @@ export declare const WrapperContent: import("styled-components").StyledComponent
 export declare const AvatarImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledForm: import("styled-components").StyledComponent<(<Values = any>(props: import("antd").FormProps<Values> & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("antd").FormInstance<Values>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
-} & {
+} & import("react").RefAttributes<import("rc-field-form/lib/interface").FormRef<Values>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName"> & {
     useForm: typeof import("antd/es/form/Form").useForm;
     useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
     useWatch: typeof import("rc-field-form").useWatch;
@@ -35,10 +37,11 @@ export declare const StyleInput: import("styled-components").StyledComponent<imp
     Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
     TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
     Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
+    OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
 }, any, {
     isMobile: boolean;
 }, never>;
-export declare const StyleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const StyleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {
     isMobile: boolean;