@quintype/components 3.0.2-image-alt.1 → 3.0.3-nl-fb-share-bug.0

package/dist/cjs/index.js

@@ -3309,9 +3309,10 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var fullUrl = this.props.fullUrl || "".concat(this.props.publisherUrl, "/").concat(this.props.url);
-      var hashtags = this.props.hashtags ? this.props.hashtags : '';
+      var hashtags = this.props.hashtags ? this.props.hashtags : "";
+      console.log("Full Url is --->", this.props.app_id, "props --->", this.props);
       return /*#__PURE__*/React__default["default"].createElement(this.props.template, Object.assign({
-        fbUrl: "https://www.facebook.com/sharer.php?u=".concat(encodeURIComponent(fullUrl)),
+        fbUrl: "https://www.facebook.com/dialog/share?app_id=".concat(this.props.app_id, "&href=").concat(encodeURIComponent(fullUrl), "redirect_uri=").concat(encodeURIComponent(fullUrl)),
         twitterUrl: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(fullUrl), "&text=").concat(encodeURIComponent(this.props.title), "&hashtags=").concat(hashtags),
         gplusUrl: "https://plus.google.com/share?url=".concat(encodeURIComponent(fullUrl)),
         linkedinUrl: "https://www.linkedin.com/shareArticle?url=".concat(encodeURIComponent(fullUrl), "&title=").concat(encodeURIComponent(this.props.title)),
@@ -3340,17 +3341,17 @@ function mapStateToProps$3(state) {
  * class CustomComponent extends React.Component {
  *   getSocialCardsTemplate({fbUrl, twitterUrl, gplusUrl, linkedinUrl, handleNativeShare}) {
  *     return <ul className="social-share-icons">
-*        <li className="social-share-icon">
-*          <a href={fbUrl} target="_blank">
-*            <img src={fbIcon} alt="fb icon"/>
-*          </a>
-*        </li>
-*        {handleNativeShare && <li className="social-share-icon">
-*          <button onClick={handleNativeShare}>
-*            <img src={fbIcon} alt="share icon"/>
-*          </button>
-*        </li>}
-*      </ul>
+ *        <li className="social-share-icon">
+ *          <a href={fbUrl} target="_blank">
+ *            <img src={fbIcon} alt="fb icon"/>
+ *          </a>
+ *        </li>
+ *        {handleNativeShare && <li className="social-share-icon">
+ *          <button onClick={handleNativeShare}>
+ *            <img src={fbIcon} alt="share icon"/>
+ *          </button>
+ *        </li>}
+ *      </ul>
  *   }
  *
  *   render() {

package/dist/es/components/social-share.js

@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from "react";
 import { connect } from "react-redux";
-import { withError } from './with-error';
+import { withError } from "./with-error";
 
 function getNativeShareHandler(canNativeShare, title, fullUrl) {
   if (!canNativeShare) {
@@ -53,9 +53,10 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var fullUrl = this.props.fullUrl || "".concat(this.props.publisherUrl, "/").concat(this.props.url);
-      var hashtags = this.props.hashtags ? this.props.hashtags : '';
+      var hashtags = this.props.hashtags ? this.props.hashtags : "";
+      console.log("Full Url is --->", this.props.app_id, "props --->", this.props);
       return /*#__PURE__*/React.createElement(this.props.template, Object.assign({
-        fbUrl: "https://www.facebook.com/sharer.php?u=".concat(encodeURIComponent(fullUrl)),
+        fbUrl: "https://www.facebook.com/dialog/share?app_id=".concat(this.props.app_id, "&href=").concat(encodeURIComponent(fullUrl), "redirect_uri=").concat(encodeURIComponent(fullUrl)),
         twitterUrl: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(fullUrl), "&text=").concat(encodeURIComponent(this.props.title), "&hashtags=").concat(hashtags),
         gplusUrl: "https://plus.google.com/share?url=".concat(encodeURIComponent(fullUrl)),
         linkedinUrl: "https://www.linkedin.com/shareArticle?url=".concat(encodeURIComponent(fullUrl), "&title=").concat(encodeURIComponent(this.props.title)),
@@ -84,17 +85,17 @@ function mapStateToProps(state) {
  * class CustomComponent extends React.Component {
  *   getSocialCardsTemplate({fbUrl, twitterUrl, gplusUrl, linkedinUrl, handleNativeShare}) {
  *     return <ul className="social-share-icons">
-*        <li className="social-share-icon">
-*          <a href={fbUrl} target="_blank">
-*            <img src={fbIcon} alt="fb icon"/>
-*          </a>
-*        </li>
-*        {handleNativeShare && <li className="social-share-icon">
-*          <button onClick={handleNativeShare}>
-*            <img src={fbIcon} alt="share icon"/>
-*          </button>
-*        </li>}
-*      </ul>
+ *        <li className="social-share-icon">
+ *          <a href={fbUrl} target="_blank">
+ *            <img src={fbIcon} alt="fb icon"/>
+ *          </a>
+ *        </li>
+ *        {handleNativeShare && <li className="social-share-icon">
+ *          <button onClick={handleNativeShare}>
+ *            <img src={fbIcon} alt="share icon"/>
+ *          </button>
+ *        </li>}
+ *      </ul>
  *   }
  *
  *   render() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.0.2-image-alt.1",
+  "version": "3.0.3-nl-fb-share-bug.0",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -103,7 +103,7 @@
     "docs": "rimraf docs && jsdoc -c jsdoc.json",
     "prepack": "npm run build",
     "prepublishOnly": "./bin-dev-scripts/standard-version-release.sh",
-    "sync-files-to": "npx onchange --verbose --wait --await-write-finish 'src/**/*' -- ./bin-dev-scripts/sync-to.sh",
+    "sync-files-to": "npx onchange --verbose --await-write-finish=2000 'src/**/*' -- ./bin-dev-scripts/sync-to.sh",
     "test": "jest --config jest.config.js",
     "test:cover": "jest --coverage --watchAll; open coverage/index.html"
   }