@qite/tide-booking-component 1.4.106 → 1.4.107

package/build/build-esm/src/qsm/store/qsm-slice.d.ts

@@ -121,6 +121,7 @@ export declare const setSelectedQsmType: import('@reduxjs/toolkit').ActionCreato
       value: any;
     },
     'qsm/setFieldValue'
-  >;
+  >,
+  hydrateQsmState: import('@reduxjs/toolkit').ActionCreatorWithPayload<Partial<QSMState>, 'qsm/hydrateQsmState'>;
 declare const _default: import('@reduxjs/toolkit').Reducer<QSMState>;
 export default _default;

package/build/build-esm/src/shared/components/icon.d.ts

@@ -5,6 +5,7 @@ interface IconProps {
   title?: string;
   width?: number;
   height?: number;
+  fill?: string;
 }
 declare const Icon: React.FC<IconProps>;
 export default Icon;

package/build/build-esm/src/shared/utils/localization-util.d.ts

@@ -389,6 +389,10 @@ export declare const getTranslations: (language: string) => {
     TRAVEL_GROUP: string;
     EXCURSION: string;
   };
+  ITINERARY: {
+    DAY: string;
+    NO_ITEMS: string;
+  };
 };
 export declare const locales: {
   'ar-SA': import('date-fns').Locale;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.106",
+  "version": "1.4.107",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/booking-product/components/amount-input.tsx

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { getTranslations } from '../../shared/utils/localization-util';
 import SettingsContext from '../settings-context';
 import { buildClassName } from '../../shared/utils/class-util';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 interface AmountInputProps {
   label: string;

package/src/booking-product/components/date-range-picker/calendar.tsx

@@ -18,7 +18,7 @@ import { buildClassName } from '../../../shared/utils/class-util';
 import { getLocale } from '../../../shared/utils/localization-util';
 import SettingsContext from '../../settings-context';
 import CalendarDay from './calendar-day';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 
 interface CalendarProps {
   year?: number;

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

@@ -6,7 +6,7 @@ import { getTranslations } from '../../shared/utils/localization-util';
 import SettingsContext from '../settings-context';
 import { DateRange } from '../types';
 import DateRangePicker from './date-range-picker';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 interface DatesProps {
   value?: DateRange;

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

@@ -3,7 +3,7 @@ import Loader from '../../shared/components/loader';
 import Rating from './rating';
 import { getTranslations } from '../../shared/utils/localization-util';
 import SettingsContext from '../settings-context';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 interface HeaderProps {
   name: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { clamp, range } from 'lodash';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 interface RatingProps {
   rating: number;

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

@@ -6,7 +6,7 @@ import SettingsContext from '../settings-context';
 import { ProductRoom } from '../types';
 import AgeSelect from './age-select';
 import AmountInput from './amount-input';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 interface RoomsProps {
   rooms: ProductRoom[];

package/src/booking-wizard/components/message.tsx

@@ -1,4 +1,4 @@
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 import React from 'react';
 import { buildClassName } from '../../shared/utils/class-util';
 

package/src/booking-wizard/features/confirmation/confirmation.tsx

@@ -4,7 +4,7 @@ import { selectBookingNumber, selectBookingQueryString, selectIsOption, selectTr
 import Message from '../../components/message';
 import SettingsContext from '../../settings-context';
 import { useSelector } from 'react-redux';
-import Icon from '../../components/icon';
+import Icon from '../../../shared/components/icon';
 import { useAppDispatch } from '../../store';
 import { setCurrentStep } from '../booking/booking-slice';
 import { OPTIONS_FORM_STEP } from '../booking/constants';

package/src/booking-wizard/features/flight-options/flight-filter.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { useSelector } from 'react-redux';
 import { buildClassName } from '../../../shared/utils/class-util';
-import Icon from '../../components/icon';
+import Icon from '../../../shared/components/icon';
 import MultiRangeFilter from '../../components/multi-range-filter';
 import { FlightFilterOptions } from '../../types';
 import { selectTranslations } from '../booking/selectors';

package/src/booking-wizard/features/flight-options/flight-option-flight.tsx

@@ -4,7 +4,7 @@ import { buildClassName } from '../../../shared/utils/class-util';
 import { GroupedFlightDetails } from '../../types';
 import { selectTranslations } from '../booking/selectors';
 import { getDateText } from '../sidebar/sidebar-util';
-import Icon from '../../components/icon';
+import Icon from '../../../shared/components/icon';
 
 interface FlightOptionFlightProps {
   details: GroupedFlightDetails;

package/src/booking-wizard/features/flight-options/flight-option-modal.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from '../../components/icon';
+import Icon from '../../../shared/components/icon';
 
 const FlightOptionModal = ({}) => {
   return (

package/src/booking-wizard/features/summary/summary.tsx

@@ -6,7 +6,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
 import { buildClassName } from '../../../shared/utils/class-util';
 import { buildTideClientConfig } from '../../../shared/utils/tide-api-utils';
-import Icon from '../../components/icon';
+import Icon from '../../../shared/components/icon';
 import SettingsContext from '../../settings-context';
 import { useAppDispatch } from '../../store';
 import { SummaryCheckbox } from '../../types';

package/src/booking-wizard/features/travelers-form/type-ahead-input.tsx

@@ -1,4 +1,4 @@
-import Icon from '../../components/icon';
+import Icon from '../../../shared/components/icon';
 import React, { useState } from 'react';
 
 interface TypeAheadInputProps {

package/src/content/components/accordion.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 interface AccordionProps {
   summary: React.ReactNode;

package/src/content/components/contact.tsx

@@ -1,5 +1,4 @@
 import React, { useMemo, useState } from 'react';
-import Icon from './icon';
 
 type ContactValues = {
   firstName: string;

package/src/content/components/gallery.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 export interface GalleryImage {
   src: string;
@@ -141,8 +141,8 @@ const PhotoGallery: React.FC<GalleryProps> = ({ images, title, intro }) => {
             )}
           </section>
           <div>
-            <h2>{title}</h2>
-            <p>{intro}</p>
+            <h2 className="gallery__title">{title}</h2>
+            <p className="gallery__text">{intro}</p>
           </div>
         </div>
       </div>

package/src/content/components/login.tsx

@@ -1,5 +1,4 @@
-import React, { useMemo, useState } from 'react';
-import Icon from './icon';
+import React, { useState } from 'react';
 
 type Errors = {
   email?: string;

package/src/content/components/personal-contact-form.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from 'react';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 type ContactValues = {
   firstName: string;

package/src/content/components/slider.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import Icon from './icon';
+import Icon from '../../shared/components/icon';
 
 export interface SliderProps {
   path?: string;

package/src/content/featured-trips/featured-trip-card.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FeaturedTrip } from './types';
-import Icon from '../components/icon';
+import Icon from '../../shared/components/icon';
 import { getTranslations } from '../../shared/utils/localization-util';
 
 const FeaturedTripCard: React.FC<FeaturedTrip> = ({ imageSrc, imageAlt, title, location, language, onButtonClick }) => {

package/src/content/features/content-page/content-page-self-contained.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Navbar, PickerItem } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
-import Icon from '../../components/icon';
+import Icon from '../../../shared/components/icon';
 import ContactForm from '../../components/contact';
 import Slider from '../../components/slider';
 import { QSMConfiguration, TypeaheadOption } from '../../../qsm/types';

package/src/content/footer/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from '../components/icon';
+import Icon from '../../shared/components/icon';
 import { SocialLink, FooterColumn, PaymentIcon, FooterProps } from './types';
 
 const DefaultLogo = () => (

package/src/content/navbar/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import LanguageSwitcher from '../components/LanguageSwitcher';
-import Icon from '../components/icon';
+import Icon from '../../shared/components/icon';
 import { NavbarProps, NavItem } from '../navbar/types';
 import { getTranslations } from '../../shared/utils/localization-util';
 

package/src/qsm/components/QSMContainer/qsm-container.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useMemo } from 'react';
+import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { QSMRootState } from '../../store/qsm-store';
 import QSMConfigurationContext from '../../qsm-configuration-context';
@@ -10,11 +10,11 @@ import Dates from '../../../booking-product/components/dates';
 import TravelInputGroup from '../travel-input-group';
 import TravelClassPicker from '../travel-class-picker';
 import TravelTypePicker from '../travel-type-picker';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import TravelNationalityPicker from '../travel-nationality-picker';
 import { addDays, addMonths, addYears, format } from 'date-fns';
 import { DateRange } from '../../../booking-product/types';
-import { QSMState, setFromDate, setSelectedQsmType, setToDate, setTripType } from '../../store/qsm-slice';
+import { hydrateQsmState, QSMState, setFromDate, setSelectedQsmType, setToDate, setTripType } from '../../store/qsm-slice';
 import { BaseFieldConfig, DoubleFieldConfig } from '../../types';
 import { getTranslations } from '../../../shared/utils/localization-util';
 import { DateAmountType, PortalQsmType } from '@qite/tide-client';
@@ -47,10 +47,16 @@ const QSMContainer: React.FC = () => {
   const translations = getTranslations(languageCode ?? 'en-GB');
 
   useEffect(() => {
+    if (!hasHydratedFromSession.current) return;
+
+    const stored = sessionStorage.getItem(QSM_SESSION_STORAGE_KEY);
+    const storedQsmType = stored ? JSON.parse(stored).qsmType : undefined;
+
+    if (storedQsmType) return;
+
     const defaultQsmType = first(searchConfigurations)?.qsmType;
-    console.log('Available search configurations:', searchConfigurations);
     if (!defaultQsmType) return;
-    console.log('set default qsmType:', defaultQsmType);
+
     handleQsmTypeChange(defaultQsmType);
   }, [searchConfigurations]);
 
@@ -78,6 +84,24 @@ const QSMContainer: React.FC = () => {
     };
   }, [fromDate, toDate]);
 
+  const QSM_SESSION_STORAGE_KEY = 'qsm-state';
+
+  const hasHydratedFromSession = useRef(false);
+
+  useEffect(() => {
+    try {
+      const stored = sessionStorage.getItem(QSM_SESSION_STORAGE_KEY);
+
+      if (stored) {
+        dispatch(hydrateQsmState(JSON.parse(stored)));
+      }
+    } catch {
+      sessionStorage.removeItem(QSM_SESSION_STORAGE_KEY);
+    } finally {
+      hasHydratedFromSession.current = true;
+    }
+  }, [dispatch]);
+
   const handleDateChange = (value: DateRange) => {
     dispatch(setFromDate(value.fromDate ? format(value.fromDate, 'yyyy-MM-dd') : undefined));
     dispatch(setToDate(value.toDate ? format(value.toDate, 'yyyy-MM-dd') : undefined));
@@ -264,6 +288,35 @@ const QSMContainer: React.FC = () => {
     }
   };
 
+  useEffect(() => {
+    if (!hasHydratedFromSession.current) return;
+
+    const searchFields = [departureAirport, destinationAirport, returnAirport, destination].filter((field): field is BaseFieldConfig => field !== undefined);
+
+    const dynamicFields = searchFields.reduce<Record<string, any>>((result, field) => {
+      result[field.fieldKey] = qsmState[field.fieldKey];
+      return result;
+    }, {});
+
+    const stateToPersist: Partial<QSMState> = {
+      qsmType,
+      fromDate,
+      toDate,
+      tripType,
+      selectedTravelClass: qsmState.selectedTravelClass,
+      selectedTravelType: qsmState.selectedTravelType,
+      selectedNationality: qsmState.selectedNationality,
+      adults: qsmState.adults,
+      kids: qsmState.kids,
+      babies: qsmState.babies,
+      rooms: qsmState.rooms,
+      travelers: qsmState.travelers,
+      ...dynamicFields
+    };
+
+    sessionStorage.setItem(QSM_SESSION_STORAGE_KEY, JSON.stringify(stateToPersist));
+  }, [qsmState, qsmType, fromDate, toDate, tripType, departureAirport, destinationAirport, returnAirport, destination]);
+
   return (
     <div className="qsm">
       <div className="qsm__content">

package/src/qsm/components/search-input/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { TypeaheadOption } from '../../types';
 import Spinner from '../../../search-results/components/spinner/spinner';
 

package/src/qsm/components/search-input-group/index.tsx

@@ -4,7 +4,7 @@ import { QSMRootState } from '../../store/qsm-store';
 import { setFieldValue, setSearchResults, setActiveSearchField, setMobileFilterType, setActiveSearchFieldProps } from '../../store/qsm-slice';
 import useMediaQuery from '../../../shared/utils/use-media-query-util';
 import SearchInput from '../search-input';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { BaseFieldConfig, TypeaheadOption, OptionType } from '../../types';
 
 interface Props {
@@ -49,7 +49,18 @@ const SearchInputGroup: React.FC<Props> = ({
       }
 
       const lowered = input.toLowerCase();
-      return options.filter((option) => option.value.toLowerCase().includes(lowered) || option.iataCode?.toLowerCase().includes(lowered));
+
+      return options
+        .filter((option) => option.value.toLowerCase().includes(lowered) || option.iataCode?.toLowerCase().includes(lowered))
+        .sort((a, b) => {
+          const aExactIata = a.iataCode?.toLowerCase() === lowered;
+          const bExactIata = b.iataCode?.toLowerCase() === lowered;
+
+          if (aExactIata && !bExactIata) return -1;
+          if (!aExactIata && bExactIata) return 1;
+
+          return 0;
+        });
     },
     [options]
   );

package/src/qsm/components/travel-input/index.tsx

@@ -4,9 +4,7 @@ import { QSMRootState } from '../../store/qsm-store';
 import { setAdults, setKids, setBabies, setRooms, addRoom, removeRoom, updateRoomTraveler } from '../../store/qsm-slice';
 import QSMConfigurationContext from '../../qsm-configuration-context';
 import { getTranslations } from '../../../shared/utils/localization-util';
-import TravelClassPicker from '../travel-class-picker';
-import TravelTypePicker from '../travel-type-picker';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { PortalQsmType } from '@qite/tide-client';
 
 const TravelInput: React.FC = () => {

package/src/qsm/components/travel-input-group/index.tsx

@@ -5,7 +5,7 @@ import { setAdults, setMobileFilterType, setRooms } from '../../store/qsm-slice'
 import useMediaQuery from '../../../shared/utils/use-media-query-util';
 import { QSMRootState } from '../../store/qsm-store';
 import QSMConfigurationContext from '../../qsm-configuration-context';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { getTranslations } from '../../../shared/utils/localization-util';
 import { PortalQsmType } from '@qite/tide-client';
 

package/src/qsm/store/qsm-slice.ts

@@ -228,9 +228,15 @@ const qsmSlice = createSlice({
     ) => {
       const { roomIndex, type, value } = action.payload;
       state.rooms[roomIndex][type] = value;
-    }
+    },
+    hydrateQsmState: (state, action: PayloadAction<Partial<QSMState>>) => {
+      Object.assign(state, action.payload);
 
-    // more reducers as needed
+      state.searchResults = [];
+      state.activeSearchField = null;
+      state.activeSearchFieldProps = null;
+      state.mobileFilterType = null;
+    }
   }
 });
 
@@ -270,6 +276,7 @@ export const {
   updateRoomTraveler,
   setMaxInfantAge,
   setDatesIcon,
-  setFieldValue
+  setFieldValue,
+  hydrateQsmState
 } = qsmSlice.actions;
 export default qsmSlice.reducer;

package/src/search-results/components/excursions/day-by-day-excursions.tsx

@@ -2,13 +2,13 @@ import React, { useContext, useMemo } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { SearchResultsRootState } from '../../store/search-results-store';
 import SearchResultsConfigurationContext from '../../search-results-configuration-context';
-import { getDatesBetween, getTranslations } from '../../../shared/utils/localization-util';
+import { getDatesBetween, getLocale, getTranslations } from '../../../shared/utils/localization-util';
 import { selectSelectedPackagingAccoResult } from '../../store/search-results-selectors';
 import { removeConfirmedExcursionForDay, setExcursionSearchParams, setFlyInIsOpen, setFlyInType } from '../../store/search-results-slice';
 import { ExcursionSearchParams } from '../../types';
 import { format } from 'date-fns';
 import he from 'he';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { PackagingAccommodationResponse } from '@qite/tide-client';
 
 interface DayByDayExcursionsProps {}
@@ -87,21 +87,16 @@ const DayByDayExcursions: React.FC<DayByDayExcursionsProps> = () => {
     <>
       {stayDates.map((day) => {
         const dayKey = format(day, 'yyyy-MM-dd');
-        const formattedDay = format(day, 'd');
-        const formattedMonth = format(day, 'MMM');
         const confirmedExcursions = confirmedExcursionsByDay[dayKey] ?? [];
 
         return (
           <React.Fragment key={dayKey}>
             <div className="search__results__label search__results__label--secondary">
               <div className="search__results__label__date">
-                <p className="search__results__label__date-date">{formattedDay}</p>
-                <p>{formattedMonth}</p>
+                <Icon name="ui-excursion" height={16} fill="white" />
               </div>
               <div className="search__results__label__text">
-                <h3>
-                  {translations.SRP.SELECT} <strong>{translations.SRP.EXCURSION}</strong>
-                </h3>
+                <h3>{format(day, 'EEEE d MMMM', { locale: getLocale(context?.languageCode ?? 'en-GB') })}</h3>
               </div>
             </div>
 

package/src/search-results/components/filters/filters.tsx

@@ -3,7 +3,7 @@ import { Filter, FilterOption } from '../../types';
 import MultiRangeFilter from '../multi-range-filter';
 import SearchResultsConfigurationContext from '../../search-results-configuration-context';
 import Spinner from '../spinner/spinner';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { getTranslations } from '../../../shared/utils/localization-util';
 
 interface FiltersProps {

package/src/search-results/components/filters/flight-filters.tsx

@@ -2,7 +2,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import { ExtendedFlightSearchResponseItem, FilterValue } from '../../types';
 import MultiRangeFilter from '../multi-range-filter';
 import SearchResultsConfigurationContext from '../../search-results-configuration-context';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { durationInTicksInMinutes, getTranslations, minutesToHoursString, rangeFromDateTimeInMinutes } from '../../../shared/utils/localization-util';
 import { useFlightSearch } from '../flight/flight-search-context';
 import { first, isEmpty, last, orderBy } from 'lodash';

package/src/search-results/components/flight/flight-results.tsx

@@ -1,5 +1,5 @@
 import React, { useContext, useState } from 'react';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { BookingPackageFlight } from '@qite/tide-client';
 import { parseISO, format } from 'date-fns';
 import { useDispatch } from 'react-redux';

package/src/search-results/components/flight/flight-selection/independent-flight-option.tsx

@@ -1,6 +1,6 @@
 import React, { useContext, useState } from 'react';
 import { durationTicksInHoursString, formatPrice, getTranslations, longFormatDate, timeFromDateTime } from '../../../../shared/utils/localization-util';
-import Icon from '../../icon';
+import Icon from '../../../../shared/components/icon';
 import SearchResultsConfigurationContext from '../../../search-results-configuration-context';
 import { getArrivalSegment, getDepartureSegment, getFlightSegments, getNumberOfStopsLabel } from '../../../utils/flight-utils';
 import { FlightSearchResponseFlight } from '@qite/tide-client';

package/src/search-results/components/flight/flight-selection/independent-flight-selection.tsx

@@ -1,5 +1,5 @@
 import React, { useContext, useEffect, useState } from 'react';
-import Icon from '../../icon';
+import Icon from '../../../../shared/components/icon';
 import { ExtendedFlightSearchResponseItem } from '../../../types';
 import SearchResultsConfigurationContext from '../../../search-results-configuration-context';
 import { getTranslations } from '../../../../shared/utils/localization-util';

package/src/search-results/components/flight/flight-selection/paired-flight-option.tsx

@@ -1,6 +1,6 @@
 import React, { useContext, useState } from 'react';
 import { durationTicksInHoursString, formatPrice, getTranslations, longFormatDate, timeFromDateTime } from '../../../../shared/utils/localization-util';
-import Icon from '../../icon';
+import Icon from '../../../../shared/components/icon';
 import { ExtendedFlightSearchResponseItem } from '../../../types';
 import SearchResultsConfigurationContext from '../../../search-results-configuration-context';
 import { getArrivalSegment, getDepartureSegment, getFlightSegments, getNumberOfStopsLabel } from '../../../utils/flight-utils';

package/src/search-results/components/flight/flight-selection/paired-flight-selection.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import Icon from '../../icon';
+import Icon from '../../../../shared/components/icon';
 import { ExtendedFlightSearchResponseItem } from '../../../types';
 import SearchResultsConfigurationContext from '../../../search-results-configuration-context';
 import { getTranslations } from '../../../../shared/utils/localization-util';

package/src/search-results/components/group-tour/group-tour-card.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { BookingPackageItem } from '@qite/tide-client';
 import { format } from 'date-fns';
 import { calculateDays, calculateNights, formatPrice, getTranslations } from '../../../shared/utils/localization-util';

package/src/search-results/components/hotel/hotel-accommodation-results.tsx

@@ -9,7 +9,7 @@ import { format, parseISO } from 'date-fns';
 import { calculateNights, formatPrice, getTranslations } from '../../../shared/utils/localization-util';
 import SearchResultsConfigurationContext from '../../search-results-configuration-context';
 import { first } from 'lodash';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { setFlyInIsOpen, setFlyInType } from '../../store/search-results-slice';
 
 interface HotelAccommodationResultsProps {

package/src/search-results/components/hotel/hotel-card.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { HotelResult } from '../../types';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { useDispatch, useSelector } from 'react-redux';
 import { SearchResultsRootState } from '../../store/search-results-store';
 import { setSelectedPackagingAccoResult } from '../../store/search-results-slice';

package/src/search-results/components/itinerary/index.tsx

@@ -2,7 +2,7 @@ import React, { useContext, useMemo } from 'react';
 import { differenceInCalendarDays, format } from 'date-fns';
 import { first, groupBy, isEmpty, last } from 'lodash';
 import { PackagingEntryLine, PackagingEntryLineFlightLine } from '@qite/tide-client';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import SearchResultsConfigurationContext from '../../search-results-configuration-context';
 import { formatPrice, getTranslations } from '../../../shared/utils/localization-util';
 import { useSelector } from 'react-redux';

package/src/search-results/components/round-trip/round-trip-results.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { useDispatch, useSelector } from 'react-redux';
 import { SearchResultsRootState } from '../../store/search-results-store';
 import { setActiveTab } from '../../store/search-results-slice';

package/src/search-results/components/search-results-container/flight-search-results.tsx

@@ -3,7 +3,7 @@ import SearchResultsConfigurationContext from '../../search-results-configuratio
 
 import ItemPicker from '../item-picker';
 
-import Icon from '../icon';
+import Icon from '../../../shared/components/icon';
 import { findSortByType, getSortingName, getTranslations } from '../../../shared/utils/localization-util';
 import FlightSelection from '../flight/flight-selection/index';
 import { useFlightSearch } from '../flight/flight-search-context';