cat-qw-lib 2.6.3 → 2.6.7

package/fesm2022/cat-qw-lib.mjs

@@ -496,12 +496,12 @@ const queuePriorityOrder = ["All Applications", "Assigned To Me", "Unassigned"];
 const QUEUE_RECORD_TABLE_COLUMN_WIDTH_LIST = {
     brokerName: 'w-3',
     securityAddress: 'w-3',
-    applicants: 'w-3',
-    finance: 'w-3',
+    applicants: 'w-4',
+    finance: 'w-2',
     valuationStatus: 'w-2',
     sla: 'w-3',
-    referredDate: 'w-3',
-    appId: 'w-2',
+    referredDate: 'w-2',
+    appId: 'w-3',
     tasks: 'w-2'
 };
 const FIELD_DISPLAY_NAMES = {
@@ -2324,11 +2324,9 @@ var columnStyles = {
 		line2NgClass: "text-gray-700 text-sm"
 	},
 	referredDate: {
-		isShowSortIcon: true,
-		line1IsChip: true,
-		line1ChipVariant: "rowData['referredDate']?.chipVariant || ''",
-		line1NgClass: "",
-		line2NgClass: "text-gray-700 text-sm"
+		containerNgClass: "rowData['referredDate'] && rowData['referredDate'] !== '' ? 'queue-chip queue-chip--neutral' : ''",
+		textNgClass: "",
+		isShowSortIcon: true
 	},
 	appId: {
 		isShowSortIcon: true
@@ -2358,10 +2356,11 @@ var columnStyles = {
 	},
 	applicants: {
 		containerNgClass: "rowData.isSeperateBubble ? 'border-round-full  bg-blue-400 text-white' : rowData.isCustomerVulnerable === 'true' ? 'border-round-full applicant-vulnerable-customer-wrapper text-white' : rowData.riskRating === 'Low' ? 'border-round-full applicant-success-badge-wrapper text-white' : rowData.riskRating === 'Medium' ? 'border-round-full applicant-amber-badge-wrapper text-white' : rowData.riskRating === 'High' ? 'border-round-full applicant-red-badge-wrapper text-white' : 'border-round-full bg-gray-200 text-white'",
-		containerNgStyle: "{ width: '32px', height: '32px', display: 'flex', alignItems: 'center', justifyContent: 'center' }",
-		textNgClass: "text-white text-md"
+		containerNgStyle: "{ minWidth: 'fit-content', maxWidth: '200px', minHeight: '32px', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', padding: '6px 14px', whiteSpace: 'normal', wordBreak: 'break-word', lineHeight: '1.4' }",
+		textNgClass: "text-white text-sm"
 	},
 	securityAddress: {
+		containerNgStyle: "{ maxWidth: '100%', wordBreak: 'break-word', whiteSpace: 'normal' }",
 		line1NgClass: "security-text-wrapper",
 		line2NgClass: "text-gray-500 font-semibold security-text-wrapper"
 	}
@@ -6860,14 +6859,14 @@ class QueueRecordTableBuilderService extends TableBuilder {
                     // If we have both company and applicants, show only company name
                     if (companyName && value.length > 0) {
                         bubbles.push({
-                            fullName: this.truncateText(companyName),
+                            fullName: companyName,
                             isCompany: true
                         });
                     }
                     else if (companyName) {
                         // Only company, no applicants
                         bubbles.push({
-                            fullName: this.truncateText(companyName),
+                            fullName: companyName,
                             isCompany: true
                         });
                     }
@@ -6876,7 +6875,7 @@ class QueueRecordTableBuilderService extends TableBuilder {
                         value.forEach((applicant) => {
                             if (applicant.fullName) {
                                 bubbles.push({
-                                    fullName: this.truncateText(applicant.fullName),
+                                    fullName: applicant.fullName,
                                     isCompany: false,
                                     riskRating: applicant.riskRating,
                                     isCustomerVulnerable: applicant.isCustomerVulnerable
@@ -6939,7 +6938,7 @@ class QueueRecordTableBuilderService extends TableBuilder {
                 else if (field === SHARED.SECURITY_ADDRESS && value) {
                     const line1 = value.addressLine1 || '';
                     cellValue = {
-                        addressLine1: this.truncateText(line1),
+                        addressLine1: line1,
                         postCode: value.postCode || ''
                     };
                 }
@@ -6971,13 +6970,20 @@ class QueueRecordTableBuilderService extends TableBuilder {
                     const daysValue = extractDays(value);
                     const taskText = extractTask(value);
                     const isReferredDate = field === SHARED.REFERRED_DATE;
-                    const chipVariant = isReferredDate ? CHIP_VARIANTS.NEUTRAL : this.deriveChipVariantFromDays(daysValue);
-                    cellValue = {
-                        addressLine1: daysValue !== null ? `${daysValue} days` : SHARED.EMPTY,
-                        postCode: taskText,
-                        days: daysValue,
-                        chipVariant
-                    };
+                    if (isReferredDate) {
+                        // Single-line format for referredDate (like Age column)
+                        cellValue = daysValue !== null ? `${daysValue} days` : SHARED.EMPTY;
+                    }
+                    else {
+                        // Two-line format for SLA with color-coded chip
+                        const chipVariant = this.deriveChipVariantFromDays(daysValue);
+                        cellValue = {
+                            addressLine1: daysValue !== null ? `${daysValue} days` : SHARED.EMPTY,
+                            postCode: taskText,
+                            days: daysValue,
+                            chipVariant
+                        };
+                    }
                 }
                 else if (field === SHARED.VALUATION_STATUS) {
                     // Enrich valuation status with icon and color configuration