@portnet/ui 5.0.22 → 5.0.24

package/dist/components/providers/PuiHelpWidgetProvider.js

@@ -31,11 +31,11 @@ const PuiHelpWidgetProvider = _ref => {
     apiAuthUrl,
     guideBaseUrl,
     token,
+    portailId = null,
     showReclamation = true,
     showGuides = true,
     showTijaria = true,
     currentProjectCode = null,
-    portailId = null,
     children
   } = _ref;
   const axiosInstance = (0, _react.useMemo)(() => {
@@ -67,7 +67,8 @@ const PuiHelpWidgetProvider = _ref => {
     guideImageService: (0, _guideImageService.default)(publicAxiosInstance),
     tijariaUrl,
     apiAuthUrl,
-    token: token || sessionStorage.getItem("access_token")
+    token: token || sessionStorage.getItem("access_token"),
+    portailId
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRedux.Provider, {
     store: widgetStore,

package/dist/components/widgets/PuiHelpWidget.js

@@ -9,7 +9,10 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array-buffer.constructor.js");
 require("core-js/modules/es.array-buffer.slice.js");
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.split.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.typed-array.uint8-array.js");
 require("core-js/modules/es.typed-array.fill.js");
@@ -1251,8 +1254,7 @@ const CustomChatInterface = _ref3 => {
 const ReclamationFormModal = _ref4 => {
   let {
     open,
-    onClose,
-    portailId = null
+    onClose
   } = _ref4;
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const [formData, setFormData] = (0, _react.useState)({
@@ -1267,11 +1269,11 @@ const ReclamationFormModal = _ref4 => {
   const {
     mutate: createReclamation,
     isLoading
-  } = (0, _useReclamation.useCreateReclamation)(portailId);
+  } = (0, _useReclamation.useCreateReclamation)();
   const {
     data: listServiceReclamation,
     isFetching: isFetchingListServiceReclamation
-  } = (0, _useReclamation.useListServiceReclamation)(portailId);
+  } = (0, _useReclamation.useListServiceReclamation)();
   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), {}, {
@@ -1794,7 +1796,7 @@ const ReclamationsList = _ref5 => {
     data: reclamations,
     isFetching,
     error
-  } = (0, _useReclamation.useListReclamation)(page);
+  } = (0, _useReclamation.useListReclamation)(page, searchKey);
   const {
     mutate: downloadDocument,
     isLoading: isDownloading,
@@ -1825,6 +1827,22 @@ const ReclamationsList = _ref5 => {
         return "#757575";
     }
   };
+  const renderTextWithLinks = text => {
+    if (!text) return null;
+    const parts = text.split(/(https?:\/\/[^\s)]+)/g);
+    return parts.map((part, i) => /^https?:\/\//.test(part) ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: part,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        color: "var(--primary-color, #222f67)",
+        wordBreak: "break-all"
+      },
+      children: part
+    }, i) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: part
+    }, i));
+  };
   const handleReclamationClick = reclamation => {
     setSelectedReclamation(reclamation);
     setDetailsDialogOpen(true);
@@ -1928,6 +1946,7 @@ const ReclamationsList = _ref5 => {
     });
   };
   const onSearch = () => {
+    setPage(1);
     setSearchKey(search);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -2655,7 +2674,7 @@ const ReclamationsList = _ref5 => {
                           marginBottom: "4px"
                         },
                         children: "\uD83D\uDCAC R\xE9ponse"
-                      }), entry.reponse]
+                      }), renderTextWithLinks(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",
@@ -3412,14 +3431,14 @@ const PuiHelpWidget = _ref7 => {
     showGuides = false,
     showTijaria = true,
     currentProjectCode = null,
-    guideBaseUrl,
-    portailId = null
+    guideBaseUrl
   } = _ref7;
   const [dropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
   const [isTourActive, setIsTourActive] = (0, _react.useState)(false);
   const {
     guideApi
   } = (0, _PuiHelpWidgetContext.useHelpWidget)();
+  const queryClient = (0, _reactQuery.useQueryClient)();
   const toggle = () => {
     setDropdownOpen(prev => !prev);
   };
@@ -3690,7 +3709,10 @@ const PuiHelpWidget = _ref7 => {
     icon: _freeSolidSvgIcons.faClipboardList,
     title: "Mes réclamations",
     id: "mes-reclamations",
-    action: () => setViewingReclamations(true)
+    action: () => {
+      queryClient.invalidateQueries("get_list_reclamation");
+      setViewingReclamations(true);
+    }
   }, {
     icon: _freeSolidSvgIcons.faBullhorn,
     title: "Nouvelle réclamation",
@@ -4105,8 +4127,7 @@ const PuiHelpWidget = _ref7 => {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ReclamationFormModal, {
       open: reclamationModalOpen,
-      onClose: () => setReclamationModalOpen(false),
-      portailId: portailId
+      onClose: () => setReclamationModalOpen(false)
     })]
   });
 };

