mautourco-components 0.2.159 → 0.2.161

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

@@ -43,5 +43,6 @@ export function CancellationsList(props) {
  * @returns The DialogCancellationList component.
  */
 export function DialogCancellationList(props) {
-    return (_jsx(DialogContentPolicy, { children: _jsx(CancellationsList, __assign({}, props)) }));
+    var cancellations = props.cancellations, onSubmit = props.onSubmit;
+    return (_jsx(DialogContentPolicy, { onSubmit: onSubmit, children: _jsx(CancellationsList, { cancellations: cancellations }) }));
 }

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

@@ -12,6 +12,10 @@ export interface BookingCancellationPolicyProps {
      * The cancellations to display.
      */
     cancellations: CancellationPolicyItem[];
+    /**
+     * The callback function to call when the submit button is clicked.
+     */
+    onSubmit?: () => void;
 }
 /**
  * BookingCancellationPolicy is a component that allows the user to display the booking cancellation policy.

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

@@ -15,6 +15,6 @@ import { DialogBookingConfirm } from './DialogBookingConfirm';
  * @returns The BookingCancellationPolicy component.
  */
 export function BookingCancellationPolicy(props) {
-    var open = props.open, setOpen = props.setOpen, cancellations = props.cancellations;
-    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, title: "Confirmation of Terms & Cancellation policy", className: "!max-w-[800px]", children: _jsx(DialogContentPolicy.List, { cancellations: cancellations }) }));
+    var open = props.open, setOpen = props.setOpen, cancellations = props.cancellations, onSubmit = props.onSubmit;
+    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, title: "Confirmation of Terms & Cancellation policy", className: "!max-w-[800px]", children: _jsx(DialogContentPolicy.List, { cancellations: cancellations, onSubmit: onSubmit }) }));
 }

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

@@ -3,6 +3,10 @@ export interface BookingMailSentProps {
      * Whether the dialog is open.
      */
     open: boolean;
+    /**
+     * The illustration to display.
+     */
+    illustration?: string;
     /**
      * The callback function to call when the dialog is closed.
      */

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

@@ -15,6 +15,6 @@ import { DialogBookingConfirm } from './DialogBookingConfirm';
  * @returns
  */
 export function BookingMailSent(props) {
-    var open = props.open, setOpen = props.setOpen, onNext = props.onNext;
-    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, className: "!max-w-[800px]", children: _jsxs("div", { className: "space-y-9", children: [_jsxs("div", { 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, { as: "p", level: 6, variant: "medium", className: "text-center", children: "You will receive a copy of your booking in your mail inbox." })] }), _jsx(Button, { variant: "secondary", onClick: onNext, className: "w-full", children: "Go to booking grid" })] }) }));
+    var open = props.open, setOpen = props.setOpen, onNext = props.onNext, _a = props.illustration, illustration = _a === void 0 ? '/images/svg/booking-mail-sent.svg' : _a;
+    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, className: "!max-w-[800px]", children: _jsxs("div", { className: "space-y-9", children: [_jsxs("div", { className: "space-y-8", children: [_jsx("img", { src: illustration, alt: "Booking success", className: "mx-auto", width: 150, height: 150 }), _jsx(Heading, { as: "p", level: 6, variant: "medium", className: "text-center", children: "You will receive a copy of your booking in your mail inbox." })] }), _jsx(Button, { variant: "secondary", onClick: onNext, className: "w-full", children: "Go to booking grid" })] }) }));
 }

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

