@portnet/ui 5.0.16 → 5.0.18

package/dist/api/reclamationApi.js

@@ -79,6 +79,15 @@ const reclamationApi = axiosInstance => ({
       throw (error === null || error === void 0 || (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : _error$response4.data) || new Error("Impossible de charger les réclamations");
     }
   },
+  getListServiceReclamationByPortailApi: async portailId => {
+    try {
+      const response = await axiosInstance.get("/reclamation/list-service/".concat(portailId));
+      return response.data.body;
+    } catch (error) {
+      var _error$response5;
+      throw (error === null || error === void 0 || (_error$response5 = error.response) === null || _error$response5 === void 0 ? void 0 : _error$response5.data) || new Error("Impossible de charger les réclamations");
+    }
+  },
   cloturerReclamation: id => axiosInstance.patch("/reclamation/".concat(id, "/cloturer")).then(r => r.data),
   reourrirReclamation: (id, formData) => axiosInstance.patch("/reclamation/".concat(id, "/reouvrir"), formData, {
     headers: {

package/dist/components/providers/PuiHelpWidgetProvider.js

@@ -34,6 +34,7 @@ const PuiHelpWidgetProvider = _ref => {
     showReclamation = true,
     showGuides = true,
     currentProjectCode = null,
+    portailId = null,
     children
   } = _ref;
   const axiosInstance = (0, _react.useMemo)(() => {
@@ -76,7 +77,8 @@ const PuiHelpWidgetProvider = _ref => {
           showReclamation: showReclamation,
           showGuides: showGuides,
           currentProjectCode: currentProjectCode,
-          guideBaseUrl: guideBaseUrl
+          guideBaseUrl: guideBaseUrl,
+          portailId: portailId
         })]
       })
     })

package/dist/components/widgets/PuiHelpWidget.js

@@ -1243,7 +1243,8 @@ const CustomChatInterface = _ref3 => {
 const ReclamationFormModal = _ref4 => {
   let {
     open,
-    onClose
+    onClose,
+    portailId = null
   } = _ref4;
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const [formData, setFormData] = (0, _react.useState)({
@@ -1262,7 +1263,7 @@ const ReclamationFormModal = _ref4 => {
   const {
     data: listServiceReclamation,
     isFetching: isFetchingListServiceReclamation
-  } = (0, _useReclamation.useListServiceReclamation)();
+  } = (0, _useReclamation.useListServiceReclamation)(portailId);
   const [error, setError] = (0, _react.useState)(null);
   const errorRef = (0, _react.useRef)(null);
   const CustomPopper = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popper, _objectSpread(_objectSpread({}, props), {}, {
@@ -2390,41 +2391,6 @@ const ReclamationsList = _ref5 => {
               },
               children: selectedReclamation === null || selectedReclamation === void 0 ? void 0 : selectedReclamation.description
             })]
-          }), (selectedReclamation === null || selectedReclamation === void 0 ? void 0 : selectedReclamation.response) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
-              component: "div",
-              sx: {
-                fontSize: "11px",
-                color: "#999",
-                fontWeight: "500",
-                marginBottom: "6px",
-                textTransform: "uppercase",
-                letterSpacing: "0.5px",
-                fontFamily: WIDGET_FONT,
-                display: "flex",
-                alignItems: "center",
-                gap: "6px"
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
-                icon: _freeSolidSvgIcons.faReply,
-                style: {
-                  color: "#6c757d",
-                  fontSize: "12px"
-                }
-              }), "R\xE9ponse"]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              style: {
-                fontSize: "14px",
-                color: "#333",
-                lineHeight: "1.6",
-                backgroundColor: "#f5f6f7",
-                padding: "12px",
-                borderRadius: "8px",
-                border: "2px solid #6c757d",
-                whiteSpace: "pre-line"
-              },
-              children: selectedReclamation === null || selectedReclamation === void 0 ? void 0 : selectedReclamation.response
-            })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
               component: "div",
@@ -2659,6 +2625,29 @@ const ReclamationsList = _ref5 => {
                         whiteSpace: "pre-line"
                       },
                       children: entry.commentaire
+                    }), entry.reponse && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                      style: {
+                        marginTop: "8px",
+                        fontSize: "13px",
+                        color: "#333",
+                        lineHeight: "1.5",
+                        fontFamily: WIDGET_FONT,
+                        backgroundColor: "#f0f4ff",
+                        padding: "8px 10px",
+                        borderRadius: "6px",
+                        border: "1px solid #c5d0f0",
+                        whiteSpace: "pre-line"
+                      },
+                      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                        style: {
+                          fontSize: "11px",
+                          fontWeight: "600",
+                          color: "#555",
+                          display: "block",
+                          marginBottom: "4px"
+                        },
+                        children: "\uD83D\uDCAC R\xE9ponse"
+                      }), entry.reponse]
                     }), ((_entry$documents = entry.documents) === null || _entry$documents === void 0 ? void 0 : _entry$documents.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                       style: {
                         marginTop: "8px",
@@ -3414,7 +3403,8 @@ const PuiHelpWidget = _ref7 => {
     showReclamation = true,
     showGuides = false,
     currentProjectCode = null,
-    guideBaseUrl
+    guideBaseUrl,
+    portailId = null
   } = _ref7;
   const [dropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
   const [isTourActive, setIsTourActive] = (0, _react.useState)(false);
@@ -4105,7 +4095,8 @@ const PuiHelpWidget = _ref7 => {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ReclamationFormModal, {
       open: reclamationModalOpen,
-      onClose: () => setReclamationModalOpen(false)
+      onClose: () => setReclamationModalOpen(false),
+      portailId: portailId
     })]
   });
 };

package/dist/hooks/useReclamation.js

@@ -52,20 +52,22 @@ const useDownloadDocument = () => {
   });
 };
 exports.useDownloadDocument = useDownloadDocument;
-const useListServiceReclamation = () => {
+const useListServiceReclamation = exports.useListServiceReclamation = function useListServiceReclamation() {
+  let portailId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   const {
     reclamationApi
   } = (0, _PuiHelpWidgetContext.useHelpWidget)();
   return (0, _reactQuery.useQuery)({
-    queryKey: ["get_list_service_reclamation"],
-    queryFn: () => reclamationApi.getListServiceReclamationApi(),
+    queryKey: ["get_list_service_reclamation", portailId],
+    queryFn: () =>
+    // portailId === ID_PMPCE
+    portailId ? reclamationApi.getListServiceReclamationByPortailApi(portailId) : reclamationApi.getListServiceReclamationApi(),
     initialData: {},
     retry: 1,
     refetchOnWindowFocus: false,
     refetchOnReconnect: false
   });
 };
-exports.useListServiceReclamation = useListServiceReclamation;
 const useClotureReclamation = () => {
   const {
     reclamationApi

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "5.0.16",
+  "version": "5.0.18",
   "description": "Portnet UI",
   "keywords": [
     "react",