@zohodesk/dot 1.0.0-temp-202 → 1.0.0-temp-202.1

package/coverage/src/version2/notification/DesktopNotification/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/props/propTypes.js.html

@@ -202,7 +202,7 @@ export const DesktopNotificationUI_propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js.html

@@ -346,7 +346,7 @@ DesktopNotificationHeader.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css.html

@@ -355,7 +355,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/defaultProps.js.html

@@ -94,7 +94,7 @@ export const defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-02-12T09:12:42.715Z
+                at 2025-02-13T10:33:09.049Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/es/services/components/ToastNotification/ToastNotification.js

@@ -6,32 +6,32 @@ import { DeferComponent } from '@zohodesk/perf-components';
 
 const ToastNotification = props => {
   const {
-    messagesArray,
-    hideMessageAll,
-    hideMessage,
+    messages,
+    clearToastNotifications,
+    hideToastNotification,
     notificationTooltipInfo,
     notificationI18nKeys,
-    a11y_isErrorNotificationAutoClose,
-    a11y_isSuccessNotificationAutoClose,
-    a11y_errorNotificationAutoCloseTime,
-    a11y_successNotifcationAutoCloseTime,
-    a11y_notificationView,
+    isErrorNotificationAutoClose,
+    isSuccessNotificationAutoClose,
+    errorNotificationAutoCloseTime,
+    successNotifcationAutoCloseTime,
+    notificationView,
     headerTitle,
     showAllText,
     showLessText,
     clearAllText
   } = props;
   return /*#__PURE__*/React.createElement(DeferComponent, null, /*#__PURE__*/React.createElement(Modal, null, /*#__PURE__*/React.createElement(ToastNotificationWrapper, {
-    hideMessageAll: hideMessageAll,
-    hideMessage: hideMessage,
-    messagesArray: messagesArray,
+    clearToastNotifications: clearToastNotifications,
+    hideToastNotification: hideToastNotification,
+    messages: messages,
     notificationTooltipInfo: notificationTooltipInfo,
     notificationI18nKeys: notificationI18nKeys,
-    a11y_isErrorNotificationAutoClose: a11y_isErrorNotificationAutoClose,
-    a11y_isSuccessNotificationAutoClose: a11y_isSuccessNotificationAutoClose,
-    a11y_errorNotificationAutoCloseTime: a11y_errorNotificationAutoCloseTime,
-    a11y_successNotifcationAutoCloseTime: a11y_successNotifcationAutoCloseTime,
-    a11y_notificationView: a11y_notificationView,
+    isErrorNotificationAutoClose: isErrorNotificationAutoClose,
+    isSuccessNotificationAutoClose: isSuccessNotificationAutoClose,
+    errorNotificationAutoCloseTime: errorNotificationAutoCloseTime,
+    successNotifcationAutoCloseTime: successNotifcationAutoCloseTime,
+    notificationView: notificationView,
     headerTitle: headerTitle,
     showAllText: showAllText,
     showLessText: showLessText,

package/es/services/components/ToastNotification/ToastNotificationWrapper.js

@@ -14,27 +14,27 @@ import style from './ToastNotificationWrapper.module.css';
 function ToastNotificationWrapper(props) {
   const {
     notificationI18nKeys,
-    messagesArray,
-    hideMessage,
-    hideMessageAll,
+    messages,
+    hideToastNotification,
+    clearToastNotifications,
     notificationTooltipInfo,
-    a11y_isErrorNotificationAutoClose,
-    a11y_isSuccessNotificationAutoClose,
-    a11y_errorNotificationAutoCloseTime,
-    a11y_successNotifcationAutoCloseTime,
-    a11y_notificationView,
+    isErrorNotificationAutoClose,
+    isSuccessNotificationAutoClose,
+    errorNotificationAutoCloseTime,
+    successNotifcationAutoCloseTime,
+    notificationView: _notificationView,
     headerTitle,
     showAllText,
     showLessText,
     clearAllText
   } = props;
-  const [notificationView, setnotificationView] = useState(a11y_notificationView);
+  const [notificationView, setnotificationView] = useState(_notificationView);
   const [needHeader, setNeedHeader] = useState(false);
   const notificationWholeParent = useRef();
-  const notificationCount = messagesArray.length;
+  const notificationCount = messages.length;
   const isStackView = notificationView === 'stack';
   const isListView = notificationView === 'list';
-  const isCollapseExpandEnabled = a11y_isSuccessNotificationAutoClose && a11y_isErrorNotificationAutoClose && isStackView && notificationCount > 1;
+  const isCollapseExpandEnabled = isSuccessNotificationAutoClose && isErrorNotificationAutoClose && isStackView && notificationCount > 1;
   const errorTypes = ['danger', 'error', 'warning', 'alert'];
   let notificationWholeParentAnimationStyle = '';
 
@@ -56,12 +56,12 @@ function ToastNotificationWrapper(props) {
   }
 
   function handleNotificationHide(id) {
-    hideMessage(id);
+    hideToastNotification(id);
   }
 
   function handleNotificationClearAll() {
     setNeedHeader(false);
-    hideMessageAll();
+    clearToastNotifications();
   }
 
   function removeAnimationClass() {
@@ -69,7 +69,7 @@ function ToastNotificationWrapper(props) {
   }
 
   useEffect(() => {
-    if (messagesArray.length > 1) {
+    if (messages.length > 1) {
       setNeedHeader(true);
     }
 
@@ -82,9 +82,9 @@ function ToastNotificationWrapper(props) {
         element.removeEventListener('mozAnimationEnd', removeAnimationClass);
       }
     };
-  }, [messagesArray]);
-  const isHeaderActive = (!a11y_isSuccessNotificationAutoClose || !a11y_isErrorNotificationAutoClose || isListView) && needHeader;
-  const needShowButton = notificationCount > 1 && (!a11y_isSuccessNotificationAutoClose || !a11y_isErrorNotificationAutoClose);
+  }, [messages]);
+  const isHeaderActive = (!isSuccessNotificationAutoClose || !isErrorNotificationAutoClose || isListView) && needHeader;
+  const needShowButton = notificationCount > 1 && (!isSuccessNotificationAutoClose || !isErrorNotificationAutoClose);
   return /*#__PURE__*/React.createElement(Container, {
     align: 'vertical',
     className: style.wrapper
@@ -123,13 +123,13 @@ function ToastNotificationWrapper(props) {
     isCover: false,
     onClick: isCollapseExpandEnabled ? toggleNotificationView : null,
     className: `${style.parent}  ${isListView ? style.expanded : `${style.collapse}`} ${notificationWholeParentAnimationStyle}`
-  }, messagesArray && messagesArray.length > 0 && messagesArray.map((notificationItem, index) => {
+  }, messages && messages.length > 0 && messages.map((notificationItem, index) => {
     const {
       data,
       id
     } = notificationItem;
-    const needAutoClose = errorTypes.includes(data.type) ? a11y_isErrorNotificationAutoClose : a11y_isSuccessNotificationAutoClose;
-    const autoCloseTime = Number(errorTypes.includes(data.type) ? a11y_errorNotificationAutoCloseTime : a11y_successNotifcationAutoCloseTime) * 1000; // const modifiedMessage = data.message ? HTMLPurifier.sanitize(data.message) : '';
+    const needAutoClose = errorTypes.includes(data.type) ? isErrorNotificationAutoClose : isSuccessNotificationAutoClose;
+    const autoCloseTime = Number(errorTypes.includes(data.type) ? errorNotificationAutoCloseTime : successNotifcationAutoCloseTime) * 1000; // const modifiedMessage = data.message ? HTMLPurifier.sanitize(data.message) : '';
 
     const notificationGropupDetails = { ...data,
       i18nKeys: notificationI18nKeys

package/es/services/components/ToastNotification/props/propTypes.js

@@ -1,15 +1,15 @@
 import PropTypes from 'prop-types';
 export default {
   notificationI18nKeys: PropTypes.object,
-  messagesArray: PropTypes.array,
-  hideMessage: PropTypes.func,
-  hideMessageAll: PropTypes.func,
+  messages: PropTypes.array,
+  hideToastNotification: PropTypes.func,
+  clearToastNotifications: PropTypes.func,
   notificationTooltipInfo: PropTypes.string,
-  a11y_notificationView: PropTypes.string,
-  a11y_isSuccessNotificationAutoClose: PropTypes.bool,
-  a11y_successNotifcationAutoCloseTime: PropTypes.string,
-  a11y_isErrorNotificationAutoClose: PropTypes.bool,
-  a11y_errorNotificationAutoCloseTime: PropTypes.string,
+  notificationView: PropTypes.string,
+  isSuccessNotificationAutoClose: PropTypes.bool,
+  successNotifcationAutoCloseTime: PropTypes.string,
+  isErrorNotificationAutoClose: PropTypes.bool,
+  errorNotificationAutoCloseTime: PropTypes.string,
   headerTitle: PropTypes.string,
   showAllText: PropTypes.string,
   showLessText: PropTypes.string,

package/es/services/context/AttachmentViewerContext.js

@@ -1,11 +1,13 @@
-import React, { createContext, useState, useCallback } from 'react';
+import React, { createContext, useState, useCallback, useMemo } from 'react';
 import AttachmentViewer from '../components/Attachment/AttachmentViewer';
-import { ContextOptimizer } from '@zohodesk/components/es/utils/ContextOptimizer';
 export const AttachmentViewerContext = /*#__PURE__*/createContext();
-export const AttachmentViewerProvider = _ref => {
-  let {
+export const AttachmentViewerProvider = props => {
+  const {
     children
-  } = _ref;
+  } = props;
+  const modifiedProps = { ...props
+  };
+  delete modifiedProps.children;
   const [attachments, setAttachment] = useState([]);
   const showAttachmentViewer = useCallback(attachment => {
     setAttachment(attachment);
@@ -13,7 +15,7 @@ export const AttachmentViewerProvider = _ref => {
   const hideAttachmentViewer = useCallback(() => {
     setAttachment([]);
   }, []);
-  const contextValue = useCallback(() => ({
+  const contextValue = useMemo(() => ({
     attachments,
     showAttachmentViewer,
     hideAttachmentViewer
@@ -22,7 +24,8 @@ export const AttachmentViewerProvider = _ref => {
     value: contextValue
   }, children, /*#__PURE__*/React.createElement(AttachmentViewer, {
     attachments: attachments,
-    hideAttachmentViewer: hideAttachmentViewer
+    hideAttachmentViewer: hideAttachmentViewer,
+    ...modifiedProps
   }));
 };
 export const AttachmentViewerConsumer = AttachmentViewerContext.Consumer;

package/es/services/context/ToastNotificationContext.js

@@ -1,11 +1,13 @@
-import React, { createContext, useState, useRef, useCallback } from 'react';
-import ToastNotification from '../components/ToastNotification';
-import { ContextOptimizer } from '@zohodesk/components/es/utils/ContextOptimizer';
+import React, { createContext, useState, useRef, useCallback, useMemo } from 'react';
+import ToastNotification from '../components/ToastNotification/ToastNotification';
 export const ToastNotificationContext = /*#__PURE__*/createContext();
-export const ToastNotificationProvider = _ref => {
-  let {
+export const ToastNotificationProvider = props => {
+  const {
     children
-  } = _ref;
+  } = props;
+  const modifiedProps = { ...props
+  };
+  delete modifiedProps.children;
   const [toastMessages, setToastMessages] = useState([]);
   const toastIdCounter = useRef(0);
   const showToastNotification = useCallback(message => {
@@ -28,15 +30,13 @@ export const ToastNotificationProvider = _ref => {
     hideToastNotification,
     clearToastNotifications
   }), [toastMessages]);
-
-  const contextValues = data => data;
-
   return /*#__PURE__*/React.createElement(ToastNotificationContext.Provider, {
     value: contextValue
   }, children, /*#__PURE__*/React.createElement(ToastNotification, {
-    toastMessages: toastMessages,
+    messages: toastMessages,
     hideToastNotification: hideToastNotification,
-    clearToastNotifications: clearToastNotifications
+    clearToastNotifications: clearToastNotifications,
+    ...modifiedProps
   }));
 };
 export const ToastNotificationConsumer = ToastNotificationContext.Consumer;

package/es/services/hoc/WithAttachmentViewer.js

@@ -1,14 +1,14 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import useAttachmentViewerService from '../hooks/useAttachmentViewerService';
 
 const WithAttachmentViewer = Component => {
-  const WrappedComponent = props => {
+  const WrappedComponent = /*#__PURE__*/forwardRef((props, ref) => {
     const attachmentViewerProperties = useAttachmentViewerService();
     return /*#__PURE__*/React.createElement(Component, { ...props,
+      ref: ref,
       attachmentViewerProperties: attachmentViewerProperties
     });
-  };
-
+  });
   WrappedComponent.displayName = `WithAttachmentViewer(${Component.displayName || Component.name || 'Component'})`;
   return WrappedComponent;
 };

package/es/services/hoc/WithEventPopup.js

@@ -1,14 +1,14 @@
-import React, { useCallback, useEffect, useRef, useMemo } from 'react';
+import React, { useCallback, forwardRef, useMemo } from 'react';
 import { Popup } from '@zohodesk/components';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 import useEventService from '../hooks/useEventService';
 
-const WithEventPopup = (Component, _ref) => {
-  let {
+const WithEventPopup = function (Component) {
+  let properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
     onClick
-  } = _ref;
-
-  const WrappedComponent = props => {
+  } = properties;
+  const WrappedComponent = /*#__PURE__*/forwardRef((props, ref) => {
     const {
       isPopupOpen,
       getTargetRef,
@@ -38,10 +38,10 @@ const WithEventPopup = (Component, _ref) => {
     });
     const memoizedAttributeValues = useMemo(() => attributeValues, [attributeValues]);
     return isPopupOpen ? /*#__PURE__*/React.createElement(Component, { ...props,
+      ref: ref,
       attributeValues: memoizedAttributeValues
     }) : null;
-  };
-
+  });
   WrappedComponent.displayName = `WithEventPopup(${Component.displayName || Component.name || 'Component'})`;
   return WrappedComponent;
 };

package/es/services/hoc/WithToastNotification.js

@@ -1,14 +1,14 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import useToastNotificationService from '../hooks/useToastNotificationService';
 
 const WithToastNotification = Component => {
-  const WrappedComponent = props => {
+  const WrappedComponent = /*#__PURE__*/forwardRef((props, ref) => {
     const toastProperties = useToastNotificationService();
     return /*#__PURE__*/React.createElement(Component, { ...props,
+      ref: ref,
       toastProperties: toastProperties
     });
-  };
-
+  });
   WrappedComponent.displayName = `WithToastNotification(${Component.displayName || Component.name || 'Component'})`;
   return WrappedComponent;
 };

package/lib/services/components/ToastNotification/ToastNotification.js

@@ -18,31 +18,31 @@ var _perfComponents = require("@zohodesk/perf-components");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var ToastNotification = function ToastNotification(props) {
-  var messagesArray = props.messagesArray,
-      hideMessageAll = props.hideMessageAll,
-      hideMessage = props.hideMessage,
+  var messages = props.messages,
+      clearToastNotifications = props.clearToastNotifications,
+      hideToastNotification = props.hideToastNotification,
       notificationTooltipInfo = props.notificationTooltipInfo,
       notificationI18nKeys = props.notificationI18nKeys,
-      a11y_isErrorNotificationAutoClose = props.a11y_isErrorNotificationAutoClose,
-      a11y_isSuccessNotificationAutoClose = props.a11y_isSuccessNotificationAutoClose,
-      a11y_errorNotificationAutoCloseTime = props.a11y_errorNotificationAutoCloseTime,
-      a11y_successNotifcationAutoCloseTime = props.a11y_successNotifcationAutoCloseTime,
-      a11y_notificationView = props.a11y_notificationView,
+      isErrorNotificationAutoClose = props.isErrorNotificationAutoClose,
+      isSuccessNotificationAutoClose = props.isSuccessNotificationAutoClose,
+      errorNotificationAutoCloseTime = props.errorNotificationAutoCloseTime,
+      successNotifcationAutoCloseTime = props.successNotifcationAutoCloseTime,
+      notificationView = props.notificationView,
       headerTitle = props.headerTitle,
       showAllText = props.showAllText,
       showLessText = props.showLessText,
       clearAllText = props.clearAllText;
   return /*#__PURE__*/_react["default"].createElement(_perfComponents.DeferComponent, null, /*#__PURE__*/_react["default"].createElement(_components.Modal, null, /*#__PURE__*/_react["default"].createElement(_ToastNotificationWrapper["default"], {
-    hideMessageAll: hideMessageAll,
-    hideMessage: hideMessage,
-    messagesArray: messagesArray,
+    clearToastNotifications: clearToastNotifications,
+    hideToastNotification: hideToastNotification,
+    messages: messages,
     notificationTooltipInfo: notificationTooltipInfo,
     notificationI18nKeys: notificationI18nKeys,
-    a11y_isErrorNotificationAutoClose: a11y_isErrorNotificationAutoClose,
-    a11y_isSuccessNotificationAutoClose: a11y_isSuccessNotificationAutoClose,
-    a11y_errorNotificationAutoCloseTime: a11y_errorNotificationAutoCloseTime,
-    a11y_successNotifcationAutoCloseTime: a11y_successNotifcationAutoCloseTime,
-    a11y_notificationView: a11y_notificationView,
+    isErrorNotificationAutoClose: isErrorNotificationAutoClose,
+    isSuccessNotificationAutoClose: isSuccessNotificationAutoClose,
+    errorNotificationAutoCloseTime: errorNotificationAutoCloseTime,
+    successNotifcationAutoCloseTime: successNotifcationAutoCloseTime,
+    notificationView: notificationView,
     headerTitle: headerTitle,
     showAllText: showAllText,
     showLessText: showLessText,

package/lib/services/components/ToastNotification/ToastNotificationWrapper.js

@@ -57,21 +57,21 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function ToastNotificationWrapper(props) {
   var notificationI18nKeys = props.notificationI18nKeys,
-      messagesArray = props.messagesArray,
-      hideMessage = props.hideMessage,
-      hideMessageAll = props.hideMessageAll,
+      messages = props.messages,
+      hideToastNotification = props.hideToastNotification,
+      clearToastNotifications = props.clearToastNotifications,
       notificationTooltipInfo = props.notificationTooltipInfo,
-      a11y_isErrorNotificationAutoClose = props.a11y_isErrorNotificationAutoClose,
-      a11y_isSuccessNotificationAutoClose = props.a11y_isSuccessNotificationAutoClose,
-      a11y_errorNotificationAutoCloseTime = props.a11y_errorNotificationAutoCloseTime,
-      a11y_successNotifcationAutoCloseTime = props.a11y_successNotifcationAutoCloseTime,
-      a11y_notificationView = props.a11y_notificationView,
+      isErrorNotificationAutoClose = props.isErrorNotificationAutoClose,
+      isSuccessNotificationAutoClose = props.isSuccessNotificationAutoClose,
+      errorNotificationAutoCloseTime = props.errorNotificationAutoCloseTime,
+      successNotifcationAutoCloseTime = props.successNotifcationAutoCloseTime,
+      _notificationView = props.notificationView,
       headerTitle = props.headerTitle,
       showAllText = props.showAllText,
       showLessText = props.showLessText,
       clearAllText = props.clearAllText;
 
-  var _useState = (0, _react.useState)(a11y_notificationView),
+  var _useState = (0, _react.useState)(_notificationView),
       _useState2 = _slicedToArray(_useState, 2),
       notificationView = _useState2[0],
       setnotificationView = _useState2[1];
@@ -82,10 +82,10 @@ function ToastNotificationWrapper(props) {
       setNeedHeader = _useState4[1];
 
   var notificationWholeParent = (0, _react.useRef)();
-  var notificationCount = messagesArray.length;
+  var notificationCount = messages.length;
   var isStackView = notificationView === 'stack';
   var isListView = notificationView === 'list';
-  var isCollapseExpandEnabled = a11y_isSuccessNotificationAutoClose && a11y_isErrorNotificationAutoClose && isStackView && notificationCount > 1;
+  var isCollapseExpandEnabled = isSuccessNotificationAutoClose && isErrorNotificationAutoClose && isStackView && notificationCount > 1;
   var errorTypes = ['danger', 'error', 'warning', 'alert'];
   var notificationWholeParentAnimationStyle = '';
 
@@ -107,12 +107,12 @@ function ToastNotificationWrapper(props) {
   }
 
   function handleNotificationHide(id) {
-    hideMessage(id);
+    hideToastNotification(id);
   }
 
   function handleNotificationClearAll() {
     setNeedHeader(false);
-    hideMessageAll();
+    clearToastNotifications();
   }
 
   function removeAnimationClass() {
@@ -120,7 +120,7 @@ function ToastNotificationWrapper(props) {
   }
 
   (0, _react.useEffect)(function () {
-    if (messagesArray.length > 1) {
+    if (messages.length > 1) {
       setNeedHeader(true);
     }
 
@@ -133,9 +133,9 @@ function ToastNotificationWrapper(props) {
         element.removeEventListener('mozAnimationEnd', removeAnimationClass);
       }
     };
-  }, [messagesArray]);
-  var isHeaderActive = (!a11y_isSuccessNotificationAutoClose || !a11y_isErrorNotificationAutoClose || isListView) && needHeader;
-  var needShowButton = notificationCount > 1 && (!a11y_isSuccessNotificationAutoClose || !a11y_isErrorNotificationAutoClose);
+  }, [messages]);
+  var isHeaderActive = (!isSuccessNotificationAutoClose || !isErrorNotificationAutoClose || isListView) && needHeader;
+  var needShowButton = notificationCount > 1 && (!isSuccessNotificationAutoClose || !isErrorNotificationAutoClose);
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: 'vertical',
     className: _ToastNotificationWrapperModule["default"].wrapper
@@ -174,11 +174,11 @@ function ToastNotificationWrapper(props) {
     isCover: false,
     onClick: isCollapseExpandEnabled ? toggleNotificationView : null,
     className: "".concat(_ToastNotificationWrapperModule["default"].parent, "  ").concat(isListView ? _ToastNotificationWrapperModule["default"].expanded : "".concat(_ToastNotificationWrapperModule["default"].collapse), " ").concat(notificationWholeParentAnimationStyle)
-  }, messagesArray && messagesArray.length > 0 && messagesArray.map(function (notificationItem, index) {
+  }, messages && messages.length > 0 && messages.map(function (notificationItem, index) {
     var data = notificationItem.data,
         id = notificationItem.id;
-    var needAutoClose = errorTypes.includes(data.type) ? a11y_isErrorNotificationAutoClose : a11y_isSuccessNotificationAutoClose;
-    var autoCloseTime = Number(errorTypes.includes(data.type) ? a11y_errorNotificationAutoCloseTime : a11y_successNotifcationAutoCloseTime) * 1000; // const modifiedMessage = data.message ? HTMLPurifier.sanitize(data.message) : '';
+    var needAutoClose = errorTypes.includes(data.type) ? isErrorNotificationAutoClose : isSuccessNotificationAutoClose;
+    var autoCloseTime = Number(errorTypes.includes(data.type) ? errorNotificationAutoCloseTime : successNotifcationAutoCloseTime) * 1000; // const modifiedMessage = data.message ? HTMLPurifier.sanitize(data.message) : '';
 
     var notificationGropupDetails = _objectSpread(_objectSpread({}, data), {}, {
       i18nKeys: notificationI18nKeys

package/lib/services/components/ToastNotification/props/propTypes.js

@@ -11,15 +11,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var _default = {
   notificationI18nKeys: _propTypes["default"].object,
-  messagesArray: _propTypes["default"].array,
-  hideMessage: _propTypes["default"].func,
-  hideMessageAll: _propTypes["default"].func,
+  messages: _propTypes["default"].array,
+  hideToastNotification: _propTypes["default"].func,
+  clearToastNotifications: _propTypes["default"].func,
   notificationTooltipInfo: _propTypes["default"].string,
-  a11y_notificationView: _propTypes["default"].string,
-  a11y_isSuccessNotificationAutoClose: _propTypes["default"].bool,
-  a11y_successNotifcationAutoCloseTime: _propTypes["default"].string,
-  a11y_isErrorNotificationAutoClose: _propTypes["default"].bool,
-  a11y_errorNotificationAutoCloseTime: _propTypes["default"].string,
+  notificationView: _propTypes["default"].string,
+  isSuccessNotificationAutoClose: _propTypes["default"].bool,
+  successNotifcationAutoCloseTime: _propTypes["default"].string,
+  isErrorNotificationAutoClose: _propTypes["default"].bool,
+  errorNotificationAutoCloseTime: _propTypes["default"].string,
   headerTitle: _propTypes["default"].string,
   showAllText: _propTypes["default"].string,
   showLessText: _propTypes["default"].string,