Enhance Promise to support ExternalToast propertiesfeat: Promise enhancement to allow ExternalToast props

[diegotraid]

Resolves #464

Introduce new types and extend existing functionality to allow for more detailed toast messages in promise handling. This enhancement improves the flexibility of toast notifications by incorporating additional properties.

Usage:

toast.promise<{ name: string }>(
  () =>
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve({ name: 'Sonner' });
      }, 2000);
    }),
  {
    loading: 'Loading...',
    success: (data) => {
      return {
        message: `${data.name} toast has been added`,
        description: 'Custom description for the Success state',
      };
    },
    error: {
      message: 'An error occurred',
      description: undefined, // overrides default description set below
      action: {
        label: 'Retry',
        onClick: () => {
          console.log('retrying');
        },
      },
    },
    description: 'Global description',
  },
)

This is a non-breaking change, so you can still pass values as defined in the docs:

toast.promise<{ name: string }>(
  () =>
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve({ name: 'Sonner' });
      }, 2000);
    }),
  {
    loading: 'Loading...',
    success: (data) => {
      return `${data.name} toast has been added`;
    },
    error: 'Error',
    description: 'Global description',
  },
)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sonner	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 25, 2025 0:59am