Payment Settings

interface ProfessionalSettings {
  // ... other settings
  
  requires_deposit: boolean;      // Whether deposit is mandatory
  deposit_amount?: number | null; // Deposit amount in currency units
  
  // ... other settings
}

@IsBoolean()
requires_deposit: boolean;

@IsOptional()
@IsInt()
@Min(0)
deposit_amount?: number | null;

const handleRequiresDeposit = (value: boolean) => {
  setIsSaved(false);
  setLocalSettings({ ...localSettings, requires_deposit: value });
};

const handleDepositAmount = (amount: number) => {
  setIsSaved(false);
  setLocalSettings({ ...localSettings, deposit_amount: amount });
};

const isDepositInvalid = requires_deposit && (!deposit_amount || deposit_amount < 1);

const isConfirmDisabled = isDepositInvalid || isAddressEmpty || isSaved || disabledConfirmSection({
  originalSettings: currentProfessionalSettings,
  newSettings: localSettings
});

export class CreateReservationDto {
  @IsObject()
  @ValidateNested()
  @Type(() => Object)
  reservation: Reservation;

  @IsNumber()
  deposit_amount: number;  // The deposit amount from your settings
}

<TableHead className="col-estado">Estado de pago</TableHead>

<DurationSection
  sessionDurationMinutes={session_duration_minutes}
  onChange={handleDuration}
  requiresDeposit={requires_deposit}
  depositAmount={deposit_amount || 0}
  onChangeRequiresDeposit={handleRequiresDeposit}
  onChangeDepositAmount={handleDepositAmount}
/>

<div className="small-card-admin">
  <h3 className="font-extrabold">Alertas (pagos pendientes)</h3>
  <p className="mt-2 text-[.8rem] opacity-80">No hay pagos pendientes</p>
</div>

{
  "requires_deposit": true,
  "deposit_amount": 2000
}

{
  "requires_deposit": false,
  "deposit_amount": null
}

{
  "requires_deposit": true,
  "deposit_amount": 500
}

updateProfessionalSettings: async (newSettings: ProfessionalSettings) => {
  const localUrl = serverConfig.professionalSettings.patch({ id: newSettings.user_id });
  try {
    const { data } = await axiosClient.patch(localUrl, newSettings);
    set({ professional_settings: data.data });
    return data.data;
  } catch (error) {
    throw error;
  }
}