@qite/tide-booking-component 1.3.4 → 1.3.6

package/src/booking-product/components/rooms.tsx

@@ -1,5 +1,5 @@
 import { range } from "lodash";
-import React, { useContext, useState } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import { buildClassName } from "../../shared/utils/class-util";
 import { getTranslations } from "../../shared/utils/localization-util";
 import SettingsContext from "../settings-context";
@@ -24,6 +24,10 @@ const Rooms: React.FC<RoomsProps> = ({
   const [isTouched, setIsTouched] = useState<boolean>(false);
   const [currentRooms, setRoomState] = useState<ProductRoom[]>(rooms);
 
+  useEffect(() => {
+    setRoomState(rooms);
+  }, [rooms])
+
   const { language } = useContext(SettingsContext);
   const translations = getTranslations(language);
 
@@ -99,13 +103,13 @@ const Rooms: React.FC<RoomsProps> = ({
                           currentRooms.map((room, i) =>
                             i === roomIndex
                               ? {
-                                  ...room,
-                                  children: value,
-                                  childAges: range(0, value).map(
-                                    (childIndex) =>
-                                      room.childAges[childIndex] ?? 0
-                                  ),
-                                }
+                                ...room,
+                                children: value,
+                                childAges: range(0, value).map(
+                                  (childIndex) =>
+                                    room.childAges[childIndex] ?? 0
+                                ),
+                              }
                               : room
                           )
                         );
@@ -131,13 +135,13 @@ const Rooms: React.FC<RoomsProps> = ({
                               currentRooms.map((room, selectorRoomIndex) =>
                                 roomIndex === selectorRoomIndex
                                   ? {
-                                      ...room,
-                                      childAges: room.childAges
-                                        .map((age, i) =>
-                                          childIndex === i ? value : age
-                                        )
-                                        .sort((a, b) => b - a),
-                                    }
+                                    ...room,
+                                    childAges: room.childAges
+                                      .map((age, i) =>
+                                        childIndex === i ? value : age
+                                      )
+                                      .sort((a, b) => b - a),
+                                  }
                                   : room
                               )
                             );

package/src/booking-wizard/components/print-offer-button.tsx

@@ -1,63 +1,63 @@
-import React from "react";
-import { BookingPackage, Pax } from "@qite/tide-client/build/types";
-import { useOfferPrinter } from "../use-offer-printer";
-
-interface PrintOfferButtonProps {
-  bookingPackage?: BookingPackage;
-
-  getPax: () => Pax[] | undefined;
-
-  tagIds?: number[];
-
-  printActionId?: number | null;
-
-  onPrinted?: (pdfUrl: string) => void;
-
-  labelIdle?: string;
-  labelCreating?: string;
-  labelPrinting?: string;
-  disabled?: boolean;
-  className?: string;
-  loader?: React.ReactNode;
-}
-
-const PrintOfferButton: React.FC<PrintOfferButtonProps> = ({
-  bookingPackage,
-  getPax,
-  tagIds,
-  printActionId = null,
-  onPrinted,
-  labelIdle = "Print offer",
-  labelCreating = "Generating offer…",
-  labelPrinting = "Generating PDF…",
-  disabled = false,
-  className,
-}) => {
-  const { handlePrint, stage, loading } = useOfferPrinter({
-    bookingPackage,
-    getPax,
-    tagIds,
-    onPrinted,
-    printActionId,
-  });
-
-  const label =
-    stage === "creating"
-      ? labelCreating
-      : stage === "printing"
-      ? labelPrinting
-      : labelIdle;
-
-  return (
-    <button
-      type="button"
-      onClick={handlePrint}
-      disabled={disabled || loading}
-      className={className}
-    >
-      {label}
-    </button>
-  );
-};
-
-export default PrintOfferButton;
+import React from "react";
+import { BookingPackage, Pax } from "@qite/tide-client/build/types";
+import { useOfferPrinter } from "../use-offer-printer";
+
+interface PrintOfferButtonProps {
+  bookingPackage?: BookingPackage;
+
+  getPax: () => Pax[] | undefined;
+
+  tagIds?: number[];
+
+  printActionId?: number | null;
+
+  onPrinted?: (pdfUrl: string) => void;
+
+  labelIdle?: string;
+  labelCreating?: string;
+  labelPrinting?: string;
+  disabled?: boolean;
+  className?: string;
+  loader?: React.ReactNode;
+}
+
+const PrintOfferButton: React.FC<PrintOfferButtonProps> = ({
+  bookingPackage,
+  getPax,
+  tagIds,
+  printActionId = null,
+  onPrinted,
+  labelIdle = "Print offer",
+  labelCreating = "Generating offer…",
+  labelPrinting = "Generating PDF…",
+  disabled = false,
+  className,
+}) => {
+  const { handlePrint, stage, loading } = useOfferPrinter({
+    bookingPackage,
+    getPax,
+    tagIds,
+    onPrinted,
+    printActionId,
+  });
+
+  const label =
+    stage === "creating"
+      ? labelCreating
+      : stage === "printing"
+      ? labelPrinting
+      : labelIdle;
+
+  return (
+    <button
+      type="button"
+      onClick={handlePrint}
+      disabled={disabled || loading}
+      className={className}
+    >
+      {label}
+    </button>
+  );
+};
+
+export default PrintOfferButton;