@propbinder/mobile-design 0.2.84 → 0.2.86

package/index.d.ts

@@ -413,6 +413,16 @@ declare class DsMobileBottomSheetHeaderComponent {
      * @default false
      */
     rightButtonLoading: boolean;
+    /**
+     * Show left button
+     * @default true
+     */
+    showLeftButton: boolean;
+    /**
+     * Show right button
+     * @default true
+     */
+    showRightButton: boolean;
     /**
      * Emitted when left button is clicked
      */
@@ -422,7 +432,7 @@ declare class DsMobileBottomSheetHeaderComponent {
      */
     rightButtonClick: EventEmitter<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileBottomSheetHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileBottomSheetHeaderComponent, "ds-mobile-bottom-sheet-header", never, { "title": { "alias": "title"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "rightButtonDisabled": { "alias": "rightButtonDisabled"; "required": false; }; "rightButtonLoading": { "alias": "rightButtonLoading"; "required": false; }; }, { "leftButtonClick": "leftButtonClick"; "rightButtonClick": "rightButtonClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileBottomSheetHeaderComponent, "ds-mobile-bottom-sheet-header", never, { "title": { "alias": "title"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "rightButtonDisabled": { "alias": "rightButtonDisabled"; "required": false; }; "rightButtonLoading": { "alias": "rightButtonLoading"; "required": false; }; "showLeftButton": { "alias": "showLeftButton"; "required": false; }; "showRightButton": { "alias": "showRightButton"; "required": false; }; }, { "leftButtonClick": "leftButtonClick"; "rightButtonClick": "rightButtonClick"; }, never, never, true, never>;
 }
 
 /**
@@ -2154,6 +2164,10 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
      * Whether to show the attachment button
      */
     showAttachmentButton: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to show the AI reply button
+     */
+    showAiButton: _angular_core.InputSignal<boolean>;
     /**
      * Edit indicator text (when editing)
      */
@@ -2296,6 +2310,10 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
      * Parent components (like chat modal) can use this to scroll to bottom
      */
     attachmentsChanged: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits when the AI reply button is clicked
+     */
+    aiClick: _angular_core.OutputEmitterRef<void>;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -2403,8 +2421,12 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
      * Send message
      */
     sendMessage(): void;
+    /**
+     * Insert text into the composer, updating internal state and textarea sizing
+     */
+    insertText(text: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileMessageComposerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileMessageComposerComponent, "ds-mobile-message-composer", never, { "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "sendButtonLabel": { "alias": "sendButtonLabel"; "required": false; "isSignal": true; }; "attachmentButtonLabel": { "alias": "attachmentButtonLabel"; "required": false; "isSignal": true; }; "showAttachmentButton": { "alias": "showAttachmentButton"; "required": false; "isSignal": true; }; "editIndicatorText": { "alias": "editIndicatorText"; "required": false; "isSignal": true; }; "replyIndicatorText": { "alias": "replyIndicatorText"; "required": false; "isSignal": true; }; "enableMentions": { "alias": "enableMentions"; "required": false; "isSignal": true; }; "mentionUsers": { "alias": "mentionUsers"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; }, { "messageSent": "messageSent"; "editCancelled": "editCancelled"; "replyCancelled": "replyCancelled"; "mentionSelected": "mentionSelected"; "attachmentClicked": "attachmentClicked"; "attachmentsChanged": "attachmentsChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileMessageComposerComponent, "ds-mobile-message-composer", never, { "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "sendButtonLabel": { "alias": "sendButtonLabel"; "required": false; "isSignal": true; }; "attachmentButtonLabel": { "alias": "attachmentButtonLabel"; "required": false; "isSignal": true; }; "showAttachmentButton": { "alias": "showAttachmentButton"; "required": false; "isSignal": true; }; "showAiButton": { "alias": "showAiButton"; "required": false; "isSignal": true; }; "editIndicatorText": { "alias": "editIndicatorText"; "required": false; "isSignal": true; }; "replyIndicatorText": { "alias": "replyIndicatorText"; "required": false; "isSignal": true; }; "enableMentions": { "alias": "enableMentions"; "required": false; "isSignal": true; }; "mentionUsers": { "alias": "mentionUsers"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; }, { "messageSent": "messageSent"; "editCancelled": "editCancelled"; "replyCancelled": "replyCancelled"; "mentionSelected": "mentionSelected"; "attachmentClicked": "attachmentClicked"; "attachmentsChanged": "attachmentsChanged"; "aiClick": "aiClick"; }, never, never, true, never>;
 }
 
 /**
@@ -4068,6 +4090,11 @@ interface ChatModalData {
      * Use this to handle API calls to your backend.
      */
     onSend?: (message: string, attachments: AttachmentData[]) => void | Promise<void>;
+    /**
+     * Optional callback for generating an AI reply.
+     * Resolves with the generated text, or void/null if cancelled or failed.
+     */
+    onAiReplyClick?: () => Promise<string | void | null>;
     /**
      * Optional callback for when a file attachment is clicked.
      * If not provided, the default behavior will try to open/download the file.
@@ -4123,6 +4150,7 @@ interface ChatModalLabels {
     closeButtonLabel: string;
     backAriaLabel: string;
     addMembersSearchPlaceholder: string;
+    aiReplyError: string;
 }
 /**
  * DsMobileChatModalComponent
@@ -4168,6 +4196,7 @@ declare class DsMobileChatModalComponent implements OnInit, AfterViewInit {
      * Back button click event
      */
     back: EventEmitter<void>;
+    localError: _angular_core.WritableSignal<string | undefined>;
     participant: _angular_core.WritableSignal<ChatParticipant>;
     messages: _angular_core.WritableSignal<ChatMessage[]>;
     currentUserInitials: _angular_core.WritableSignal<string>;
@@ -4237,6 +4266,10 @@ declare class DsMobileChatModalComponent implements OnInit, AfterViewInit {
      * Used to determine if we should auto-scroll when keyboard appears
      */
     private isNearBottom;
+    /**
+     * Handle AI reply button click
+     */
+    handleAiClick(): Promise<void>;
     /**
      * Scroll to bottom of messages
      */
@@ -4967,7 +5000,7 @@ declare class DsMobileCreateGroupModalComponent implements OnInit {
     members: CreateGroupMember[];
     defaultName: string;
     allTenants: CreateGroupMember[];
-    view: _angular_core.WritableSignal<"main" | "add-members">;
+    view: _angular_core.WritableSignal<"add-members" | "main">;
     groupName: _angular_core.WritableSignal<string>;
     customAvatarUrl: _angular_core.WritableSignal<string>;
     localMembers: _angular_core.WritableSignal<CreateGroupMember[]>;
@@ -8331,7 +8364,7 @@ declare class DsTextInputComponent implements ControlValueAccessor {
     hasError: _angular_core.InputSignal<boolean>;
     errorMessage: _angular_core.InputSignal<string>;
     autocomplete: _angular_core.InputSignal<string>;
-    inputmode: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "url" | "numeric" | undefined>;
+    inputmode: _angular_core.InputSignal<"search" | "text" | "numeric" | "email" | "tel" | "url" | undefined>;
     autoClearError: _angular_core.InputSignal<boolean>;
     validator: _angular_core.InputSignal<((value: string) => boolean) | null>;
     valueChange: _angular_core.OutputEmitterRef<string>;
@@ -8639,7 +8672,7 @@ declare class DsMobileIllustrationComponent {
      * Predefined illustration variant
      * Available variants: 'post', 'inquiry', 'confirmation', 'family'
      */
-    variant: _angular_core.InputSignal<"post" | "inquiry" | "confirmation" | "family" | "cancel-booking" | "delete-warning">;
+    variant: _angular_core.InputSignal<"inquiry" | "delete-warning" | "post" | "confirmation" | "family" | "cancel-booking">;
     /**
      * Illustration size (width and height)
      * @default '120px'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propbinder/mobile-design",
-  "version": "0.2.84",
+  "version": "0.2.86",
   "peerDependencies": {
     "@angular/common": "^20.3.0 || ^21.0.0",
     "@angular/core": "^20.3.0 || ^21.0.0"