mautourco-components 0.2.21 → 0.2.22

package/dist/components/molecules/BookingPax/BookingPaxTransfer.d.ts

@@ -3,16 +3,67 @@ import { DateTimePickerProps } from '../../organisms/DateTimePicker/DateTimePick
 import { BookingPaxClientInfo, BookingPaxClientProps } from './BookingPaxClient/BookingPaxClient';
 export type ExcursionType = 'sea' | 'land' | 'catamaran';
 export interface BookingPaxTransferProps extends Pick<BookingPaxClientProps, 'selectedClientsInfoIds' | 'onPaxChange'> {
+    /**
+     * The clients info of the booking pax transfer.
+     */
     clientsInfo: BookingPaxClientInfo[];
+    /**
+     * The type of the booking pax transfer.
+     */
     type: 'ARV' | 'DEP' | 'INH';
+    /**
+     * The from of the booking pax transfer.
+     */
     from: string;
+    /**
+     * The to of the booking pax transfer.
+     */
     to: string;
+    /**
+     * Whether the booking pax transfer is submitted.
+     */
     isSubmitted?: boolean;
+    /**
+     * The pax count of the booking pax transfer.
+     */
     paxCount: number;
+    /**
+     * The max pax count of the booking pax transfer.
+     */
     maxPaxCount?: number;
+    /**
+     * The callback function to call when the remark changes.
+     */
     onRemarkChange?: (value: string) => void;
+    /**
+     * The callback function to call when the flight number changes.
+     */
     onFlightNumberChange?: (value: string) => void;
+    /**
+     * The callback function to call when the time changes.
+     */
     onTimeChange?: DateTimePickerProps['onValueChange'];
+    /**
+     * The callback function to call when the error changes.
+     */
     onError?: (hasError: boolean) => void;
 }
+export declare const mapTransferType: Record<BookingPaxTransferProps['type'], string>;
+/**
+ * BookingPaxTransfer is a component that allows the user to display the booking pax transfer.
+ *
+ * @example
+ * <BookingPaxTransfer
+ *  type="ARV"
+ *  from="Plaisance Airport"
+ *  to="Grand Paradise Hotel"
+ *  clientsInfo={clientsInfo}
+ *  paxCount={2}
+ *  selectedClientsInfoIds={{ 0: [] }}
+ *  isSubmitted={false}
+ *  onPaxChange={onPaxChange}
+ *
+ * @param props - The props for the BookingPaxTransfer component.
+ * @returns The BookingPaxTransfer component.
+ */
 export declare const BookingPaxTransfer: React.FC<BookingPaxTransferProps>;

package/dist/components/molecules/BookingPax/BookingPaxTransfer.js

@@ -19,11 +19,28 @@ import { BookingPaxClient, } from './BookingPaxClient/BookingPaxClient';
 import { BookingPaxHeader } from './BookingPaxHeader';
 import { BookingPaxLayout } from './BookingPaxLayout/BookingPaxLayout';
 import { BookingPaxRemarks } from './BookingPaxRemarks';
