@roomstay/frontend 2.6.77-0 → 2.6.78

package/dist/src/components/generic/Select/Select.d.ts

@@ -32,7 +32,7 @@ export type SelectProps<TOption extends Option<KeyName>, KeyName extends string>
     disableNative?: boolean;
     renderNoOptions?: (targetRef: React.RefObject<HTMLSpanElement>) => ReactElement | null;
 };
-export declare const InnerSelect: <TOption extends Option<KeyName>, KeyName extends string>({ target, open, onClose, options, value, onChange, keyName, labelName, className, offset, renderOption, nativeOnMobile, overlay, renderLabel, hideExpandIcon, inputLabelColor, disableNative, renderNoOptions, }: SelectProps<TOption, KeyName>, ref: Ref<HTMLDivElement | null>) => React.JSX.Element;
+export declare const InnerSelect: <TOption extends Option<KeyName>, KeyName extends string>({ target, open, onClose, options, value, onChange, keyName, labelName, className, offset, renderOption, nativeOnMobile, overlay, renderLabel, hideExpandIcon, inputLabelColor, disableNative, renderNoOptions, }: SelectProps<TOption, KeyName>, ref: Ref<HTMLDivElement | null>) => JSX.Element;
 export declare const Select: <TOption extends Option<KeyName>, KeyName extends string>(p: SelectProps<TOption, KeyName> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;

package/dist/src/components/generic/Slider/Slider.d.ts

@@ -18,5 +18,5 @@ type SliderProps = {
  * Specifically a ranged slider, specifically for the Filter section of the Step Room display.
  * @param props
  */
-export declare const Slider: (props: SliderProps) => React.JSX.Element;
+export declare const Slider: (props: SliderProps) => JSX.Element;
 export {};

package/dist/src/components/generic/Tabs/TabRouteContainer.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface TabRouteContainerProps {
     children: ReactNode[];
 }
-export declare function TabRouteContainer({ children }: TabRouteContainerProps): React.JSX.Element;
+export declare function TabRouteContainer({ children }: TabRouteContainerProps): JSX.Element;
 export {};

package/dist/src/components/generic/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactChild } from 'react';
+import { ReactChild } from 'react';
 export interface BETooltipProps {
     wrapperClasses?: string;
     followElement?: HTMLElement | null;
@@ -11,4 +11,4 @@ export interface BETooltipProps {
     usePortal?: boolean;
     open?: boolean;
 }
-export default function Tooltip(props: BETooltipProps): React.JSX.Element;
+export default function Tooltip(props: BETooltipProps): JSX.Element;

package/dist/src/components/generic/badging/SSLSecureBadge.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function SSLSecureBadge(): React.JSX.Element;
+export default function SSLSecureBadge(): JSX.Element;

package/dist/src/components/generic/buttons/NextStepButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface NextStepButtonProps {
     text: string;
     disabled?: boolean;
@@ -7,4 +6,4 @@ export interface NextStepButtonProps {
     wideByDefault?: boolean;
     hideIcon?: boolean;
 }
-export default function NextStepButton(props: NextStepButtonProps): React.JSX.Element;
+export default function NextStepButton(props: NextStepButtonProps): JSX.Element;

package/dist/src/components/generic/date/DatePicker.d.ts

@@ -1,5 +1,4 @@
 import dayjs from 'dayjs';
-import React from 'react';
 export interface DatePickerProps {
     showMonthOnLoad?: dayjs.Dayjs;
     selectedStartDate?: dayjs.Dayjs;
@@ -25,4 +24,4 @@ export interface DatePickerProps {
      */
     roomCode?: string;
 }
-export default function DatePicker(props: DatePickerProps): React.JSX.Element;
+export default function DatePicker(props: DatePickerProps): JSX.Element;

package/dist/src/components/generic/date/DatePickerDay.d.ts

@@ -1,5 +1,4 @@
 import dayjs from 'dayjs';
-import React from 'react';
 interface DatePickerDayProps {
     text: any;
     day?: dayjs.Dayjs | any;
@@ -18,5 +17,5 @@ export declare enum DatePickerDayStatus {
     Loading = "--loading",
     Selected = "--selected"
 }
-export default function DatePickerDay(props: DatePickerDayProps): React.JSX.Element;
+export default function DatePickerDay(props: DatePickerDayProps): JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerDays.d.ts

@@ -1,8 +1,7 @@
 import dayjs from 'dayjs';
-import React from 'react';
 interface DatePickerDaysProps {
     showingMonth: dayjs.Dayjs;
     readOnly?: boolean;
 }
-export default function DatePickerDays(props: DatePickerDaysProps): React.JSX.Element;
+export default function DatePickerDays(props: DatePickerDaysProps): JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerMonth.d.ts

@@ -1,9 +1,8 @@
 import dayjs from 'dayjs';
-import React from 'react';
 interface DatePickerMonthProps {
     showingMonth: dayjs.Dayjs;
     small?: boolean;
     readOnly?: boolean;
 }
-export default function DatePickerMonth(props: DatePickerMonthProps): React.JSX.Element;
+export default function DatePickerMonth(props: DatePickerMonthProps): JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerWeek.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function DatePickerWeek(): React.JSX.Element;
+export default function DatePickerWeek(): JSX.Element;

package/dist/src/components/generic/date/FloatingDatePicker.d.ts

@@ -14,4 +14,4 @@ export interface FloatingDatePickerProps {
      */
     roomCode?: string;
 }
-export default function FloatingDatePicker(props: FloatingDatePickerProps): React.JSX.Element;
+export default function FloatingDatePicker(props: FloatingDatePickerProps): JSX.Element;

package/dist/src/components/generic/date/WeekViewSkeleton.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const WeekViewSkeleton: () => React.JSX.Element;
+declare const WeekViewSkeleton: () => JSX.Element;
 export default WeekViewSkeleton;

package/dist/src/components/generic/loader/ImageLoader.d.ts

@@ -7,5 +7,5 @@ interface ImageLoaderProps {
     size?: ImageSize;
     style?: React.CSSProperties;
 }
-export default function ImageLoader(props: ImageLoaderProps): React.JSX.Element;
+export default function ImageLoader(props: ImageLoaderProps): JSX.Element;
 export {};

package/dist/src/components/generic/loader/LargeLoader.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function LargeLoader(): React.JSX.Element;
+export default function LargeLoader(): JSX.Element;

package/dist/src/components/generic/loader/OverlayLoader.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 type OverlayLoaderProps = {
     label?: string;
     isFullscreen?: boolean;
 };
-export declare const OverlayLoader: (props: OverlayLoaderProps) => React.JSX.Element;
+export declare const OverlayLoader: (props: OverlayLoaderProps) => JSX.Element;
 export {};

package/dist/src/components/generic/loader/SmallSpinner.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { IconProps } from '../Icon/Icon';
-export default function SmallSpinner(props: Partial<IconProps>): React.JSX.Element;
+export default function SmallSpinner(props: Partial<IconProps>): JSX.Element;

package/dist/src/components/generic/map/HotelLocationMap.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function HotelLocationMap(): React.JSX.Element;
+export default function HotelLocationMap(): JSX.Element;

package/dist/src/components/generic/modal/ConfirmationModal.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 export interface ConfirmationModalProps {
     open: boolean;
     onClose?: () => void;
     onConfirm: () => void;
     message: string;
 }
-export default function ConfirmationModal(props: ConfirmationModalProps): React.JSX.Element;
+export default function ConfirmationModal(props: ConfirmationModalProps): JSX.Element;

package/dist/src/components/generic/modal/ErrorModal.d.ts

@@ -6,5 +6,5 @@ interface ErrorModalProps {
     title?: string;
     closeButtonText?: string;
 }
-export default function ErrorModal(props: ErrorModalProps): React.JSX.Element;
+export default function ErrorModal(props: ErrorModalProps): JSX.Element;
 export {};

package/dist/src/components/generic/modal/SigninModal/UnauthenticatedUserModal.d.ts

@@ -1,5 +1,4 @@
 import { Placement } from '@popperjs/core';
-import React from 'react';
 export interface UnauthenticatedUserModalProps {
     open: boolean;
     anchorEl?: HTMLElement | null;
@@ -16,4 +15,4 @@ export declare enum EViewingScreen {
     SignUp = "SignUp",
     ForgotPassword = "ForgotPassword"
 }
-export declare const UnauthenticatedUserModal: (props: UnauthenticatedUserModalProps) => React.JSX.Element;
+export declare const UnauthenticatedUserModal: (props: UnauthenticatedUserModalProps) => JSX.Element;

package/dist/src/components/generic/modal/SimpleModal.d.ts

@@ -19,4 +19,4 @@ export type SimpleModalProps = PropsWithChildren<{
     className?: string;
     bodyClassName?: string;
 }>;
-export default function SimpleModal(props: SimpleModalProps): React.JSX.Element;
+export default function SimpleModal(props: SimpleModalProps): JSX.Element;

package/dist/src/components/generic/modal/TabbedModal.d.ts

@@ -12,5 +12,5 @@ interface TabModalProps {
     onClose: () => void;
     openTab?: string;
 }
-export default function TabbedModal(props: TabModalProps): React.JSX.Element;
+export default function TabbedModal(props: TabModalProps): JSX.Element;
 export {};

package/dist/src/components/generic/radio/RadioFields.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface RadioFieldOption {
     label: string;
     value: string;
@@ -10,5 +9,5 @@ interface RadioFieldsProps {
     options: RadioFieldOption[];
     onChange: (selectedOption: RadioFieldOption) => void;
 }
-export default function RadioFields(props: RadioFieldsProps): React.JSX.Element;
+export default function RadioFields(props: RadioFieldsProps): JSX.Element;
 export {};

package/dist/src/components/graphics/TravelerNotfound.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function TravelerNotfound(): React.JSX.Element;
+export default function TravelerNotfound(): JSX.Element;

package/dist/src/components/iconComponents/BookNowPayLaterIcon.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 interface Props {
     width?: number;
     height?: number;
 }
-declare const BookNowPayLaterIcon: (props: Props) => React.JSX.Element;
+declare const BookNowPayLaterIcon: (props: Props) => JSX.Element;
 export default BookNowPayLaterIcon;

package/dist/src/components/members/InlineSignUpSection.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { ReservationDTO } from '../../models/Api/ReservationsDTO';
 interface InlineSignUpSectionProps {
     reservation: ReservationDTO;
     hotelId: string;
 }
-export declare const InlineSignUpSection: (props: InlineSignUpSectionProps) => React.JSX.Element | null;
+export declare const InlineSignUpSection: (props: InlineSignUpSectionProps) => JSX.Element | null;
 export {};

package/dist/src/components/members/SignInModal/ExternalMemberModal.d.ts

@@ -1,6 +1,5 @@
 import { IMemberVerification } from '@roomstay/core';
 import { Property } from 'csstype';
-import React from 'react';
 import { FieldValues } from 'react-hook-form';
 import { IconType } from '../../generic/Icon/Icon';
 import UserProfile from '../../../models/UserProfile';
@@ -22,5 +21,5 @@ type ExternalMemberModelField<T extends FieldValues> = {
     required?: boolean;
     helperText?: string;
 };
-declare const ExternalMemberModal: <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => React.JSX.Element;
+declare const ExternalMemberModal: <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => JSX.Element;
 export default ExternalMemberModal;

package/dist/src/components/members/SignInModal/InternalMemberSignInModal.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 interface MemberSignInModalProps {
     onClose?: () => void;
     isOpen?: boolean;
     image?: string;
 }
-export default function InternalMemberSignInModal(props: MemberSignInModalProps): React.JSX.Element;
+export default function InternalMemberSignInModal(props: MemberSignInModalProps): JSX.Element;
 export {};

package/dist/src/components/members/SignInModal/MemberPortalSignInModal.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 interface MemberPortalSignInModalProps {
     onClose?: () => void;
     isOpen?: boolean;
     image?: string;
     imageSize?: string;
 }
-export default function MemberPortalSignInModal(props: MemberPortalSignInModalProps): React.JSX.Element;
+export default function MemberPortalSignInModal(props: MemberPortalSignInModalProps): JSX.Element;
 export {};

package/dist/src/components/members/SignInModal/MemberSignInModal.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const MemberSignInModal: () => React.JSX.Element | null;
+export declare const MemberSignInModal: () => JSX.Element | null;

package/dist/src/components/navigation/Header.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function Header(): React.JSX.Element;
+export default function Header(): JSX.Element;

package/dist/src/components/navigation/StepSelector.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function StepSelector(): React.JSX.Element;
+export default function StepSelector(): JSX.Element;

package/dist/src/components/navigation/StepSelectorModal.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export interface StepSelectorModalProps {
     isOpen?: boolean;
     onClose?: () => void;
 }
-export default function StepSelectorModal(props: StepSelectorModalProps): React.JSX.Element;
+export default function StepSelectorModal(props: StepSelectorModalProps): JSX.Element;

package/dist/src/components/pages/Account/Card/MemberCardItem.d.ts

@@ -1,9 +1,8 @@
 import { IRoomstayMemberCards } from '@roomstay/core';
-import React from 'react';
 type MemberCardItemProps = {
     item?: IRoomstayMemberCards;
     onClick?: () => void;
     selected?: boolean;
 };
-export declare const MemberCardItem: (props: MemberCardItemProps) => React.JSX.Element;
+export declare const MemberCardItem: (props: MemberCardItemProps) => JSX.Element;
 export {};

package/dist/src/components/pages/PageColorComponent.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const PageColorComponent: () => React.JSX.Element;
+export declare const PageColorComponent: () => JSX.Element;

package/dist/src/components/reservation/ReservationItem.d.ts

@@ -1,5 +1,4 @@
 import { IRoomstayMemberBookingItemWithRefAndHotelDetails } from '../../contexts/index.js';
-import React from 'react';
 export declare enum ReservationAction {
     MoreDetails = "MoreDetails",
     BookAgain = "BookAgain",
@@ -14,5 +13,5 @@ export type ReservationItemProps = {
     onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => void;
     defaultEventsExpanded?: boolean;
 };
-declare const ReservationItem: (props: ReservationItemProps) => React.JSX.Element;
+declare const ReservationItem: (props: ReservationItemProps) => JSX.Element;
 export default ReservationItem;

package/dist/src/components/steps/DaysSelectedInformer.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function DaysSelectedInformer(): React.JSX.Element;
+export default function DaysSelectedInformer(): JSX.Element;

package/dist/src/components/steps/MinimumNightStayPill.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function MinimumNightStayPill(): React.JSX.Element | null;
+export default function MinimumNightStayPill(): JSX.Element | null;

package/dist/src/components/steps/addons/AddonCard.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { Addon } from '../../../models/Addon/Addon';
 interface Props {
     addon: Addon;
     className?: string;
 }
-declare const AddonCard: ({ addon, className }: Props) => React.JSX.Element;
+declare const AddonCard: ({ addon, className }: Props) => JSX.Element;
 export default AddonCard;

package/dist/src/components/steps/addons/AddonList.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const AddonList: () => React.JSX.Element;
+declare const AddonList: () => JSX.Element;
 export default AddonList;

package/dist/src/components/steps/addons/AddonsNotFoundBlock.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 export declare const BE_NO_ADDONS_FOUND_BLOCK = "BENoAddonsFoundBlock";
-export default function AddonsNotFoundBlock(): React.JSX.Element;
+export default function AddonsNotFoundBlock(): JSX.Element;

package/dist/src/components/steps/common/CommonAddonSummary/CommonAddonSummary.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { ReservationAddonDTO } from '../../../../models/Api/ReservationsDTO';
 type CommonAddonSummaryProps = {
     addons: ReservationAddonDTO[];
 };
-export declare const CommonAddonSummary: (props: CommonAddonSummaryProps) => React.JSX.Element | null;
+export declare const CommonAddonSummary: (props: CommonAddonSummaryProps) => JSX.Element | null;
 export {};

package/dist/src/components/steps/common/ItemisedFeesListing/ItemisedFeesListing.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { ItemisedFee } from '../../../../models/Fee';
 type ItemisedFeesListingProps = {
     fees: ItemisedFee[];
 };
-export declare const ItemisedFeesListing: ({ fees }: ItemisedFeesListingProps) => React.JSX.Element | null;
+export declare const ItemisedFeesListing: ({ fees }: ItemisedFeesListingProps) => JSX.Element | null;
 export {};

package/dist/src/components/steps/common/ItemisedFeesSummary/ItemisedFeesSummary.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { SimpleItemisedFee } from '../../../../models/Fee';
 type ItemisedFeeSummaryProps = {
     fees: SimpleItemisedFee[];
 };
-export declare const ItemisedFeesSummary: (props: ItemisedFeeSummaryProps) => React.JSX.Element | null;
+export declare const ItemisedFeesSummary: (props: ItemisedFeeSummaryProps) => JSX.Element | null;
 export {};

package/dist/src/components/steps/confirmation/AccountDetails.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function AccountDetails(): React.JSX.Element;
+export default function AccountDetails(): JSX.Element;

package/dist/src/components/steps/confirmation/PaymentDetails/ExistingCardPicker.d.ts

@@ -1,7 +1,6 @@
 import { IRoomstayMemberCards } from '@roomstay/core';
-import React from 'react';
 type ExistingCardPicker = {
     onCardSelected: (card: IRoomstayMemberCards) => void;
 };
-export declare const ExistingCardPicker: (props: ExistingCardPicker) => React.JSX.Element;
+export declare const ExistingCardPicker: (props: ExistingCardPicker) => JSX.Element;
 export {};

package/dist/src/components/steps/confirmation/PaymentInformation.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const PaymentInformation: () => React.JSX.Element;
+declare const PaymentInformation: () => JSX.Element;
 export default PaymentInformation;

package/dist/src/components/steps/confirmation/PlanpayLabel.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const PlanpayLabel: () => React.JSX.Element;
+declare const PlanpayLabel: () => JSX.Element;
 export default PlanpayLabel;

package/dist/src/components/steps/confirmation/StepConfirmationAcknowledgement.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function StepConfirmationAcknowledgement(): React.JSX.Element;
+export default function StepConfirmationAcknowledgement(): JSX.Element;

package/dist/src/components/steps/confirmation/StepConfirmationAcknowledgement.js

@@ -42,19 +42,18 @@ function StepConfirmationAcknowledgement() {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { register, formState } = (0, react_hook_form_1.useFormContext)();
-    return (react_1.default.createElement("div", { className: "rs-step-confirmation-acks" },
-        react_1.default.createElement("div", { className: "u-marg-bottom rs-step-confirmation-acks-headline" },
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-marg-bottom" },
             react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Acknowledgement))),
-        react_1.default.createElement("div", { className: "rs-confirmation-acks-checklist" },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(Checkbox_1.default, Object.assign({ label: t(Translation_1.Translation.Step.Confirmation.EmailSpecialOffers) }, register('marketingOptIn', {})))),
-            react_1.default.createElement("div", { className: "u-marg-top--light" },
-                react_1.default.createElement(Checkbox_1.default, Object.assign({}, register('privacyPolicy', { required: true }), { label: react_1.default.createElement("div", null,
-                        t(Translation_1.Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy),
-                        ' ',
-                        react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, className: "--underlined", href: hotel === null || hotel === void 0 ? void 0 : hotel.privacyPolicyUrl, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicy))) })))),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(Checkbox_1.default, Object.assign({ label: t(Translation_1.Translation.Step.Confirmation.EmailSpecialOffers) }, register('marketingOptIn', {})))),
+        react_1.default.createElement("div", { className: "u-marg-top--light" },
+            react_1.default.createElement(Checkbox_1.default, Object.assign({}, register('privacyPolicy', { required: true }), { label: react_1.default.createElement("div", null,
+                    t(Translation_1.Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy),
+                    ' ',
+                    react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, className: "--underlined", href: hotel === null || hotel === void 0 ? void 0 : hotel.privacyPolicyUrl, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicy))) }))),
         react_1.default.createElement(AutoAutoHeight_1.default, { open: !!formState.errors['privacyPolicy'] },
-            react_1.default.createElement("div", { className: "u-flex u-marg-top rs-confirmation-acks-alert" },
+            react_1.default.createElement("div", { className: "u-flex u-marg-top" },
                 react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicyError)))))));
 }

