fix: kyc issues (yes, again, and it works this time)

src/components/Global/IframeWrapper/index.tsx

@@ -22,9 +22,15 @@ const IframeWrapper = ({ src, visible, onClose, closeConfirmMessage }: IFrameWra
     // track completed event from iframe and close the modal
     useEffect(() => {
         const handleMessage = (event: MessageEvent) => {
-            if (event.data?.name === 'complete' && event.data?.metadata?.status === 'completed') {
+            const data = event.data
+            if (data?.name === 'complete' && data?.metadata?.status === 'completed') {
                 onClose('completed')
             }
+            // @dev note: kinda hacky, but tos modal takes too long to close using websocket, so we use the signedAgreementId to close it
+            // persona fires this event when the user clicks the "accept" button within the iframe
+            if (data?.signedAgreementId) {
+                onClose('tos_accepted')
+            }
         }
 
         window.addEventListener('message', handleMessage)

src/hooks/useKycFlow.ts

@@ -137,6 +137,7 @@ export const useKycFlow = ({ onKycSuccess, flow }: UseKycFlowOptions = {}) => {
                 })
             } else if (source === 'completed') {
                 // if we just closed the kyc link after completion, open the "in progress" modal.
+                setIframeOptions((prev) => ({ ...prev, visible: false }))
                 setIsVerificationProgressModalOpen(true)
             } else if (source === 'manual' && flow === 'add') {
                 router.push('/add-money')