mautourco-components 0.2.30 → 0.2.31
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.
- package/dist/components/atoms/Avatar/Avatar.js +1 -12
- package/dist/components/atoms/Button/Button.js +1 -12
- package/dist/components/atoms/Checkbox/Checkbox.js +2 -13
- package/dist/components/atoms/Chip/Chip.js +1 -12
- package/dist/components/atoms/Icon/icons/AccomIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/AirIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/ArrivalIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/ArrowDownOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/ArrowRightOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BadgeAlertIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BikeIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BookingIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Building2OutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BuildingIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BusIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Calendar2Icon.js +1 -12
- package/dist/components/atoms/Icon/icons/CalendarIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CalendarRangeOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CarFront.js +1 -12
- package/dist/components/atoms/Icon/icons/CarIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CatamaranIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Check.js +1 -12
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Chevron.js +1 -1
- package/dist/components/atoms/Icon/icons/ClockIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Close.js +1 -12
- package/dist/components/atoms/Icon/icons/CloseCircleIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/DeleteIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/DepartureIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/EyeIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/FacebookIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/HomeIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Info2Icon.d.ts +4 -0
- package/dist/components/atoms/Icon/icons/Info2Icon.js +25 -0
- package/dist/components/atoms/Icon/icons/InfoIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Land.js +1 -12
- package/dist/components/atoms/Icon/icons/LineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/LinkedInIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/LuggageIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MapIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MapPinIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MautoucoLogo.d.ts +0 -1
- package/dist/components/atoms/Icon/icons/MautoucoLogo.js +1 -12
- package/dist/components/atoms/Icon/icons/MenuIcon.d.ts +0 -1
- package/dist/components/atoms/Icon/icons/MenuIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MicroIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MinusIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MoreIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MoreVerticalIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/NightIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlaneIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlaneLandingOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlaneTakeoffOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlusCircleIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlusIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/QuotationIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/SeaIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Search.js +1 -12
- package/dist/components/atoms/Icon/icons/Settings.js +1 -12
- package/dist/components/atoms/Icon/icons/ShipIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/StopWatchIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/StrollerIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/TwitterIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/User.js +1 -12
- package/dist/components/atoms/Icon/icons/UserIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Utensils.js +1 -12
- package/dist/components/atoms/Icon/icons/WalletIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Youtube.js +1 -12
- package/dist/components/atoms/Icon/icons/registry.d.ts +1 -0
- package/dist/components/atoms/Icon/icons/registry.js +2 -0
- package/dist/components/atoms/Illustration/illustrations.js +4 -4
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.js +1 -12
- package/dist/components/atoms/Inputs/Input/Input.d.ts +2 -1
- package/dist/components/atoms/Inputs/Input/Input.js +2 -13
- package/dist/components/atoms/Link/Link.js +4 -15
- package/dist/components/atoms/RatingStar/RatingStar.js +2 -13
- package/dist/components/atoms/SegmentedButton/SegmentedButton.js +3 -14
- package/dist/components/atoms/SelectedValue/SelectedValue.js +1 -12
- package/dist/components/atoms/Slider/Slider.js +1 -12
- package/dist/components/atoms/Spinner/Spinner.js +1 -12
- package/dist/components/atoms/Tab/Tab.js +1 -1
- package/dist/components/atoms/Typography/Typography.js +2 -13
- package/dist/components/molecules/AccomodationDocket/AccomodationDocket.js +3 -14
- package/dist/components/molecules/ActionDropdown/ActionDropdown.d.ts +0 -1
- package/dist/components/molecules/ActionDropdown/ActionDropdown.js +5 -16
- package/dist/components/molecules/AddItemButton/AddItemButton.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxAccom.js +3 -14
- package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.d.ts +0 -1
- package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.js +5 -5
- package/dist/components/molecules/BookingPax/BookingPaxExcursion.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxHeader.js +2 -2
- package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.d.ts +0 -1
- package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxRemarks.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxTransfer.js +1 -12
- package/dist/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeOtherService.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeTransfer.js +1 -12
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js +1 -12
- package/dist/components/molecules/Calendar/CalendarInput.js +2 -13
- package/dist/components/molecules/Calendar/DateTime.d.ts +9 -9
- package/dist/components/molecules/Calendar/DateTime.js +3 -3
- package/dist/components/molecules/Calendar/TimePicker.js +1 -12
- package/dist/components/molecules/DateDisplay/DateDisplay.js +2 -13
- package/dist/components/molecules/DetailsInfo/DetailsAction.js +2 -13
- package/dist/components/molecules/DetailsInfo/DetailsAgency/DetailsAgency.js +1 -12
- package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.js +1 -12
- package/dist/components/molecules/DetailsInfo/DetailsFile.js +1 -12
- package/dist/components/molecules/DetailsInfo/DetailsInfo.d.ts +0 -1
- package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.js +1 -12
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.d.ts +0 -1
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.js +1 -12
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.d.ts +0 -1
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.js +1 -12
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.d.ts +3 -3
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.js +2 -2
- package/dist/components/molecules/DialogContentPolicy/DialogContentPolicy.js +1 -12
- package/dist/components/molecules/DocketPrices/DocketPrices.js +1 -12
- package/dist/components/molecules/ExcursionDocket/ExcursionDocket.js +1 -12
- package/dist/components/molecules/FeatureRow/FeatureRow.js +1 -12
- package/dist/components/molecules/FromTo/FromTo.d.ts +0 -1
- package/dist/components/molecules/FromTo/FromTo.js +1 -12
- package/dist/components/molecules/GlobalAmenities/GlobalAmenities.js +1 -12
- package/dist/components/molecules/LocationDropdown/LocationDropdown.js +6 -17
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts +1 -0
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js +23 -28
- package/dist/components/molecules/OtherServiceDocket/OtherServiceDocket.js +1 -12
- package/dist/components/molecules/Pagination/Pagination.js +4 -15
- package/dist/components/molecules/PaxChips/PaxChips.d.ts +11 -0
- package/dist/components/molecules/PaxChips/PaxChips.js +9 -0
- package/dist/components/molecules/PaxDisplay/PaxDisplay.d.ts +0 -1
- package/dist/components/molecules/PaxDisplay/PaxDisplay.js +5 -16
- package/dist/components/molecules/PriceDisplay/PriceDisplay.js +1 -12
- package/dist/components/molecules/RatingTab/RatingTab.js +1 -12
- package/dist/components/molecules/SectionTitle/SectionTitle.js +1 -12
- package/dist/components/molecules/ServiceInfo/ServiceInfo.js +2 -13
- package/dist/components/molecules/ServiceLanguages/ServiceLanguages.js +1 -12
- package/dist/components/molecules/ServiceSelector/ServiceSelector.js +4 -15
- package/dist/components/molecules/ServiceTitle/ServiceTitle.js +1 -12
- package/dist/components/molecules/Stepper/Stepper.js +1 -12
- package/dist/components/molecules/StepperTimeline/StepperTimeline.js +6 -17
- package/dist/components/molecules/TabGroup/TabGroup.js +1 -12
- package/dist/components/molecules/TableServiceItem/DetailsCol.js +1 -12
- package/dist/components/molecules/TableServiceItem/ItemCol.d.ts +0 -1
- package/dist/components/molecules/TableServiceItem/ItemCol.js +2 -13
- package/dist/components/molecules/TableServiceItem/RowOtherServices.js +1 -12
- package/dist/components/molecules/TableServiceItem/RowTransfer.js +1 -12
- package/dist/components/molecules/TableServiceItem/index.d.ts +0 -1
- package/dist/components/molecules/TextWithBorderBottom/TextWithBorderBottom.js +1 -1
- package/dist/components/molecules/TextWithIcon/TextWithIcon.d.ts +0 -1
- package/dist/components/molecules/TextWithIcon/TextWithIcon.js +1 -12
- package/dist/components/molecules/TimelineItem/ServiceAccommodation.js +1 -12
- package/dist/components/molecules/TimelineItem/ServiceExcursion.js +1 -12
- package/dist/components/molecules/TimelineItem/ServiceTransfer.js +1 -12
- package/dist/components/molecules/TimelineItem/TimelineHeader.js +1 -12
- package/dist/components/molecules/TimelineItem/TimelineItem.d.ts +0 -1
- package/dist/components/molecules/TimelineItem/TimelineItem.js +1 -12
- package/dist/components/molecules/Toast/Toast.css +2107 -0
- package/dist/components/molecules/Toast/Toast.d.ts +2 -2
- package/dist/components/molecules/Toast/Toast.js +1 -12
- package/dist/components/molecules/TooltipDisplay/TooltipDisplay.js +1 -12
- package/dist/components/molecules/TransferDocket/TransferDocket.js +2 -13
- package/dist/components/molecules/UserCard/UserCard.js +3 -14
- package/dist/components/organisms/Booking/BookingDocket/BookingDocket.d.ts +0 -1
- package/dist/components/organisms/Booking/BookingDocket/BookingDocket.js +1 -1
- package/dist/components/organisms/Booking/BookingHeader.js +1 -12
- package/dist/components/organisms/Booking/BookingStep/BookingStep.js +1 -12
- package/dist/components/organisms/CarBookingCard/CarBookingCard.js +2 -2
- package/dist/components/organisms/CarBookingCard/CarBookingCardSkeleton.js +1 -12
- package/dist/components/organisms/CardContainer/CardContainer.js +1 -12
- package/dist/components/organisms/DateTimePicker/DateTimePicker.js +1 -12
- package/dist/components/organisms/Dialog/Dialog.js +3 -15
- package/dist/components/organisms/DialogBookingAddItem/AddItemNewService.d.ts +16 -0
- package/dist/components/organisms/DialogBookingAddItem/AddItemNewService.js +44 -0
- package/dist/components/organisms/DialogBookingAddItem/AddItemSelector.d.ts +8 -0
- package/dist/components/organisms/DialogBookingAddItem/AddItemSelector.js +12 -0
- package/dist/components/organisms/DialogBookingAddItem/DialogBookingAddItem.d.ts +17 -0
- package/dist/components/organisms/DialogBookingAddItem/DialogBookingAddItem.js +55 -0
- package/dist/components/organisms/DialogBookingAddItem/index.d.ts +3 -0
- package/dist/components/organisms/DialogBookingAddItem/index.js +3 -0
- package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.d.ts +2 -2
- package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/BookingMailSent.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/BookingReference.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/BookingSuccess.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.d.ts +4 -0
- package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.js +2 -13
- package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.css +2117 -0
- package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.d.ts +16 -0
- package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.js +28 -0
- package/dist/components/organisms/{CancelService → DialogCancelService}/CancelPolicy.d.ts +2 -2
- package/dist/components/organisms/DialogCancelService/CancelPolicy.js +8 -0
- package/dist/components/organisms/DialogCancelService/ConfirmDelete/ConfirmDelete.js +24 -0
- package/dist/components/organisms/{CancelService/CancelService.d.ts → DialogCancelService/DialogCancelService.d.ts} +4 -3
- package/dist/components/organisms/DialogCancelService/DialogCancelService.js +14 -0
- package/dist/components/organisms/DialogCancelService/FromList.js +18 -0
- package/dist/components/organisms/DialogCancelService/index.d.ts +5 -0
- package/dist/components/organisms/DialogCancelService/index.js +1 -0
- package/dist/components/organisms/DialogComparison/DialogComparison.css +2116 -0
- package/dist/components/organisms/DialogComparison/DialogComparison.d.ts +24 -0
- package/dist/components/organisms/DialogComparison/DialogComparison.js +69 -0
- package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.d.ts +14 -0
- package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.js +11 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMail.d.ts +11 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMail.js +8 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMailContent.d.ts +15 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMailContent.js +49 -0
- package/dist/components/organisms/DialogSendingMail/index.d.ts +4 -0
- package/dist/components/organisms/DialogSendingMail/index.js +2 -0
- package/dist/components/organisms/DialogSendingMail/sending-mail-schema.d.ts +7 -0
- package/dist/components/organisms/DialogSendingMail/sending-mail-schema.js +16 -0
- package/dist/components/organisms/Docket/Docket.js +8 -19
- package/dist/components/organisms/Footer/Footer.js +3 -14
- package/dist/components/organisms/MultipleQuotationDocket/MultipleQuotationDocket.js +2 -13
- package/dist/components/organisms/PaxSelector/PaxSelector.js +22 -22
- package/dist/components/organisms/QuoteHeader/QuoteHeader.js +2 -13
- package/dist/components/organisms/RoundTrip/RoundTrip.js +1 -1
- package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js +5 -5
- package/dist/components/organisms/TabCancellationPolicy/CancellationAccom.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/CancellationExcursion.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/CancellationHeader.d.ts +0 -1
- package/dist/components/organisms/TabCancellationPolicy/CancellationTransfer.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/HeaderExcursion/HeaderTransfer.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/PolicyAccom/PolicyAccom.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/PolicyExcursion.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/PolicyTransfer.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicy.d.ts +0 -1
- package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.js +1 -12
- package/dist/components/organisms/TabServiceDetails/Accommodation.js +1 -1
- package/dist/components/organisms/TabServiceDetails/DetailContentTransfer.js +1 -12
- package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.js +2 -2
- package/dist/components/organisms/TabServiceDetails/DetailsContentExcursion.js +1 -12
- package/dist/components/organisms/TabServiceDetails/Excursion.js +1 -1
- package/dist/components/organisms/TabServiceDetails/TabServiceDetails.d.ts +0 -1
- package/dist/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.js +1 -12
- package/dist/components/organisms/TabServiceDetails/Transfer.js +1 -1
- package/dist/components/organisms/Table/Table.css +48 -32
- package/dist/components/organisms/Table/Table.d.ts +4 -1
- package/dist/components/organisms/Table/Table.js +19 -16
- package/dist/components/organisms/Table/TableCell.d.ts +1 -1
- package/dist/components/organisms/Table/TableCell.js +1 -12
- package/dist/components/organisms/Table/columns/booking-cancel-service-columns.js +15 -31
- package/dist/components/organisms/Table/columns/booking-columns.js +7 -22
- package/dist/components/organisms/Table/columns/comparison-columns.d.ts +3 -0
- package/dist/components/organisms/Table/columns/comparison-columns.js +97 -0
- package/dist/components/organisms/Table/columns/detail-resume-columns.js +16 -31
- package/dist/components/organisms/Table/columns/index.d.ts +11 -7
- package/dist/components/organisms/Table/columns/index.js +2 -0
- package/dist/components/organisms/Table/columns/quotation-columns.d.ts +4 -1
- package/dist/components/organisms/Table/columns/quotation-columns.js +10 -19
- package/dist/components/organisms/Timeline/Timeline.js +1 -1
- package/dist/components/organisms/TopNavigation/DesktopNav.d.ts +0 -1
- package/dist/components/organisms/TopNavigation/DesktopNav.js +5 -16
- package/dist/components/organisms/TopNavigation/MobileNav.js +9 -20
- package/dist/components/organisms/TransferLine/TransferLine.js +1 -1
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/calendar.js +2 -2
- package/dist/components/ui/form.d.ts +24 -0
- package/dist/components/ui/form.js +79 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/label.js +30 -0
- package/dist/hooks/useBookingPax.d.ts +1 -1
- package/dist/index.d.ts +26 -15
- package/dist/index.js +10 -2
- package/dist/lib/price-formatter.d.ts +1 -0
- package/dist/lib/price-formatter.js +13 -0
- package/dist/lib/shared-constant.d.ts +1 -0
- package/dist/lib/shared-constant.js +1 -0
- package/dist/lib/utils.d.ts +1 -2
- package/dist/lib/utils.js +1 -1
- package/dist/styles/tokens/tokens.d.ts +464 -464
- package/package.json +7 -3
- package/src/components/atoms/Icon/icons/Info2Icon.tsx +42 -0
- package/src/components/atoms/Icon/icons/registry.tsx +2 -0
- package/src/components/atoms/Inputs/Input/Input.tsx +4 -2
- package/src/components/molecules/Calendar/DateTime.tsx +6 -4
- package/src/components/molecules/DialogContentPolicy/DialogCancellationList.tsx +6 -6
- package/src/components/molecules/DialogContentPolicy/DialogContentPolicy.tsx +1 -1
- package/src/components/molecules/MultiSelectDropdown/MultiSelectDropdown.tsx +117 -82
- package/src/components/molecules/PaxChips/PaxChips.tsx +30 -0
- package/src/components/molecules/TextWithIcon/TextWithIcon.tsx +2 -2
- package/src/components/molecules/Toast/Toast.css +27 -0
- package/src/components/molecules/Toast/Toast.tsx +9 -9
- package/src/components/organisms/Dialog/Dialog.tsx +85 -64
- package/src/components/organisms/{BookingAddItem → DialogBookingAddItem}/AddItemNewService.tsx +17 -2
- package/src/components/organisms/{BookingAddItem/BookingAddItem.tsx → DialogBookingAddItem/DialogBookingAddItem.tsx} +6 -6
- package/src/components/organisms/{BookingAddItem → DialogBookingAddItem}/index.ts +1 -1
- package/src/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.tsx +2 -2
- package/src/components/organisms/DialogBookingConfirm/DialogBookingConfirm.tsx +14 -2
- package/src/components/organisms/DialogCancelService/CancelBooking/CancelBooking.css +24 -0
- package/src/components/organisms/DialogCancelService/CancelBooking/CancelBooking.tsx +98 -0
- package/src/components/organisms/{CancelService → DialogCancelService}/CancelPolicy.tsx +4 -4
- package/src/components/organisms/{CancelService/CancelService.tsx → DialogCancelService/DialogCancelService.tsx} +7 -5
- package/src/components/organisms/DialogCancelService/index.ts +6 -0
- package/src/components/organisms/DialogComparison/DialogComparison.css +23 -0
- package/src/components/organisms/DialogComparison/DialogComparison.tsx +157 -0
- package/src/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.tsx +57 -0
- package/src/components/organisms/DialogSendingMail/DialogSendingMail.tsx +27 -0
- package/src/components/organisms/DialogSendingMail/DialogSendingMailContent.tsx +115 -0
- package/src/components/organisms/DialogSendingMail/index.ts +5 -0
- package/src/components/organisms/DialogSendingMail/sending-mail-schema.ts +19 -0
- package/src/components/organisms/Table/Table.css +48 -32
- package/src/components/organisms/Table/Table.tsx +24 -5
- package/src/components/organisms/Table/columns/booking-cancel-service-columns.tsx +16 -32
- package/src/components/organisms/Table/columns/booking-columns.tsx +2 -19
- package/src/components/organisms/Table/columns/comparison-columns.tsx +140 -0
- package/src/components/organisms/Table/columns/detail-resume-columns.tsx +17 -33
- package/src/components/organisms/Table/columns/index.ts +2 -0
- package/src/components/organisms/Table/columns/quotation-columns.tsx +17 -9
- package/src/components/ui/form.tsx +160 -0
- package/src/components/ui/label.tsx +22 -0
- package/dist/components/organisms/CancelService/CancelPolicy.js +0 -19
- package/dist/components/organisms/CancelService/CancelService.js +0 -23
- package/dist/components/organisms/CancelService/ConfirmDelete/ConfirmDelete.js +0 -35
- package/dist/components/organisms/CancelService/FromList.js +0 -29
- /package/dist/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.css +0 -0
- /package/dist/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.d.ts +0 -0
- /package/dist/components/organisms/{CancelService → DialogCancelService}/FromList.d.ts +0 -0
- /package/src/components/organisms/{BookingAddItem → DialogBookingAddItem}/AddItemSelector.tsx +0 -0
- /package/src/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.css +0 -0
- /package/src/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.tsx +0 -0
- /package/src/components/organisms/{CancelService → DialogCancelService}/FromList.tsx +0 -0
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import React, { useState } from 'react';
|
|
14
3
|
import Icon from '../../atoms/Icon/Icon';
|
|
@@ -43,8 +32,8 @@ var CalendarInput = function (_a) {
|
|
|
43
32
|
React.useEffect(function () {
|
|
44
33
|
setLocalValue(value);
|
|
45
34
|
}, [value]);
|
|
46
|
-
var iconButton = (_jsx("button",
|
|
35
|
+
var iconButton = (_jsx("button", { 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" }) }));
|
|
47
36
|
var isEmpty = !localValue;
|
|
48
|
-
return (_jsxs("div",
|
|
37
|
+
return (_jsxs("div", { className: "calendar-input calendar-input--".concat(displayState, " calendar-input--icon-").concat(iconPosition, " ").concat(isEmpty ? 'calendar-input--empty' : '', " ").concat(className).trim(), "data-node-id": "3425:11289", onClick: onClick, children: [iconPosition === 'left' && iconButton, _jsxs("div", { className: "calendar-input__input-wrapper", children: [_jsx("input", { type: "text", className: "calendar-input__field", placeholder: placeholder, value: localValue, disabled: disabled, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, readOnly: true, "aria-label": 'Select date', "data-empty": !localValue }), iconPosition === 'left' && showChevron && (_jsx("div", { className: "calendar-input__chevron ".concat(isOpen ? 'calendar-input__chevron--open' : ''), children: _jsx(Icon, { name: 'chevron-down', size: "sm" }) }))] }), iconPosition === 'right' && iconButton] }));
|
|
49
38
|
};
|
|
50
39
|
export default CalendarInput;
|
|
@@ -1,5 +1,12 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DateRange } from 'react-day-picker';
|
|
2
|
+
export interface DateTimeOnChangePayload {
|
|
3
|
+
dateRange?: DateRange;
|
|
4
|
+
time?: {
|
|
5
|
+
hour: string;
|
|
6
|
+
minute: string;
|
|
7
|
+
meridiem: 'AM' | 'PM';
|
|
8
|
+
};
|
|
9
|
+
}
|
|
3
10
|
export interface DateTimeProps {
|
|
4
11
|
mode?: 'calendar' | 'time' | 'both';
|
|
5
12
|
selectionMode?: 'single' | 'range';
|
|
@@ -12,14 +19,7 @@ export interface DateTimeProps {
|
|
|
12
19
|
minute: string;
|
|
13
20
|
meridiem: 'AM' | 'PM';
|
|
14
21
|
};
|
|
15
|
-
onChange?: (payload:
|
|
16
|
-
dateRange?: DateRange;
|
|
17
|
-
time?: {
|
|
18
|
-
hour: string;
|
|
19
|
-
minute: string;
|
|
20
|
-
meridiem: 'AM' | 'PM';
|
|
21
|
-
};
|
|
22
|
-
}) => void;
|
|
22
|
+
onChange?: (payload: DateTimeOnChangePayload) => void;
|
|
23
23
|
}
|
|
24
24
|
declare const DateTime: React.FC<DateTimeProps>;
|
|
25
25
|
export default DateTime;
|
|
@@ -83,7 +83,7 @@ var DateTime = function (_a) {
|
|
|
83
83
|
setMonth(defaultDateRange === null || defaultDateRange === void 0 ? void 0 : defaultDateRange.from);
|
|
84
84
|
}
|
|
85
85
|
}, [defaultDateRange]);
|
|
86
|
-
return (_jsxs("div",
|
|
86
|
+
return (_jsxs("div", { className: "calendar--dropdown", children: [mode !== 'time' &&
|
|
87
87
|
(function () {
|
|
88
88
|
var calendarProps = {
|
|
89
89
|
mode: calendarMode,
|
|
@@ -106,12 +106,12 @@ var DateTime = function (_a) {
|
|
|
106
106
|
},
|
|
107
107
|
};
|
|
108
108
|
return _jsx(Calendar, __assign({}, calendarProps));
|
|
109
|
-
})(), mode !== 'calendar' && (_jsx("div",
|
|
109
|
+
})(), mode !== 'calendar' && (_jsx("div", { className: "".concat(mode === 'both' ? 'calendar--time_container_separated' : ''), children: _jsx(TimePicker, { label: "Time", hour: hours, minute: minutes, meridiem: amPm, onChange: function (h, m, mm) {
|
|
110
110
|
var hh = String(Math.max(0, Math.min(12, Number(h || 0)))).padStart(2, '0');
|
|
111
111
|
var mmn = String(Math.max(0, Math.min(59, Number(m || 0)))).padStart(2, '0');
|
|
112
112
|
setHours(hh);
|
|
113
113
|
setMinutes(mmn);
|
|
114
114
|
setAmPm(mm);
|
|
115
|
-
} }) }))
|
|
115
|
+
} }) })), mode !== 'time' && (_jsxs("div", { className: "calendar--footer", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: selectToday, type: "button", className: "calendar--footer--button", disabled: disableToday, children: [_jsx(Icon, { name: "calendar-outline", size: "sm" }), "Today"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: clearSelection, type: "button", className: "calendar--footer--button", children: "Clear" })] }))] }));
|
|
116
116
|
};
|
|
117
117
|
export default DateTime;
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { useState, useEffect } from "react";
|
|
14
3
|
var clampTwoDigits = function (val) {
|
|
@@ -86,6 +75,6 @@ var TimePicker = function (_a) {
|
|
|
86
75
|
setIsTyping(false);
|
|
87
76
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
|
88
77
|
};
|
|
89
|
-
return (_jsxs("div",
|
|
78
|
+
return (_jsxs("div", { className: "time-picker-wrapper", "data-state": displayState, children: [label && _jsx("div", { className: "time-picker__div", children: label }), _jsxs("div", { className: "time-picker time-picker--".concat(displayState), children: [_jsx("input", { className: "time-picker__input", type: "text", inputMode: "numeric", pattern: "[0-9]*", value: localHour, placeholder: "00", onChange: handleHourChange, onFocus: handleFocus, onBlur: handleBlur, disabled: disabled, "aria-label": "Hour", "data-unit": "hour" }), _jsx("div", { className: "time-picker__colon", children: ":" }), _jsx("input", { className: "time-picker__input", type: "text", inputMode: "numeric", pattern: "[0-9]*", value: localMinute, placeholder: "00", onChange: handleMinuteChange, onFocus: handleFocus, onBlur: handleBlur, disabled: disabled, "aria-label": "Minute", "data-unit": "minute" }), _jsxs("div", { className: "time-picker__am-pm", role: "tablist", "aria-label": "AM/PM selector", children: [_jsx("button", { type: "button", className: "time-picker__seg time-picker__seg--left ".concat(localMeridiem === "AM" ? "time-picker__seg--selected" : ""), onClick: function () { return handleMeridiemClick("AM"); }, disabled: disabled, "aria-pressed": localMeridiem === "AM", children: "AM" }), _jsx("button", { type: "button", className: "time-picker__seg time-picker__seg--right ".concat(localMeridiem === "PM" ? "time-picker__seg--selected" : ""), onClick: function () { return handleMeridiemClick("PM"); }, disabled: disabled, "aria-pressed": localMeridiem === "PM", children: "PM" })] })] })] }));
|
|
90
79
|
};
|
|
91
80
|
export default TimePicker;
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { format, isValid } from 'date-fns';
|
|
14
3
|
import { Fragment, useMemo } from 'react';
|
|
@@ -44,8 +33,8 @@ export var DateDisplay = function (_a) {
|
|
|
44
33
|
var textColor = colorMode === 'green' ? 'accent' : 'default';
|
|
45
34
|
// Single date display (matching Figma design)
|
|
46
35
|
if (formattedDates.length === 1) {
|
|
47
|
-
return (_jsxs("div",
|
|
36
|
+
return (_jsxs("div", { className: "date-display date-display--".concat(colorMode, " ").concat(className), children: [_jsx(Icon, { name: "calendar", size: calendarSize, color: iconColor }), _jsx(Text, { variant: "medium", size: textSize, color: textColor, children: formattedDates[0] })] }));
|
|
48
37
|
}
|
|
49
38
|
// Multiple dates display (backward compatibility)
|
|
50
|
-
return (_jsx("div",
|
|
39
|
+
return (_jsx("div", { className: "date-display date-display--range date-display--".concat(colorMode, " ").concat(className), children: formattedDates.map(function (formattedDate, index) { return (_jsxs(Fragment, { children: [_jsxs("span", { className: "date-display__item", children: [_jsx(Icon, { name: "calendar", size: calendarSize, color: iconColor }), _jsx(Text, { variant: "medium", size: textSize, color: textColor, children: formattedDate })] }), formattedDates.length > 1 && index === 0 && (_jsx(Icon, { name: "arrow-right-outline", size: arrowSize }))] }, "dd-".concat(index))); }) }));
|
|
51
40
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
import { cn } from '../../../lib/utils';
|
|
14
3
|
import { ActionDropdownType } from '../../../types/table/index';
|
|
@@ -16,7 +5,7 @@ import Button from '../../atoms/Button/Button';
|
|
|
16
5
|
import { ActionDropdown } from '../ActionDropdown/ActionDropdown';
|
|
17
6
|
export var DetailsAction = function (props) {
|
|
18
7
|
var _a = props.data, data = _a === void 0 ? [] : _a, onAction = props.onAction, _b = props.buttonVariant, buttonVariant = _b === void 0 ? 'outline-secondary' : _b, _c = props.buttonClassName, buttonClassName = _c === void 0 ? '' : _c, _d = props.buttonLabel, buttonLabel = _d === void 0 ? 'More options' : _d, dropdownMaxWidth = props.dropdownMaxWidth;
|
|
19
|
-
return (_jsx(ActionDropdown,
|
|
8
|
+
return (_jsx(ActionDropdown, { maxWidth: dropdownMaxWidth, data: data
|
|
20
9
|
? data
|
|
21
10
|
: [
|
|
22
11
|
{
|
|
@@ -43,5 +32,5 @@ export var DetailsAction = function (props) {
|
|
|
43
32
|
onAction === null || onAction === void 0 ? void 0 : onAction(ActionDropdownType.DELETE_QUOTE);
|
|
44
33
|
},
|
|
45
34
|
},
|
|
46
|
-
]
|
|
35
|
+
], children: _jsx(Button, { variant: buttonVariant, trailingIcon: "chevron-down", size: "sm", className: cn('w-[144px] !justify-between !px-[14px]', buttonClassName), children: buttonLabel }) }));
|
|
47
36
|
};
|
|
@@ -1,19 +1,8 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import Chip from '../../../atoms/Chip/Chip';
|
|
14
3
|
import { Text } from '../../../atoms/Typography/Typography';
|
|
15
4
|
import './DetailsAgency.css';
|
|
16
5
|
export var DetailsAgency = function (props) {
|
|
17
6
|
var name = props.name, clientType = props.clientType, isOnRequest = props.isOnRequest, children = props.children;
|
|
18
|
-
return (_jsxs("div",
|
|
7
|
+
return (_jsxs("div", { className: "flex flex-col gap-y-6 items-end", children: [_jsx("img", { src: "/images/mautourco-logo.png", alt: "Mautourco Logo", width: 220 }), _jsxs("div", { className: "details-agency", children: [_jsx(Text, { variant: "bold", color: "accent", children: "Documents details:" }), _jsxs("div", { className: "details-agency__content", children: [_jsxs("div", { className: "details-agency__content-item", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name", children: "Agency" }), _jsx(Text, { size: "sm", leading: "4", children: name })] }), ' ', _jsxs("div", { className: "details-agency__content-item", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name", children: "Client type" }), _jsx(Text, { size: "sm", leading: "4", children: clientType })] })] })] }), isOnRequest && _jsx(Chip, { color: "yellow", children: "Waiting for confirmation" }), children] }));
|
|
19
8
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import Chip from '../../../atoms/Chip/Chip';
|
|
14
3
|
import { Text } from '../../../atoms/Typography/Typography';
|
|
@@ -16,5 +5,5 @@ import { languagesMap } from '../../ServiceLanguages/constant';
|
|
|
16
5
|
import './DetailsClient.css';
|
|
17
6
|
export var DetailsClientInfo = function (props) {
|
|
18
7
|
var language = props.language, clients = props.clients;
|
|
19
|
-
return (_jsxs("div",
|
|
8
|
+
return (_jsxs("div", { className: "details-client", children: [_jsx(Text, { variant: "bold", children: "1. Client's information" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { variant: "medium", size: "lg", children: "Language:" }), _jsxs(Chip, { color: "neutral", size: "md", className: "!px-4", children: [_jsx("i", { className: "fi fi-".concat(languagesMap[language.toLowerCase()]) }), _jsx(Text, { variant: "medium", as: "span", children: language })] })] }), _jsx("div", { className: "flex gap-x-8 flex-wrap", children: clients.map(function (client, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Text, { variant: "medium", size: "lg", children: [client.type, " No ", index + 1, ' ', client.age > 0 ? (_jsxs(Text, { variant: "regular", size: "lg", as: "span", children: ["(", client.age, " yo)"] })) : ('')] }), _jsxs(Chip, { color: "neutral", size: "md", className: "!px-4", children: [client.firstName, " ", client.lastName] })] }, "cl-".concat(index))); }) })] }));
|
|
20
9
|
};
|
|
@@ -1,17 +1,6 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { Text } from '../../atoms/Typography/Typography';
|
|
14
3
|
export var DetailsFile = function (props) {
|
|
15
4
|
var number = props.number, name = props.name, _a = props.label, label = _a === void 0 ? 'File number:' : _a, _b = props.withTitle, withTitle = _b === void 0 ? false : _b, _c = props.showRegularInfo, showRegularInfo = _c === void 0 ? true : _c;
|
|
16
|
-
return (_jsxs("div",
|
|
5
|
+
return (_jsxs("div", { className: "grid gap-y-2", children: [withTitle && (_jsx(Text, { variant: "bold", className: "text-2xl", color: "brand", children: label })), showRegularInfo && (_jsxs(Text, { variant: "regular", color: "default", children: [label, " ", number] })), _jsx(Text, { variant: "medium", color: "accent", children: name })] }));
|
|
17
6
|
};
|
package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.js
CHANGED
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { Text } from '../../../atoms/Typography/Typography';
|
|
14
3
|
import { cn } from '../../../../lib/utils';
|
|
@@ -16,5 +5,5 @@ import { ServiceTitle } from '../../ServiceTitle/ServiceTitle';
|
|
|
16
5
|
import './CancellationLayout.css';
|
|
17
6
|
export var CancellationLayout = function (props) {
|
|
18
7
|
var title = props.title, icon = props.icon, children = props.children, className = props.className, image = props.image, cancellationFee = props.cancellationFee, currency = props.currency;
|
|
19
|
-
return (_jsxs("div",
|
|
8
|
+
return (_jsxs("div", { className: cn('cancellation-layout', className), children: [_jsx(ServiceTitle, { title: title, icon: icon }), _jsxs("div", { className: "cancellation-layout__content", children: [_jsx("div", { className: "cancellation-layout__content-left", children: children }), _jsx("figure", { className: "cancellation-layout__content-right", children: _jsx("img", { src: image, alt: (title === null || title === void 0 ? void 0 : title.toString()) || '', width: 150, height: 200 }) })] }), cancellationFee && (_jsxs("div", { className: "cancellation-layout__fee", children: [_jsx(Text, { variant: "medium", children: "Cancellation fee (VAT Incl) :" }), _jsxs(Text, { variant: "bold", children: [currency, " ", cancellationFee] })] }))] }));
|
|
20
9
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import useStays from '../../../hooks/useStays';
|
|
14
3
|
import { Fragment } from 'react';
|
|
@@ -20,5 +9,5 @@ import { CancellationLayout } from './CancellationLayout/CancellationLayout';
|
|
|
20
9
|
export var DialogCancellationAccom = function (props) {
|
|
21
10
|
var image = props.image, hotelName = props.hotelName, dates = props.dates, rooms = props.rooms, cancellationFee = props.cancellationFee, currency = props.currency;
|
|
22
11
|
var stay = useStays(dates);
|
|
23
|
-
return (_jsx(CancellationLayout,
|
|
12
|
+
return (_jsx(CancellationLayout, { title: "Accommodation", icon: "accom", image: image, cancellationFee: cancellationFee, currency: currency, children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", children: hotelName }), _jsx(DateDisplay, { dates: dates }), _jsxs(TextWithIcon, { icon: "night", textLeading: "4", children: [stay, " Nights"] })] }), _jsx("div", { className: "", children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(TextWithIcon, { icon: "accom", textLeading: "4", children: [index + 1, " Room"] }), _jsx(Text, { size: "sm", children: room.RoomName })] }), room.cancellation_policy.map(function (policy) { return (_jsxs(Fragment, { children: [_jsxs(Chip, { type: "outline", color: "brand", isBlackText: true, children: ["Policy period applies", ' ', _jsx(DateDisplay, { dates: [policy.ValidFrom, policy.ValidTo], textSize: "xs" })] }), _jsxs(Text, { variant: "bold", size: "xs", leading: "4", children: [policy.Value, " % of total price"] }), _jsx(Text, { size: "xs", leading: "4", children: policy.Description })] }, "policy-".concat(index))); })] }, "rm-".concat(index))); }) })] }) }));
|
|
24
13
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { Text } from '../../atoms/Typography/Typography';
|
|
14
3
|
import { DateDisplay } from '../DateDisplay/DateDisplay';
|
|
@@ -16,5 +5,5 @@ import { ServiceInfo } from '../ServiceInfo/ServiceInfo';
|
|
|
16
5
|
import { CancellationLayout } from './CancellationLayout/CancellationLayout';
|
|
17
6
|
export var DialogCancellationExcursion = function (props) {
|
|
18
7
|
var image = props.image, excursionName = props.excursionName, date = props.date, details = props.details, policy = props.policy, cancellationFee = props.cancellationFee, currency = props.currency;
|
|
19
|
-
return (_jsx(CancellationLayout,
|
|
8
|
+
return (_jsx(CancellationLayout, { title: "Excursion", icon: "map", image: image, cancellationFee: cancellationFee, currency: currency, children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", children: excursionName }), _jsx(DateDisplay, { dates: [date] })] }), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, { icon: "stopwatch", label: "Duration", children: details.duration }), _jsx(ServiceInfo.Item, { icon: "utensils", label: "Meal", children: details.meal }), _jsx(ServiceInfo.Item, { icon: "bike", label: "Difficulty", children: details.accessibility }), _jsx(ServiceInfo.Item, { icon: "car", label: "Transfer Type", children: details.transferType })] }), _jsxs("div", { className: "", children: [_jsx(Text, { variant: "bold", size: "xs", leading: "4", children: policy.title }), _jsx(Text, { size: "xs", leading: "4", children: policy.description })] })] }) }));
|
|
20
9
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DialogCancellationAccomProps } from './DialogCancellationAccom';
|
|
3
3
|
import { DialogCancellationExcursionProps } from './DialogCancellationExcursion';
|
|
4
|
-
export interface
|
|
4
|
+
export interface CancellationPolicyItem {
|
|
5
5
|
/**
|
|
6
6
|
* The type of the cancellation.
|
|
7
7
|
*/
|
|
@@ -15,9 +15,9 @@ export interface DialogCancellationListProps {
|
|
|
15
15
|
/**
|
|
16
16
|
* The cancellations to display.
|
|
17
17
|
*/
|
|
18
|
-
cancellations:
|
|
18
|
+
cancellations: CancellationPolicyItem[];
|
|
19
19
|
}
|
|
20
|
-
export declare const
|
|
20
|
+
export declare const CancellationsList: (props: DialogCancellationListProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
/**
|
|
22
22
|
* DialogCancellationList is a component that allows the user to display the cancellations.
|
|
23
23
|
*
|
|
@@ -19,7 +19,7 @@ var isAccommodation = function (data) {
|
|
|
19
19
|
var isExcursion = function (data) {
|
|
20
20
|
return 'excursionName' in data;
|
|
21
21
|
};
|
|
22
|
-
export var
|
|
22
|
+
export var CancellationsList = function (props) {
|
|
23
23
|
var cancellations = props.cancellations;
|
|
24
24
|
return (_jsx(_Fragment, { children: cancellations.map(function (c, index) {
|
|
25
25
|
if (c.type === 'accommodation' && isAccommodation(c.data)) {
|
|
@@ -43,5 +43,5 @@ export var DialogCancellations = function (props) {
|
|
|
43
43
|
* @returns The DialogCancellationList component.
|
|
44
44
|
*/
|
|
45
45
|
export var DialogCancellationList = function (props) {
|
|
46
|
-
return (_jsx(DialogContentPolicy, { children: _jsx(
|
|
46
|
+
return (_jsx(DialogContentPolicy, { children: _jsx(CancellationsList, __assign({}, props)) }));
|
|
47
47
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { useState } from 'react';
|
|
14
3
|
import Button from '../../atoms/Button/Button';
|
|
@@ -31,7 +20,7 @@ import { DialogCancellationList } from './DialogCancellationList';
|
|
|
31
20
|
export var DialogContentPolicy = function (props) {
|
|
32
21
|
var children = props.children, onSubmit = props.onSubmit;
|
|
33
22
|
var _a = useState(false), accepted = _a[0], setAccepted = _a[1];
|
|
34
|
-
return (_jsxs("div",
|
|
23
|
+
return (_jsxs("div", { className: "cancellation-policy", children: [children, _jsxs("div", { className: "flex justify-end gap-x-5 pt-9 pb-2", children: [_jsx("div", { className: "flex gap-x-2.5 items-center", children: _jsx(Checkbox, { checked: accepted, onChange: setAccepted, label: "I've read and accept the cancellation policy.", labelPosition: "leading" }) }), _jsx(Button, { className: "w-[250px]", variant: "secondary", disabled: !accepted, onClick: onSubmit, children: "Next" })] })] }));
|
|
35
24
|
};
|
|
36
25
|
DialogContentPolicy.Accommodation = DialogCancellationAccom;
|
|
37
26
|
DialogContentPolicy.Excursion = DialogCancellationExcursion;
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import '../../../styles/components/molecule/docket-prices.css';
|
|
14
3
|
import { Text } from '../../atoms/Typography/Typography';
|
|
@@ -26,6 +15,6 @@ export var DocketPrices = function (_a) {
|
|
|
26
15
|
if (!prices || prices.length === 0) {
|
|
27
16
|
return null;
|
|
28
17
|
}
|
|
29
|
-
return (_jsxs("div",
|
|
18
|
+
return (_jsxs("div", { className: "docket-prices ".concat(className), children: [_jsx(Text, { variant: "bold", size: "sm", color: "default", className: "docket-prices__label", children: label }), _jsx("div", { className: "docket-prices__price-list", children: prices.map(function (price, index) { return (_jsxs(Text, { variant: "bold", size: "sm", color: "default", children: [price.currency, " ", formatAmount(price.amount)] }, index)); }) })] }));
|
|
30
19
|
};
|
|
31
20
|
export default DocketPrices;
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import '../../../styles/components/molecule/excursion-docket.css';
|
|
14
3
|
import Button from '../../atoms/Button/Button';
|
|
@@ -26,6 +15,6 @@ export var ExcursionDocket = function (_a) {
|
|
|
26
15
|
var price = typeof TotalPrice === 'string' ? TotalPrice : TotalPrice.toString();
|
|
27
16
|
return "".concat(Currency, " ").concat(price);
|
|
28
17
|
};
|
|
29
|
-
return (_jsxs("div",
|
|
18
|
+
return (_jsxs("div", { className: "excursion-docket", children: [_jsxs("div", { className: "excursion-docket__header", children: [_jsxs("div", { className: "excursion-docket__title-section", children: [_jsx("div", { className: "excursion-docket__title-bar" }), _jsx(Icon, { name: "map-pin", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Excursion" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "excursion-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && (_jsx(Chip, { type: "filled", color: "accent", size: "sm", children: formatPrice() })))] }), ExcursionName && (_jsx("div", { className: "excursion-docket__excursion-name", children: _jsx(Text, { variant: "bold", size: "base", color: "default", children: ExcursionName }) })), _jsxs("div", { className: "excursion-docket__details", children: [ServiceDate && (_jsx(DateDisplay, { date: ServiceDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), SelectedHotel && (_jsxs("div", { className: "excursion-docket__pickup", children: [_jsxs(Text, { variant: "bold", size: "sm", color: "subtle", children: ["Pickup:", ' '] }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", children: SelectedHotel })] })), AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })), _jsxs("div", { className: "excursion-docket__details-list", children: [Duration && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "clock", textSize: "sm", color: "subtle", textLeading: "none", children: "Duration" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: Duration })] })), (MealIncluded !== undefined || Meal) && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "utensils", textSize: "sm", color: "subtle", textLeading: "none", children: "Meal" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: Meal || (MealIncluded ? 'Included' : 'Not included') })] })), Accessibility && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "stroller", textSize: "sm", color: "subtle", textLeading: "none", children: "Accessibility" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: Accessibility })] })), (VehicleType || VehicleTypeName) && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "car", textSize: "sm", color: "subtle", textLeading: "none", children: "Vehicle" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: VehicleTypeName || VehicleType })] }))] })] })] }));
|
|
30
19
|
};
|
|
31
20
|
export default ExcursionDocket;
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import Icon from '../../atoms/Icon/Icon';
|
|
14
3
|
import Divider from '../../atoms/Divider/Divider';
|
|
@@ -17,6 +6,6 @@ var FeatureRow = function (_a) {
|
|
|
17
6
|
var label = _a.label, value = _a.value, icon = _a.icon, _b = _a.iconSize, iconSize = _b === void 0 ? 'sm' : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
18
7
|
var baseClass = 'feature-row';
|
|
19
8
|
var classes = [baseClass, className].filter(Boolean).join(' ');
|
|
20
|
-
return (_jsxs("div",
|
|
9
|
+
return (_jsxs("div", { className: classes, children: [_jsx("div", { className: "feature-row__label", children: _jsx("span", { className: "feature-row__label-text", children: label }) }), _jsx(Divider, { orientation: "vertical", className: "feature-row__divider" }), _jsxs("div", { className: "feature-row__value", children: [icon && (_jsx(Icon, { name: icon, size: iconSize, className: "feature-row__value-icon" })), _jsx("span", { className: "feature-row__value-text", children: value })] })] }));
|
|
21
10
|
};
|
|
22
11
|
export default FeatureRow;
|
|
@@ -1,14 +1,3 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import Icon from '../../atoms/Icon/Icon';
|
|
14
3
|
import { Text } from '../../atoms/Typography/Typography';
|
|
@@ -19,6 +8,6 @@ var FromTo = function (props) {
|
|
|
19
8
|
return '';
|
|
20
9
|
return location.toLowerCase() === 'airport' ? 'Plaisance Airport' : location;
|
|
21
10
|
};
|
|
22
|
-
return (_jsxs("div",
|
|
11
|
+
return (_jsxs("div", { className: "grid gap-y-1", children: [_jsx(Text, { variant: "regular", size: "sm", leading: "5", children: getTransferLocationName(from) }), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, { variant: "regular", size: "sm", leading: "5", children: getTransferLocationName(to) })] }));
|
|
23
12
|
};
|
|
24
13
|
export default FromTo;
|
|
@@ -1,19 +1,8 @@
|
|
|
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
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import CardServiceAccom from '../../atoms/CardServiceAccom/CardServiceAccom';
|
|
14
3
|
import Chip from '../../atoms/Chip/Chip';
|
|
15
4
|
import { Text } from '../../atoms/Typography/Typography';
|
|
16
5
|
export var GlobalAmenities = function (props) {
|
|
17
6
|
var amenities = props.amenities;
|
|
18
|
-
return (_jsxs(CardServiceAccom,
|
|
7
|
+
return (_jsxs(CardServiceAccom, { className: "space-y-4", withBorderLeft: true, children: [_jsx(Text, { variant: "medium", size: "lg", leading: "4", children: "Global Amenities" }), _jsx("div", { className: "flex flex-wrap gap-4", children: amenities.map(function (amenity, index) { return (_jsx(Chip, { type: "outline", color: "accent", externalIcon: amenity.AmenityIcon, children: amenity.AmenityName }, "ga-".concat(index))); }) })] }));
|
|
19
8
|
};
|