@linktr.ee/messaging-react 4.5.1 → 4.6.0-rc-1788330362

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "4.5.1",
+  "version": "4.6.0-rc-1788330362",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,8 +50,8 @@
     "chromatic:local": "yarn storybook:build && chromatic"
   },
   "dependencies": {
-    "@linktr.ee/messaging-core": "^2.6.0",
-    "@linktr.ee/messaging-taxonomy": "^0.12.0",
+    "@linktr.ee/messaging-core": "2.6.0-rc-1788330362",
+    "@linktr.ee/messaging-taxonomy": "0.12.0-rc-1788330362",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/components/ChannelHeader.tsx

@@ -85,9 +85,8 @@ const ChannelHeader: React.FC<ChannelHeaderProps> = ({
     isCustomerPaidTag(channel.data?.customer_tag) &&
     participant?.is_follower === true
 
-  const showStarBadge = showStarButton && isStarred
   const hasNameAdornment =
-    isPaidCustomer || showStarBadge || Boolean(onParticipantNameClick)
+    isPaidCustomer || isStarred || Boolean(onParticipantNameClick)
 
   const handleStarClick = async () => {
     try {
@@ -134,7 +133,7 @@ const ChannelHeader: React.FC<ChannelHeaderProps> = ({
                   <CurrencyDollarIcon className="size-2.5" weight="bold" />
                 </span>
               )}
-              {showStarBadge && (
+              {isStarred && (
                 <span className="messaging-header-star-badge flex overflow-hidden">
                   <span
                     aria-label="Starred conversation"

package/src/components/ChannelView.test.tsx

@@ -487,15 +487,14 @@ describe('ChannelView', () => {
     expect(screen.queryByTestId('conversation-footer')).not.toBeInTheDocument()
   })
 
-  it('does not show a starred badge when showStarButton is false', () => {
+  it('shows the starred badge on a starred channel even without the star button', () => {
     mockIsStarred = true
 
-    renderWithProviders(
-      <ChannelView channel={createChannel()} showStarButton={false} />
-    )
+    renderWithProviders(<ChannelView channel={createChannel()} />)
 
+    expect(screen.getByLabelText('Starred conversation')).toBeInTheDocument()
     expect(
-      screen.queryByLabelText('Starred conversation')
+      screen.queryByRole('button', { name: 'Unstar conversation' })
     ).not.toBeInTheDocument()
   })
 
@@ -509,10 +508,12 @@ describe('ChannelView', () => {
     expect(screen.getByLabelText('Starred conversation')).toBeInTheDocument()
   })
 
-  it('does not show a starred badge by default (showStarButton defaults to false)', () => {
-    mockIsStarred = true
+  it('does not show a starred badge when the channel is not starred', () => {
+    mockIsStarred = false
 
-    renderWithProviders(<ChannelView channel={createChannel()} />)
+    renderWithProviders(
+      <ChannelView channel={createChannel()} showStarButton={true} />
+    )
 
     expect(
       screen.queryByLabelText('Starred conversation')