authscape 1.0.472 → 1.0.474

package/index.js

@@ -8416,14 +8416,18 @@ var TicketDetail = function TicketDetail(_ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     customTabPayload = _useState16[0],
     setCustomTabPayload = _useState16[1];
-  var _useState17 = (0, _react.useState)([]),
+  var _useState17 = (0, _react.useState)(null),
     _useState18 = _slicedToArray(_useState17, 2),
-    createdByList = _useState18[0],
-    setCreatedByList = _useState18[1];
-  var _useState19 = (0, _react.useState)(null),
+    ticketDescription = _useState18[0],
+    setTicketDescription = _useState18[1];
+  var _useState19 = (0, _react.useState)([]),
     _useState20 = _slicedToArray(_useState19, 2),
-    selectedCreatedBy = _useState20[0],
-    setSelectedCreatedBy = _useState20[1];
+    createdByList = _useState20[0],
+    setCreatedByList = _useState20[1];
+  var _useState21 = (0, _react.useState)(null),
+    _useState22 = _slicedToArray(_useState21, 2),
+    selectedCreatedBy = _useState22[0],
+    setSelectedCreatedBy = _useState22[1];
   (0, _react.useEffect)(function () {
     var fetchData = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -8446,6 +8450,7 @@ var TicketDetail = function TicketDetail(_ref) {
                 setParticipants(response.data.participants);
                 setTicketAttachments(response.data.attachments);
                 setCustomTabPayload(response.data.customTabPayload);
+                setTicketDescription(response.data.description);
               }
             case 5:
             case "end":
@@ -8813,16 +8818,25 @@ var TicketDetail = function TicketDetail(_ref) {
     onChange: handleChange,
     "aria-label": "basic tabs example"
   }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], _extends({
-    label: "Chat"
+    label: "Description"
   }, a11yProps(0))), /*#__PURE__*/_react["default"].createElement(_Tab["default"], _extends({
-    label: "Notes"
+    label: "Chat"
   }, a11yProps(1))), /*#__PURE__*/_react["default"].createElement(_Tab["default"], _extends({
+    label: "Notes"
+  }, a11yProps(2))), /*#__PURE__*/_react["default"].createElement(_Tab["default"], _extends({
     label: "Attachments"
-  }, a11yProps(2))), customTabName != null && /*#__PURE__*/_react["default"].createElement(_Tab["default"], _extends({
+  }, a11yProps(3))), customTabName != null && /*#__PURE__*/_react["default"].createElement(_Tab["default"], _extends({
     label: customTabName
-  }, a11yProps(3))))), /*#__PURE__*/_react["default"].createElement(TabPanel, {
+  }, a11yProps(4))))), /*#__PURE__*/_react["default"].createElement(TabPanel, {
     value: value,
     index: 0
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    dangerouslySetInnerHTML: {
+      __html: ticketDescription
+    }
+  })), /*#__PURE__*/_react["default"].createElement(TabPanel, {
+    value: value,
+    index: 1
   }, ticket != null && /*#__PURE__*/_react["default"].createElement(Comments, {
     ticketId: ticket.id,
     isDisabled: false,
@@ -8830,7 +8844,7 @@ var TicketDetail = function TicketDetail(_ref) {
     currentUser: currentUser
   })), /*#__PURE__*/_react["default"].createElement(TabPanel, {
     value: value,
-    index: 1
+    index: 2
   }, ticket != null && /*#__PURE__*/_react["default"].createElement(Comments, {
     ticketId: ticket.id,
     isDisabled: false,
@@ -8838,7 +8852,7 @@ var TicketDetail = function TicketDetail(_ref) {
     currentUser: currentUser
   })), /*#__PURE__*/_react["default"].createElement(TabPanel, {
     value: value,
-    index: 2
+    index: 3
   }, ticket != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ticketAttachments.map(function (attachment) {
     return /*#__PURE__*/_react["default"].createElement(DownloadFile, {
       fileName: attachment.name,
@@ -8846,7 +8860,7 @@ var TicketDetail = function TicketDetail(_ref) {
     });
   }), ticketAttachments.length == 0 && /*#__PURE__*/_react["default"].createElement(_system.Box, null, "There are no attachments"))), customTabName != null && /*#__PURE__*/_react["default"].createElement(TabPanel, {
     value: value,
-    index: 3
+    index: 4
   }, customTabElement(customTabPayload))));
 };
 exports.TicketDetail = TicketDetail;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.472",
+  "version": "1.0.474",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/tickets/TicketDetail.js

@@ -27,6 +27,8 @@ export const TicketDetail = ({ticketId, setIsLoading, currentUser, GoBackToViewT
   const [ticketAttachments, setTicketAttachments] = useState([]);
   const [customTabPayload, setCustomTabPayload] = useState(null);
 
+  const [ticketDescription, setTicketDescription] = useState(null);
+
   const [createdByList, setCreatedByList] = useState([]);
   const [selectedCreatedBy, setSelectedCreatedBy] = useState(null);
 
@@ -47,7 +49,8 @@ export const TicketDetail = ({ticketId, setIsLoading, currentUser, GoBackToViewT
         setSelectedCreatedBy(response.data.selectedCreatedBy);
         setParticipants(response.data.participants);
         setTicketAttachments(response.data.attachments);
-        setCustomTabPayload(response.data.customTabPayload)
+        setCustomTabPayload(response.data.customTabPayload);
+        setTicketDescription(response.data.description);
       }
     }
 
@@ -326,28 +329,39 @@ export const TicketDetail = ({ticketId, setIsLoading, currentUser, GoBackToViewT
       <Box sx={{ width: '100%', marginTop:2 }}>
         <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
           <Tabs value={value} onChange={handleChange} aria-label="basic tabs example">
-            <Tab label="Chat" {...a11yProps(0)} />
-            <Tab label="Notes" {...a11yProps(1)} />
-            <Tab label="Attachments" {...a11yProps(2)} />
+            <Tab label="Description" {...a11yProps(0)} />
+            <Tab label="Chat" {...a11yProps(1)} />
+            <Tab label="Notes" {...a11yProps(2)} />
+            <Tab label="Attachments" {...a11yProps(3)} />
 
             {customTabName != null &&
-                <Tab label={customTabName} {...a11yProps(3)} />
+                <Tab label={customTabName} {...a11yProps(4)} />
             }
 
           </Tabs>
         </Box>
         <TabPanel value={value} index={0}>
 
+          <Box dangerouslySetInnerHTML={{
+              __html: ticketDescription,
+          }}>
+          </Box>
+
+        </TabPanel>
+
+        <TabPanel value={value} index={1}>
+
           {ticket != null &&
             <Comments ticketId={ticket.id} isDisabled={false} isNote={false} currentUser={currentUser} />
           }
+
         </TabPanel>
-        <TabPanel value={value} index={1}>
+        <TabPanel value={value} index={2}>
           {ticket != null &&
             <Comments ticketId={ticket.id} isDisabled={false} isNote={true} currentUser={currentUser} />
           }
         </TabPanel>
-        <TabPanel value={value} index={2}>
+        <TabPanel value={value} index={3}>
           {ticket != null &&
             <>
               {ticketAttachments.map((attachment) => {
@@ -367,7 +381,7 @@ export const TicketDetail = ({ticketId, setIsLoading, currentUser, GoBackToViewT
         </TabPanel>
 
         {customTabName != null &&
-            <TabPanel value={value} index={3}>
+            <TabPanel value={value} index={4}>
                 {customTabElement(customTabPayload)}
             </TabPanel>
         }