Add onClick attribute to div

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendroks/react-coinbase-commerce",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "A react component to easily embed a Coinbase Commerce Checkout within your application",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

src/commerce.tsx

@@ -59,6 +59,9 @@ export class Commerce extends Component<Props, State> {
     const { hostname, port, protocol } = window.location
     const hostName = `${protocol}//${hostname}${port ? `:${port}` : ''}/`
     const url = this.buildSrc(hostName)
+
+    console.log("Commerce url: ", url);
+
     window.location.assign(url)
   }
 

src/index.tsx

@@ -59,32 +59,6 @@ export class CoinbaseCommerceButton extends Component<Props & ButtonHTMLAttribut
     this.onModalClose()
   }
 
-  private getButtonProps (): Partial<Props> {
-    const ignoredProps = [
-      'onLoad',
-      'onChargeSuccess',
-      'onChargeFailure',
-      'customMetadata',
-      'onPaymentDetected',
-      'onModalClosed',
-      'checkoutId',
-      'chargeId',
-      'disableCaching',
-      'wrapperStyle',
-      'styled'
-    ]
-
-    return Object.keys({ ...this.props })
-      .filter((key: string) => !ignoredProps.includes(key))
-      .reduce<Partial<Props>>(
-      (result: Partial<Props>, key: string) => ({
-        ...result,
-        [key]: (this.props as any)[key]
-      }),
-      {}
-    )
-  };
-
   render (): JSX.Element {
     const { showModal } = this.state
     const {
@@ -109,7 +83,7 @@ export class CoinbaseCommerceButton extends Component<Props & ButtonHTMLAttribut
     }
 
     return (
-      <div style={wrapperStyle}>
+      <div style={wrapperStyle} onClick={()=>this.onClick()}>
         {showModal && (
           <Commerce
             {...CommerceProps}