Skip to content

feat(UX-1501): message input #384

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
DE7924 wants to merge 23 commits into
base: main
Choose a base branch
from
Open

feat(UX-1501): message input #384

DE7924 wants to merge 23 commits into from
+2,722 −111

Conversation

@DE7924
Copy link
Contributor

@DE7924 DE7924 commented Sep 1, 2025 •
edited
Loading

Actions include:

  • Photo attachment
  • Video attachment
  • Doc attachment
  • Audio attachment
  • Gif / sticker
  • Voice memo mode
  • Basic Location sharing

@DE7924 DE7924 added the enhancement New feature or request label Sep 1, 2025
@DE7924 DE7924 self-assigned this Sep 1, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Sep 1, 2025 •
edited
Loading

PR Checks complete

  • ✅ - Linting / Formatting
  • ⛔️ - Static analysis failed; 2 issues found.
    See details
    TypeFile nameDetails
    ℹ️Errorpackages/zeta_flutter/lib/src/components/message_input/actions/attachment_button.dart:94:5info
    ℹ️Errorpackages/zeta_flutter/lib/src/components/message_input/actions/voice_memo_button.dart:86:5info
  • ✅ - All tests passed
  • 📈 - Code coverage: 49.52%
    See details
    File Name%Passing?
    packages/zeta_flutter/lib/src/components/accordion/accordion.dart82.2%✅
    packages/zeta_flutter/lib/src/components/accordion/accordion_item.dart6.5%⛔️
    packages/zeta_flutter/lib/src/components/accordion/accordion_item_ui.dart88%✅
    packages/zeta_flutter/lib/src/components/avatar_rail/avatar_rail.dart53.7%⛔️
    packages/zeta_flutter/lib/src/components/avatars/avatar.dart93.1%✅
    packages/zeta_flutter/lib/src/components/badges/indicator.dart97%✅
    packages/zeta_flutter/lib/src/components/badges/label.dart100%✅
    packages/zeta_flutter/lib/src/components/badges/priority_pill.dart96.8%✅
    packages/zeta_flutter/lib/src/components/badges/status_label.dart100%✅
    packages/zeta_flutter/lib/src/components/badges/tag.dart95.7%✅
    packages/zeta_flutter/lib/src/components/bottom sheets/bottom_sheet.dart0%⛔️
    packages/zeta_flutter/lib/src/components/bottom sheets/menu_items.dart0%⛔️
    packages/zeta_flutter/lib/src/components/breadcrumb/breadcrumb.dart86.3%✅
    packages/zeta_flutter/lib/src/components/button_group/button_group.dart0%⛔️
    packages/zeta_flutter/lib/src/components/buttons/button.dart94.3%✅
    packages/zeta_flutter/lib/src/components/buttons/button_style.dart96.8%✅
    packages/zeta_flutter/lib/src/components/buttons/icon_button.dart51.2%⛔️
    packages/zeta_flutter/lib/src/components/buttons/input_icon_button.dart72.7%⛔️
    packages/zeta_flutter/lib/src/components/buttons/tile_button.dart69%⛔️
    packages/zeta_flutter/lib/src/components/card/card_container.dart87.7%✅
    packages/zeta_flutter/lib/src/components/chat_item/chat_item.dart98.2%✅
    packages/zeta_flutter/lib/src/components/chat_item/contact_item.dart0%⛔️
    packages/zeta_flutter/lib/src/components/checkbox/checkbox.dart99%✅
    packages/zeta_flutter/lib/src/components/chips/assist_chip.dart0%⛔️
    packages/zeta_flutter/lib/src/components/chips/chip.dart81.7%✅
    packages/zeta_flutter/lib/src/components/chips/filter_chip.dart0%⛔️
    packages/zeta_flutter/lib/src/components/chips/input_chip.dart0%⛔️
    packages/zeta_flutter/lib/src/components/chips/status_chip.dart90.9%✅
    packages/zeta_flutter/lib/src/components/comms_button/comms_button.dart82%✅
    packages/zeta_flutter/lib/src/components/date_input/date_input.dart0%⛔️
    packages/zeta_flutter/lib/src/components/dial_pad/dial_pad.dart100%✅
    packages/zeta_flutter/lib/src/components/dialog/dialog.dart0%⛔️
    packages/zeta_flutter/lib/src/components/dropdown/dropdown.dart35.8%⛔️
    packages/zeta_flutter/lib/src/components/empty_state/empty_state.dart100%✅
    packages/zeta_flutter/lib/src/components/fabs/fab.dart100%✅
    packages/zeta_flutter/lib/src/components/filter_selection/filter_selection.dart0%⛔️
    packages/zeta_flutter/lib/src/components/global_header/global_header.dart0%⛔️
    packages/zeta_flutter/lib/src/components/global_header/header_tab_item.dart0%⛔️
    packages/zeta_flutter/lib/src/components/icon/icon.dart100%✅
    packages/zeta_flutter/lib/src/components/in_page_banner/in_page_banner.dart98.6%✅
    packages/zeta_flutter/lib/src/components/list_item/dropdown_list_item.dart0%⛔️
    packages/zeta_flutter/lib/src/components/list_item/list_item.dart0%⛔️
    packages/zeta_flutter/lib/src/components/list_item/list_scope.dart0%⛔️
    packages/zeta_flutter/lib/src/components/list_item/notification_list_item.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/action_button.dart57.1%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/attachment_button.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/image_button.dart28.6%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/location_button.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/send_button.dart75.9%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/video_button.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/voice_button.dart25.9%⛔️
    packages/zeta_flutter/lib/src/components/message_input/actions/voice_memo_button.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/components/document_attachment.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/components/file_attachment.dart44.6%⛔️
    packages/zeta_flutter/lib/src/components/message_input/components/image_attachment.dart72.7%⛔️
    packages/zeta_flutter/lib/src/components/message_input/components/video_attachment.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/message_input.dart57.9%⛔️
    packages/zeta_flutter/lib/src/components/message_input/panels/actions_panel.dart0%⛔️
    packages/zeta_flutter/lib/src/components/message_input/panels/attachments_panel.dart81%✅
    packages/zeta_flutter/lib/src/components/message_input/utils/file_type_checker.dart26.3%⛔️
    packages/zeta_flutter/lib/src/components/navigation bar/navigation_bar.dart92.7%✅
    packages/zeta_flutter/lib/src/components/navigation_rail/navigation_rail.dart0%⛔️
    packages/zeta_flutter/lib/src/components/pagination/pagination.dart0.6%⛔️
    packages/zeta_flutter/lib/src/components/password/password_input.dart100%✅
    packages/zeta_flutter/lib/src/components/phone_input/phone_input.dart0%⛔️
    packages/zeta_flutter/lib/src/components/progress/progress.dart0%⛔️
    packages/zeta_flutter/lib/src/components/progress/progress_bar.dart0%⛔️
    packages/zeta_flutter/lib/src/components/progress/progress_circle.dart0%⛔️
    packages/zeta_flutter/lib/src/components/radio/radio.dart0%⛔️
    packages/zeta_flutter/lib/src/components/range_selector/range_selector.dart84.5%✅
    packages/zeta_flutter/lib/src/components/screen_header_bar/screen_header_bar.dart0%⛔️
    packages/zeta_flutter/lib/src/components/search_bar/search_bar.dart98.3%✅
    packages/zeta_flutter/lib/src/components/segmented_control/segmented_control.dart0%⛔️
    packages/zeta_flutter/lib/src/components/select_input/select_input.dart0%⛔️
    packages/zeta_flutter/lib/src/components/slider/slider.dart82.3%✅
    packages/zeta_flutter/lib/src/components/snack_bar/snack_bar.dart0%⛔️
    packages/zeta_flutter/lib/src/components/stepper/stepper.dart94.6%✅
    packages/zeta_flutter/lib/src/components/stepper_input/stepper_input.dart71.9%⛔️
    packages/zeta_flutter/lib/src/components/switch/material_switch.dart0%⛔️
    packages/zeta_flutter/lib/src/components/switch/zeta_switch.dart0%⛔️
    packages/zeta_flutter/lib/src/components/system_banner/system_banner.dart85.4%✅
    packages/zeta_flutter/lib/src/components/tabs/tab.dart0%⛔️
    packages/zeta_flutter/lib/src/components/tabs/tab_bar.dart0%⛔️
    packages/zeta_flutter/lib/src/components/text_input/hint_text.dart75.9%⛔️
    packages/zeta_flutter/lib/src/components/text_input/input_label.dart0%⛔️
    packages/zeta_flutter/lib/src/components/text_input/internal_text_input.dart72.5%⛔️
    packages/zeta_flutter/lib/src/components/text_input/text_input.dart33.3%⛔️
    packages/zeta_flutter/lib/src/components/time_input/time_input.dart0%⛔️
    packages/zeta_flutter/lib/src/components/tooltip/tooltip.dart98.9%✅
    packages/zeta_flutter/lib/src/components/top_app_bar/extended_top_app_bar.dart93.9%✅
    packages/zeta_flutter/lib/src/components/top_app_bar/search_top_app_bar.dart86.6%✅
    packages/zeta_flutter/lib/src/components/top_app_bar/top_app_bar.dart98.1%✅
    packages/zeta_flutter/lib/src/components/voice_memo/state/playback_state.dart0%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/state/recording_state.dart0%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/state/wav_amplitude_decoder.dart0%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/state/wav_header.dart0%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/ui/audio_visualizer.dart0%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/ui/play_button.dart0%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/ui/recording_control.dart2.8%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/ui/voice_memo.dart0%⛔️
    packages/zeta_flutter/lib/src/components/voice_memo/ui/waveform.dart0%⛔️
    packages/zeta_flutter/lib/src/interfaces/audio_decoder.dart0%⛔️
    packages/zeta_flutter/lib/src/interfaces/countries.dart10%⛔️
    packages/zeta_flutter/lib/src/interfaces/form_field.dart81.4%✅
    packages/zeta_flutter/lib/src/interfaces/phone_number.dart0%⛔️
    packages/zeta_flutter/lib/src/utils/enums.dart100%✅
    packages/zeta_flutter/lib/src/utils/file_attachment_icons.dart0%⛔️
    packages/zeta_flutter/lib/src/utils/widget.dart100%✅
    packages/zeta_flutter_theme/lib/src/breakpoints.dart81.8%✅
    packages/zeta_flutter_theme/lib/src/color_extensions.dart86.1%✅
    packages/zeta_flutter_theme/lib/src/color_swatch.dart58.5%⛔️
    packages/zeta_flutter_theme/lib/src/contrast.dart50%⛔️
    packages/zeta_flutter_theme/lib/src/custom_theme.dart55.6%⛔️
    packages/zeta_flutter_theme/lib/src/generated/tokens/primitives.g.dart64.5%⛔️
    packages/zeta_flutter_theme/lib/src/generated/tokens/semantics.g.dart90.5%✅
    packages/zeta_flutter_theme/lib/src/rounded.dart75%⛔️
    packages/zeta_flutter_theme/lib/src/theme_service.dart17.9%⛔️
    packages/zeta_flutter_theme/lib/src/tokens.dart100%✅
    packages/zeta_flutter_theme/lib/src/typography.dart84.6%✅
    packages/zeta_flutter_theme/lib/src/zeta.dart97.5%✅
    packages/zeta_flutter_theme/lib/src/zeta_provider.dart93%✅
    packages/zeta_flutter_utils/lib/src/debounce.dart100%✅
    packages/zeta_flutter_utils/lib/src/extensions.dart79.1%⛔️
    packages/zeta_flutter_utils/lib/src/nothing.dart50%⛔️
    packages/zeta_flutter_utils/lib/src/platform/platform_is.dart0%⛔️
    packages/zeta_flutter_utils/lib/src/platform/universal_platform_vm.dart7.1%⛔️
    packages/zeta_icons/lib/src/illustrations.dart0%⛔️