package/dist/hooks/useReclamation.js

@@ -24,9 +24,10 @@ const useListReclamation = (page, search) => {
   });
 };
 exports.useListReclamation = useListReclamation;
-const useCreateReclamation = portailId => {
+const useCreateReclamation = () => {
   const {
-    reclamationApi
+    reclamationApi,
+    portailId
   } = (0, _PuiHelpWidgetContext.useHelpWidget)();
   const queryClient = (0, _reactQuery.useQueryClient)();
   return (0, _reactQuery.useMutation)({
@@ -52,39 +53,48 @@ const useDownloadDocument = () => {
   });
 };
 exports.useDownloadDocument = useDownloadDocument;
-const useListServiceReclamation = exports.useListServiceReclamation = function useListServiceReclamation() {
-  let portailId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+const useListServiceReclamation = () => {
   const {
-    reclamationApi
+    reclamationApi,
+    portailId
   } = (0, _PuiHelpWidgetContext.useHelpWidget)();
   return (0, _reactQuery.useQuery)({
     queryKey: ["get_list_service_reclamation", portailId],
-    queryFn: () =>
-    // portailId === ID_PMPCE
-    portailId !== null ? reclamationApi.getListServiceReclamationByPortailApi(portailId) : reclamationApi.getListServiceReclamationApi(),
+    queryFn: () => portailId !== null ? reclamationApi.getListServiceReclamationByPortailApi(portailId) : reclamationApi.getListServiceReclamationApi(),
     initialData: {},
     retry: 1,
     refetchOnWindowFocus: false,
     refetchOnReconnect: false
   });
 };
+exports.useListServiceReclamation = useListServiceReclamation;
 const useClotureReclamation = () => {
   const {
     reclamationApi
   } = (0, _PuiHelpWidgetContext.useHelpWidget)();
-  return (0, _reactQuery.useMutation)(id => reclamationApi.cloturerReclamation(id));
+  const queryClient = (0, _reactQuery.useQueryClient)();
+  return (0, _reactQuery.useMutation)(id => reclamationApi.cloturerReclamation(id), {
+    onSuccess: () => {
+      queryClient.invalidateQueries("get_list_reclamation");
+    }
+  });
 };
 exports.useClotureReclamation = useClotureReclamation;
 const useReouvreReclamation = () => {
   const {
     reclamationApi
   } = (0, _PuiHelpWidgetContext.useHelpWidget)();
+  const queryClient = (0, _reactQuery.useQueryClient)();
   return (0, _reactQuery.useMutation)(_ref => {
     let {
       id,
       formData
     } = _ref;
     return reclamationApi.reourrirReclamation(id, formData);
+  }, {
+    onSuccess: () => {
+      queryClient.invalidateQueries("get_list_reclamation");
+    }
   });
 };
 exports.useReouvreReclamation = useReouvreReclamation;

package/package.json

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