@kelet-ai/feedback-ui 0.3.1 → 0.4.0

package/README.md

@@ -313,6 +313,23 @@ const [data, setData] = useFeedbackState(initial, 'tracker', {
 
 ---
 
+## 🔗 OpenTelemetry Integration
+
+Automatically extract trace IDs to correlate feedback with distributed traces:
+
+```tsx
+import { VoteFeedback, getOtelTraceId } from '@kelet-ai/feedback-ui';
+
+<VoteFeedback.Root tx_id={getOtelTraceId} onFeedback={handleFeedback}>
+  <VoteFeedback.UpvoteButton>👍</VoteFeedback.UpvoteButton>
+  <VoteFeedback.DownvoteButton>👎</VoteFeedback.DownvoteButton>
+</VoteFeedback.Root>
+```
+
+Requires `@opentelemetry/api` and active Span to collect the trace_id from.
+
+---
+
 ## 🔧 Core Components
 
 ### **VoteFeedback.Root**

package/dist/components/vote-feedback.d.ts

@@ -1,6 +1,6 @@
 import { DownvoteButtonProps, PopoverProps, SubmitButtonProps, TextareaProps, UpvoteButtonProps, VoteFeedbackRootProps } from '../types';
 export declare const VoteFeedback: {
-    Root: ({ children, onFeedback, defaultText, tx_id, extra_metadata, trigger_name, }: VoteFeedbackRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, onFeedback, defaultText, tx_id: txIdProp, extra_metadata, trigger_name, }: VoteFeedbackRootProps) => import("react/jsx-runtime").JSX.Element;
     UpvoteButton: ({ asChild, children, onClick, ...props }: UpvoteButtonProps) => import("react/jsx-runtime").JSX.Element;
     DownvoteButton: ({ asChild, children, onClick, ...props }: DownvoteButtonProps) => string | number | bigint | true | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
     Popover: ({ asChild, children, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;