@quintype/components 3.0.3-nl-fb-share-bug.0 → 3.0.3-paytrail.0

package/dist/cjs/index.js

@@ -3309,10 +3309,9 @@ 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 : "";
-      console.log("Full Url is --->", this.props.app_id, "props --->", this.props);
+      var hashtags = this.props.hashtags ? this.props.hashtags : '';
       return /*#__PURE__*/React__default["default"].createElement(this.props.template, Object.assign({
-        fbUrl: "https://www.facebook.com/dialog/share?app_id=".concat(this.props.app_id, "&href=").concat(encodeURIComponent(fullUrl), "redirect_uri=").concat(encodeURIComponent(fullUrl)),
+        fbUrl: "https://www.facebook.com/sharer.php?u=".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)),
@@ -3341,17 +3340,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() {
@@ -5143,6 +5142,29 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       return new Promise(adyenExecutor);
     });
 
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initPaytrailPayment", function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      if (!options.selectedPlan) {
+        console.warn("Paytrail needs a plan");
+        return false;
+      }
+
+      var paymentOptions = _this.props.paymentOptions;
+      var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
+
+      var paymentObject = _this.makePaymentObject(_objectSpread({
+        paymentType: paymentType
+      }, options));
+
+      console.log("paymentObject------------", paymentObject);
+      return paymentOptions.paytrail ? paymentOptions.paytrail.proceed(paymentObject).then(function (response) {
+        return response.proceed(paymentObject);
+      }) : Promise.reject({
+        message: "Payment option is loading..."
+      });
+    });
+
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "pingBackMeteredStory", /*#__PURE__*/function () {
       var _ref12 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(asset, accessData) {
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
@@ -5420,6 +5442,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         initPaypalPayment: this.initPaypalPayment,
         initOmisePayment: this.initOmisePayment,
         initAdyenPayment: this.initAdyenPayment,
+        initPaytrailPayment: this.initPaytrailPayment,
         checkAccess: this.checkAccess,
         getSubscriptionForUser: this.getSubscriptionForUser,
         accessUpdated: this.props.accessUpdated,

package/dist/es/components/access-type.js

@@ -668,6 +668,29 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       return new Promise(adyenExecutor);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "initPaytrailPayment", function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      if (!options.selectedPlan) {
+        console.warn("Paytrail needs a plan");
+        return false;
+      }
+
+      var paymentOptions = _this.props.paymentOptions;
+      var paymentType = get(options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
+
+      var paymentObject = _this.makePaymentObject(_objectSpread({
+        paymentType: paymentType
+      }, options));
+
+      console.log("paymentObject------------", paymentObject);
+      return paymentOptions.paytrail ? paymentOptions.paytrail.proceed(paymentObject).then(function (response) {
+        return response.proceed(paymentObject);
+      }) : Promise.reject({
+        message: "Payment option is loading..."
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "pingBackMeteredStory", /*#__PURE__*/function () {
       var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(asset, accessData) {
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
@@ -945,6 +968,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         initPaypalPayment: this.initPaypalPayment,
         initOmisePayment: this.initOmisePayment,
         initAdyenPayment: this.initAdyenPayment,
+        initPaytrailPayment: this.initPaytrailPayment,
         checkAccess: this.checkAccess,
         getSubscriptionForUser: this.getSubscriptionForUser,
         accessUpdated: this.props.accessUpdated,

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,10 +53,9 @@ 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 : "";
-      console.log("Full Url is --->", this.props.app_id, "props --->", this.props);
+      var hashtags = this.props.hashtags ? this.props.hashtags : '';
       return /*#__PURE__*/React.createElement(this.props.template, Object.assign({
-        fbUrl: "https://www.facebook.com/dialog/share?app_id=".concat(this.props.app_id, "&href=").concat(encodeURIComponent(fullUrl), "redirect_uri=").concat(encodeURIComponent(fullUrl)),
+        fbUrl: "https://www.facebook.com/sharer.php?u=".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)),
@@ -85,17 +84,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.3-nl-fb-share-bug.0",
+  "version": "3.0.3-paytrail.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 --await-write-finish=2000 'src/**/*' -- ./bin-dev-scripts/sync-to.sh",
+    "sync-files-to": "npx onchange --verbose --wait --await-write-finish 'src/**/*' -- ./bin-dev-scripts/sync-to.sh",
     "test": "jest --config jest.config.js",
     "test:cover": "jest --coverage --watchAll; open coverage/index.html"
   }