-var mapType = {
+export var mapTransferType = {
     ARV: 'Arrival',
     DEP: 'Departure',
     INH: 'Inter-Hotel',
 };
+/**
+ * BookingPaxTransfer is a component that allows the user to display the booking pax transfer.
+ *
+ * @example
+ * <BookingPaxTransfer
+ *  type="ARV"
+ *  from="Plaisance Airport"
+ *  to="Grand Paradise Hotel"
+ *  clientsInfo={clientsInfo}
+ *  paxCount={2}
+ *  selectedClientsInfoIds={{ 0: [] }}
+ *  isSubmitted={false}
+ *  onPaxChange={onPaxChange}
+ *
+ * @param props - The props for the BookingPaxTransfer component.
+ * @returns The BookingPaxTransfer component.
+ */
 export var BookingPaxTransfer = function (props) {
     var from = props.from, to = props.to, type = props.type, clientsInfo = props.clientsInfo, paxCount = props.paxCount, selectedClientsInfoIds = props.selectedClientsInfoIds, isSubmitted = props.isSubmitted, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onTimeChange = props.onTimeChange, onError = props.onError, onFlightNumberChange = props.onFlightNumberChange;
     var _a = useBookingPax(selectedClientsInfoIds), changeOptions = _a.changeOptions, onPaxOptionsChange = _a.onPaxOptionsChange, onSelectedClients = _a.onSelectedClients;
@@ -36,5 +53,5 @@ export var BookingPaxTransfer = function (props) {
     useEffect(function () {
         onSelectedClients(clientsInfo, onPaxChange);
     }, [changeOptions, onPaxChange]);
-    return (_jsxs(BookingPaxLayout, __assign({ title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsxs(Text, __assign({ as: "span", color: "accent", variant: "bold", size: "xl", className: "italic" }, { children: ["(", mapType[type], ")"] }))] }), icon: "car", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Location, { from: from, to: to }) }) }, { children: [type === 'INH' ? (_jsx(DateTimePicker, { icon: "clock", mode: "time", onValueChange: onTimeChange, placeholder: "Time of Transfer" })) : (_jsx(Input, { icon: "arrival", iconPosition: "leading", placeholder: "Flight number", onChange: handleFlightNumberChange })), _jsx(BookingPaxClient, { id: id, clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, isSubmitted: isSubmitted, onPaxChange: onPaxOptionsChange, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] })));
+    return (_jsxs(BookingPaxLayout, __assign({ title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsxs(Text, __assign({ as: "span", color: "accent", variant: "bold", size: "xl", className: "italic" }, { children: ["(", mapTransferType[type], ")"] }))] }), icon: "car", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Location, { from: from, to: to }) }) }, { children: [type === 'INH' ? (_jsx(DateTimePicker, { icon: "clock", mode: "time", onValueChange: onTimeChange, placeholder: "Time of Transfer" })) : (_jsx(Input, { icon: "arrival", iconPosition: "leading", placeholder: "Flight number", onChange: handleFlightNumberChange })), _jsx(BookingPaxClient, { id: id, clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, isSubmitted: isSubmitted, onPaxChange: onPaxOptionsChange, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] })));
 };

package/dist/components/molecules/BookingPax/index.d.ts

@@ -2,4 +2,5 @@ export type { BookingPaxAccomProps, RoomData } from './BookingPaxAccom';
 export type { BookingPaxClientInfo, BookingPaxClientProps, } from './BookingPaxClient/BookingPaxClient';
 export type { BookingPaxExcursionProps } from './BookingPaxExcursion';
 export type { BookingPaxTransferProps } from './BookingPaxTransfer';
+export { mapTransferType } from './BookingPaxTransfer';
 export * from './BookingPax';

package/dist/components/molecules/BookingPax/index.js

@@ -1 +1,2 @@
+export { mapTransferType } from './BookingPaxTransfer';
 export * from './BookingPax';

package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.d.ts

@@ -2,10 +2,30 @@ import React from 'react';
 import { DialogCancellationAccomProps } from './DialogCancellationAccom';
 import { DialogCancellationExcursionProps } from './DialogCancellationExcursion';
 export interface CancellationItem {
+    /**
+     * The type of the cancellation.
+     */
     type: 'accommodation' | 'excursion';
+    /**
+     * The data of the cancellation.
+     */
     data: DialogCancellationAccomProps | DialogCancellationExcursionProps;
 }
 export interface DialogCancellationListProps {
+    /**
+     * The cancellations to display.
+     */
     cancellations: CancellationItem[];
 }
+/**
+ * DialogCancellationList is a component that allows the user to display the cancellations.
+ *
+ * @example
+ * <DialogCancellationList
+ *  cancellations={cancellations}
+ * />
+ *
+ * @param props - The props for the DialogCancellationList component.
+ * @returns The DialogCancellationList component.
+ */
 export declare const DialogCancellationList: React.FC<DialogCancellationListProps>;

package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.js

@@ -13,14 +13,25 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { DialogCancellationAccom, } from './DialogCancellationAccom';
 import { DialogCancellationExcursion, } from './DialogCancellationExcursion';
 import { DialogContentPolicy } from './DialogContentPolicy';
