Drag and drop block event

[wagnerlduarte]

How can I get the drag-and-drop event? I searched the code base to check the possibility of getting these events, but don't found.

I would like to get the drop event to validate if the custom block created by me can drop on the template because I would like to add only one block of this type inside my template, and I need this event to check before adding some block inside the template.

It makes sense, it is possible?

[m-Ryan]

https://github.com/zalify/easy-email/blob/e0b53e051a8a36e817d7d9f0fbba6b49a00b1322/packages/easy-email-editor/src/hooks/useDropBlock.ts

https://github.com/zalify/easy-email/blob/e0b53e051a8a36e817d7d9f0fbba6b49a00b1322/packages/easy-email-core/src/utils/block.ts#L82-L107

Only validParentType will be validated now.

[wagnerlduarte]

So, I understood that getSameParent is used to validate the drop of component, but I need to get the event after this drop happens because I'm using the custom component ProductRecommendation and I would like to validate that have only one ProductRecommendation in my template, for example.

I saw that the EventManager have some options, but the ADD_BLOCK is not implemented. So, I don't know if have a good way to get the drag and drop event outside the core application easy-email to intercept this action and do something when the user adds some new component on the template, do you know?

[m-Ryan]

Sorry, I just noticed now, for your case, we need to implement the ADD_BLOCK event, do you still need this feature? @wagnerlduarte

[wagnerlduarte]

@m-Ryan I created a workaround to solve this problem, but I think is important to implement this feature to make it more dynamic. In my case, I used a validation when the user change a dropdown on sidebar attributes. But if I want to validate before that, without this event it's not possible.

[thijs-qv]

Sorry, I just noticed now, for your case, we need to implement the ADD_BLOCK event, do you still need this feature? @wagnerlduarte

@m-Ryan so at this moment there is no event that is fired when the page is modified? My usecase: I am placing the editor on a page of a multi step form and would like to store the html when it has changed so the user does not have to manually press submit before moving on to the next page in the form.

edit: solved by using the values provided by the EmailEditorProvider