@projectcor/maia-components 2.44.5 → 2.45.1-0

package/lib/components/atoms/AttachmentCard/AttachmentCardAudio.spec.js

@@ -0,0 +1,211 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { act, fireEvent, renderWithProviders, screen, waitFor } from '../../../test/test-utils';
+import { AttachmentCardAudio } from './AttachmentCardAudio';
+import { jsx as _jsx } from "react/jsx-runtime";
+var MockAudio = /*#__PURE__*/function () {
+  function MockAudio() {
+    var _this = this;
+    _classCallCheck(this, MockAudio);
+    _defineProperty(this, "currentTime", 0);
+    _defineProperty(this, "duration", 125);
+    _defineProperty(this, "paused", true);
+    _defineProperty(this, "src", '');
+    _defineProperty(this, "listeners", {});
+    _defineProperty(this, "play", jest.fn(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _this.paused = false;
+            _this.dispatch('play');
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))));
+    _defineProperty(this, "pause", jest.fn(function () {
+      _this.paused = true;
+      _this.dispatch('pause');
+    }));
+  }
+  return _createClass(MockAudio, [{
+    key: "addEventListener",
+    value: function addEventListener(type, listener) {
+      this.listeners[type] = [].concat(_toConsumableArray(this.listeners[type] || []), [listener]);
+    }
+  }, {
+    key: "removeEventListener",
+    value: function removeEventListener(type, listener) {
+      this.listeners[type] = (this.listeners[type] || []).filter(function (item) {
+        return item !== listener;
+      });
+    }
+  }, {
+    key: "dispatch",
+    value: function dispatch(type) {
+      var _this$listeners$type;
+      (_this$listeners$type = this.listeners[type]) === null || _this$listeners$type === void 0 || _this$listeners$type.forEach(function (listener) {
+        return listener();
+      });
+    }
+  }]);
+}();
+var mockAudioInstances = [];
+var buildAttachment = function buildAttachment() {
+  var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread({
+    id: 'audio-1',
+    name: 'voice.mp3',
+    type: 'mp3',
+    size: 1024,
+    file: new File(['audio'], 'voice.mp3', {
+      type: 'audio/mpeg'
+    })
+  }, overrides);
+};
+describe('AttachmentCardAudio', function () {
+  beforeEach(function () {
+    mockAudioInstances.length = 0;
+    global.Audio = jest.fn(function () {
+      var instance = new MockAudio();
+      mockAudioInstances.push(instance);
+      return instance;
+    });
+    global.URL.createObjectURL = jest.fn(function () {
+      return 'blob:audio-test';
+    });
+    global.URL.revokeObjectURL = jest.fn();
+  });
+  var loadAudioMetadata = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 1;
+            return act(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+              var _mockAudioInstances$a;
+              return _regeneratorRuntime.wrap(function (_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    (_mockAudioInstances$a = mockAudioInstances.at(-1)) === null || _mockAudioInstances$a === void 0 || _mockAudioInstances$a.dispatch('loadedmetadata');
+                  case 1:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            })));
+          case 1:
+            _context3.next = 2;
+            return waitFor(function () {
+              expect(screen.getAllByText('2:05').length).toBeGreaterThan(0);
+            });
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function loadAudioMetadata() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  it('renders the file name and updates duration after metadata loads', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    return _regeneratorRuntime.wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          renderWithProviders(/*#__PURE__*/_jsx(AttachmentCardAudio, {
+            attachment: buildAttachment()
+          }));
+          expect(screen.getByText('voice.mp3')).toBeInTheDocument();
+          expect(screen.getAllByText('0:00').length).toBeGreaterThan(0);
+          _context4.next = 1;
+          return loadAudioMetadata();
+        case 1:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })));
+  it('plays and pauses audio from the control button', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _mockAudioInstances$a3;
+    return _regeneratorRuntime.wrap(function (_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          renderWithProviders(/*#__PURE__*/_jsx(AttachmentCardAudio, {
+            attachment: buildAttachment()
+          }));
+          _context5.next = 1;
+          return loadAudioMetadata();
+        case 1:
+          fireEvent.click(screen.getByRole('button'));
+          _context5.next = 2;
+          return waitFor(function () {
+            var _mockAudioInstances$a2;
+            expect((_mockAudioInstances$a2 = mockAudioInstances.at(-1)) === null || _mockAudioInstances$a2 === void 0 ? void 0 : _mockAudioInstances$a2.play).toHaveBeenCalled();
+          });
+        case 2:
+          fireEvent.click(screen.getByRole('button'));
+          expect((_mockAudioInstances$a3 = mockAudioInstances.at(-1)) === null || _mockAudioInstances$a3 === void 0 ? void 0 : _mockAudioInstances$a3.pause).toHaveBeenCalled();
+        case 3:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  })));
+  it('creates audio from url_original when no local file is available', function () {
+    renderWithProviders(/*#__PURE__*/_jsx(AttachmentCardAudio, {
+      attachment: buildAttachment({
+        file: undefined,
+        url_original: 'https://cdn.test/voice.mp3'
+      })
+    }));
+    expect(global.Audio).toHaveBeenCalledWith('https://cdn.test/voice.mp3');
+    expect(global.URL.createObjectURL).not.toHaveBeenCalled();
+  });
+  it('seeks when clicking the progress bar', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var _container$querySelec, _mockAudioInstances$a4;
+    var _renderWithProviders, container, progressBar;
+    return _regeneratorRuntime.wrap(function (_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _renderWithProviders = renderWithProviders(/*#__PURE__*/_jsx(AttachmentCardAudio, {
+            attachment: buildAttachment()
+          })), container = _renderWithProviders.container;
+          _context6.next = 1;
+          return loadAudioMetadata();
+        case 1:
+          progressBar = (_container$querySelec = container.querySelector('[style="width: 0%;"]')) === null || _container$querySelec === void 0 ? void 0 : _container$querySelec.parentElement;
+          progressBar.getBoundingClientRect = jest.fn(function () {
+            return {
+              x: 0,
+              y: 0,
+              width: 200,
+              height: 8,
+              top: 0,
+              left: 0,
+              bottom: 8,
+              right: 200,
+              toJSON: function toJSON() {
+                return {};
+              }
+            };
+          });
+          fireEvent.mouseDown(progressBar, {
+            clientX: 100
+          });
+          expect((_mockAudioInstances$a4 = mockAudioInstances.at(-1)) === null || _mockAudioInstances$a4 === void 0 ? void 0 : _mockAudioInstances$a4.currentTime).toBeGreaterThan(0);
+        case 2:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  })));
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJhY3QiLCJmaXJlRXZlbnQiLCJyZW5kZXJXaXRoUHJvdmlkZXJzIiwic2NyZWVuIiwid2FpdEZvciIsIkF0dGFjaG1lbnRDYXJkQXVkaW8iLCJqc3giLCJfanN4IiwiTW9ja0F1ZGlvIiwiX3RoaXMiLCJfY2xhc3NDYWxsQ2hlY2siLCJfZGVmaW5lUHJvcGVydHkiLCJqZXN0IiwiZm4iLCJfYXN5bmNUb0dlbmVyYXRvciIsIl9yZWdlbmVyYXRvclJ1bnRpbWUiLCJtYXJrIiwiX2NhbGxlZSIsIndyYXAiLCJfY29udGV4dCIsInByZXYiLCJuZXh0IiwicGF1c2VkIiwiZGlzcGF0Y2giLCJzdG9wIiwiX2NyZWF0ZUNsYXNzIiwia2V5IiwidmFsdWUiLCJhZGRFdmVudExpc3RlbmVyIiwidHlwZSIsImxpc3RlbmVyIiwibGlzdGVuZXJzIiwiY29uY2F0IiwiX3RvQ29uc3VtYWJsZUFycmF5IiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsImZpbHRlciIsIml0ZW0iLCJfdGhpcyRsaXN0ZW5lcnMkdHlwZSIsImZvckVhY2giLCJtb2NrQXVkaW9JbnN0YW5jZXMiLCJidWlsZEF0dGFjaG1lbnQiLCJvdmVycmlkZXMiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJfb2JqZWN0U3ByZWFkIiwiaWQiLCJuYW1lIiwic2l6ZSIsImZpbGUiLCJGaWxlIiwiZGVzY3JpYmUiLCJiZWZvcmVFYWNoIiwiZ2xvYmFsIiwiQXVkaW8iLCJpbnN0YW5jZSIsInB1c2giLCJVUkwiLCJjcmVhdGVPYmplY3RVUkwiLCJyZXZva2VPYmplY3RVUkwiLCJsb2FkQXVkaW9NZXRhZGF0YSIsIl9yZWYyIiwiX2NhbGxlZTMiLCJfY29udGV4dDMiLCJfY2FsbGVlMiIsIl9tb2NrQXVkaW9JbnN0YW5jZXMkYSIsIl9jb250ZXh0MiIsImF0IiwiZXhwZWN0IiwiZ2V0QWxsQnlUZXh0IiwidG9CZUdyZWF0ZXJUaGFuIiwiYXBwbHkiLCJpdCIsIl9jYWxsZWU0IiwiX2NvbnRleHQ0IiwiYXR0YWNobWVudCIsImdldEJ5VGV4dCIsInRvQmVJblRoZURvY3VtZW50IiwiX2NhbGxlZTUiLCJfbW9ja0F1ZGlvSW5zdGFuY2VzJGEzIiwiX2NvbnRleHQ1IiwiY2xpY2siLCJnZXRCeVJvbGUiLCJfbW9ja0F1ZGlvSW5zdGFuY2VzJGEyIiwicGxheSIsInRvSGF2ZUJlZW5DYWxsZWQiLCJwYXVzZSIsInVybF9vcmlnaW5hbCIsInRvSGF2ZUJlZW5DYWxsZWRXaXRoIiwibm90IiwiX2NhbGxlZTYiLCJfY29udGFpbmVyJHF1ZXJ5U2VsZWMiLCJfbW9ja0F1ZGlvSW5zdGFuY2VzJGE0IiwiX3JlbmRlcldpdGhQcm92aWRlcnMiLCJjb250YWluZXIiLCJwcm9ncmVzc0JhciIsIl9jb250ZXh0NiIsInF1ZXJ5U2VsZWN0b3IiLCJwYXJlbnRFbGVtZW50IiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0IiwieCIsInkiLCJ3aWR0aCIsImhlaWdodCIsInRvcCIsImxlZnQiLCJib3R0b20iLCJyaWdodCIsInRvSlNPTiIsIm1vdXNlRG93biIsImNsaWVudFgiLCJjdXJyZW50VGltZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F0b21zL0F0dGFjaG1lbnRDYXJkL0F0dGFjaG1lbnRDYXJkQXVkaW8uc3BlYy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYWN0LCBmaXJlRXZlbnQsIHJlbmRlcldpdGhQcm92aWRlcnMsIHNjcmVlbiwgd2FpdEZvciB9IGZyb20gJy4uLy4uLy4uL3Rlc3QvdGVzdC11dGlscydcbmltcG9ydCB0eXBlIHsgQXR0YWNobWVudEZpbGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvQ2hhdEZvb3Rlci9DaGF0Rm9vdGVyJ1xuaW1wb3J0IHsgQXR0YWNobWVudENhcmRBdWRpbyB9IGZyb20gJy4vQXR0YWNobWVudENhcmRBdWRpbydcblxudHlwZSBBdWRpb0xpc3RlbmVyID0gKCkgPT4gdm9pZFxuXG5jbGFzcyBNb2NrQXVkaW8ge1xuICBjdXJyZW50VGltZSA9IDBcblxuICBkdXJhdGlvbiA9IDEyNVxuXG4gIHBhdXNlZCA9IHRydWVcblxuICBzcmMgPSAnJ1xuXG4gIHByaXZhdGUgbGlzdGVuZXJzOiBSZWNvcmQ8c3RyaW5nLCBBdWRpb0xpc3RlbmVyW10+ID0ge31cblxuICBhZGRFdmVudExpc3RlbmVyKHR5cGU6IHN0cmluZywgbGlzdGVuZXI6IEF1ZGlvTGlzdGVuZXIpIHtcbiAgICB0aGlzLmxpc3RlbmVyc1t0eXBlXSA9IFsuLi4odGhpcy5saXN0ZW5lcnNbdHlwZV0gfHwgW10pLCBsaXN0ZW5lcl1cbiAgfVxuXG4gIHJlbW92ZUV2ZW50TGlzdGVuZXIodHlwZTogc3RyaW5nLCBsaXN0ZW5lcjogQXVkaW9MaXN0ZW5lcikge1xuICAgIHRoaXMubGlzdGVuZXJzW3R5cGVdID0gKHRoaXMubGlzdGVuZXJzW3R5cGVdIHx8IFtdKS5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBsaXN0ZW5lcilcbiAgfVxuXG4gIGRpc3BhdGNoKHR5cGU6IHN0cmluZykge1xuICAgIHRoaXMubGlzdGVuZXJzW3R5cGVdPy5mb3JFYWNoKGxpc3RlbmVyID0+IGxpc3RlbmVyKCkpXG4gIH1cblxuICBwbGF5ID0gamVzdC5mbihhc3luYyAoKSA9PiB7XG4gICAgdGhpcy5wYXVzZWQgPSBmYWxzZVxuICAgIHRoaXMuZGlzcGF0Y2goJ3BsYXknKVxuICB9KVxuXG4gIHBhdXNlID0gamVzdC5mbigoKSA9PiB7XG4gICAgdGhpcy5wYXVzZWQgPSB0cnVlXG4gICAgdGhpcy5kaXNwYXRjaCgncGF1c2UnKVxuICB9KVxufVxuXG5jb25zdCBtb2NrQXVkaW9JbnN0YW5jZXM6IE1vY2tBdWRpb1tdID0gW11cblxuY29uc3QgYnVpbGRBdHRhY2htZW50ID0gKG92ZXJyaWRlczogUGFydGlhbDxBdHRhY2htZW50RmlsZT4gPSB7fSk6IEF0dGFjaG1lbnRGaWxlID0+ICh7XG4gIGlkOiAnYXVkaW8tMScsXG4gIG5hbWU6ICd2b2ljZS5tcDMnLFxuICB0eXBlOiAnbXAzJyxcbiAgc2l6ZTogMTAyNCxcbiAgZmlsZTogbmV3IEZpbGUoWydhdWRpbyddLCAndm9pY2UubXAzJywgeyB0eXBlOiAnYXVkaW8vbXBlZycgfSksXG4gIC4uLm92ZXJyaWRlcyxcbn0pXG5cbmRlc2NyaWJlKCdBdHRhY2htZW50Q2FyZEF1ZGlvJywgKCkgPT4ge1xuICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICBtb2NrQXVkaW9JbnN0YW5jZXMubGVuZ3RoID0gMFxuICAgIGdsb2JhbC5BdWRpbyA9IGplc3QuZm4oKCkgPT4ge1xuICAgICAgY29uc3QgaW5zdGFuY2UgPSBuZXcgTW9ja0F1ZGlvKClcbiAgICAgIG1vY2tBdWRpb0luc3RhbmNlcy5wdXNoKGluc3RhbmNlKVxuICAgICAgcmV0dXJuIGluc3RhbmNlIGFzIHVua25vd24gYXMgSFRNTEF1ZGlvRWxlbWVudFxuICAgIH0pIGFzIHVua25vd24gYXMgdHlwZW9mIEF1ZGlvXG4gICAgZ2xvYmFsLlVSTC5jcmVhdGVPYmplY3RVUkwgPSBqZXN0LmZuKCgpID0+ICdibG9iOmF1ZGlvLXRlc3QnKVxuICAgIGdsb2JhbC5VUkwucmV2b2tlT2JqZWN0VVJMID0gamVzdC5mbigpXG4gIH0pXG5cbiAgY29uc3QgbG9hZEF1ZGlvTWV0YWRhdGEgPSBhc3luYyAoKSA9PiB7XG4gICAgYXdhaXQgYWN0KGFzeW5jICgpID0+IHtcbiAgICAgIG1vY2tBdWRpb0luc3RhbmNlcy5hdCgtMSk/LmRpc3BhdGNoKCdsb2FkZWRtZXRhZGF0YScpXG4gICAgfSlcbiAgICBhd2FpdCB3YWl0Rm9yKCgpID0+IHtcbiAgICAgIGV4cGVjdChzY3JlZW4uZ2V0QWxsQnlUZXh0KCcyOjA1JykubGVuZ3RoKS50b0JlR3JlYXRlclRoYW4oMClcbiAgICB9KVxuICB9XG5cbiAgaXQoJ3JlbmRlcnMgdGhlIGZpbGUgbmFtZSBhbmQgdXBkYXRlcyBkdXJhdGlvbiBhZnRlciBtZXRhZGF0YSBsb2FkcycsIGFzeW5jICgpID0+IHtcbiAgICByZW5kZXJXaXRoUHJvdmlkZXJzKDxBdHRhY2htZW50Q2FyZEF1ZGlvIGF0dGFjaG1lbnQ9e2J1aWxkQXR0YWNobWVudCgpfSAvPilcblxuICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlUZXh0KCd2b2ljZS5tcDMnKSkudG9CZUluVGhlRG9jdW1lbnQoKVxuICAgIGV4cGVjdChzY3JlZW4uZ2V0QWxsQnlUZXh0KCcwOjAwJykubGVuZ3RoKS50b0JlR3JlYXRlclRoYW4oMClcblxuICAgIGF3YWl0IGxvYWRBdWRpb01ldGFkYXRhKClcbiAgfSlcblxuICBpdCgncGxheXMgYW5kIHBhdXNlcyBhdWRpbyBmcm9tIHRoZSBjb250cm9sIGJ1dHRvbicsIGFzeW5jICgpID0+IHtcbiAgICByZW5kZXJXaXRoUHJvdmlkZXJzKDxBdHRhY2htZW50Q2FyZEF1ZGlvIGF0dGFjaG1lbnQ9e2J1aWxkQXR0YWNobWVudCgpfSAvPilcblxuICAgIGF3YWl0IGxvYWRBdWRpb01ldGFkYXRhKClcblxuICAgIGZpcmVFdmVudC5jbGljayhzY3JlZW4uZ2V0QnlSb2xlKCdidXR0b24nKSlcblxuICAgIGF3YWl0IHdhaXRGb3IoKCkgPT4ge1xuICAgICAgZXhwZWN0KG1vY2tBdWRpb0luc3RhbmNlcy5hdCgtMSk/LnBsYXkpLnRvSGF2ZUJlZW5DYWxsZWQoKVxuICAgIH0pXG5cbiAgICBmaXJlRXZlbnQuY2xpY2soc2NyZWVuLmdldEJ5Um9sZSgnYnV0dG9uJykpXG5cbiAgICBleHBlY3QobW9ja0F1ZGlvSW5zdGFuY2VzLmF0KC0xKT8ucGF1c2UpLnRvSGF2ZUJlZW5DYWxsZWQoKVxuICB9KVxuXG4gIGl0KCdjcmVhdGVzIGF1ZGlvIGZyb20gdXJsX29yaWdpbmFsIHdoZW4gbm8gbG9jYWwgZmlsZSBpcyBhdmFpbGFibGUnLCAoKSA9PiB7XG4gICAgcmVuZGVyV2l0aFByb3ZpZGVycyhcbiAgICAgIDxBdHRhY2htZW50Q2FyZEF1ZGlvXG4gICAgICAgIGF0dGFjaG1lbnQ9e2J1aWxkQXR0YWNobWVudCh7XG4gICAgICAgICAgZmlsZTogdW5kZWZpbmVkIGFzIHVua25vd24gYXMgRmlsZSxcbiAgICAgICAgICB1cmxfb3JpZ2luYWw6ICdodHRwczovL2Nkbi50ZXN0L3ZvaWNlLm1wMycsXG4gICAgICAgIH0pfVxuICAgICAgLz5cbiAgICApXG5cbiAgICBleHBlY3QoZ2xvYmFsLkF1ZGlvKS50b0hhdmVCZWVuQ2FsbGVkV2l0aCgnaHR0cHM6Ly9jZG4udGVzdC92b2ljZS5tcDMnKVxuICAgIGV4cGVjdChnbG9iYWwuVVJMLmNyZWF0ZU9iamVjdFVSTCkubm90LnRvSGF2ZUJlZW5DYWxsZWQoKVxuICB9KVxuXG4gIGl0KCdzZWVrcyB3aGVuIGNsaWNraW5nIHRoZSBwcm9ncmVzcyBiYXInLCBhc3luYyAoKSA9PiB7XG4gICAgY29uc3QgeyBjb250YWluZXIgfSA9IHJlbmRlcldpdGhQcm92aWRlcnMoPEF0dGFjaG1lbnRDYXJkQXVkaW8gYXR0YWNobWVudD17YnVpbGRBdHRhY2htZW50KCl9IC8+KVxuXG4gICAgYXdhaXQgbG9hZEF1ZGlvTWV0YWRhdGEoKVxuXG4gICAgY29uc3QgcHJvZ3Jlc3NCYXIgPSBjb250YWluZXIucXVlcnlTZWxlY3RvcignW3N0eWxlPVwid2lkdGg6IDAlO1wiXScpPy5wYXJlbnRFbGVtZW50IGFzIEhUTUxEaXZFbGVtZW50XG4gICAgcHJvZ3Jlc3NCYXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0ID0gamVzdC5mbigoKSA9PiAoe1xuICAgICAgeDogMCxcbiAgICAgIHk6IDAsXG4gICAgICB3aWR0aDogMjAwLFxuICAgICAgaGVpZ2h0OiA4LFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIGJvdHRvbTogOCxcbiAgICAgIHJpZ2h0OiAyMDAsXG4gICAgICB0b0pTT046ICgpID0+ICh7fSksXG4gICAgfSkpXG5cbiAgICBmaXJlRXZlbnQubW91c2VEb3duKHByb2dyZXNzQmFyLCB7IGNsaWVudFg6IDEwMCB9KVxuXG4gICAgZXhwZWN0KG1vY2tBdWRpb0luc3RhbmNlcy5hdCgtMSk/LmN1cnJlbnRUaW1lKS50b0JlR3JlYXRlclRoYW4oMClcbiAg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

