cozy-ui-plus 1.1.0

package/dist/Paywall/Paywall.js

@@ -0,0 +1,205 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _instance = require("cozy-client/dist/models/instance");
+
+var _cozyDeviceHelper = require("cozy-device-helper");
+
+var _cozyIntent = require("cozy-intent");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _CozyUpgrade = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CozyUpgrade"));
+
+var _Markdown = _interopRequireDefault(require("cozy-ui/transpiled/react/Markdown"));
+
+var _Spinner = _interopRequireDefault(require("cozy-ui/transpiled/react/Spinner"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _helpers = require("./helpers");
+
+var _withPaywallLocales = _interopRequireDefault(require("./locales/withPaywallLocales"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/**
+ * Component with the core logic of the paywall, which is then declined in several variants to adapt to the user case
+ */
+var Paywall = function Paywall(_ref) {
+  var variant = _ref.variant,
+      onClose = _ref.onClose,
+      isPublic = _ref.isPublic,
+      isIapEnabled = _ref.isIapEnabled,
+      contentInterpolation = _ref.contentInterpolation;
+  var instanceInfo = (0, _cozyClient.useInstanceInfo)();
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var webviewIntent = (0, _cozyIntent.useWebviewIntent)();
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isFlagshipAppIapAvailable = _useState2[0],
+      setFlagshipAppIapAvailable = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var fetchIapAvailability = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _yield$webviewIntent$;
+
+        var isAvailable;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return webviewIntent === null || webviewIntent === void 0 ? void 0 : webviewIntent.call('isAvailable', 'iap');
+
+              case 2:
+                _context.t1 = _yield$webviewIntent$ = _context.sent;
+                _context.t0 = _context.t1 !== null;
+
+                if (!_context.t0) {
+                  _context.next = 6;
+                  break;
+                }
+
+                _context.t0 = _yield$webviewIntent$ !== void 0;
+
+              case 6:
+                if (!_context.t0) {
+                  _context.next = 10;
+                  break;
+                }
+
+                _context.t2 = _yield$webviewIntent$;
+                _context.next = 11;
+                break;
+
+              case 10:
+                _context.t2 = false;
+
+              case 11:
+                isAvailable = _context.t2;
+                setFlagshipAppIapAvailable(isAvailable);
+
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function fetchIapAvailability() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    fetchIapAvailability();
+  }, [webviewIntent]);
+  if (!instanceInfo.isLoaded) return /*#__PURE__*/_react.default.createElement(_CozyDialogs.IllustrationDialog, {
+    open: true,
+    size: "small",
+    content: /*#__PURE__*/_react.default.createElement("div", {
+      className: "u-h-5"
+    }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      size: "xxlarge",
+      noMargin: true,
+      middle: true
+    })),
+    onClose: onClose
+  });
+  var canOpenPremiumLink = !(0, _cozyDeviceHelper.isFlagshipApp)() || (0, _cozyDeviceHelper.isFlagshipApp)() && isIapEnabled && isFlagshipAppIapAvailable;
+  var link = (0, _instance.buildPremiumLink)(instanceInfo);
+  var type = (0, _helpers.makeType)(instanceInfo, isPublic, link);
+
+  var onAction = function onAction() {
+    return type === 'premium' && canOpenPremiumLink ? window.open(link, '_self') : onClose();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_CozyDialogs.IllustrationDialog, {
+    open: true,
+    size: "small",
+    actionsLayout: "column",
+    title: /*#__PURE__*/_react.default.createElement("div", {
+      className: "u-flex u-flex-column u-flex-items-center"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _CozyUpgrade.default,
+      width: 128,
+      height: 128
+    }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h3",
+      className: "u-mt-1"
+    }, t("".concat(variant, "Paywall.").concat(type, ".title")))),
+    actions: /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      onClick: onAction,
+      label: isFlagshipAppIapAvailable === null ? t("action.loading") : canOpenPremiumLink ? t("".concat(variant, "Paywall.").concat(type, ".action")) : t("action.withoutIAP"),
+      busy: isFlagshipAppIapAvailable === null
+    }),
+    content: /*#__PURE__*/_react.default.createElement(_Markdown.default, {
+      content: t("".concat(variant, "Paywall.").concat(type, ".content"), _objectSpread({}, contentInterpolation))
+    }),
+    onClose: onClose
+  });
+};
+
+Paywall.propTypes = {
+  /** Type of paywall */
+  variant: _propTypes.default.string.isRequired,
+
+  /** Callback used when the user close the paywall */
+  onClose: _propTypes.default.func.isRequired,
+
+  /** Whether paywall is display in a public context */
+  isPublic: _propTypes.default.bool,
+
+  /** Whether the IAP is enabled */
+  isIapEnabled: _propTypes.default.bool,
+
+  /** Translation interpolation for the content of the paywall */
+  contentInterpolation: _propTypes.default.object
+};
+Paywall.defaultProps = {
+  isPublic: false,
+  isIapEnabled: false,
+  contentInterpolation: {}
+};
+
+var _default = (0, _withPaywallLocales.default)(Paywall);
+
+exports.default = _default;

