mautourco-components 0.2.17 → 0.2.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/dist/components/atoms/CardServiceAccom/CardServiceAccom.css +2104 -0
  2. package/dist/components/atoms/CardServiceAccom/CardServiceAccom.d.ts +7 -0
  3. package/dist/components/atoms/CardServiceAccom/CardServiceAccom.js +29 -0
  4. package/dist/components/atoms/Chip/Chip.css +9 -2
  5. package/dist/components/atoms/Chip/Chip.d.ts +4 -0
  6. package/dist/components/atoms/Chip/Chip.js +4 -2
  7. package/dist/components/atoms/Icon/icons/AirIcon.d.ts +4 -0
  8. package/dist/components/atoms/Icon/icons/AirIcon.js +36 -0
  9. package/dist/components/atoms/Icon/icons/BikeIcon.d.ts +4 -0
  10. package/dist/components/atoms/Icon/icons/BikeIcon.js +36 -0
  11. package/dist/components/atoms/Icon/icons/BookingIcon.d.ts +4 -0
  12. package/dist/components/atoms/Icon/icons/BookingIcon.js +36 -0
  13. package/dist/components/atoms/Icon/icons/CarFront.d.ts +4 -0
  14. package/dist/components/atoms/Icon/icons/CarFront.js +36 -0
  15. package/dist/components/atoms/Icon/icons/CatamaranIcon.d.ts +4 -0
  16. package/dist/components/atoms/Icon/icons/CatamaranIcon.js +36 -0
  17. package/dist/components/atoms/Icon/icons/CloseCircleIcon.d.ts +4 -0
  18. package/dist/components/atoms/Icon/icons/CloseCircleIcon.js +36 -0
  19. package/dist/components/atoms/Icon/icons/Land.d.ts +4 -0
  20. package/dist/components/atoms/Icon/icons/Land.js +36 -0
  21. package/dist/components/atoms/Icon/icons/LuggageIcon.d.ts +4 -0
  22. package/dist/components/atoms/Icon/icons/LuggageIcon.js +36 -0
  23. package/dist/components/atoms/Icon/icons/SeaIcon.d.ts +4 -0
  24. package/dist/components/atoms/Icon/icons/SeaIcon.js +36 -0
  25. package/dist/components/atoms/Icon/icons/Utensils.js +1 -1
  26. package/dist/components/atoms/Icon/icons/registry.d.ts +9 -0
  27. package/dist/components/atoms/Icon/icons/registry.js +18 -0
  28. package/dist/components/molecules/ActionDropdown/ActionDropdown.css +1 -1
  29. package/dist/components/molecules/ActionDropdown/ActionDropdown.d.ts +4 -0
  30. package/dist/components/molecules/ActionDropdown/ActionDropdown.js +18 -8
  31. package/dist/components/molecules/BookingResume/BookingResume.d.ts +9 -0
  32. package/dist/components/molecules/BookingResume/BookingResume.js +25 -0
  33. package/dist/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.css +2107 -0
  34. package/dist/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.d.ts +11 -0
  35. package/dist/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.js +19 -0
  36. package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.css +2094 -0
  37. package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.d.ts +13 -0
  38. package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.js +26 -0
  39. package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.css +2082 -0
  40. package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.d.ts +15 -0
  41. package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.js +28 -0
  42. package/dist/components/molecules/BookingResume/ResumeOtherService.d.ts +6 -0
  43. package/dist/components/molecules/BookingResume/ResumeOtherService.js +19 -0
  44. package/dist/components/molecules/BookingResume/ResumeTransfer.d.ts +12 -0
  45. package/dist/components/molecules/BookingResume/ResumeTransfer.js +23 -0
  46. package/dist/components/molecules/BookingResume/index.d.ts +6 -0
  47. package/dist/components/molecules/BookingResume/index.js +1 -0
  48. package/dist/components/molecules/DateDisplay/DateDisplay.d.ts +2 -0
  49. package/dist/components/molecules/DateDisplay/DateDisplay.js +2 -2
  50. package/dist/components/molecules/DetailsInfo/DetailsAction.d.ts +5 -0
  51. package/dist/components/molecules/DetailsInfo/DetailsAction.js +4 -3
  52. package/dist/components/molecules/DetailsInfo/{DetailsAgency.d.ts → DetailsAgency/DetailsAgency.d.ts} +4 -0
  53. package/dist/components/molecules/DetailsInfo/{DetailsAgency.js → DetailsAgency/DetailsAgency.js} +2 -2
  54. package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.css +2104 -0
  55. package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.d.ts +13 -0
  56. package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.js +20 -0
  57. package/dist/components/molecules/DetailsInfo/DetailsFile.d.ts +7 -1
  58. package/dist/components/molecules/DetailsInfo/DetailsFile.js +3 -4
  59. package/dist/components/molecules/DetailsInfo/DetailsInfo.d.ts +2 -1
  60. package/dist/components/molecules/DetailsInfo/DetailsInfo.js +3 -1
  61. package/dist/components/molecules/DetailsInfo/index.d.ts +2 -1
  62. package/dist/components/molecules/GlobalAmenities/GlobalAmenities.d.ts +9 -0
  63. package/dist/components/molecules/GlobalAmenities/GlobalAmenities.js +19 -0
  64. package/dist/components/molecules/PaxDisplay/PaxDisplay.css +2104 -0
  65. package/dist/components/molecules/PaxDisplay/PaxDisplay.d.ts +7 -0
  66. package/dist/components/molecules/PaxDisplay/PaxDisplay.js +32 -0
  67. package/dist/components/molecules/ServiceInfo/ServiceInfo.css +2105 -0
  68. package/dist/components/molecules/ServiceInfo/ServiceInfo.d.ts +22 -0
  69. package/dist/components/molecules/ServiceInfo/ServiceInfo.js +38 -0
  70. package/dist/components/molecules/ServiceLanguages/ServiceLanguages.d.ts +10 -0
  71. package/dist/components/molecules/ServiceLanguages/ServiceLanguages.js +19 -0
  72. package/dist/components/molecules/ServiceLanguages/constant.d.ts +1 -0
  73. package/dist/components/molecules/ServiceLanguages/constant.js +6 -0
  74. package/dist/components/molecules/StepperTimeline/StepperTimeline.css +2151 -0
  75. package/dist/components/molecules/StepperTimeline/StepperTimeline.d.ts +23 -0
  76. package/dist/components/molecules/StepperTimeline/StepperTimeline.js +45 -0
  77. package/dist/components/molecules/TableServiceItem/RowOtherServices.js +1 -1
  78. package/dist/components/molecules/TextWithBorderBottom/TextWithBorderBottom.css +2103 -0
  79. package/dist/components/molecules/TextWithBorderBottom/TextWithBorderBottom.d.ts +4 -0
  80. package/dist/components/molecules/TextWithBorderBottom/TextWithBorderBottom.js +29 -0
  81. package/dist/components/molecules/TextWithIcon/TextWithIcon.d.ts +3 -1
  82. package/dist/components/molecules/TextWithIcon/TextWithIcon.js +2 -2
  83. package/dist/components/molecules/TooltipDisplay/TooltipDisplay.js +1 -1
  84. package/dist/components/organisms/Booking/Booking.css +2080 -0
  85. package/dist/components/organisms/Booking/Booking.d.ts +11 -0
  86. package/dist/components/organisms/Booking/Booking.js +33 -0
  87. package/dist/components/organisms/Booking/BookingDocket/BookingDocket.css +2159 -0
  88. package/dist/components/organisms/Booking/BookingDocket/BookingDocket.d.ts +13 -0
  89. package/dist/components/organisms/Booking/BookingDocket/BookingDocket.js +44 -0
  90. package/dist/components/organisms/Booking/BookingStep/BookingStep.css +2103 -0
  91. package/dist/components/organisms/Booking/BookingStep/BookingStep.d.ts +11 -0
  92. package/dist/components/organisms/Booking/BookingStep/BookingStep.js +30 -0
  93. package/dist/components/organisms/Booking/index.d.ts +3 -0
  94. package/dist/components/organisms/Booking/index.js +1 -0
  95. package/dist/components/organisms/TabCancellationPolicy/CancellationAccom.d.ts +3 -4
  96. package/dist/components/organisms/TabCancellationPolicy/CancellationAccom.js +2 -2
  97. package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.d.ts +1 -1
  98. package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.js +3 -9
  99. package/dist/components/organisms/TabCancellationPolicy/PolicyTransfer.js +1 -1
  100. package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.css +9 -2
  101. package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.d.ts +1 -1
  102. package/dist/components/organisms/TabServiceDetails/Accommodation.d.ts +26 -0
  103. package/dist/components/organisms/TabServiceDetails/Accommodation.js +46 -0
  104. package/dist/components/organisms/TabServiceDetails/DetailContentTransfer.d.ts +9 -0
  105. package/dist/components/organisms/TabServiceDetails/DetailContentTransfer.js +17 -0
  106. package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.d.ts +41 -0
  107. package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.js +65 -0
  108. package/dist/components/organisms/TabServiceDetails/DetailsContentExcursion.d.ts +18 -0
  109. package/dist/components/organisms/TabServiceDetails/DetailsContentExcursion.js +20 -0
  110. package/dist/components/organisms/TabServiceDetails/Excursion.d.ts +7 -0
  111. package/dist/components/organisms/TabServiceDetails/Excursion.js +29 -0
  112. package/dist/components/organisms/TabServiceDetails/TabServiceDetails.d.ts +10 -0
  113. package/dist/components/organisms/TabServiceDetails/TabServiceDetails.js +23 -0
  114. package/dist/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.css +2143 -0
  115. package/dist/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.d.ts +35 -0
  116. package/dist/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.js +39 -0
  117. package/dist/components/organisms/TabServiceDetails/Transfer.d.ts +12 -0
  118. package/dist/components/organisms/TabServiceDetails/Transfer.js +19 -0
  119. package/dist/components/organisms/TabServiceDetails/index.d.ts +4 -0
  120. package/dist/components/organisms/TabServiceDetails/index.js +1 -0
  121. package/dist/components/organisms/Table/Table.css +56 -0
  122. package/dist/components/organisms/Table/Table.js +6 -4
  123. package/dist/components/organisms/Timeline/Timeline.js +1 -1
  124. package/dist/hooks/useStays.d.ts +1 -0
  125. package/dist/hooks/useStays.js +11 -0
  126. package/dist/index.d.ts +8 -1
  127. package/dist/index.js +8 -1
  128. package/dist/types/table/booking.types.d.ts +12 -0
  129. package/dist/types/table/detail-resume.types.d.ts +3 -1
  130. package/package.json +4 -1
  131. package/src/components/atoms/CardServiceAccom/CardServiceAccom.css +22 -0
  132. package/src/components/atoms/CardServiceAccom/CardServiceAccom.tsx +22 -0
  133. package/src/components/atoms/Chip/Chip.css +7 -2
  134. package/src/components/atoms/Chip/Chip.tsx +16 -2
  135. package/src/components/atoms/Icon/icons/AirIcon.tsx +40 -0
  136. package/src/components/atoms/Icon/icons/BikeIcon.tsx +40 -0
  137. package/src/components/atoms/Icon/icons/BookingIcon.tsx +40 -0
  138. package/src/components/atoms/Icon/icons/CarFront.tsx +44 -0
  139. package/src/components/atoms/Icon/icons/CatamaranIcon.tsx +51 -0
  140. package/src/components/atoms/Icon/icons/CloseCircleIcon.tsx +55 -0
  141. package/src/components/atoms/Icon/icons/Land.tsx +40 -0
  142. package/src/components/atoms/Icon/icons/LuggageIcon.tsx +40 -0
  143. package/src/components/atoms/Icon/icons/SeaIcon.tsx +47 -0
  144. package/src/components/atoms/Icon/icons/Utensils.tsx +11 -3
  145. package/src/components/atoms/Icon/icons/registry.tsx +18 -0
  146. package/src/components/molecules/ActionDropdown/ActionDropdown.css +1 -1
  147. package/src/components/molecules/ActionDropdown/ActionDropdown.tsx +48 -15
  148. package/src/components/molecules/BookingResume/BookingResume.tsx +16 -0
  149. package/src/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.css +28 -0
  150. package/src/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.tsx +37 -0
  151. package/src/components/molecules/BookingResume/ResumeAccom/ResumeAccom.css +12 -0
  152. package/src/components/molecules/BookingResume/ResumeAccom/ResumeAccom.tsx +63 -0
  153. package/src/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.css +5 -0
  154. package/src/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.tsx +75 -0
  155. package/src/components/molecules/BookingResume/ResumeOtherService.tsx +21 -0
  156. package/src/components/molecules/BookingResume/ResumeTransfer.tsx +49 -0
  157. package/src/components/molecules/BookingResume/index.ts +6 -0
  158. package/src/components/molecules/DateDisplay/DateDisplay.tsx +9 -5
  159. package/src/components/molecules/DetailsInfo/DetailsAction.tsx +19 -6
  160. package/src/components/molecules/DetailsInfo/{DetailsAgency.tsx → DetailsAgency/DetailsAgency.tsx} +6 -2
  161. package/src/components/molecules/DetailsInfo/DetailsClient/DetailsClient.css +10 -0
  162. package/src/components/molecules/DetailsInfo/DetailsClient/DetailsClient.tsx +56 -0
  163. package/src/components/molecules/DetailsInfo/DetailsFile.tsx +24 -9
  164. package/src/components/molecules/DetailsInfo/DetailsInfo.tsx +3 -1
  165. package/src/components/molecules/DetailsInfo/index.ts +5 -1
  166. package/src/components/molecules/GlobalAmenities/GlobalAmenities.tsx +35 -0
  167. package/src/components/molecules/PaxDisplay/PaxDisplay.css +19 -0
  168. package/src/components/molecules/PaxDisplay/PaxDisplay.tsx +59 -0
  169. package/src/components/molecules/ServiceInfo/ServiceInfo.css +25 -0
  170. package/src/components/molecules/ServiceInfo/ServiceInfo.tsx +89 -0
  171. package/src/components/molecules/ServiceLanguages/ServiceLanguages.tsx +33 -0
  172. package/src/components/molecules/ServiceLanguages/constant.ts +6 -0
  173. package/src/components/molecules/StepperTimeline/StepperTimeline.css +59 -0
  174. package/src/components/molecules/StepperTimeline/StepperTimeline.tsx +105 -0
  175. package/src/components/molecules/TableServiceItem/RowOtherServices.tsx +3 -1
  176. package/src/components/molecules/TextWithBorderBottom/TextWithBorderBottom.css +9 -0
  177. package/src/components/molecules/TextWithBorderBottom/TextWithBorderBottom.tsx +12 -0
  178. package/src/components/molecules/TextWithIcon/TextWithIcon.tsx +6 -1
  179. package/src/components/molecules/TooltipDisplay/TooltipDisplay.tsx +4 -2
  180. package/src/components/organisms/Booking/Booking.css +3 -0
  181. package/src/components/organisms/Booking/Booking.tsx +21 -0
  182. package/src/components/organisms/Booking/BookingDocket/BookingDocket.css +67 -0
  183. package/src/components/organisms/Booking/BookingDocket/BookingDocket.tsx +165 -0
  184. package/src/components/organisms/Booking/BookingStep/BookingStep.css +12 -0
  185. package/src/components/organisms/Booking/BookingStep/BookingStep.tsx +51 -0
  186. package/src/components/organisms/Booking/index.ts +3 -0
  187. package/src/components/organisms/CarBookingCard/index.ts +1 -0
  188. package/src/components/organisms/TabCancellationPolicy/CancellationAccom.tsx +5 -6
  189. package/src/components/organisms/TabCancellationPolicy/HeaderAccom.tsx +4 -10
  190. package/src/components/organisms/TabCancellationPolicy/PolicyTransfer.tsx +1 -1
  191. package/src/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.css +9 -2
  192. package/src/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.tsx +1 -1
  193. package/src/components/organisms/TabServiceDetails/Accommodation.tsx +45 -0
  194. package/src/components/organisms/TabServiceDetails/DetailContentTransfer.tsx +45 -0
  195. package/src/components/organisms/TabServiceDetails/DetailsContentAccom.tsx +124 -0
  196. package/src/components/organisms/TabServiceDetails/DetailsContentExcursion.tsx +65 -0
  197. package/src/components/organisms/TabServiceDetails/Excursion.tsx +20 -0
  198. package/src/components/organisms/TabServiceDetails/TabServiceDetails.tsx +13 -0
  199. package/src/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.css +55 -0
  200. package/src/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.tsx +82 -0
  201. package/src/components/organisms/TabServiceDetails/Transfer.tsx +34 -0
  202. package/src/components/organisms/TabServiceDetails/index.ts +5 -0
  203. package/src/components/organisms/Table/Table.css +54 -0
  204. package/src/components/organisms/Table/Table.tsx +37 -22
  205. package/src/components/organisms/Timeline/Timeline.tsx +2 -2
  206. /package/dist/components/molecules/DetailsInfo/{DetailsAgency.css → DetailsAgency/DetailsAgency.css} +0 -0
  207. /package/src/components/molecules/DetailsInfo/{DetailsAgency.css → DetailsAgency/DetailsAgency.css} +0 -0
