@capillarytech/creatives-library 9.0.67-beta.test-cap-204791-beta-publish-yogesh.4 → 9.0.67

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "9.0.67-beta.test-cap-204791-beta-publish-yogesh.4",
+  "version": "9.0.67",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/FormBuilder/Classic.js

@@ -592,6 +592,12 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     }
   }
 
+  componentDidUpdate(prevProps) {
+    if (!_.isEqual(prevProps.isTransactional, this.props.isTransactional)) {
+      this.validateForm(this.props.tags, this.props.injectedTags);
+    }
+  }
+
   onEdit() {
 
   }
@@ -1581,7 +1587,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     const contentForValidation = isEmail ? convert(content, GLOBAL_CONVERT_OPTIONS) : content;
     const isOutboundModule = (currentModule || '').toUpperCase() === OUTBOUND;
 
-    const initialMissingTags = (tags && tags.length && !isFullMode && isEmail && isOutboundModule && !isEmailUnsubscribeTagOptional() && !hasUnsubscribeTag(content))
+    const isTransactional = this.props.isTransactional;
+
+    const initialMissingTags = (tags && tags.length && !isFullMode && isEmail && isOutboundModule && !isEmailUnsubscribeTagOptional() && !isTransactional && !hasUnsubscribeTag(content))
       ? ['unsubscribe']
       : [];
 
@@ -1598,7 +1606,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
 
     // When unsubscribe tag is optional (isEmailUnsubscribeTagOptional): do not enforce unsubscribe (defensive splice); set isContentEmpty only when content is empty. Do not override response.valid so brace/format errors are preserved.
     const validString = /\S/.test(contentForValidation);
