From 527de7a51959d8641cfd8b444f372e12fdff26e0 Mon Sep 17 00:00:00 2001
From: robin <almigod0718@gmail.com>
Date: Fri, 7 Sep 2018 01:40:01 +0800
Subject: [PATCH] Hide root dom in popup mode

---
 src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js | 5 +++++
 src/components/ReactTypeformEmbed/index.js                   | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js b/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js
index 2165cc9..30805c2 100644
--- a/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js
+++ b/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js
@@ -21,4 +21,9 @@ describe('<ReactTypeformEmbed />', () => {
     const wrapper = mount(<ReactTypeformEmbed url={url} />);
     expect(wrapper.props().url).toEqual(url);
   });
+
+  it('should hide root node if props.popup is true', () => {
+    const wrapper = shallow(<ReactTypeformEmbed url={url} popup={true}/>);
+    expect(wrapper.prop('style').display).toEqual('none');
+  });
 });
diff --git a/src/components/ReactTypeformEmbed/index.js b/src/components/ReactTypeformEmbed/index.js
index 8b85410..e32821d 100644
--- a/src/components/ReactTypeformEmbed/index.js
+++ b/src/components/ReactTypeformEmbed/index.js
@@ -42,7 +42,10 @@ class ReactTypeformEmbed extends Component {
   }
 
   render() {
-    const style = Object.assign({}, styleDefault, this.props.style);
+    const styleBase = this.props.popup
+      ? { display: 'none' }
+      : {}
+    const style = Object.assign(styleBase, styleDefault, this.props.style);
 
     return <div className="ReactTypeformEmbed" ref={tf => this.typeformElm = tf} style={style} />;
   }