@@ -0,0 +1,11 @@
1
+ import { StepperTimelineItem } from '@/src/components/molecules/StepperTimeline/StepperTimeline';
2
+ import React from 'react';
3
+ import './BookingStep.css';
4
+ export interface BookingStepProps {
5
+ steps: StepperTimelineItem[];
6
+ className?: string;
7
+ nextDisabled?: boolean;
8
+ onStepChange?: (step: StepperTimelineItem, index: number) => void;
9
+ onNextClick?: (step: StepperTimelineItem, index: number) => void;
10
+ }
11
+ export declare const BookingStep: React.FC<BookingStepProps>;
@@ -0,0 +1,30 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import Button from '@/src/components/atoms/Button/Button';
14
+ import { StepperTimeline, } from '@/src/components/molecules/StepperTimeline/StepperTimeline';
15
+ import { useState } from 'react';
16
+ import './BookingStep.css';
17
+ export var BookingStep = function (props) {
18
+ var steps = props.steps, className = props.className, nextDisabled = props.nextDisabled, onStepChange = props.onStepChange, onNextClick = props.onNextClick;
19
+ var _a = useState(0), currentIndex = _a[0], setCurrentIndex = _a[1];
20
+ var handleStepChange = function (step, index) {
21
+ setCurrentIndex(index);
22
+ onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(step, index);
23
+ };
24
+ var handleNextClick = function () {
25
+ var currentStep = currentIndex + 1;
26
+ setCurrentIndex(currentStep);
27
+ onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(steps[currentStep], currentStep);
28
+ };
29
+ return (_jsxs("div", __assign({ className: "booking-step" }, { children: [_jsx(StepperTimeline, { steps: steps, className: className, currentIndex: currentIndex, onChange: handleStepChange }), _jsx(Button, __assign({ trailingIcon: "arrow-right-outline", variant: "secondary", className: "w-[189px]", disabled: nextDisabled, onClick: handleNextClick }, { children: currentIndex === steps.length - 1 ? 'Confirm' : 'Next' }))] })));
30
+ };
@@ -0,0 +1,3 @@
1
+ export * from './Booking';
2
+ export type { BookingDocketProps } from './BookingDocket/BookingDocket';
3
+ export type { BookingStepProps } from './BookingStep/BookingStep';
@@ -0,0 +1 @@
1
+ export * from './Booking';
@@ -1,9 +1,8 @@
1
+ import { HeaderAccomProps } from './HeaderAccom';
1
2
  import { Policy } from './PolicyAccom/PolicyAccom';
