BUG: Can't parse trait values using Template literals(String Interpolation)

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome v103.0.5060.53

Reproducible demo link

https://codesandbox.io/s/grapes-js-template-literal-1p7sx2?file=/src/App.js

Describe the bug

How to reproduce the bug?

1. Add a new Type with custom traits
2. Parse the trait value using

var inputName = "{[ firstName ]}";

3. Parse the trait value using String interpolation

var inputKey = "firstName";
var inputNameUsingTemplate = `{[ ${inputKey} ]}`;

What is the expected behavior? Both should give the trait value entered from the Component Settings Panel.

What is the current behavior? Looks like trait value can be parsed using only the first way and parsing via string interpolation gives {[ firstName ]} instead of the actual input value.

Demo: CodeSandbox

Code of Conduct

• I agree to follow this project's Code of Conduct