-    if (isEmailUnsubscribeTagOptional() && isEmail && isOutboundModule) {
+    if ((isEmailUnsubscribeTagOptional() || isTransactional) && isEmail && isOutboundModule) {
       const missingTagIndex = response.missingTags.indexOf('unsubscribe');
       if (missingTagIndex !== -1) {
         response.missingTags.splice(missingTagIndex, 1);

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -143,6 +143,7 @@ export function SlideBoxContent(props) {
       supportedTags = [],
       selectedOfferDetails,
       channelsToDisable,
+      isTransactional,
       weChatTemplateType,
       onWechatTemplateChange,
       selectedWeChatAccount,
@@ -734,6 +735,7 @@ export function SlideBoxContent(props) {
         onHtmlEditorValidationStateChange={onHtmlEditorValidationStateChange}
         restrictPersonalization={restrictPersonalization}
         isAnonymousType={isAnonymousType}
+        isTransactional={isTransactional}
       />
         )}
       {(isEditEmailWithId || isEmailEditWithContent) && (
@@ -783,7 +785,8 @@ export function SlideBoxContent(props) {
               handleCloseTestAndPreview={handleCloseTestAndPreview}
               isTestAndPreviewMode={isTestAndPreviewMode}
               onHtmlEditorValidationStateChange={onHtmlEditorValidationStateChange}
-            />
+                isTransactional={isTransactional}
+              />
             );
           }     
           // HTML template: Use EmailWrapper component (which uses EmailWithoutSaga)
@@ -823,6 +826,7 @@ export function SlideBoxContent(props) {
               handleCloseTestAndPreview={handleCloseTestAndPreview}
               isTestAndPreviewMode={isTestAndPreviewMode}
               onHtmlEditorValidationStateChange={onHtmlEditorValidationStateChange}
+              isTransactional={isTransactional}
               location={{
                 pathname: `/email/edit/${templateData._id || ''}`,
                 query: {

package/v2Containers/CreativesContainer/index.js

@@ -2398,6 +2398,7 @@ export class Creatives extends React.Component {
               forwardedTags={forwardedTags}
               selectedOfferDetails={selectedOfferDetails}
               channelsToDisable={channelsToDisable}
+              isTransactional={this.props.isTransactional}
               restrictPersonalization={restrictPersonalization}
               isAnonymousType={isAnonymousType}
               customerType={customerType}

package/v2Containers/Email/index.js

@@ -3278,6 +3278,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                   exportHtmlLocked={this.state.exportHtmlContentLocked}
                   exportHtmlTooltip={getExportHtmlDisabledTooltip(this.state.isEdit, this.state.exportHtmlContentLocked, this.props.intl.formatMessage)}
                   isTestAndPreviewMode={this.state.isTestAndPreviewMode} // Add flag to prevent validation
+                  isTransactional={this.props.isTransactional}
               /> : ''}
             </CapColumn>
           </CapRow>

package/v2Containers/EmailWrapper/components/EmailHTMLEditor.js

@@ -93,10 +93,13 @@ const EmailHTMLEditor = (props) => {
     forwardedRef,
     // Module type for unsubscribe tag validation
     moduleType,
+    isTransactional,
     // Validation state callback
     onHtmlEditorValidationStateChange,
   } = props;
 
+  const isUnsubscribeOptional = isEmailUnsubscribeTagOptional() || isTransactional;
+
   const { formatMessage } = intl;
 
   // State for content and subject
@@ -127,7 +130,7 @@ const EmailHTMLEditor = (props) => {
   // Merge tag validation errors (missing) into apiValidationErrors so they show in ValidationErrorDisplay
   const mergedApiValidationErrors = useMemo(() => {
     const tagMessages = [];
-    if (tagValidationError?.missingTags?.length && !isEmailUnsubscribeTagOptional()) {
+    if (tagValidationError?.missingTags?.length && !isUnsubscribeOptional) {
       tagMessages.push(`Missing tags are: ${tagValidationError.missingTags.join(', ')}`);
     }
     if (tagMessages.length === 0) {
@@ -137,7 +140,7 @@ const EmailHTMLEditor = (props) => {
       liquidErrors: apiValidationErrors?.liquidErrors || [],
       standardErrors: [...(apiValidationErrors?.standardErrors || []), ...tagMessages],
     };
-  }, [apiValidationErrors, tagValidationError]);
+  }, [apiValidationErrors, tagValidationError, isUnsubscribeOptional]);
 
   // Refs for tracking initialization and previous values
   const contentInitializedRef = useRef(false);
@@ -738,7 +741,7 @@ const EmailHTMLEditor = (props) => {
     // When EMAIL_UNSUBSCRIBE_TAG_MANDATORY is false: validate and require unsubscribe tag.
     // Run for both library and full mode so liquid-enabled orgs also get the error (notification + ValidationErrorDisplay).
     const isModuleTypeOutbound = (moduleType || '').toUpperCase() === OUTBOUND;
-    if (!isEmailUnsubscribeTagOptional() && isModuleTypeOutbound) {
+    if (!isUnsubscribeOptional && isModuleTypeOutbound) {
       const unsubscribeRegex = /{{unsubscribe(\(#[a-zA-Z\d]{6}\))?}}/g; // eslint-disable-line no-useless-escape
       const hasUnsubscribeTag = unsubscribeRegex.test(htmlContent);
 
@@ -1009,6 +1012,7 @@ const EmailHTMLEditor = (props) => {
     globalActions,
     intl,
     extractedTemplateName,
+    isUnsubscribeOptional,
   ]);
 
   // Keep handleSave ref up to date - MUST be before isGetFormData effect

package/v2Containers/EmailWrapper/components/EmailWrapperView.js

@@ -193,6 +193,7 @@ const EmailWrapperView = ({
   showTemplateName,
   onHtmlEditorValidationStateChange,
   moduleType,
+  isTransactional,
 }) => {
   const htmlEditorRef = useRef(null);
   const supportCKEditor = hasSupportCKEditor();
@@ -275,6 +276,7 @@ const EmailWrapperView = ({
     onFormDataChange: handleFormDataChange,
     // Module type for unsubscribe tag validation
     moduleType,
+    isTransactional,
     // Loading states
     fetchingLiquidTags: fetchingLiquidTags || false,
     createTemplateInProgress: createTemplateInProgress || false,

package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js

@@ -51,6 +51,7 @@ const useEmailWrapper = ({
   editor,
   moduleType,
   eventContextTags,
+  isTransactional,
   waitEventContextTags,
   isLoyaltyModule,
   // Props for CmsTemplates component
@@ -746,6 +747,7 @@ const useEmailWrapper = ({
       eventContextTags,
       waitEventContextTags,
       isLoyaltyModule,
+      isTransactional,
       showTestAndPreviewSlidebox,
       handleTestAndPreview,
       handleCloseTestAndPreview,
@@ -776,6 +778,7 @@ const useEmailWrapper = ({
     eventContextTags,
     waitEventContextTags,
     isLoyaltyModule,
+    isTransactional,
     showTestAndPreviewSlidebox,
     handleTestAndPreview,
     handleCloseTestAndPreview,

package/v2Containers/EmailWrapper/index.js

@@ -87,6 +87,7 @@ const EmailWrapper = (props) => {
     fetchingCmsData,
     onHtmlEditorValidationStateChange,
     isEditEmail = true,
+    isTransactional,
   } = props;
 
   // Pass destructured props to the custom hook
@@ -207,6 +208,7 @@ const EmailWrapper = (props) => {
         fetchingCmsData={fetchingCmsData}
         onHtmlEditorValidationStateChange={onHtmlEditorValidationStateChange}
         moduleType={moduleType}
+        isTransactional={isTransactional}
       />
 
       {/* HTMLEditor Testing Component - Console Controlled */}