@capillarytech/creatives-library 8.0.345-alpha.10 → 8.0.345-alpha.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.345-alpha.10",
+  "version": "8.0.345-alpha.11",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/Email/index.js

@@ -32,7 +32,7 @@ import * as creativesContainerActions from '../CreativesContainer/actions';
 import withCreatives from '../../hoc/withCreatives';
 import { EMAIL } from '../CreativesContainer/constants';
 import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_EMAIL, TRACK_EDIT_EMAIL, BEE_PLUGIN, CREATE, EDIT } from '../App/constants';
+import { TRACK_CREATE_EMAIL, TRACK_EDIT_EMAIL, BEE_PLUGIN, CREATE, EDIT, LOYALTY } from '../App/constants';
 import { FONT_COLOR_05 } from '@capillarytech/cap-ui-library/styled/variables';
 import { gtmPush } from '../../utils/gtmTrackers';
 const {CapCustomCardList} = CapCustomCard;
@@ -98,6 +98,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     this.edmEvent = undefined;
     // When schema is set after CmsSettings (e.g. library create BEE), allow BEE init to run once
     this.schemaJustFilledForBee = false;
+    // Guard: prevent startTemplateCreation being called twice (componentDidMount + componentWillReceiveProps)
+    this.templateCreationStarted = false;
     this.supportedLanguages = this.getSupportedLanguages(props);
     this.map = {
       "template-name": {
@@ -302,6 +304,24 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     if (!this.props.params?.id && this.props.Templates?.selectedEmailLayout) {
       this.setState((prev) => ({ loadingStatus: Math.max(prev.loadingStatus, 2) }));
     }
+
+    // For loyalty library mode: componentWillReceiveProps may never fire if Redux state is
+    // already stable after mount (schema cached, BEETemplate already empty). Call
+    // startTemplateCreation directly here so the BEE editor always initialises.
+    if (
+      !this.templateCreationStarted
+      && this.state.isEdit
+      && this.props.moduleType === LOYALTY
+      && this.props.location.query.module === 'library'
+      && !_.isEmpty(this.props.templateData)
+      && !this.props.params.id
+      && !this.props.isGetFormData
+      && _.isEmpty(_.get(this, `state.formData['template-subject']`))
+    ) {
+      this.templateCreationStarted = true;
+      console.log('[componentDidMount] loyalty library - calling startTemplateCreation directly', this.props.templateData);
+      this.startTemplateCreation(this.props.templateData);
+    }
   }
 
 
@@ -482,7 +502,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       console.log('[Rafeeq manzoor] here we have data 2', nextProps.templateData, !_.isEmpty(nextProps.templateData), this.props.params.id, nextProps.isGetFormData);
       console.log('[Rafeeq manzoor] here we have data 3', _.isEmpty(_.get(this, `state.formData['template-subject']`)));
 
-      if (this.state.isEdit && nextProps.location.query.module === "library" && !_.isEmpty(nextProps.templateData) && !this.props.params.id && !nextProps.isGetFormData && _.isEmpty(_.get(this, `state.formData['template-subject']`))) {
+      if (!this.templateCreationStarted && this.state.isEdit && nextProps.moduleType === LOYALTY && nextProps.location.query.module === "library" && !_.isEmpty(nextProps.templateData) && !this.props.params.id && !nextProps.isGetFormData && _.isEmpty(_.get(this, `state.formData['template-subject']`))) {
+        this.templateCreationStarted = true;
         this.startTemplateCreation(nextProps.templateData);
       }
       if (nextProps.location.query.module === 'library' && nextProps.isGetFormData && (this.props.isGetFormData !== nextProps.isGetFormData)) {

package/.npmrx

@@ -1,2 +0,0 @@
-npm config set scope capillarytech	
-//registry.npmjs.org/:_authToken=${NPM_TOKEN}