@qite/tide-booking-component 1.4.95 → 1.4.97

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

@@ -1,57 +1,57 @@
-import React, { useContext } from 'react';
-import { useSelector } from 'react-redux';
-import { buildClassName } from '../../shared/utils/class-util';
-import { selectTranslations, selectTravelersFirstStep } 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 travelersFirstStep = useSelector(selectTravelersFirstStep);
-
-  const allSteps = [];
-
-  if (travelersFirstStep) {
-    allSteps.push(translations.STEPS.PERSONAL_DETAILS);
-  }
-  if (!flightOptions.isHidden) {
-    allSteps.push(translations.STEPS.FLIGHT_OPTIONS);
-  }
-  if (!roomOptions.isHidden) {
-    allSteps.push(translations.STEPS.ROOM_OPTIONS);
-  }
-
-  allSteps.push(translations.STEPS.EXTRA_OPTIONS);
-
-  if (!travelersFirstStep) {
-    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, selectTravelersFirstStep } 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 travelersFirstStep = useSelector(selectTravelersFirstStep);
+
+  const allSteps = [];
+
+  if (travelersFirstStep) {
+    allSteps.push(translations.STEPS.PERSONAL_DETAILS);
+  }
+  if (!flightOptions.isHidden) {
+    allSteps.push(translations.STEPS.FLIGHT_OPTIONS);
+  }
+  if (!roomOptions.isHidden) {
+    allSteps.push(translations.STEPS.ROOM_OPTIONS);
+  }
+
+  allSteps.push(translations.STEPS.EXTRA_OPTIONS);
+
+  if (!travelersFirstStep) {
+    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,26 +1,26 @@
-import React from 'react';
-import StepIndicators from './step-indicator';
-
-interface StepRoute {
-  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 {
+  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/features/booking/api.ts

@@ -1,44 +1,44 @@
-import { agents, details, generateBookingAccommodations, getCountries } 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 fetchCountries = async (signal: AbortSignal, apiSettings?: ApiSettingsState) => {
-  const tideClientConfig = buildTideClientConfig(apiSettings);
-  return await getCountries(tideClientConfig, signal);
-};
-
-const packageApi = {
-  fetchDetails,
-  fetchAgents,
-  fetchAccommodationViews,
-  fetchCountries
-};
-export default packageApi;
+import { agents, details, generateBookingAccommodations, getCountries } 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 fetchCountries = async (signal: AbortSignal, apiSettings?: ApiSettingsState) => {
+  const tideClientConfig = buildTideClientConfig(apiSettings);
+  return await getCountries(tideClientConfig, signal);
+};
+
+const packageApi = {
+  fetchDetails,
+  fetchAgents,
+  fetchAccommodationViews,
+  fetchCountries
+};
+export default packageApi;