mautourco-components 0.2.21 → 0.2.23

package/dist/components/organisms/BookingAddItem/AddItemSelector.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../../atoms/Typography/Typography';
+import { AddItemButton } from '../../molecules/AddItemButton/AddItemButton';
+export var AddItemType;
+(function (AddItemType) {
+    AddItemType["NEW"] = "NEW";
+    AddItemType["EXISTING"] = "EXISTING";
+})(AddItemType || (AddItemType = {}));
+export var AddItemSelector = function (_a) {
+    var onAddItem = _a.onAddItem;
+    return (_jsxs("div", __assign({ className: "space-y-9" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "medium" }, { children: "If you are sure you want to add this service, please confirm below. New prices and cancellation policies will apply to the added service." })), _jsxs("div", __assign({ className: "grid grid-cols-2 gap-4" }, { children: [_jsx(AddItemButton, { label: _jsxs(_Fragment, { children: ["Add new service ", _jsx("br", {}), " and new pax"] }), onClick: function () { return onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(AddItemType.NEW); } }), _jsx(AddItemButton, { label: _jsxs(_Fragment, { children: ["Add new service ", _jsx("br", {}), " for your existing pax"] }), onClick: function () { return onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(AddItemType.EXISTING); } })] })), _jsx(Text, __assign({ size: "sm", variant: "medium" }, { children: "Note: This action is irreversible and cannot be undone." }))] })));
+};

package/dist/components/organisms/BookingAddItem/BookingAddItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BookingPaxClientInfo } from '../../molecules/BookingPax';
+import { ServiceOption, ServiceType } from '../../molecules/ServiceSelector';
+import { AddItemType } from './AddItemSelector';
+export interface BookingAddItemProps {
+    open: boolean;
+    serviceDate?: string | string[];
+    serviceOptions?: ServiceOption[];
+    clients: BookingPaxClientInfo[];
+    setOpen: (open: boolean) => void;
+    onAddItem?: (type: AddItemType) => void;
+    onServiceChange?: (service: ServiceType) => void;
+    onValidatePax?: (selectedClients: BookingPaxClientInfo[]) => void;
+    onBackToSelector?: () => void;
+}
+export declare const BookingAddItem: React.FC<BookingAddItemProps>;

package/dist/components/organisms/BookingAddItem/BookingAddItem.js

