Add global styles for use in WC header and content blocks [MAILPOET-2521]

assets/js/src/newsletter_editor/components/styles.js

@@ -57,12 +57,20 @@ Module.StylesModel = SuperModel.extend({
 
 Module.StylesView = Marionette.View.extend({
   getTemplate: function () { return window.templates.styles; }, // eslint-disable-line func-names
+  templateContext: function () { // eslint-disable-line func-names
+    return {
+      isWoocommerceTransactional: this.isWoocommerceTransactional,
+    };
+  },
   modelEvents: {
     change: 'render',
   },
   serializeData: function () { // eslint-disable-line func-names
     return this.model.toJSON();
   },
+  initialize: function (options) { // eslint-disable-line func-names
+    this.isWoocommerceTransactional = options.isWoocommerceTransactional;
+  },
 });
 
 Module._globalStyles = new SuperModel();
@@ -92,7 +100,10 @@ App.on('before:start', function (BeforeStartApp, options) { // eslint-disable-li
 });
 
 App.on('start', function (StartApp) { // eslint-disable-line func-names
-  var stylesView = new Module.StylesView({ model: StartApp.getGlobalStyles() });
+  var stylesView = new Module.StylesView({
+    model: StartApp.getGlobalStyles(),
+    isWoocommerceTransactional: App.getNewsletter().isWoocommerceTransactional(),
+  });
   StartApp._appView.showChildView('stylesRegion', stylesView);
 });