Error while trying to edit nested component via SmartEdit

[Former Member]

Hi there, The problem is that I get an error in the browser console, while trying to open nested component:

"TypeError: Cannot read property 'toLowerCase' of undefined"

It happens because in function editComponent (which is in cmsItemDropdown.js) itemToEdit.typeCode is undefiened. But why and when it should be set up I can't figure out. If anybody have faced with such problem and could help - I'd really appreciate your help! Thanks in advance!

[Former Member]

Have you found the root cause of it?

[Former Member]

Yes! Here I described the root cause and how to fix it. https://dmitrykrivenko.blogspot.com/2018/08/override-smartedit-service.html

[Former Member]

Thanks . It was helpful.

[Former Member · Accepted solution]

I've found the root cause and fixed it. The problem in the file: web/features/cmssmarteditContainer/components/cmsComponents/cmsItemDropdown/services/nestedComponentManagementService.js. In componentInfo object field .componentType represents deprecated typeCode, which presents only in cms components, that extend AbstractCMSComponent , but not CMSItemComponent. To fix it I've overiden original service nestedComponentManagementService:

 angular.module('overridenNestedComponentManagementServiceModule', [...])  
    .service('nestedComponentManagementService', function(...) {  
     ... 
      var prepareComponentData = function(...) {  
        var componentType = componentInfo.componentType || componentInfo.content.itemtype;  
        ...
        return {  
          ...  
          componentType: componentType,  
          ...  
          ...                      {  
            typeCode: componentType,  
            itemtype: componentType,  
            ...
          }, ...),    
        };  
      };  
     ...
    });  

More details in my blog:

• Override smartedit service

• Customizing smartedit