@qite/tide-booking-component 1.3.2 → 1.3.4

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

@@ -1,66 +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;

package/src/booking-wizard/components/product-card.tsx

@@ -1,37 +1,37 @@
-import React from "react";
-
-interface ProductCardProps {
-  productName: string;
-  thumbnailUrl?: string;
-  handleToggleClick: () => void;
-}
-
-const ProductCard: React.FC<ProductCardProps> = ({
-  productName,
-  thumbnailUrl,
-  handleToggleClick,
-}) => {
-  return (
-    <div className="booking__product">
-      <div className="booking__product-image">
-        {thumbnailUrl && (
-          <img
-            src={`${thumbnailUrl}?height=400&width=400`}
-            alt={productName}
-            className="mediacontent"
-          />
-        )}
-      </div>
-      <div className="booking__product-text">
-        <h3 className="booking__product-heading">{productName}</h3>
-      </div>
-      <button
-        type="button"
-        className="booking__product-toggle"
-        onClick={handleToggleClick}
-      ></button>
-    </div>
-  );
-};
-
-export default ProductCard;
+import React from "react";
+
+interface ProductCardProps {
+  productName: string;
+  thumbnailUrl?: string;
+  handleToggleClick: () => void;
+}
+
+const ProductCard: React.FC<ProductCardProps> = ({
+  productName,
+  thumbnailUrl,
+  handleToggleClick,
+}) => {
+  return (
+    <div className="booking__product">
+      <div className="booking__product-image">
+        {thumbnailUrl && (
+          <img
+            src={`${thumbnailUrl}?height=400&width=400`}
+            alt={productName}
+            className="mediacontent"
+          />
+        )}
+      </div>
+      <div className="booking__product-text">
+        <h3 className="booking__product-heading">{productName}</h3>
+      </div>
+      <button
+        type="button"
+        className="booking__product-toggle"
+        onClick={handleToggleClick}
+      ></button>
+    </div>
+  );
+};
+
+export default ProductCard;

package/src/booking-wizard/components/step-indicator.tsx

