Disable copy button when it is denied/disabled

[compulim]

Fixes #5283.

Changelog Entry

Added

• Added "Copy" button to bot messages in Fluent UI if it contains keyword AllowCopy, in PR #5259, #5262, and #5285, by @compulim

Description

When the "Copy" button is disabled or denied permission, it should be disabled.

When Web Chat is inside an <iframe> without allow="clipboard-write", the permission will be automatically denied.

Design

The "Copy" button is disabled until after the permission check completed and is granted permission for clipboard-write.

Specific Changes

• Used aria-disabled instead of disabled attribute
• Added permission check and use uiState to determine if the button should be disabled

• I have added tests and executed them locally
• I have updated CHANGELOG.md
• I have updated documentation

Review Checklist

This section is for contributors to review your work.

• Accessibility reviewed (tab order, content readability, alt text, color contrast)
• Browser and platform compatibilities reviewed
• CSS styles reviewed (minimal rules, no z-index)
• Documents reviewed (docs, samples, live demo)
• Internationalization reviewed (strings, unit formatting)
• package.json and package-lock.json reviewed
• Security reviewed (no data URIs, check for nonce leak)
• Tests reviewed (coverage, legitimacy)