@ecohouse/ui 0.1.57 → 0.1.58

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 (34) hide show
  1. package/dist/index.cjs +396 -30
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +39 -2
  4. package/dist/index.d.ts +39 -2
  5. package/dist/index.js +386 -32
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/NotificationStatus/NotificationStatus.stories.tsx +86 -0
  9. package/src/components/NotificationStatus/NotificationStatus.tsx +255 -0
  10. package/src/components/NotificationStatus/index.ts +9 -0
  11. package/src/components/index.ts +10 -0
  12. package/src/icons/DoubleCheck/DoubleCheckIcon.tsx +25 -0
  13. package/src/icons/DoubleCheck/DoubleCheckIcon.web.tsx +31 -0
  14. package/src/icons/DoubleCheck/doubleCheckPath.ts +3 -0
  15. package/src/icons/DoubleCheck/index.ts +1 -0
  16. package/src/icons/NotificationCancelled/NotificationCancelledIcon.tsx +22 -0
  17. package/src/icons/NotificationCancelled/NotificationCancelledIcon.web.tsx +21 -0
  18. package/src/icons/NotificationCancelled/index.ts +1 -0
  19. package/src/icons/NotificationCheckout/NotificationCheckoutIcon.tsx +22 -0
  20. package/src/icons/NotificationCheckout/NotificationCheckoutIcon.web.tsx +21 -0
  21. package/src/icons/NotificationCheckout/index.ts +1 -0
  22. package/src/icons/NotificationIcons.stories.tsx +99 -0
  23. package/src/icons/NotificationQrCode/NotificationQrCodeIcon.tsx +25 -0
  24. package/src/icons/NotificationQrCode/NotificationQrCodeIcon.web.tsx +24 -0
  25. package/src/icons/NotificationQrCode/index.ts +1 -0
  26. package/src/icons/NotificationSuccess/NotificationSuccessIcon.tsx +26 -0
  27. package/src/icons/NotificationSuccess/NotificationSuccessIcon.web.tsx +25 -0
  28. package/src/icons/NotificationSuccess/index.ts +1 -0
  29. package/src/icons/NotificationWarning/NotificationWarningIcon.tsx +22 -0
  30. package/src/icons/NotificationWarning/NotificationWarningIcon.web.tsx +21 -0
  31. package/src/icons/NotificationWarning/index.ts +1 -0
  32. package/src/icons/index.ts +6 -0
  33. package/src/icons/registry.ts +20 -0
  34. package/src/index.ts +13 -0
package/dist/index.d.cts CHANGED
@@ -174,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
174
174
 
175
175
  declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
176
176
 
177
+ /** Native — react-native-svg (peer dependency). */
178
+ declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
179
+
177
180
  /** Native — react-native-svg (peer dependency). */
178
181
  declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
179
182
 
@@ -242,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
242
245
 
243
246
  declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
244
247
 
248
+ declare function NotificationCancelledIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
249
+
250
+ declare function NotificationCheckoutIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
251
+
252
+ declare function NotificationQrCodeIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
253
+
254
+ declare function NotificationSuccessIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
255
+
256
+ declare function NotificationWarningIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
257
+
245
258
  declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
246
259
 