@@ -1,51 +1,51 @@
-import React, { useContext } from "react";
-import { useSelector } from "react-redux";
-import { buildClassName } from "../../shared/utils/class-util";
-import { selectTranslations } from "../features/booking/selectors";
-import SettingsContext from "../settings-context";
-
-interface StepIndicatorsProps {
-  currentStep: number;
-}
-
-const StepIndicators: React.FC<StepIndicatorsProps> = ({ currentStep }) => {
-  const { flightOptions, roomOptions } = useContext(SettingsContext);
-  const translations = useSelector(selectTranslations);
-
-  const allSteps = [];
-  if (!flightOptions.isHidden) {
-    allSteps.push(translations.STEPS.FLIGHT_OPTIONS);
-  }
-  if (!roomOptions.isHidden) {
-    allSteps.push(translations.STEPS.ROOM_OPTIONS);
-  }
-
-  allSteps.push(translations.STEPS.EXTRA_OPTIONS);
-  allSteps.push(translations.STEPS.PERSONAL_DETAILS);
-  allSteps.push(translations.STEPS.SUMMARY);
-  allSteps.push(translations.STEPS.CONFIRMATION);
-
-  return (
-    <div className="step-indicators">
-      <div className="step-indicators__items">
-        {allSteps.map((stepName, index) => (
-          <div
-            key={`${index + 1}-${stepName}`}
-            className={buildClassName([
-              "step-indicators__item",
-              currentStep === index + 1 && "step-indicators__item--active",
-              currentStep > index + 1 && "step-indicators__item--completed",
-            ])}
-          >
-            <div className="step-indicators__icon step-indicators__icon">
-              {index + 1}
-            </div>
-            <div className="step-indicators__text">{stepName}</div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default StepIndicators;
+import React, { useContext } from "react";
+import { useSelector } from "react-redux";
+import { buildClassName } from "../../shared/utils/class-util";
+import { selectTranslations } from "../features/booking/selectors";
+import SettingsContext from "../settings-context";
+
+interface StepIndicatorsProps {
+  currentStep: number;
+}
+
+const StepIndicators: React.FC<StepIndicatorsProps> = ({ currentStep }) => {
+  const { flightOptions, roomOptions } = useContext(SettingsContext);
+  const translations = useSelector(selectTranslations);
+
+  const allSteps = [];
+  if (!flightOptions.isHidden) {
+    allSteps.push(translations.STEPS.FLIGHT_OPTIONS);
+  }
+  if (!roomOptions.isHidden) {
+    allSteps.push(translations.STEPS.ROOM_OPTIONS);
+  }
+
+  allSteps.push(translations.STEPS.EXTRA_OPTIONS);
+  allSteps.push(translations.STEPS.PERSONAL_DETAILS);
+  allSteps.push(translations.STEPS.SUMMARY);
+  allSteps.push(translations.STEPS.CONFIRMATION);
+
+  return (
+    <div className="step-indicators">
+      <div className="step-indicators__items">
+        {allSteps.map((stepName, index) => (
+          <div
+            key={`${index + 1}-${stepName}`}
+            className={buildClassName([
+              "step-indicators__item",
+              currentStep === index + 1 && "step-indicators__item--active",
+              currentStep > index + 1 && "step-indicators__item--completed",
+            ])}
+          >
+            <div className="step-indicators__icon step-indicators__icon">
+              {index + 1}
+            </div>
+            <div className="step-indicators__text">{stepName}</div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default StepIndicators;

package/src/booking-wizard/components/step-route.tsx

@@ -1,27 +1,27 @@
-import React from "react";
-import StepIndicators from "./step-indicator";
-
-interface StepRoute {
-  path?: string;
-  number: number;
-  title: string;
-  component: JSX.Element;
-}
-
-const StepRoute: React.FC<StepRoute> = ({ number, title, component }) => {
-  return (
-    <>
-      <StepIndicators currentStep={number} />
-      <div className="booking__panel-frame booking__panel-frame--transparent">
-        <div className="booking__panel-heading">
-          <h4 className="booking__panel-title">
-            {number}. {title}
-          </h4>
-        </div>
-        <div className="booking__panel-body">{component}</div>
-      </div>
-    </>
-  );
-};
-
-export default StepRoute;
+import React from "react";
+import StepIndicators from "./step-indicator";
+
+interface StepRoute {
+  path?: string;
+  number: number;
+  title: string;
+  component: JSX.Element;
+}
+
+const StepRoute: React.FC<StepRoute> = ({ number, title, component }) => {
+  return (
+    <>
+      <StepIndicators currentStep={number} />
+      <div className="booking__panel-frame booking__panel-frame--transparent">
+        <div className="booking__panel-heading">
+          <h4 className="booking__panel-title">
+            {number}. {title}
+          </h4>
+        </div>
+        <div className="booking__panel-body">{component}</div>
+      </div>
+    </>
+  );
+};
+
+export default StepRoute;

package/src/booking-wizard/declarations.d.ts

@@ -1,4 +1,4 @@
-declare module "*.svg" {
-  const content: string;
-  export default content;
-}
+declare module "*.svg" {
+  const content: string;
+  export default content;
+}

package/src/booking-wizard/features/booking/api.ts

@@ -1,49 +1,49 @@
-import {
-  agents,
-  details,
-  generateBookingAccommodations,
-} from "@qite/tide-client";
-import {
-  BookingPackage,
-  BookingPackageDetailsRequest,
-  BookingPackageRequest,
-  BookingTravelAgent,
-  GenerateBookingAccommodationRequest,
-  TideResponse,
-} from "@qite/tide-client/build/types";
-import { ApiSettingsState } from "../../../shared/types";
-import { buildTideClientConfig } from "../../../shared/utils/tide-api-utils";
-
-const fetchDetails = async (
-  request: BookingPackageRequest<BookingPackageDetailsRequest>,
-  signal: AbortSignal,
-  languageCode?: string,
-  apiSettings?: ApiSettingsState
-): Promise<TideResponse<BookingPackage>> => {
-  const tideClientConfig = buildTideClientConfig(apiSettings);
-  return await details(tideClientConfig, request, signal, languageCode);
-};
-
-const fetchAgents = async (
-  signal: AbortSignal,
-  apiSettings?: ApiSettingsState
-): Promise<BookingTravelAgent[]> => {
-  const tideClientConfig = buildTideClientConfig(apiSettings);
-  return await agents(tideClientConfig, signal);
-};
-
-const fetchAccommodationViews = async (
-  request: GenerateBookingAccommodationRequest,
-  signal: AbortSignal,
-  apiSettings?: ApiSettingsState
-) => {
-  const tideClientConfig = buildTideClientConfig(apiSettings);
-  return await generateBookingAccommodations(tideClientConfig, request, signal);
-};
-
-const packageApi = {
-  fetchDetails,
-  fetchAgents,
-  fetchAccommodationViews,
-};
-export default packageApi;
+import {
+  agents,
+  details,
+  generateBookingAccommodations,
+} from "@qite/tide-client";
+import {
+  BookingPackage,
+  BookingPackageDetailsRequest,
+  BookingPackageRequest,
+  BookingTravelAgent,
+  GenerateBookingAccommodationRequest,
+  TideResponse,
+} from "@qite/tide-client/build/types";
+import { ApiSettingsState } from "../../../shared/types";
+import { buildTideClientConfig } from "../../../shared/utils/tide-api-utils";
+
+const fetchDetails = async (
+  request: BookingPackageRequest<BookingPackageDetailsRequest>,
+  signal: AbortSignal,
+  languageCode?: string,
+  apiSettings?: ApiSettingsState
+): Promise<TideResponse<BookingPackage>> => {
+  const tideClientConfig = buildTideClientConfig(apiSettings);
+  return await details(tideClientConfig, request, signal, languageCode);
+};
+
+const fetchAgents = async (
+  signal: AbortSignal,
+  apiSettings?: ApiSettingsState
+): Promise<BookingTravelAgent[]> => {
+  const tideClientConfig = buildTideClientConfig(apiSettings);
+  return await agents(tideClientConfig, signal);
+};
+
+const fetchAccommodationViews = async (
+  request: GenerateBookingAccommodationRequest,
+  signal: AbortSignal,
+  apiSettings?: ApiSettingsState
+) => {
+  const tideClientConfig = buildTideClientConfig(apiSettings);
+  return await generateBookingAccommodations(tideClientConfig, request, signal);
+};
+
+const packageApi = {
+  fetchDetails,
+  fetchAgents,
+  fetchAccommodationViews,
+};
+export default packageApi;