@@ -7,6 +7,10 @@ export interface BookingSuccessProps {
      * The name of the booking.
      */
     bookingName: string;
+    /**
+     * The illustration to display.
+     */
+    illustration?: string;
     /**
      * The callback function to call when the dialog is closed.
      */

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

@@ -17,6 +17,6 @@ import { DialogBookingConfirm } from './DialogBookingConfirm';
  * @returns The BookingSuccess component.
  */
 export function BookingSuccess(props) {
-    var open = props.open, bookingName = props.bookingName, setOpen = props.setOpen, onNext = props.onNext;
-    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, className: "!max-w-[800px]", children: _jsxs("div", { className: "space-y-9", children: [_jsxs("div", { 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", { className: "text-center", children: [_jsx(Heading, { as: "p", level: 6, variant: "medium", children: "Your booking has been successfully confirmed!" }), _jsxs(Text, { variant: "bold", size: "lg", children: ["\"", bookingName, "\""] })] })] }), _jsx(Button, { variant: "secondary", onClick: onNext, className: "w-full", children: "Confirm booking" })] }) }));
+    var open = props.open, bookingName = props.bookingName, setOpen = props.setOpen, onNext = props.onNext, _a = props.illustration, illustration = _a === void 0 ? '/images/svg/booking-confirm.svg' : _a;
+    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, className: "!max-w-[800px]", children: _jsxs("div", { className: "space-y-9", children: [_jsxs("div", { className: "space-y-8", children: [_jsx("img", { src: illustration, alt: "Booking success", className: "mx-auto", width: 150, height: 150 }), _jsxs("div", { className: "text-center", children: [_jsx(Heading, { as: "p", level: 6, variant: "medium", children: "Your booking has been successfully confirmed!" }), _jsxs(Text, { variant: "bold", size: "lg", children: ["\"", bookingName, "\""] })] })] }), _jsx(Button, { variant: "secondary", onClick: onNext, className: "w-full", children: "Confirm booking" })] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.159",
+  "version": "0.2.161",
   "private": false,
   "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",

package/src/components/molecules/DialogContentPolicy/DialogCancellationList.tsx

@@ -71,9 +71,10 @@ export function CancellationsList(props: DialogCancellationListProps) {
  * @returns The DialogCancellationList component.
  */
 export function DialogCancellationList(props: DialogCancellationListProps) {
+  const { cancellations, onSubmit } = props;
   return (
-    <DialogContentPolicy>
-      <CancellationsList {...props} />
+    <DialogContentPolicy onSubmit={onSubmit}>
+      <CancellationsList cancellations={cancellations} />
     </DialogContentPolicy>
   );
 }

package/src/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.tsx

@@ -15,6 +15,10 @@ export interface BookingCancellationPolicyProps {
    * The cancellations to display.
    */
   cancellations: CancellationPolicyItem[];
+  /**
+   * The callback function to call when the submit button is clicked.
+   */
+  onSubmit?: () => void;
 }
 
 /**
@@ -31,14 +35,14 @@ export interface BookingCancellationPolicyProps {
  * @returns The BookingCancellationPolicy component.
  */
 export function BookingCancellationPolicy(props: BookingCancellationPolicyProps) {
-  const { open, setOpen, cancellations } = props;
+  const { open, setOpen, cancellations, onSubmit } = props;
   return (
     <DialogBookingConfirm
       open={open}
       setOpen={setOpen}
       title="Confirmation of Terms & Cancellation policy"
       className="!max-w-[800px]">
-      <DialogContentPolicy.List cancellations={cancellations} />
+      <DialogContentPolicy.List cancellations={cancellations} onSubmit={onSubmit} />
     </DialogBookingConfirm>
   );
 }

package/src/components/organisms/DialogBookingConfirm/BookingMailSent.tsx

@@ -6,6 +6,10 @@ export interface BookingMailSentProps {
    * Whether the dialog is open.
    */
   open: boolean;
+  /**
+   * The illustration to display.
+   */
+  illustration?: string;
   /**
    * The callback function to call when the dialog is closed.
    */
@@ -30,13 +34,18 @@ export interface BookingMailSentProps {
  * @returns
  */
 export function BookingMailSent(props: BookingMailSentProps) {
-  const { open, setOpen, onNext } = props;
+  const {
+    open,
+    setOpen,
+    onNext,
+    illustration = '/images/svg/booking-mail-sent.svg',
+  } = props;
   return (
     <DialogBookingConfirm open={open} setOpen={setOpen} className="!max-w-[800px]">
       <div className="space-y-9">
         <div className="space-y-8">
           <img
-            src="/images/svg/booking-mail-sent.svg"
+            src={illustration}
             alt="Booking success"
             className="mx-auto"
             width={150}

package/src/components/organisms/DialogBookingConfirm/BookingSuccess.tsx

@@ -10,6 +10,10 @@ export interface BookingSuccessProps {
    * The name of the booking.
    */
   bookingName: string;
+  /**
+   * The illustration to display.
+   */
+  illustration?: string;
   /**
    * The callback function to call when the dialog is closed.
    */
@@ -36,13 +40,19 @@ export interface BookingSuccessProps {
  * @returns The BookingSuccess component.
  */
 export function BookingSuccess(props: BookingSuccessProps) {
-  const { open, bookingName, setOpen, onNext } = props;
+  const {
+    open,
+    bookingName,
+    setOpen,
+    onNext,
+    illustration = '/images/svg/booking-confirm.svg',
+  } = props;
   return (
     <DialogBookingConfirm open={open} setOpen={setOpen} className="!max-w-[800px]">
       <div className="space-y-9">
         <div className="space-y-8">
           <img
-            src="/images/svg/booking-confirm.svg"
+            src={illustration}
             alt="Booking success"
             className="mx-auto"
             width={150}