mautourco-components 0.2.21 → 0.2.22

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/TabCancellationPolicy/CancellationAccom.d.ts

@@ -1,11 +1,36 @@
 import { HeaderAccomProps } from './HeaderAccom';
 import { Policy } from './PolicyAccom/PolicyAccom';
 export interface CancellationAccomProps extends HeaderAccomProps {
+    /**
+     * The image of the cancellation accommodation.
+     */
     image: string;
+    /**
+     * Whether the cancellation accommodation is on request.
+     */
     isOnRequest?: boolean;
+    /**
+     * The room policies of the cancellation accommodation.
+     */
     roomPolicies: Array<{
         roomName: string;
         policies: Policy[];
     }>;
 }
+/**
+ * CancellationAccom is a component that allows the user to display the cancellation accommodation.
+ *
+ * @example
+ * <CancellationAccom
+ *  hotelName="Hotel Name"
+ *  pax="8 pax"
+ *  dates={['2024-01-01', '2024-01-02']}
+ *  image="/images/accom.png"
+ *  roomPolicies={roomPolicies}
+ *  isOnRequest={false}
+ * />
+ *
+ * @param props - The props for the CancellationAccom component.
+ * @returns The CancellationAccom component.
+ */
 export default function CancellationAccom(props: CancellationAccomProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabCancellationPolicy/CancellationAccom.js

@@ -13,6 +13,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import CancellationBody from './CancellationBody';
 import CancellationHeader from './CancellationHeader';
 import DetailsCancellationPolicy from './TabCancellationPolicy';
+/**
+ * CancellationAccom is a component that allows the user to display the cancellation accommodation.
+ *
+ * @example
+ * <CancellationAccom
+ *  hotelName="Hotel Name"
+ *  pax="8 pax"
+ *  dates={['2024-01-01', '2024-01-02']}
+ *  image="/images/accom.png"
+ *  roomPolicies={roomPolicies}
+ *  isOnRequest={false}
+ * />
+ *
+ * @param props - The props for the CancellationAccom component.
+ * @returns The CancellationAccom component.
+ */
 export default function CancellationAccom(props) {
     var hotelName = props.hotelName, pax = props.pax, dates = props.dates, image = props.image, roomPolicies = props.roomPolicies, isOnRequest = props.isOnRequest;
     return (_jsx(DetailsCancellationPolicy.Layout, __assign({ title: "Accommodation", icon: "accom", isOnRequest: isOnRequest, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Accom, { hotelName: hotelName, pax: pax, dates: dates }) }) }, { children: _jsx(CancellationBody, { children: roomPolicies.map(function (roomPolicy, index) { return (_jsx(CancellationBody.Accom, { roomName: roomPolicy.roomName, policies: roomPolicy.policies }, index)); }) }) })));

package/dist/components/organisms/TabCancellationPolicy/CancellationBody.d.ts

@@ -2,6 +2,30 @@ import React from 'react';
 import PolicyAccom from './PolicyAccom/PolicyAccom';
 import PolicyExcursion from './PolicyExcursion';
 import PolicyTransfer from './PolicyTransfer';
