iachat/app/javascript/dashboard/components/widgets
Sivin Varghese 7343e53659
fix: Variable search item not showing after braces/commas (#11864)
# Pull Request Template

## Description

This PR fixes an issue where typing variables, like `{{contact.name}}`,
caused the variable list to miss showing `contact.name`. The search key
in this case became `contact.name}},` which didn't match any available
options. The logic in `VariableList.vue` only checked the part after the
last comma and didn’t fully sanitize the input.

**Solution**
Updated `searchKey` to remove all {} and commas for accurate matching.

Fixes
[CW-4574](https://linear.app/chatwoot/issue/CW-4574/i-dont-see-an-option-for-contactname-it-shows-initially-but-it-doesnt)

## Type of change

- [x] Bug fix (non-breaking change which fixes an issue)

## How Has This Been Tested?

### Loom video

https://www.loom.com/share/fc86e53853ad49e6acf6de57ebbd8fcb?sid=6702f896-d1a3-4c5a-9eb7-b96b5ed91531


## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [x] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules
2025-07-03 19:39:36 +05:30
..
conversation fix: Variable search item not showing after braces/commas (#11864) 2025-07-03 19:39:36 +05:30
DashboardApp fix: Use addEventListener instead of onmessage to listen to chatwoot-dashboard-app:fetch-info (#10342) 2024-10-28 20:43:47 -07:00
FilterInput chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
forms chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
mentions chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
modal chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
WootWriter chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
AIAssistanceButton.vue chore: Update reply editor design (#10575) 2025-01-08 17:49:53 +05:30
AIAssistanceCTAButton.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
AIAssistanceModal.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
AICTAModal.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
AILoader.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
AttachmentsPreview.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
AutomationActionInput.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
AutomationActionTeamMessageInput.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
AutomationFileInput.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
Avatar.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
BackButton.vue chore: Update buttons in integrations page (#11120) 2025-03-20 21:15:47 +05:30
ChannelItem.vue chore: Add "Coming Soon" overlay to voice channel selector (#11835) 2025-06-30 14:30:09 +05:30
ChatTypeTabs.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
ColorPicker.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
EmptyState.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
FeatureToggle.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
InboxName.vue feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
LoadingState.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
SettingIntroBanner.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
ShowMore.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
TableFooter.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
TableFooterPagination.vue chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
TableFooterResults.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
TableHeaderCell.vue feat: Update design for report pages (#10506) 2024-11-27 18:10:15 +08:00
Thumbnail.spec.js feat: Improve image loading for thumbnails (#5823) 2022-11-08 21:05:13 -08:00
Thumbnail.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
ThumbnailGroup.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
UserAvatarWithName.vue fix: Style issue with CSAT reports table (#11653) 2025-06-02 14:08:01 +05:30
VideoCallButton.vue chore: Update reply editor design (#10575) 2025-01-08 17:49:53 +05:30