@scaleflex/widget-utils 4.4.0 → 4.5.0

package/lib/getDroppedFiles/utils/webkitGetAsEntryApi/index.js

@@ -0,0 +1,57 @@
+import toArray from '../../../toArray';
+import getRelativePath from './getRelativePath';
+import getFilesAndDirectoriesFromDirectory from './getFilesAndDirectoriesFromDirectory';
+export default function webkitGetAsEntryApi(dataTransfer, logDropError) {
+  var files = [];
+  var rootPromises = [];
+
+  /**
+   * Returns a resolved promise, when :files array is enhanced
+   *
+   * @param {(FileSystemFileEntry|FileSystemDirectoryEntry)} entry
+   * @returns {Promise} - empty promise that resolves when :files is enhanced with a file
+   */
+  var _createPromiseToAddFileOrParseDirectory = function createPromiseToAddFileOrParseDirectory(entry) {
+    return new Promise(function (resolve) {
+      // This is a base call
+      if (entry.isFile) {
+        // Creates a new File object which can be used to read the file.
+        entry.file(function (file) {
+          file.relativePath = getRelativePath(entry);
+          files.push(file);
+          resolve();
+        },
+        // Make sure we resolve on error anyway, it's fine if only one file couldn't be read!
+        function (error) {
+          logDropError(error);
+          resolve();
+        });
+        // This is a recursive call
+      } else if (entry.isDirectory) {
+        var directoryReader = entry.createReader();
+        getFilesAndDirectoriesFromDirectory(directoryReader, [], logDropError, {
+          onSuccess: function onSuccess(entries) {
+            var promises = entries.map(function (entry) {
+              return _createPromiseToAddFileOrParseDirectory(entry);
+            });
+            Promise.all(promises).then(function () {
+              return resolve();
+            });
+          }
+        });
+      }
+    });
+  };
+
+  // For each dropped item, - make sure it's a file/directory, and start deepening in!
+  toArray(dataTransfer.items).forEach(function (item) {
+    var entry = item.webkitGetAsEntry();
+    // :entry can be null when we drop the url e.g.
+    if (entry) {
+      rootPromises.push(_createPromiseToAddFileOrParseDirectory(entry));
+    }
+  });
+  return Promise.all(rootPromises).then(function () {
+    return files;
+  });
+}

package/lib/getEncodedWrappedUrl.js

@@ -0,0 +1,7 @@
+import { FILEROBOT_V3_URL, FILEROBOT_FILE_URL_REGEX } from './constants';
+var getEncodedWrappedUrl = function getEncodedWrappedUrl(url) {
+  var _url$match;
+  var wrapperUrl = url.includes(FILEROBOT_V3_URL) ? "https://".concat(FILEROBOT_V3_URL, "/") : ((_url$match = url.match(FILEROBOT_FILE_URL_REGEX)) === null || _url$match === void 0 ? void 0 : _url$match[0]) || '';
+  return wrapperUrl ? "".concat(wrapperUrl).concat(encodeURIComponent(url)) : url;
+};
+export default getEncodedWrappedUrl;

package/lib/getFileAssetsTokenUrl.js