2
- export interface CancellationAccomProps {
3
- hotelName: string;
4
- pax: number;
5
- dates: string[];
3
+ export interface CancellationAccomProps extends HeaderAccomProps {
6
4
  image: string;
5
+ isOnRequest?: boolean;
7
6
  roomPolicies: Array<{
8
7
  roomName: string;
9
8
  policies: Policy[];
@@ -14,6 +14,6 @@ import CancellationBody from './CancellationBody';
14
14
  import CancellationHeader from './CancellationHeader';
15
15
  import DetailsCancellationPolicy from './TabCancellationPolicy';
16
16
  export default function CancellationAccom(props) {
17
- var hotelName = props.hotelName, pax = props.pax, dates = props.dates, image = props.image, roomPolicies = props.roomPolicies;
18
- return (_jsx(DetailsCancellationPolicy.Layout, __assign({ title: "Accommodation", icon: "accom", isOnRequest: true, 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)); }) }) })));
17
+ var hotelName = props.hotelName, pax = props.pax, dates = props.dates, image = props.image, roomPolicies = props.roomPolicies, isOnRequest = props.isOnRequest;
18
+ 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)); }) }) })));
19
19
  }
@@ -1,6 +1,6 @@
1
1
  export interface HeaderAccomProps {
2
2
  hotelName: string;
3
- pax: number;
3
+ pax: number | string;
4
4
  dates: string[];
5
5
  }
