fix: only convert assets static file path

Author: marslanabdulrauf

src/editors/sharedComponents/TinyMceWidget/hooks.test.js

@@ -213,6 +213,15 @@ describe('TinyMceEditor hooks', () => {
         const actual = module.replaceStaticWithAsset({ initialContent: content, learningContextId });
         expect(actual).toBeFalsy();
       });
+      it('does not convert static URLs with subdirectories but converts direct static files', () => {
+        const contentWithSubdirectory = '<img src="/static/images/placeholder-faculty.png"/><img src="/static/example.jpg"/>';
+        const expected = `<img src="/static/images/placeholder-faculty.png"/><img src="/${baseAssetUrl}@example.jpg"/>`;
+        const actual = module.replaceStaticWithAsset({
+          initialContent: contentWithSubdirectory,
+          learningContextId,
+        });
+        expect(actual).toEqual(expected);
+      });
     });
     describe('setAssetToStaticUrl', () => {
       it('returns content with updated img links', () => {

src/editors/sharedComponents/TinyMceWidget/hooks.ts

@@ -121,6 +121,11 @@ export const replaceStaticWithAsset = ({
       let staticFullUrl;
       const isStatic = src.startsWith('/static/');
       const assetSrc = src.substring(0, src.indexOf('"'));
+
+      // Check if this is a direct /static/filename.ext pattern (should be converted)
+      // vs /static/images/filename.ext pattern (should NOT be converted)
+      const isDirectStaticFile = isStatic && !assetSrc.substring(8).includes('images/');
+
       const staticName = assetSrc.substring(8);
       const assetName = parseAssetName(src);
       const displayName = isStatic ? staticName : assetName;
@@ -133,16 +138,16 @@ export const replaceStaticWithAsset = ({
         // set the base URL to an endpoint serving the draft version of an asset by
         // its path.
         /* istanbul ignore next */
-        if (isStatic) {
+        if (isStatic && isDirectStaticFile) {
           staticFullUrl = assetSrc.substring(1);
         }
       } else if (editorType === 'expandable') {
         if (isCorrectAssetFormat) {
           staticFullUrl = `${lmsEndpointUrl}${assetSrc}`;
-        } else {
+        } else if (isDirectStaticFile) {
           staticFullUrl = `${lmsEndpointUrl}${getRelativeUrl({ courseId: learningContextId, displayName })}`;
         }
-      } else if (!isCorrectAssetFormat) {
+      } else if (!isCorrectAssetFormat && isDirectStaticFile) {
         staticFullUrl = getRelativeUrl({ courseId: learningContextId, displayName });
       }
       if (staticFullUrl) {