debug(paywall, unlock-app): adding more debugging for Paywall (#15287)

* fixing siwe auth

* when closing the modal, reset account

* debug(paywall): adding Postmate.debug

packages/paywall/src/Paywall.ts

@@ -14,6 +14,8 @@ import { unlockAppUrl } from './urls'
 
 export const checkoutIframeClassName = 'unlock-protocol-checkout'
 
+Postmate.debug = true
+
 // TODO move to newer format for provider
 // https://github.com/ethereum/EIPs/blob/master/EIPS/eip-1193.md#request
 

unlock-app/src/components/interface/checkout/main/index.tsx

@@ -47,7 +47,7 @@ export function Checkout({
       paywallConfig,
     },
   })
-  const { account } = useAuthenticate()
+  const { account, signOut } = useAuthenticate()
 
   const { mint, messageToSign } = state.context
   const matched = state.value.toString()
@@ -84,7 +84,7 @@ export function Checkout({
   const messageToSignSigner = messageToSign?.address
 
   const onClose = useCallback(
-    (params: Record<string, string> = {}) => {
+    async (params: Record<string, string> = {}) => {
       // Reset the Paywall State!
       checkoutService.send({ type: 'RESET_CHECKOUT' })
       if (handleClose) {
@@ -113,6 +113,10 @@ export function Checkout({
       } else if (!isInIframe() || !communication) {
         window.history.back()
       } else {
+        if (paywallConfig?.useDelegatedProvider) {
+          signOut()
+          checkoutService.send({ type: 'DISCONNECT' })
+        }
         communication.emitCloseModal()
       }
     },

unlock-app/src/hooks/usePostmateParent.ts

@@ -1,6 +1,8 @@
 import { useState, useEffect } from 'react'
 import Postmate from 'postmate'
 
+Postmate.debug = true
+
 export const usePostmateParent = (model: any = {}) => {
   const [parent, setParent] = useState<Postmate.ChildAPI | undefined>(undefined)