6
6
  export default function HeaderAccom(props: HeaderAccomProps): import("react/jsx-runtime").JSX.Element;
@@ -10,18 +10,12 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { differenceInDays } from 'date-fns';
14
- import { useMemo } from 'react';
13
+ import useStays from '@/src/hooks/useStays';
15
14
  import { DateDisplay } from '../../molecules/DateDisplay/DateDisplay';
16
15
  import { ServiceTitle } from '../../molecules/ServiceTitle/ServiceTitle';
17
16
  import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
18
17
  export default function HeaderAccom(props) {
19
18
  var hotelName = props.hotelName, pax = props.pax, dates = props.dates;
20
- var stay = useMemo(function () {
21
- if (dates.length) {
22
- return differenceInDays(dates[1], dates[0]);
23
- }
24
- return 0;
25
- }, [dates]);
26
- return (_jsxs("div", { children: [_jsx(ServiceTitle, { title: hotelName, textSize: "sm" }), _jsxs(TextWithIcon, __assign({ icon: "user" }, { children: [pax, " pax"] })), _jsx(DateDisplay, { dates: dates, arrowSize: "xs", calendarSize: "xs" }), _jsxs(TextWithIcon, __assign({ icon: "night" }, { children: [stay, " Nights"] }))] }));
19
+ var stay = useStays(dates);
20
+ return (_jsxs("div", { children: [_jsx(ServiceTitle, { title: hotelName, textSize: "sm" }), _jsx(TextWithIcon, __assign({ icon: "user" }, { children: pax })), _jsx(DateDisplay, { dates: dates, arrowSize: "xs", calendarSize: "xs" }), _jsxs(TextWithIcon, __assign({ icon: "night" }, { children: [stay, " Nights"] }))] }));
27
21
  }
