@antscorp/antsomi-ui 1.3.6-beta.49 → 1.3.6-beta.50

package/es/components/organism/TicketEditorV2/Content.d.ts

@@ -1,4 +1,4 @@
-declare const Content: ({ apiKey, domain, portalId, token, action, ticketId, listUsers, domainTicket, config, ticketDetails, listComment, userId, refetchComments, isLoadingComment, isLoadingDetails, isLoadingDataSouce, accountManage, timeZone, isLoadingSelectedAccount, accountEdit, initOwnerId, isAllAccount, dataSelectInput, setDataSelectInput, }: {
+declare const Content: ({ apiKey, domain, portalId, token, action, ticketId, listUsers, domainTicket, config, ticketDetails, listComment, userId, refetchComments, isLoadingComment, isLoadingDetails, isLoadingDataSouce, accountManage, timeZone, initOwnerId, isAllAccount, dataSelectInput, setDataSelectInput, }: {
     apiKey: any;
     domain: any;
     portalId: any;
@@ -17,8 +17,6 @@ declare const Content: ({ apiKey, domain, portalId, token, action, ticketId, lis
     isLoadingDataSouce: any;
     accountManage: any;
     timeZone: any;
-    isLoadingSelectedAccount: any;
-    accountEdit: any;
     initOwnerId: any;
     isAllAccount: any;
     dataSelectInput: any;

package/es/components/organism/TicketEditorV2/Content.js

@@ -25,7 +25,7 @@ const initValueInput = {
     isChanged: false,
     referenceUrl: window.location.href,
 };
-const Content = ({ apiKey, domain, portalId, token, action, ticketId, listUsers, domainTicket, config, ticketDetails, listComment, userId, refetchComments, isLoadingComment, isLoadingDetails, isLoadingDataSouce, accountManage, timeZone, isLoadingSelectedAccount, accountEdit, initOwnerId, isAllAccount, dataSelectInput, setDataSelectInput, }) => {
+const Content = ({ apiKey, domain, portalId, token, action, ticketId, listUsers, domainTicket, config, ticketDetails, listComment, userId, refetchComments, isLoadingComment, isLoadingDetails, isLoadingDataSouce, accountManage, timeZone, initOwnerId, isAllAccount, dataSelectInput, setDataSelectInput, }) => {
     const [isOpenToast, setIsOpenToast] = useState({
         isOpen: false,
         status: 'error',
@@ -71,14 +71,12 @@ const Content = ({ apiKey, domain, portalId, token, action, ticketId, listUsers,
                     });
                 });
             }
-            if ((!isAllAccount || accountEdit !== 4) &&
-                listUsers?.length > 0 &&
-                (initOwnerId || userId)) {
+            if (!isAllAccount && listUsers?.length > 0 && (initOwnerId || userId)) {
                 newOwnerIds = listUsers?.filter(user => user.userId === Number(initOwnerId || userId));
             }
             updateValueInput({ ownerId: newOwnerIds, followers: newFollowers });
         }
-    }, [isUpdate, accountManage, listUsers, accountEdit]);
+    }, [isUpdate, accountManage, listUsers]);
     const browserTitle = useMemo(() => {
         if (valueInput.title && valueInput.title.trim()) {
             return valueInput.title;
@@ -102,7 +100,7 @@ const Content = ({ apiKey, domain, portalId, token, action, ticketId, listUsers,
     };
     const fetchUpdateComment = params => {
         Service.tickets.callApi
-            .updateComment(params, domainTicket, token, config, userId, 'create-ticket-comment', ticketId)
+            .updateComment(params, domainTicket, token, config, userId, 'create-ticket-comment', ticketId, portalId)
             .then(res => {
             if (res.code === 200) {
                 refetchComments();
@@ -118,7 +116,7 @@ const Content = ({ apiKey, domain, portalId, token, action, ticketId, listUsers,
     const fetchUpdateFollwers = params => {
         setIsLoadingFollower(true);
         Service.tickets.callApi
-            .updateFollowers(params, domainTicket, token, config, userId, ticketId)
+            .updateFollowers(params, domainTicket, token, config, userId, ticketId, portalId)
             .then(res => {
             setIsLoadingFollower(false);
         })
@@ -247,11 +245,7 @@ const Content = ({ apiKey, domain, portalId, token, action, ticketId, listUsers,
         newListFile = newListFile.filter((list) => list?.token !== token);
         updateValueInput({ files: newListFile });
     };
-    return (_jsxs("div", { style: { height: '100%' }, children: [_jsxs(Helmet, { children: [_jsx("meta", { charSet: "utf-8" }), _jsx("title", { children: browserTitle })] }), _jsx(Spin, { style: { height: '100vh' }, spinning: isLoading ||
-                    isLoadingDetails ||
-                    isLoadingDataSouce ||
-                    isLoadingFollower ||
-                    isLoadingSelectedAccount, children: _jsxs(WrapperContent, { style: { height: '100%' }, children: [_jsxs(WrapperLeftContent, { children: [_jsxs(WrapperContentInput, { style: { alignItems: 'flex-start' }, children: [_jsxs(WrapperLable, { children: ["Owner", _jsx("span", { style: { color: '#ff0000' }, children: "*" })] }), _jsxs("div", { children: [_jsx(SelectAccount, { type: "default", initData: (valueInput?.ownerId || []).map((item) => item.userId), nameKey: "userName", userIdKey: "userId", users: listUsers, isViewMode: isUpdate || !isAllAccount || accountEdit !== 4, onChange: (_, users) => updateValueInput({ ownerId: users }), onlyOne: true }), isEmptyField && !valueInput?.ownerId?.length && (_jsx("div", { className: "error-message", children: "*This field can't be empty" }))] })] }), _jsxs(WrapperContentInput, { style: { marginTop: '15px', alignItems: 'flex-start' }, children: [_jsx(WrapperLable, { children: "Follower(s)" }), _jsx(SelectAccount, { type: "default", initData: [
+    return (_jsxs("div", { style: { height: '100%' }, children: [_jsxs(Helmet, { children: [_jsx("meta", { charSet: "utf-8" }), _jsx("title", { children: browserTitle })] }), _jsx(Spin, { style: { height: '100vh' }, spinning: isLoading || isLoadingDetails || isLoadingDataSouce || isLoadingFollower, children: _jsxs(WrapperContent, { style: { height: '100%' }, children: [_jsxs(WrapperLeftContent, { children: [_jsxs(WrapperContentInput, { style: { alignItems: 'flex-start' }, children: [_jsxs(WrapperLable, { children: ["Owner", _jsx("span", { style: { color: '#ff0000' }, children: "*" })] }), _jsxs("div", { children: [_jsx(SelectAccount, { type: "default", initData: (valueInput?.ownerId || []).map((item) => item.userId), nameKey: "userName", userIdKey: "userId", users: listUsers, isViewMode: isUpdate || !isAllAccount, onChange: (_, users) => updateValueInput({ ownerId: users }), onlyOne: true }), isEmptyField && !valueInput?.ownerId?.length && (_jsx("div", { className: "error-message", children: "*This field can't be empty" }))] })] }), _jsxs(WrapperContentInput, { style: { marginTop: '15px', alignItems: 'flex-start' }, children: [_jsx(WrapperLable, { children: "Follower(s)" }), _jsx(SelectAccount, { type: "default", initData: [
                                                 ...accountManage,
                                                 ...(valueInput?.followers || []).map((item) => item.userId),
                                             ], nameKey: "userName", userIdKey: "userId", users: listUsers, disabledAccount: accountManage, onChange: (_, followers) => onChangeFollowers(followers) })] }), dataSelects?.map((data) => (_jsxs(WrapperContentInput, { style: { marginTop: '15px' }, children: [_jsx(WrapperLable, { children: data.title }), _jsx("div", { style: { flex: 1 }, children: isUpdate ? (_jsx(WrapperTextEdit, { children: !valueInput[data?.value]?.name?.length

package/es/components/organism/TicketEditorV2/Service.d.ts

@@ -28,10 +28,10 @@ declare const API: {
                 messageAPI?: undefined;
             }>;
             getCustomFields: (params: any, domain: any, token: any, config: any, userId: any, type: any) => Promise<any>;
-            getDetailsTicket: (params: any, domain: any, token: any, config: any, userId: any, ticketId: any, type?: string) => Promise<any>;
-            getListComment: (params: any, domain: any, token: any, config: any, userId: any, type: any, ticketId: any) => Promise<any>;
-            updateComment: (params: any, domain: any, token: any, config: any, userId: any, type: any, ticketId: any) => Promise<any>;
-            updateFollowers: (params: any, domain: any, token: any, config: any, userId: any, ticketId: any) => Promise<any>;
+            getDetailsTicket: (params: any, domain: any, token: any, config: any, userId: any, ticketId: any, type: string | undefined, networkId: any) => Promise<any>;
+            getListComment: (params: any, domain: any, token: any, config: any, userId: any, type: any, ticketId: any, networkId: any) => Promise<any>;
+            updateComment: (params: any, domain: any, token: any, config: any, userId: any, type: any, ticketId: any, networkId: any) => Promise<any>;
+            updateFollowers: (params: any, domain: any, token: any, config: any, userId: any, ticketId: any, networkId: any) => Promise<any>;
             upload: (params: any, domain: any, token: any, config: any, userId: any, type: any) => Promise<any>;
         };
     };

package/es/components/organism/TicketEditorV2/Service.js

@@ -11,28 +11,28 @@ const API = {
     },
     tickets: {
         callApi: {
-            createTicket: (params, domain, token, config, userId) => callApiWithAuth(`api/ticket/index`, 'POST', { ...params }, domain, config, token, userId, true).then(res => {
+            createTicket: (params, domain, token, config, userId) => callApiWithAuth(`api/base/ticket/index`, 'POST', { ...params }, domain, config, token, userId, true).then(res => {
                 const data = getEntriesV2(res, 0);
                 // dataBackup[params.objectName] = data;
                 return data;
             }),
-            getCustomFields: (params, domain, token, config, userId, type) => callApiWithAuth(`api/ticket/index`, 'get', { ...params }, domain, config, token, userId, true, type).then(res => 
+            getCustomFields: (params, domain, token, config, userId, type) => callApiWithAuth(`api/base/ticket/index`, 'get', { ...params }, domain, config, token, userId, true, type).then(res => 
             // const data = getEntriesV2(res, 0);
             // dataBackup[params.objectName] = data;
             res.data),
-            getDetailsTicket: (params, domain, token, config, userId, ticketId, type = '') => callApiWithAuth(`api/ticket/index/${ticketId}`, 'get', { ...params }, domain, config, token, userId, true, type).then(res => 
+            getDetailsTicket: (params, domain, token, config, userId, ticketId, type = '', networkId) => callApiWithAuth(`api/base/ticket/index/${ticketId}`, 'get', { ...params }, domain, config, token, userId, true, type, networkId).then(res => 
             // const data = getEntriesV2(res, 0);
             // dataBackup[params.objectName] = data;
             res.data),
-            getListComment: (params, domain, token, config, userId, type, ticketId) => callApiWithAuth(`api/ticket/index/${ticketId}`, 'get', { ...params }, domain, config, token, userId, true, type).then(res => 
+            getListComment: (params, domain, token, config, userId, type, ticketId, networkId) => callApiWithAuth(`api/base/ticket/index/${ticketId}`, 'get', { ...params }, domain, config, token, userId, true, type, networkId).then(res => 
             // const data = getEntriesV2(res, 0);
             // dataBackup[params.objectName] = data;
             res.data),
-            updateComment: (params, domain, token, config, userId, type, ticketId) => callApiWithAuth(`api/ticket/index/${ticketId}`, 'put', { ...params }, domain, config, token, userId, true, type).then(res => 
+            updateComment: (params, domain, token, config, userId, type, ticketId, networkId) => callApiWithAuth(`api/base/ticket/index/${ticketId}`, 'put', { ...params }, domain, config, token, userId, true, type, networkId).then(res => 
             // const data = getEntriesV2(res, 0);
             // dataBackup[params.objectName] = data;
             res.data),
-            updateFollowers: (params, domain, token, config, userId, ticketId) => callApiWithAuth(`api/ticket/index/${ticketId}`, 'put', { ...params }, domain, config, token, userId, true).then(res => 
+            updateFollowers: (params, domain, token, config, userId, ticketId, networkId) => callApiWithAuth(`api/base/ticket/index/${ticketId}`, 'put', { ...params }, domain, config, token, userId, true, '', networkId).then(res => 
             // const data = getEntriesV2(res, 0);
             // dataBackup[params.objectName] = data;
             res.data),
@@ -44,14 +44,14 @@ const API = {
     },
     accounts: {
         callApi: {
-            getAccountManage: (params, domain, token, config, userId, type) => callApiWithAuth(`api/network/index/${config.api_pid}`, 'GET', { ...params }, domain, config, token, userId, false, type, true).then(res => res.data),
+            getAccountManage: (params, domain, token, config, userId, type) => callApiWithAuth(`api/3rd/info?type=network-info&networkId=${config.api_pid}`, 'GET', { ...params }, domain, config, token, userId, false, type, undefined, true).then(res => res.data),
         },
     },
     permission: {
         callApi: {
             getList: (params, domain, token, config, userId, type, ownerId) => 
             // console.log({params, domain, token, config,userId, type})
-            callApiWithAuth(`api/privilege/index`, 'GET', { ...params, ownerId }, domain, config, token, userId, false, type, false, true).then(res => res.data),
+            callApiWithAuth(`api/privilege/index`, 'GET', { ...params, ownerId }, domain, config, token, userId, false, type, undefined, false, true).then(res => res.data),
         },
     },
 };

package/es/components/organism/TicketEditorV2/TicketEditorV2.d.ts

@@ -12,9 +12,5 @@ export declare const TicketEditorV2: {
         domainTicket: string;
         ticketId: string;
         domainAccount: string;
-        domainPermission: string;
-        appCode: string;
-        menuCode: string;
-        fullParent: boolean;
     };
 };

package/es/components/organism/TicketEditorV2/TicketEditorV2.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import Content from './Content';
 import { Button, Modal } from '@antscorp/antsomi-ui/es/components/';
 import { WrapperModalHeader, TicketEditorWrapper } from './styled';
-import { useFetchAccountManage, useFetchAccountPermission, useGetDetailTicket, useGetListComments, useGetListUser, } from './queries';
+import { useFetchAccountManage, useGetDetailTicket, useGetListComments, useGetListUser, } from './queries';
 const defaultProps = {
     apiKey: '',
     portalId: '',
@@ -16,26 +16,22 @@ const defaultProps = {
     domainTicket: '',
     ticketId: '',
     domainAccount: '',
-    domainPermission: '',
-    appCode: 'TICKET_MANAGEMENT',
-    menuCode: 'TICKET',
-    fullParent: false,
 };
 export const TicketEditorV2 = props => {
-    const { apiKey, portalId, token, domain, action, config: propsConfig, userId, ownerId, domainTicket, ticketId, domainAccount, domainPermission, appCode, menuCode, fullParent, } = props;
+    const { apiKey, portalId, token, domain, action, config: propsConfig, userId, ownerId, domainTicket, ticketId, domainAccount, } = props;
     const { ticketDetails, isFetching: isFetchingDetails } = useGetDetailTicket({
         ticketId,
         domainTicket,
-        token,
         config: propsConfig,
         userId,
+        networkId: portalId,
     });
     const { listComments, isFetchingComments, refetchComments } = useGetListComments({
         domainTicket,
-        token,
         config: propsConfig,
         userId,
         ticketId,
+        networkId: portalId,
         enabled: !!ticketId || action !== 'create',
     });
     const { listUsers, isFetchingUsers } = useGetListUser({
@@ -44,21 +40,8 @@ export const TicketEditorV2 = props => {
         config: propsConfig,
         userId,
     });
-    const { accountEdit, isLoadingSelectedAccount } = useFetchAccountPermission({
-        params: {
-            appCode,
-            menuCode,
-            fullParent,
-        },
-        domainPermission,
-        token,
-        config: propsConfig,
-        userId,
-        ownerId,
-    });
     const { accountManage, timeZone, isLoadingAccountManage } = useFetchAccountManage({
         domainAccount,
-        token,
         config: propsConfig,
         userId,
     });
@@ -69,7 +52,7 @@ export const TicketEditorV2 = props => {
     const handleConfirmModal = () => {
         setIsOpenModal(false);
     };
-    return (_jsxs(TicketEditorWrapper, { children: [_jsx(Content, { apiKey: apiKey, portalId: portalId, token: token, domain: domain, action: action, listUsers: listUsers, domainTicket: domainTicket, config: config, ticketDetails: ticketDetails, listComment: listComments, ticketId: ticketId, userId: userId, refetchComments: refetchComments, isLoadingComment: isFetchingComments, isLoadingDetails: isFetchingDetails, isLoadingDataSouce: isFetchingUsers, accountManage: accountManage, timeZone: timeZone, isLoadingSelectedAccount: isLoadingSelectedAccount, accountEdit: accountEdit, initOwnerId: ownerId, isAllAccount: isAllAccount, dataSelectInput: dataSelectInput, setDataSelectInput: setDataSelectInput }), _jsx(Modal, { open: isOpenModal, onCancel: () => setIsOpenModal(false), className: "modal", children: _jsxs("div", { className: "wrapperBody", children: [_jsx(WrapperModalHeader, { children: "Confirm deletion of this ticket" }), _jsx("div", { className: "modalBody", children: _jsx("span", { style: { fontSize: '12px', color: '#000' }, children: "Once you confirm cancel, this ticket will NOT be saved." }) }), _jsxs("div", { className: "modalFooter", children: [_jsx(Button, { style: {
+    return (_jsxs(TicketEditorWrapper, { children: [_jsx(Content, { apiKey: apiKey, portalId: portalId, token: token, domain: domain, action: action, listUsers: listUsers, domainTicket: domainTicket, config: config, ticketDetails: ticketDetails, listComment: listComments, ticketId: ticketId, userId: userId, refetchComments: refetchComments, isLoadingComment: isFetchingComments, isLoadingDetails: isFetchingDetails, isLoadingDataSouce: isFetchingUsers, accountManage: accountManage, timeZone: timeZone, initOwnerId: ownerId, isAllAccount: isAllAccount, dataSelectInput: dataSelectInput, setDataSelectInput: setDataSelectInput }), _jsx(Modal, { open: isOpenModal, onCancel: () => setIsOpenModal(false), className: "modal", children: _jsxs("div", { className: "wrapperBody", children: [_jsx(WrapperModalHeader, { children: "Confirm deletion of this ticket" }), _jsx("div", { className: "modalBody", children: _jsx("span", { style: { fontSize: '12px', color: '#000' }, children: "Once you confirm cancel, this ticket will NOT be saved." }) }), _jsxs("div", { className: "modalFooter", children: [_jsx(Button, { style: {
                                         height: '28px',
                                         background: '#1f5fac',
                                         color: '#fff',

package/es/components/organism/TicketEditorV2/queries/useFetchAccountManage.d.ts

@@ -1,10 +1,9 @@
 type Props = {
     domainAccount: string;
-    token: string;
     config: string;
     userId: string;
 };
-export declare const useFetchAccountManage: ({ domainAccount, token, config, userId }: Props) => {
+export declare const useFetchAccountManage: ({ domainAccount, config, userId }: Props) => {
     accountManage: any;
     timeZone: any;
     isLoadingAccountManage: boolean;

package/es/components/organism/TicketEditorV2/queries/useFetchAccountManage.js

@@ -1,8 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import { QUERY_KEYS } from '../constants';
 import Service from '../Service';
-const generateQueryFn = async (domainAccount, token, config, userId) => {
-    const response = await Service.accounts.callApi.getAccountManage({}, domainAccount, token, config, userId, 'account');
+const generateQueryFn = async (domainAccount, config, userId) => {
+    const response = await Service.accounts.callApi.getAccountManage({}, domainAccount, '', config, userId, 'account');
     if (response?.code === 200) {
         const listIds = response?.data?.infoNetwork?.accountManager?.map(item => item.user_id);
         return {
@@ -15,10 +15,10 @@ const generateQueryFn = async (domainAccount, token, config, userId) => {
         timeZone: '',
     };
 };
-export const useFetchAccountManage = ({ domainAccount, token, config, userId }) => {
+export const useFetchAccountManage = ({ domainAccount, config, userId }) => {
     const { data, isFetching } = useQuery({
-        queryKey: [QUERY_KEYS.GET_ACCOUNT_MANAGE, domainAccount, token, config, userId],
-        queryFn: () => generateQueryFn(domainAccount, token, config, userId),
+        queryKey: [QUERY_KEYS.GET_ACCOUNT_MANAGE, domainAccount, config, userId],
+        queryFn: () => generateQueryFn(domainAccount, config, userId),
     });
     return {
         accountManage: data?.listIds || [],

package/es/components/organism/TicketEditorV2/queries/useGetDetailTicket.d.ts

@@ -1,11 +1,11 @@
 type Props = {
     domainTicket: string;
-    token: string;
     config: any;
     userId: string;
     ticketId: string;
+    networkId: string;
 };
-export declare const useGetDetailTicket: ({ domainTicket, token, config, userId, ticketId }: Props) => {
+export declare const useGetDetailTicket: ({ domainTicket, config, userId, ticketId, networkId, }: Props) => {
     ticketDetails: any;
     isFetching: boolean;
 };

package/es/components/organism/TicketEditorV2/queries/useGetDetailTicket.js

@@ -1,11 +1,11 @@
 import { useQuery } from '@tanstack/react-query';
 import { QUERY_KEYS } from '../constants/queryKeys';
 import Service from '../Service';
-export const useGetDetailTicket = ({ domainTicket, token, config, userId, ticketId }) => {
+export const useGetDetailTicket = ({ domainTicket, config, userId, ticketId, networkId, }) => {
     const { data, isFetching } = useQuery({
-        queryKey: [QUERY_KEYS.GET_TICKET_DETAIL, domainTicket, token, config, userId, ticketId],
+        queryKey: [QUERY_KEYS.GET_TICKET_DETAIL, domainTicket, config, userId, ticketId, networkId],
         enabled: !!ticketId,
-        queryFn: () => Service.tickets.callApi.getDetailsTicket({}, domainTicket, token, config, userId, ticketId),
+        queryFn: () => Service.tickets.callApi.getDetailsTicket({}, domainTicket, undefined, config, userId, ticketId, '', networkId),
     });
     return {
         ticketDetails: data?.data?.ticket || [],

package/es/components/organism/TicketEditorV2/queries/useGetListComments.d.ts

@@ -1,12 +1,12 @@
 type Props = {
     domainTicket: string;
-    token: string;
     config: any;
     userId: string;
     ticketId: string;
+    networkId: string;
     enabled?: boolean;
 };
-export declare const useGetListComments: ({ domainTicket, token, config, userId, ticketId, enabled, }: Props) => {
+export declare const useGetListComments: ({ domainTicket, config, userId, ticketId, enabled, networkId, }: Props) => {
     listComments: any;
     isFetchingComments: boolean;
     refetchComments: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<any, unknown>>;

package/es/components/organism/TicketEditorV2/queries/useGetListComments.js

@@ -1,15 +1,15 @@
 import { useQuery } from '@tanstack/react-query';
 import { QUERY_KEYS } from '../constants/queryKeys';
 import Service from '../Service';
-const getListCommentServices = async (params, domain, token, config, userId, type, ticketId) => {
-    const res = await Service.tickets.callApi.getListComment(params, domain, token, config, userId, type, ticketId);
+const getListCommentServices = async (params, domain, config, userId, type, ticketId, networkId) => {
+    const res = await Service.tickets.callApi.getListComment(params, domain, undefined, config, userId, type, ticketId, networkId);
     return res.data;
 };
-export const useGetListComments = ({ domainTicket, token, config, userId, ticketId, enabled, }) => {
+export const useGetListComments = ({ domainTicket, config, userId, ticketId, enabled, networkId, }) => {
     const { data, isFetching, refetch } = useQuery({
-        queryKey: [QUERY_KEYS.GET_TICKET_COMMENT, domainTicket, token, config, userId, ticketId],
+        queryKey: [QUERY_KEYS.GET_TICKET_COMMENT, domainTicket, config, userId, ticketId, networkId],
         enabled: !!ticketId || enabled,
-        queryFn: () => getListCommentServices({}, domainTicket, token, config, userId, 'get-ticket-comments', ticketId),
+        queryFn: () => getListCommentServices({}, domainTicket, config, userId, 'get-ticket-comments', ticketId, networkId),
     });
     return {
         listComments: data || [],

package/es/components/organism/TicketEditorV2/styled.js

@@ -33,6 +33,7 @@ export const WrapperLeftContent = styled.div `
 `;
 export const WrapperRightContent = styled.div `
   flex: 2;
+  width: 100%;
   ::-webkit-scrollbar {
     width: 8px;
     height: 8px;
@@ -566,6 +567,10 @@ export const WrapperContentAvatar = styled.div `
   .comment-content {
     font-size: 12px;
     color: #333;
+
+    img {
+      width: 100%;
+    }
   }
 `;
 export const WrapperMessageContent = styled.div `

package/es/components/organism/TicketEditorV2/util.d.ts

@@ -1,7 +1,7 @@
 export declare function getObjectPropSafely(fn: any, defaultValue?: string): any;
 export declare function isNumeric(num: any): boolean;
 export declare function getUserLocaleLanguage(config: any): any;
-export declare function callApiWithAuth(endpoint: any, method: string | undefined, body: any, domain?: string, config?: {}, token?: string, userId?: string, isTicket?: boolean, type?: string, isAccount?: boolean, isPermission?: boolean, others?: {}): Promise<import("axios").AxiosResponse<any, any>>;
+export declare function callApiWithAuth(endpoint: any, method: string | undefined, body: any, domain?: string, config?: {}, token?: string, userId?: string, isTicket?: boolean, type?: string, networkId?: undefined, isAccount?: boolean, isPermission?: boolean, others?: {}): Promise<import("axios").AxiosResponse<any, any>>;
 export declare function isUrlEmbedded(): boolean;
 export declare const safeParse: (val: any, defaultVal: any) => any;
 export declare const safeParseInt: (val: any, defaultVal: any) => any;

package/es/components/organism/TicketEditorV2/util.js

@@ -19,7 +19,7 @@ export function isNumeric(num) {
 export function getUserLocaleLanguage(config) {
     return safeParse(getWindowParam(PORTAL_KEYS.USER_LANGUAGE, config), 'en');
 }
-export function callApiWithAuth(endpoint, method = 'GET', body, domain = '', config = {}, token = '', userId = '', isTicket = false, type = '', isAccount = false, isPermission = false, others = {}) {
+export function callApiWithAuth(endpoint, method = 'GET', body, domain = '', config = {}, token = '', userId = '', isTicket = false, type = '', networkId = undefined, isAccount = false, isPermission = false, others = {}) {
     const apiPid = getPortalId(config);
     const apiToken = token;
     // const _user_id = userId;
@@ -36,6 +36,9 @@ export function callApiWithAuth(endpoint, method = 'GET', body, domain = '', con
             params.type = type;
             // endpoint += `&type=${type}`
         }
+        if (networkId) {
+            params.networkId = networkId;
+        }
         return axios({
             method,
             url: `${domain}/${endpoint}`,
@@ -404,5 +407,7 @@ export const postCustomEvent = (type, data) => {
             // data,
         }));
     }
-    catch (error) { }
+    catch (error) {
+        console.log(error);
+    }
 };

package/es/constants/theme.js

@@ -103,6 +103,8 @@ THEME.components = {
         colorTextDisabled: THEME.token?.bw0,
         textHoverBg: '#F2F9FF',
         marginXS: 0,
+        primaryShadow: 'none',
+        dangerShadow: 'none',
         /* Text type */
         colorBgTextHover: THEME.token?.blue,
         colorBgTextActive: THEME.token?.blue1_1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.6-beta.49",
+  "version": "1.3.6-beta.50",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",