package/lib/components/atoms/AttachmentCard/AttachmentCardImage.spec.js

@@ -0,0 +1,78 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+import { fireEvent, renderWithProviders, screen } from '../../../test/test-utils';
+import { AttachmentCardImage } from './AttachmentCardImage';
+import { jsx as _jsx } from "react/jsx-runtime";
+jest.mock('../ImagePreview/ImagePreview', function () {
+  return {
+    ImagePreview: function ImagePreview(_ref) {
+      var src = _ref.src,
+        alt = _ref.alt;
+      return /*#__PURE__*/_jsx("img", {
+        src: src,
+        alt: alt
+      });
+    }
+  };
+});
+var baseFile = new File(['x'], 'photo.png', {
+  type: 'image/png'
+});
+var baseAttachment = {
+  id: 'att-1',
+  file: baseFile,
+  name: 'photo',
+  type: 'png',
+  size: 100
+};
+describe('AttachmentCardImage', function () {
+  var createObjectURL = jest.fn(function () {
+    return 'blob:preview';
+  });
+  var revokeObjectURL = jest.fn();
+  beforeEach(function () {
+    createObjectURL.mockClear();
+    revokeObjectURL.mockClear();
+    Object.assign(URL, {
+      createObjectURL: createObjectURL,
+      revokeObjectURL: revokeObjectURL
+    });
+  });
+  it('prefers url_file over other sources', function () {
+    renderWithProviders(/*#__PURE__*/_jsx(AttachmentCardImage, {
+      attachment: _objectSpread(_objectSpread({}, baseAttachment), {}, {
+        url_file: 'https://cdn.example/photo.png'
+      })
+    }));
+    expect(screen.getByRole('img', {
+      name: 'photo'
+    })).toHaveAttribute('src', 'https://cdn.example/photo.png');
+    expect(screen.getByText('photo')).toBeInTheDocument();
+  });
+  it('creates a blob url from the original file and handles click', function () {
+    var onClick = jest.fn();
+    var file = new File(['bytes'], 'shot.png', {
+      type: 'image/png'
+    });
+    renderWithProviders(/*#__PURE__*/_jsx(AttachmentCardImage, {
+      attachment: _objectSpread(_objectSpread({}, baseAttachment), {}, {
+        originalFile: file
+      }),
+      onClick: onClick
+    }));
+    expect(createObjectURL).toHaveBeenCalledWith(file);
+    expect(screen.getByRole('img')).toHaveAttribute('src', 'blob:preview');
+    fireEvent.click(screen.getByText('photo'));
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+  it('shows thumbnail filename when url_thumbnail is present', function () {
+    renderWithProviders(/*#__PURE__*/_jsx(AttachmentCardImage, {
+      attachment: _objectSpread(_objectSpread({}, baseAttachment), {}, {
+        url_thumbnail: 'https://cdn.example/thumb.png'
+      })
+    }));
+    expect(screen.getByText('photo.png')).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaXJlRXZlbnQiLCJyZW5kZXJXaXRoUHJvdmlkZXJzIiwic2NyZWVuIiwiQXR0YWNobWVudENhcmRJbWFnZSIsImpzeCIsIl9qc3giLCJqZXN0IiwibW9jayIsIkltYWdlUHJldmlldyIsIl9yZWYiLCJzcmMiLCJhbHQiLCJiYXNlRmlsZSIsIkZpbGUiLCJ0eXBlIiwiYmFzZUF0dGFjaG1lbnQiLCJpZCIsImZpbGUiLCJuYW1lIiwic2l6ZSIsImRlc2NyaWJlIiwiY3JlYXRlT2JqZWN0VVJMIiwiZm4iLCJyZXZva2VPYmplY3RVUkwiLCJiZWZvcmVFYWNoIiwibW9ja0NsZWFyIiwiT2JqZWN0IiwiYXNzaWduIiwiVVJMIiwiaXQiLCJhdHRhY2htZW50IiwiX29iamVjdFNwcmVhZCIsInVybF9maWxlIiwiZXhwZWN0IiwiZ2V0QnlSb2xlIiwidG9IYXZlQXR0cmlidXRlIiwiZ2V0QnlUZXh0IiwidG9CZUluVGhlRG9jdW1lbnQiLCJvbkNsaWNrIiwib3JpZ2luYWxGaWxlIiwidG9IYXZlQmVlbkNhbGxlZFdpdGgiLCJjbGljayIsInRvSGF2ZUJlZW5DYWxsZWRUaW1lcyIsInVybF90aHVtYm5haWwiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hdG9tcy9BdHRhY2htZW50Q2FyZC9BdHRhY2htZW50Q2FyZEltYWdlLnNwZWMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZpcmVFdmVudCwgcmVuZGVyV2l0aFByb3ZpZGVycywgc2NyZWVuIH0gZnJvbSAnLi4vLi4vLi4vdGVzdC90ZXN0LXV0aWxzJ1xuaW1wb3J0IHR5cGUgeyBBdHRhY2htZW50RmlsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9DaGF0Rm9vdGVyL0NoYXRGb290ZXInXG5pbXBvcnQgeyBBdHRhY2htZW50Q2FyZEltYWdlIH0gZnJvbSAnLi9BdHRhY2htZW50Q2FyZEltYWdlJ1xuXG5qZXN0Lm1vY2soJy4uL0ltYWdlUHJldmlldy9JbWFnZVByZXZpZXcnLCAoKSA9PiAoe1xuICBJbWFnZVByZXZpZXc6ICh7IHNyYywgYWx0IH06IHsgc3JjOiBzdHJpbmc7IGFsdDogc3RyaW5nIH0pID0+IDxpbWcgc3JjPXtzcmN9IGFsdD17YWx0fSAvPixcbn0pKVxuXG5jb25zdCBiYXNlRmlsZSA9IG5ldyBGaWxlKFsneCddLCAncGhvdG8ucG5nJywgeyB0eXBlOiAnaW1hZ2UvcG5nJyB9KVxuXG5jb25zdCBiYXNlQXR0YWNobWVudDogQXR0YWNobWVudEZpbGUgPSB7XG4gIGlkOiAnYXR0LTEnLFxuICBmaWxlOiBiYXNlRmlsZSxcbiAgbmFtZTogJ3Bob3RvJyxcbiAgdHlwZTogJ3BuZycsXG4gIHNpemU6IDEwMCxcbn1cblxuZGVzY3JpYmUoJ0F0dGFjaG1lbnRDYXJkSW1hZ2UnLCAoKSA9PiB7XG4gIGNvbnN0IGNyZWF0ZU9iamVjdFVSTCA9IGplc3QuZm4oKCkgPT4gJ2Jsb2I6cHJldmlldycpXG4gIGNvbnN0IHJldm9rZU9iamVjdFVSTCA9IGplc3QuZm4oKVxuXG4gIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgIGNyZWF0ZU9iamVjdFVSTC5tb2NrQ2xlYXIoKVxuICAgIHJldm9rZU9iamVjdFVSTC5tb2NrQ2xlYXIoKVxuICAgIE9iamVjdC5hc3NpZ24oVVJMLCB7IGNyZWF0ZU9iamVjdFVSTCwgcmV2b2tlT2JqZWN0VVJMIH0pXG4gIH0pXG5cbiAgaXQoJ3ByZWZlcnMgdXJsX2ZpbGUgb3ZlciBvdGhlciBzb3VyY2VzJywgKCkgPT4ge1xuICAgIHJlbmRlcldpdGhQcm92aWRlcnMoXG4gICAgICA8QXR0YWNobWVudENhcmRJbWFnZVxuICAgICAgICBhdHRhY2htZW50PXt7XG4gICAgICAgICAgLi4uYmFzZUF0dGFjaG1lbnQsXG4gICAgICAgICAgdXJsX2ZpbGU6ICdodHRwczovL2Nkbi5leGFtcGxlL3Bob3RvLnBuZycsXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIClcblxuICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlSb2xlKCdpbWcnLCB7IG5hbWU6ICdwaG90bycgfSkpLnRvSGF2ZUF0dHJpYnV0ZSgnc3JjJywgJ2h0dHBzOi8vY2RuLmV4YW1wbGUvcGhvdG8ucG5nJylcbiAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgncGhvdG8nKSkudG9CZUluVGhlRG9jdW1lbnQoKVxuICB9KVxuXG4gIGl0KCdjcmVhdGVzIGEgYmxvYiB1cmwgZnJvbSB0aGUgb3JpZ2luYWwgZmlsZSBhbmQgaGFuZGxlcyBjbGljaycsICgpID0+IHtcbiAgICBjb25zdCBvbkNsaWNrID0gamVzdC5mbigpXG4gICAgY29uc3QgZmlsZSA9IG5ldyBGaWxlKFsnYnl0ZXMnXSwgJ3Nob3QucG5nJywgeyB0eXBlOiAnaW1hZ2UvcG5nJyB9KVxuXG4gICAgcmVuZGVyV2l0aFByb3ZpZGVycyhcbiAgICAgIDxBdHRhY2htZW50Q2FyZEltYWdlIGF0dGFjaG1lbnQ9e3sgLi4uYmFzZUF0dGFjaG1lbnQsIG9yaWdpbmFsRmlsZTogZmlsZSB9fSBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuICAgIClcblxuICAgIGV4cGVjdChjcmVhdGVPYmplY3RVUkwpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKGZpbGUpXG4gICAgZXhwZWN0KHNjcmVlbi5nZXRCeVJvbGUoJ2ltZycpKS50b0hhdmVBdHRyaWJ1dGUoJ3NyYycsICdibG9iOnByZXZpZXcnKVxuXG4gICAgZmlyZUV2ZW50LmNsaWNrKHNjcmVlbi5nZXRCeVRleHQoJ3Bob3RvJykpXG4gICAgZXhwZWN0KG9uQ2xpY2spLnRvSGF2ZUJlZW5DYWxsZWRUaW1lcygxKVxuICB9KVxuXG4gIGl0KCdzaG93cyB0aHVtYm5haWwgZmlsZW5hbWUgd2hlbiB1cmxfdGh1bWJuYWlsIGlzIHByZXNlbnQnLCAoKSA9PiB7XG4gICAgcmVuZGVyV2l0aFByb3ZpZGVycyhcbiAgICAgIDxBdHRhY2htZW50Q2FyZEltYWdlXG4gICAgICAgIGF0dGFjaG1lbnQ9e3tcbiAgICAgICAgICAuLi5iYXNlQXR0YWNobWVudCxcbiAgICAgICAgICB1cmxfdGh1bWJuYWlsOiAnaHR0cHM6Ly9jZG4uZXhhbXBsZS90aHVtYi5wbmcnLFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApXG5cbiAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgncGhvdG8ucG5nJykpLnRvQmVJblRoZURvY3VtZW50KClcbiAgfSlcbn0pXG4iXSwibWFwcGluZ3MiOiI7OztBQUFBLFNBQVNBLFNBQVMsRUFBRUMsbUJBQW1CLEVBQUVDLE1BQU0sUUFBUSwwQkFBMEI7QUFFakYsU0FBU0MsbUJBQW1CLFFBQVEsdUJBQXVCO0FBQUEsU0FBQUMsR0FBQSxJQUFBQyxJQUFBO0FBRTNEQyxJQUFJLENBQUNDLElBQUksQ0FBQyw4QkFBOEIsRUFBRTtFQUFBLE9BQU87SUFDL0NDLFlBQVksRUFBRSxTQUFkQSxZQUFZQSxDQUFBQyxJQUFBO01BQUEsSUFBS0MsR0FBRyxHQUFBRCxJQUFBLENBQUhDLEdBQUc7UUFBRUMsR0FBRyxHQUFBRixJQUFBLENBQUhFLEdBQUc7TUFBQSxvQkFBcUNOLElBQUE7UUFBS0ssR0FBRyxFQUFFQSxHQUFJO1FBQUNDLEdBQUcsRUFBRUE7TUFBSSxDQUFFLENBQUM7SUFBQTtFQUMzRixDQUFDO0FBQUEsQ0FBQyxDQUFDO0FBRUgsSUFBTUMsUUFBUSxHQUFHLElBQUlDLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLFdBQVcsRUFBRTtFQUFFQyxJQUFJLEVBQUU7QUFBWSxDQUFDLENBQUM7QUFFcEUsSUFBTUMsY0FBOEIsR0FBRztFQUNyQ0MsRUFBRSxFQUFFLE9BQU87RUFDWEMsSUFBSSxFQUFFTCxRQUFRO0VBQ2RNLElBQUksRUFBRSxPQUFPO0VBQ2JKLElBQUksRUFBRSxLQUFLO0VBQ1hLLElBQUksRUFBRTtBQUNSLENBQUM7QUFFREMsUUFBUSxDQUFDLHFCQUFxQixFQUFFLFlBQU07RUFDcEMsSUFBTUMsZUFBZSxHQUFHZixJQUFJLENBQUNnQixFQUFFLENBQUM7SUFBQSxPQUFNLGNBQWM7RUFBQSxFQUFDO0VBQ3JELElBQU1DLGVBQWUsR0FBR2pCLElBQUksQ0FBQ2dC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

package/lib/components/atoms/AttachmentPreviewModal/AttachmentPreviewModal.helpers.js

@@ -0,0 +1,55 @@
+var VALID_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.pdf', '.md', '.txt', '.csv', '.xlsx', '.xls', '.doc', '.docx', '.ppt', '.pptx'];
+var MIME_TO_EXT = {
+  'text/plain': '.txt',
+  'text/csv': '.csv',
+  'text/markdown': '.md',
+  'text/x-markdown': '.md',
+  'application/pdf': '.pdf',
+  'image/png': '.png',
+  'image/jpeg': '.jpeg',
+  'image/jpg': '.jpg',
+  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': '.docx',
+  'application/msword': '.doc',
+  'application/vnd.ms-powerpoint': '.ppt',
+  'application/vnd.openxmlformats-officedocument.presentationml.presentation': '.pptx',
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': '.xlsx',
+  'application/vnd.ms-excel': '.xls'
+};
+export var getAttachmentPreviewFileDetails = function getAttachmentPreviewFileDetails(fileName, mimeType) {
+  var fileExtension = '';
+  var lastDotIndex = fileName.lastIndexOf('.');
+  if (lastDotIndex !== -1) {
+    var extractedExt = fileName.substring(lastDotIndex).toLowerCase();
+    if (VALID_EXTENSIONS.includes(extractedExt)) {
+      fileExtension = extractedExt;
+    }
+  }
+  if (!fileExtension && mimeType) {
+    if (mimeType.includes('/')) {
+      fileExtension = MIME_TO_EXT[mimeType] || '';
+    } else {
+      var extWithDot = ".".concat(mimeType.toLowerCase());
+      if (VALID_EXTENSIONS.includes(extWithDot)) {
+        fileExtension = extWithDot;
+      }
+    }
+  }
+  if (!fileExtension && mimeType) {
+    if (mimeType.includes('/')) {
+      fileExtension = MIME_TO_EXT[mimeType] || '';
+    } else {
+      fileExtension = ".".concat(mimeType.toLowerCase());
+    }
+  }
+  return {
+    fileExtension: fileExtension,
+    isImage: ['.png', '.jpg', '.jpeg'].includes(fileExtension),
+    isPdf: fileExtension === '.pdf',
+    isMarkdown: fileExtension === '.md',
+    isText: ['.txt', '.csv'].includes(fileExtension),
+    isExcel: ['.xlsx', '.xls'].includes(fileExtension),
+    isOfficeDoc: ['.doc', '.docx'].includes(fileExtension),
+    isPpt: ['.ppt', '.pptx'].includes(fileExtension)
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJWQUxJRF9FWFRFTlNJT05TIiwiTUlNRV9UT19FWFQiLCJnZXRBdHRhY2htZW50UHJldmlld0ZpbGVEZXRhaWxzIiwiZmlsZU5hbWUiLCJtaW1lVHlwZSIsImZpbGVFeHRlbnNpb24iLCJsYXN0RG90SW5kZXgiLCJsYXN0SW5kZXhPZiIsImV4dHJhY3RlZEV4dCIsInN1YnN0cmluZyIsInRvTG93ZXJDYXNlIiwiaW5jbHVkZXMiLCJleHRXaXRoRG90IiwiY29uY2F0IiwiaXNJbWFnZSIsImlzUGRmIiwiaXNNYXJrZG93biIsImlzVGV4dCIsImlzRXhjZWwiLCJpc09mZmljZURvYyIsImlzUHB0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXRvbXMvQXR0YWNobWVudFByZXZpZXdNb2RhbC9BdHRhY2htZW50UHJldmlld01vZGFsLmhlbHBlcnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgVkFMSURfRVhURU5TSU9OUyA9IFtcbiAgJy5wbmcnLFxuICAnLmpwZycsXG4gICcuanBlZycsXG4gICcucGRmJyxcbiAgJy5tZCcsXG4gICcudHh0JyxcbiAgJy5jc3YnLFxuICAnLnhsc3gnLFxuICAnLnhscycsXG4gICcuZG9jJyxcbiAgJy5kb2N4JyxcbiAgJy5wcHQnLFxuICAnLnBwdHgnLFxuXSBhcyBjb25zdFxuXG5jb25zdCBNSU1FX1RPX0VYVDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgJ3RleHQvcGxhaW4nOiAnLnR4dCcsXG4gICd0ZXh0L2Nzdic6ICcuY3N2JyxcbiAgJ3RleHQvbWFya2Rvd24nOiAnLm1kJyxcbiAgJ3RleHQveC1tYXJrZG93bic6ICcubWQnLFxuICAnYXBwbGljYXRpb24vcGRmJzogJy5wZGYnLFxuICAnaW1hZ2UvcG5nJzogJy5wbmcnLFxuICAnaW1hZ2UvanBlZyc6ICcuanBlZycsXG4gICdpbWFnZS9qcGcnOiAnLmpwZycsXG4gICdhcHBsaWNhdGlvbi92bmQub3BlbnhtbGZvcm1hdHMtb2ZmaWNlZG9jdW1lbnQud29yZHByb2Nlc3NpbmdtbC5kb2N1bWVudCc6ICcuZG9jeCcsXG4gICdhcHBsaWNhdGlvbi9tc3dvcmQnOiAnLmRvYycsXG4gICdhcHBsaWNhdGlvbi92bmQubXMtcG93ZXJwb2ludCc6ICcucHB0JyxcbiAgJ2FwcGxpY2F0aW9uL3ZuZC5vcGVueG1sZm9ybWF0cy1vZmZpY2Vkb2N1bWVudC5wcmVzZW50YXRpb25tbC5wcmVzZW50YXRpb24nOiAnLnBwdHgnLFxuICAnYXBwbGljYXRpb24vdm5kLm9wZW54bWxmb3JtYXRzLW9mZmljZWRvY3VtZW50LnNwcmVhZHNoZWV0bWwuc2hlZXQnOiAnLnhsc3gnLFxuICAnYXBwbGljYXRpb24vdm5kLm1zLWV4Y2VsJzogJy54bHMnLFxufVxuXG5leHBvcnQgdHlwZSBBdHRhY2htZW50UHJldmlld0ZpbGVEZXRhaWxzID0ge1xuICBmaWxlRXh0ZW5zaW9uOiBzdHJpbmdcbiAgaXNJbWFnZTogYm9vbGVhblxuICBpc1BkZjogYm9vbGVhblxuICBpc01hcmtkb3duOiBib29sZWFuXG4gIGlzVGV4dDogYm9vbGVhblxuICBpc0V4Y2VsOiBib29sZWFuXG4gIGlzT2ZmaWNlRG9jOiBib29sZWFuXG4gIGlzUHB0OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBnZXRBdHRhY2htZW50UHJldmlld0ZpbGVEZXRhaWxzID0gKGZpbGVOYW1lOiBzdHJpbmcsIG1pbWVUeXBlPzogc3RyaW5nKTogQXR0YWNobWVudFByZXZpZXdGaWxlRGV0YWlscyA9PiB7XG4gIGxldCBmaWxlRXh0ZW5zaW9uID0gJydcblxuICBjb25zdCBsYXN0RG90SW5kZXggPSBmaWxlTmFtZS5sYXN0SW5kZXhPZignLicpXG4gIGlmIChsYXN0RG90SW5kZXggIT09IC0xKSB7XG4gICAgY29uc3QgZXh0cmFjdGVkRXh0ID0gZmlsZU5hbWUuc3Vic3RyaW5nKGxhc3REb3RJbmRleCkudG9Mb3dlckNhc2UoKVxuICAgIGlmIChWQUxJRF9FWFRFTlNJT05TLmluY2x1ZGVzKGV4dHJhY3RlZEV4dCBhcyAodHlwZW9mIFZBTElEX0VYVEVOU0lPTlMpW251bWJlcl0pKSB7XG4gICAgICBmaWxlRXh0ZW5zaW9uID0gZXh0cmFjdGVkRXh0XG4gICAgfVxuICB9XG5cbiAgaWYgKCFmaWxlRXh0ZW5zaW9uICYmIG1pbWVUeXBlKSB7XG4gICAgaWYgKG1pbWVUeXBlLmluY2x1ZGVzKCcvJykpIHtcbiAgICAgIGZpbGVFeHRlbnNpb24gPSBNSU1FX1RPX0VYVFttaW1lVHlwZV0gfHwgJydcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgZXh0V2l0aERvdCA9IGAuJHttaW1lVHlwZS50b0xvd2VyQ2FzZSgpfWBcbiAgICAgIGlmIChWQUxJRF9FWFRFTlNJT05TLmluY2x1ZGVzKGV4dFdpdGhEb3QgYXMgKHR5cGVvZiBWQUxJRF9FWFRFTlNJT05TKVtudW1iZXJdKSkge1xuICAgICAgICBmaWxlRXh0ZW5zaW9uID0gZXh0V2l0aERvdFxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGlmICghZmlsZUV4dGVuc2lvbiAmJiBtaW1lVHlwZSkge1xuICAgIGlmIChtaW1lVHlwZS5pbmNsdWRlcygnLycpKSB7XG4gICAgICBmaWxlRXh0ZW5zaW9uID0gTUlNRV9UT19FWFRbbWltZVR5cGVdIHx8ICcnXG4gICAgfSBlbHNlIHtcbiAgICAgIGZpbGVFeHRlbnNpb24gPSBgLiR7bWltZVR5cGUudG9Mb3dlckNhc2UoKX1gXG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBmaWxlRXh0ZW5zaW9uLFxuICAgIGlzSW1hZ2U6IFsnLnBuZycsICcuanBnJywgJy5qcGVnJ10uaW5jbHVkZXMoZmlsZUV4dGVuc2lvbiksXG4gICAgaXNQZGY6IGZpbGVFeHRlbnNpb24gPT09ICcucGRmJyxcbiAgICBpc01hcmtkb3duOiBmaWxlRXh0ZW5zaW9uID09PSAnLm1kJyxcbiAgICBpc1RleHQ6IFsnLnR4dCcsICcuY3N2J10uaW5jbHVkZXMoZmlsZUV4dGVuc2lvbiksXG4gICAgaXNFeGNlbDogWycueGxzeCcsICcueGxzJ10uaW5jbHVkZXMoZmlsZUV4dGVuc2lvbiksXG4gICAgaXNPZmZpY2VEb2M6IFsnLmRvYycsICcuZG9jeCddLmluY2x1ZGVzKGZpbGVFeHRlbnNpb24pLFxuICAgIGlzUHB0OiBbJy5wcHQnLCAnLnBwdHgnXS5pbmNsdWRlcyhmaWxlRXh0ZW5zaW9uKSxcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxJQUFNQSxnQkFBZ0IsR0FBRyxDQUN2QixNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04sT0FBTyxFQUNQLE1BQU0sRUFDTixNQUFNLEVBQ04sT0FBTyxFQUNQLE1BQU0sRUFDTixPQUFPLENBQ0M7QUFFVixJQUFNQyxXQUFtQyxHQUFHO0VBQzFDLFlBQVksRUFBRSxNQUFNO0VBQ3BCLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLGVBQWUsRUFBRSxLQUFLO0VBQ3RCLGlCQUFpQixFQUFFLEtBQUs7RUFDeEIsaUJBQWlCLEVBQUUsTUFBTTtFQUN6QixXQUFXLEVBQUUsTUFBTTtFQUNuQixZQUFZLEVBQUUsT0FBTztFQUNyQixXQUFXLEVBQUUsTUFBTTtFQUNuQix5RUFBeUUsRUFBRSxPQUFPO0VBQ2xGLG9CQUFvQixFQUFFLE1BQU07RUFDNUIsK0JBQStCLEVBQUUsTUFBTTtFQUN2QywyRUFBMkUsRUFBRSxPQUFPO0VBQ3BGLG1FQUFtRSxFQUFFLE9BQU87RUFDNUUsMEJBQTBCLEVBQUU7QUFDOUIsQ0FBQztBQWFELE9BQU8sSUFBTUMsK0JBQStCLEdBQUcsU0FBbENBLCtCQUErQkEsQ0FBSUMsUUFBZ0IsRUFBRUMsUUFBaUIsRUFBbUM7RUFDcEgsSUFBSUMsYUFBYSxHQUFHLEVBQUU7RUFFdEIsSUFBTUMsWUFBWSxHQUFHSCxRQUFRLENBQUNJLFdBQVcsQ0FBQyxHQUFHLENBQUM7RUFDOUMsSUFBSUQsWUFBWSxLQUFLLENBQUMsQ0FBQyxFQUFFO0lBQ3ZCLElBQU1FLFlBQVksR0FBR0wsUUFBUSxDQUFDTSxTQUFTLENBQUNILFlBQVksQ0FBQyxDQUFDSSxXQUFXLENBQUMsQ0FBQztJQUNuRSxJQUFJVixnQkFBZ0IsQ0FBQ1csUUFBUSxDQUFDSCxZQUFpRCxDQUFDLEVBQUU7TUFDaEZILGFBQWEsR0FBR0csWUFBWTtJQUM5QjtFQUNGO0VBRUEsSUFBSSxDQUFDSCxhQUFhLElBQUlELFFBQVEsRUFBRTtJQUM5QixJQUFJQSxRQUFRLENBQUNPLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRTtNQUMxQk4sYUFBYSxHQUFHSixXQUFXLENBQUNHLFFBQVEsQ0FBQyxJQUFJLEVBQUU7SUFDN0MsQ0FBQyxNQUFNO01BQ0wsSUFBTVEsVUFBVSxPQUFBQyxNQUFBLENBQU9ULFFBQVEsQ0FBQ00sV0FBVyxDQUFDLENBQUMsQ0FBRTtNQUMvQyxJQUFJVixnQkFBZ0IsQ0FBQ1csUUFBUSxDQUFDQyxVQUErQyxDQUFDLEVBQUU7UUFDOUVQLGFBQWEsR0FBR08sVUFBVTtNQUM1QjtJQUNGO0VBQ0Y7RUFFQSxJQUFJLENBQUNQLGFBQWEsSUFBSUQsUUFBUSxFQUFFO0lBQzlCLElBQUlBLFFBQVEsQ0FBQ08sUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFO01BQzFCTixhQUFhLEdBQUdKLFdBQVcsQ0FBQ0csUUFBUSxDQUFDLElBQUksRUFBRTtJQUM3QyxDQUFDLE1BQU07TUFDTEMsYUFBYSxPQUFBUSxNQUFBLENBQU9ULFFBQVEsQ0FBQ00sV0FBVyxDQUFDLENBQUMsQ0FBRTtJQUM5QztFQUNGO0VBRUEsT0FBTztJQUNMTCxhQUFhLEVBQWJBLGFBQWE7SUFDYlMsT0FBTyxFQUFFLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQ0gsUUFBUSxDQUFDTixhQUFhLENBQUM7SUFDMURVLEtBQUssRUFBRVYsYUFBYSxLQUFLLE1BQU07SUFDL0JXLFVBQVUsRUFBRVgsYUFBYSxLQUFLLEtBQUs7SUFDbkNZLE1BQU0sRUFBRSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQ04sUUFBUSxDQUFDTixhQUFhLENBQUM7SUFDaERhLE9BQU8sRUFBRSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQ1AsUUFBUSxDQUFDTixhQUFhLENBQUM7SUFDbERjLFdBQVcsRUFBRSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQ1IsUUFBUSxDQUFDTixhQUFhLENBQUM7SUFDdERlLEtBQUssRUFBRSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQ1QsUUFBUSxDQUFDTixhQUFhO0VBQ2pELENBQUM7QUFDSCxDQUFDIiwiaWdub3JlTGlzdCI6W119

package/lib/components/atoms/AttachmentPreviewModal/AttachmentPreviewModal.helpers.spec.js

@@ -0,0 +1,41 @@
+import { getAttachmentPreviewFileDetails } from './AttachmentPreviewModal.helpers';
+describe('AttachmentPreviewModal.helpers', function () {
+  describe('getAttachmentPreviewFileDetails', function () {
+    it('detects file types from the file name extension', function () {
+      expect(getAttachmentPreviewFileDetails('brief.pdf')).toMatchObject({
+        fileExtension: '.pdf',
+        isPdf: true,
+        isImage: false
+      });
+      expect(getAttachmentPreviewFileDetails('photo.png')).toMatchObject({
+        isImage: true,
+        isPdf: false
+      });
+      expect(getAttachmentPreviewFileDetails('deck.pptx')).toMatchObject({
+        isPpt: true,
+        isOfficeDoc: false
+      });
+      expect(getAttachmentPreviewFileDetails('notes.docx')).toMatchObject({
+        isOfficeDoc: true,
+        isPpt: false
+      });
+    });
+    it('falls back to mime type when the extension is missing', function () {
+      expect(getAttachmentPreviewFileDetails('report', 'application/pdf')).toMatchObject({
+        fileExtension: '.pdf',
+        isPdf: true
+      });
+      expect(getAttachmentPreviewFileDetails('data', 'csv')).toMatchObject({
+        fileExtension: '.csv',
+        isText: true
+      });
+    });
+    it('prefers the file name extension over a generic mime type', function () {
+      expect(getAttachmentPreviewFileDetails('slides.pptx', 'application/vnd.ms-powerpoint')).toMatchObject({
+        fileExtension: '.pptx',
+        isPpt: true
+      });
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJnZXRBdHRhY2htZW50UHJldmlld0ZpbGVEZXRhaWxzIiwiZGVzY3JpYmUiLCJpdCIsImV4cGVjdCIsInRvTWF0Y2hPYmplY3QiLCJmaWxlRXh0ZW5zaW9uIiwiaXNQZGYiLCJpc0ltYWdlIiwiaXNQcHQiLCJpc09mZmljZURvYyIsImlzVGV4dCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F0b21zL0F0dGFjaG1lbnRQcmV2aWV3TW9kYWwvQXR0YWNobWVudFByZXZpZXdNb2RhbC5oZWxwZXJzLnNwZWMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0QXR0YWNobWVudFByZXZpZXdGaWxlRGV0YWlscyB9IGZyb20gJy4vQXR0YWNobWVudFByZXZpZXdNb2RhbC5oZWxwZXJzJ1xuXG5kZXNjcmliZSgnQXR0YWNobWVudFByZXZpZXdNb2RhbC5oZWxwZXJzJywgKCkgPT4ge1xuICBkZXNjcmliZSgnZ2V0QXR0YWNobWVudFByZXZpZXdGaWxlRGV0YWlscycsICgpID0+IHtcbiAgICBpdCgnZGV0ZWN0cyBmaWxlIHR5cGVzIGZyb20gdGhlIGZpbGUgbmFtZSBleHRlbnNpb24nLCAoKSA9PiB7XG4gICAgICBleHBlY3QoZ2V0QXR0YWNobWVudFByZXZpZXdGaWxlRGV0YWlscygnYnJpZWYucGRmJykpLnRvTWF0Y2hPYmplY3Qoe1xuICAgICAgICBmaWxlRXh0ZW5zaW9uOiAnLnBkZicsXG4gICAgICAgIGlzUGRmOiB0cnVlLFxuICAgICAgICBpc0ltYWdlOiBmYWxzZSxcbiAgICAgIH0pXG4gICAgICBleHBlY3QoZ2V0QXR0YWNobWVudFByZXZpZXdGaWxlRGV0YWlscygncGhvdG8ucG5nJykpLnRvTWF0Y2hPYmplY3Qoe1xuICAgICAgICBpc0ltYWdlOiB0cnVlLFxuICAgICAgICBpc1BkZjogZmFsc2UsXG4gICAgICB9KVxuICAgICAgZXhwZWN0KGdldEF0dGFjaG1lbnRQcmV2aWV3RmlsZURldGFpbHMoJ2RlY2sucHB0eCcpKS50b01hdGNoT2JqZWN0KHtcbiAgICAgICAgaXNQcHQ6IHRydWUsXG4gICAgICAgIGlzT2ZmaWNlRG9jOiBmYWxzZSxcbiAgICAgIH0pXG4gICAgICBleHBlY3QoZ2V0QXR0YWNobWVudFByZXZpZXdGaWxlRGV0YWlscygnbm90ZXMuZG9jeCcpKS50b01hdGNoT2JqZWN0KHtcbiAgICAgICAgaXNPZmZpY2VEb2M6IHRydWUsXG4gICAgICAgIGlzUHB0OiBmYWxzZSxcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIGl0KCdmYWxscyBiYWNrIHRvIG1pbWUgdHlwZSB3aGVuIHRoZSBleHRlbnNpb24gaXMgbWlzc2luZycsICgpID0+IHtcbiAgICAgIGV4cGVjdChnZXRBdHRhY2htZW50UHJldmlld0ZpbGVEZXRhaWxzKCdyZXBvcnQnLCAnYXBwbGljYXRpb24vcGRmJykpLnRvTWF0Y2hPYmplY3Qoe1xuICAgICAgICBmaWxlRXh0ZW5zaW9uOiAnLnBkZicsXG4gICAgICAgIGlzUGRmOiB0cnVlLFxuICAgICAgfSlcbiAgICAgIGV4cGVjdChnZXRBdHRhY2htZW50UHJldmlld0ZpbGVEZXRhaWxzKCdkYXRhJywgJ2NzdicpKS50b01hdGNoT2JqZWN0KHtcbiAgICAgICAgZmlsZUV4dGVuc2lvbjogJy5jc3YnLFxuICAgICAgICBpc1RleHQ6IHRydWUsXG4gICAgICB9KVxuICAgIH0pXG5cbiAgICBpdCgncHJlZmVycyB0aGUgZmlsZSBuYW1lIGV4dGVuc2lvbiBvdmVyIGEgZ2VuZXJpYyBtaW1lIHR5cGUnLCAoKSA9PiB7XG4gICAgICBleHBlY3QoZ2V0QXR0YWNobWVudFByZXZpZXdGaWxlRGV0YWlscygnc2xpZGVzLnBwdHgnLCAnYXBwbGljYXRpb24vdm5kLm1zLXBvd2VycG9pbnQnKSkudG9NYXRjaE9iamVjdCh7XG4gICAgICAgIGZpbGVFeHRlbnNpb246ICcucHB0eCcsXG4gICAgICAgIGlzUHB0OiB0cnVlLFxuICAgICAgfSlcbiAgICB9KVxuICB9KVxufSlcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsK0JBQStCLFFBQVEsa0NBQWtDO0FBRWxGQyxRQUFRLENBQUMsZ0NBQWdDLEVBQUUsWUFBTTtFQUMvQ0EsUUFBUSxDQUFDLGlDQUFpQyxFQUFFLFlBQU07SUFDaERDLEVBQUUsQ0FBQyxpREFBaUQsRUFBRSxZQUFNO01BQzFEQyxNQUFNLENBQUNILCtCQUErQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUNJLGFBQWEsQ0FBQztRQUNqRUMsYUFBYSxFQUFFLE1BQU07UUFDckJDLEtBQUssRUFBRSxJQUFJO1FBQ1hDLE9BQU8sRUFBRTtNQUNYLENBQUMsQ0FBQztNQUNGSixNQUFNLENBQUNILCtCQUErQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUNJLGFBQWEsQ0FBQztRQUNqRUcsT0FBTyxFQUFFLElBQUk7UUFDYkQsS0FBSyxFQUFFO01BQ1QsQ0FBQyxDQUFDO01BQ0ZILE1BQU0sQ0FBQ0gsK0JBQStCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQ0ksYUFBYSxDQUFDO1FBQ2pFSSxLQUFLLEVBQUUsSUFBSTtRQUNYQyxXQUFXLEVBQUU7TUFDZixDQUFDLENBQUM7TUFDRk4sTUFBTSxDQUFDSCwrQkFBK0IsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDSSxhQUFhLENBQUM7UUFDbEVLLFdBQVcsRUFBRSxJQUFJO1FBQ2pCRCxLQUFLLEVBQUU7TUFDVCxDQUFDLENBQUM7SUFDSixDQUFDLENBQUM7SUFFRk4sRUFBRSxDQUFDLHVEQUF1RCxFQUFFLFlBQU07TUFDaEVDLE1BQU0sQ0FBQ0gsK0JBQStCLENBQUMsUUFBUSxFQUFFLGlCQUFpQixDQUFDLENBQUMsQ0FBQ0ksYUFBYSxDQUFDO1FBQ2pGQyxhQUFhLEVBQUUsTUFBTTtRQUNyQkMsS0FBSyxFQUFFO01BQ1QsQ0FBQyxDQUFDO01BQ0ZILE1BQU0sQ0FBQ0gsK0JBQStCLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUNJLGFBQWEsQ0FBQztRQUNuRUMsYUFBYSxFQUFFLE1BQU07UUFDckJLLE1BQU0sRUFBRTtNQUNWLENBQUMsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUVGUixFQUFFLENBQUMsMERBQTBELEVBQUUsWUFBTTtNQUNuRUMsTUFBTSxDQUFDSCwrQkFBK0IsQ0FBQyxhQUFhLEVBQUUsK0JBQStCLENBQUMsQ0FBQyxDQUFDSSxhQUFhLENBQUM7UUFDcEdDLGFBQWEsRUFBRSxPQUFPO1FBQ3RCRyxLQUFLLEVBQUU7TUFDVCxDQUFDLENBQUM7SUFDSixDQUFDLENBQUM7RUFDSixDQUFDLENBQUM7QUFDSixDQUFDLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=