mautourco-components 0.2.18 → 0.2.20

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

@@ -0,0 +1,11 @@
+import { IconName } from '@/src/components/atoms/Icon/Icon';
+import React from 'react';
+import './CancellationLayout.css';
+export interface CancellationLayoutProps {
+    title: React.ReactNode;
+    icon: IconName;
+    children?: React.ReactNode;
+    className?: string;
+    image: string;
+}
+export declare const CancellationLayout: React.FC<CancellationLayoutProps>;

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

@@ -0,0 +1,19 @@
+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 { cn } from '@/src/lib/utils';
+import { ServiceTitle } from '../../ServiceTitle/ServiceTitle';
+import './CancellationLayout.css';
+export var CancellationLayout = function (props) {
+    var title = props.title, icon = props.icon, children = props.children, className = props.className, image = props.image;
+    return (_jsxs("div", __assign({ className: cn('cancellation-layout', className) }, { children: [_jsx(ServiceTitle, { title: title, icon: icon }), _jsxs("div", __assign({ className: "cancellation-layout__content" }, { children: [_jsx("div", __assign({ className: "cancellation-layout__content-left" }, { children: children })), _jsx("figure", __assign({ className: "cancellation-layout__content-right" }, { children: _jsx("img", { src: image, alt: (title === null || title === void 0 ? void 0 : title.toString()) || '', width: 150, height: 200 }) }))] }))] })));
+};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RoomItem } from '@/src/types/table';
+export interface DialogCancellationAccomProps {
+    image: string;
+    hotelName: string;
+    dates: string[];
+    rooms: RoomItem[];
+}
+export declare const DialogCancellationAccom: React.FC<DialogCancellationAccomProps>;

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

@@ -0,0 +1,24 @@
+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 useStays from '@/src/hooks/useStays';
+import { Fragment } from 'react';
+import Chip from '../../atoms/Chip/Chip';
+import { Text } from '../../atoms/Typography/Typography';
+import { DateDisplay } from '../DateDisplay/DateDisplay';
+import TextWithIcon from '../TextWithIcon/TextWithIcon';
+import { CancellationLayout } from './CancellationLayout/CancellationLayout';
+export var DialogCancellationAccom = function (props) {
+    var image = props.image, hotelName = props.hotelName, dates = props.dates, rooms = props.rooms;
+    var stay = useStays(dates);
+    return (_jsx(CancellationLayout, __assign({ title: "Accommodation", icon: "accom", image: image }, { children: _jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(Text, __assign({ variant: "bold" }, { children: hotelName })), _jsx(DateDisplay, { dates: dates }), _jsxs(TextWithIcon, __assign({ icon: "night", textLeading: "4" }, { children: [stay, " Nights"] }))] })), _jsx("div", __assign({ className: "" }, { children: rooms.map(function (room, index) { return (_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsxs(TextWithIcon, __assign({ icon: "accom", textLeading: "4" }, { children: [index + 1, " Room"] })), _jsx(Text, __assign({ size: "sm" }, { children: room.RoomName }))] })), room.cancellation_policy.map(function (policy) { 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(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))); })] }), "rm-".concat(index))); }) }))] })) })));
+};

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface DialogCancellationExcursionProps {
+    image: string;
+    excursionName: string;
+    date: string;
+    policy: {
+        title: string;
+        description: string;
+    };
+    details: {
+        duration: string;
+        meal: string;
+        accessibility: string;
+        transferType: string;
+    };
+}
+export declare const DialogCancellationExcursion: React.FC<DialogCancellationExcursionProps>;

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

@@ -0,0 +1,20 @@
+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 { Text } from '../../atoms/Typography/Typography';
+import { DateDisplay } from '../DateDisplay/DateDisplay';
+import { ServiceInfo } from '../ServiceInfo/ServiceInfo';
+import { CancellationLayout } from './CancellationLayout/CancellationLayout';
+export var DialogCancellationExcursion = function (props) {
+    var image = props.image, excursionName = props.excursionName, date = props.date, details = props.details, policy = props.policy;
+    return (_jsx(CancellationLayout, __assign({ title: "Excursion", icon: "map", image: image }, { children: _jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(Text, __assign({ variant: "bold" }, { children: excursionName })), _jsx(DateDisplay, { dates: [date] })] })), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, __assign({ icon: "stopwatch", label: "Duration" }, { children: details.duration })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", label: "Meal" }, { children: details.meal })), _jsx(ServiceInfo.Item, __assign({ icon: "bike", label: "Difficulty" }, { children: details.accessibility })), _jsx(ServiceInfo.Item, __assign({ icon: "car", label: "Transfer Type" }, { children: details.transferType }))] }), _jsxs("div", __assign({ className: "" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "xs", leading: "4" }, { children: policy.title })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: policy.description }))] }))] })) })));
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DialogCancellationAccomProps } from './DialogCancellationAccom';
+import { DialogCancellationExcursionProps } from './DialogCancellationExcursion';
+export interface CancellationItem {
+    type: 'accommodation' | 'excursion';
+    data: DialogCancellationAccomProps | DialogCancellationExcursionProps;
+}
+export interface DialogCancellationListProps {
+    cancellations: CancellationItem[];
+}
+export declare const DialogCancellationList: React.FC<DialogCancellationListProps>;

package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.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 } from "react/jsx-runtime";
+import { DialogCancellationAccom, } from './DialogCancellationAccom';
+import { DialogCancellationExcursion, } from './DialogCancellationExcursion';
+import { DialogContentPolicy } from './DialogContentPolicy';
+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));
+            }
+            if (c.type === 'excursion' && isExcursion(c.data)) {
+                return _jsx(DialogCancellationExcursion, __assign({}, c.data), "exc-".concat(index));
+            }
+            return null;
+        }) }));
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface DialogContentPolicyProps {
+    children: React.ReactNode;
+    onSubmit?: () => void;
+}
+export declare const DialogContentPolicy: {
+    (props: DialogContentPolicyProps): import("react/jsx-runtime").JSX.Element;
+    Accommodation: React.FC<import("./DialogCancellationAccom").DialogCancellationAccomProps>;
+    Excursion: React.FC<import("./DialogCancellationExcursion").DialogCancellationExcursionProps>;
+    List: React.FC<import("./DialogCancellationList").DialogCancellationListProps>;
+};

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

@@ -0,0 +1,27 @@
+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 { Text } from '../../atoms/Typography/Typography';
+import { Checkbox } from '../../ui/checkbox';
+import { DialogCancellationAccom } from './DialogCancellationAccom';
+import { DialogCancellationExcursion } from './DialogCancellationExcursion';
+import { DialogCancellationList } from './DialogCancellationList';
+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" }))] }))] })));
+};
+DialogContentPolicy.Accommodation = DialogCancellationAccom;
+DialogContentPolicy.Excursion = DialogCancellationExcursion;
+DialogContentPolicy.List = DialogCancellationList;

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

@@ -0,0 +1,4 @@
+export * from './DialogContentPolicy';
+export type { CancellationLayoutProps } from './CancellationLayout/CancellationLayout';
+export type { DialogCancellationAccomProps } from './DialogCancellationAccom';
+export type { DialogCancellationExcursionProps } from './DialogCancellationExcursion';

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

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