npm - @capillarytech/creatives-library - Versions diffs - 8.0.246-alpha.0 → 8.0.246 - Mend

@capillarytech/creatives-library 8.0.246-alpha.0 → 8.0.246

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

package/v2Components/HtmlEditor/hooks/useInAppContent.js CHANGED Viewed

@@ -4,30 +4,133 @@
  * Manages separate HTML content for Android and iOS devices with sync functionality
  */
-import {
-  useState, useCallback, useRef, useEffect, useMemo,
-} from 'react';
+import { useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import { DEVICE_TYPES, PERFORMANCE } from '../constants';
 // Constants for better maintainability
 const CONTENT_VALIDATION = {
   MIN_CONTENT_LENGTH: 0,
-  DEFAULT_CONTENT_TYPE: 'string',
+  DEFAULT_CONTENT_TYPE: 'string'
 };
 const AUTO_SAVE_CONFIG = {
   DEFAULT_ENABLED: true,
   DEFAULT_INTERVAL: PERFORMANCE.AUTO_SAVE_INTERVAL,
-  MIN_AUTO_SAVE_INTERVAL_MS: 1000, // Minimum 1 second between auto-saves
+  MIN_AUTO_SAVE_INTERVAL_MS: 1000 // Minimum 1 second between auto-saves
 };
 /**
  * Default InApp content for different devices
- * Empty strings - no default content for new templates
  */
 const DEFAULT_INAPP_CONTENT = {
-  [DEVICE_TYPES.ANDROID]: '',
-  [DEVICE_TYPES.IOS]: '',
+  [DEVICE_TYPES.ANDROID]: `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>In-App Notification</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 16px;
+            font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
+            background-color: #ffffff;
+            color: #212121;
+        }
+        .notification {
+            max-width: 100%;
+            background: white;
+            border-radius: 8px;
+            padding: 16px;
+            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+        }
+        .title {
+            font-size: 16px;
+            font-weight: 500;
+            margin: 0 0 8px 0;
+            color: #212121;
+        }
+        .message {
+            font-size: 14px;
+            line-height: 1.4;
+            margin: 0 0 16px 0;
+            color: #424242;
+        }
+        .cta-button {
+            background-color: #42b040;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            padding: 8px 16px;
+            font-size: 12px;
+            font-weight: 500;
+            cursor: pointer;
+            width: 100%;
+        }
+    </style>
+</head>
+<body>
+    <div class="notification">
+        <h2 class="title">Sample template</h2>
+        <p class="message">This is a sample template for in-app notification content. This can be triggered on any behavioural event while the user is on the app</p>
+        <button class="cta-button">Add to cart</button>
+    </div>
+</body>
+</html>`,
+  [DEVICE_TYPES.IOS]: `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>In-App Notification</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 16px;
+            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif;
+            background-color: #ffffff;
+            color: #000000;
+        }
+        .notification {
+            max-width: 100%;
+            background: white;
+            border-radius: 12px;
+            padding: 16px;
+            box-shadow: 0 4px 16px rgba(0,0,0,0.1);
+        }
+        .title {
+            font-size: 17px;
+            font-weight: 600;
+            margin: 0 0 8px 0;
+            color: #000000;
+        }
+        .message {
+            font-size: 15px;
+            line-height: 1.4;
+            margin: 0 0 16px 0;
+            color: #3c3c43;
+        }
+        .cta-button {
+            background-color: #007AFF;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            padding: 12px 16px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            width: 100%;
+        }
+    </style>
+</head>
+<body>
+    <div class="notification">
+        <h2 class="title">Sample template</h2>
+        <p class="message">This is a sample template for in-app notification content. This can be triggered on any behavioural event while the user is on the app</p>
+        <button class="cta-button">Add to cart</button>
+    </div>
+</body>
+</html>`
 };
 /**
@@ -47,7 +150,7 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
     autoSave = AUTO_SAVE_CONFIG.DEFAULT_ENABLED,
     autoSaveInterval = AUTO_SAVE_CONFIG.DEFAULT_INTERVAL,
     onSave,
-    onChange,
+    onChange
   } = options;
   // Destructure device types for cleaner code
@@ -56,7 +159,7 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
   // Device-specific content state with optional chaining
   const [deviceContent, setDeviceContent] = useState(() => ({
     [ANDROID]: initialContent?.[ANDROID] || DEFAULT_INAPP_CONTENT[ANDROID],
-    [IOS]: initialContent?.[IOS] || DEFAULT_INAPP_CONTENT[IOS],
+    [IOS]: initialContent?.[IOS] || DEFAULT_INAPP_CONTENT[IOS]
   }));
   // Current active device
@@ -86,67 +189,15 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
     deviceContentRef.current = deviceContent;
   }, [deviceContent]);
-  // Ref to track if we've loaded initial content to prevent overriding user edits
-  const initialContentLoadedRef = useRef(false);
-  const previousContentRef = useRef({ android: '', ios: '' });
-  // Update content when initialContent prop changes (for edit mode)
-  // This should only run when loading a template for editing, NOT during active editing
-  useEffect(() => {
-    const newAndroidContent = initialContent?.[ANDROID];
-    const newIosContent = initialContent?.[IOS];
-    // Check if this is meaningful initialContent (has actual content)
-    const hasMeaningfulContent = (newAndroidContent && newAndroidContent.trim() !== '')
-      || (newIosContent && newIosContent.trim() !== '');
-    // Check if we're transitioning from empty to meaningful content (library mode scenario)
-    const wasEmpty = (!previousContentRef.current.android || previousContentRef.current.android.trim() === '')
-      && (!previousContentRef.current.ios || previousContentRef.current.ios.trim() === '');
-    const isTransitioningToContent = wasEmpty && hasMeaningfulContent;
-    // Only update if:
-    // 1. We haven't loaded initial content yet (first load), OR
-    // 2. We're transitioning from empty to meaningful content (library mode data fetch)
-    // This prevents the effect from overriding user edits during active editing
-    // while still allowing content to load properly in library mode
-    if (!initialContentLoadedRef.current || isTransitioningToContent) {
-      if (hasMeaningfulContent) {
-        // Mark as loaded to prevent future updates from overriding user edits
-        initialContentLoadedRef.current = true;
-        setDeviceContent((prev) => {
-          let updated = false;
-          const updatedContent = { ...prev };
-          if (newAndroidContent !== undefined && newAndroidContent !== prev[ANDROID]) {
-            updatedContent[ANDROID] = newAndroidContent;
-            updated = true;
-          }
-          if (newIosContent !== undefined && newIosContent !== prev[IOS]) {
-            updatedContent[IOS] = newIosContent;
-            updated = true;
-          }
-          return updated ? updatedContent : prev;
-        });
-        // Update previous content ref
-        previousContentRef.current = {
-          android: newAndroidContent || '',
-          ios: newIosContent || '',
-        };
-      }
-    }
-  }, [initialContent, ANDROID, IOS]);
   // Get current active content
-  const currentContent = useMemo(() => deviceContent?.[activeDevice] || '', [deviceContent, activeDevice]);
+  const currentContent = useMemo(() => {
+    return deviceContent[activeDevice] || '';
+  }, [deviceContent, activeDevice]);
   // Update content for current device
   const updateContent = useCallback((newContent) => {
     // Validate input
-    if (typeof newContent !== CONTENT_VALIDATION?.DEFAULT_CONTENT_TYPE) {
+    if (typeof newContent !== CONTENT_VALIDATION.DEFAULT_CONTENT_TYPE) {
       console.warn('useInAppContent: newContent must be a string');
       return;
     }
@@ -158,14 +209,14 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
       // When sync is enabled, update both devices with the same content
       updatedDeviceContent = {
         [ANDROID]: newContent,
-        [IOS]: newContent,
+        [IOS]: newContent
       };
     } else {
       // When sync is disabled, update only the current device
-      setDeviceContent((prev) => {
+      setDeviceContent(prev => {
         updatedDeviceContent = {
           ...prev,
-          [activeDevice]: newContent,
+          [activeDevice]: newContent
         };
         return updatedDeviceContent;
       });
@@ -174,9 +225,8 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
       setIsDirty(true);
       changeTimestampRef.current = Date.now();
-      // Trigger onChange callback - pass only changed device content
-      // This prevents parent from updating both device states when only one changed
-      onChange?.({ [activeDevice]: newContent }, activeDevice);
+      // Trigger onChange callback with optional chaining
+      onChange?.(updatedDeviceContent, activeDevice);
       // Setup auto-save for independent mode
       if (autoSave && autoSaveInterval > AUTO_SAVE_CONFIG.MIN_AUTO_SAVE_INTERVAL_MS && newContent.length > CONTENT_VALIDATION.MIN_CONTENT_LENGTH) {
@@ -207,7 +257,7 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
     setIsDirty(true);
     changeTimestampRef.current = Date.now();
-    // Trigger onChange callback - in sync mode, pass full content
+    // Trigger onChange callback with optional chaining
     onChange?.(updatedDeviceContent, activeDevice);
     // Setup auto-save
@@ -251,7 +301,7 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
       const currentActiveContent = deviceContent[activeDevice];
       const syncedContent = {
         [ANDROID]: currentActiveContent,
-        [IOS]: currentActiveContent,
+        [IOS]: currentActiveContent
       };
       setDeviceContent(syncedContent);
@@ -275,16 +325,22 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
   }, [deviceContent, onSave]);
   // Check if content exists for current device
-  const hasContent = useMemo(() => typeof currentContent === CONTENT_VALIDATION.DEFAULT_CONTENT_TYPE
-    && currentContent?.trim()?.length > CONTENT_VALIDATION.MIN_CONTENT_LENGTH, [currentContent]);
+  const hasContent = useMemo(() => {
+    return typeof currentContent === CONTENT_VALIDATION.DEFAULT_CONTENT_TYPE &&
+           currentContent.trim().length > CONTENT_VALIDATION.MIN_CONTENT_LENGTH;
+  }, [currentContent]);
   // Get content size for current device
-  const getContentSize = useCallback(() => typeof currentContent === CONTENT_VALIDATION.DEFAULT_CONTENT_TYPE
-    ? currentContent?.length
-    : CONTENT_VALIDATION?.MIN_CONTENT_LENGTH, [currentContent]);
+  const getContentSize = useCallback(() => {
+    return typeof currentContent === CONTENT_VALIDATION.DEFAULT_CONTENT_TYPE
+      ? currentContent.length
+      : CONTENT_VALIDATION.MIN_CONTENT_LENGTH;
+  }, [currentContent]);
   // Get content for specific device
-  const getDeviceContent = useCallback((device) => deviceContent[device] || '', [deviceContent]);
+  const getDeviceContent = useCallback((device) => {
+    return deviceContent[device] || '';
+  }, [deviceContent]);
   // Set content for specific device
   const setDeviceContent_ = useCallback((device, content) => {
@@ -304,23 +360,25 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
       // Update both devices when sync is enabled
       setDeviceContent({
         [ANDROID]: content,
-        [IOS]: content,
+        [IOS]: content
       });
     } else {
       // Update specific device
-      setDeviceContent((prev) => ({
+      setDeviceContent(prev => ({
         ...prev,
-        [device]: content,
+        [device]: content
       }));
     }
     setIsDirty(true);
   }, [keepContentSame, ANDROID, IOS]);
   // Cleanup on unmount
-  useEffect(() => () => {
-    if (autoSaveTimerRef.current) {
-      clearTimeout(autoSaveTimerRef.current);
-    }
+  useEffect(() => {
+    return () => {
+      if (autoSaveTimerRef.current) {
+        clearTimeout(autoSaveTimerRef.current);
+      }
+    };
   }, []);
   return {
@@ -344,6 +402,6 @@ export const useInAppContent = (initialContent = {}, options = {}) => {
     toggleContentSync,
     // Save management
-    markAsSaved,
+    markAsSaved
   };
 };

package/v2Components/HtmlEditor/hooks/useValidation.js CHANGED Viewed

@@ -3,9 +3,7 @@
  * Manages real-time validation and error display
  */
-import {
-  useState, useEffect, useCallback, useRef,
-} from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';
 import { validateHTML, extractAndValidateCSS } from '../utils/htmlValidator';
 import { sanitizeHTML, isContentSafe, findUnsafeContent } from '../utils/contentSanitizer';
@@ -18,46 +16,12 @@ import { sanitizeHTML, isContentSafe, findUnsafeContent } from '../utils/content
  * @param {Function} formatValidatorMessage - Message formatter function for validator internationalization
  * @returns {Object} Validation state and methods
  */
-/**
- * Get line number for a character position in text
- */
-const getLineNumberFromPosition = (text, position) => {
-  if (position === undefined || position < 0) return 1;
-  return text.substring(0, position).split('\n').length;
-};
-/**
- * Find line number for a tag or pattern in content
- * Used for API errors to locate where the error occurs
- */
-const findLineNumberForTag = (content, tagName) => {
-  if (!content || !tagName) return null;
-  // Try to find the tag in the content
-  // Look for patterns like {{ tagName }}, {{tagName}}, etc.
-  const escapedTagName = tagName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  const patterns = [
-    new RegExp(`\\{\\{\\s*${escapedTagName}\\s*\\}\\}`, 'g'),
-    new RegExp(`\\{%[^%]*${escapedTagName}[^%]*%\\}`, 'g'),
-  ];
-  for (const pattern of patterns) {
-    const match = pattern.exec(content);
-    if (match) {
-      return getLineNumberFromPosition(content, match.index);
-    }
-  }
-  return null;
-};
 export const useValidation = (content, variant = 'email', options = {}, formatSanitizerMessage = null, formatValidatorMessage = null) => {
   const {
     enableRealTime = true,
     debounceMs = 500,
     enableSanitization = true,
-    securityLevel = 'standard',
-    apiValidationErrors = null, // API validation errors from validateLiquidTemplateContent
+    securityLevel = 'standard'
   } = options;
   // Validation state
@@ -78,8 +42,8 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
       totalErrors: 0,
       totalWarnings: 0,
       totalInfo: 0,
-      hasSecurityIssues: false,
-    },
+      hasSecurityIssues: false
+    }
   });
   // Refs for debouncing
