@bindu-dashing/dam-solution-v2 5.9.259 → 5.9.260

package/build/MyDrive/ImageEditor/EditImage.js

@@ -20,7 +20,7 @@ import CustomButton from "../../common/Button";
 import { showNotification } from "../../common/notifications";
 import { FILE_UPLOAD_ERROR, SOMETHING_WENT_WRONG, UPDATE_SUCCESS, } from "../../utilities/constants/messages";
 import { CREATE_FILE_URL, FILE_UPLOAD_URL, SAVE_EDITED_FILE_THUMBNAIL_URL, SAVE_EDITED_FILE_URL, } from "../../utilities/constants/apiUrls";
-import { generateFoldersQueryKey, invalidateData, QueryKeys, } from "../../utilities/constants/queryKeys";
+import { QueryKeys } from "../../utilities/constants/queryKeys";
 import { useQueryClient } from "react-query";
 import { useDamConfig } from "../../hocs/DamConfigContext";
 import { createApiClient } from "../../hocs/configureAxios";
@@ -39,8 +39,12 @@ const ImageEditorComponent = ({ file, handleClose, }) => {
     const { rootFolderId, brand } = damConfig;
     const brandId = get(brand, "_id");
     const api = useMemo(() => createApiClient(damConfig), [damConfig]);
-    const { type, folderId } = useAppParams();
-    const currentFolderId = folderId || rootFolderId;
+    const { folderId } = useAppParams();
+    // file.folderId is the folder the file actually lives in. Prefer it because
+    // `useAppParams().folderId` is undefined when the picker is opened as a
+    // modal (no URL change) — that was causing uploads to land in the root
+    // folder and invalidations to miss the picker's active query.
+    const currentFolderId = get(file, "folderId") || folderId || rootFolderId;
     const [state, setState] = useState({
         loading: false,
         confirmOpen: false,
@@ -48,12 +52,13 @@ const ImageEditorComponent = ({ file, handleClose, }) => {
     const { loading, confirmOpen } = state;
     const editorRef = useRef(null);
     const invalidateAfterChange = () => {
-        invalidateData(queryClient, generateFoldersQueryKey(type), currentFolderId);
-        invalidateData(queryClient, QueryKeys.FILE, get(file, "_id"));
-        // Image picker uses ["image-pickers", id] as its own query key,
-        // so the above invalidations don't refresh the picker grid. Hit it
-        // by prefix so we don't need to know the specific picker id here.
+        // Prefix-only invalidation so we hit every relevant query regardless of
+        // its second key segment (folderId, picker id, mode, etc.). Going by
+        // exact key was missing the picker's active query because its folderId
+        // doesn't match useAppParams().folderId when the picker is a modal.
+        queryClient.invalidateQueries({ queryKey: [QueryKeys.FOLDERS] });
         queryClient.invalidateQueries({ queryKey: [QueryKeys.IMAGE_PICKERS] });
+        queryClient.invalidateQueries({ queryKey: [QueryKeys.FILE] });
     };
     const handleOverwrite = () => __awaiter(void 0, void 0, void 0, function* () {
         var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bindu-dashing/dam-solution-v2",
-  "version": "5.9.259",
+  "version": "5.9.260",
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
     "@emoji-mart/data": "^1.2.1",