@quintype/components 3.1.5-img-lazy.0 → 3.2.0

package/dist/cjs/index.js

@@ -1803,7 +1803,7 @@ function getMenuItemBody(item, className, url, currentUrl) {
   }
 }
 
-var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat", "imgLazy"]; // Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
+var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat"]; // Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
 
 function hashString(string) {
   if (!string) return 0;
@@ -1924,7 +1924,7 @@ function loadGumlet() {
     return;
   }
 
-  if (process.env.NODE_ENV == "development") {
+  if (process.env.NODE_ENV == 'development') {
     console.warn("Loading Gumlet Dynamically! This is really bad for page speed. Please see https://developers.quintype.com/malibu/tutorial/gumlet-integration");
   }
 
@@ -1932,9 +1932,9 @@ function loadGumlet() {
   window.GUMLET_CONFIG = window.GUMLET_CONFIG || {
     hosts: []
   };
-  var script = document.createElement("script");
-  script.type = "text/javascript";
-  script.src = "https://cdn.gumlet.com/gumlet.js/2.0/gumlet.min.js";
+  var script = document.createElement('script');
+  script.type = 'text/javascript';
+  script.src = 'https://cdn.gumlet.com/gumlet.js/2.0/gumlet.min.js';
   document.body.appendChild(script);
 }
 
@@ -1945,20 +1945,17 @@ function GumletImage(props) {
       imageCDN = props.imageCDN,
       imgParams = props.imgParams,
       reactTag = props.reactTag,
-      className = props.className,
-      _props$imgLazy = props.imgLazy,
-      imgLazy = _props$imgLazy === void 0 ? "true" : _props$imgLazy;
+      className = props.className;
   var image = new quintypeJs.FocusedImage(slug, metadata);
   var imageProps = {
     src: emptyWebGif__default["default"],
     "data-src": "https://" + imageCDN + "/" + image.path(aspectRatio, imgParams),
-    key: hashString(slug),
-    "data-gmlazy": imgLazy
+    key: hashString(slug)
   };
   var Tag = reactTag || "img";
   React.useEffect(loadGumlet);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tag, _extends__default["default"]({}, imageProps, omit__default["default"](props, USED_PARAMS), {
-    className: className ? "qt-image ".concat(className) : "qt-image"
+    className: className ? "qt-image ".concat(className) : 'qt-image'
   })), /*#__PURE__*/React__default["default"].createElement("noscript", null, /*#__PURE__*/React__default["default"].createElement("img", {
     src: "https://".concat(imageCDN, "/").concat(image.path(aspectRatio, _objectSpread$4(_objectSpread$4({}, imgParams), {}, {
       w: 1200
@@ -5241,6 +5238,28 @@ 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"]) ? "paytrail_recurring" : "paytrail";
+
+      var paymentObject = _this.makePaymentObject(_objectSpread({
+        paymentType: paymentType
+      }, options));
+
+      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) {
@@ -5518,6 +5537,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,
@@ -5600,6 +5620,7 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
  *  initPaypalPayment| options(object), options={argType: "options",selectedPlan: selectedPlanObj,planType: planType,couponCode: "", recipientSubscriber: {}, returnUrl: "",cancelUrl:""} | Initialize the PayPal payment
  *  initOmisePayment| selectedPlan(object), planType(string)  | Initialize the Omise payment
  *  initAdyenPayment| selectedPlan(object), planType(string), AdyenModal(React Component), locale(string) | Initialize Adyen Payment
+ *  initPaytrailPayment| selectedPlan(object), ptions={selectedPlan: selectedPlanObj,planType: planType,couponCode: "", recipientSubscriber: {}, returnUrl: "",cancelUrl:""} | Initialize the Paytrail payment
  *  getAssetPlans| storyId(string) | Get Asset Subscription Plans
  *  getSubscriberMetadata| Get the Subscriber Metadata
  *  setSubscriberMetadata| subscriberMetadata(object), subscriberMetadata={"address": {
@@ -5656,7 +5677,7 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
  *                  stagingHost="https://staging.accesstype.com"
  *                  accessTypeBkIntegrationId={accessTypeBkIntegrationId}
  *                >
- *                  {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, getSubscriptionForUser, getSubscriberMetadata, setSubscriberMetadata }) => (
+ *                  {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, initPaytrailPayment,  getSubscriptionForUser, getSubscriberMetadata, setSubscriberMetadata }) => (
  *                    <div>
  *                      <PaymentCheckoutLayout
  *                        accessIsLoading={accessIsLoading}
@@ -5666,6 +5687,7 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
  *                        initRazorPayPayment={initRazorPayPayment}
  *                        initStripePayment={initStripePayment}
  *                        initPaypalPayment={initPaypalPayment}
+ *                        initPaytrailPayment={initPaytrailPayment}
  *                        getSubscriptionForUser={getSubscriptionForUser}
  *                        getgetSubscriberMetadata={getgetSubscriberMetadata}
  *                        setSubscriberMetadata={setSubscriberMetadata}
@@ -5705,6 +5727,16 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
  *     return props.initPaypalPayment(options);
  *   }
  *
+ *  if (paymentGateway === "paytrail") {
+ *     const options = {
+ *       selectedPlan: plan,
+ *       planType: "standard",
+ *       returnUrl: `${document.location.origin}/paytrail-success.html`,
+ *       cancelUrl: `${document.location.origin}/paytrail-cancel.html`
+ *     };
+ *     return props.initPaytrailPayment(options);
+ *   }
+ *
  *   if (paymentGateway === "omise") {
  *     return props.initOmisePayment(plan, "standard");
  *   }

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

@@ -668,6 +668,28 @@ 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"]) ? "paytrail_recurring" : "paytrail";
+
+      var paymentObject = _this.makePaymentObject(_objectSpread({
+        paymentType: paymentType
+      }, options));
+
+      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 +967,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,
@@ -1027,6 +1050,7 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  *  initPaypalPayment| options(object), options={argType: "options",selectedPlan: selectedPlanObj,planType: planType,couponCode: "", recipientSubscriber: {}, returnUrl: "",cancelUrl:""} | Initialize the PayPal payment
  *  initOmisePayment| selectedPlan(object), planType(string)  | Initialize the Omise payment
  *  initAdyenPayment| selectedPlan(object), planType(string), AdyenModal(React Component), locale(string) | Initialize Adyen Payment
+ *  initPaytrailPayment| selectedPlan(object), ptions={selectedPlan: selectedPlanObj,planType: planType,couponCode: "", recipientSubscriber: {}, returnUrl: "",cancelUrl:""} | Initialize the Paytrail payment
  *  getAssetPlans| storyId(string) | Get Asset Subscription Plans
  *  getSubscriberMetadata| Get the Subscriber Metadata
  *  setSubscriberMetadata| subscriberMetadata(object), subscriberMetadata={"address": {
@@ -1083,7 +1107,7 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  *                  stagingHost="https://staging.accesstype.com"
  *                  accessTypeBkIntegrationId={accessTypeBkIntegrationId}
  *                >
- *                  {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, getSubscriptionForUser, getSubscriberMetadata, setSubscriberMetadata }) => (
+ *                  {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, initPaytrailPayment,  getSubscriptionForUser, getSubscriberMetadata, setSubscriberMetadata }) => (
  *                    <div>
  *                      <PaymentCheckoutLayout
  *                        accessIsLoading={accessIsLoading}
@@ -1093,6 +1117,7 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  *                        initRazorPayPayment={initRazorPayPayment}
  *                        initStripePayment={initStripePayment}
  *                        initPaypalPayment={initPaypalPayment}
+ *                        initPaytrailPayment={initPaytrailPayment}
  *                        getSubscriptionForUser={getSubscriptionForUser}
  *                        getgetSubscriberMetadata={getgetSubscriberMetadata}
  *                        setSubscriberMetadata={setSubscriberMetadata}
@@ -1132,6 +1157,16 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  *     return props.initPaypalPayment(options);
  *   }
  *
+ *  if (paymentGateway === "paytrail") {
+ *     const options = {
+ *       selectedPlan: plan,
+ *       planType: "standard",
+ *       returnUrl: `${document.location.origin}/paytrail-success.html`,
+ *       cancelUrl: `${document.location.origin}/paytrail-cancel.html`
+ *     };
+ *     return props.initPaytrailPayment(options);
+ *   }
+ *
  *   if (paymentGateway === "omise") {
  *     return props.initOmisePayment(plan, "standard");
  *   }

package/dist/es/components/impl/gumlet-image.js

@@ -5,11 +5,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-import omit from "@babel/runtime/helpers/objectWithoutProperties";
-import emptyWebGif from "empty-web-gif";
-import { FocusedImage } from "quintype-js";
 import React, { useEffect } from "react";
+import emptyWebGif from 'empty-web-gif';
+import { FocusedImage } from "quintype-js";
 import { hashString, USED_PARAMS } from "./image-utils";
+import omit from '@babel/runtime/helpers/objectWithoutProperties';
 var forceLoadingGumlet = false;
 
 function loadGumlet() {
@@ -17,7 +17,7 @@ function loadGumlet() {
     return;
   }
 
-  if (process.env.NODE_ENV == "development") {
+  if (process.env.NODE_ENV == 'development') {
     console.warn("Loading Gumlet Dynamically! This is really bad for page speed. Please see https://developers.quintype.com/malibu/tutorial/gumlet-integration");
   }
 
@@ -25,9 +25,9 @@ function loadGumlet() {
   window.GUMLET_CONFIG = window.GUMLET_CONFIG || {
     hosts: []
   };
-  var script = document.createElement("script");
-  script.type = "text/javascript";
-  script.src = "https://cdn.gumlet.com/gumlet.js/2.0/gumlet.min.js";
+  var script = document.createElement('script');
+  script.type = 'text/javascript';
+  script.src = 'https://cdn.gumlet.com/gumlet.js/2.0/gumlet.min.js';
   document.body.appendChild(script);
 }
 
@@ -38,20 +38,17 @@ export function GumletImage(props) {
       imageCDN = props.imageCDN,
       imgParams = props.imgParams,
       reactTag = props.reactTag,
-      className = props.className,
-      _props$imgLazy = props.imgLazy,
-      imgLazy = _props$imgLazy === void 0 ? "true" : _props$imgLazy;
+      className = props.className;
   var image = new FocusedImage(slug, metadata);
   var imageProps = {
     src: emptyWebGif,
     "data-src": "https://" + imageCDN + "/" + image.path(aspectRatio, imgParams),
-    key: hashString(slug),
-    "data-gmlazy": imgLazy
+    key: hashString(slug)
   };
   var Tag = reactTag || "img";
   useEffect(loadGumlet);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tag, _extends({}, imageProps, omit(props, USED_PARAMS), {
-    className: className ? "qt-image ".concat(className) : "qt-image"
+    className: className ? "qt-image ".concat(className) : 'qt-image'
   })), /*#__PURE__*/React.createElement("noscript", null, /*#__PURE__*/React.createElement("img", {
     src: "https://".concat(imageCDN, "/").concat(image.path(aspectRatio, _objectSpread(_objectSpread({}, imgParams), {}, {
       w: 1200

package/dist/es/components/impl/image-utils.js

@@ -1,4 +1,4 @@
-export var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat", "imgLazy"]; // Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
+export var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat"]; // Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
 
 export function hashString(string) {
   if (!string) return 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.1.5-img-lazy.0",
+  "version": "3.2.0",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",