+var isAccommodation = function (data) {
+    return 'hotelName' in data;
+};
+var isExcursion = function (data) {
+    return 'excursionName' in data;
+};
+/**
+ * DialogCancellationList is a component that allows the user to display the cancellations.
+ *
+ * @example
+ * <DialogCancellationList
+ *  cancellations={cancellations}
+ * />
+ *
+ * @param props - The props for the DialogCancellationList component.
+ * @returns The DialogCancellationList component.
+ */
 export var DialogCancellationList = function (props) {
     var cancellations = props.cancellations;
-    var isAccommodation = function (data) {
-        return 'hotelName' in data;
-    };
-    var isExcursion = function (data) {
-        return 'excursionName' in data;
-    };
     return (_jsx(DialogContentPolicy, { children: cancellations.map(function (c, index) {
             if (c.type === 'accommodation' && isAccommodation(c.data)) {
                 return _jsx(DialogCancellationAccom, __assign({}, c.data), "acc-".concat(index));

package/dist/components/molecules/DialogContentPolicy/DialogContentPolicy.d.ts

@@ -1,8 +1,26 @@
 import React from 'react';
 export interface DialogContentPolicyProps {
+    /**
+     * The children to display.
+     */
     children: React.ReactNode;
+    /**
+     * The callback function to call when the submit button is clicked.
+     */
     onSubmit?: () => void;
 }
+/**
+ * DialogContentPolicy is a component that allows the user to display the cancellation policy.
+ *
+ * @example
+ * <DialogContentPolicy
+ *  children={children}
+ *  onSubmit={onSubmit}
+ * />
+ *
+ * @param props - The props for the DialogContentPolicy component.
+ * @returns The DialogContentPolicy component.
+ */
 export declare const DialogContentPolicy: {
     (props: DialogContentPolicyProps): import("react/jsx-runtime").JSX.Element;
     Accommodation: React.FC<import("./DialogCancellationAccom").DialogCancellationAccomProps>;

package/dist/components/molecules/DialogContentPolicy/DialogContentPolicy.js

@@ -12,15 +12,26 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import Button from '../../atoms/Button/Button';
-import { Text } from '../../atoms/Typography/Typography';
-import { Checkbox } from '../../ui/checkbox';
+import Checkbox from '../../atoms/Checkbox/Checkbox';
 import { DialogCancellationAccom } from './DialogCancellationAccom';
 import { DialogCancellationExcursion } from './DialogCancellationExcursion';
 import { DialogCancellationList } from './DialogCancellationList';
+/**
+ * DialogContentPolicy is a component that allows the user to display the cancellation policy.
+ *
+ * @example
+ * <DialogContentPolicy
+ *  children={children}
+ *  onSubmit={onSubmit}
+ * />
+ *
+ * @param props - The props for the DialogContentPolicy component.
+ * @returns The DialogContentPolicy component.
+ */
 export var DialogContentPolicy = function (props) {
     var children = props.children, onSubmit = props.onSubmit;
     var _a = useState(false), accepted = _a[0], setAccepted = _a[1];
-    return (_jsxs("div", __assign({ className: "cancellation-policy" }, { children: [children, _jsxs("div", __assign({ className: "flex justify-end gap-x-8 py-9" }, { children: [_jsxs("div", __assign({ className: "flex gap-x-2.5 items-center" }, { children: [_jsx("label", __assign({ htmlFor: "accept-terms" }, { children: _jsx(Text, __assign({ size: "sm", as: "span" }, { children: "I've read and accept the cancellation policy." })) })), _jsx(Checkbox, { id: "accept-terms", checked: accepted, onCheckedChange: setAccepted })] })), _jsx(Button, __assign({ className: "w-[250px]", variant: "secondary", disabled: !accepted, onClick: onSubmit }, { children: "Next" }))] }))] })));
+    return (_jsxs("div", __assign({ className: "cancellation-policy" }, { children: [children, _jsxs("div", __assign({ className: "flex justify-end gap-x-5 py-9" }, { children: [_jsx("div", __assign({ className: "flex gap-x-2.5 items-center" }, { children: _jsx(Checkbox, { checked: accepted, onChange: setAccepted, label: "I've read and accept the cancellation policy.", labelPosition: "leading" }) })), _jsx(Button, __assign({ className: "w-[250px]", variant: "secondary", disabled: !accepted, onClick: onSubmit }, { children: "Next" }))] }))] })));
 };
 DialogContentPolicy.Accommodation = DialogCancellationAccom;
 DialogContentPolicy.Excursion = DialogCancellationExcursion;

package/dist/components/organisms/Booking/BookingPaxList.d.ts

@@ -2,24 +2,88 @@ import React from 'react';
 import { BookingPaxAccomProps, BookingPaxExcursionProps, BookingPaxTransferProps } from '../../molecules/BookingPax';
 import { BookingPaxClientInfo, BookingPaxClientOptions } from '../../molecules/BookingPax/BookingPaxClient/BookingPaxClient';
 export interface BookingPaxData {
+    /**
+     * The type of the booking pax.
+     */
     type: 'accommodation' | 'excursion' | 'transfer';
+    /**
+     * The data of the booking pax.
+     */
     data: Omit<BookingPaxAccomProps, 'clientsInfo'> | Omit<BookingPaxExcursionProps, 'clientsInfo'> | Omit<BookingPaxTransferProps, 'clientsInfo'>;
 }
 export interface BookingPaxAutoFilledData {
+    /**
+     * The type of the booking pax.
+     */
     type: BookingPaxData['type'];
+    /**
+     * The parent index of the booking pax.
+     */
     parentIndex: number;
+    /**
+     * The room index of the booking pax.
+     */
     roomIndex?: number;
+    /**
+     * The selected clients of the booking pax.
+     */
     selectedClients: BookingPaxClientInfo[];
 }
 export interface BookingPaxProps {
+    /**
+     * The data of the booking pax.
+     */
     data: BookingPaxData[];
+    /**
+     * The clients info of the booking pax.
+     */
     clientsInfo: BookingPaxClientInfo[];
+    /**
+     * Whether the booking pax is submitted.
+     */
     isSubmitted?: boolean;
+    /**
+     * The callback function to call when the pax changes.
+     */
     onPaxChange?: (index: number, type: BookingPaxData['type'], options: BookingPaxClientOptions) => void;
+    /**
+     * The callback function to call when the remark changes.
+     */
     onRemarkChange?: (index: number, type: BookingPaxData['type'], value: string) => void;
+    /**
+     * The callback function to call when the error changes.
+     */
     onError?: (index: number, type: BookingPaxData['type'], hasError: boolean) => void;
+    /**
+     * The callback function to call when the time changes.
+     */
     onTimeChange?: (index: number, value: string | string[]) => void;
+    /**
+     * The callback function to call when the flight number changes.
+     */
     onFlightNumberChange?: (index: number, value: string) => void;
+    /**
+     * The callback function to call when the auto filled data changes.
+     */
     onAutoFilled?: (data: BookingPaxAutoFilledData[]) => void;
 }
+/**
+ * BookingPaxList is a component that allows the user to select the pax for a booking.
+ *
+ * @example
+ * <BookingPaxList
+ *  data={data}
+ *  clientsInfo={clientsInfo}
+ *  isSubmitted={isSubmitted}
+ *  onPaxChange={onPaxChange}
+ *  onRemarkChange={onRemarkChange}
+ *  onError={onError}
+ *  onTimeChange={onTimeChange}
+ *  onFlightNumberChange={onFlightNumberChange}
+ *  onAutoFilled={onAutoFilled}
+ * />
+ *
+ * @param props - The props for the BookingPaxList component.
+ * @returns The BookingPaxList component.
+ */
 export declare const BookingPaxList: React.FC<BookingPaxProps>;

package/dist/components/organisms/Booking/BookingPaxList.js

@@ -31,6 +31,25 @@ var isExcursionData = function (data) {
 var isTransferData = function (data) {
     return 'from' in data && 'to' in data && 'type' in data;
 };
+/**
+ * BookingPaxList is a component that allows the user to select the pax for a booking.
+ *
+ * @example
+ * <BookingPaxList
+ *  data={data}
+ *  clientsInfo={clientsInfo}
+ *  isSubmitted={isSubmitted}
+ *  onPaxChange={onPaxChange}
+ *  onRemarkChange={onRemarkChange}
+ *  onError={onError}
+ *  onTimeChange={onTimeChange}
+ *  onFlightNumberChange={onFlightNumberChange}
+ *  onAutoFilled={onAutoFilled}
+ * />
+ *
+ * @param props - The props for the BookingPaxList component.
+ * @returns The BookingPaxList component.
+ */
 export var BookingPaxList = function (props) {
     var data = props.data, isSubmitted = props.isSubmitted, clientsInfo = props.clientsInfo, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onError = props.onError, onTimeChange = props.onTimeChange, onFlightNumberChange = props.onFlightNumberChange, onAutoFilled = props.onAutoFilled;
     var _a = useState([]), autoFilledData = _a[0], setAutoFilledData = _a[1];

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>;