@@ -0,0 +1,66 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnimatePresence, domAnimation, LazyMotion } from 'motion/react';
+import * as motion from 'motion/react-m';
+import { useLayoutEffect, useRef, useState } from 'react';
+import { DEFAULT_SERVICE_SELECTOR_OPTIONS } from '../../molecules/ServiceSelector/ServiceSelector';
+import Dialog from '../Dialog/Dialog';
+import { AddItemNewService } from './AddItemNewService';
+import { AddItemSelector, AddItemType } from './AddItemSelector';
+export var BookingAddItem = function (props) {
+    var open = props.open, _a = props.serviceDate, serviceDate = _a === void 0 ? [] : _a, _b = props.serviceOptions, serviceOptions = _b === void 0 ? [] : _b, clients = props.clients, setOpen = props.setOpen, onAddItem = props.onAddItem, onServiceChange = props.onServiceChange, onValidatePax = props.onValidatePax, onBackToSelector = props.onBackToSelector;
+    var _c = useState(null), selectedType = _c[0], setSelectedType = _c[1];
+    var contentRef = useRef(null);
+    var _d = useState('auto'), contentHeight = _d[0], setContentHeight = _d[1];
+    var handleAddItem = function (type) {
+        onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(type);
+        setSelectedType(type);
+        console.log(type);
+    };
+    var handleClose = function () {
+        setOpen(false);
+        setSelectedType(null);
+    };
+    // Measure and update content height when selectedType changes
+    useLayoutEffect(function () {
+        setTimeout(function () {
+            if (contentRef.current && open) {
+                var measuredHeight = contentRef.current.scrollHeight;
+                setContentHeight(measuredHeight);
+            }
+        }, 50);
+    }, [selectedType, open, serviceDate, serviceOptions, clients]);
+    var title = selectedType === AddItemType.EXISTING
+        ? 'Add new service to your existing pax'
+        : 'Select how to add items to your booking';
+    return (_jsx(Dialog, __assign({ isOpen: open, onClose: handleClose, showFooter: false, title: title, className: "!max-w-[798px]" }, { children: _jsx(LazyMotion, __assign({ features: domAnimation }, { children: _jsx(motion.div, __assign({ animate: { height: contentHeight }, transition: { duration: 0.2, ease: 'easeInOut' }, style: { overflow: 'hidden' } }, { children: _jsx("div", __assign({ ref: contentRef }, { children: _jsx(AnimatePresence, __assign({ mode: "wait" }, { children: selectedType === AddItemType.EXISTING ? (_jsx(motion.div, __assign({ initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, transition: { duration: 0.25, ease: 'easeInOut' } }, { children: _jsx(AddItemNewService, { date: serviceDate, onServiceChange: function (service) { return onServiceChange === null || onServiceChange === void 0 ? void 0 : onServiceChange(service); }, options: serviceOptions.length > 0
+                                    ? serviceOptions
+                                    : DEFAULT_SERVICE_SELECTOR_OPTIONS.map(function (_a) {
+                                        var disabled = _a.disabled, badge = _a.badge, option = __rest(_a, ["disabled", "badge"]);
+                                        return option;
+                                    }), clients: clients, onNext: function (selectedClients) { return onValidatePax === null || onValidatePax === void 0 ? void 0 : onValidatePax(selectedClients); }, onBack: function () {
+                                    onBackToSelector === null || onBackToSelector === void 0 ? void 0 : onBackToSelector();
+                                    setSelectedType(null);
+                                } }) }), "add-item-new-service")) : (_jsx(motion.div, __assign({ initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, transition: { duration: 0.25, ease: 'easeInOut' } }, { children: _jsx(AddItemSelector, { onAddItem: handleAddItem }) }), "add-item-selector")) })) })) })) })) })));
+};

package/dist/components/organisms/BookingAddItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddItemNewService';
+export * from './AddItemSelector';
+export * from './BookingAddItem';

package/dist/components/organisms/BookingAddItem/index.js

@@ -0,0 +1,3 @@
+export * from './AddItemNewService';
+export * from './AddItemSelector';
+export * from './BookingAddItem';

