botframework-webchat-component
Version:
React component of botframework-webchat
166 lines (130 loc) • 15.4 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useSendFiles;
var _botframeworkWebchatApi = require("botframework-webchat-api");
var _react = require("react");
var _index = _interopRequireDefault(require("../Utils/downscaleImageToDataURL/index"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = 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; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
var useAPISendFiles = _botframeworkWebchatApi.hooks.useSendFiles,
useStyleOptions = _botframeworkWebchatApi.hooks.useStyleOptions,
useTrackTiming = _botframeworkWebchatApi.hooks.useTrackTiming;
function canMakeThumbnail(_ref) {
var name = _ref.name;
return /\.(gif|jpe?g|png)$/i.test(name);
}
function makeThumbnail(_x, _x2, _x3, _x4, _x5) {
return _makeThumbnail.apply(this, arguments);
}
function _makeThumbnail() {
_makeThumbnail = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(file, width, height, contentType, quality) {
return regeneratorRuntime.wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
_context3.prev = 0;
_context3.next = 3;
return (0, _index.default)(file, width, height, contentType, quality);
case 3:
return _context3.abrupt("return", _context3.sent);
case 6:
_context3.prev = 6;
_context3.t0 = _context3["catch"](0);
console.warn("Web Chat: Failed to downscale image due to ".concat(_context3.t0, "."));
case 9:
case "end":
return _context3.stop();
}
}
}, _callee3, null, [[0, 6]]);
}));
return _makeThumbnail.apply(this, arguments);
}
function useSendFiles() {
var sendFiles = useAPISendFiles();
var _useStyleOptions = useStyleOptions(),
_useStyleOptions2 = _slicedToArray(_useStyleOptions, 1),
_useStyleOptions2$ = _useStyleOptions2[0],
enableUploadThumbnail = _useStyleOptions2$.enableUploadThumbnail,
uploadThumbnailContentType = _useStyleOptions2$.uploadThumbnailContentType,
uploadThumbnailHeight = _useStyleOptions2$.uploadThumbnailHeight,
uploadThumbnailQuality = _useStyleOptions2$.uploadThumbnailQuality,
uploadThumbnailWidth = _useStyleOptions2$.uploadThumbnailWidth;
var trackTiming = useTrackTiming();
return (0, _react.useCallback)( /*#__PURE__*/function () {
var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(files) {
var attachments;
return regeneratorRuntime.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
if (!(files && files.length)) {
_context2.next = 6;
break;
}
files = [].slice.call(files); // TODO: [P3] We need to find revokeObjectURL on the UI side
// Redux store should not know about the browser environment
// One fix is to use ArrayBuffer instead of object URL, but that would requires change to DirectLineJS
_context2.next = 4;
return Promise.all([].map.call(files, /*#__PURE__*/function () {
var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(file) {
var thumbnail;
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
if (!(_index.default && enableUploadThumbnail && canMakeThumbnail(file))) {
_context.next = 4;
break;
}
_context.next = 3;
return trackTiming('sendFiles:makeThumbnail', makeThumbnail(file, uploadThumbnailWidth, uploadThumbnailHeight, uploadThumbnailContentType, uploadThumbnailQuality));
case 3:
thumbnail = _context.sent;
case 4:
return _context.abrupt("return", _objectSpread({
name: file.name,
size: file.size,
url: window.URL.createObjectURL(file)
}, thumbnail && {
thumbnail: thumbnail
}));
case 5:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return function (_x7) {
return _ref3.apply(this, arguments);
};
}()));
case 4:
attachments = _context2.sent;
sendFiles(attachments);
case 6:
case "end":
return _context2.stop();
}
}
}, _callee2);
}));
return function (_x6) {
return _ref2.apply(this, arguments);
};
}(), [enableUploadThumbnail, sendFiles, trackTiming, uploadThumbnailContentType, uploadThumbnailHeight, uploadThumbnailQuality, uploadThumbnailWidth]);
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VTZW5kRmlsZXMuanMiXSwibmFtZXMiOlsidXNlQVBJU2VuZEZpbGVzIiwiaG9va3MiLCJ1c2VTZW5kRmlsZXMiLCJ1c2VTdHlsZU9wdGlvbnMiLCJ1c2VUcmFja1RpbWluZyIsImNhbk1ha2VUaHVtYm5haWwiLCJuYW1lIiwidGVzdCIsIm1ha2VUaHVtYm5haWwiLCJmaWxlIiwid2lkdGgiLCJoZWlnaHQiLCJjb250ZW50VHlwZSIsInF1YWxpdHkiLCJjb25zb2xlIiwid2FybiIsInNlbmRGaWxlcyIsImVuYWJsZVVwbG9hZFRodW1ibmFpbCIsInVwbG9hZFRodW1ibmFpbENvbnRlbnRUeXBlIiwidXBsb2FkVGh1bWJuYWlsSGVpZ2h0IiwidXBsb2FkVGh1bWJuYWlsUXVhbGl0eSIsInVwbG9hZFRodW1ibmFpbFdpZHRoIiwidHJhY2tUaW1pbmciLCJmaWxlcyIsImxlbmd0aCIsInNsaWNlIiwiY2FsbCIsIlByb21pc2UiLCJhbGwiLCJtYXAiLCJkb3duc2NhbGVJbWFnZVRvRGF0YVVSTCIsInRodW1ibmFpbCIsInNpemUiLCJ1cmwiLCJ3aW5kb3ciLCJVUkwiLCJjcmVhdGVPYmplY3RVUkwiLCJhdHRhY2htZW50cyJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUVBOztBQUNBOztBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQUVzQkEsZSxHQUFxREMsNkIsQ0FBbkVDLFk7SUFBK0JDLGUsR0FBb0NGLDZCLENBQXBDRSxlO0lBQWlCQyxjLEdBQW1CSCw2QixDQUFuQkcsYzs7QUFFeEQsU0FBU0MsZ0JBQVQsT0FBb0M7QUFBQSxNQUFSQyxJQUFRLFFBQVJBLElBQVE7QUFDbEMsU0FBTyxzQkFBdUJDLElBQXZCLENBQTRCRCxJQUE1QixDQUFQO0FBQ0Q7O1NBRWNFLGE7Ozs7OzJFQUFmLGtCQUE2QkMsSUFBN0IsRUFBbUNDLEtBQW5DLEVBQTBDQyxNQUExQyxFQUFrREMsV0FBbEQsRUFBK0RDLE9BQS9EO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsbUJBRWlCLG9CQUF3QkosSUFBeEIsRUFBOEJDLEtBQTlCLEVBQXFDQyxNQUFyQyxFQUE2Q0MsV0FBN0MsRUFBMERDLE9BQTFELENBRmpCOztBQUFBO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBSUlDLFlBQUFBLE9BQU8sQ0FBQ0MsSUFBUjs7QUFKSjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxHOzs7O0FBUWUsU0FBU2IsWUFBVCxHQUF3QjtBQUNyQyxNQUFNYyxTQUFTLEdBQUdoQixlQUFlLEVBQWpDOztBQURxQyx5QkFVakNHLGVBQWUsRUFWa0I7QUFBQTtBQUFBO0FBQUEsTUFJakNjLHFCQUppQyxzQkFJakNBLHFCQUppQztBQUFBLE1BS2pDQywwQkFMaUMsc0JBS2pDQSwwQkFMaUM7QUFBQSxNQU1qQ0MscUJBTmlDLHNCQU1qQ0EscUJBTmlDO0FBQUEsTUFPakNDLHNCQVBpQyxzQkFPakNBLHNCQVBpQztBQUFBLE1BUWpDQyxvQkFSaUMsc0JBUWpDQSxvQkFSaUM7O0FBV3JDLE1BQU1DLFdBQVcsR0FBR2xCLGNBQWMsRUFBbEM7QUFFQSxTQUFPO0FBQUEsd0VBQ0wsa0JBQU1tQixLQUFOO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLG9CQUNNQSxLQUFLLElBQUlBLEtBQUssQ0FBQ0MsTUFEckI7QUFBQTtBQUFBO0FBQUE7O0FBRUlELGNBQUFBLEtBQUssR0FBRyxHQUFHRSxLQUFILENBQVNDLElBQVQsQ0FBY0gsS0FBZCxDQUFSLENBRkosQ0FJSTtBQUNBO0FBQ0E7O0FBTko7QUFBQSxxQkFPOEJJLE9BQU8sQ0FBQ0MsR0FBUixDQUN4QixHQUFHQyxHQUFILENBQU9ILElBQVAsQ0FBWUgsS0FBWjtBQUFBLG9GQUFtQixpQkFBTWQsSUFBTjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxnQ0FHYnFCLGtCQUEyQmIscUJBQTNCLElBQW9EWixnQkFBZ0IsQ0FBQ0ksSUFBRCxDQUh2RDtBQUFBO0FBQUE7QUFBQTs7QUFBQTtBQUFBLGlDQUlHYSxXQUFXLENBQzNCLHlCQUQyQixFQUUzQmQsYUFBYSxDQUNYQyxJQURXLEVBRVhZLG9CQUZXLEVBR1hGLHFCQUhXLEVBSVhELDBCQUpXLEVBS1hFLHNCQUxXLENBRmMsQ0FKZDs7QUFBQTtBQUlmVywwQkFBQUEsU0FKZTs7QUFBQTtBQUFBO0FBaUJmekIsNEJBQUFBLElBQUksRUFBRUcsSUFBSSxDQUFDSCxJQWpCSTtBQWtCZjBCLDRCQUFBQSxJQUFJLEVBQUV2QixJQUFJLENBQUN1QixJQWxCSTtBQW1CZkMsNEJBQUFBLEdBQUcsRUFBRUMsTUFBTSxDQUFDQyxHQUFQLENBQVdDLGVBQVgsQ0FBMkIzQixJQUEzQjtBQW5CVSw2QkFvQlhzQixTQUFTLElBQUk7QUFBRUEsNEJBQUFBLFNBQVMsRUFBVEE7QUFBRiwyQkFwQkY7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsaUJBQW5COztBQUFBO0FBQUE7QUFBQTtBQUFBLGtCQUR3QixDQVA5Qjs7QUFBQTtBQU9VTSxjQUFBQSxXQVBWO0FBaUNJckIsY0FBQUEsU0FBUyxDQUFDcUIsV0FBRCxDQUFUOztBQWpDSjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxLQURLOztBQUFBO0FBQUE7QUFBQTtBQUFBLE9BcUNMLENBQ0VwQixxQkFERixFQUVFRCxTQUZGLEVBR0VNLFdBSEYsRUFJRUosMEJBSkYsRUFLRUMscUJBTEYsRUFNRUMsc0JBTkYsRUFPRUMsb0JBUEYsQ0FyQ0ssQ0FBUDtBQStDRCIsInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50IG5vLW1hZ2ljLW51bWJlcnM6IFtcImVycm9yXCIsIHsgXCJpZ25vcmVcIjogWzAsIDEwMjRdIH1dICovXG5cbmltcG9ydCB7IGhvb2tzIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgZG93bnNjYWxlSW1hZ2VUb0RhdGFVUkwgZnJvbSAnLi4vVXRpbHMvZG93bnNjYWxlSW1hZ2VUb0RhdGFVUkwvaW5kZXgnO1xuXG5jb25zdCB7IHVzZVNlbmRGaWxlczogdXNlQVBJU2VuZEZpbGVzLCB1c2VTdHlsZU9wdGlvbnMsIHVzZVRyYWNrVGltaW5nIH0gPSBob29rcztcblxuZnVuY3Rpb24gY2FuTWFrZVRodW1ibmFpbCh7IG5hbWUgfSkge1xuICByZXR1cm4gL1xcLihnaWZ8anBlP2d8cG5nKSQvaXUudGVzdChuYW1lKTtcbn1cblxuYXN5bmMgZnVuY3Rpb24gbWFrZVRodW1ibmFpbChmaWxlLCB3aWR0aCwgaGVpZ2h0LCBjb250ZW50VHlwZSwgcXVhbGl0eSkge1xuICB0cnkge1xuICAgIHJldHVybiBhd2FpdCBkb3duc2NhbGVJbWFnZVRvRGF0YVVSTChmaWxlLCB3aWR0aCwgaGVpZ2h0LCBjb250ZW50VHlwZSwgcXVhbGl0eSk7XG4gIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgY29uc29sZS53YXJuKGBXZWIgQ2hhdDogRmFpbGVkIHRvIGRvd25zY2FsZSBpbWFnZSBkdWUgdG8gJHtlcnJvcn0uYCk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlU2VuZEZpbGVzKCkge1xuICBjb25zdCBzZW5kRmlsZXMgPSB1c2VBUElTZW5kRmlsZXMoKTtcbiAgY29uc3QgW1xuICAgIHtcbiAgICAgIGVuYWJsZVVwbG9hZFRodW1ibmFpbCxcbiAgICAgIHVwbG9hZFRodW1ibmFpbENvbnRlbnRUeXBlLFxuICAgICAgdXBsb2FkVGh1bWJuYWlsSGVpZ2h0LFxuICAgICAgdXBsb2FkVGh1bWJuYWlsUXVhbGl0eSxcbiAgICAgIHVwbG9hZFRodW1ibmFpbFdpZHRoXG4gICAgfVxuICBdID0gdXNlU3R5bGVPcHRpb25zKCk7XG4gIGNvbnN0IHRyYWNrVGltaW5nID0gdXNlVHJhY2tUaW1pbmcoKTtcblxuICByZXR1cm4gdXNlQ2FsbGJhY2soXG4gICAgYXN5bmMgZmlsZXMgPT4ge1xuICAgICAgaWYgKGZpbGVzICYmIGZpbGVzLmxlbmd0aCkge1xuICAgICAgICBmaWxlcyA9IFtdLnNsaWNlLmNhbGwoZmlsZXMpO1xuXG4gICAgICAgIC8vIFRPRE86IFtQM10gV2UgbmVlZCB0byBmaW5kIHJldm9rZU9iamVjdFVSTCBvbiB0aGUgVUkgc2lkZVxuICAgICAgICAvLyAgICAgICBSZWR1eCBzdG9yZSBzaG91bGQgbm90IGtub3cgYWJvdXQgdGhlIGJyb3dzZXIgZW52aXJvbm1lbnRcbiAgICAgICAgLy8gICAgICAgT25lIGZpeCBpcyB0byB1c2UgQXJyYXlCdWZmZXIgaW5zdGVhZCBvZiBvYmplY3QgVVJMLCBidXQgdGhhdCB3b3VsZCByZXF1aXJlcyBjaGFuZ2UgdG8gRGlyZWN0TGluZUpTXG4gICAgICAgIGNvbnN0IGF0dGFjaG1lbnRzID0gYXdhaXQgUHJvbWlzZS5hbGwoXG4gICAgICAgICAgW10ubWFwLmNhbGwoZmlsZXMsIGFzeW5jIGZpbGUgPT4ge1xuICAgICAgICAgICAgbGV0IHRodW1ibmFpbDtcblxuICAgICAgICAgICAgaWYgKGRvd25zY2FsZUltYWdlVG9EYXRhVVJMICYmIGVuYWJsZVVwbG9hZFRodW1ibmFpbCAmJiBjYW5NYWtlVGh1bWJuYWlsKGZpbGUpKSB7XG4gICAgICAgICAgICAgIHRodW1ibmFpbCA9IGF3YWl0IHRyYWNrVGltaW5nKFxuICAgICAgICAgICAgICAgICdzZW5kRmlsZXM6bWFrZVRodW1ibmFpbCcsXG4gICAgICAgICAgICAgICAgbWFrZVRodW1ibmFpbChcbiAgICAgICAgICAgICAgICAgIGZpbGUsXG4gICAgICAgICAgICAgICAgICB1cGxvYWRUaHVtYm5haWxXaWR0aCxcbiAgICAgICAgICAgICAgICAgIHVwbG9hZFRodW1ibmFpbEhlaWdodCxcbiAgICAgICAgICAgICAgICAgIHVwbG9hZFRodW1ibmFpbENvbnRlbnRUeXBlLFxuICAgICAgICAgICAgICAgICAgdXBsb2FkVGh1bWJuYWlsUXVhbGl0eVxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgbmFtZTogZmlsZS5uYW1lLFxuICAgICAgICAgICAgICBzaXplOiBmaWxlLnNpemUsXG4gICAgICAgICAgICAgIHVybDogd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoZmlsZSksXG4gICAgICAgICAgICAgIC4uLih0aHVtYm5haWwgJiYgeyB0aHVtYm5haWwgfSlcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgfSlcbiAgICAgICAgKTtcblxuICAgICAgICBzZW5kRmlsZXMoYXR0YWNobWVudHMpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW1xuICAgICAgZW5hYmxlVXBsb2FkVGh1bWJuYWlsLFxuICAgICAgc2VuZEZpbGVzLFxuICAgICAgdHJhY2tUaW1pbmcsXG4gICAgICB1cGxvYWRUaHVtYm5haWxDb250ZW50VHlwZSxcbiAgICAgIHVwbG9hZFRodW1ibmFpbEhlaWdodCxcbiAgICAgIHVwbG9hZFRodW1ibmFpbFF1YWxpdHksXG4gICAgICB1cGxvYWRUaHVtYm5haWxXaWR0aFxuICAgIF1cbiAgKTtcbn1cbiJdfQ==