@linktr.ee/messaging-react 1.24.3-rc-1773288966 → 1.24.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.24.3-rc-1773288966",
+  "version": "1.24.3",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/ChannelView.stories.tsx

@@ -254,6 +254,33 @@ WithMessageActions.parameters = {
   },
 }
 
+export const WithConversationFooter: StoryFn<TemplateProps> = Template.bind({})
+WithConversationFooter.args = {
+  showBackButton: false,
+  renderConversationFooter: (channel) => (
+    <div className="mx-4 mb-2 rounded-xl border border-black/10 bg-[#F9F7F4] px-4 py-3">
+      <p className="text-sm text-charcoal">
+        You will get notified when a new reply arrives in this conversation.
+      </p>
+      <button
+        type="button"
+        className="mt-2 rounded-full bg-charcoal px-3 py-1.5 text-xs font-medium text-white"
+        onClick={() => console.log('Footer CTA clicked', channel.id)}
+      >
+        Open Notification Settings
+      </button>
+    </div>
+  ),
+}
+WithConversationFooter.parameters = {
+  docs: {
+    description: {
+      story:
+        'Channel view with a custom footer rendered between the message list and message input via renderConversationFooter(channel).',
+    },
+  },
+}
+
 export const WithMessageDecoration: StoryFn<TemplateProps> = Template.bind({})
 WithMessageDecoration.args = {
   showBackButton: false,