package/dist/src/components/steps/confirmation/StepConfirmationAcknowledgement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationAcknowledgement.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationAcknowledgement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAC1B,qDAAiD;AACjD,iDAA+C;AAE/C,iFAAyD;AACzD,oEAA8D;AAC9D,sFAA8D;AAC9D,6EAAqD;AACrD,yDAA0D;AAC1D,kEAA2D;AAE3D,4DAAyD;AACzD,wCAAqC;AAErC,SAAwB,+BAA+B;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAc,GAA0B,CAAC;IAEzE,OAAO,CACH,uCAAK,SAAS,EAAC,2BAA2B;QACtC,uCAAK,SAAS,EAAC,kDAAkD;YAC7D,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAY,CAC1E;QACN,uCAAK,SAAS,EAAC,gCAAgC;YAC3C;gBACI,8BAAC,kBAAQ,kBAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAM,QAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAI,CAC1G;YACN,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,kBAAQ,oBACD,QAAQ,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IACjD,KAAK,EACD;wBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC;wBAAE,GAAG;wBACnE,qCAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACtH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAC/C,CACF,IAEZ,CACA,CACJ;QACN,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;YACrD,uCAAK,SAAS,EAAC,8CAA8C;gBACzD,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;oBAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAQ,CACpF,CACN,CACO,CACf,CACT,CAAC;AACN,CAAC;AAtCD,kDAsCC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nexport default function StepConfirmationAcknowledgement() {\n    const { t } = useTranslation();\n\n    const { hotel } = useCurrentHotel();\n    const { register, formState } = useFormContext<ConfirmationFormValues>();\n\n    return (\n        <div className=\"rs-step-confirmation-acks\">\n            <div className=\"u-marg-bottom rs-step-confirmation-acks-headline\">\n                <Headline bold>{t(Translation.Step.Confirmation.Acknowledgement)}</Headline>\n            </div>\n            <div className=\"rs-confirmation-acks-checklist\">\n                <div>\n                    <Checkbox label={t(Translation.Step.Confirmation.EmailSpecialOffers)} {...register('marketingOptIn', {})} />\n                </div>\n                <div className=\"u-marg-top--light\">\n                    <Checkbox\n                        {...register('privacyPolicy', { required: true })}\n                        label={\n                            <div>\n                                {t(Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy)}{' '}\n                                <a style={{ color: Color.Accent }} className=\"--underlined\" href={hotel?.privacyPolicyUrl} target=\"_blank\" rel=\"noreferrer\">\n                                    {t(Translation.Step.Confirmation.PrivacyPolicy)}\n                                </a>\n                            </div>\n                        }\n                    />\n                </div>\n            </div>\n            <AutoAutoHeight open={!!formState.errors['privacyPolicy']}>\n                <div className=\"u-flex u-marg-top rs-confirmation-acks-alert\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{t(Translation.Step.Confirmation.PrivacyPolicyError)}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationAcknowledgement.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationAcknowledgement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAC1B,qDAAiD;AACjD,iDAA+C;AAE/C,iFAAyD;AACzD,oEAA8D;AAC9D,sFAA8D;AAC9D,6EAAqD;AACrD,yDAA0D;AAC1D,kEAA2D;AAE3D,4DAAyD;AACzD,wCAAqC;AAErC,SAAwB,+BAA+B;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAc,GAA0B,CAAC;IAEzE,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAY,CAC1E;QACN;YACI,8BAAC,kBAAQ,kBAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAM,QAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAI,CAC1G;QACN,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,kBAAQ,oBACD,QAAQ,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IACjD,KAAK,EACD;oBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC;oBAAE,GAAG;oBACnE,qCAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACtH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAC/C,CACF,IAEZ,CACA;QACN,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;YACrD,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;oBAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAQ,CACpF,CACN,CACO,CAClB,CACN,CAAC;AACN,CAAC;AApCD,kDAoCC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nexport default function StepConfirmationAcknowledgement() {\n    const { t } = useTranslation();\n\n    const { hotel } = useCurrentHotel();\n    const { register, formState } = useFormContext<ConfirmationFormValues>();\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Step.Confirmation.Acknowledgement)}</Headline>\n            </div>\n            <div>\n                <Checkbox label={t(Translation.Step.Confirmation.EmailSpecialOffers)} {...register('marketingOptIn', {})} />\n            </div>\n            <div className=\"u-marg-top--light\">\n                <Checkbox\n                    {...register('privacyPolicy', { required: true })}\n                    label={\n                        <div>\n                            {t(Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy)}{' '}\n                            <a style={{ color: Color.Accent }} className=\"--underlined\" href={hotel?.privacyPolicyUrl} target=\"_blank\" rel=\"noreferrer\">\n                                {t(Translation.Step.Confirmation.PrivacyPolicy)}\n                            </a>\n                        </div>\n                    }\n                />\n            </div>\n            <AutoAutoHeight open={!!formState.errors['privacyPolicy']}>\n                <div className=\"u-flex u-marg-top\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{t(Translation.Step.Confirmation.PrivacyPolicyError)}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BasketRowDifferences from '../../../models/BasketRowDifferences';
 interface StepConfirmationCheckoutDifferencesModalProps {
     differences: BasketRowDifferences[];
@@ -7,5 +6,5 @@ interface StepConfirmationCheckoutDifferencesModalProps {
     onProceed: () => void;
     isLoading?: boolean;
 }
-export default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps): React.JSX.Element;
+export default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps): JSX.Element;
 export {};

package/dist/src/components/steps/confirmation/StepConfirmationCommentsComponent.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { TextAreaProps } from '../../generic/TextArea';
 export type StepConfirmationCommentsComponentProps = Omit<TextAreaProps, 'placeholder'>;
 export declare const BE_CONFIRMATION_COMMENTS_BLOCK = "BEConfirmationCommentsBlock";
-export declare function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps): React.JSX.Element;
+export declare function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps): JSX.Element;

