mautourco-components 0.2.160 → 0.2.161

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.160",
+  "version": "0.2.161",
   "private": false,
   "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",

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}