Allow awaiting toast.promise

[ajmnz]

Issue:

Closes #339

What has been done:

toast.promise now returns an unwrap method. This method returns a new promise that resolves or rejects when the provided promise does. Made sure to do this in a non-breaking way:

• The id is still returned.
• If the provided promise rejects, it will only reject when using unwrap. (see basic.spec for a test on that)

const result = await toast
  .promise(myPromise, { success: "Loaded", error: "Error" })
  .unwrap();

// `result` is now the resolved value of `myPromise`. In order to get the `id` we
// just have to use it like before

const id = toast.promise(myPromise, { success: "Loaded", error: "Error" }); // id = 3
const result = await id.unwrap(); // result = `myPromise` resolved value

Screenshots/Videos:

N/A

[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	Jun 27, 2024 0:56am

[netspencer]

would love to see this merged

[panzerfausten]

Hey I actually need this. Could @emilkowalski merge it please?

[panzerfausten]

Here's my workaround in case someone faces the same issue. You need to wrap it under a promise and call resolve() reject() accordingly :

const sendNewCodeWrapper = async () =>{

     return new Promise((resolve,reject) =>{
         toast.promise(API.users.sendNewAccessCode(email), {
             loading: t('sendingAccessCode'),
             success: (data) => {
                 setTimeout(() => {
                 }, 1000);
                 resolve(data);
                 return t('accessCodeSent');
             },
             error: (ex) => {
                 setIsSendingCode(false);
                 reject(ex);
                 return (ex?.response?.data?.localized_error || ex?.message || t('accessCodeSentError'));
             },
             finally: () => {
             }
         });
     });

 }