@aleph-alpha/chat-kit 1.12.0 → 1.14.0

package/src/components/base/index.ts

@@ -8,6 +8,14 @@ export type {
   CkFeedbackButtonProps,
   CkFeedbackValue,
 } from './CkFeedbackButton';
+export { CkFeedbackDialog } from './CkFeedbackDialog';
+export type {
+  CkFeedbackDialogProps,
+  CkFeedbackDialogEmits,
+  CkFeedbackDialogSubmitPayload,
+  CkFeedbackReason,
+  CkFeedbackSentiment,
+} from './CkFeedbackDialog';
 export { CkFileItemsList } from './CkFileItemsList';
 export type {
   CkFileEntry,

package/src/components/index.ts

@@ -4,6 +4,7 @@ export {
   CkConversationLayout,
   CkCopyMessageActionButton,
   CkFeedbackButton,
+  CkFeedbackDialog,
   CkFileItemsList,
   CkHistoryItem,
   CkHistoryWrapper,
@@ -20,6 +21,11 @@ export {
 export type {
   CkConversationLayoutProps,
   CkFeedbackButtonProps,
+  CkFeedbackDialogEmits,
+  CkFeedbackDialogProps,
+  CkFeedbackDialogSubmitPayload,
+  CkFeedbackReason,
+  CkFeedbackSentiment,
   CkFeedbackValue,
   CkFileEntry,
   CkFileItemsListEmits,

package/src/handlers/useChatKitLabels.spec.ts

@@ -43,6 +43,19 @@ describe('useChatKitLabels', () => {
       feedbackThumbsUp: 'Gute Antwort',
       feedbackThumbsDown: 'Schlechte Antwort',
       feedbackGroup: 'Antwort bewerten',
+      feedbackDialogTitlePositive: 'Positives Feedback geben',
+      feedbackDialogTitleNegative: 'Negatives Feedback geben',
+      feedbackDialogResponseHeading: 'Antwort',
+      feedbackDialogDescription:
+        'Wählen Sie einen Grund und fügen Sie optional einen Kommentar hinzu.',
+      feedbackDialogOtherLabel: 'Sonstiges',
+      feedbackDialogOtherTooltip:
+        'Teilen Sie weitere Details zu dieser Antwort mit.',
+      feedbackDialogFreeTextPlaceholder: 'Zusätzliche Details eingeben',
+      feedbackDialogCancelLabel: 'Abbrechen',
+      feedbackDialogSubmitLabel: 'Senden',
+      userMessageShowMore: 'Mehr anzeigen',
+      userMessageShowLess: 'Weniger anzeigen',
       historyItemUntitled: 'Unbenannte Konversation',
       historyItemActionAriaLabel: 'Konversationsoptionen',
       historyItemEditAction: 'Bearbeiten',

package/src/handlers/useChatKitLabels.ts

@@ -47,6 +47,28 @@ export type ChatKitLabels = {
    * `defaultChatKitLabels.feedbackGroup` when omitted.
    */
   feedbackGroup?: string;
+  /** `CkFeedbackDialog` title when sentiment is `'positive'`. */
+  feedbackDialogTitlePositive?: string;
+  /** `CkFeedbackDialog` title when sentiment is `'negative'`. */
+  feedbackDialogTitleNegative?: string;
+  /** Heading above the response preview in `CkFeedbackDialog`. */
+  feedbackDialogResponseHeading?: string;
+  /** Screen-reader description for `CkFeedbackDialog` (sets `aria-describedby`). */
+  feedbackDialogDescription?: string;
+  /** "Other" label above the free-text input in `CkFeedbackDialog`. */
+  feedbackDialogOtherLabel?: string;
+  /** Tooltip on the (i) icon next to "Other" in `CkFeedbackDialog`. */
+  feedbackDialogOtherTooltip?: string;
+  /** Placeholder for the free-text input in `CkFeedbackDialog`. */
+  feedbackDialogFreeTextPlaceholder?: string;
+  /** Cancel button label in `CkFeedbackDialog`. */
+  feedbackDialogCancelLabel?: string;
+  /** Submit button label in `CkFeedbackDialog`. */
+  feedbackDialogSubmitLabel?: string;
+  /** Label for the `CkUserMessage` toggle when the message is collapsed. */
+  userMessageShowMore?: string;
+  /** Label for the `CkUserMessage` toggle when the message is expanded. */
+  userMessageShowLess?: string;
   /** Fallback title used by `CkHistory` when a conversation has no `title`. */
   historyItemUntitled: string;
   /** Accessible name for the trailing kebab trigger on each `CkHistory` row. */
@@ -67,6 +89,19 @@ export const defaultChatKitLabels: ChatKitLabels = {
   feedbackThumbsUp: 'Good response',
   feedbackThumbsDown: 'Bad response',
   feedbackGroup: 'Rate this response',
+  feedbackDialogTitlePositive: 'Give positive feedback',
+  feedbackDialogTitleNegative: 'Give negative feedback',
+  feedbackDialogResponseHeading: 'Response',
+  feedbackDialogDescription:
+    'Select a reason and optionally add a comment, then submit your feedback.',
+  feedbackDialogOtherLabel: 'Other',
+  feedbackDialogOtherTooltip:
+    'Add anything else you want to share about this response.',
+  feedbackDialogFreeTextPlaceholder: 'Write down some additional details',
+  feedbackDialogCancelLabel: 'Cancel',
+  feedbackDialogSubmitLabel: 'Submit',
+  userMessageShowMore: 'Show more',
+  userMessageShowLess: 'Show less',
   historyItemUntitled: 'Untitled conversation',
   historyItemActionAriaLabel: 'Conversation options',
   historyItemEditAction: 'Edit',

package/src/index.ts

@@ -67,6 +67,7 @@ export {
   CkConversationLayout,
   CkCopyMessageActionButton,
   CkFeedbackButton,
+  CkFeedbackDialog,
   CkFileItemsList,
   CkHistory,
   CkHistoryItem,
@@ -86,6 +87,11 @@ export type {
   CkConversationLayoutProps,
   CkConversationProps,
   CkFeedbackButtonProps,
+  CkFeedbackDialogEmits,
+  CkFeedbackDialogProps,
+  CkFeedbackDialogSubmitPayload,
+  CkFeedbackReason,
+  CkFeedbackSentiment,
   CkFeedbackValue,
   CkFileEntry,
   CkFileItemsListEmits,