@propbinder/mobile-design 0.2.34 → 0.2.36

package/fesm2022/propbinder-mobile-design.mjs

@@ -15144,8 +15144,10 @@ class DsMobileChatModalComponent {
                 }, 150);
             });
         });
-        // In a real app, you would send this to your backend
-        // this.chatService.sendMessage(this.chatData.participant.id, event.content, event.attachments);
+        // Executing the onSend callback if provided
+        if (this.chatData.onSend) {
+            this.chatData.onSend(event.content, event.attachments || []);
+        }
     }
     /**
      * Handle attachment click
@@ -15251,8 +15253,28 @@ class DsMobileChatModalComponent {
      * Handle file attachment click
      */
     handleFileAttachmentClick(fileAttachment) {
-        console.log('[ChatModal] File attachment clicked:', fileAttachment);
-        // In a real app, you would open the file viewer
+        // If a custom handler is provided, use it
+        if (this.chatData.onFileClick) {
+            this.chatData.onFileClick(fileAttachment);
+            return;
+        }
+        // Default behavior: Try to open/download the file
+        const url = fileAttachment.src || fileAttachment.url;
+        if (url) {
+            const link = document.createElement('a');
+            link.href = url;
+            link.target = '_blank';
+            // If it has a name, setting download attribute suggests downloading
+            if (fileAttachment.name) {
+                link.download = fileAttachment.name;
+            }
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }
+        else {
+            console.warn('[ChatModal] No URL or source for file attachment:', fileAttachment);
+        }
     }
     /**
      * Handle image attachment click - opens lightbox
@@ -15809,7 +15831,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  *     ],
  *     currentUserId: '456',
  *     currentUserInitials: 'JD',
- *     autoFocus: true
+ *     currentUserInitials: 'JD',
+ *     autoFocus: true,
+ *     onSend: async (message, attachments) => {
+ *       console.log('Sending message:', message);
+ *       // await this.chatService.sendMessage(participant.id, message, attachments);
+ *     },
+ *     onFileClick: (file) => {
+ *       console.log('File clicked:', file);
+ *       // window.open(file.url, '_blank');
+ *     }
  *   });
  * }
  * ```
@@ -16119,15 +16150,7 @@ class DsMobileNewInquiryModalComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileNewInquiryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileNewInquiryModalComponent, isStandalone: true, selector: "ds-mobile-new-inquiry-modal", inputs: { loading: "loading", error: "error", onSubmit: "onSubmit", titlePlaceholder: "titlePlaceholder", descriptionPlaceholder: "descriptionPlaceholder", submitButtonLabel: "submitButtonLabel" }, viewQueries: [{ propertyName: "titleInputRef", first: true, predicate: ["titleInput"], descendants: true, read: ElementRef }, { propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: `
-    <ds-mobile-modal-base
-      [loading]="loading"
-      [error]="error"
-      [showHeader]="false"
-      [hasFixedBottom]="true"
-      [enableKeyboardHandling]="true"
-      [isAutoHeight]="true"
-      closeButtonLabel="Close"
-    >
+    <ds-mobile-modal-base [loading]="loading" [error]="error" [showHeader]="false" [hasFixedBottom]="true" [enableKeyboardHandling]="true" closeButtonLabel="Close">
       <!-- Form Content -->
       <ds-mobile-section>
         <!-- Title Field (Large Ghost Textarea) -->
@@ -16207,15 +16230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         DsMobileAttachmentPreviewComponent,
                         DsMobileSectionComponent,
                     ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: `
-    <ds-mobile-modal-base
-      [loading]="loading"
-      [error]="error"
-      [showHeader]="false"
-      [hasFixedBottom]="true"
-      [enableKeyboardHandling]="true"
-      [isAutoHeight]="true"
-      closeButtonLabel="Close"
-    >
+    <ds-mobile-modal-base [loading]="loading" [error]="error" [showHeader]="false" [hasFixedBottom]="true" [enableKeyboardHandling]="true" closeButtonLabel="Close">
       <!-- Form Content -->
       <ds-mobile-section>
         <!-- Title Field (Large Ghost Textarea) -->
@@ -16359,11 +16374,6 @@ class DsMobileNewInquiryModalService extends BaseModalService {
             ...(options?.submitButtonLabel && { submitButtonLabel: options.submitButtonLabel }),
         }, {
             keyboardClose: false, // Don't close on keyboard hide for this modal
-            cssClass: ['ds-modal-base', 'auto-height'],
-            breakpoints: [0, 1],
-            initialBreakpoint: 1,
-            handle: false,
-            presentingElement: undefined,
         });
         console.log('[NewInquiryModal] Modal created, presenting...');
         await modal.present();