package/dist/src/components/steps/confirmation/StepConfirmationForm.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function StepConfirmationForm(): React.JSX.Element;
+export default function StepConfirmationForm(): JSX.Element;

package/dist/src/components/steps/confirmation/StepConfirmationForm.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const ConfirmationStepContext_1 = require("contexts/ConfirmationStepContext/ConfirmationStepContext");
 const HistoryConsistentPush_1 = require("hooks/HistoryConsistentPush");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -56,19 +56,15 @@ const PaymentInformation_1 = __importDefault(require("./PaymentInformation"));
 const RoomContactDetails_1 = __importDefault(require("./RoomContactDetails"));
 const StepConfirmationAcknowledgement_1 = __importDefault(require("./StepConfirmationAcknowledgement"));
 const StepConfirmationCommentsComponent_1 = require("./StepConfirmationCommentsComponent");
-const StepConfirmationImportantInformation_1 = __importDefault(require("./StepConfirmationImportantInformation"));
 const StepConfirmationPoliciesSection_1 = __importDefault(require("./StepConfirmationPoliciesSection"));
 const StepConfirmationPolicyBlock_1 = __importDefault(require("./StepConfirmationPolicyBlock"));
-const ConfirmationImportantInformationFeature_1 = __importDefault(require("../../../providers/feature/ConfirmationImportantInformationFeature"));
 const ConfirmationVerifyFeature_1 = __importDefault(require("../../../providers/feature/ConfirmationVerifyFeature"));
 const ShowIATANumberOnCheckoutFeature_1 = __importDefault(require("../../../providers/feature/ShowIATANumberOnCheckoutFeature"));
 const Color_1 = require("../../../util/Color");
 const GetStepRoom_1 = __importDefault(require("../../../util/GetStepRoom"));
 const usePaymentHelper_1 = require("../../../util/usePaymentHelper");
 function StepConfirmationForm() {
-    var _a, _b;
-    const [confirmationImportantInformationError, setConfirmationImportantInformationError] = (0, react_1.useState)(false);
-    const confirmationImportantInformation = (0, react_1.useRef)(null);
+    var _a;
     const { t } = (0, react_i18next_1.useTranslation)();
     const methods = (0, react_hook_form_1.useFormContext)();
     const { isInPaymentMode, isBackFromPlanpay, bookingSource } = (0, ConfirmationStepContext_1.useConfirmationStep)();
@@ -116,9 +112,6 @@ function StepConfirmationForm() {
                             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success },
                                 react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.Secured))))),
                     react_1.default.createElement(SSLSecureBadge_1.default, null))),
