@quintype/arrow 3.15.1-perf.5 → 3.15.1-perf.7

package/esm/utils/utils.js

@@ -0,0 +1,363 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+/* eslint no-console: ["error", { allow: ["warn", "error"] }] */
+import { get, upperCase, lowerCase } from "lodash";
+import PropTypes from "prop-types";
+import Timeago from "react-timeago";
+import React from "react";
+import { format, utcToZonedTime } from "date-fns-tz";
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+export var sharePageUrl = canUseDOM && window.location.href;
+export function truncate() {
+  var string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 60;
+  var ellipsis = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var putEllipsis = ellipsis ? " ..." : "";
+  return typeof string === "string" && string.length > limit ? string.substring(0, limit) + putEllipsis : string;
+}
+export var timestampToFormat = function timestampToFormat(value, unit, suffix, timestamp) {
+  var config = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var _config$showTime = config.showTime,
+      showTime = _config$showTime === void 0 ? false : _config$showTime,
+      _config$isTimeFirst = config.isTimeFirst,
+      isTimeFirst = _config$isTimeFirst === void 0 ? false : _config$isTimeFirst,
+      _config$isUpperCase = config.isUpperCase,
+      isUpperCase = _config$isUpperCase === void 0 ? false : _config$isUpperCase,
+      _config$disableMeridi = config.disableMeridiem,
+      disableMeridiem = _config$disableMeridi === void 0 ? false : _config$disableMeridi,
+      _config$timeFormat = config.timeFormat,
+      timeFormat = _config$timeFormat === void 0 ? "12hours" : _config$timeFormat;
+  var monthList = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  var dateTime = new Date(timestamp);
+  var date = dateTime.getDate().toString().padStart(2, 0);
+  var month = monthList[dateTime.getMonth()];
+  var localizedMonth = month;
+
+  if (isUpperCase) {
+    localizedMonth = upperCase(month);
+  }
+
+  var year = dateTime.getFullYear();
+  var localizedMeridiem = config.localizedMeridiem,
+      localizedMonths = config.localizedMonths,
+      _config$direction = config.direction,
+      direction = _config$direction === void 0 ? "ltr" : _config$direction;
+  var time = formatAMPM(timestamp, timeFormat);
+  var timeWithLocalizedMeridiem = time;
+  var timetoShow;
+
+  if (localizedMonths) {
+    localizedMonth = get(localizedMonths, [lowerCase(month)]) || month;
+  }
+
+  if (localizedMeridiem) {
+    var isAm = time.includes("am");
+    var _localizedMeridiem$am = localizedMeridiem.am,
+        am = _localizedMeridiem$am === void 0 ? "am" : _localizedMeridiem$am,
+        _localizedMeridiem$pm = localizedMeridiem.pm,
+        pm = _localizedMeridiem$pm === void 0 ? "pm" : _localizedMeridiem$pm;
+    timeWithLocalizedMeridiem = (isAm ? time.replace("am", am) : time.replace("pm", pm)) || time;
+  }
+
+  if (direction === "rtl") {
+    timetoShow = showTime ? "".concat(timeWithLocalizedMeridiem) : "";
+    return "".concat(date, " ").concat(localizedMonth, ", ").concat(year, " ").concat(timetoShow, " ");
+  } else {
+    if (disableMeridiem) {
+      return "".concat(localizedMonth, " ").concat(date, ", ").concat(year);
+    } else if (isTimeFirst) {
+      return "".concat(timeWithLocalizedMeridiem, ", ").concat(date, " ").concat(localizedMonth, " ").concat(year);
+    } else {
+      timetoShow = showTime ? ", ".concat(timeWithLocalizedMeridiem) : "";
+      return "".concat(date, " ").concat(localizedMonth, ", ").concat(year).concat(timetoShow);
+    }
+  }
+};
+export function formatter(value, unit, suffix, date, config) {
+  var showDateForUnits = ["day", "week", "month", "year"]; // suffix here refers to ago
+  // unit here refers to seconds, minute, minutes,...
+
+  var localizedSuffix = get(config, ["localizedPublishTime", suffix]) || suffix;
+  var localizedUnitOfTime;
+
+  if (unit === "hour" && value > 23 || showDateForUnits.indexOf(unit) !== -1) {
+    return timestampToFormat(value, unit, suffix, date, config);
+  } else if (value > 1) {
+    localizedUnitOfTime = get(config, ["localizedPublishTime", "".concat(unit, "s")]) || "".concat(unit, "s");
+    return "".concat(value, " ").concat(localizedUnitOfTime, " ").concat(localizedSuffix);
+  }
+
+  localizedUnitOfTime = get(config, ["localizedPublishTime", unit]) || unit;
+  return "".concat(value, " ").concat(localizedUnitOfTime, " ").concat(localizedSuffix, " ");
+}
+
+function formatAMPM(timestamp) {
+  var timeFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "12hours";
+  var dateTime = new Date(timestamp);
+  var hours = dateTime.getHours();
+  var minutes = dateTime.getMinutes();
+  var ampm = hours >= 12 ? "pm" : "am";
+  hours = hours % 12;
+  hours = hours || 12;
+  minutes = minutes < 10 ? "0" + minutes : minutes;
+  var strTime = hours + ":" + minutes + " " + ampm;
+
+  if (timeFormat === "24hours") {
+    return dateTime.toLocaleTimeString([], {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  }
+
+  return strTime;
+}
+
+export var hexToRGB = function hexToRGB(hex) {
+  var r = parseInt(hex.slice(1, 3), 16);
+  var g = parseInt(hex.slice(3, 5), 16);
+  var b = parseInt(hex.slice(5, 7), 16);
+  return {
+    r: r,
+    g: g,
+    b: b
+  };
+};
+export var getLuminanceOfColor = function getLuminanceOfColor(hex) {
+  var _hexToRGB = hexToRGB(hex),
+      r = _hexToRGB.r,
+      g = _hexToRGB.g,
+      b = _hexToRGB.b;
+
+  return r * 0.299 + g * 0.587 + b * 0.114;
+};
+export var rgbToHex = function rgbToHex() {
+  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
+  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
+};
+var clientWidths = {
+  mobile: 767,
+  tablet: 1024
+};
+export var clientWidth = function clientWidth(device) {
+  var foundDeviceWidth = get(clientWidths, device);
+
+  if (foundDeviceWidth) {
+    return get(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
+  }
+
+  return false;
+};
+export var getTextColor = function getTextColor() {
+  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
+  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
+  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
+  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
+  return textColor;
+};
+export function getNumberOfStoriesToShow(numberOfStoriesToShow) {
+  return numberOfStoriesToShow ? parseInt(numberOfStoriesToShow) : 1;
+}
+export var getSlot = function getSlot(type, component, storyCallback, collectionCallback) {
+  switch (type) {
+    case "story":
+      return storyCallback();
+
+    case "collection":
+      return collectionCallback();
+
+    default:
+      return component ? component() : null;
+  }
+};
+export var getSlug = function getSlug(collection) {
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _config$magazineSlug = config.magazineSlug,
+      magazineSlug = _config$magazineSlug === void 0 ? "" : _config$magazineSlug,
+      _config$isArchivePage = config.isArchivePage,
+      isArchivePage = _config$isArchivePage === void 0 ? false : _config$isArchivePage;
+
+  if (isArchivePage) {
+    return "/magazine/archive/".concat(magazineSlug);
+  }
+
+  if (magazineSlug) {
+    return "/magazine/".concat(magazineSlug, "/").concat(collection.slug);
+  }
+
+  var isSection = collection.template === "section";
+
+  if (isSection) {
+    var sectionId = get(collection, ["metadata", "section", "0", "id"], "");
+    var sections = config.sections;
+    var section = sections && sections.find(function (section) {
+      return section.id === sectionId;
+    });
+    return section ? section["section-url"] : "/";
+  }
+
+  return "/collection/".concat(collection.slug);
+};
+export function isExternalStory() {
+  var story = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _story$storyTemplate = story["story-template"],
+      storyTemplate = _story$storyTemplate === void 0 ? "" : _story$storyTemplate,
+      _story$metadata = story.metadata,
+      metadata = _story$metadata === void 0 ? {} : _story$metadata;
+  return storyTemplate === "news-elsewhere" ? get(metadata, ["reference-url"], "") : "";
+} // Adds target='_blank' attribute to anchor tags if not present
+
+export var updateContentLinks = function updateContentLinks(content) {
+  var updatedContent = content;
+  var anchorTagsList = content.match(/(<a).*?(>)/g);
+  anchorTagsList && anchorTagsList.forEach(function (anchorTag) {
+    var isTargetPresent = /target=/g.test(anchorTag);
+
+    if (!isTargetPresent) {
+      updatedContent = updatedContent.replace(anchorTag, "<a aria-label='content' target='_blank'".concat(anchorTag.substring(2)));
+    }
+  });
+  return updatedContent;
+};
+export var isEmpty = function isEmpty(value) {
+  return value == null || // From standard.js: Always use === - but value == null is allowed to check null || undefined
+  _typeof(value) === "object" && Object.entries(value).length === 0 && value.constructor === Object || typeof value === "string" && value.trim().length === 0;
+};
+export var shapeConfig = PropTypes.shape({
+  "sketches-host": PropTypes.string,
+  "cdn-name": PropTypes.string,
+  "cdn-image": PropTypes.string
+});
+export var shapeStory = PropTypes.shape({
+  headline: PropTypes.string,
+  "last-published-at": PropTypes.number,
+  subheadline: PropTypes.string
+});
+export var getStoryUrl = function getStoryUrl(story) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  return get(story, ["story-template"]) === "news-elsewhere" ? get(story, ["metadata", "reference-url"], "") : story.url || defaultValue;
+};
+export var detectComponent = function detectComponent(component, adComponent, widgetComp) {
+  var type = component.type;
+
+  switch (type) {
+    case "ad":
+      return adComponent(component);
+
+    case "widget":
+      return widgetComp(component);
+
+    default:
+      return null;
+  }
+};
+export var facebookMobileVideoResizeFix = function facebookMobileVideoResizeFix() {
+  if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(max-width: 767px)").matches) {
+    var applyFixAfterTime = 3000;
+    var aspectRatioAdjustmentFactor = 0.7;
+    setTimeout(function () {
+      document.querySelectorAll(".story-element-jsembed.story-element-jsembed-facebook-post span").forEach(function (element) {
+        if (!element.classList.contains("fixed-mobile-fb-video")) {
+          element.style.height = "".concat(Math.ceil(element.offsetHeight * aspectRatioAdjustmentFactor), "px");
+          element.classList.add("fixed-mobile-fb-video");
+        }
+      });
+    }, applyFixAfterTime);
+  }
+};
+export var navigateTo = function navigateTo(dispatch) {
+  var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  global.app.navigateToPage(dispatch, url);
+};
+export var generateNavigateSlug = function generateNavigateSlug() {
+  var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var customUrlPath = arguments.length > 2 ? arguments[2] : undefined;
+
+  if (customUrlPath) {
+    return customUrlPath;
+  }
+
+  var _config$magazineSlug2 = config.magazineSlug,
+      magazineSlug = _config$magazineSlug2 === void 0 ? "" : _config$magazineSlug2,
+      _config$isArchivePage2 = config.isArchivePage,
+      isArchivePage = _config$isArchivePage2 === void 0 ? false : _config$isArchivePage2;
+
+  if (isArchivePage) {
+    return "/magazine/archive/".concat(magazineSlug);
+  }
+
+  if (magazineSlug) {
+    return "/magazine/".concat(magazineSlug, "/").concat(collection.slug);
+  }
+
+  if (collection) {
+    return getSlug(collection, config);
+  }
+
+  return "/";
+};
+export var getCollectionData = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(collectionSlug) {
+    var mountAtPrefix,
+        result,
+        _args = arguments;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            mountAtPrefix = _args.length > 1 && _args[1] !== undefined ? _args[1] : "";
+            _context.prev = 1;
+            _context.next = 4;
+            return fetch("".concat(mountAtPrefix, "/api/v1/collections/").concat(collectionSlug, "?item-type=story&limit=6"));
+
+          case 4:
+            _context.next = 6;
+            return _context.sent.json();
+
+          case 6:
+            result = _context.sent;
+            return _context.abrupt("return", result);
+
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](1);
+            console.error(_context.t0);
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 10]]);
+  }));
+
+  return function getCollectionData(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var getTimeStamp = function getTimeStamp(date, _formatter) {
+  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var template = arguments.length > 3 ? arguments[3] : undefined;
+  var timezone = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+
+  if (timezone && template === "story") {
+    var zonedTime = timezone && utcToZonedTime(date, timezone);
+    var formatZonedTime = zonedTime && format(zonedTime, "yyyy-MM-dd'T'HH:mm:ssXXX", {
+      timeZone: timezone
+    });
+    var timeStamp = timestampToFormat("", "", "", date, config);
+    return /*#__PURE__*/React.createElement("time", {
+      dateTime: formatZonedTime
+    }, timeStamp);
+  }
+
+  return /*#__PURE__*/React.createElement(Timeago, {
+    date: date,
+    formatter: function formatter(value, unit, suffix, date) {
+      return _formatter(value, unit, suffix, date, config);
+    }
+  });
+};

package/esm/utils/utils.test.js

@@ -0,0 +1,46 @@
+import { updateContentLinks, isEmpty, sharePageUrl } from "./utils";
+describe("updateContentLinks", function () {
+  it("should add target='_blank' to anchor tags if target attribute not present", function () {
+    var content = "<p>Coronavirus in India News Live Updates: <a target='_parent'>India</a> has recorded the <a href='#'>highest</a> single-day spike in fresh cases of novel <a>coronavirus</a> with the number crossing 1,300.";
+    var updatedContent = updateContentLinks(content);
+    expect(updatedContent).toBe("<p>Coronavirus in India News Live Updates: <a target='_parent'>India</a> has recorded the <a aria-label='content' target='_blank' href='#'>highest</a> single-day spike in fresh cases of novel <a aria-label='content' target='_blank'>coronavirus</a> with the number crossing 1,300.");
+  });
+});
+describe("isEmpty", function () {
+  it("should return true if the value is null/ undefined", function () {
+    var value = null;
+    var result = isEmpty(value);
+    expect(result).toBe(true);
+  });
+  it("should return true if the value is an empty string", function () {
+    var value = "";
+    var result = isEmpty(value);
+    expect(result).toBe(true);
+  });
+  it("should return true if the value is an empty object", function () {
+    var value = {};
+    var result = isEmpty(value);
+    expect(result).toBe(true);
+  });
+  it("should return false if the value is not null/ undefined", function () {
+    var value = 6;
+    var result = isEmpty(value);
+    expect(result).toBe(false);
+  });
+  it("should return false if the value is not an empty string", function () {
+    var value = "value";
+    var result = isEmpty(value);
+    expect(result).toBe(false);
+  });
+  it("should return false if the value is not an empty object", function () {
+    var value = {
+      data: "read"
+    };
+    var result = isEmpty(value);
+    expect(result).toBe(false);
+  });
+  it("should return window if the page url is defined", function () {
+    var result = sharePageUrl;
+    expect(result).toBe(window.location["href"]);
+  });
+});

package/package.json

@@ -1 +1 @@
-{"name":"@quintype/arrow","version":"3.15.1-perf.5","engines":{"node":">=12.0.0"},"description":"Quintype's UI Component Library for Publisher Apps","main":"cjs/index.js","module":"esm/index.js","repository":{"type":"git","url":"git+https://github.com/quintype/quintype-node-arrow.git"},"author":"dev-core@quintype.com","license":"ISC","bugs":{"url":"https://github.com/quintype/quintype-node-arrow/issues"},"peerDependencies":{"@babel/runtime":"^7.18.3","date-fns":"^2.28.0","date-fns-tz":"^1.3.1","lodash":"^4.0.0","react":">= 16.8.0","react-dom":">= 16.8.0","react-redux":">= 7.0.0","axios":"^0.19.2","@quintype/components":"^3.0.0","intersection-observer":"^0.11.0","react-image-lightbox":"^5.1.4","react-timeago":"^4.4.0"},"dependencies":{},"homepage":"https://github.com/quintype/quintype-node-arrow#readme"}
+{"name":"@quintype/arrow","version":"3.15.1-perf.7","engines":{"node":">=12.0.0"},"description":"Quintype's UI Component Library for Publisher Apps","main":"cjs/index.js","module":"esm/index.js","repository":{"type":"git","url":"git+https://github.com/quintype/quintype-node-arrow.git"},"author":"dev-core@quintype.com","license":"ISC","bugs":{"url":"https://github.com/quintype/quintype-node-arrow/issues"},"peerDependencies":{"@babel/runtime":"^7.18.3","date-fns":"^2.28.0","date-fns-tz":"^1.3.1","lodash":"^4.0.0","react":">= 16.8.0","react-dom":">= 16.8.0","react-redux":">= 7.0.0","axios":"^0.23.0","@quintype/components":"^3.0.0","intersection-observer":"^0.11.0","react-image-lightbox":"^5.1.4","react-timeago":"^4.4.0"},"dependencies":{},"homepage":"https://github.com/quintype/quintype-node-arrow#readme"}