+/**
+ * CancellationBody is a component that allows the user to display the cancellation body.
+ *
+ * @example
+ * <CancellationBody>
+ *  <CancellationBody.Accom
+ *    roomName="Room Name"
+ *    policies={policies}
+ *  />
+ *  <CancellationBody.Excursion
+ *    name="Excursion Name"
+ *    date="2024-01-01"
+ *    pickUpPoint="Pick Up Point"
+ *    policies={policies}
+ *  />
+ *  <CancellationBody.Transfer
+ *    carName="Car Name"
+ *    transferData={transferData}
+ *  />
+ * </CancellationBody>
+ *
+ * @param props - The props for the CancellationBody component.
+ * @returns The CancellationBody component.
+ */
 declare function CancellationBody(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 declare namespace CancellationBody {
     var Accom: typeof PolicyAccom;

package/dist/components/organisms/TabCancellationPolicy/CancellationBody.js

@@ -13,6 +13,30 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import PolicyAccom from './PolicyAccom/PolicyAccom';
 import PolicyExcursion from './PolicyExcursion';
 import PolicyTransfer from './PolicyTransfer';
+/**
+ * CancellationBody is a component that allows the user to display the cancellation body.
+ *
+ * @example
+ * <CancellationBody>
+ *  <CancellationBody.Accom
+ *    roomName="Room Name"
+ *    policies={policies}
+ *  />
+ *  <CancellationBody.Excursion
+ *    name="Excursion Name"
+ *    date="2024-01-01"
+ *    pickUpPoint="Pick Up Point"
+ *    policies={policies}
+ *  />
+ *  <CancellationBody.Transfer
+ *    carName="Car Name"
+ *    transferData={transferData}
+ *  />
+ * </CancellationBody>
+ *
+ * @param props - The props for the CancellationBody component.
+ * @returns The CancellationBody component.
+ */
 export default function CancellationBody(props) {
     return _jsx("div", __assign({ className: "cancellation-body" }, props));
 }

package/dist/components/organisms/TabCancellationPolicy/CancellationExcursion.d.ts

@@ -1,8 +1,38 @@
 export interface CancellationExcursionProps {
+    /**
+     * The name of the cancellation excursion.
+     */
     name: string;
+    /**
+     * The date of the cancellation excursion.
+     */
     date: string;
+    /**
+     * The image of the cancellation excursion.
+     */
     image: string;
+    /**
+     * The pick up point of the cancellation excursion.
+     */
     pickUpPoint: string;
+    /**
+     * The policies of the cancellation excursion.
+     */
     policies: string;
 }
+/**
+ * CancellationExcursion is a component that allows the user to display the cancellation excursion.
+ *
+ * @example
+ * <CancellationExcursion
+ *  name="Excursion Name"
+ *  date="2024-01-01"
+ *  image="/images/excursion.png"
+ *  pickUpPoint="Pick Up Point"
+ *  policies="Policies"
+ * />
+ *
+ * @param props - The props for the CancellationExcursion component.
+ * @returns The CancellationExcursion component.
+ */
 export default function CancellationExcursion(props: CancellationExcursionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabCancellationPolicy/CancellationExcursion.js

@@ -13,6 +13,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import CancellationBody from './CancellationBody';
 import CancellationHeader from './CancellationHeader';
 import DetailsCancellationPolicy from './TabCancellationPolicy';
+/**
+ * CancellationExcursion is a component that allows the user to display the cancellation excursion.
+ *
+ * @example
+ * <CancellationExcursion
+ *  name="Excursion Name"
+ *  date="2024-01-01"
+ *  image="/images/excursion.png"
+ *  pickUpPoint="Pick Up Point"
+ *  policies="Policies"
+ * />
+ *
+ * @param props - The props for the CancellationExcursion component.
+ * @returns The CancellationExcursion component.
+ */
 export default function CancellationExcursion(props) {
     var name = props.name, date = props.date, image = props.image, pickUpPoint = props.pickUpPoint, policies = props.policies;
     return (_jsx(DetailsCancellationPolicy.Layout, __assign({ title: "Excursion", icon: "map", isOnRequest: false, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Excursion, { name: name, date: date }) }) }, { children: _jsx(CancellationBody, { children: _jsx(CancellationBody.Excursion, { pickUpPoint: pickUpPoint, policies: policies }) }) })));

package/dist/components/organisms/TabCancellationPolicy/CancellationHeader.d.ts

@@ -2,6 +2,29 @@
 import HeaderAccom from './HeaderAccom';
 import HeaderExcursion from './HeaderExcursion';
 import HeaderTransfer from './HeaderExcursion/HeaderTransfer';
+/**
+ * CancellationHeader is a component that allows the user to display the cancellation header.
+ *
+ * @example
+ * <CancellationHeader>
+ *  <CancellationHeader.Accom
+ *    hotelName="Hotel Name"
+ *    pax="8 pax"
+ *    dates={['2024-01-01', '2024-01-02']}
+ *  />
+ *  <CancellationHeader.Excursion
+ *    name="Excursion Name"
+ *    date="2024-01-01"
+ *  />
+ *  <CancellationHeader.Transfer
+ *    carName="Car Name"
+ *    transferData={transferData}
+ *  />
+ * </CancellationHeader>
+ *
+ * @param props - The props for the CancellationHeader component.
+ * @returns The CancellationHeader component.
+ */
 declare function CancellationHeader(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 declare namespace CancellationHeader {
     var Accom: typeof HeaderAccom;

package/dist/components/organisms/TabCancellationPolicy/CancellationHeader.js

@@ -13,6 +13,29 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import HeaderAccom from './HeaderAccom';
 import HeaderExcursion from './HeaderExcursion';
 import HeaderTransfer from './HeaderExcursion/HeaderTransfer';
+/**
+ * CancellationHeader is a component that allows the user to display the cancellation header.
+ *
+ * @example
+ * <CancellationHeader>
+ *  <CancellationHeader.Accom
+ *    hotelName="Hotel Name"
+ *    pax="8 pax"
+ *    dates={['2024-01-01', '2024-01-02']}
+ *  />
+ *  <CancellationHeader.Excursion
+ *    name="Excursion Name"
+ *    date="2024-01-01"
+ *  />
+ *  <CancellationHeader.Transfer
+ *    carName="Car Name"
+ *    transferData={transferData}
+ *  />
+ * </CancellationHeader>
+ *
+ * @param props - The props for the CancellationHeader component.
+ * @returns The CancellationHeader component.
+ */
 export default function CancellationHeader(props) {
     return _jsx("div", __assign({ className: "cancellation-header" }, props));
 }

package/dist/components/organisms/TabCancellationPolicy/CancellationTransfer.d.ts

@@ -1,7 +1,29 @@
 import { TransferData } from './HeaderExcursion/HeaderTransfer';
 export interface CancellationTransferProps {
+    /**
+     * The image of the cancellation transfer.
+     */
     image: string;
+    /**
+     * The car name of the cancellation transfer.
+     */
     carName: string;
+    /**
+     * The transfer data of the cancellation transfer.
+     */
     transferData: TransferData[];
 }
+/**
+ * CancellationTransfer is a component that allows the user to display the cancellation transfer.
+ *
+ * @example
+ * <CancellationTransfer
+ *  image="/images/transfer.png"
+ *  carName="Car Name"
+ *  transferData={transferData}
+ * />
+ *
+ * @param props - The props for the CancellationTransfer component.
+ * @returns The CancellationTransfer component.
+ */
 export default function CancellationTransfer(props: CancellationTransferProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabCancellationPolicy/CancellationTransfer.js

@@ -13,6 +13,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import CancellationBody from './CancellationBody';
 import CancellationHeader from './CancellationHeader';
 import DetailsCancellationPolicy from './TabCancellationPolicy';
+/**
+ * CancellationTransfer is a component that allows the user to display the cancellation transfer.
+ *
+ * @example
+ * <CancellationTransfer
+ *  image="/images/transfer.png"
+ *  carName="Car Name"
+ *  transferData={transferData}
+ * />
+ *
+ * @param props - The props for the CancellationTransfer component.
+ * @returns The CancellationTransfer component.
+ */
 export default function CancellationTransfer(props) {
     var image = props.image, carName = props.carName, transferData = props.transferData;
     return (_jsx(DetailsCancellationPolicy.Layout, __assign({ title: "Transfer", icon: "car", isOnRequest: false, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Transfer, { data: transferData }) }) }, { children: _jsx(CancellationBody, { children: _jsx(CancellationBody.Transfer, { carName: carName }) }) })));

package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.d.ts

@@ -1,6 +1,28 @@
 export interface HeaderAccomProps {
+    /**
+     * The hotel name of the header accommodation.
+     */
     hotelName: string;
+    /**
+     * The pax of the header accommodation.
+     */
     pax: number | string;
+    /**
+     * The dates of the header accommodation.
+     */
     dates: string[];
 }
+/**
+ * HeaderAccom is a component that allows the user to display the header accommodation.
+ *
+ * @example
+ * <HeaderAccom
+ *  hotelName="Hotel Name"
+ *  pax="8 pax"
+ *  dates={['2024-01-01', '2024-01-02']}
+ * />
+ *
+ * @param props - The props for the HeaderAccom component.
+ * @returns
+ */
 export default function HeaderAccom(props: HeaderAccomProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.js

@@ -14,6 +14,19 @@ import useStays from '@/src/hooks/useStays';
 import { DateDisplay } from '../../molecules/DateDisplay/DateDisplay';
 import { ServiceTitle } from '../../molecules/ServiceTitle/ServiceTitle';
 import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
+/**
+ * HeaderAccom is a component that allows the user to display the header accommodation.
+ *
+ * @example
+ * <HeaderAccom
+ *  hotelName="Hotel Name"
+ *  pax="8 pax"
+ *  dates={['2024-01-01', '2024-01-02']}
+ * />
+ *
+ * @param props - The props for the HeaderAccom component.
+ * @returns
+ */
 export default function HeaderAccom(props) {
     var hotelName = props.hotelName, pax = props.pax, dates = props.dates;
     var stay = useStays(dates);

package/dist/components/organisms/TabCancellationPolicy/HeaderExcursion.d.ts

@@ -1,5 +1,23 @@
 export interface HeaderExcursionProps {
+    /**
+     * The name of the header excursion.
+     */
     name: string;
+    /**
+     * The date of the header excursion.
+     */
     date: string;
 }
+/**
+ * HeaderExcursion is a component that allows the user to display the header excursion.
+ *
+ * @example
+ * <HeaderExcursion
+ *  name="Excursion Name"
+ *  date="2024-01-01"
+ * />
+ *
+ * @param props - The props for the HeaderExcursion component.
+ * @returns The HeaderExcursion component.
+ */
 export default function HeaderExcursion(props: HeaderExcursionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabCancellationPolicy/HeaderExcursion.js

@@ -1,6 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DateDisplay } from '../../molecules/DateDisplay/DateDisplay';
 import { ServiceTitle } from '../../molecules/ServiceTitle/ServiceTitle';
+/**
+ * HeaderExcursion is a component that allows the user to display the header excursion.
+ *
+ * @example
+ * <HeaderExcursion
+ *  name="Excursion Name"
+ *  date="2024-01-01"
+ * />
+ *
+ * @param props - The props for the HeaderExcursion component.
+ * @returns The HeaderExcursion component.
+ */
 export default function HeaderExcursion(props) {
     var name = props.name, date = props.date;
     return (_jsxs("div", { children: [_jsx(ServiceTitle, { title: name, textSize: "sm" }), _jsx(DateDisplay, { dates: [date], arrowSize: "xs", calendarSize: "xs" })] }));

package/dist/components/organisms/TabCancellationPolicy/PolicyAccom/PolicyAccom.css

@@ -2081,6 +2081,13 @@
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
+
+.policy-accom {
+  .chip__label {
+    column-gap: 1rem;
+  }
+}
+
 .policy-accom__period {
   display: inline-flex;
   align-items: center;

package/dist/components/organisms/TabCancellationPolicy/PolicyAccom/PolicyAccom.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import Chip from '@/src/components/atoms/Chip/Chip';
 import { Fragment } from 'react';
 import { Text } from '../../../atoms/Typography/Typography';
 import { DateDisplay } from '../../../molecules/DateDisplay/DateDisplay';
@@ -17,5 +18,5 @@ import TextWithIcon from '../../../molecules/TextWithIcon/TextWithIcon';
 import './PolicyAccom.css';
 export default function PolicyAccom(props) {
     var roomName = props.roomName, policies = props.policies, index = props.index;
-    return (_jsxs("div", __assign({ className: "policy-accom" }, { children: [_jsxs("div", __assign({ className: "grid gap-y-1" }, { children: [_jsxs(TextWithIcon, __assign({ icon: "accom" }, { children: ["Room ", index !== undefined && index + 1] })), _jsx(Text, __assign({ size: "sm" }, { children: roomName }))] })), policies.map(function (policy, index) { return (_jsxs(Fragment, { children: [_jsxs(Text, __assign({ size: "xs", variant: "medium", leading: "4", className: "policy-accom__period" }, { children: ["Policy period applies", ' ', _jsx(DateDisplay, { dates: [policy.ValidFrom, policy.ValidTo], textSize: "xs" })] })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsxs(Text, __assign({ variant: "bold", size: "xs", leading: "4" }, { children: [policy.Value, " % of total price"] })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: policy.Description }))] }))] }, "policy-".concat(index))); })] })));
+    return (_jsxs("div", __assign({ className: "policy-accom" }, { children: [_jsxs("div", __assign({ className: "grid gap-y-1" }, { children: [_jsxs(TextWithIcon, __assign({ icon: "accom" }, { children: ["Room ", index !== undefined && index + 1] })), _jsx(Text, __assign({ size: "sm" }, { children: roomName }))] })), policies.map(function (policy, index) { return (_jsxs(Fragment, { children: [_jsxs(Chip, __assign({ type: "outline", color: "brand", isBlackText: true }, { children: ["Policy period applies", ' ', _jsx(DateDisplay, { dates: [policy.ValidFrom, policy.ValidTo], textSize: "xs" })] })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsxs(Text, __assign({ variant: "bold", size: "xs", leading: "4" }, { children: [policy.Value, " % of total price"] })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: policy.Description }))] }))] }, "policy-".concat(index))); })] })));
 }