package/dist/components/organisms/DateTimePicker/DateTimePicker.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import CalendarInput from '../../molecules/Calendar/CalendarInput';
 import DateTime from '../../molecules/Calendar/DateTime';
 import { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover';
@@ -28,7 +28,7 @@ var formatDateRange = function (dateRange) {
 var DateTimePicker = function (_a) {
     var _b = _a.placeholder, placeholder = _b === void 0 ? 'Select date' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.mode, mode = _d === void 0 ? 'both' : _d, _e = _a.selectionMode, selectionMode = _e === void 0 ? 'range' : _e, _f = _a.numberOfMonths, numberOfMonths = _f === void 0 ? 2 : _f, _g = _a.disableBeforeToday, disableBeforeToday = _g === void 0 ? true : _g, _h = _a.disableToday, disableToday = _h === void 0 ? false : _h, onValueChange = _a.onValueChange, defaultValue = _a.defaultValue, _j = _a.iconBGFull, iconBGFull = _j === void 0 ? true : _j, _k = _a.iconPosition, iconPosition = _k === void 0 ? 'right' : _k, _l = _a.showChevron, showChevron = _l === void 0 ? false : _l, icon = _a.icon;
     // Parse default value and set initial state
-    var parseDefaultValue = function () {
+    var parseDefaultValue = useMemo(function () {
         if (!defaultValue)
             return { value: '', dateRange: undefined };
         try {
@@ -46,6 +46,7 @@ var DateTimePicker = function (_a) {
                 var date = new Date(defaultValue);
                 var dateRange = { from: date, to: date };
                 var displayValue = format(date, 'dd/MM/yyyy');
+                console.log('defaultValue', defaultValue, selectionMode, displayValue);
                 return { value: displayValue, dateRange: dateRange };
             }
         }
@@ -53,10 +54,9 @@ var DateTimePicker = function (_a) {
             console.error('Error parsing default date value:', error);
         }
         return { value: '', dateRange: undefined };
-    };
-    var initialState = parseDefaultValue();
-    var _m = useState(initialState.value), value = _m[0], setValue = _m[1];
-    var _o = useState(initialState.dateRange), selectedDateRange = _o[0], setSelectedDateRange = _o[1];
+    }, [defaultValue, selectionMode]);
+    var _m = useState(parseDefaultValue.value), value = _m[0], setValue = _m[1];
+    var _o = useState([]), selectedDateRange = _o[0], setSelectedDateRange = _o[1];
     var _p = useState(undefined), selectedTime = _p[0], setSelectedTime = _p[1];
     var _q = useState(false), isOpen = _q[0], setIsOpen = _q[1];
     var handleDtChange = React.useCallback(function (payload) {
@@ -95,6 +95,10 @@ var DateTimePicker = function (_a) {
             onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(timeStr);
         }
     }, [onValueChange, selectionMode]);
-    return (_jsxs(Popover, __assign({ open: isOpen, onOpenChange: setIsOpen }, { children: [_jsx(PopoverTrigger, __assign({ asChild: true }, { children: _jsx("div", { children: _jsx(CalendarInput, { placeholder: placeholder, value: value, disabled: disabled, iconBGFull: iconBGFull, iconPosition: iconPosition, showChevron: showChevron, isOpen: isOpen, icon: icon }) }) })), _jsx(PopoverContent, __assign({ className: "w-auto p-0 border-transparent" }, { children: _jsx(DateTime, { mode: mode, selectionMode: selectionMode, numberOfMonths: numberOfMonths, disableBeforeToday: disableBeforeToday, disableToday: disableToday, onChange: handleDtChange, defaultDateRange: selectedDateRange, defaultTime: selectedTime }) }))] })));
+    useEffect(function () {
+        setValue(parseDefaultValue.value);
+        setSelectedDateRange(parseDefaultValue.dateRange);
+    }, [defaultValue]);
+    return (_jsxs(Popover, __assign({ open: isOpen, onOpenChange: setIsOpen }, { children: [_jsx(PopoverTrigger, __assign({ asChild: true }, { children: _jsx("div", { children: _jsx(CalendarInput, { placeholder: placeholder, value: value, disabled: disabled, iconBGFull: iconBGFull, iconPosition: iconPosition, showChevron: showChevron, isOpen: isOpen, icon: icon }) }) })), _jsx(PopoverContent, __assign({ className: "w-auto border-transparent !p-0" }, { children: _jsx(DateTime, { mode: mode, selectionMode: selectionMode, numberOfMonths: numberOfMonths, disableBeforeToday: disableBeforeToday, disableToday: disableToday, onChange: handleDtChange, defaultDateRange: selectedDateRange, defaultTime: selectedTime }) }))] })));
 };
 export default DateTimePicker;

package/dist/components/organisms/Dialog/Dialog.d.ts

@@ -19,7 +19,7 @@ export interface DialogProps {
     /**
      * Title displayed in the dialog header
      */
-    title: string;
+    title?: string;
     /**
      * Content to be rendered in the dialog body
      */

package/dist/components/organisms/Dialog/Dialog.js

@@ -10,12 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useCallback, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { useMobile } from '../../../hooks/useMobile';
+import '../../../styles/components/organism/dialog.css';
 import Button from '../../atoms/Button/Button';
 import Icon from '../../atoms/Icon/Icon';
-import '../../../styles/components/organism/dialog.css';
 /**
  * Dialog component - A modal dialog that adapts to different screen sizes
  *
@@ -32,8 +32,8 @@ import '../../../styles/components/organism/dialog.css';
  * ```
  */
 export var Dialog = function (_a) {
-    var isOpen = _a.isOpen, onClose = _a.onClose, title = _a.title, children = _a.children, footer = _a.footer, _b = _a.size, size = _b === void 0 ? 'responsive' : _b, _c = _a.primaryButtonText, primaryButtonText = _c === void 0 ? 'Save and update' : _c, _d = _a.secondaryButtonText, secondaryButtonText = _d === void 0 ? 'Cancel' : _d, onPrimaryClick = _a.onPrimaryClick, onSecondaryClick = _a.onSecondaryClick, _e = _a.showFooter, showFooter = _e === void 0 ? true : _e, _f = _a.showCloseButton, showCloseButton = _f === void 0 ? true : _f, _g = _a.closeOnOverlayClick, closeOnOverlayClick = _g === void 0 ? true : _g, _h = _a.closeOnEscape, closeOnEscape = _h === void 0 ? true : _h, _j = _a.className, className = _j === void 0 ? '' : _j, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy;
-    var _k = useMobile(), isMobile = _k.isMobile, isTablet = _k.isTablet, isDesktop = _k.isDesktop;
+    var isOpen = _a.isOpen, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? '' : _b, children = _a.children, footer = _a.footer, _c = _a.size, size = _c === void 0 ? 'responsive' : _c, _d = _a.primaryButtonText, primaryButtonText = _d === void 0 ? 'Save and update' : _d, _e = _a.secondaryButtonText, secondaryButtonText = _e === void 0 ? 'Cancel' : _e, onPrimaryClick = _a.onPrimaryClick, onSecondaryClick = _a.onSecondaryClick, _f = _a.showFooter, showFooter = _f === void 0 ? true : _f, _g = _a.showCloseButton, showCloseButton = _g === void 0 ? true : _g, _h = _a.closeOnOverlayClick, closeOnOverlayClick = _h === void 0 ? true : _h, _j = _a.closeOnEscape, closeOnEscape = _j === void 0 ? true : _j, _k = _a.className, className = _k === void 0 ? '' : _k, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy;
+    var _l = useMobile(), isMobile = _l.isMobile, isTablet = _l.isTablet, isDesktop = _l.isDesktop;
     var dialogRef = useRef(null);
     var previousFocusRef = useRef(null);
     // Determine the actual size based on responsive setting

package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.d.ts

@@ -0,0 +1,29 @@
+import { CancellationItem } from '../../molecules/DialogContentPolicy/DialogCancellationList';
+export interface BookingCancellationPolicyProps {
+    /**
+     * Whether the dialog is open.
+     */
+    open: boolean;
+    /**
+     * The callback function to call when the dialog is closed.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * The cancellations to display.
+     */
+    cancellations: CancellationItem[];
+}
+/**
+ * BookingCancellationPolicy is a component that allows the user to display the booking cancellation policy.
+ *
+ * @example
+ * <BookingCancellationPolicy
+ *  open={open}
+ *  setOpen={setOpen}
+ *  cancellations={cancellations}
+ * />
+ *
+ * @param props - The props for the BookingCancellationPolicy component.
+ * @returns The BookingCancellationPolicy component.
+ */
+export declare const BookingCancellationPolicy: (props: BookingCancellationPolicyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DialogContentPolicy } from '../../molecules/DialogContentPolicy';
+import { DialogBookingConfirm } from './DialogBookingConfirm';
+/**
+ * BookingCancellationPolicy is a component that allows the user to display the booking cancellation policy.
+ *
+ * @example
+ * <BookingCancellationPolicy
+ *  open={open}
+ *  setOpen={setOpen}
+ *  cancellations={cancellations}
+ * />
+ *
+ * @param props - The props for the BookingCancellationPolicy component.
+ * @returns The BookingCancellationPolicy component.
+ */
+export var BookingCancellationPolicy = function (props) {
+    var open = props.open, setOpen = props.setOpen, cancellations = props.cancellations;
+    return (_jsx(DialogBookingConfirm, __assign({ open: open, setOpen: setOpen, title: "Confirmation of Terms & Cancellation policy", className: "!max-w-[800px]" }, { children: _jsx(DialogContentPolicy.List, { cancellations: cancellations }) })));
+};

package/dist/components/organisms/DialogBookingConfirm/BookingMailSent.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export interface BookingMailSentProps {
+    /**
+     * Whether the dialog is open.
+     */
+    open: boolean;
+    /**
+     * The callback function to call when the dialog is closed.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * The callback function to call when the next button is clicked.
+     */
+    onNext: () => void;
+}
+/**
+ * BookingMailSent is a component that allows the user to display the booking mail sent confirmation.
+ *
+ * @example
+ * <BookingMailSent
+ *  open={open}
+ *  setOpen={setOpen}
+ *  onNext={onNext}
+ * />
+ *
+ * @param props - The props for the BookingMailSent component.
+ * @returns
+ */
+export declare const BookingMailSent: React.FC<BookingMailSentProps>;

package/dist/components/organisms/DialogBookingConfirm/BookingMailSent.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Heading } from '@/src';
+import { DialogBookingConfirm } from './DialogBookingConfirm';
+/**
+ * BookingMailSent is a component that allows the user to display the booking mail sent confirmation.
+ *
+ * @example
+ * <BookingMailSent
+ *  open={open}
+ *  setOpen={setOpen}
+ *  onNext={onNext}
+ * />
+ *
+ * @param props - The props for the BookingMailSent component.
+ * @returns
+ */
+export var BookingMailSent = function (props) {
+    var open = props.open, setOpen = props.setOpen, onNext = props.onNext;
+    return (_jsx(DialogBookingConfirm, __assign({ open: open, setOpen: setOpen, className: "!max-w-[800px]" }, { children: _jsxs("div", __assign({ className: "space-y-9" }, { children: [_jsxs("div", __assign({ className: "space-y-8" }, { children: [_jsx("img", { src: "/images/svg/booking-mail-sent.svg", alt: "Booking success", className: "mx-auto", width: 150, height: 150 }), _jsx(Heading, __assign({ as: "p", level: 6, variant: "medium", className: "text-center" }, { children: "You will receive a copy of your booking in your mail inbox." }))] })), _jsx(Button, __assign({ variant: "secondary", onClick: onNext, className: "w-full" }, { children: "Go to booking grid" }))] })) })));
+};

package/dist/components/organisms/DialogBookingConfirm/BookingReference.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface BookingReferenceProps {
+    /**
+     * Whether the dialog is open.
+     */
+    open: boolean;
+    /**
+     * The callback function to call when the dialog is closed.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * The callback function to call when the cancel button is clicked.
+     */
+    onCancel: () => void;
+    /**
+     * The callback function to call when the confirm button is clicked.
+     */
+    onConfirm: (ref: string) => void;
+}
+/**
+ * BookingReference is a component that allows the user to display the booking reference.
+ *
+ * @example
+ * <BookingReference
+ *  open={open}
+ *  setOpen={setOpen}
+ *  onCancel={onCancel}
+ *  onConfirm={onConfirm}
+ * />
+ *
+ *
+ * @param props - The props for the BookingReference component.
+ * @returns The BookingReference component.
+ */
+export declare const BookingReference: React.FC<BookingReferenceProps>;

package/dist/components/organisms/DialogBookingConfirm/BookingReference.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Button from '../../atoms/Button/Button';
+import Input from '../../atoms/Inputs/Input/Input';
+import { Text } from '../../atoms/Typography/Typography';
+import { DialogBookingConfirm } from './DialogBookingConfirm';
+/**
+ * BookingReference is a component that allows the user to display the booking reference.
+ *
+ * @example
+ * <BookingReference
+ *  open={open}
+ *  setOpen={setOpen}
+ *  onCancel={onCancel}
+ *  onConfirm={onConfirm}
+ * />
+ *
+ *
+ * @param props - The props for the BookingReference component.
+ * @returns The BookingReference component.
+ */
+export var BookingReference = function (props) {
+    var open = props.open, setOpen = props.setOpen, onCancel = props.onCancel, onConfirm = props.onConfirm;
+    var _a = useState(''), reference = _a[0], setReference = _a[1];
+    return (_jsx(DialogBookingConfirm, __assign({ open: open, setOpen: setOpen, title: "Reference number", className: "!max-w-[500px]" }, { children: _jsxs("div", __assign({ className: "space-y-9" }, { children: [_jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx("label", { children: _jsx(Text, __assign({ as: "span", size: "sm" }, { children: "Reference number" })) }), _jsx(Input, { placeholder: "Please insert a reference number", value: reference, onChange: function (e) { return setReference(e.target.value); } })] })), _jsxs("div", __assign({ className: "grid grid-cols-2 gap-x-4" }, { children: [_jsx(Button, __assign({ variant: "outline-secondary", onClick: onCancel }, { children: "Cancel" })), _jsx(Button, __assign({ variant: "secondary", onClick: function () { return onConfirm(reference); } }, { children: "Confirm booking" }))] }))] })) })));
+};