247
260
  declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -390,6 +403,11 @@ declare const icons: {
390
403
  readonly navigate: typeof NavigateIcon;
391
404
  readonly noPets: typeof NoPetsIcon;
392
405
  readonly noSmoking: typeof NoSmokingIcon;
406
+ readonly notificationCancelled: typeof NotificationCancelledIcon;
407
+ readonly notificationCheckout: typeof NotificationCheckoutIcon;
408
+ readonly notificationQrCode: typeof NotificationQrCodeIcon;
409
+ readonly notificationSuccess: typeof NotificationSuccessIcon;
410
+ readonly notificationWarning: typeof NotificationWarningIcon;
393
411
  readonly paw: typeof PawIcon;
394
412
  readonly phone: typeof PhoneIcon;
395
413
  readonly qrCode: typeof QrCodeIcon;
@@ -425,6 +443,7 @@ declare const icons: {
425
443
  readonly dollar: typeof DollarIcon;
426
444
  readonly dram: typeof DramIcon;
427
445
  readonly dragHandle: typeof DragHandleIcon;
446
+ readonly doubleCheck: typeof DoubleCheckIcon;
428
447
  readonly externalLink: typeof ExternalLinkIcon;
429
448
  readonly eye: typeof EyeIcon;
430
449
  readonly image: typeof ImageIcon;
@@ -436,9 +455,10 @@ type IconName = keyof typeof icons;
436
455
  declare const iconNames: IconName[];
437
456
  declare const iconGroups: {
438
457
  readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
439
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
458
+ readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
440
459
  readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
441
460
  readonly communication: readonly ["mail", "phone"];
461
+ readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
442
462
  readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
443
463
  readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
444
464
  };
@@ -1297,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
1297
1317
  }
1298
1318
  declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
1299
1319
 
1320
+ interface NotificationStatusProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
1321
+ title: string;
1322
+ description: string;
1323
+ timestamp: string;
1324
+ unread?: boolean;
1325
+ disabled?: boolean;
1326
+ showChevron?: boolean;
1327
+ onPress?: PressableProps["onPress"];
1328
+ style?: StyleProp<ViewStyle>;
1329
+ }
1330
+ declare function NewBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1331
+ declare function CancelledBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1332
+ declare function GuestCheckInNotification(props: NotificationStatusProps): react.JSX.Element;
1333
+ declare function QrKeyNotification(props: NotificationStatusProps): react.JSX.Element;
1334
+ declare function BookingWarningNotification(props: NotificationStatusProps): react.JSX.Element;
1335
+ declare function NotificationStatusSkeleton(): react.JSX.Element;
1336
+
1300
1337
  interface RangeValue {
1301
1338
  from?: number;
1302
1339
  to?: number;
@@ -1698,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
1698
1735
  */
1699
1736
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1700
1737
 
1701
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NoPetsIcon, NoReviewIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
1738
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
package/dist/index.d.ts CHANGED
@@ -174,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
174
174
 
175
175
  declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
176
176
 
177
+ /** Native — react-native-svg (peer dependency). */
178
+ declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
179
+
177
180
  /** Native — react-native-svg (peer dependency). */
178
181
  declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
179
182
 
@@ -242,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
242
245
 
243
246
  declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
244
247
 
248
+ declare function NotificationCancelledIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
249
+
250
+ declare function NotificationCheckoutIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
251
+
252
+ declare function NotificationQrCodeIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
253
+
254
+ declare function NotificationSuccessIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
255
+
256
+ declare function NotificationWarningIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
257
+
245
258
  declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
246
259
 
247
260
  declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -390,6 +403,11 @@ declare const icons: {
390
403
  readonly navigate: typeof NavigateIcon;
391
404
  readonly noPets: typeof NoPetsIcon;
392
405
  readonly noSmoking: typeof NoSmokingIcon;
406
+ readonly notificationCancelled: typeof NotificationCancelledIcon;
407
+ readonly notificationCheckout: typeof NotificationCheckoutIcon;
408
+ readonly notificationQrCode: typeof NotificationQrCodeIcon;
409
+ readonly notificationSuccess: typeof NotificationSuccessIcon;
410
+ readonly notificationWarning: typeof NotificationWarningIcon;
393
411
  readonly paw: typeof PawIcon;
394
412
  readonly phone: typeof PhoneIcon;
395
413
  readonly qrCode: typeof QrCodeIcon;
@@ -425,6 +443,7 @@ declare const icons: {
425
443
  readonly dollar: typeof DollarIcon;
426
444
  readonly dram: typeof DramIcon;
427
445
  readonly dragHandle: typeof DragHandleIcon;
446
+ readonly doubleCheck: typeof DoubleCheckIcon;
428
447
  readonly externalLink: typeof ExternalLinkIcon;
429
448
  readonly eye: typeof EyeIcon;
430
449
  readonly image: typeof ImageIcon;
@@ -436,9 +455,10 @@ type IconName = keyof typeof icons;
436
455
  declare const iconNames: IconName[];
437
456
  declare const iconGroups: {
438
457
  readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
439
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
458
+ readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
440
459
  readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
441
460
  readonly communication: readonly ["mail", "phone"];
461
+ readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
442
462
  readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
443
463
  readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
444
464
  };
@@ -1297,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
1297
1317
  }
1298
1318
  declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
1299
1319
 
1320
+ interface NotificationStatusProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
1321
+ title: string;
1322
+ description: string;
1323
+ timestamp: string;
1324
+ unread?: boolean;
1325
+ disabled?: boolean;
1326
+ showChevron?: boolean;
1327
+ onPress?: PressableProps["onPress"];
1328
+ style?: StyleProp<ViewStyle>;
1329
+ }
1330
+ declare function NewBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1331
+ declare function CancelledBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1332
+ declare function GuestCheckInNotification(props: NotificationStatusProps): react.JSX.Element;
1333
+ declare function QrKeyNotification(props: NotificationStatusProps): react.JSX.Element;
1334
+ declare function BookingWarningNotification(props: NotificationStatusProps): react.JSX.Element;
1335
+ declare function NotificationStatusSkeleton(): react.JSX.Element;
1336
+
1300
1337
  interface RangeValue {
1301
1338
  from?: number;
1302
1339
  to?: number;
@@ -1698,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
1698
1735
  */
1699
1736
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1700
1737
 
1701
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NoPetsIcon, NoReviewIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
1738
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };