@quintype/components 3.4.5 → 3.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -3014,19 +3014,28 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
3014
3014
  }
3015
3015
 
3016
3016
  return Buffer.from(embedJs, "base64").toString("utf-8");
3017
+ } // Method to check the innerHTMLEmbedFile is from Facebook or not
3018
+
3019
+ }, {
3020
+ key: "checkFacebookURL",
3021
+ value: function checkFacebookURL(innerHTMLEmbedFile) {
3022
+ return (innerHTMLEmbedFile === null || innerHTMLEmbedFile === void 0 ? void 0 : innerHTMLEmbedFile.includes("https://www.facebook.com")) || false;
3017
3023
  }
3018
3024
  }, {
3019
3025
  key: "render",
3020
3026
  value: function render() {
3021
3027
  var _this2 = this;
3022
3028
 
3029
+ var innerHTMLEmbedFile = this.getEmbedJS(); // isFacebookFileEmbedded will add a new className for changing the iframe style only for facebook
3030
+
3031
+ var isFacebookFileEmbedded = this.checkFacebookURL(innerHTMLEmbedFile);
3023
3032
  return /*#__PURE__*/React__default["default"].createElement("div", {
3024
- className: "jsembed-wrapper",
3033
+ className: "jsembed-wrapper ".concat(isFacebookFileEmbedded ? 'facebook-jsembed' : ''),
3025
3034
  ref: function ref(jsembed) {
3026
3035
  _this2.JSEmbed = jsembed;
3027
3036
  },
3028
3037
  dangerouslySetInnerHTML: {
3029
- __html: this.getEmbedJS()
3038
+ __html: innerHTMLEmbedFile
3030
3039
  }
3031
3040
  });
3032
3041
  }
@@ -77,19 +77,28 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
77
77
  }
78
78
 
79
79
  return Buffer.from(embedJs, "base64").toString("utf-8");
80
+ } // Method to check the innerHTMLEmbedFile is from Facebook or not
81
+
82
+ }, {
83
+ key: "checkFacebookURL",
84
+ value: function checkFacebookURL(innerHTMLEmbedFile) {
85
+ return (innerHTMLEmbedFile === null || innerHTMLEmbedFile === void 0 ? void 0 : innerHTMLEmbedFile.includes("https://www.facebook.com")) || false;
80
86
  }
81
87
  }, {
82
88
  key: "render",
83
89
  value: function render() {
84
90
  var _this2 = this;
85
91
 
92
+ var innerHTMLEmbedFile = this.getEmbedJS(); // isFacebookFileEmbedded will add a new className for changing the iframe style only for facebook
93
+
94
+ var isFacebookFileEmbedded = this.checkFacebookURL(innerHTMLEmbedFile);
86
95
  return /*#__PURE__*/React.createElement("div", {
87
- className: "jsembed-wrapper",
96
+ className: "jsembed-wrapper ".concat(isFacebookFileEmbedded ? 'facebook-jsembed' : ''),
88
97
  ref: function ref(jsembed) {
89
98
  _this2.JSEmbed = jsembed;
90
99
  },
91
100
  dangerouslySetInnerHTML: {
92
- __html: this.getEmbedJS()
101
+ __html: innerHTMLEmbedFile
93
102
  }
94
103
  });
95
104
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quintype/components",
3
- "version": "3.4.5",
3
+ "version": "3.4.6",
4
4
  "description": "Components to help build Quintype Node.js apps",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",