@@ -91,7 +55,7 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
    */
   const performValidation = useCallback(async (htmlContent) => {
     if (!htmlContent) {
-      setValidationState((prev) => ({
+      setValidationState(prev => ({
         ...prev,
         isValidating: false,
         htmlErrors: [],
@@ -108,13 +72,13 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
           totalErrors: 0,
           totalWarnings: 0,
           totalInfo: 0,
-          hasSecurityIssues: false,
-        },
+          hasSecurityIssues: false
+        }
       }));
       return;
     }
-    setValidationState((prev) => ({ ...prev, isValidating: true }));
+    setValidationState(prev => ({ ...prev, isValidating: true }));
     try {
       // 1. HTML Validation
@@ -157,12 +121,13 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
           totalErrors,
           totalWarnings,
           totalInfo,
-          hasSecurityIssues,
-        },
+          hasSecurityIssues
+        }
       });
     } catch (error) {
       console.error('Validation error:', error);
-      setValidationState((prev) => ({
+      setValidationState(prev => ({
         ...prev,
         isValidating: false,
         htmlErrors: [{
@@ -172,13 +137,13 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
           column: 1,
           rule: 'validation-error',
           severity: 'error',
-          source: 'validator',
+          source: 'validator'
         }],
         isValid: false,
         summary: {
           ...prev.summary,
-          totalErrors: 1,
-        },
+          totalErrors: 1
+        }
       }));
     }
   }, [variant, enableSanitization, securityLevel, formatSanitizerMessage, formatValidatorMessage]);
