fix: delay member list refetch after extra seat purchase

Author: kof

apps/builder/app/dashboard/workspace/manage-members-dialog.tsx

@@ -461,7 +461,11 @@ export const ManageMembersDialog = ({
     });
   };
 
-  const performInvite = async (emails: string[], relation: Role) => {
+  const performInvite = async (
+    emails: string[],
+    relation: Role,
+    { boughtExtraSeats = false } = {}
+  ) => {
     setErrors(undefined);
     setInviting(true);
 
@@ -487,6 +491,16 @@ export const ManageMembersDialog = ({
       formRef.current?.reset();
     }
 
+    // When the invite triggered a Stripe Seats subscription, the webhook
+    // needs time to update the DB. Delay refetch so the banner doesn't flash.
+    if (boughtExtraSeats && succeeded.length > 0) {
+      setTimeout(() => {
+        handleRefresh();
+        revalidator.revalidate();
+      }, 4000);
+      return;
+    }
+
     handleRefresh();
     revalidator.revalidate();
   };
@@ -527,7 +541,9 @@ export const ManageMembersDialog = ({
           onConfirm={async () => {
             const confirm = pendingConfirm;
             setPendingConfirm(undefined);
-            await performInvite(confirm.emails, confirm.relation);
+            await performInvite(confirm.emails, confirm.relation, {
+              boughtExtraSeats: true,
+            });
           }}
         />
       )}