@antscorp/antsomi-ui 2.0.76 → 2.0.78

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

@@ -1478,6 +1478,9 @@ export declare const mapTranslateCode: {
         11: {
             translateLabel: string;
         };
+        13: {
+            translateLabel: string;
+        };
         6: {
             translateLabel: string;
         };

package/es/components/organism/ActivityTimeline/constants.js

@@ -527,6 +527,7 @@ export const mapTranslateCode = {
         9: { translateLabel: translations._EVENT_CODE_SENT_VIBER },
         7: { translateLabel: translations._EVENT_CODE_SENT_SMS },
         11: { translateLabel: translations._EVENT_CODE_SENT_FILE_TRANSFER },
+        13: { translateLabel: translations._EVENT_CODE_SENT_WHATSAPP },
         6: { translateLabel: translations._EVENT_CODE_SENT_WEBHOOK },
     },
     viewable_advertising: {

package/es/components/organism/Help/Help.js

@@ -35,7 +35,6 @@ const Loading = ({ isLoading, height, width }) => isLoading && (_jsx(WrapperLoad
 const Help = props => {
     const { configs, triggerType, buttonProps, boundsDraggable, isShowResizeHover, children } = props;
     const { apiKey, domainPlatform, appCode, domain, portalId, token, userId, config, domainTicket, domainUpload, avatar, } = configs;
-    console.log('🚀 ~ domainUpload:', domainUpload);
     // const [isOpenDropdown, setIsOpenDropdown] = useState<boolean>(false);
     const [defaultPositionDrawActions, setDefaultPositionDrawActions] = useState(DEFAULT_POSITIONS.capture);
     const [defaultPositionRecordActions, setDefaultPositionRecordActions] = useState(DEFAULT_POSITIONS.record);

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

@@ -262,6 +262,7 @@ const Content = ({ portalId, token, action, ticketId, listUsers, domainTicket, d
             followers: [],
             submitterId: null,
             ownerId: null,
+            submitterEmail: '',
             properties: {},
             message: '',
             attachmentsZendesk: [],
@@ -275,7 +276,7 @@ const Content = ({ portalId, token, action, ticketId, listUsers, domainTicket, d
             };
         }
         params.submitterId = userId;
-        params.submitterEmail = listUsers?.find(user => user.userId === userId)?.email;
+        params.submitterEmail = listUsers?.find(user => +user.userId === +userId)?.email;
         params.ownerId = Number(valueInput?.ownerId[0]?.userId);
         params.message = valueInput?.message;
         params.attachmentsZendesk = valueInput.fileZendesk.map(file => file.token);

package/es/components/organism/TicketEditor/components/MessageComponent.js

@@ -29,7 +29,9 @@ const MessageComponent = ({ toUser, fromUser, followers, attachments, message, d
             refMesage.current.querySelectorAll('a')?.forEach(a => {
                 const isOpenNewTab = a.attributes?.rel?.value?.includes('noopener noreferrer');
                 if (isOpenNewTab) {
-                    a.setAttribute('target', '_blank');
+                    a.style.color = '#005EB8';
+                    a.style.textDecoration = 'underline';
+                    a.style.cursor = 'pointer';
                 }
             });
         }

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

@@ -17,6 +17,7 @@ export const WrapperContent = styled.div `
 `;
 export const WrapperLeftContent = styled.div `
   width: 38%;
+  overflow: auto;
   // border-right: 1px solid #e5e5e5;
   overflow: auto;
   ::-webkit-scrollbar {
@@ -550,20 +551,17 @@ export const WrapperContentAvatar = styled.div `
 
   .comment-header {
     display: flex;
-    alignitems: flex-start;
-    justifycontent: space-between;
+    align-items: flex-start;
+    justify-content: space-between;
     position: relative;
   }
   .comment-time {
-    position: absolute;
-    top: 10px;
-    left: 50%;
     transform: translateX(-50%);
     width: fit-content;
-    fontsize: 12px;
+    font-size: 12px;
     color: #7f7f7f;
-    marginright: 5px;
-    whitespace: nowrap;
+    margin-right: 5px;
+    white-space: nowrap;
   }
   .comment-content {
     font-size: 12px;
@@ -632,8 +630,8 @@ export const WrapperModalImg = styled(ModalV2) `
     }
     .modal-img-content {
       display: 'flex',
-      alignItems: 'flex-start',
-      justifyContent: 'center',
+      align-items: 'flex-start',
+      justify-content: 'center',
       width: '100%',
       height: 'calc(100% - 20px)',
       overflow: 'auto',

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

@@ -42,7 +42,7 @@ export declare const formatParams: (data: any) => {
     submitterEmail: string;
 };
 export declare const formatDatarender: (data: any, listSelect: any, listAccount: any) => any;
-export declare const handleValidateContent: (stringHTML: any) => string | true | undefined;
+export declare const handleValidateContent: (stringHTML: any) => boolean;
 export declare const compareArrays: (a: any, b: any) => boolean;
 export declare const convertDateToTimestamp: (time: any, timeZone: any) => string;
 export declare const postCustomEvent: (type: any, data: any) => void;

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

@@ -392,12 +392,22 @@ export const formatDatarender = (data, listSelect, listAccount) => {
     return data;
 };
 export const handleValidateContent = stringHTML => {
+    // if (stringHTML) {
+    //   const elment = document.createElement('div');
+    //   elment.innerHTML = stringHTML;
+    //   return (
+    //     (elment?.firstChild as Element)?.tagName === 'IMG' ||
+    //     (elment?.firstChild as Element)?.innerHTML?.replace(/&nbsp;|<br>/g, '')?.trim()
+    //   );
+    // }
     if (stringHTML) {
-        const elment = document.createElement('div');
-        elment.innerHTML = stringHTML;
-        return (elment?.firstChild?.tagName === 'IMG' ||
-            elment?.firstChild?.innerHTML?.replace(/&nbsp;|<br>/g, '')?.trim());
+        const element = document.createElement('div');
+        element.innerHTML = stringHTML.trim();
+        if (element?.firstChild?.tagName === 'IMG')
+            return true;
+        return element.textContent?.trim() !== '';
     }
+    return false;
 };
 export const compareArrays = (a, b) => JSON.stringify(a) === JSON.stringify(b);
 export const convertDateToTimestamp = (time, timeZone) => dayjs(time).tz(timeZone).format('MMM DD YYYY hh:mm');

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

@@ -29,6 +29,9 @@ const MessageComponent = ({ toUser, fromUser, followers, attachments, message, d
                 const isOpenNewTab = a.attributes?.rel?.value?.includes('noopener noreferrer');
                 if (isOpenNewTab) {
                     a.setAttribute('target', '_blank');
+                    a.style.color = '#005EB8';
+                    a.style.textDecoration = 'underline';
+                    a.style.cursor = 'pointer';
                 }
             });
         }

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

@@ -18,6 +18,7 @@ export const WrapperContent = styled.div `
 `;
 export const WrapperLeftContent = styled.div `
   flex: 1;
+  overflow: auto;
   // border-right: 1px solid #e5e5e5;
   ::-webkit-scrollbar {
     width: 8px;
@@ -554,19 +555,21 @@ export const WrapperContentAvatar = styled.div `
     position: relative;
   }
   .comment-time {
-    position: absolute;
-    top: 10px;
-    left: 50%;
-    transform: translateX(-50%);
     width: fit-content;
     font-size: 12px;
     color: #7f7f7f;
     margin-right: 5px;
     white-space: nowrap;
   }
+
   .comment-content {
-    font-size: 12px;
     color: #333;
+    overflow: hidden;
+    white-space: break-spaces;
+
+    * {
+      font-size: 12px !important;
+    }
   }
 `;
 export const WrapperMessageContent = styled.div `

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

@@ -41,7 +41,7 @@ export declare const formatParams: (data: any) => {
     attachments: never[];
 };
 export declare const formatDatarender: (data: any, listSelect: any, listAccount: any) => any;
-export declare const handleValidateContent: (stringHTML: any) => string | undefined;
+export declare const handleValidateContent: (stringHTML: any) => boolean;
 export declare const compareArrays: (a: any, b: any) => boolean;
 export declare const convertDateToTimestamp: (time: string | number | Date | dayjs.Dayjs, timeZone: string) => string;
 export declare const postCustomEvent: (type: any, data: any) => void;

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

@@ -340,11 +340,19 @@ export const formatDatarender = (data, listSelect, listAccount) => {
     return tmpData;
 };
 export const handleValidateContent = stringHTML => {
+    // if (stringHTML) {
+    //   const elment = document.createElement('div');
+    //   elment.innerHTML = stringHTML;
+    //   return (elment?.firstChild as Element)?.innerHTML?.replace(/ /g, '')?.trim();
+    // }
     if (stringHTML) {
-        const elment = document.createElement('div');
-        elment.innerHTML = stringHTML;
-        return elment?.firstChild?.innerHTML?.replace(/ /g, '')?.trim();
+        const element = document.createElement('div');
+        element.innerHTML = stringHTML.trim();
+        if (element?.firstChild?.tagName === 'IMG')
+            return true;
+        return element.textContent?.trim() !== '';
     }
+    return false;
 };
 export const compareArrays = (a, b) => JSON.stringify(a) === JSON.stringify(b);
 const isValidTimezone = (timeZone) => {