@qite/tide-booking-component 1.4.59 → 1.4.60

package/build/build-esm/src/booking-wizard/features/sidebar/sidebar-util.d.ts

@@ -12,3 +12,4 @@ export declare const getFlightText: (firstFlight: FlightLine | undefined, lastFl
 export declare const getAirlines: (flightLines: FlightLine[] | undefined) => string;
 export declare const getFlightHours: (firstFlight: FlightLine | undefined, lastFlight: FlightLine | undefined) => string;
 export declare const parseFlightLines: (metaDatas: BookingPackageFlightMetaData) => FlightLine[] | undefined;
+export declare const getPaxTypeTranslation: (translations: Record<string, any>, paxType: string, numberOfPax: number) => string;

package/build/build-esm/src/booking-wizard/types.d.ts

@@ -294,4 +294,5 @@ export interface PriceDetailsPerPaxType {
   numberOfPax: number;
   description: string;
   price: number;
+  paxIds: number[];
 }

package/build/build-esm/src/content/login/confirm-component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginComponentProps } from './types';
+declare const ConfirmComponent: React.FC<LoginComponentProps>;
+export default ConfirmComponent;

package/build/build-esm/src/content/login/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginProps } from './types';
+declare const Login: React.FC<LoginProps>;
+export default Login;

package/build/build-esm/src/content/login/login-component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginComponentProps } from './types';
+declare const LoginComponent: React.FC<LoginComponentProps>;
+export default LoginComponent;

package/build/build-esm/src/content/login/login-services.d.ts

@@ -0,0 +1,11 @@
+import { TideClientConfig, MemberInfo } from '@qite/tide-client';
+export declare const loginMember: (
+  username: string,
+  password: string,
+  tideClientConfig: TideClientConfig,
+  portalId: number
+) => Promise<import('@qite/tide-client').MemberLoginResponse>;
+export declare const confirmMember: (token: string, password: string, hasAgreed: boolean, tideClientConfig: TideClientConfig) => Promise<Response>;
+export declare const passwordForgotten: (username: string, tideClientConfig: TideClientConfig, portalId: number) => Promise<boolean>;
+export declare const newPassword: (token: string, password: string, tideClientConfig: TideClientConfig) => Promise<boolean>;
+export declare const decodeTokenToMemberInfo: (token: string | null) => MemberInfo | undefined;

package/build/build-esm/src/content/login/reset-password-component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginComponentProps } from './types';
+declare const ResetPasswordComponent: React.FC<LoginComponentProps>;
+export default ResetPasswordComponent;

package/build/build-esm/src/content/login/types.d.ts

@@ -0,0 +1,24 @@
+import { MemberInfo, TideClientConfig } from '@qite/tide-client';
+export interface LoginProps {
+  tideClientConfig: TideClientConfig;
+  portalId: number;
+  languageCode: string;
+  imageSrc?: string;
+  logo?: React.ReactNode;
+  isLoginPage: boolean;
+  isMemberConfirmation: boolean;
+  isResetPassword: boolean;
+  member?: MemberInfo;
+  setMember: (member: MemberInfo) => void;
+  handleBackToHome: () => void;
+  handleBackToLogin: () => void;
+}
+export interface LoginComponentProps {
+  tideClientConfig: TideClientConfig;
+  portalId: number;
+  languageCode: string;
+  member?: MemberInfo;
+  setMember: (member: MemberInfo) => void;
+  handleBackToHome: () => void;
+  handleBackToLogin: () => void;
+}

package/build/build-esm/src/index.d.ts

@@ -6,11 +6,13 @@ import Footer from './content/footer';
 import QSM from './qsm';
 import SearchResults from './search-results';
 import ImageCardGrid from './content/image-card-grid';
+import Login from './content/login';
 export * from './content/navbar/types';
 export * from './content/header/types';
 export * from './content/footer/types';
 export * from './content/image-card-grid/types';
+export * from './content/login/types';
 export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid };
+export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login };

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