@@ -243,8 +208,8 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
         totalErrors: 0,
         totalWarnings: 0,
         totalInfo: 0,
-        hasSecurityIssues: false,
-      },
+        hasSecurityIssues: false
+      }
     });
   }, []);
@@ -258,10 +223,10 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
       ...validationState.htmlInfo,
       ...validationState.cssErrors,
       ...validationState.cssWarnings,
-      ...validationState.cssInfo,
+      ...validationState.cssInfo
     ];
-    return allErrors.filter((error) => error.severity === severity);
+    return allErrors.filter(error => error.severity === severity);
   }, [validationState]);
   /**
@@ -274,95 +239,32 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
       ...validationState.htmlInfo,
       ...validationState.cssErrors,
       ...validationState.cssWarnings,
-      ...validationState.cssInfo,
+      ...validationState.cssInfo
     ];
-    return allErrors.filter((error) => error.source === source);
+    return allErrors.filter(error => error.source === source);
   }, [validationState]);
-  /**
-   * Extract line number from error message if present
-   * API errors might contain line numbers in messages like "Error at line 5" or "Line 10: error"
-   * Also tries to find line number by searching for the problematic tag in content
-   */
-  const extractLineNumberFromMessage = useCallback((message) => {
-    if (!message || typeof message !== 'string') {
-      return null;
-    }
-    // Try to match patterns like "line 5", "Line 10", "at line 15", "line: 20", etc.
-    const lineMatch = message.match(/\b(?:line|Line|LINE)\s*:?\s*(\d+)\b/i);
-    if (lineMatch && lineMatch[1]) {
-      return parseInt(lineMatch[1], 10);
-    }
-    // Try to extract tag name from error message (e.g., "Unsupported tags: test" -> "test")
-    const tagMatch = message.match(/(?:tag|tags|Tag|Tags)[\s:]+([a-zA-Z_][a-zA-Z0-9_.]*)/i);
-    if (tagMatch && tagMatch[1] && content) {
-      const tagName = tagMatch[1];
-      const lineNumber = findLineNumberForTag(content, tagName);
-      if (lineNumber) {
-        return lineNumber;
-      }
-    }
-    return null;
-  }, [content]);
   /**
    * Get all errors and warnings combined
-   * Includes both client-side validation errors and API validation errors
    */
   const getAllIssues = useCallback(() => {
-    // Convert API validation errors to validation issue format
-    // IMPORTANT: Only errors from liquidValidation and extractTags endpoints should be in liquidErrors
-    // These will appear in the "Liquid Issues" tab in ValidationErrorDisplay
-    // Other errors (like empty content) should be in standardErrors and appear in HTML/Label Issues tabs
-    const apiLiquidErrors = (apiValidationErrors?.liquidErrors || []).map((errorMessage) => {
-      const extractedLine = extractLineNumberFromMessage(errorMessage);
-      return {
-        type: 'error',
-        message: errorMessage,
-        line: extractedLine, // Try to extract line number from message, null if not found
-        column: null,
-        rule: 'liquid-api-validation',
-        severity: 'error',
-        source: 'liquid-validator', // This source ensures errors appear in "Liquid Issues" tab
-      };
-    });
-    // Standard errors (non-liquid endpoint errors) appear in HTML/Label Issues tabs
-    const apiStandardErrors = (apiValidationErrors?.standardErrors || []).map((errorMessage) => {
-      const extractedLine = extractLineNumberFromMessage(errorMessage);
-      return {
-        type: 'error',
-        message: errorMessage,
-        line: extractedLine, // Try to extract line number from message, null if not found
-        column: null,
-        rule: 'standard-api-validation',
-        severity: 'error',
-        source: 'api-validator', // This source ensures errors appear in HTML/Label Issues tabs
-      };
-    });
-    const allIssues = [
-      ...(validationState.htmlErrors || []),
-      ...(validationState.htmlWarnings || []),
-      ...(validationState.htmlInfo || []),
-      ...(validationState.cssErrors || []),
-      ...(validationState.cssWarnings || []),
-      ...(validationState.cssInfo || []),
-      ...(validationState.securityIssues || []).map((issue) => ({
+    return [
+      ...validationState.htmlErrors,
+      ...validationState.htmlWarnings,
+      ...validationState.htmlInfo,
+      ...validationState.cssErrors,
+      ...validationState.cssWarnings,
+      ...validationState.cssInfo,
+      ...validationState.securityIssues.map(issue => ({
         type: 'error',
         message: `Security issue: ${issue.type}`,
         line: 1,
         column: 1,
         rule: 'security-violation',
         severity: 'error',
-        source: 'security',
-      })),
-      // Add API validation errors
-      ...apiLiquidErrors,
-      ...apiStandardErrors,
+        source: 'security'
+      }))
     ].sort((a, b) => {
       // Sort by severity (error > warning > info) then by line number
       const severityOrder = { error: 0, warning: 1, info: 2 };
@@ -371,22 +273,16 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
       }
       return (a.line || 0) - (b.line || 0);
     });
-    // Ensure we always return an array
-    return Array.isArray(allIssues) ? allIssues : [];
-  }, [validationState, apiValidationErrors, extractLineNumberFromMessage]);
+  }, [validationState]);
   /**
    * Check if validation is clean (no errors or warnings)
-   * Includes API validation errors in the check
    */
   const isClean = useCallback(() => {
-    const hasApiErrors = (apiValidationErrors?.liquidErrors?.length || 0) + (apiValidationErrors?.standardErrors?.length || 0) > 0;
-    return validationState.summary.totalErrors === 0
-           && validationState.summary.totalWarnings === 0
-           && !validationState.summary.hasSecurityIssues
-           && !hasApiErrors;
-  }, [validationState.summary, apiValidationErrors]);
+    return validationState.summary.totalErrors === 0 &&
+           validationState.summary.totalWarnings === 0 &&
+           !validationState.summary.hasSecurityIssues;
+  }, [validationState.summary]);
   // Effect to validate content when it changes
   useEffect(() => {
@@ -396,15 +292,14 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
   }, [content, validateContent, enableRealTime]);
   // Cleanup on unmount
-  useEffect(() => () => {
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-    }
+  useEffect(() => {
+    return () => {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+    };
   }, []);
-  // Include API validation errors in computed properties
-  const hasApiErrors = (apiValidationErrors?.liquidErrors?.length || 0) + (apiValidationErrors?.standardErrors?.length || 0) > 0;
   return {
     // Validation state
     ...validationState,
@@ -421,10 +316,10 @@ export const useValidation = (content, variant = 'email', options = {}, formatSa
     isClean,
     // Computed properties
-    hasErrors: validationState.summary.totalErrors > 0 || hasApiErrors,
+    hasErrors: validationState.summary.totalErrors > 0,
     hasWarnings: validationState.summary.totalWarnings > 0,
-    hasSecurityIssues: validationState.summary.hasSecurityIssues,
+    hasSecurityIssues: validationState.summary.hasSecurityIssues
   };
 };
-export default useValidation;
+export default useValidation;

package/v2Components/HtmlEditor/index.js CHANGED Viewed

@@ -26,4 +26,4 @@ export { HTML_EDITOR_VARIANTS, DEVICE_TYPES } from './constants';
  * - Default export (lazy): ~0KB initial bundle (loads ~400KB when needed)
  * - HTMLEditorSync: ~400KB added to initial bundle
  * - Constants: ~1KB added to initial bundle
- */
+ */