@@ -40,5 +40,5 @@ var policies = [
40
40
  ];
41
41
  export default function PolicyTransfer(props) {
42
42
  var carName = props.carName;
43
- return (_jsxs("div", __assign({ className: "policy-excursion" }, { children: [_jsx(TextWithIcon, __assign({ icon: "car", textVariant: "bold", iconSize: "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))); }) }))] })));
43
+ 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))); }) }))] })));
44
44
  }
@@ -2087,10 +2087,17 @@
2087
2087
  overflow: hidden;
2088
2088
  }
2089
2089
  figure {
2090
- flex: 0 0 400px;
2091
- height: 400px;
2090
+ flex: 0 0 300px;
2091
+ height: 300px;
2092
2092
  border-radius: var(--border-radius-rounded-2xl);
2093
2093
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.19);
2094
+ @media (min-width: 1280px) {
2095
+ flex: 0 0 400px;
2096
+ height: 400px;
2097
+ }
2098
+ }
2099
+ img {
2100
+ object-fit: cover;
2094
2101
  }
2095
2102
  }
2096
2103
 
@@ -4,7 +4,7 @@ import './TabCancellationPolicyLayout.css';
4
4
  interface TabCancellationPolicyLayoutProps {
5
5
  title: string;
6
6
  icon: IconName;
7
- isOnRequest: boolean;
7
+ isOnRequest?: boolean;
8
8
  children: React.ReactNode;
9
9
  image: string;
10
10
  header: React.ReactNode;
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { DetailsContentAccomProps } from './DetailsContentAccom';
3
+ export interface AccommodationProps extends DetailsContentAccomProps {
4
+ /** Images of the accommodation */
5
+ images: string[];
6
+ /** Whether the accommodation is on request */
7
+ isOnRequest?: boolean;
8
+ }
9
+ /**
10
+ * Accommodation details tab .
11
+ *
12
+ * @example
13
+ * <Accommodation
14
+ * title="Accommodation"
15
+ * icon="accom"
16
+ * images={['image1.jpg', 'image2.jpg', 'image3.jpg']}
17
+ * mobileContent={<div>Mobile content</div>}
18
+ * isOnRequest={true}
19
+ * >
20
+ * <div>Content</div>
21
+ * </Accommodation.Layout>
22
+ *
23
+ * @param props - Props of the Accommodation component
24
+ * @returns The Accommodation component
25
+ */
26
+ export declare const Accommodation: React.FC<AccommodationProps>;
@@ -0,0 +1,46 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import { jsx as _jsx } from "react/jsx-runtime";
24
+ import { DetailsContentAccom } from './DetailsContentAccom';
25
+ import TabServiceDetails from './TabServiceDetails';
26
+ /**
27
+ * Accommodation details tab .
28
+ *
29
+ * @example
30
+ * <Accommodation
31
+ * title="Accommodation"
32
+ * icon="accom"
33
+ * images={['image1.jpg', 'image2.jpg', 'image3.jpg']}
34
+ * mobileContent={<div>Mobile content</div>}
35
+ * isOnRequest={true}
36
+ * >
37
+ * <div>Content</div>
38
+ * </Accommodation.Layout>
39
+ *
40
+ * @param props - Props of the Accommodation component
41
+ * @returns The Accommodation component
42
+ */
43
+ export var Accommodation = function (props) {
44
+ var images = props.images, isOnRequest = props.isOnRequest, rest = __rest(props, ["images", "isOnRequest"]);
45
+ return (_jsx(TabServiceDetails.Layout, __assign({ title: "Accommodation", icon: "accom", isOnRequest: isOnRequest, images: images, mobileContent: _jsx("div", __assign({ className: "mt-8" }, { children: _jsx(DetailsContentAccom.Body, __assign({}, rest)) })) }, { children: _jsx(DetailsContentAccom, __assign({}, rest)) })));
46
+ };
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export interface DetailContentTransferProps {
3
+ pax: string;
4
+ clientType: string;
5
+ carName: string;
6
+ airConditioning?: boolean;
7
+ luggageTruck?: number;
8
+ }
9
+ export declare const DetailContentTransfer: React.FC<DetailContentTransferProps>;
@@ -0,0 +1,17 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import Chip from '../../atoms/Chip/Chip';
14
+ export var DetailContentTransfer = function (props) {
15
+ var pax = props.pax, clientType = props.clientType, carName = props.carName, airConditioning = props.airConditioning, luggageTruck = props.luggageTruck;
16
+ return (_jsxs("div", __assign({ className: "flex gap-4" }, { children: [_jsx(Chip, { type: "outline", color: "brand", label: pax, leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: "Client type: ".concat(clientType), leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: carName, leadingIcon: "car", isBlackText: true }), airConditioning && (_jsx(Chip, { type: "outline", color: "brand", label: "Air conditioning", leadingIcon: "air", isBlackText: true })), luggageTruck && (_jsx(Chip, { type: "outline", color: "brand", label: "Luggage truck: ".concat(luggageTruck > 1 ? "x".concat(luggageTruck) : luggageTruck), leadingIcon: "luggage", isBlackText: true }))] })));
17
+ };
@@ -0,0 +1,41 @@
1
+ import { GlobalAmenity } from '../../molecules/GlobalAmenities/GlobalAmenities';
2
+ export interface RoomsInfo {
3
+ /** Name of the room */
4
+ roomName: string;
5
+ /** Number of pax */
6
+ roomPax: string;
7
+ /** Client type */
8
+ clientType: string;
9
+ /** Meal plan */
10
+ mealPlan: string;
11
+ /** Amenities of the room */
12
+ roomAmenities: string[];
13
+ }
14
+ export interface DetailsContentAccomProps {
15
+ /** Title of the room */
16
+ roomTitle: string;
17
+ /** Description of the room */
18
+ roomDescription: string;
19
+ /** Global amenities */
20
+ globalAmenities: GlobalAmenity[];
21
+ /** Rooms info */
22
+ roomsInfo: RoomsInfo[];
23
+ }
24
+ /**
25
+ * Details content for the Accommodation component.
26
+ *
27
+ * @example
28
+ * <DetailsContentAccom
29
+ * roomTitle="Accommodation"
30
+ * roomDescription="Accommodation description"
31
+ * globalAmenities={globalAmenities}
32
+ * roomsInfo={roomsInfo}
33
+ * />
34
+ *
35
+ * @param props - Props of the DetailsContentAccom component
36
+ * @returns The DetailsContentAccom component
37
+ */
38
+ export declare function DetailsContentAccom(props: DetailsContentAccomProps): import("react/jsx-runtime").JSX.Element;
39
+ export declare namespace DetailsContentAccom {
40
+ var Body: (props: Omit<DetailsContentAccomProps, "roomTitle" | "roomDescription">) => import("react/jsx-runtime").JSX.Element;
41
+ }
@@ -0,0 +1,65 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
+ import { useMobile } from '@/src/hooks/useMobile';
25
+ import CardServiceAccom from '../../atoms/CardServiceAccom/CardServiceAccom';
26
+ import Chip from '../../atoms/Chip/Chip';
27
+ import { Text } from '../../atoms/Typography/Typography';
28
+ import { GlobalAmenities, } from '../../molecules/GlobalAmenities/GlobalAmenities';
29
+ import { TextWithBorderBottom } from '../../molecules/TextWithBorderBottom/TextWithBorderBottom';
30
+ import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
31
+ /**
32
+ * Body for the DetailsContentAccom component.
33
+ *
34
+ * @example
35
+ * <DetailsContentAccomBody
36
+ * roomsInfo={roomsInfo}
37
+ * globalAmenities={globalAmenities}
38
+ * />
39
+ * @param props - Props of the DetailsContentAccomBody component
40
+ * @returns The DetailsContentAccomBody component
41
+ */
42
+ var DetailsContentAccomBody = function (props) {
43
+ var roomsInfo = props.roomsInfo, globalAmenities = props.globalAmenities;
44
+ return (_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx("div", __assign({ className: "grid grid-cols-2 gap-x-4" }, { children: roomsInfo.map(function (room, index) { return (_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(TextWithIcon, __assign({ icon: "accom", textVariant: "bold", textSize: "sm" }, { children: room.roomName })), _jsxs("div", __assign({ className: "flex flex-wrap gap-2" }, { children: [_jsxs(Chip, __assign({ color: "brand", type: "outline", leadingIcon: "user", isBlackText: true }, { children: [room.roomPax, " pax"] })), _jsx(Chip, __assign({ color: "brand", type: "outline", leadingIcon: "user", isBlackText: true }, { children: room.clientType })), _jsx(Chip, __assign({ color: "brand", type: "outline", leadingIcon: "utensils", isBlackText: true }, { children: room.mealPlan }))] })), _jsx("div", __assign({ className: "flex flex-wrap gap-2" }, { children: room.roomAmenities.map(function (amenity, index) { return (_jsx(Chip, __assign({ color: "accent", type: "outline", isBlackText: true }, { children: amenity }), "ra-".concat(index))); }) }))] }), "ri-".concat(index))); }) })), _jsxs("div", __assign({ className: "grid grid-cols-2 gap-x-8" }, { children: [_jsx(GlobalAmenities, { amenities: globalAmenities }), _jsx(CardServiceAccom, __assign({ className: "flex items-center justify-center" }, { children: _jsx(Text, __assign({ variant: "bold" }, { children: "Coming soon" })) }))] }))] })));
45
+ };
46
+ /**
47
+ * Details content for the Accommodation component.
48
+ *
49
+ * @example
50
+ * <DetailsContentAccom
51
+ * roomTitle="Accommodation"
52
+ * roomDescription="Accommodation description"
53
+ * globalAmenities={globalAmenities}
54
+ * roomsInfo={roomsInfo}
55
+ * />
56
+ *
57
+ * @param props - Props of the DetailsContentAccom component
58
+ * @returns The DetailsContentAccom component
59
+ */
60
+ export function DetailsContentAccom(props) {
61
+ var roomTitle = props.roomTitle, roomDescription = props.roomDescription, rest = __rest(props, ["roomTitle", "roomDescription"]);
62
+ var isMobile = useMobile(1280).isMobile;
63
+ return (_jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(TextWithBorderBottom, __assign({ variant: "bold", size: "xl" }, { children: roomTitle })), _jsx(Text, __assign({ variant: "medium", leading: "5" }, { children: roomDescription }))] })), !isMobile && _jsx(DetailsContentAccomBody, __assign({}, rest))] })));
64
+ }
65
+ DetailsContentAccom.Body = DetailsContentAccomBody;
@@ -0,0 +1,18 @@
1
+ export interface ServiceInfoItem {
2
+ languages: string[];
3
+ duration: string;
4
+ meal: string;
5
+ difficulty: string;
6
+ withTransfer?: boolean;
7
+ }
8
+ export interface DetailsContentExcursionProps {
9
+ /** Title of the excursion */
10
+ excursionTitle: string;
11
+ /** Description of the excursion */
12
+ excursionDescription: string;
13
+ /** Pick-up point */
14
+ pickUpPoint: string;
15
+ /** Service information */
16
+ serviceInfos: ServiceInfoItem;
17
+ }
18
+ export declare function DetailsContentExcursion(props: DetailsContentExcursionProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,20 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { Text } from '../../atoms/Typography/Typography';
14
+ import { ServiceInfo } from '../../molecules/ServiceInfo/ServiceInfo';
15
+ import { ServiceLanguages } from '../../molecules/ServiceLanguages/ServiceLanguages';
16
+ import { TextWithBorderBottom } from '../../molecules/TextWithBorderBottom/TextWithBorderBottom';
17
+ export function DetailsContentExcursion(props) {
18
+ var excursionTitle = props.excursionTitle, excursionDescription = props.excursionDescription, pickUpPoint = props.pickUpPoint, serviceInfos = props.serviceInfos;
19
+ return (_jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(TextWithBorderBottom, __assign({ variant: "bold", size: "xl" }, { children: excursionTitle })), _jsx(Text, __assign({ variant: "medium", leading: "5" }, { children: excursionDescription }))] })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "sm", leading: "4" }, { children: "Pick-up point:" })), _jsx(Text, __assign({ size: "sm", leading: "4" }, { children: pickUpPoint }))] })), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, __assign({ icon: "micro", label: "Languages" }, { children: _jsx(ServiceLanguages, { languages: serviceInfos.languages }) })), _jsx(ServiceInfo.Item, __assign({ icon: "stopwatch", label: "Duration" }, { children: serviceInfos.duration })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", label: "Meal" }, { children: serviceInfos.meal })), _jsx(ServiceInfo.Item, __assign({ icon: "bike", label: "Difficulty" }, { children: serviceInfos.difficulty })), serviceInfos.withTransfer && (_jsx(ServiceInfo.Item, { icon: "bus", label: "Prise en charge inclus" }))] })] })));
20
+ }
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { DetailsContentExcursionProps } from './DetailsContentExcursion';
3
+ export interface ExcursionProps extends DetailsContentExcursionProps {
4
+ /** Images of the excursion */
5
+ images: string[];
6
+ }
7
+ export declare const Excursion: React.FC<ExcursionProps>;
@@ -0,0 +1,29 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import { jsx as _jsx } from "react/jsx-runtime";
24
+ import { DetailsContentExcursion, } from './DetailsContentExcursion';
25
+ import TabServiceDetails from './TabServiceDetails';
26
+ export var Excursion = function (props) {
27
+ var images = props.images, rest = __rest(props, ["images"]);
28
+ return (_jsx(TabServiceDetails.Layout, __assign({ title: "Excursion", icon: "map", images: images }, { children: _jsx(DetailsContentExcursion, __assign({}, rest)) })));
29
+ };
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import TabServiceDetailsLayout from './TabServiceDetailsLayout/TabServiceDetailsLayout';
3
+ declare function TabServiceDetails(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
4
+ declare namespace TabServiceDetails {
5
+ var Layout: typeof TabServiceDetailsLayout;
6
+ var Accommodation: import("react").FC<import("./Accommodation").AccommodationProps>;
7
+ var Excursion: import("react").FC<import("./Excursion").ExcursionProps>;
8
+ var Transfer: import("react").FC<import("./Transfer").TransferProps>;
9
+ }
10
+ export default TabServiceDetails;
@@ -0,0 +1,23 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import { Accommodation } from './Accommodation';
14
+ import { Excursion } from './Excursion';
15
+ import TabServiceDetailsLayout from './TabServiceDetailsLayout/TabServiceDetailsLayout';
16
+ import { Transfer } from './Transfer';
17
+ export default function TabServiceDetails(props) {
18
+ return _jsx("div", __assign({ className: "tab-service-details" }, props));
19
+ }
20
+ TabServiceDetails.Layout = TabServiceDetailsLayout;
21
+ TabServiceDetails.Accommodation = Accommodation;
22
+ TabServiceDetails.Excursion = Excursion;
23
+ TabServiceDetails.Transfer = Transfer;