package/dist/components/organisms/TabCancellationPolicy/PolicyExcursion.d.ts

@@ -1,5 +1,23 @@
 export interface PolicyExcursionProps {
+    /**
+     * The pick up point of the policy excursion.
+     */
     pickUpPoint: string;
+    /**
+     * The policies of the policy excursion.
+     */
     policies: string;
 }
+/**
+ * PolicyExcursion is a component that allows the user to display the policy excursion.
+ *
+ * @example
+ * <PolicyExcursion
+ *  pickUpPoint="Pick Up Point"
+ *  policies="Policies"
+ * />
+ *
+ * @param props - The props for the PolicyExcursion component.
+ * @returns
+ */
 export default function PolicyExcursion(props: PolicyExcursionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabCancellationPolicy/PolicyExcursion.js

@@ -11,6 +11,18 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
+/**
+ * PolicyExcursion is a component that allows the user to display the policy excursion.
+ *
+ * @example
+ * <PolicyExcursion
+ *  pickUpPoint="Pick Up Point"
+ *  policies="Policies"
+ * />
+ *
+ * @param props - The props for the PolicyExcursion component.
+ * @returns
+ */
 export default function PolicyExcursion(props) {
     var pickUpPoint = props.pickUpPoint, policies = props.policies;
     return (_jsxs("div", __assign({ className: "policy-excursion space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "xs", leading: "4" }, { children: "Pick-up point:" })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: pickUpPoint }))] })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: policies }))] })));

package/dist/components/organisms/TabCancellationPolicy/PolicyTransfer.d.ts

@@ -1,4 +1,15 @@
 export interface PolicyTransferProps {
     carName: string;
 }
+/**
+ * PolicyTransfer is a component that allows the user to display the policy transfer.
+ *
+ * @example
+ * <PolicyTransfer
+ *  carName="Car Name"
+ * />
+ *
+ * @param props - The props for the PolicyTransfer component.
+ * @returns
+ */
 export default function PolicyTransfer(props: PolicyTransferProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabCancellationPolicy/PolicyTransfer.js

@@ -38,6 +38,17 @@ var policies = [
         policy: '100% applicable fee claimed to the Operator',
     },
 ];
+/**
+ * PolicyTransfer is a component that allows the user to display the policy transfer.
+ *
+ * @example
+ * <PolicyTransfer
+ *  carName="Car Name"
+ * />
+ *
+ * @param props - The props for the PolicyTransfer component.
+ * @returns
+ */
 export default function PolicyTransfer(props) {
     var carName = props.carName;
     return (_jsxs("div", __assign({ className: "policy-excursion" }, { children: [_jsx(TextWithIcon, __assign({ icon: "car", textVariant: "bold", iconSize: "md", textSize: "md" }, { children: carName })), _jsx("div", __assign({ className: "grid grid-cols-2 xl:grid-cols-3 gap-x-4" }, { children: policies.map(function (policy, index) { return (_jsxs("div", __assign({ className: "mt-4" }, { children: [_jsx(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: policy.title })), _jsx("ul", __assign({ className: "pl-8" }, { children: _jsx("li", __assign({ className: "list-disc" }, { children: _jsx(Text, __assign({ size: "sm", leading: "4" }, { children: policy.policy })) })) }))] }), "policy-".concat(index))); }) }))] })));