@@ -0,0 +1,14 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(e, r) { return new BabelRegExp(e, void 0, r); }; var e = RegExp.prototype, r = new WeakMap(); function BabelRegExp(e, t, p) { var o = RegExp(e, t); return r.set(o, p || r.get(e)), _setPrototypeOf(o, BabelRegExp.prototype); } function buildGroups(e, t) { var p = r.get(t); return Object.keys(p).reduce(function (r, t) { var o = p[t]; if ("number" == typeof o) r[t] = e[o];else { for (var i = 0; void 0 === e[o[i]] && i + 1 < o.length;) i++; r[t] = e[o[i]]; } return r; }, Object.create(null)); } return _inherits(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (r) { var t = e.exec.call(this, r); if (t) { t.groups = buildGroups(t, this); var p = t.indices; p && (p.groups = buildGroups(p, this)); } return t; }, BabelRegExp.prototype[Symbol.replace] = function (t, p) { if ("string" == typeof p) { var o = r.get(this); return e[Symbol.replace].call(this, t, p.replace(/\$<([^>]+)>/g, function (e, r) { var t = o[r]; return "$" + (Array.isArray(t) ? t.join("$") : t); })); } if ("function" == typeof p) { var i = this; return e[Symbol.replace].call(this, t, function () { var e = arguments; return "object" != _typeof(e[e.length - 1]) && (e = [].slice.call(e)).push(buildGroups(e, i)), p.apply(this, e); }); } return e[Symbol.replace].call(this, t, p); }, _wrapRegExp.apply(this, arguments); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+var getFileAssetsTokenUrl = function getFileAssetsTokenUrl(fileUrl) {
+  var isDev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return fileUrl ? fileUrl.replace(/*#__PURE__*/_wrapRegExp(/(\/\/)([\w-]*)\.(\w*)\.(\w*)\/(v7\/)?/, {
+    protocol: 1,
+    token: 2,
+    secondLvlDomain: 3,
+    topLvlDomain: 4
+  }), "$<protocol>assets".concat(isDev ? '-dev' : '', ".$<secondLvlDomain>.$<topLvlDomain>/$<token>/")) : fileUrl;
+};
+export default getFileAssetsTokenUrl;

package/lib/getFileCdnLink.js

@@ -0,0 +1,6 @@
+import getFileLink from './getFileLink';
+var getFileCdnLink = function getFileCdnLink(file) {
+  var fileLink = getFileLink(file);
+  return fileLink;
+};
+export default getFileCdnLink;

package/lib/getFileDefaultIcon.js

@@ -0,0 +1,14 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { FILE_TYPES_AND_ICONS } from './constants';
+import getFileExtension from './getFileExtension';
+var getFileDefaultIcon = function getFileDefaultIcon(file) {
+  if (!file || _typeof(file) !== 'object') {
+    return '';
+  }
+  var extension = getFileExtension(file);
+  if (!extension) {
+    return '';
+  }
+  return FILE_TYPES_AND_ICONS[extension === null || extension === void 0 ? void 0 : extension.toLowerCase()] || FILE_TYPES_AND_ICONS._default;
+};
+export default getFileDefaultIcon;

package/lib/getFileDetails.js

@@ -0,0 +1,81 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { TIME_OPTIONS } from './constants';
+import getItemIcon from './getItemIcon';
+import getFileExtension from './getFileExtension';
+import prettyFileSize from './prettyFileSize';
+import getFileType from './getFileType';
+import humanReadableDateWithTranslations from './humanReadableDateWithTranslations';
+import Translator from './Translator';
+import { getActualVisibility, getVisibilityI18nLabel } from './visibility';
+export default (function (file, i18n) {
+  var _fileInfo$img_w, _fileInfo$img_h, _getFileExtension, _file$owner, _fileInfo$brand, _file$folder;
+  var fileInfo = (file === null || file === void 0 ? void 0 : file.info) || {};
+  var width = (_fileInfo$img_w = fileInfo.img_w) !== null && _fileInfo$img_w !== void 0 ? _fileInfo$img_w : fileInfo.video_w;
+  var height = (_fileInfo$img_h = fileInfo.img_h) !== null && _fileInfo$img_h !== void 0 ? _fileInfo$img_h : fileInfo.video_h;
+  var isDefined = width && height;
+  var type = getFileType(file);
+  var extension = ((_getFileExtension = getFileExtension(file)) === null || _getFileExtension === void 0 ? void 0 : _getFileExtension.toUpperCase()) || '';
+  var videoDuration = fileInfo.video_duration;
+  var transcodingProgress = file.transcodingProgress;
+  var uuid = file.uuid;
+  var name = file.name;
+  var urls = file.url;
+  var preview = file.preview || getItemIcon({
+    fileOrFolder: file
+  });
+  var createdAt = file.created_at ? new Date(file.created_at).toLocaleTimeString(Translator.LANGUAGE, TIME_OPTIONS) : '';
+  var hasI18n = typeof i18n === 'function';
+  var humanReadableCreatedAt = hasI18n ? humanReadableDateWithTranslations(file.created_at, i18n) : createdAt;
+  var createdBy = (_file$owner = file.owner) === null || _file$owner === void 0 ? void 0 : _file$owner.name;
+  var modifiedAt = file.modified_at || file.updated_at ? new Date(file.modified_at).toLocaleTimeString(Translator.LANGUAGE, TIME_OPTIONS) : '';
+  var humanReadableModifiedAt = hasI18n ? humanReadableDateWithTranslations(file.modified_at, i18n) : modifiedAt;
+  var ratio = isDefined ? (width / height).toPrecision(3) : 0;
+  var size = prettyFileSize(file.size);
+  var tags = file !== null && file !== void 0 && file.tags ? file.tags : {};
+  var resolution = isDefined ? "".concat(width, " \xD7 ").concat(height) : null;
+  var actualVisibility = getActualVisibility(file.visibility);
+  var visibility = hasI18n ? i18n(getVisibilityI18nLabel(actualVisibility)) : actualVisibility;
+  var brandsAndLogos = (((_fileInfo$brand = fileInfo.brand) === null || _fileInfo$brand === void 0 ? void 0 : _fileInfo$brand.extracted) || []).map(function (item) {
+    return item === null || item === void 0 ? void 0 : item.classes;
+  });
+  var brandAndLogosLabels = brandsAndLogos.map(function (item) {
+    var _item$;
+    return item === null || item === void 0 ? void 0 : (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.label;
+  });
+  var filteredBrandAndLogosLabels = _toConsumableArray(new Set(brandAndLogosLabels));
+  var meta = file.meta || {};
+  var folderPath = (_file$folder = file.folder) === null || _file$folder === void 0 ? void 0 : _file$folder.name;
+  var colorMode = fileInfo.color_space;
+  return {
+    uuid: uuid,
+    name: name,
+    type: type,
+    extension: extension,
+    size: size,
+    createdAt: createdAt,
+    humanReadableCreatedAt: humanReadableCreatedAt,
+    createdBy: createdBy,
+    modifiedAt: modifiedAt,
+    humanReadableModifiedAt: humanReadableModifiedAt,
+    info: fileInfo,
+    width: width,
+    height: height,
+    urls: urls,
+    ratio: ratio,
+    resolution: resolution,
+    tags: tags,
+    visibility: visibility,
+    meta: meta,
+    preview: preview,
+    videoDuration: videoDuration,
+    transcodingProgress: transcodingProgress,
+    brandAndLogosLabels: filteredBrandAndLogosLabels,
+    folderPath: folderPath,
+    colorMode: colorMode
+  };
+});

package/lib/getFileExtension.js

@@ -0,0 +1,32 @@
+export default (function () {
+  var _file$info, _file$info2;
+  var file = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var notFoundStr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var neglectMimeType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var ext = file.extension || ((_file$info = file.info) === null || _file$info === void 0 ? void 0 : _file$info.ext) || ((_file$info2 = file.info) === null || _file$info2 === void 0 ? void 0 : _file$info2.img_type);
+  if (ext) {
+    return ext;
+  }
+  var fileMeta = file.meta;
+  if (fileMeta && fileMeta.img_type) {
+    return fileMeta.img_type;
+  }
+  var fileMime = file.mime || file.file_type;
+  var mimeSeparatorIndex = fileMime === null || fileMime === void 0 ? void 0 : fileMime.lastIndexOf('/');
+  if (fileMime && mimeSeparatorIndex && mimeSeparatorIndex !== -1 && !neglectMimeType) {
+    return fileMime.slice(mimeSeparatorIndex + 1);
+  }
+  var fileName = file.name;
+  var nameSeparatorIndex = fileName === null || fileName === void 0 ? void 0 : fileName.lastIndexOf('.');
+  if (fileName && nameSeparatorIndex && nameSeparatorIndex !== -1) {
+    var fileExtension = fileName.slice(nameSeparatorIndex + 1);
+    var fileExtensionEndIndex = fileExtension.search(/[^\w\d]/);
+    return fileExtensionEndIndex !== -1 ? fileExtension.slice(0, fileExtensionEndIndex) : fileExtension;
+  }
+  var fileType = file.type;
+  var typeSeparatorIndex = fileType === null || fileType === void 0 ? void 0 : fileType.lastIndexOf('/');
+  if (fileType && typeSeparatorIndex && typeSeparatorIndex !== -1) {
+    return fileType.slice(typeSeparatorIndex + 1);
+  }
+  return notFoundStr;
+});

package/lib/getFileLink.js

@@ -0,0 +1,17 @@
+export default (function (file) {
+  var specificUrlProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var _ref = file || {},
+    url = _ref.url;
+  if (typeof url === 'string') {
+    return url;
+  }
+  if (specificUrlProperty) {
+    return (url === null || url === void 0 ? void 0 : url[specificUrlProperty]) || defaultValue;
+  }
+  var _ref2 = url || {},
+    publicUrl = _ref2["public"],
+    permalink = _ref2.permalink,
+    cdn = _ref2.cdn;
+  return cdn || publicUrl || permalink || url || defaultValue;
+});

package/lib/getFileNameAndExtension.js

@@ -0,0 +1,22 @@
+/**
+ * Takes a full filename string and returns an object {name, extension}
+ *
+ * @param {string} fullFileName
+ * @returns {object} {name, extension}
+ */
+export default function getFileNameAndExtension(fullFileName, fileType) {
+  var lastDot = fullFileName.lastIndexOf('.');
+  // these count as no extension: "no-dot", "trailing-dot."
+  if (lastDot === -1 || lastDot === fullFileName.length - 1) {
+    var _fileType$split;
+    return {
+      name: fullFileName,
+      extension: fileType === null || fileType === void 0 ? void 0 : (_fileType$split = fileType.split('/')) === null || _fileType$split === void 0 ? void 0 : _fileType$split[1]
+    };
+  } else {
+    return {
+      name: fullFileName.slice(0, lastDot),
+      extension: fullFileName.slice(lastDot + 1)
+    };
+  }
+}

package/lib/getFileType.js

@@ -0,0 +1,23 @@
+import getFileNameAndExtension from './getFileNameAndExtension';
+import mimeTypes from './mimeTypes';
+
+// if type is set in the file object already, use that
+// otherwise extract it from the file name (not the best)
+export default function getFileType(file) {
+  var _file$info, _file$info2, _file$data, _getFileNameAndExtens;
+  if (!file) {
+    return null;
+  }
+  var type = file.type || file.mime || ((_file$info = file.info) === null || _file$info === void 0 ? void 0 : _file$info.type) || ((_file$info2 = file.info) === null || _file$info2 === void 0 ? void 0 : _file$info2.img_type) || ((_file$data = file.data) === null || _file$data === void 0 ? void 0 : _file$data.type);
+  if (type) {
+    return type;
+  }
+  var fileExtension = file.name ? (_getFileNameAndExtens = getFileNameAndExtension(file.name).extension) === null || _getFileNameAndExtens === void 0 ? void 0 : _getFileNameAndExtens.toLowerCase() : null;
+  if (fileExtension && mimeTypes[fileExtension]) {
+    // else, see if we can map extension to a mime type
+    return mimeTypes[fileExtension];
+  }
+
+  // if all fails, fall back to a generic byte stream type
+  return 'application/octet-stream';
+}

package/lib/getFileTypeExtension.js

@@ -0,0 +1,22 @@
+var mimeToExtensions = {
+  'audio/mp3': 'mp3',
+  'audio/ogg': 'ogg',
+  'audio/webm': 'webm',
+  'image/gif': 'gif',
+  'image/heic': 'heic',
+  'image/heif': 'heif',
+  'image/jpeg': 'jpg',
+  'image/png': 'png',
+  'image/svg+xml': 'svg',
+  'video/mp4': 'mp4',
+  'video/ogg': 'ogv',
+  'video/quicktime': 'mov',
+  'video/webm': 'webm',
+  'video/x-matroska': 'mkv',
+  'video/x-msvideo': 'avi'
+};
+export default function getFileTypeExtension(mimeType) {
+  // Remove the ; bit in 'video/x-matroska;codecs=avc1'
+  mimeType = mimeType.replace(/;.*$/, '');
+  return mimeToExtensions[mimeType] || null;
+}

package/lib/getFilterFileFormatIcon.js

@@ -0,0 +1,6 @@
+import { FILTER_FILE_FORMAT_ICONS } from './constants';
+export default function getFilterFileFormatIcon() {
+  var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var _format = format.replace(/\|(.*)/, '').toLowerCase().trim();
+  return FILTER_FILE_FORMAT_ICONS[_format] || FILTER_FILE_FORMAT_ICONS.file;
+}

package/lib/getFolderDetails.js

@@ -0,0 +1,30 @@
+import { TIME_OPTIONS } from './constants';
+export default (function (folder, language) {
+  var _folder$size, _folder$count, _folder$count2;
+  var uuid = folder.uuid;
+  var name = folder.name;
+  var path = folder.path;
+  var type = folder.type || 'folder';
+  var size = (_folder$size = folder.size) === null || _folder$size === void 0 ? void 0 : _folder$size.total_recursive_pretty;
+  var filesRecursive = folder === null || folder === void 0 ? void 0 : (_folder$count = folder.count) === null || _folder$count === void 0 ? void 0 : _folder$count.files_recursive;
+  var filesDirect = folder === null || folder === void 0 ? void 0 : (_folder$count2 = folder.count) === null || _folder$count2 === void 0 ? void 0 : _folder$count2.files_direct;
+  var updadtedAt = folder.updated_at ? new Date(folder.updated_at).toLocaleTimeString(language, TIME_OPTIONS) : '';
+  var createdAt = folder.created_at ? new Date(folder.created_at).toLocaleTimeString(language, TIME_OPTIONS) : '';
+  var visibility = folder.visibility;
+  var filesCount = folder.filesCount;
+  var assetsPreviews = folder.assetsPreviews;
+  return {
+    uuid: uuid,
+    name: name,
+    path: path,
+    type: type,
+    size: size,
+    filesRecursive: filesRecursive,
+    filesDirect: filesDirect,
+    updadtedAt: updadtedAt,
+    createdAt: createdAt,
+    visibility: visibility,
+    filesCount: filesCount,
+    assetsPreviews: assetsPreviews
+  };
+});

package/lib/getFormattedPreviewUrl.js

@@ -0,0 +1,79 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { FILEROBOT_FILE_URL_REGEX, FILEROBOT_V3_URL } from './constants';
+var FILEROBOT_SECOND_LEVEL_DOMAIN = 'filerobot';
+var DEFAULT_FILEROBOT_SUBDOMAIN_PROD = 'assets';
+var DEFAULT_FILEROBOT_SUBDOMAIN_DEV = 'assets-dev';
+var TOP_LEVEL_DOMAIN = 'com';
+
+/**
+ * Ge preview url from filerobot url
+ *
+ * Based on documentation https://scaleflexhq.atlassian.net/wiki/spaces/DEVOPS/pages/166199297/Delivery+Filerobot+Hub+Thumbs+v3
+ *
+ * There are 2 cases:
+ * 1) when there is v7 in the url
+ * v2 https://fldytuwm.filerobot.com/v7/120049.jpg into v3 https://assets.filerobot.com/fldytuwm/120049.jpg
+ * v2 https://cdn.scaleflex.com/cloudimage.io/checkerboard.svg?vh=938ef5 into v3 https://assets.filerobot.com/scaleflex/cloudimage.io/checkerboard.svg?vh=938ef5
+ *
+ * 2)when there is no v7 in the url
+ * v2 https://fyjnhqim.filerobot.com/ganchev/test_files+doubled/01+-+StyleSense+-+Falsche+Darstellung.png?vh=2b64bd into https://assets.filerobot.com/fyjnhqim/ganchev/test_files+doubled/01+-+StyleSense+-+Falsche+Darstellung.png?vh=2b64bd
+ * v2 https://fyjnhqim.filerobot.com/.internal/video_thumbnails/2oaTbKYAtv/20220818_112552.jpg into https://assets.filerobot.com/fyjnhqim/.internal/video_thumbnails/2oaTbKYAtv/20220818_112552.jpg
+ *
+ * @returns {string} -- New url based on the rules above
+ *
+ * @param {string} url -- Filerobot file url
+ * @param {boolean} replaceWithAssetsToken -- was `isHubMode` that recognize whether to replace the CDN link with the assets token or not.
+ */
+export default (function (_ref) {
+  var _url$match;
+  var _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url,
+    isDevEnv = _ref.isDevEnv,
+    _ref$replaceWithAsset = _ref.replaceWithAssetsToken,
+    replaceWithAssetsToken = _ref$replaceWithAsset === void 0 ? false : _ref$replaceWithAsset,
+    containerToken = _ref.containerToken;
+  var _ref2 = ((_url$match = url.match(FILEROBOT_FILE_URL_REGEX)) === null || _url$match === void 0 ? void 0 : _url$match.groups) || {},
+    protocol = _ref2.protocol,
+    token = _ref2.token,
+    secondLevelDomain = _ref2.secondLevelDomain,
+    topLevelDomain = _ref2.topLevelDomain;
+  if (url.includes('blob:')) return url;
+  if (url.includes(FILEROBOT_V3_URL)) {
+    if (isDevEnv) {
+      return url.replace(DEFAULT_FILEROBOT_SUBDOMAIN_PROD, DEFAULT_FILEROBOT_SUBDOMAIN_DEV);
+    }
+    return url;
+  }
+  var debug = function debug() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (localStorage.getItem('debug_previews') !== '1') {
+      return;
+    }
+    console.trace(_objectSpread(_objectSpread({}, data), {}, {
+      url: url,
+      isDevEnv: isDevEnv,
+      containerToken: containerToken,
+      protocol: protocol,
+      token: token,
+      secondLevelDomain: secondLevelDomain,
+      topLevelDomain: topLevelDomain
+    }));
+  };
+  if (replaceWithAssetsToken) {
+    var matchFilerobotCdnUrlRegExp = new RegExp("".concat(protocol).concat(token, "\\.").concat(secondLevelDomain, "\\.").concat(topLevelDomain, "\\/(v7\\/)?"));
+    var previewToken = isDevEnv ? DEFAULT_FILEROBOT_SUBDOMAIN_DEV : DEFAULT_FILEROBOT_SUBDOMAIN_PROD;
+    var previewUrl = "".concat(protocol).concat(previewToken, ".").concat(FILEROBOT_SECOND_LEVEL_DOMAIN, ".").concat(TOP_LEVEL_DOMAIN, "/").concat(containerToken, "/");
+    debug({
+      previewUrl: previewUrl,
+      finalUrl: url.replace(matchFilerobotCdnUrlRegExp, previewUrl)
+    });
+    return url.replace(matchFilerobotCdnUrlRegExp, previewUrl);
+  }
+  debug();
+  return url;
+});

package/lib/getHoursAndMinutes.js

@@ -0,0 +1,9 @@
+/**
+ * Function to extract time from time stamp and convert into string as hh:mm e.g. 15:55
+ * @param {Number} timeStamp - sets the new date by adding the provided number of days for the current date
+ * @returns {String} - time in format HH:mm
+ */
+
+export default (function (timeStamp) {
+  return new Date(timeStamp).toLocaleTimeString().replace(/(.*)\D\d+/, '$1');
+});

package/lib/getImageEditUrl.js

@@ -0,0 +1,36 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import getFileLink from '@scaleflex/widget-utils/lib/getFileLink';
+import getFormattedPreviewUrl from '@scaleflex/widget-utils/lib/getFormattedPreviewUrl';
+import { IMAGE_EDITOR_MODES } from './constants';
+var getImageEditUrl = function getImageEditUrl(file) {
+  var _file$info;
+  var formattedPreviewOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!file) {
+    return;
+  }
+  var mode = formattedPreviewOptions.mode,
+    containerWidth = formattedPreviewOptions.containerWidth;
+  var isCloudimageMode = mode === IMAGE_EDITOR_MODES.CLOUDIMAGE;
+  var previewUrl = ((_file$info = file.info) === null || _file$info === void 0 ? void 0 : _file$info.preview) || file.preview;
+  var url = isCloudimageMode && previewUrl || getFileLink(file);
+  if (!url) {
+    return;
+  }
+  url = getFormattedPreviewUrl(_objectSpread(_objectSpread({}, formattedPreviewOptions), {}, {
+    url: url
+  }));
+
+  // Only for cloudimage mode, as regular mode we need the full image quality on saving to be saved in the expected resolution.
+  if (isCloudimageMode && !previewUrl) {
+    var _url, _file$info2, _file$info3;
+    var queryParamPrefixSymbol = (_url = url) !== null && _url !== void 0 && _url.includes('?') ? '&' : '?';
+    url = url && "".concat(url).concat(queryParamPrefixSymbol, "w=").concat(((_file$info2 = file.info) === null || _file$info2 === void 0 ? void 0 : _file$info2.img_w) >= containerWidth ? containerWidth : (_file$info3 = file.info) === null || _file$info3 === void 0 ? void 0 : _file$info3.img_w);
+  }
+  return url;
+};
+export default getImageEditUrl;