package/dist/components/organisms/DialogBookingConfirm/BookingSuccess.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface BookingSuccessProps {
+    /**
+     * Whether the dialog is open.
+     */
+    open: boolean;
+    /**
+     * The name of the booking.
+     */
+    bookingName: string;
+    /**
+     * The callback function to call when the dialog is closed.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * The callback function to call when the next button is clicked.
+     */
+    onNext: () => void;
+}
+/**
+ * BookingSuccess is a component that allows the user to display the booking success.
+ *
+ * @example
+ * <BookingSuccess
+ *  open={open}
+ *  bookingName={bookingName}
+ *  setOpen={setOpen}
+ *  onNext={onNext}
+ * />
+ *
+ *
+ * @param props - The props for the BookingSuccess component.
+ * @returns The BookingSuccess component.
+ */
+export declare const BookingSuccess: React.FC<BookingSuccessProps>;

package/dist/components/organisms/DialogBookingConfirm/BookingSuccess.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Heading, Text } from '@/src';
+import { DialogBookingConfirm } from './DialogBookingConfirm';
+/**
+ * BookingSuccess is a component that allows the user to display the booking success.
+ *
+ * @example
+ * <BookingSuccess
+ *  open={open}
+ *  bookingName={bookingName}
+ *  setOpen={setOpen}
+ *  onNext={onNext}
+ * />
+ *
+ *
+ * @param props - The props for the BookingSuccess component.
+ * @returns The BookingSuccess component.
+ */
+export var BookingSuccess = function (props) {
+    var open = props.open, bookingName = props.bookingName, setOpen = props.setOpen, onNext = props.onNext;
+    return (_jsx(DialogBookingConfirm, __assign({ open: open, setOpen: setOpen, className: "!max-w-[800px]" }, { children: _jsxs("div", __assign({ className: "space-y-9" }, { children: [_jsxs("div", __assign({ className: "space-y-8" }, { children: [_jsx("img", { src: "/images/svg/booking-confirm.svg", alt: "Booking success", className: "mx-auto", width: 150, height: 150 }), _jsxs("div", __assign({ className: "text-center" }, { children: [_jsx(Heading, __assign({ as: "p", level: 6, variant: "medium" }, { children: "Your booking has been successfully confirmed!" })), _jsxs(Text, __assign({ variant: "bold", size: "lg" }, { children: ["\"", bookingName, "\""] }))] }))] })), _jsx(Button, __assign({ variant: "secondary", onClick: onNext, className: "w-full" }, { children: "Confirm booking" }))] })) })));
+};

