mautourco-components 0.2.22 → 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/PlusCircleIcon.js

@@ -31,6 +31,6 @@ var PlusCircleIcon = function (_a) {
     var sizeClasses = getSizeClasses();
     var colorClass = color ? "text-".concat(color) : 'text-current';
     var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
-    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7074_66340)" }, { children: _jsx("path", { d: "M13.915 8.00098C13.915 4.7334 11.2666 2.08416 7.99902 2.08398C4.73134 2.08398 2.08203 4.73329 2.08203 8.00098C2.08221 11.2685 4.73145 13.917 7.99902 13.917C11.2664 13.9168 13.9149 11.2684 13.915 8.00098ZM7.24902 10.667V8.75098H5.33203C4.91793 8.75098 4.58221 8.41504 4.58203 8.00098C4.58203 7.58676 4.91782 7.25098 5.33203 7.25098H7.24902V5.33398C7.24902 4.91977 7.58481 4.58398 7.99902 4.58398C8.41309 4.58416 8.74902 4.91988 8.74902 5.33398V7.25098H10.665L10.7422 7.25488C11.1203 7.29337 11.415 7.61271 11.415 8.00098C11.4149 8.38912 11.1202 8.70862 10.7422 8.74707L10.665 8.75098H8.74902V10.667C8.74902 11.0811 8.41309 11.4168 7.99902 11.417C7.58481 11.417 7.24902 11.0812 7.24902 10.667ZM15.415 8.00098C15.4149 12.0968 12.0949 15.4168 7.99902 15.417C3.90302 15.417 0.582208 12.0969 0.582031 8.00098C0.582031 3.90487 3.90291 0.583984 7.99902 0.583984C12.095 0.584161 15.415 3.90497 15.415 8.00098Z", fill: "white" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7074_66340" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7074_66340)" }, { children: _jsx("path", { d: "M13.915 8.00098C13.915 4.7334 11.2666 2.08416 7.99902 2.08398C4.73134 2.08398 2.08203 4.73329 2.08203 8.00098C2.08221 11.2685 4.73145 13.917 7.99902 13.917C11.2664 13.9168 13.9149 11.2684 13.915 8.00098ZM7.24902 10.667V8.75098H5.33203C4.91793 8.75098 4.58221 8.41504 4.58203 8.00098C4.58203 7.58676 4.91782 7.25098 5.33203 7.25098H7.24902V5.33398C7.24902 4.91977 7.58481 4.58398 7.99902 4.58398C8.41309 4.58416 8.74902 4.91988 8.74902 5.33398V7.25098H10.665L10.7422 7.25488C11.1203 7.29337 11.415 7.61271 11.415 8.00098C11.4149 8.38912 11.1202 8.70862 10.7422 8.74707L10.665 8.75098H8.74902V10.667C8.74902 11.0811 8.41309 11.4168 7.99902 11.417C7.58481 11.417 7.24902 11.0812 7.24902 10.667ZM15.415 8.00098C15.4149 12.0968 12.0949 15.4168 7.99902 15.417C3.90302 15.417 0.582208 12.0969 0.582031 8.00098C0.582031 3.90487 3.90291 0.583984 7.99902 0.583984C12.095 0.584161 15.415 3.90497 15.415 8.00098Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7074_66340" }, { children: _jsx("rect", { width: "16", height: "16", fill: "currentColor" }) })) })] })));
 };
 export default PlusCircleIcon;

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';