@@ -107,6 +107,8 @@ export declare const getTranslations: (language: string) => {
     TRAVELERS_ADULT: string;
     TRAVELERS_CHILDREN: string;
     TRAVELERS_CHILD: string;
+    TRAVELERS_INFANTS: string;
+    TRAVELERS_INFANT: string;
     DEPARTURE: string;
     DEPARTURE_SINGLE: string;
     ARRIVAL: string;
@@ -257,6 +259,38 @@ export declare const getTranslations: (language: string) => {
   NAVBAR: {
     SEARCH: string;
   };
+  LOGIN: {
+    LOGIN_INTO: string;
+    EMAIL: string;
+    ENTER_YOUR_EMAIL: string;
+    EMAIL_REQUIRED: string;
+    EMAIL_INVALID: string;
+    ENTER_VALID_EMAIL: string;
+    PASSWORD: string;
+    ENTER_YOUR_PASSWORD: string;
+    RESET_PASSWORD_LABEL: string;
+    RESET_REPEAT_PASSWORD_LABEL: string;
+    PASSWORD_REQUIRED: string;
+    INVALID_CREDENTIALS: string;
+    LOGIN: string;
+    FORGOT_PASSWORD: string;
+    LOGGING_IN: string;
+    WELCOME_X: string;
+    FORGOT_PASSWORD_EMAIL_SUBMIT_LABEL: string;
+    RESET_REQUESTED: string;
+    BACK_TO_HOMEPAGE: string;
+    BACK_TO_LOGIN: string;
+    RESET_PASSWORD_TITLE: string;
+    PASSWORD_COMPLEXITY: string;
+    REPEAT_PASSWORD_REQUIRED: string;
+    PASSWORDS_DO_NOT_MATCH: string;
+    RESET_PASSWORD_SUBMIT_LABEL: string;
+    RESET_PASSWORD_SUCCESSFUL_MESSAGE: string;
+    RESET_PASSWORD_INVALID_TOKEN_TITLE: string;
+    RESET_PASSWORD_INVALID_TOKEN_DESCRIPTION: string;
+    RECEIVED_REQUEST: string;
+    ACCOUNT_ACTIVATED_LOGIN: string;
+  };
   QSM: {
     DEPARTURE: string;
     CHOOSE_DEPARTURE: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.59",
+  "version": "1.4.60",
   "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-wizard/features/sidebar/sidebar.tsx

@@ -75,9 +75,6 @@ const Sidebar: React.FC<SidebarProps> = ({
     setActive(!active);
   };
 
-  console.log('basePricePerPaxType', basePricePerPaxType);
-  console.log('seperateExtraPricePerPaxType', seperateExtraPricePerPaxType);
-
   return (
     <div className={buildClassName(['booking__sidebar', active && 'booking__sidebar--active'])}>
       {headerComponent}

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

@@ -321,7 +321,7 @@ const QSMContainer: React.FC = () => {
           {qsmType == 'flight' && tripType == 'openjaw' && openJawReturnDestinationField && (
             <DoubleSearchInputGroup fieldConfig={openJawReturnDestinationField} showReverse={openJawReturnDestinationField.showReverse} />
           )}
-          {qsmType == 'hotel' && destination && <SearchInputGroup fieldConfig={destination} />}
+          {(qsmType == 'hotel' || qsmType == 'hotel-flight') && destination && <SearchInputGroup fieldConfig={destination} />}
 
           <Dates value={dateRange} onChange={handleDateChange} />
 

package/src/shared/components/flyin.tsx

@@ -354,7 +354,10 @@ const FlyIn: React.FC<FlyInProps> = ({ srpType, isOpen, setIsOpen, className = '
                           const fareCode = flightOption.outward.segments?.[0]?.metaData?.fareCode;
                           setSelectedOutwardFareCode(fareCode ?? null);
                         }}>
-                        <div className="cta cta--selected"> {selectedOutwardFareCode === firstSegment.metaData?.fareCode ? 'Selected' : 'Select'}</div>
+                        <div className={`cta ${selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'cta--selected' : ''}`}>
+                          {' '}
+                          {selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'Selected' : 'Select'}
+                        </div>
                       </div>
                     </div>
                   );
@@ -513,7 +516,10 @@ const FlyIn: React.FC<FlyInProps> = ({ srpType, isOpen, setIsOpen, className = '
                           const fareCode = flightOption.return.segments?.[0]?.metaData?.fareCode;
                           setSelectedReturnFareCode(fareCode ?? null);
                         }}>
-                        <div className="cta cta--selected"> {selectedOutwardFareCode === firstSegment.metaData?.fareCode ? 'Selected' : 'Select'}</div>
+                        <div className={`cta ${selectedReturnFareCode === firstSegment.metaData.fareCode ? 'cta--selected' : ''}`}>
+                          {' '}
+                          {selectedReturnFareCode === firstSegment.metaData.fareCode ? 'Selected' : 'Select'}
+                        </div>
                       </div>
                     </div>
                   );