@propbinder/mobile-design 0.2.55 → 0.2.57

package/fesm2022/propbinder-mobile-design.mjs

@@ -16660,6 +16660,7 @@ class DsMobileBookingModalComponent {
     availableDates;
     availableTimeSlots;
     useMockData = false;
+    onSubmit;
     swiperComponent;
     // Signals for reactive state management
     dateOptions = signal([], ...(ngDevMode ? [{ debugName: "dateOptions" }] : []));
@@ -16880,8 +16881,6 @@ class DsMobileBookingModalComponent {
             return;
         // Set loading state
         this.isConfirming.set(true);
-        // Simulate booking API call with 2 second delay
-        await new Promise(resolve => setTimeout(resolve, 2000));
         const result = {
             facilityId: this.facilityId,
             facilityTitle: this.facilityTitle,
@@ -16889,7 +16888,20 @@ class DsMobileBookingModalComponent {
             selectedTimeSlot: this.selectedTimeSlot(),
             timestamp: new Date()
         };
-        await this.modalController.dismiss(result, 'confirm');
+        try {
+            if (this.onSubmit) {
+                await this.onSubmit(result);
+            }
+            else {
+                // Simulate booking API call with 2 second delay
+                await new Promise(resolve => setTimeout(resolve, 2000));
+            }
+            await this.modalController.dismiss(result, 'confirm');
+        }
+        catch (e) {
+            console.error('Booking confirmation failed in onSubmit hook', e);
+            this.isConfirming.set(false);
+        }
     }
     /**
      * Handle close button click
@@ -16898,7 +16910,7 @@ class DsMobileBookingModalComponent {
         await this.modalController.dismiss(null, 'cancel');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileBookingModalComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileBookingModalComponent, isStandalone: true, selector: "ds-mobile-booking-modal", inputs: { facilityId: "facilityId", facilityTitle: "facilityTitle", daysAhead: "daysAhead", selectFromCalendarText: "selectFromCalendarText", confirmBookingText: "confirmBookingText", availableDates: "availableDates", availableTimeSlots: "availableTimeSlots", useMockData: "useMockData" }, viewQueries: [{ propertyName: "swiperComponent", first: true, predicate: DsMobileSwiperComponent, descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileBookingModalComponent, isStandalone: true, selector: "ds-mobile-booking-modal", inputs: { facilityId: "facilityId", facilityTitle: "facilityTitle", daysAhead: "daysAhead", selectFromCalendarText: "selectFromCalendarText", confirmBookingText: "confirmBookingText", availableDates: "availableDates", availableTimeSlots: "availableTimeSlots", useMockData: "useMockData", onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "swiperComponent", first: true, predicate: DsMobileSwiperComponent, descendants: true }], ngImport: i0, template: `
     <ds-mobile-modal-base 
       headerTitle="Hvornår skal det være?"
       [showCloseButton]="true"
@@ -17071,6 +17083,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], useMockData: [{
                 type: Input
+            }], onSubmit: [{
+                type: Input
             }], swiperComponent: [{
                 type: ViewChild,
                 args: [DsMobileSwiperComponent]
@@ -17317,6 +17331,8 @@ class DsMobileBookingModalService extends BaseModalService {
             componentProps.availableTimeSlots = options.availableTimeSlots;
         if (options.useMockData !== undefined)
             componentProps.useMockData = options.useMockData;
+        if (options.onSubmit !== undefined)
+            componentProps.onSubmit = options.onSubmit;
         if (options.labels?.selectFromCalendar)
             componentProps.selectFromCalendarText = options.labels.selectFromCalendar;
         if (options.labels?.confirmBooking)
@@ -19184,7 +19200,8 @@ class DsMobileFacilityDetailModalComponent {
             facilityThumbnail: this.facilityData.heroImage,
             availableDates: this.facilityData.availableDates,
             availableTimeSlots: this.facilityData.availableTimeSlots,
-            useMockData: this.facilityData.useMockData
+            useMockData: this.facilityData.useMockData,
+            onSubmit: this.facilityData.onSubmit
         });
     }
     /**