mautourco-components 0.2.18 → 0.2.20

package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.d.ts

@@ -0,0 +1,15 @@
+import { BookingPax } from '@/src/types/table/booking.types';
+import React from 'react';
+import './ResumeExcursion.css';
+export interface ResumeExcursionProps {
+    image: string;
+    date: string;
+    pax: BookingPax;
+    pickUpPoint: string;
+    duration: string;
+    meal: string;
+    accessibility: string;
+    transferType: string;
+    type: 'sea' | 'land' | 'catamaran';
+}
+export declare const ResumeExcursion: React.FC<ResumeExcursionProps>;

package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.js

@@ -0,0 +1,28 @@
+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 { PaxDisplay } from '../../PaxDisplay/PaxDisplay';
+import { ServiceInfo } from '../../ServiceInfo/ServiceInfo';
+import TextWithIcon from '../../TextWithIcon/TextWithIcon';
+import { BookingResumeLayout } from '../BookingResumeLayout/BookingResumeLayout';
+import './ResumeExcursion.css';
+var mapType = {
+    sea: 'Sea excursion',
+    land: 'Land excursion',
+    catamaran: 'Cruise excursion',
+};
+export var ResumeExcursion = function (props) {
+    var image = props.image, date = props.date, pax = props.pax, pickUpPoint = props.pickUpPoint, duration = props.duration, meal = props.meal, accessibility = props.accessibility, transferType = props.transferType, type = props.type;
+    return (_jsx(BookingResumeLayout, __assign({ title: "Excursion", icon: "map", image: image, className: "resume-excursion" }, { children: _jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(DateDisplay, { dates: [date], textColor: "accent" }), _jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(TextWithIcon, __assign({ icon: type, textSize: "sm", textVariant: "medium" }, { children: mapType[type] })), _jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: [_jsx("strong", { children: "Pickup: " }), " ", pickUpPoint] }))] })), _jsx(PaxDisplay, { pax: pax }), _jsxs(ServiceInfo, __assign({ className: "space-y-1", contentTextVariant: "regular" }, { children: [_jsx(ServiceInfo.Item, __assign({ icon: "stopwatch", label: "Duration" }, { children: duration })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", label: "Meal" }, { children: meal })), _jsx(ServiceInfo.Item, __assign({ icon: "bike", label: "Difficulty" }, { children: accessibility })), _jsx(ServiceInfo.Item, __assign({ icon: "car", label: "Vehicle" }, { children: transferType }))] }))] })) })));
+};

package/dist/components/molecules/BookingResume/ResumeOtherService.d.ts

@@ -0,0 +1,6 @@
+import { BookingPax } from '@/src/types/table/booking.types';
+import React from 'react';
+export interface ResumeOtherServiceProps {
+    pax: BookingPax;
+}
+export declare const ResumeOtherService: React.FC<ResumeOtherServiceProps>;

package/dist/components/molecules/BookingResume/ResumeOtherService.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 { PaxDisplay } from '../PaxDisplay/PaxDisplay';
+import TextWithIcon from '../TextWithIcon/TextWithIcon';
+import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
+export var ResumeOtherService = function (props) {
+    var pax = props.pax;
+    return (_jsx(BookingResumeLayout, __assign({ title: "Other Services", icon: "more" }, { children: _jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(TextWithIcon, __assign({ icon: "wallet" }, { children: "Handling Fee" })), _jsx(PaxDisplay, { pax: pax })] })) })));
+};

package/dist/components/molecules/BookingResume/ResumeTransfer.d.ts

@@ -0,0 +1,12 @@
+import { BookingPax } from '@/src/types/table/booking.types';
+import React from 'react';
+import { FromToProps } from '../FromTo/FromTo';
+export interface ResumeTransferProps {
+    type: 'ARV' | 'DEP' | 'INH';
+    pax: BookingPax;
+    date: string;
+    location: Omit<FromToProps, 'transferType'>;
+    carName: string;
+    image: string;
+}
+export declare const ResumeTransfer: React.FC<ResumeTransferProps>;

package/dist/components/molecules/BookingResume/ResumeTransfer.js

@@ -0,0 +1,23 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { Text } from '../../atoms/Typography/Typography';
+import { DateDisplay } from '../DateDisplay/DateDisplay';
+import FromTo from '../FromTo/FromTo';
+import { PaxDisplay } from '../PaxDisplay/PaxDisplay';
+import TextWithIcon from '../TextWithIcon/TextWithIcon';
+import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
+export var ResumeTransfer = function (props) {
+    var type = props.type, pax = props.pax, date = props.date, location = props.location, carName = props.carName, image = props.image;
+    var transferType = type === 'ARV' ? 'Arrival' : type === 'DEP' ? 'Departure' : 'Inter-Hotel';
+    return (_jsx(BookingResumeLayout, __assign({ title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsx(Text, __assign({ color: "accent", as: "span", size: "lg" }, { children: transferType }))] }), icon: "car-front", image: image }, { children: _jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(DateDisplay, { dates: [date], textColor: "accent" }), _jsx(FromTo, { from: location.from, to: location.to }), _jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(PaxDisplay, { pax: pax }), _jsx(TextWithIcon, __assign({ icon: "car", textSize: "sm", textVariant: "medium" }, { children: carName }))] }))] })) })));
+};

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

