mautourco-components 0.2.23 → 0.2.24

package/dist/components/atoms/Icon/icons/LineIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface LineIconProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    color?: string;
+}
+declare const LineIcon: React.FC<LineIconProps>;
+export default LineIcon;

package/dist/components/atoms/Icon/icons/LineIcon.js

@@ -0,0 +1,21 @@
+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";
+var LineIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
+    // Line icon always takes full width and has 1px height
+    var classes = "w-full h-px ".concat(className);
+    // Default stroke color from Figma: #A3A3A3
+    var strokeColor = color || '#A3A3A3';
+    return (_jsx("svg", __assign({ className: classes, xmlns: "http://www.w3.org/2000/svg", width: "336", height: "1", viewBox: "0 0 336 1", fill: "none", preserveAspectRatio: "none", style: { width: '100%', height: '1px' } }, { children: _jsx("path", { d: "M0 0.5L336 0.499971", stroke: strokeColor, strokeDasharray: "4 4" }) })));
+};
+export default LineIcon;

package/dist/components/atoms/Icon/icons/registry.d.ts

@@ -67,6 +67,7 @@ export declare const ICONS: {
     readonly bike: IconComponent;
     readonly air: IconComponent;
     readonly luggage: IconComponent;
+    readonly line: IconComponent;
     readonly 'car-front': IconComponent;
     readonly sea: IconComponent;
     readonly catamaran: IconComponent;

package/dist/components/atoms/Icon/icons/registry.js

@@ -40,6 +40,7 @@ import FacebookIcon from './FacebookIcon';
 import HomeIcon from './HomeIcon';
 import InfoIcon from './InfoIcon';
 import LandIcon from './Land';
+import LineIcon from './LineIcon';
 import LinkedInIcon from './LinkedInIcon';
 import LuggageIcon from './LuggageIcon';
 import MapIcon from './MapIcon';
@@ -135,6 +136,7 @@ export var ICONS = {
     bike: BikeIcon,
     air: AirIcon,
     luggage: LuggageIcon,
+    line: LineIcon,
     'car-front': CarFrontIcon,
     sea: SeaIcon,
     catamaran: CatamaranIcon,

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AccomodationDocket as AccomodationDocketType } from '../../../types/docket/services.types';
+import '../../../styles/components/molecule/accomodation-docket.css';
+export interface AccomodationDocketProps {
+    data: AccomodationDocketType;
+}
+export declare const AccomodationDocket: React.FC<AccomodationDocketProps>;

package/dist/components/molecules/AccomodationDocket/AccomodationDocket.js

@@ -0,0 +1,69 @@
+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 { differenceInDays } from 'date-fns';
+import React from 'react';
+import Chip from '../../atoms/Chip/Chip';
+import Icon from '../../atoms/Icon/Icon';
+import { Text } from '../../atoms/Typography/Typography';
+import { DateDisplay } from '../DateDisplay/DateDisplay';
+import TextWithIcon from '../TextWithIcon/TextWithIcon';
+import '../../../styles/components/molecule/accomodation-docket.css';
+var clientTypeMap = {
+    standard: 'Standard',
+    honeymooners: 'Honeymooners',
+    vip: 'VIP',
+    vvip: 'VVIP',
+};
+export var AccomodationDocket = function (_a) {
+    var data = _a.data;
+    var HotelName = data.HotelName, TitleDescription = data.TitleDescription, Total = data.Total, Currency = data.Currency, Dates = data.Dates, Rooms = data.Rooms;
+    var calculateNights = function (dates) {
+        if (dates && dates.length >= 2) {
+            return differenceInDays(new Date(dates[1]), new Date(dates[0]));
+        }
+        return 0;
+    };
+    var formatChildrenInfo = function (room) {
+        if (!room.ChildCount || room.ChildCount === 0) {
+            return null;
+        }
+        var childrenInfo = [];
+        var paxAges = room.paxAge || [];
+        // Group children by age
+        var childGroups = [];
+        if (paxAges.length > 0) {
+            // Count children by age
+            var ageCounts_1 = {};
+            paxAges.forEach(function (age) {
+                var ageNum = typeof age === 'number' ? age : parseInt(age, 10);
+                if (!isNaN(ageNum)) {
+                    ageCounts_1[ageNum] = (ageCounts_1[ageNum] || 0) + 1;
+                }
+            });
+            Object.entries(ageCounts_1).forEach(function (_a) {
+                var age = _a[0], count = _a[1];
+                childGroups.push({ count: count, age: parseInt(age, 10) });
+            });
+        }
+        else {
+            // If no age info, just show total count
+            childGroups.push({ count: room.ChildCount, age: 0 });
+        }
+        return (_jsx("div", __assign({ className: "accomodation-docket__children" }, { children: childGroups.map(function (group, index) { return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "accomodation-docket__divider-vertical" }), _jsxs("span", __assign({ className: "accomodation-docket__child-info" }, { children: [_jsxs(Text, __assign({ size: "sm", variant: "medium", color: "default" }, { children: [group.count, " Child", group.count > 1 ? 'ren' : ''] })), group.age > 0 ? (_jsxs(Text, __assign({ size: "sm", variant: "medium", className: "accomodation-docket__child-age" }, { children: [' ', "(", group.age, " y.o)"] }))) : null] }))] }, "child-".concat(index))); }) })));
+    };
+    var renderRoomDetails = function (room, index) {
+        var isRoomEmpty = room.isEmpty || !room.Dates || room.Dates.length === 0;
+        return (_jsxs("div", __assign({ className: "accomodation-docket__room" }, { children: [_jsx("div", __assign({ className: "accomodation-docket__room-header" }, { children: _jsxs(TextWithIcon, __assign({ icon: "accom", textVariant: "bold", textSize: "sm", color: "subtle" }, { children: ["Room ", index + 1] })) })), isRoomEmpty ? (_jsx("div", __assign({ className: "accomodation-docket__room-empty" }, { children: _jsx(Text, __assign({ variant: "bold", size: "sm", color: "state-error" }, { children: "Please select your second room" })) }))) : (_jsxs("div", __assign({ className: "accomodation-docket__room-details" }, { children: [_jsxs("div", __assign({ className: "accomodation-docket__date-section" }, { children: [room.Dates && room.Dates.length >= 2 && (_jsx(DateDisplay, { dates: room.Dates, calendarSize: "sm", arrowSize: "sm", textSize: "sm", colorMode: "green" })), room.Dates && room.Dates.length >= 2 && (_jsxs(TextWithIcon, __assign({ icon: "night", textSize: "sm", color: "subtle" }, { children: [calculateNights(room.Dates), " nights"] })))] })), _jsxs("div", __assign({ className: "accomodation-docket__client-info" }, { children: [room.ClientType && (_jsxs("div", __assign({ className: "accomodation-docket__client-type" }, { children: [_jsxs(Text, __assign({ variant: "bold", size: "sm", color: "subtle" }, { children: ["Client type:", ' '] })), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle" }, { children: clientTypeMap[room.ClientType.toLowerCase()] || room.ClientType }))] }))), _jsxs("div", __assign({ className: "accomodation-docket__guests" }, { children: [room.AdultCount && room.AdultCount > 0 && (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", color: "subtle" }, { children: [room.AdultCount, " Adult", room.AdultCount > 1 ? 's' : ''] }))), room.ChildCount && room.ChildCount > 0 ? (_jsxs("div", __assign({ className: "accomodation-docket__children-wrapper" }, { children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo(room)] }))) : null] }))] })), _jsxs("div", __assign({ className: "accomodation-docket__room-info" }, { children: [room.RoomName && (_jsx(TextWithIcon, __assign({ icon: "accom", textSize: "sm", color: "subtle", textLeading: "none" }, { children: room.RoomName }))), room.MealPlan && (_jsxs("div", __assign({ className: "accomodation-docket__meal-plan" }, { children: [_jsxs("div", __assign({ className: "accomodation-docket__meal-plan-label" }, { children: [_jsx(TextWithIcon, __assign({ icon: "utensils", textSize: "sm", color: "subtle", textLeading: "none" }, { children: "Meal-Plan" })), _jsx("div", { className: "accomodation-docket__divider-vertical" })] })), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: room.MealPlan }))] })))] }))] })))] }), "room-".concat(index)));
+    };
+    return (_jsxs("div", __assign({ className: "accomodation-docket" }, { children: [_jsxs("div", __assign({ className: "accomodation-docket__header" }, { children: [_jsxs("div", __assign({ className: "accomodation-docket__title-section" }, { children: [_jsx("div", { className: "accomodation-docket__title-bar" }), _jsx(Icon, { name: "accom", size: "sm" }), _jsx(Text, __assign({ variant: "bold", size: "sm", color: "accent" }, { children: "Accommodation" }))] })), Total && Currency && (_jsxs(Chip, __assign({ type: "filled", color: "accent", size: "sm" }, { children: [Currency, " ", Total] })))] })), TitleDescription && (_jsx("div", __assign({ className: "accomodation-docket__hotel-name" }, { children: _jsx(Text, __assign({ variant: "bold", size: "base", color: "default" }, { children: TitleDescription.split('\n').map(function (line, index) { return (_jsxs(React.Fragment, { children: [line, index < TitleDescription.split('\n').length - 1 && _jsx("br", {})] }, "line-".concat(index))); }) })) }))), _jsx("div", __assign({ className: "accomodation-docket__rooms" }, { children: Rooms.map(function (room, index) { return renderRoomDetails(room, index); }) }))] })));
+};

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