package/lib/getImgFileDimensions.js

@@ -0,0 +1,25 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var getImgFileDimensions = function getImgFileDimensions(imgFile) {
+  return new Promise(function (resolve) {
+    var isFileNotSrcString = _typeof(imgFile) === 'object';
+    var tempImgUrl = isFileNotSrcString ? URL.createObjectURL(imgFile) : imgFile;
+    var image = new Image();
+    image.src = tempImgUrl;
+    image.onload = function () {
+      resolve({
+        width: image.width,
+        height: image.height
+      });
+      if (isFileNotSrcString) {
+        URL.revokeObjectURL(tempImgUrl);
+      }
+    };
+    image.onerror = function () {
+      console.warn("Error in recognizing image dimensions for: \"".concat(tempImgUrl, "\""));
+      if (isFileNotSrcString) {
+        URL.revokeObjectURL(tempImgUrl);
+      }
+    };
+  });
+};
+export default getImgFileDimensions;

package/lib/getItemIcon.js

@@ -0,0 +1,112 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import getFileExtension from './getFileExtension';
+import getFileLink from './getFileLink';
+import isImage from './isImage';
+import isThumbnailCloudimgSupported from './isThumbnailCloudimgSupported';
+import isPdf from './isPdf';
+import { FILE_TYPES_AND_ICONS, LAYOUTS_IDS, COLORS } from './constants';
+import getItemPreviewWidthAndHeight from './getItemPreviewWidthHeight';
+import isCloudimageFastPreviewSupported from './isCloudimageFastPreviewSupported';
+import isFolder from './isFolder';
+import isAi from './isAi';
+import getFormattedPreviewUrl from './getFormattedPreviewUrl';
+var ultrafastPrefix = 'https://scaleflex.ultrafast.io/';
+var folderIcon = 'https://cdn.scaleflex.com/assets/folder-preview/folder.png';
+var replaceAirstoreWithFilerobot = function replaceAirstoreWithFilerobot() {
+  var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return url.replace('.airstore.io/', '.filerobot.com/').replace(/(\?|&)func=proxy&?/, '$1').replace(/(\?|&)$/, '');
+};
+
+// showFuncAndHeight : false , when we need it to cover the entire background
+var getItemIcon = function getItemIcon(_ref) {
+  var _fileOrFolder$info, _fileOrFolder$info2, _fileOrFolder$info3, _fileOrFolder$info4;
+  var fileOrFolder = _ref.fileOrFolder,
+    _ref$viewLayout = _ref.viewLayout,
+    viewLayout = _ref$viewLayout === void 0 ? LAYOUTS_IDS.GRID : _ref$viewLayout,
+    _ref$showFuncAndHeigh = _ref.showFuncAndHeight,
+    showFuncAndHeight = _ref$showFuncAndHeigh === void 0 ? false : _ref$showFuncAndHeigh,
+    forceIcon = _ref.forceIcon,
+    _ref$showWidth = _ref.showWidth,
+    showWidth = _ref$showWidth === void 0 ? true : _ref$showWidth,
+    showVideoGif = _ref.showVideoGif,
+    _ref$cloudimgFunc = _ref.cloudimgFunc,
+    cloudimgFunc = _ref$cloudimgFunc === void 0 ? '' : _ref$cloudimgFunc,
+    _ref$isImageTranspare = _ref.isImageTransparencySupported,
+    isImageTransparencySupported = _ref$isImageTranspare === void 0 ? false : _ref$isImageTranspare,
+    container = _ref.container,
+    isDevEnv = _ref.isDevEnv;
+  if (!fileOrFolder) {
+    return '';
+  }
+  if (fileOrFolder.preview && !forceIcon && !isImageTransparencySupported) {
+    return fileOrFolder.preview;
+  }
+
+  // TODO: if remote file then don't take its icon as it might not public till BE implements it
+  if (fileOrFolder.icon && !fileOrFolder.isRemote) {
+    return fileOrFolder.icon;
+  }
+  if (isFolder(fileOrFolder)) {
+    return folderIcon;
+  }
+  var thumbnail = (showVideoGif ? (fileOrFolder === null || fileOrFolder === void 0 ? void 0 : (_fileOrFolder$info = fileOrFolder.info) === null || _fileOrFolder$info === void 0 ? void 0 : _fileOrFolder$info.video_gif) || (fileOrFolder === null || fileOrFolder === void 0 ? void 0 : (_fileOrFolder$info2 = fileOrFolder.info) === null || _fileOrFolder$info2 === void 0 ? void 0 : _fileOrFolder$info2.video_thumbnail) : (fileOrFolder === null || fileOrFolder === void 0 ? void 0 : (_fileOrFolder$info3 = fileOrFolder.info) === null || _fileOrFolder$info3 === void 0 ? void 0 : _fileOrFolder$info3.video_thumbnail) || (fileOrFolder === null || fileOrFolder === void 0 ? void 0 : (_fileOrFolder$info4 = fileOrFolder.info) === null || _fileOrFolder$info4 === void 0 ? void 0 : _fileOrFolder$info4.image_thumbnail)) || (fileOrFolder === null || fileOrFolder === void 0 ? void 0 : fileOrFolder.thumbnail);
+  if (thumbnail) {
+    // replacing any thumbnail that has the airstore domain and replacing with filerobot domain
+    // to be able to apply cdn transformation
+    // new videos uploaded will have the filerobot domain
+    // so only apply this for the old videos
+    var newThumbnail = replaceAirstoreWithFilerobot(thumbnail);
+    if (container) {
+      newThumbnail = getFormattedPreviewUrl({
+        url: newThumbnail,
+        isDevEnv: isDevEnv,
+        containerToken: container
+      });
+    }
+    var _getItemPreviewWidthA = getItemPreviewWidthAndHeight(viewLayout),
+      _getItemPreviewWidthA2 = _slicedToArray(_getItemPreviewWidthA, 2),
+      width = _getItemPreviewWidthA2[0],
+      height = _getItemPreviewWidthA2[1];
+    return "".concat(newThumbnail, "?w=").concat(width, "&h=").concat(height);
+  }
+  var extension = getFileExtension(fileOrFolder);
+  if (isPdf(fileOrFolder) && !isAi(fileOrFolder)) {
+    var link = replaceAirstoreWithFilerobot(getFileLink(fileOrFolder));
+    if (link) {
+      link = link.replace('func=proxy', '');
+      var separator = link[link.length - 1] !== '&' && (link.lastIndexOf('?') !== -1 ? '&' : '?');
+      return "".concat(link).concat(separator || '', "w=200&force_format=webp,jpeg&doc_page=1&bypass_process_proxy=1");
+    }
+  }
+  if (isThumbnailCloudimgSupported(fileOrFolder) || isImageTransparencySupported) {
+    var _fileOrFolder$url, _fileOrFolder$remote, _fileOrFolder$remote$;
+    // fileOrFolder.remote?.body?.url for having the url for imported image from url
+    var _link = replaceAirstoreWithFilerobot(getFileLink(fileOrFolder, (fileOrFolder === null || fileOrFolder === void 0 ? void 0 : (_fileOrFolder$url = fileOrFolder.url) === null || _fileOrFolder$url === void 0 ? void 0 : _fileOrFolder$url.version_preview_link) && 'version_preview_link', ((_fileOrFolder$remote = fileOrFolder.remote) === null || _fileOrFolder$remote === void 0 ? void 0 : (_fileOrFolder$remote$ = _fileOrFolder$remote.body) === null || _fileOrFolder$remote$ === void 0 ? void 0 : _fileOrFolder$remote$.url) || ''));
+    var bgColor = COLORS.LIGHT.HOVER.replace('#', '');
+    if (_link) {
+      // TODO: ADD A CDN URL THAT LOAD ANY URL FOR SUPPORTING RESIZED THUMBNAILS FROM OTHER 3RD PARTIES AS scaleflex.cloudimg.io HAS SPECIFIC DOMAINS.
+      // TMP SOLUTION FOR AVOIDING ADDING THE CDN'S QUERY PARAMS
+      // THAT CAUSE AN ERROR IN LOADING THE FILE OF CANVA DESIGN FROM THEIR URL
+      if (_link.startsWith('https://export-download.canva.com')) {
+        return _link;
+      }
+      var _separator = _link.lastIndexOf('?') !== -1 ? '&' : '?';
+      var _getItemPreviewWidthA3 = getItemPreviewWidthAndHeight(viewLayout),
+        _getItemPreviewWidthA4 = _slicedToArray(_getItemPreviewWidthA3, 2),
+        _width = _getItemPreviewWidthA4[0],
+        _height = _getItemPreviewWidthA4[1];
+      return "".concat(_link).concat(_separator || '').concat(showWidth ? "w=".concat(_width) : '').concat(showFuncAndHeight ? "&h=".concat(_height, "&func=").concat(cloudimgFunc || 'fit', "&bg_colour=").concat(bgColor) : '').concat(!isImage(fileOrFolder) ? '&bypass_process_proxy=1' : '').concat(isCloudimageFastPreviewSupported(fileOrFolder) ? '&ci_fast_preview=1' : '').replace('&&', '&').replace(/\?$/, '');
+    }
+  }
+  if (extension) {
+    return FILE_TYPES_AND_ICONS[extension.toLowerCase()] || FILE_TYPES_AND_ICONS._default;
+  }
+  return FILE_TYPES_AND_ICONS._default;
+};
+export default getItemIcon;
+export { ultrafastPrefix };

package/lib/getItemPath.js

@@ -0,0 +1,10 @@
+var getItemPath = function getItemPath(item) {
+  var _item$url;
+  if ((_item$url = item.url) !== null && _item$url !== void 0 && _item$url.path || item.path) {
+    var _item$url2;
+    var wholePath = ((_item$url2 = item.url) === null || _item$url2 === void 0 ? void 0 : _item$url2.path) || item.path;
+    var lastFolderSeparatorIndex = wholePath.lastIndexOf('/');
+    return wholePath.substr(0, lastFolderSeparatorIndex) || '/';
+  }
+};
+export default getItemPath;