@@ -0,0 +1,6 @@
+export * from './BookingResume';
+export type { BookingResumeLayoutProps } from './BookingResumeLayout/BookingResumeLayout';
+export type { ResumeAccomProps } from './ResumeAccom/ResumeAccom';
+export type { ResumeExcursionProps } from './ResumeExcursion/ResumeExcursion';
+export type { ResumeOtherServiceProps } from './ResumeOtherService';
+export type { ResumeTransferProps } from './ResumeTransfer';

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

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

package/dist/components/molecules/Calendar/CalendarInput.d.ts

@@ -1,11 +1,12 @@
-import React from "react";
+import React from 'react';
+import { IconName } from '../../atoms/Icon/Icon';
 export interface CalendarInputProps {
     /** Placeholder text */
     placeholder?: string;
     /** Selected date value (formatted as string) */
     value?: string;
     /** State of the input: default, active, typing, disabled, success, error */
-    state?: "default" | "active" | "typing" | "disabled" | "success" | "error";
+    state?: 'default' | 'active' | 'typing' | 'disabled' | 'success' | 'error';
     /** Helper/support text below input */
     /** Whether the input is disabled */
     disabled?: boolean;
@@ -24,11 +25,13 @@ export interface CalendarInputProps {
     /** Whether the calendar icon has full bg*/
     iconBGFull?: boolean;
     /** Position of the calendar icon: left or right */
-    iconPosition?: "left" | "right";
+    iconPosition?: 'left' | 'right';
     /** Show chevron on the right when icon is on the left */
     showChevron?: boolean;
     /** Whether the calendar popover is open */
     isOpen?: boolean;
+    /** Icon to display on the left of the input */
+    icon?: IconName;
 }
 declare const CalendarInput: React.FC<CalendarInputProps>;
 export default CalendarInput;

package/dist/components/molecules/Calendar/CalendarInput.js

@@ -10,15 +10,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import Icon from "../../atoms/Icon/Icon";
+import React, { useState } from 'react';
+import Icon from '../../atoms/Icon/Icon';
 var CalendarInput = function (_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Select date" : _b, _c = _a.value, value = _c === void 0 ? "" : _c, _d = _a.state, state = _d === void 0 ? "default" : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onClick = _a.onClick, onCalendarClick = _a.onCalendarClick, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, _f = _a.className, className = _f === void 0 ? "" : _f, _g = _a.iconBGFull, iconBGFull = _g === void 0 ? true : _g, _h = _a.iconPosition, iconPosition = _h === void 0 ? "right" : _h, _j = _a.showChevron, showChevron = _j === void 0 ? false : _j, _k = _a.isOpen, isOpen = _k === void 0 ? false : _k;
-    var _l = useState(false), isFocused = _l[0], setIsFocused = _l[1];
-    var _m = useState(value), localValue = _m[0], setLocalValue = _m[1];
-    var _o = useState(false), isTyping = _o[0], setIsTyping = _o[1];
-    var finalState = disabled ? "disabled" : state;
-    var displayState = isFocused && isTyping ? "typing" : isFocused ? "active" : finalState;
+    var _b = _a.placeholder, placeholder = _b === void 0 ? 'Select date' : _b, _c = _a.value, value = _c === void 0 ? '' : _c, _d = _a.state, state = _d === void 0 ? 'default' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onClick = _a.onClick, onCalendarClick = _a.onCalendarClick, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.iconBGFull, iconBGFull = _g === void 0 ? true : _g, _h = _a.iconPosition, iconPosition = _h === void 0 ? 'right' : _h, _j = _a.showChevron, showChevron = _j === void 0 ? false : _j, _k = _a.isOpen, isOpen = _k === void 0 ? false : _k, _l = _a.icon, icon = _l === void 0 ? 'calendar' : _l;
+    var _m = useState(false), isFocused = _m[0], setIsFocused = _m[1];
+    var _o = useState(value), localValue = _o[0], setLocalValue = _o[1];
+    var _p = useState(false), isTyping = _p[0], setIsTyping = _p[1];
+    var finalState = disabled ? 'disabled' : state;
+    var displayState = isFocused && isTyping ? 'typing' : isFocused ? 'active' : finalState;
     var handleInputChange = function (e) {
         var newValue = e.target.value;
         setLocalValue(newValue);
@@ -43,7 +43,7 @@ var CalendarInput = function (_a) {
     React.useEffect(function () {
         setLocalValue(value);
     }, [value]);
-    var iconButton = (_jsx("button", __assign({ type: "button", className: "calendar-input__icon-button ".concat(iconBGFull ? " calendar-input__icon-button--full-bg" : "", " calendar-input__icon-button--").concat(iconPosition), onClick: handleCalendarClick, disabled: disabled, "aria-label": "Open calendar picker", title: "Select date" }, { children: _jsx(Icon, { name: "calendar", size: "sm", className: "calendar-input__icon" }) })));
-    return (_jsxs("div", __assign({ className: "calendar-input calendar-input--".concat(displayState, " calendar-input--icon-").concat(iconPosition, " ").concat(className).trim(), "data-node-id": "3425:11289", onClick: onClick }, { children: [iconPosition === "left" && iconButton, _jsxs("div", __assign({ className: "calendar-input__input-wrapper" }, { children: [_jsx("input", { type: "text", className: "calendar-input__field", placeholder: placeholder, value: localValue || placeholder, disabled: disabled, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, readOnly: true, "aria-label": "Select date" }), iconPosition === "left" && showChevron && (_jsx("div", __assign({ className: "calendar-input__chevron ".concat(isOpen ? 'calendar-input__chevron--open' : '') }, { children: _jsx(Icon, { name: "chevron-down", size: "sm" }) })))] })), iconPosition === "right" && iconButton] })));
+    var iconButton = (_jsx("button", __assign({ type: "button", className: "calendar-input__icon-button ".concat(iconBGFull ? ' calendar-input__icon-button--full-bg' : '', " calendar-input__icon-button--").concat(iconPosition), onClick: handleCalendarClick, disabled: disabled, "aria-label": "Open calendar picker", title: "Select date" }, { children: _jsx(Icon, { name: icon, size: "sm", className: "calendar-input__icon" }) })));
+    return (_jsxs("div", __assign({ className: "calendar-input calendar-input--".concat(displayState, " calendar-input--icon-").concat(iconPosition, " ").concat(className).trim(), "data-node-id": "3425:11289", onClick: onClick }, { children: [iconPosition === 'left' && iconButton, _jsxs("div", __assign({ className: "calendar-input__input-wrapper" }, { children: [_jsx("input", { type: "text", className: "calendar-input__field", placeholder: placeholder, value: localValue || placeholder, disabled: disabled, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, readOnly: true, "aria-label": 'Select date' }), iconPosition === 'left' && showChevron && (_jsx("div", __assign({ className: "calendar-input__chevron ".concat(isOpen ? 'calendar-input__chevron--open' : '') }, { children: _jsx(Icon, { name: 'chevron-down', size: "sm" }) })))] })), iconPosition === 'right' && iconButton] })));
 };
 export default CalendarInput;

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

@@ -9,6 +9,8 @@ export interface DateDisplayProps {
     calendarSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /** Size of the text */
     textSize?: TextProps['size'];
+    /** Text color */
+    textColor?: TextProps['color'];
 }
 /**
  * A component for displaying a list of dates in a readable format.

package/dist/components/molecules/DateDisplay/DateDisplay.js

@@ -23,7 +23,7 @@ import { Text } from '../../atoms/Typography/Typography';
  * @returns
  */
 export var DateDisplay = function (_a) {
-    var dates = _a.dates, _b = _a.arrowSize, arrowSize = _b === void 0 ? 'sm' : _b, _c = _a.calendarSize, calendarSize = _c === void 0 ? 'sm' : _c, _d = _a.textSize, textSize = _d === void 0 ? 'sm' : _d;
+    var dates = _a.dates, _b = _a.arrowSize, arrowSize = _b === void 0 ? 'sm' : _b, _c = _a.calendarSize, calendarSize = _c === void 0 ? 'sm' : _c, _d = _a.textSize, textSize = _d === void 0 ? 'sm' : _d, _e = _a.textColor, textColor = _e === void 0 ? 'default' : _e;
     var formattedDate = useMemo(function () {
         return dates.map(function (d) {
             var dateObj = new Date(d);
@@ -35,5 +35,5 @@ export var DateDisplay = function (_a) {
             return d;
         });
     }, [dates]);
-    return (_jsx("div", __assign({ className: "flex items-center gap-x-3" }, { children: formattedDate.map(function (date, index) { return (_jsxs(Fragment, { children: [_jsxs("span", __assign({ className: "flex items-center gap-x-2" }, { children: [_jsx(Icon, { name: "calendar2", size: calendarSize }), _jsx(Text, __assign({ variant: "medium", size: textSize }, { children: date }))] })), formattedDate.length > 1 && index === 0 && (_jsx(Icon, { name: "arrow-right-outline", size: arrowSize }))] }, "dd-".concat(index))); }) })));
+    return (_jsx(Text, __assign({ className: "flex items-center gap-x-3", as: "div", color: textColor }, { children: formattedDate.map(function (date, index) { return (_jsxs(Fragment, { children: [_jsxs(Text, __assign({ className: "flex items-center gap-x-2", color: textColor, as: "span" }, { children: [_jsx(Icon, { name: "calendar2", size: calendarSize }), _jsx(Text, __assign({ variant: "medium", size: textSize, color: textColor }, { children: date }))] })), formattedDate.length > 1 && index === 0 && (_jsx(Icon, { name: "arrow-right-outline", size: arrowSize }))] }, "dd-".concat(index))); }) })));
 };