package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.d.ts

@@ -1,10 +1,47 @@
 import React from 'react';
 interface DialogBookingConfirmProps {
+    /**
+     * Whether the dialog is open.
+     */
     open: boolean;
-    title: string;
+    /**
+     * The title of the dialog.
+     */
+    title?: string;
+    /**
+     * The children of the dialog.
+     */
     children: React.ReactNode;
+    /**
+     * The callback function to call when the dialog is closed.
+     */
     setOpen: (open: boolean) => void;
+    /**
+     * The class name of the dialog.
+     */
     className?: string;
 }
-export declare const DialogBookingConfirm: (props: DialogBookingConfirmProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * DialogBookingConfirm is a component that allows the user to display the booking confirmation.
+ *
+ * @example
+ * <DialogBookingConfirm
+ *  open={open}
+ *  title={title}
+ *  children={children}
+ *  setOpen={setOpen}
+ *  className={className}
+ * />
+ *
+ *
+ * @param props - The props for the DialogBookingConfirm component.
+ * @returns The DialogBookingConfirm component.
+ */
+export declare const DialogBookingConfirm: {
+    (props: DialogBookingConfirmProps): import("react/jsx-runtime").JSX.Element;
+    Reference: React.FC<import("./BookingReference").BookingReferenceProps>;
+    CancellationPolicy: (props: import("./BookingCancellationPolicy").BookingCancellationPolicyProps) => import("react/jsx-runtime").JSX.Element;
+    Success: React.FC<import("./BookingSuccess").BookingSuccessProps>;
+    MailSent: React.FC<import("./BookingMailSent").BookingMailSentProps>;
+};
 export {};

package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.js

@@ -11,7 +11,31 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Dialog from '../Dialog/Dialog';
+import { BookingCancellationPolicy } from './BookingCancellationPolicy';
+import { BookingMailSent } from './BookingMailSent';
+import { BookingReference } from './BookingReference';
+import { BookingSuccess } from './BookingSuccess';
+/**
+ * DialogBookingConfirm is a component that allows the user to display the booking confirmation.
+ *
+ * @example
+ * <DialogBookingConfirm
+ *  open={open}
+ *  title={title}
+ *  children={children}
+ *  setOpen={setOpen}
+ *  className={className}
+ * />
+ *
+ *
+ * @param props - The props for the DialogBookingConfirm component.
+ * @returns The DialogBookingConfirm component.
+ */
 export var DialogBookingConfirm = function (props) {
     var open = props.open, title = props.title, children = props.children, setOpen = props.setOpen, className = props.className;
-    return (_jsx(Dialog, __assign({ isOpen: open, onClose: function () { return setOpen(false); }, title: title, className: className, showFooter: false }, { children: children })));
+    return (_jsx(Dialog, __assign({ isOpen: open, onClose: function () { return setOpen(false); }, title: title, className: className, showFooter: false, closeOnOverlayClick: false }, { children: children })));
 };
+DialogBookingConfirm.Reference = BookingReference;
+DialogBookingConfirm.CancellationPolicy = BookingCancellationPolicy;
+DialogBookingConfirm.Success = BookingSuccess;
+DialogBookingConfirm.MailSent = BookingMailSent;

package/dist/components/organisms/DialogBookingConfirm/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DialogBookingConfirm';
+export type { BookingCancellationPolicyProps } from './BookingCancellationPolicy';
+export type { BookingMailSentProps } from './BookingMailSent';
+export type { BookingReferenceProps } from './BookingReference';
+export type { BookingSuccessProps } from './BookingSuccess';

package/dist/components/organisms/DialogBookingConfirm/index.js

@@ -0,0 +1 @@
+export * from './DialogBookingConfirm';

package/dist/components/organisms/PaxSelector/PaxSelector.d.ts

@@ -14,6 +14,7 @@ export interface PaxData {
     childAges?: number[];
     /** Ages for infants (1-18 years) */
     infantAges?: number[];
+    /** Client type */
     clientType: ClientType;
 }
 /**