Files
calendar/apps/web/modules/bookings/hooks/usePaymentStatus.ts
T
Eunjae LeeandGitHub 3986d61f40 feat(bookings): improve bookings redesign (#25251)
* use booking.uid instead of booking.id for url param

* show timezone on calendar

* fix type

* restore horizontal tab and remove header and subtitle

* clean up sidebar items

* fix event propagation from attendees

* fetch all statuses except for cancelled on calendar view

* clean up styles of the badges on BookingListItem

* fix useMediaQuery

* add close button to the header

* add assignment reason to the details sheet

* use separator row

* use ToggleGroup for the top bookings tab

* move ViewToggleButton

* resize the action button

* remove wrong prop

* fix type error

* fix type error

* hide view toggle button on mobile (and fix the breakpoint)

* remove unused e2e tests

* fix e2e tests

* hide toggle button when feature flag is off

* update skeleton

* improve attendees on booking list item and slide over

* improve attendee dropdown

* fix type error

* move query to containers

* select attendee email

* infinite fetching for calendar view

* update styles

* fix compatibility

* fix: add backward compatibility for status field in getAllUserBookings

* increase calendar height

* fix type error

* support Member filter only for admin / owners

* add debug log (TEMP)

* add event border color

* show Reject / Accept buttons on BookingDetailsSheet

* move description section to the top

* update When section

* update style of Who section

* add CancelBookingDialog WIP

* fix CancelBookingDialog

* increase clickable area

* add schedule info section WIP

* fix flaky reject button

* fixing reschedule info WIP

* add fromReschedule index to Booking

* improve rescheduled information

* improve reassignment

* fix type error

* fix unit test

* respect user's weekStart value on the booking calendar view

* update debug log

* improve payment section

* clean up

* fix log message

* reposition filters on list view

* fix bookings controller api2 e2e test

* clean up file by extracting logic into custom hooks

* rename files

* merge BookingCalendar into its container

* extract logic into separate hook files

* remove redundant logic

* rearrange items on calendar view

* add WeekPicker

* extract filter button

* responsive header on list view

* horizontal scroll for ToggleGroup WIP

* fix type error

* fix cancelling recurring event

* address feedback

* fix e2e tests

* fix unit test

* fix e2e tests

* make hover style more visible for ToggleGroup

* fix margin on CancelBookingDialog

* update styles on the slide over (mostly font weight)

* update style of CancelBookingDialog

* update styles

* update margin top for the header

* refactor getBookingDetails handler

* fix gap in who section

* auto-filter the current user on the calendar view

* calculate calendar height considering top banners

* improve booking details sheet interaction without overlay

* update calendar event styles

* update reject dialog style

* put uid first in the query params

* fix class name

* memoize functions in useMediaQuery

* query attendee with id instead of email

* update margins

* replace TRPCError with ErrorWithCode

* move calculation outside loop

* remove dead code
2025-12-10 13:40:04 +00:00

90 lines
2.5 KiB
TypeScript

import { useMemo } from "react";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import { RefundPolicy } from "@calcom/lib/payment/types";
import { BookingStatus } from "@calcom/prisma/enums";
interface Payment {
success: boolean;
refunded: boolean;
paymentOption?: string | null;
}
interface UsePaymentStatusParams {
bookingStatus: BookingStatus;
startTime: Date | string;
eventTypeTeamId?: number | null;
userId?: number | null;
payment: Payment;
refundPolicy?: string | null;
refundDaysCount?: number | null;
}
/**
* Hook to determine the appropriate payment status message for a booking
* based on payment status and refund policy.
*/
export function usePaymentStatus({
bookingStatus,
startTime,
eventTypeTeamId,
userId,
payment,
refundPolicy,
refundDaysCount,
}: UsePaymentStatusParams) {
const { t } = useLocale();
const message = useMemo(() => {
const isCancelled = bookingStatus === BookingStatus.CANCELLED || bookingStatus === BookingStatus.REJECTED;
if (!isCancelled) {
return null;
}
// Payment not completed and not refunded
if (!payment.success && !payment.refunded) {
return t("booking_with_payment_cancelled");
}
// Payment completed but not refunded
if (payment.success && !payment.refunded) {
// Handle missing team or event type owner (same in processPaymentRefund.ts)
if (!eventTypeTeamId && !userId) {
return t("booking_with_payment_cancelled_no_refund");
}
// Handle DAYS policy with expired refund window
if (refundPolicy === RefundPolicy.DAYS && refundDaysCount) {
const bookingStartTime = new Date(startTime);
const cancelTime = new Date();
const daysDiff = Math.floor(
(cancelTime.getTime() - bookingStartTime.getTime()) / (1000 * 60 * 60 * 24)
);
if (daysDiff > refundDaysCount) {
return t("booking_with_payment_cancelled_refund_window_expired");
}
return t("booking_with_payment_cancelled_already_paid");
}
// Handle NEVER policy
if (refundPolicy === RefundPolicy.NEVER) {
return t("booking_with_payment_cancelled_no_refund");
}
// Handle ALWAYS policy or default
return t("booking_with_payment_cancelled_already_paid");
}
// Payment refunded
if (payment.refunded) {
return t("booking_with_payment_cancelled_refunded");
}
return null;
}, [bookingStatus, startTime, eventTypeTeamId, userId, payment, refundPolicy, refundDaysCount, t]);
return message;
}