@capillarytech/creatives-library 8.0.252 → 8.0.253

package/package.json

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

package/v2Components/ErrorInfoNote/constants.js

@@ -0,0 +1 @@
+export const LIQUID_DOC_URL = 'https://docs.capillarytech.com/docs/liquid-language-in-messages';

package/v2Components/ErrorInfoNote/index.js

@@ -16,6 +16,8 @@ import { processErrors } from './utils';
 import ErrorTypeRenderer from './ErrorTypeRenderer';
 import { ANDROID, GENERIC, IOS } from '../../v2Containers/CreativesContainer/constants';
 import { LABEL_ISSUE_PATTERNS, ERROR_TAB_KEYS } from '../HtmlEditor/utils/validationConstants';
+import { SEVERITY } from '../HtmlEditor/components/ValidationPanel/constants';
+import { LIQUID_DOC_URL } from './constants';
 
 const { CapLabelInline } = CapLabel;
 
@@ -39,14 +41,14 @@ const categorizeErrorMessages = (standardErrors, liquidErrors) => {
     if (isLabelIssue) {
       labelIssues.push({
         message: error,
-        severity: 'error',
+        severity: SEVERITY.ERROR,
         index,
         source: 'label',
       });
     } else {
       htmlIssues.push({
         message: error,
-        severity: 'error',
+        severity: SEVERITY.ERROR,
         index,
         source: 'html',
       });
@@ -57,7 +59,7 @@ const categorizeErrorMessages = (standardErrors, liquidErrors) => {
   (liquidErrors || []).forEach((error, index) => {
     liquidIssues.push({
       message: error,
-      severity: 'error',
+      severity: SEVERITY.ERROR,
       index,
       source: 'liquid',
     });
@@ -92,7 +94,7 @@ const cleanErrorMessage = (message, lineMatch, charMatch, ruleMatch) => {
  * Get icon based on severity
  */
 const getSeverityIcon = (severity) => {
-  if (severity === 'warning') {
+  if (severity === SEVERITY.WARNING) {
     return <CapIcon type="alert-warning" className="error-info-note__icon error-info-note__icon--warning" />;
   }
   return <CapIcon type="warning-circle" className="error-info-note__icon error-info-note__icon--error" />;
@@ -317,7 +319,7 @@ export const ErrorInfoNote = (props) => {
   // Handle liquid documentation click
   const handleLiquidDocClick = () => {
     window.open(
-      'https://docs.capillarytech.com/docs/liquid-language-in-messages',
+      LIQUID_DOC_URL,
       '_blank',
     );
   };

package/v2Components/ErrorInfoNote/style.scss

@@ -41,7 +41,7 @@
       margin-right: 1.5rem;
       color: $CAP_G03;
       font-size: 0.875rem;
-      font-weight: 500;
+      font-weight: $FONT_WEIGHT_MEDIUM;
       
       &:hover {
         color: $CAP_G01;
@@ -89,7 +89,7 @@
     gap: 0.25rem;
     color: $CAP_BLUE;
     font-size: 0.875rem;
-    font-weight: 500;
+    font-weight: $FONT_WEIGHT_MEDIUM;
     background: transparent;
     border: none;
     cursor: pointer;
@@ -254,7 +254,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
-  font-weight: 500;
+  font-weight: $FONT_WEIGHT_MEDIUM;
 
   .ant-btn.cap-button-v2.flat-btn {
     display: flex;
@@ -338,7 +338,7 @@
 
 .error-header-sub-title {
   margin-left: $CAP_SPACE_04;
-  font-weight: 500;
+  font-weight: $FONT_WEIGHT_MEDIUM;
 }
 
 // Responsive adjustments

package/v2Components/HtmlEditor/_index.lazy.scss

@@ -13,7 +13,6 @@
   align-items: center;
   min-height: 25rem; // 400px = 25rem
   background: $CAP_G11; // Light background similar to #fafbfc
-  // border: 0.0625rem solid $CAP_G07; // 1px border similar to #dfe2e7
   border-radius: 0.5rem; // 8px = 0.5rem
   flex-direction: column;
   gap: 1rem; // 16px = 1rem