-            ConfirmationImportantInformationFeature_1.default.isActive() && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(LineBreak_1.default, null),
-                react_1.default.createElement(StepConfirmationImportantInformation_1.default, { ref: confirmationImportantInformation, confirmationError: confirmationImportantInformationError, withCheckbox: !!((_a = ConfirmationImportantInformationFeature_1.default.getOptions()) === null || _a === void 0 ? void 0 : _a.withCheckbox) }))),
             react_1.default.createElement(LineBreak_1.default, null))),
         react_1.default.createElement(StepConfirmationPoliciesSection_1.default, null),
         react_1.default.createElement("div", { className: "u-pad-top--light u-marg-bottom" },
@@ -130,8 +123,8 @@ function StepConfirmationForm() {
     return (react_1.default.createElement("form", null, isBackFromPlanpay ? (react_1.default.createElement(LargeLoader_1.default, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(AutoAutoHeight_1.default, { open: !exclusivePayment || !isInPaymentMode }, prePaymentInfo),
         exclusivePayment && (react_1.default.createElement(AutoAutoHeight_1.default, { open: isInPaymentMode },
-            react_1.default.createElement(ScrollToTop_1.default, null), (_b = exclusivePayment.renderPaymentInput) === null || _b === void 0 ? void 0 :
-            _b.call(exclusivePayment)))))));
+            react_1.default.createElement(ScrollToTop_1.default, null), (_a = exclusivePayment.renderPaymentInput) === null || _a === void 0 ? void 0 :
+            _a.call(exclusivePayment)))))));
 }
 exports.default = StepConfirmationForm;
 //# sourceMappingURL=StepConfirmationForm.js.map