react-famewall 0.1.8 → 1.0.1

package/README.md

@@ -1,63 +1,81 @@
-# react-famewall
-
-[![npm](https://img.shields.io/npm/v/react-famewall)](https://www.npmjs.com/package/react-famewall)
-
-> React component for Famewall Embeds
-
-Highlight and display social media mentions as beautiful testimonials. Enjoy the fame you receive from customers by [signing up here](https://famewall.io).
-
-## Install
-
-```bash
-npm install --save react-famewall
-```
-
-## Basic Usage
-
-```jsx
-import React from 'react'
-import FamewallEmbed from 'react-famewall'
-
-const App = () => {
-
-  return(
-    <FamewallEmbed
-      wallUrl="famewall"
-    />
-  )
-}
-```
-
-## Dynamic card color (For websites with Dark Mode/ Light Mode Switch)
-
-Use the 'cardTheme' prop to dynamically feed in "light" or "dark" if you want the wall to be compatible with dynamic card color based on your website's theme
-
-```jsx
-
-const App = () => {
-
-  return(
-    <FamewallEmbed
-      wallUrl="famewall"
-      cardTheme="dark"
-    />
-  )
-}
-```
-
-```jsx
-
-const App = () => {
-
-  return(
-    <FamewallEmbed
-      wallUrl="famewall"
-      cardTheme="light"
-    />
-  )
-}
-```
-
-## License
-
-MIT ©2021 [Famewall](https://famewall.io)
+# react-famewall
+
+[![npm](https://img.shields.io/npm/v/react-famewall)](https://www.npmjs.com/package/react-famewall)
+
+> React component for Famewall Embeds
+
+Highlight and display social media mentions as beautiful testimonials. Enjoy the fame you receive from customers by [signing up here](https://famewall.io).
+
+## Install
+
+```bash
+npm install --save react-famewall
+```
+
+## Basic Usage
+
+```jsx
+import React from 'react'
+import FamewallEmbed from 'react-famewall'
+
+const App = () => {
+
+  return(
+    <FamewallEmbed
+      wallUrl="famewall"
+    />
+  )
+}
+```
+
+## Dynamic card color (For websites with Dark Mode/ Light Mode Switch)
+
+Use the 'cardTheme' prop to dynamically feed in "light" or "dark" if you want the wall to be compatible with dynamic card color based on your website's theme
+
+```jsx
+
+const App = () => {
+
+  return(
+    <FamewallEmbed
+      wallUrl="famewall"
+      cardTheme="dark"
+    />
+  )
+}
+```
+
+```jsx
+
+const App = () => {
+
+  return(
+    <FamewallEmbed
+      wallUrl="famewall"
+      cardTheme="light"
+    />
+  )
+}
+```
+
+## Carousel Embed
+
+Use 'carouselMode' prop to enable testimonials to be displayed as a carousel
+
+```jsx
+
+const App = () => {
+
+  return(
+    <FamewallEmbed
+      wallUrl="famewall"
+      cardTheme="dark"
+      carouselMode={true}
+    />
+  )
+}
+```
+
+## License
+
+MIT ©2021 [Famewall](https://famewall.io)

package/dist/index.js

@@ -1,35 +1,84 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var React = _interopDefault(require('react'));
-var IframeResizer = _interopDefault(require('iframe-resizer-react'));
 var nanoid = require('nanoid');
 
-var FamewallEmbed = function FamewallEmbed(_ref) {
-  var wallUrl = _ref.wallUrl,
-      cardTheme = _ref.cardTheme;
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
 
-  if (!wallUrl) {
-    console.error('Wall URL is required');
-    return null;
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+var FamewallEmbed = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(FamewallEmbed, _React$Component);
+
+  function FamewallEmbed(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.state = {
+      embedId: ''
+    };
+    return _this;
   }
 
-  var embedId = nanoid.nanoid();
-  return /*#__PURE__*/React.createElement(IframeResizer, {
-    title: "Famewall Embed " + wallUrl,
-    id: embedId,
-    src: cardTheme ? "https://wallembed.famewall.io/wall/" + wallUrl + "?theme=" + cardTheme : "https://wallembed.famewall.io/wall/" + wallUrl,
-    frameBorder: "0",
-    checkOrigin: false,
-    autoResize: true,
-    scrolling: "no",
-    width: "100%",
-    style: {
-      border: 0,
-      width: '1px',
-      minWidth: '100%'
+  var _proto = FamewallEmbed.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    if (!this.props.wallUrl) {
+      console.error('Wall URL is required');
+      return null;
     }
-  });
-};
+
+    var s = document.createElement('script');
+    s.type = 'text/javascript';
+    s.defer = true;
+    s.src = "https://embed.famewall.io/frame.js";
+    this.instance.appendChild(s);
+    var embedId = nanoid.nanoid();
+    this.setState({
+      embedId: embedId
+    });
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    var _this$props = this.props,
+        wallUrl = _this$props.wallUrl,
+        cardTheme = _this$props.cardTheme,
+        carouselMode = _this$props.carouselMode;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: function ref(el) {
+        return _this2.instance = el;
+      },
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "famewall-embed",
+      "data-src": wallUrl,
+      "data-format": !carouselMode ? "grid" : "carousel",
+      "data-theme": cardTheme === 'dark' ? 'dark' : 'light',
+      style: {
+        width: "100%"
+      }
+    }));
+  };
+
+  return FamewallEmbed;
+}(React.Component);
 
 module.exports = FamewallEmbed;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\nimport {nanoid} from 'nanoid'\r\n\r\nconst FamewallEmbed = ({ wallUrl, cardTheme }) => {\r\n  if (!wallUrl) {\r\n    console.error('Wall URL is required')\r\n    return null\r\n  }\r\n  const embedId = nanoid()\r\n\r\n  return (\r\n    <IframeResizer\r\n      title={`Famewall Embed ${wallUrl}`}\r\n      id={embedId}\r\n      src={cardTheme?`https://wallembed.famewall.io/wall/${wallUrl}?theme=${cardTheme}`:`https://wallembed.famewall.io/wall/${wallUrl}`}\r\n      frameBorder='0'\r\n      checkOrigin={false}\r\n      autoResize={true}\r\n      scrolling=\"no\"\r\n      width='100%'\r\n      style={{\r\n        border: 0,\r\n        width: '1px',\r\n        minWidth: '100%'\r\n      }}\r\n    />\r\n  )\r\n}\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","wallUrl","cardTheme","console","error","embedId","nanoid","border","width","minWidth"],"mappings":";;;;;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAA4B;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AAChD,MAAI,CAACD,OAAL,EAAc;AACZE,IAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,WAAO,IAAP;AACD;;AACD,MAAMC,OAAO,GAAGC,aAAM,EAAtB;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,KAAK,sBAAoBL,OAD3B;AAEE,IAAA,EAAE,EAAEI,OAFN;AAGE,IAAA,GAAG,EAAEH,SAAS,2CAAuCD,OAAvC,eAAwDC,SAAxD,2CAA0GD,OAH1H;AAIE,IAAA,WAAW,EAAC,GAJd;AAKE,IAAA,WAAW,EAAE,KALf;AAME,IAAA,UAAU,EAAE,IANd;AAOE,IAAA,SAAS,EAAC,IAPZ;AAQE,IAAA,KAAK,EAAC,MARR;AASE,IAAA,KAAK,EAAE;AACLM,MAAAA,MAAM,EAAE,CADH;AAELC,MAAAA,KAAK,EAAE,KAFF;AAGLC,MAAAA,QAAQ,EAAE;AAHL;AATT,IADF;AAiBD,CAxBD;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport { nanoid } from 'nanoid'\r\n\r\nclass FamewallEmbed extends React.Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { embedId: '' };\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (!this.props.wallUrl) {\r\n      console.error('Wall URL is required')\r\n      return null\r\n    }\r\n\r\n    const s = document.createElement('script');\r\n    s.type = 'text/javascript';\r\n    s.defer = true\r\n    s.src = \"https://embed.famewall.io/frame.js\";\r\n    this.instance.appendChild(s);\r\n    \r\n    const embedId = nanoid();\r\n    this.setState({ embedId: embedId });\r\n  }\r\n\r\n  render() {\r\n\r\n    const { wallUrl, cardTheme, carouselMode } = this.props;\r\n\r\n    return (\r\n      <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n        <div class=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={cardTheme==='dark'?'dark':'light'} style={{ width: \"100%\" }}></div>\r\n      </div>\r\n\r\n    )\r\n  }\r\n}\r\n\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","props","state","embedId","componentDidMount","wallUrl","console","error","s","document","createElement","type","defer","src","instance","appendChild","nanoid","setState","render","cardTheme","carouselMode","el","width","height","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAGMA;;;AAEJ,yBAAYC,KAAZ,EAAmB;AAAA;;AACjB,wCAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAb;AAFiB;AAGlB;;;;SAEDC,oBAAA,6BAAoB;AAClB,QAAI,CAAC,KAAKH,KAAL,CAAWI,OAAhB,EAAyB;AACvBC,MAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,aAAO,IAAP;AACD;;AAED,QAAMC,CAAC,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAV;AACAF,IAAAA,CAAC,CAACG,IAAF,GAAS,iBAAT;AACAH,IAAAA,CAAC,CAACI,KAAF,GAAU,IAAV;AACAJ,IAAAA,CAAC,CAACK,GAAF,GAAQ,oCAAR;AACA,SAAKC,QAAL,CAAcC,WAAd,CAA0BP,CAA1B;AAEA,QAAML,OAAO,GAAGa,aAAM,EAAtB;AACA,SAAKC,QAAL,CAAc;AAAEd,MAAAA,OAAO,EAAEA;AAAX,KAAd;AACD;;SAEDe,SAAA,kBAAS;AAAA;;AAEP,sBAA6C,KAAKjB,KAAlD;AAAA,QAAQI,OAAR,eAAQA,OAAR;AAAA,QAAiBc,SAAjB,eAAiBA,SAAjB;AAAA,QAA4BC,YAA5B,eAA4BA,YAA5B;AAEA,wBACE;AAAK,MAAA,GAAG,EAAE,aAAAC,EAAE;AAAA,eAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,OAAZ;AAAsC,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,MAAP;AAAeC,QAAAA,MAAM,EAAC;AAAtB;AAA7C,oBACE;AAAK,eAAM,gBAAX;AAA4B,kBAAUlB,OAAtC;AAA+C,qBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAAjF;AAA6F,oBAAYD,SAAS,KAAG,MAAZ,GAAmB,MAAnB,GAA0B,OAAnI;AAA4I,MAAA,KAAK,EAAE;AAAEG,QAAAA,KAAK,EAAE;AAAT;AAAnJ,MADF,CADF;AAMD;;;EAjCyBE,KAAK,CAACC;;;;"}

package/dist/index.modern.js

@@ -1,33 +1,82 @@
 import React from 'react';
-import IframeResizer from 'iframe-resizer-react';
 import { nanoid } from 'nanoid';
 
-var FamewallEmbed = function FamewallEmbed(_ref) {
-  var wallUrl = _ref.wallUrl,
-      cardTheme = _ref.cardTheme;
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
 
-  if (!wallUrl) {
-    console.error('Wall URL is required');
-    return null;
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+var FamewallEmbed = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(FamewallEmbed, _React$Component);
+
+  function FamewallEmbed(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.state = {
+      embedId: ''
+    };
+    return _this;
   }
 
-  var embedId = nanoid();
-  return /*#__PURE__*/React.createElement(IframeResizer, {
-    title: "Famewall Embed " + wallUrl,
-    id: embedId,
-    src: cardTheme ? "https://wallembed.famewall.io/wall/" + wallUrl + "?theme=" + cardTheme : "https://wallembed.famewall.io/wall/" + wallUrl,
-    frameBorder: "0",
-    checkOrigin: false,
-    autoResize: true,
-    scrolling: "no",
-    width: "100%",
-    style: {
-      border: 0,
-      width: '1px',
-      minWidth: '100%'
+  var _proto = FamewallEmbed.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    if (!this.props.wallUrl) {
+      console.error('Wall URL is required');
+      return null;
     }
-  });
-};
+
+    var s = document.createElement('script');
+    s.type = 'text/javascript';
+    s.defer = true;
+    s.src = "https://embed.famewall.io/frame.js";
+    this.instance.appendChild(s);
+    var embedId = nanoid();
+    this.setState({
+      embedId: embedId
+    });
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    var _this$props = this.props,
+        wallUrl = _this$props.wallUrl,
+        cardTheme = _this$props.cardTheme,
+        carouselMode = _this$props.carouselMode;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: function ref(el) {
+        return _this2.instance = el;
+      },
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "famewall-embed",
+      "data-src": wallUrl,
+      "data-format": !carouselMode ? "grid" : "carousel",
+      "data-theme": cardTheme === 'dark' ? 'dark' : 'light',
+      style: {
+        width: "100%"
+      }
+    }));
+  };
+
+  return FamewallEmbed;
+}(React.Component);
 
 export default FamewallEmbed;
 //# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\nimport {nanoid} from 'nanoid'\r\n\r\nconst FamewallEmbed = ({ wallUrl, cardTheme }) => {\r\n  if (!wallUrl) {\r\n    console.error('Wall URL is required')\r\n    return null\r\n  }\r\n  const embedId = nanoid()\r\n\r\n  return (\r\n    <IframeResizer\r\n      title={`Famewall Embed ${wallUrl}`}\r\n      id={embedId}\r\n      src={cardTheme?`https://wallembed.famewall.io/wall/${wallUrl}?theme=${cardTheme}`:`https://wallembed.famewall.io/wall/${wallUrl}`}\r\n      frameBorder='0'\r\n      checkOrigin={false}\r\n      autoResize={true}\r\n      scrolling=\"no\"\r\n      width='100%'\r\n      style={{\r\n        border: 0,\r\n        width: '1px',\r\n        minWidth: '100%'\r\n      }}\r\n    />\r\n  )\r\n}\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","wallUrl","cardTheme","console","error","embedId","nanoid","border","width","minWidth"],"mappings":";;;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAA4B;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AAChD,MAAI,CAACD,OAAL,EAAc;AACZE,IAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,WAAO,IAAP;AACD;;AACD,MAAMC,OAAO,GAAGC,MAAM,EAAtB;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,KAAK,sBAAoBL,OAD3B;AAEE,IAAA,EAAE,EAAEI,OAFN;AAGE,IAAA,GAAG,EAAEH,SAAS,2CAAuCD,OAAvC,eAAwDC,SAAxD,2CAA0GD,OAH1H;AAIE,IAAA,WAAW,EAAC,GAJd;AAKE,IAAA,WAAW,EAAE,KALf;AAME,IAAA,UAAU,EAAE,IANd;AAOE,IAAA,SAAS,EAAC,IAPZ;AAQE,IAAA,KAAK,EAAC,MARR;AASE,IAAA,KAAK,EAAE;AACLM,MAAAA,MAAM,EAAE,CADH;AAELC,MAAAA,KAAK,EAAE,KAFF;AAGLC,MAAAA,QAAQ,EAAE;AAHL;AATT,IADF;AAiBD,CAxBD;;;;"}
+{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport { nanoid } from 'nanoid'\r\n\r\nclass FamewallEmbed extends React.Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { embedId: '' };\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (!this.props.wallUrl) {\r\n      console.error('Wall URL is required')\r\n      return null\r\n    }\r\n\r\n    const s = document.createElement('script');\r\n    s.type = 'text/javascript';\r\n    s.defer = true\r\n    s.src = \"https://embed.famewall.io/frame.js\";\r\n    this.instance.appendChild(s);\r\n    \r\n    const embedId = nanoid();\r\n    this.setState({ embedId: embedId });\r\n  }\r\n\r\n  render() {\r\n\r\n    const { wallUrl, cardTheme, carouselMode } = this.props;\r\n\r\n    return (\r\n      <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n        <div class=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={cardTheme==='dark'?'dark':'light'} style={{ width: \"100%\" }}></div>\r\n      </div>\r\n\r\n    )\r\n  }\r\n}\r\n\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","props","state","embedId","componentDidMount","wallUrl","console","error","s","document","createElement","type","defer","src","instance","appendChild","nanoid","setState","render","cardTheme","carouselMode","el","width","height","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;IAGMA;;;AAEJ,yBAAYC,KAAZ,EAAmB;AAAA;;AACjB,wCAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAb;AAFiB;AAGlB;;;;SAEDC,oBAAA,6BAAoB;AAClB,QAAI,CAAC,KAAKH,KAAL,CAAWI,OAAhB,EAAyB;AACvBC,MAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,aAAO,IAAP;AACD;;AAED,QAAMC,CAAC,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAV;AACAF,IAAAA,CAAC,CAACG,IAAF,GAAS,iBAAT;AACAH,IAAAA,CAAC,CAACI,KAAF,GAAU,IAAV;AACAJ,IAAAA,CAAC,CAACK,GAAF,GAAQ,oCAAR;AACA,SAAKC,QAAL,CAAcC,WAAd,CAA0BP,CAA1B;AAEA,QAAML,OAAO,GAAGa,MAAM,EAAtB;AACA,SAAKC,QAAL,CAAc;AAAEd,MAAAA,OAAO,EAAEA;AAAX,KAAd;AACD;;SAEDe,SAAA,kBAAS;AAAA;;AAEP,sBAA6C,KAAKjB,KAAlD;AAAA,QAAQI,OAAR,eAAQA,OAAR;AAAA,QAAiBc,SAAjB,eAAiBA,SAAjB;AAAA,QAA4BC,YAA5B,eAA4BA,YAA5B;AAEA,wBACE;AAAK,MAAA,GAAG,EAAE,aAAAC,EAAE;AAAA,eAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,OAAZ;AAAsC,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,MAAP;AAAeC,QAAAA,MAAM,EAAC;AAAtB;AAA7C,oBACE;AAAK,eAAM,gBAAX;AAA4B,kBAAUlB,OAAtC;AAA+C,qBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAAjF;AAA6F,oBAAYD,SAAS,KAAG,MAAZ,GAAmB,MAAnB,GAA0B,OAAnI;AAA4I,MAAA,KAAK,EAAE;AAAEG,QAAAA,KAAK,EAAE;AAAT;AAAnJ,MADF,CADF;AAMD;;;EAjCyBE,KAAK,CAACC;;;;"}

package/package.json

@@ -1,54 +1,53 @@
-{
-  "name": "react-famewall",
-  "version": "0.1.8",
-  "description": "React Component for Famewall Embeds",
-  "author": "Goutham J <goutham@famewall.io>",
-  "license": "MIT",
-  "repository": "gouterz/react-famewall",
-  "main": "dist/index.js",
-  "module": "dist/index.modern.js",
-  "source": "src/index.js",
-  "engines": {
-    "node": ">=10"
-  },
-  "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
-    "prepare": "run-s build",
-    "predeploy": "cd example && npm install && npm run build",
-    "deploy": "gh-pages -d example/build"
-  },
-  "peerDependencies": {
-    "react": "^16.0.0"
-  },
-  "devDependencies": {
-    "babel-eslint": "^10.0.3",
-    "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-standard": "^4.0.1",
-    "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "debug": "^4.2.0",
-    "iframe-resizer-react": "^1.1.0",
-    "nanoid": "^3.3.1",
-    "prop-types": "^15.6.2"
-  }
-}
+{
+  "name": "react-famewall",
+  "version": "1.0.1",
+  "description": "React Component for Famewall Embeds",
+  "author": "Goutham J <goutham@famewall.io>",
+  "license": "MIT",
+  "repository": "gouterz/react-famewall",
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/index.js",
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "build": "microbundle-crl --no-compress --format modern,cjs",
+    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "prepare": "run-s build",
+    "predeploy": "cd example && npm install && npm run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "react": "^16.0.0"
+  },
+  "devDependencies": {
+    "babel-eslint": "^10.0.3",
+    "cross-env": "^7.0.2",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-config-standard-react": "^9.2.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-standard": "^4.0.1",
+    "gh-pages": "^2.2.0",
+    "microbundle-crl": "^0.13.10",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.0.4",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "^3.4.1"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "debug": "^4.2.0",
+    "nanoid": "^3.3.1",
+    "prop-types": "^15.6.2"
+  }
+}