react-famewall 1.0.3 → 1.0.6

package/README.md

@@ -76,6 +76,24 @@ const App = () => {
 }
 ```
 
+## Dual Slider Embed
+
+Use 'dualSliderMode' prop to enable testimonials to be displayed as a carousel
+
+```jsx
+
+const App = () => {
+
+  return(
+    <FamewallEmbed
+      wallUrl="famewall"
+      cardTheme="light"
+      dualSliderMode={true}
+    />
+  )
+}
+```
+
 ## License
 
 MIT ©2021 [Famewall](https://famewall.io)

package/dist/index.js

@@ -1,103 +1,36 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var React = _interopDefault(require('react'));
-var nanoid = require('nanoid');
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-
-  _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 IframeResizer = _interopDefault(require('iframe-resizer-react'));
+
+var FamewallEmbed = function FamewallEmbed(_ref) {
+  var wallUrl = _ref.wallUrl,
+      cardTheme = _ref.cardTheme,
+      _ref$carouselMode = _ref.carouselMode,
+      carouselMode = _ref$carouselMode === void 0 ? false : _ref$carouselMode,
+      _ref$dualSliderMode = _ref.dualSliderMode,
+      dualSliderMode = _ref$dualSliderMode === void 0 ? false : _ref$dualSliderMode;
+
+  if (!wallUrl) {
+    console.error('Wall URL is required');
+    return null;
   }
 
-  var _proto = FamewallEmbed.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (!this.props.wallUrl) {
-      console.error('Wall URL is required');
-      return null;
+  return /*#__PURE__*/React.createElement(IframeResizer, {
+    title: "Famewall Embed " + wallUrl,
+    src: cardTheme ? "https://wallembed.famewall.io/" + (!carouselMode ? !dualSliderMode ? 'wall' : 'slider' : 'carousel') + "/" + wallUrl + "?theme=" + cardTheme : "https://wallembed.famewall.io/" + (!carouselMode ? !dualSliderMode ? 'wall' : 'slider' : 'carousel') + "/" + wallUrl,
+    frameBorder: "0",
+    checkOrigin: false,
+    autoResize: true,
+    scrolling: "no",
+    width: "100%",
+    style: {
+      border: 0,
+      width: '1px',
+      minWidth: '100%'
     }
-
-    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;
-
-    if (cardTheme === "dark") {
-      return /*#__PURE__*/React.createElement("div", {
-        ref: function ref(el) {
-          return _this2.instance = el;
-        },
-        style: {
-          width: '100%',
-          height: '100%'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "famewall-embed",
-        "data-src": wallUrl,
-        "data-format": !carouselMode ? "grid" : "carousel",
-        "data-theme": 'dark',
-        style: {
-          width: "100%"
-        }
-      }));
-    } else return /*#__PURE__*/React.createElement("div", {
-      ref: function ref(el) {
-        return _this2.instance = el;
-      },
-      style: {
-        width: '100%',
-        height: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "famewall-embed",
-      "data-src": wallUrl,
-      "data-format": !carouselMode ? "grid" : "carousel",
-      "data-theme": '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 { 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    if(cardTheme===\"dark\"){\r\n      return (\r\n        <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n          <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'dark'} style={{ width: \"100%\" }}></div>\r\n        </div>\r\n  \r\n      )\r\n    }\r\n    else\r\n    return (\r\n      <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n        <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'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,QAAGD,SAAS,KAAG,MAAf,EAAsB;AACpB,0BACE;AAAK,QAAA,GAAG,EAAE,aAAAE,EAAE;AAAA,iBAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,SAAZ;AAAsC,QAAA,KAAK,EAAE;AAACC,UAAAA,KAAK,EAAC,MAAP;AAAeC,UAAAA,MAAM,EAAC;AAAtB;AAA7C,sBACE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAgC,oBAAUlB,OAA1C;AAAmD,uBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,sBAAY,MAA7G;AAAqH,QAAA,KAAK,EAAE;AAAEE,UAAAA,KAAK,EAAE;AAAT;AAA5H,QADF,CADF;AAMD,KAPD,MASA,oBACE;AAAK,MAAA,GAAG,EAAE,aAAAD,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,MAAA,SAAS,EAAC,gBAAf;AAAgC,kBAAUlB,OAA1C;AAAmD,qBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,oBAAY,OAA7G;AAAsH,MAAA,KAAK,EAAE;AAAEE,QAAAA,KAAK,EAAE;AAAT;AAA7H,MADF,CADF;AAMD;;;EA1CyBE,KAAK,CAACC;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\n\r\nconst FamewallEmbed = ({ wallUrl, cardTheme, carouselMode=false, dualSliderMode=false }) => {\r\n  if (!wallUrl) {\r\n    console.error('Wall URL is required')\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <IframeResizer\r\n      title={`Famewall Embed ${wallUrl}`}\r\n      src={cardTheme?`https://wallembed.famewall.io/${!carouselMode? (!dualSliderMode?'wall':'slider') :'carousel'}/${wallUrl}?theme=${cardTheme}`:`https://wallembed.famewall.io/${!carouselMode? (!dualSliderMode?'wall':'slider') :'carousel'}/${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","carouselMode","dualSliderMode","console","error","border","width","minWidth"],"mappings":";;;;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAAsE;AAAA,MAAnEC,OAAmE,QAAnEA,OAAmE;AAAA,MAA1DC,SAA0D,QAA1DA,SAA0D;AAAA,+BAA/CC,YAA+C;AAAA,MAA/CA,YAA+C,kCAAlC,KAAkC;AAAA,iCAA3BC,cAA2B;AAAA,MAA3BA,cAA2B,oCAAZ,KAAY;;AAC1F,MAAI,CAACH,OAAL,EAAc;AACZI,IAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,aAAD;AACE,IAAA,KAAK,sBAAoBL,OAD3B;AAEE,IAAA,GAAG,EAAEC,SAAS,uCAAkC,CAACC,YAAD,GAAgB,CAACC,cAAD,GAAgB,MAAhB,GAAuB,QAAvC,GAAkD,UAApF,UAAkGH,OAAlG,eAAmHC,SAAnH,uCAAgK,CAACC,YAAD,GAAgB,CAACC,cAAD,GAAgB,MAAhB,GAAuB,QAAvC,GAAkD,UAAlN,UAAgOH,OAFhP;AAGE,IAAA,WAAW,EAAC,GAHd;AAIE,IAAA,WAAW,EAAE,KAJf;AAKE,IAAA,UAAU,EAAE,IALd;AAME,IAAA,SAAS,EAAC,IANZ;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,KAAK,EAAE;AACLM,MAAAA,MAAM,EAAE,CADH;AAELC,MAAAA,KAAK,EAAE,KAFF;AAGLC,MAAAA,QAAQ,EAAE;AAHL;AART,IADF;AAgBD,CAtBD;;;;"}

