function buildCropUrl (baseImageUrl: string, crop: Crop | undefined, imageWidth: number | null = 0) : string {
    const url = new URL(baseImageUrl);

    // Determine width and height values from imageWidth or crop dimensions.
    const width = imageWidth && imageWidth > 0 ? imageWidth : crop?.width;
    const height = crop?.height;

    // Initialize an array to hold custom query parameters.
    const customParams: string[] = [];

    // Handle cases for cropping and focal points.
    if (crop?.coordinates) {
        const { x1, y1, x2, y2 } = crop.coordinates;
        const cc = `${x1.toFixed(4)},${y1.toFixed(4)},${x2.toFixed(4)},${y2.toFixed(4)}`;
        customParams.push(`cc=${cc}`);
    }

    // Add width and height after the cc.
    if (width) customParams.push(`width=${width}`);
    if (height) customParams.push(`height=${height}`);

    // Construct the full URL with parameters in the correct order.
    const queryString = customParams.join('&');
    return `${url.origin}${url.pathname}?${queryString}`;
}