@@ -0,0 +1,2 @@
+export { AccomodationDocket } from './AccomodationDocket';
+export type { AccomodationDocketProps } from './AccomodationDocket';

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

@@ -0,0 +1 @@
+export { AccomodationDocket } from './AccomodationDocket';

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

@@ -22,5 +22,5 @@ import './ResumeAccom.css';
 export var ResumeAccom = function (props) {
     var image = props.image, dates = props.dates, clientType = props.clientType, pax = props.pax, rooms = props.rooms, hotelName = props.hotelName;
     var stay = useStays(dates);
-    return (_jsxs(BookingResumeLayout, __assign({ title: "Accommodation", icon: "accom", image: image, className: "resume-accom" }, { children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", __assign({ className: "space-y-2 mt-4" }, { children: [_jsx(DateDisplay, { dates: dates, textColor: "accent" }), _jsxs(TextWithIcon, __assign({ icon: "night" }, { children: [stay, " Nights"] })), _jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: [_jsx("strong", { children: "Client types:" }), " ", clientType] })), _jsx(PaxDisplay, { pax: pax }), _jsx("div", { children: rooms.map(function (room, index) { return (_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(TextWithIcon, __assign({ icon: "accom", textSize: "sm", textVariant: "medium" }, { children: room.RoomName })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan" }, { children: room.MealPlan }))] }), "rm-".concat(index))); }) })] }))] })));
+    return (_jsxs(BookingResumeLayout, __assign({ title: "Accommodation", icon: "accom", image: image, className: "resume-accom" }, { children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", __assign({ className: "space-y-2 mt-4" }, { children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, __assign({ icon: "night" }, { children: [stay, " Nights"] })), _jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: [_jsx("strong", { children: "Client types:" }), " ", clientType] })), _jsx(PaxDisplay, { pax: pax }), _jsx("div", { children: rooms.map(function (room, index) { return (_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(TextWithIcon, __assign({ icon: "accom", textSize: "sm", textVariant: "medium" }, { children: room.RoomName })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan" }, { children: room.MealPlan }))] }), "rm-".concat(index))); }) })] }))] })));
 };

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

@@ -24,5 +24,5 @@ var mapType = {
 };
 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 }))] }))] })) })));
+    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], colorMode: "green" }), _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/ResumeTransfer.js

@@ -19,5 +19,5 @@ 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 }))] }))] })) })));
+    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], colorMode: "green" }), _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 }))] }))] })) })));
 };