package/dist/index.modern.js

@@ -1,101 +1,34 @@
 import React from 'react';
-import { nanoid } from 'nanoid';
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-
-  _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;
+import IframeResizer from 'iframe-resizer-react';
+
+var FamewallEmbed = function FamewallEmbed(_ref) {
+  var wallUrl = _ref.wallUrl,
+      cardTheme = _ref.cardTheme,
+      _ref$carouselMode = _ref.carouselMode,
+      carouselMode = _ref$carouselMode === void 0 ? false : _ref$carouselMode,
+      _ref$dualSliderMode = _ref.dualSliderMode,
+      dualSliderMode = _ref$dualSliderMode === void 0 ? false : _ref$dualSliderMode;
+
+  if (!wallUrl) {
+    console.error('Wall URL is required');
+    return null;
   }
 
-  var _proto = FamewallEmbed.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (!this.props.wallUrl) {
-      console.error('Wall URL is required');
-      return null;
+  return /*#__PURE__*/React.createElement(IframeResizer, {
+    title: "Famewall Embed " + wallUrl,
+    src: cardTheme ? "https://wallembed.famewall.io/" + (!carouselMode ? !dualSliderMode ? 'wall' : 'slider' : 'carousel') + "/" + wallUrl + "?theme=" + cardTheme : "https://wallembed.famewall.io/" + (!carouselMode ? !dualSliderMode ? 'wall' : 'slider' : 'carousel') + "/" + wallUrl,
+    frameBorder: "0",
+    checkOrigin: false,
+    autoResize: true,
+    scrolling: "no",
+    width: "100%",
+    style: {
+      border: 0,
+      width: '1px',
+      minWidth: '100%'
     }
-
-    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;
-
-    if (cardTheme === "dark") {
-      return /*#__PURE__*/React.createElement("div", {
-        ref: function ref(el) {
-          return _this2.instance = el;
-        },
-        style: {
-          width: '100%',
-          height: '100%'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "famewall-embed",
-        "data-src": wallUrl,
-        "data-format": !carouselMode ? "grid" : "carousel",
-        "data-theme": 'dark',
-        style: {
-          width: "100%"
-        }
-      }));
-    } else return /*#__PURE__*/React.createElement("div", {
-      ref: function ref(el) {
-        return _this2.instance = el;
-      },
-      style: {
-        width: '100%',
-        height: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "famewall-embed",
-      "data-src": wallUrl,
-      "data-format": !carouselMode ? "grid" : "carousel",
-      "data-theme": '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 { 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    if(cardTheme===\"dark\"){\r\n      return (\r\n        <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n          <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'dark'} style={{ width: \"100%\" }}></div>\r\n        </div>\r\n  \r\n      )\r\n    }\r\n    else\r\n    return (\r\n      <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n        <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'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,QAAGD,SAAS,KAAG,MAAf,EAAsB;AACpB,0BACE;AAAK,QAAA,GAAG,EAAE,aAAAE,EAAE;AAAA,iBAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,SAAZ;AAAsC,QAAA,KAAK,EAAE;AAACC,UAAAA,KAAK,EAAC,MAAP;AAAeC,UAAAA,MAAM,EAAC;AAAtB;AAA7C,sBACE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAgC,oBAAUlB,OAA1C;AAAmD,uBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,sBAAY,MAA7G;AAAqH,QAAA,KAAK,EAAE;AAAEE,UAAAA,KAAK,EAAE;AAAT;AAA5H,QADF,CADF;AAMD,KAPD,MASA,oBACE;AAAK,MAAA,GAAG,EAAE,aAAAD,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,MAAA,SAAS,EAAC,gBAAf;AAAgC,kBAAUlB,OAA1C;AAAmD,qBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,oBAAY,OAA7G;AAAsH,MAAA,KAAK,EAAE;AAAEE,QAAAA,KAAK,EAAE;AAAT;AAA7H,MADF,CADF;AAMD;;;EA1CyBE,KAAK,CAACC;;;;"}
+{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\n\r\nconst FamewallEmbed = ({ wallUrl, cardTheme, carouselMode=false, dualSliderMode=false }) => {\r\n  if (!wallUrl) {\r\n    console.error('Wall URL is required')\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <IframeResizer\r\n      title={`Famewall Embed ${wallUrl}`}\r\n      src={cardTheme?`https://wallembed.famewall.io/${!carouselMode? (!dualSliderMode?'wall':'slider') :'carousel'}/${wallUrl}?theme=${cardTheme}`:`https://wallembed.famewall.io/${!carouselMode? (!dualSliderMode?'wall':'slider') :'carousel'}/${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","carouselMode","dualSliderMode","console","error","border","width","minWidth"],"mappings":";;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAAsE;AAAA,MAAnEC,OAAmE,QAAnEA,OAAmE;AAAA,MAA1DC,SAA0D,QAA1DA,SAA0D;AAAA,+BAA/CC,YAA+C;AAAA,MAA/CA,YAA+C,kCAAlC,KAAkC;AAAA,iCAA3BC,cAA2B;AAAA,MAA3BA,cAA2B,oCAAZ,KAAY;;AAC1F,MAAI,CAACH,OAAL,EAAc;AACZI,IAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,aAAD;AACE,IAAA,KAAK,sBAAoBL,OAD3B;AAEE,IAAA,GAAG,EAAEC,SAAS,uCAAkC,CAACC,YAAD,GAAgB,CAACC,cAAD,GAAgB,MAAhB,GAAuB,QAAvC,GAAkD,UAApF,UAAkGH,OAAlG,eAAmHC,SAAnH,uCAAgK,CAACC,YAAD,GAAgB,CAACC,cAAD,GAAgB,MAAhB,GAAuB,QAAvC,GAAkD,UAAlN,UAAgOH,OAFhP;AAGE,IAAA,WAAW,EAAC,GAHd;AAIE,IAAA,WAAW,EAAE,KAJf;AAKE,IAAA,UAAU,EAAE,IALd;AAME,IAAA,SAAS,EAAC,IANZ;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,KAAK,EAAE;AACLM,MAAAA,MAAM,EAAE,CADH;AAELC,MAAAA,KAAK,EAAE,KAFF;AAGLC,MAAAA,QAAQ,EAAE;AAHL;AART,IADF;AAgBD,CAtBD;;;;"}

package/package.json

@@ -1,53 +1,53 @@
-{
-  "name": "react-famewall",
-  "version": "1.0.3",
-  "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"
-  }
-}
+{
+  "name": "react-famewall",
+  "version": "1.0.6",
+  "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",
+    "prop-types": "^15.6.2"
+  }
+}