Created with Flutter code quality action

@DE7924
Merge branch 'main' into UX-1501
dbabdaf
@DE7924
generated
342cfbf
@DE7924
feat: Refactor message input components and add new attachment functi…
e8d1bba 
…onalities.
@DE7924
feat: Enhance message input component with accessibility and function…
bf6afea 
…ality improvements

- Refactored action buttons to include disabled state and semantic labels.
- Implemented disabled state for ZetaMessageInput, affecting all action buttons and input fields.
- Improved test coverage for message input component, including accessibility and interaction tests.
- Updated widgetbook examples to reflect new properties and functionality.
@DE7924
clean up
ff2a63f
@github-actions
Copy link
Contributor

github-actions bot commented Sep 10, 2025 •
edited
Loading

Visit the preview URL for this PR (updated for commit 92ba34e):

https://zeta-flutter-main--pr-384-ux-1501-voxans6c.web.app

(expires Fri, 26 Sep 2025 14:48:55 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 5ca681de0a0ad9185b252304c113355d5ee04ca6

@DE7924 DE7924 marked this pull request as ready for review September 10, 2025 14:05
@DE7924 DE7924 requested a review from a team as a code owner September 10, 2025 14:05
thelukewalton
thelukewalton reviewed Sep 11, 2025
View reviewed changes
Copy link
Collaborator

@thelukewalton thelukewalton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Need to test on iOS - seems like location, camera, voice memo do not work

packages/zeta_flutter/lib/src/components/message_input/actions/voice_memo_button.dart
return ActionButton(
icon: ZetaIcons.audio,
onPressed: onSend != null ? () => _onClick(context) : null,
semanticLabel: 'record a voice memo',
Copy link
Collaborator

@thelukewalton thelukewalton Sep 11, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this should be a parameter passed into the widget

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@thelukewalton thelukewalton thelukewalton left review comments

At least 1 approving review is required to merge this pull request.

Assignees

@DE7924 DE7924

Labels

enhancement New feature or request

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@DE7924 @thelukewalton