@capillarytech/creatives-library 8.0.253 → 8.0.255-alpha.0

package/package.json

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

package/v2Components/HtmlEditor/components/CodeEditorPane/index.js

@@ -26,6 +26,7 @@ import { injectIntl, intlShape } from 'react-intl';
 
 // Messages
 import CapRow from '@capillarytech/cap-ui-library/CapRow';
+import { createRobustExtensions } from '../../utils/properSyntaxHighlighting';
 import messages from '../../messages';
 
 // Cap UI Components
@@ -208,15 +209,17 @@ const CodeEditorPaneComponent = ({
         placeholderText = intl.formatMessage(messages.editorPlaceholderInapp);
       }
 
-      // Add additional extensions for line numbers, active line, placeholder, line wrapping, and update listener
+      // Use the comprehensive extensions from properSyntaxHighlighting.js
+      // This includes: html(), syntaxHighlighting(comprehensiveVSCodeTheme), cleanEditorTheme
+      const robustExtensions = createRobustExtensions();
+
+      // Add additional extensions for line numbers, active line, and update listener
       const extensions = [
         lineNumbers(),
         highlightActiveLine(),
         placeholder(placeholderText),
+        ...robustExtensions, // Spread the robust extensions (html, syntax highlighting, theme)
         EditorView.lineWrapping, // Enable soft-wrapping of long lines
-        // html(), // 1. HTML language support - TEMPORARILY DISABLED due to version conflict
-        // syntaxHighlighting(comprehensiveVSCodeTheme), // 2. Syntax highlighting - TEMPORARILY DISABLED
-        // cleanEditorTheme, // 3. Theme - TEMPORARILY DISABLED
         EditorView.updateListener.of((update) => {
           if (update.docChanged) {
             updateContentRef.current(update.state.doc.toString());

package/v2Components/HtmlEditor/hooks/__tests__/useValidation.apiErrors.test.js

@@ -11,13 +11,13 @@ import { useValidation } from '../useValidation';
 
 // Mock validation utilities
 jest.mock('../../utils/htmlValidator', () => ({
-  validateHTML: jest.fn((content, variant, formatMessage) => ({
+  validateHTML: jest.fn(() => ({
     isValid: true,
     errors: [],
     warnings: [],
     info: [],
   })),
-  extractAndValidateCSS: jest.fn((content, formatMessage) => ({
+  extractAndValidateCSS: jest.fn(() => ({
     isValid: true,
     errors: [],
     warnings: [],
@@ -26,12 +26,12 @@ jest.mock('../../utils/htmlValidator', () => ({
 }));
 
 jest.mock('../../utils/contentSanitizer', () => ({
-  sanitizeHTML: jest.fn((content, variant, level, formatMessage) => ({
+  sanitizeHTML: jest.fn((content) => ({
     sanitized: content,
     warnings: [],
   })),
-  isContentSafe: jest.fn((content) => true),
-  findUnsafeContent: jest.fn((content) => []),
+  isContentSafe: jest.fn(() => true),
+  findUnsafeContent: jest.fn(() => []),
 }));
 
 // Test wrapper component
@@ -311,7 +311,6 @@ describe('useValidation - API Validation Errors', () => {
 
       // hasErrors should be false when no API errors and no validation errors
       // Note: This might be true if validation finds errors, so we check the condition
-      const hasErrors = screen.getByTestId('has-errors').textContent === 'true';
       const allIssuesCount = parseInt(screen.getByTestId('all-issues-count').textContent, 10);
       // If there are no issues, hasErrors should be false
       if (allIssuesCount === 0) {

package/v2Containers/Email/index.js

@@ -62,7 +62,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       isEdit: false,
       schema: {},
       loading: false,
-      isFormValid: true,
       injectedTags: {},
       checkValidation: false,
       saveEdmDataMode: 'save',
@@ -1069,9 +1068,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     return '';
   }
 
-  setFormValidity = (isFormValid) => {
-    this.setState({isFormValid});
-  }
+  setFormValidity = () => {}
 
   setEditData(editData) {
     const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
@@ -1309,7 +1306,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       isEdit: false,
       schema: {},
       loading: false,
-      isFormValid: true,
       injectedTags: {},
       checkValidation: false,
       tabKey: '',
@@ -2651,14 +2647,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   saveFormData = (passedData) => {
-    //saveFormData gets called only when validation result is true
     if (this.state.gettingFormData && !this.props.isFullMode) {
       const response = {
         action: "getFormData",
         postAction: this.state.getFormDataValue || 'next',
         id: _.get(this.props, 'Email.templateDetails._id', ''),
         value: this.transformFormData(passedData),
-        validity: this.state.isFormValid,
+        //saveFormData gets called only when validation result is true
+        validity: true,
         type: 'EMAIL',
       };