package/dist/Paywall/QuotaPaywall.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Paywall = _interopRequireDefault(require("./Paywall"));
+
+/**
+ * Paywall displayed when user disk space is full
+ */
+var QuotaPaywall = function QuotaPaywall(_ref) {
+  var onClose = _ref.onClose;
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+    variant: "quota",
+    onClose: onClose
+  });
+};
+
+QuotaPaywall.propTypes = {
+  /** Callback used when the user close the paywall */
+  onClose: _propTypes.default.func.isRequired
+};
+var _default = QuotaPaywall;
+exports.default = _default;

package/dist/Paywall/helpers.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeType = void 0;
+
+var _instance = require("cozy-client/dist/models/instance");
+
+/**
+ * Determine the type of paywall to display
+ * @param {import("cozy-client/types").InstanceInfo} instanceInfo - Instance info (instance, context)
+ * @param {boolean} isPublic - Is the document public
+ * @param {string} link - Link to check
+ * @returns {string} - Type of paywall to display
+ */
+var makeType = function makeType(instanceInfo, isPublic, link) {
+  var hasPremiumEnabled = (0, _instance.arePremiumLinksEnabled)(instanceInfo);
+
+  if (hasPremiumEnabled && isPublic) {
+    return 'public';
+  }
+
+  if (hasPremiumEnabled && link) {
+    return 'premium';
+  }
+
+  return 'default';
+};
+
+exports.makeType = makeType;

package/dist/Paywall/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MaxAccountsByKonnectorPaywall", {
+  enumerable: true,
+  get: function get() {
+    return _MaxAccountsByKonnectorPaywall.default;
+  }
+});
+Object.defineProperty(exports, "MaxAccountsPaywall", {
+  enumerable: true,
+  get: function get() {
+    return _MaxAccountsPaywall.default;
+  }
+});
+Object.defineProperty(exports, "MaxDaysToCapturePaywall", {
+  enumerable: true,
+  get: function get() {
+    return _MaxDaysToCapturePaywall.default;
+  }
+});
+Object.defineProperty(exports, "MaxPapersPaywall", {
+  enumerable: true,
+  get: function get() {
+    return _MaxPapersPaywall.default;
+  }
+});
+Object.defineProperty(exports, "OnlyOfficePaywall", {
+  enumerable: true,
+  get: function get() {
+    return _OnlyOfficePaywall.default;
+  }
+});
+Object.defineProperty(exports, "PasswordSharingPaywall", {
+  enumerable: true,
+  get: function get() {
+    return _PasswordSharingPaywall.default;
+  }
+});
+Object.defineProperty(exports, "QuotaPaywall", {
+  enumerable: true,
+  get: function get() {
+    return _QuotaPaywall.default;
+  }
+});
+
+var _OnlyOfficePaywall = _interopRequireDefault(require("./OnlyOfficePaywall"));
+
+var _PasswordSharingPaywall = _interopRequireDefault(require("./PasswordSharingPaywall"));
+
+var _MaxAccountsByKonnectorPaywall = _interopRequireDefault(require("./MaxAccountsByKonnectorPaywall"));
+
+var _MaxAccountsPaywall = _interopRequireDefault(require("./MaxAccountsPaywall"));
+
+var _MaxPapersPaywall = _interopRequireDefault(require("./MaxPapersPaywall"));
+
+var _QuotaPaywall = _interopRequireDefault(require("./QuotaPaywall"));
+
+var _MaxDaysToCapturePaywall = _interopRequireDefault(require("./MaxDaysToCapturePaywall"));