chordia-ui 3.7.2 → 3.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chordia-ui",
-  "version": "3.7.2",
+  "version": "3.7.3",
   "description": "Chordia Design System - UI components, tokens, and Tailwind preset",
   "type": "module",
   "main": "dist/index.cjs.js",

package/src/components/UpdatedInteractionDetails/UpdatedInteractionDetails.jsx

@@ -455,7 +455,7 @@ const UpdatedInteractionDetails = ({
                   fontFamily: 'var(--default-font-family)',
                   whiteSpace: 'nowrap',
                 }}>
-                  Previous Session
+                  Previous Interaction
                 </span>
               </button>
             </NameTooltip>
@@ -492,7 +492,7 @@ const UpdatedInteractionDetails = ({
                   fontFamily: 'var(--default-font-family)',
                   whiteSpace: 'nowrap',
                 }}>
-                  Next Session
+                  Next Interaction
                 </span>
                 <ArrowRight size={16} color="var(--Neutral-800, #323232)" strokeWidth={1.5} />
               </button>
@@ -569,7 +569,7 @@ const UpdatedInteractionDetails = ({
                     fontFamily: 'var(--default-font-family)',
                     whiteSpace: 'nowrap',
                   }}>
-                    Previous Session
+                    Previous Interaction
                   </span>
                 </button>
               </NameTooltip>
@@ -604,7 +604,7 @@ const UpdatedInteractionDetails = ({
                     fontFamily: 'var(--default-font-family)',
                     whiteSpace: 'nowrap',
                   }}>
-                    Next Session
+                    Next Interaction
                   </span>
                   <ArrowRight size={16} color="var(--Neutral-800, #323232)" strokeWidth={1.5} />
                 </button>
@@ -706,7 +706,7 @@ const UpdatedInteractionDetails = ({
                             <CircleUser size={16} color="var(--Grey-Strong, #2E3236)" strokeWidth={1.5} />
                             <span style={{ fontSize: 13, fontWeight: 400, color: 'var(--Grey-Strong, #2E3236)', lineHeight: 1.2, whiteSpace: 'nowrap' }}>
                               <span style={{ fontWeight: 600 }}>{customerName}</span>{' '}
-                              <span>({sessionCount} Sessions)</span>
+                              <span>({sessionCount} Interactions)</span>
                             </span>
                           </div>
                           <ChevronRight size={16} color="var(--Grey-Strong, #2E3236)" strokeWidth={1.7} />
@@ -943,7 +943,7 @@ const UpdatedInteractionDetails = ({
             color: 'var(--Grey-Muted, #808183)',
             lineHeight: 1.5,
           }}>
-            {sessionCount} Sessions in Past
+            {sessionCount} Interactions in Past
           </span>
         ) : null}
         width={470}
@@ -955,20 +955,20 @@ const UpdatedInteractionDetails = ({
               onClick={() => { if (onViewAllSessions) onViewAllSessions(); setShowSessionDrawer(false); }}
               style={{
                 display: 'flex',
-                height: 32,
-                padding: '0 16px 0 12px',
+                height: 40,
+                padding: '0 20px 0 18px',
                 justifyContent: 'center',
                 alignItems: 'center',
-                gap: 6,
+                gap: 7,
                 background: 'var(--Grey-White, #FFF)',
                 border: '1px solid var(--Grey-absent, #D9D9D9)',
                 borderRadius: 10,
                 cursor: 'pointer',
               }}
             >
-              <History size={16} color="var(--Grey-Muted, #808183)" strokeWidth={1.5} />
-              <span style={{ fontSize: 14, fontWeight: 600, color: 'var(--Grey-Strong, #2E3236)' }}>
-                View All Sessions
+              <History size={18} color="var(--Grey-Muted, #808183)" strokeWidth={1.5} />
+              <span style={{ fontSize: 15, fontWeight: 600, color: 'var(--Grey-Strong, #2E3236)' }}>
+                View All Interactions
               </span>
             </button>
           </div>
@@ -1040,7 +1040,7 @@ const UpdatedInteractionDetails = ({
                 textAlign: 'center',
               }}
             >
-              No previous sessions available
+              No other interactions available
             </div>
           )}
         </div>

package/src/components/UpdatedInteractionDetails/UpdatedThreads.jsx

@@ -607,6 +607,7 @@ const CommentBubble = ({
                   : "var(--surface-warm-40, rgba(243, 241, 229, 0.40))",
                 borderRadius: 8,
                 wordBreak: "break-word",
+                whiteSpace: "pre-wrap",
               }}
             >
               {paragraph}

package/src/components/common/CustomFilterChips.jsx

@@ -54,9 +54,13 @@ export default function CustomFilterChips({
       });
     } else if (typeof value === "string" && value.trim() !== "") {
       const displayValue = getDisplayLabel(key, value);
+      const label =
+        key === "contact_id"
+          ? "Contact Id"
+          : `${formatLabel(key)}: ${displayValue}`;
       chips.push({
         key,
-        label: `${formatLabel(key)}: ${displayValue}`,
+        label,
         onRemove: () => onChange({ ...filters, [key]: "" }),
       });
     }