@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/FeedItem/FeedItem.js

@@ -1,298 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { includes, noop } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '../../constants/feed.js';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import grey from '@material-ui/core/colors/grey';
-import utils from '../../utils/main.js';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { toggleFeedItemLike, deleteFeedItem } from '../../clients/jsonApi/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Paper, Divider } from '@material-ui/core';
-import { useState } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
-import ConfirmationDialog from '../ConfirmationDialog.js';
-import Actions from './components/Actions.js';
-import Comments from './components/Comments.js';
-import Content from './components/Content.js';
-import CreatedAt from './components/CreatedAt.js';
-import Icon from './components/Icon.js';
-import Reactions from './components/Reactions.js';
-import RigAndWell from './components/RigAndWell.js';
-import TypeAndAssetTitle from './components/TypeAndAssetTitle.js';
-import styles from './FeedItem.css.js';
-
-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; }
-var PAGE_NAME = 'FeedPo';
-var useStyles = makeStyles(function (theme) {
-  return {
-    paperRoot: {
-      position: 'relative',
-      marginBottom: 10,
-      paddingBottom: 5,
-      backgroundColor: theme.palette.background.b8
-    },
-    clickablePaperRoot: {
-      '&:hover': {
-        filter: 'brightness(90%)',
-        transition: 'filter 0.3s'
-      }
-    },
-    headerDividerRoot: {
-      margin: '10px 0'
-    }
-  };
-});
-
-function FeedItem(_ref) {
-  var _feedItem$context, _feedItem$context$geo, _feedItem$context$geo2, _feedItem$context2, _feedItem$context2$al, _feedItem$context3, _feedItem$context3$po, _classNames, _classNames2;
-
-  var feedItem = _ref.feedItem,
-      editableFeedItemTypes = _ref.editableFeedItemTypes,
-      removeFeedItem = _ref.removeFeedItem,
-      enterEditMode = _ref.enterEditMode,
-      router = _ref.router,
-      currentUser = _ref.currentUser,
-      appData = _ref.appData,
-      customFeedItemTypeTemplates = _ref.customFeedItemTypeTemplates,
-      props = _objectWithoutProperties(_ref, ["feedItem", "editableFeedItemTypes", "removeFeedItem", "enterEditMode", "router", "currentUser", "appData", "customFeedItemTypeTemplates"]);
-
-  var canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');
-  var classes = useStyles();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isLoading = _useState2[0],
-      setIsLoading = _useState2[1];
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      openCommentInput = _useState4[0],
-      setOpenCommentInput = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      openDeleteDialog = _useState6[0],
-      setOpenDeleteDialog = _useState6[1];
-
-  var isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;
-  var isEditableItem = editableFeedItemTypes.includes(feedItem.type);
-  var isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;
-  var isRecommended = isGeosteering && ((_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$geo = _feedItem$context.geosteering_comments) === null || _feedItem$context$geo === void 0 ? void 0 : (_feedItem$context$geo2 = _feedItem$context$geo.data) === null || _feedItem$context$geo2 === void 0 ? void 0 : _feedItem$context$geo2.isRecommendation);
-  var typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type].label;
-  var userFullName = utils.getUserFullName(feedItem.user);
-  var feedItemSourceLink = feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && "/alerts/".concat((_feedItem$context2 = feedItem.context) === null || _feedItem$context2 === void 0 ? void 0 : (_feedItem$context2$al = _feedItem$context2.alert) === null || _feedItem$context2$al === void 0 ? void 0 : _feedItem$context2$al.id);
-  var isFeedItemClickable = feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;
-
-  var handleDeleteFeedItem = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setIsLoading(true);
-              _context.prev = 1;
-              _context.next = 4;
-              return deleteFeedItem(feedItem.id);
-
-            case 4:
-              _context.next = 9;
-              break;
-
-            case 6:
-              _context.prev = 6;
-              _context.t0 = _context["catch"](1);
-              return _context.abrupt("return");
-
-            case 9:
-              _context.prev = 9;
-              setIsLoading(false);
-              return _context.finish(9);
-
-            case 12:
-              utils.showSuccessNotification('Item was deleted');
-              removeFeedItem(feedItem.id);
-
-            case 14:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 6, 9, 12]]);
-    }));
-
-    return function handleDeleteFeedItem() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var handleToggleLike = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var feedItemId;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              feedItemId = feedItem.id;
-              _context2.prev = 1;
-              _context2.next = 4;
-              return toggleFeedItemLike(feedItemId);
-
-            case 4:
-              _context2.next = 8;
-              break;
-
-            case 6:
-              _context2.prev = 6;
-              _context2.t0 = _context2["catch"](1);
-
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[1, 6]]);
-    }));
-
-    return function handleToggleLike() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var handleEditMenuItem = function handleEditMenuItem() {
-    enterEditMode(feedItem);
-  };
-
-  var handleDeleteMenuItem = function handleDeleteMenuItem() {
-    setOpenDeleteDialog(true);
-  };
-
-  var copyFeedItemLink = function copyFeedItemLink() {
-    var feedId = feedItem.id;
-    var text = "".concat(window.location.host, "/feed/").concat(feedId);
-    utils.copyToClipboard(text);
-  };
-
-  var handleDelete = function handleDelete() {
-    handleDeleteFeedItem();
-  };
-
-  var handleMainContainerClick = function handleMainContainerClick() {
-    if (isFeedItemClickable) {
-      router.push(feedItemSourceLink);
-    }
-  };
-
-  var getRigName = function getRigName(feedItem) {
-    var _feedItem$rig, _feedItem$well, _feedItem$well$parent;
-
-    var isRigBasedItem = !!feedItem.rig;
-    return isRigBasedItem ? (_feedItem$rig = feedItem.rig) === null || _feedItem$rig === void 0 ? void 0 : _feedItem$rig.name : (_feedItem$well = feedItem.well) === null || _feedItem$well === void 0 ? void 0 : (_feedItem$well$parent = _feedItem$well.parent_asset) === null || _feedItem$well$parent === void 0 ? void 0 : _feedItem$well$parent.name;
-  };
-
-  return /*#__PURE__*/jsxs(Paper, {
-    "data-testid": "".concat(PAGE_NAME, "_post_").concat((_feedItem$context3 = feedItem.context) === null || _feedItem$context3 === void 0 ? void 0 : (_feedItem$context3$po = _feedItem$context3.post) === null || _feedItem$context3$po === void 0 ? void 0 : _feedItem$context3$po.body, "_rigName_").concat(getRigName(feedItem)),
-    className: classNames(classes.paperRoot, (_classNames = {}, _defineProperty(_classNames, classes.clickablePaperRoot, isFeedItemClickable), _defineProperty(_classNames, styles.hideOverflow, isLoading), _classNames)),
-    elevation: 0,
-    children: [/*#__PURE__*/jsxs("div", {
-      onClick: handleMainContainerClick,
-      className: classNames(styles.mainContainer, (_classNames2 = {}, _defineProperty(_classNames2, styles.mainContainerClickable, isFeedItemClickable), _defineProperty(_classNames2, styles.mainContainerNative, isNativeDetected), _classNames2)),
-      children: [/*#__PURE__*/jsx(Icon, {
-        feedItem: feedItem,
-        classes: classes,
-        displayName: userFullName,
-        isRecommended: isRecommended
-      }), /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.mainContainerTop, _defineProperty({}, styles.mainContainerTopNative, isNativeDetected)),
-        children: [/*#__PURE__*/jsx(TypeAndAssetTitle, {
-          feedItem: feedItem,
-          userFullName: userFullName,
-          typeLabel: typeLabel,
-          classes: classes,
-          isPost: isPost
-        }), /*#__PURE__*/jsxs("div", {
-          className: styles.mainContainerTopMenu,
-          children: [/*#__PURE__*/jsx(CreatedAt, {
-            feedItem: feedItem,
-            classes: classes
-          }), /*#__PURE__*/jsx(Actions, {
-            "data-testid": "".concat(PAGE_NAME, "_actionsDropdown"),
-            isPost: isPost,
-            isEditableItem: isEditableItem,
-            canDeleteFeedItem: canDeleteFeedItem,
-            handleEditMenuItem: handleEditMenuItem,
-            handleDeleteMenuItem: handleDeleteMenuItem,
-            copyFeedItemLink: copyFeedItemLink,
-            feedItem: feedItem,
-            currentUser: currentUser
-          })]
-        }), /*#__PURE__*/jsx(RigAndWell, {
-          feedItem: feedItem,
-          isPost: isPost
-        })]
-      }), /*#__PURE__*/jsx(Divider, {
-        className: classes.headerDividerRoot
-      }), /*#__PURE__*/jsx(Content, _objectSpread({
-        feedItem: feedItem,
-        appData: appData,
-        customFeedItemTypeTemplates: customFeedItemTypeTemplates,
-        currentUser: currentUser
-      }, props))]
-    }), /*#__PURE__*/jsx(Reactions, {
-      feedItem: feedItem,
-      handleToggleLike: handleToggleLike,
-      setOpenCommentInput: setOpenCommentInput,
-      openCommentInput: openCommentInput,
-      currentUser: currentUser
-    }), /*#__PURE__*/jsx(Comments, {
-      openCommentInput: openCommentInput,
-      feedItem: feedItem,
-      setOpenCommentInput: setOpenCommentInput,
-      user: currentUser
-    }), isLoading &&
-    /*#__PURE__*/
-    // NOTE: Avoids feed item height change
-    jsx("div", {
-      className: styles.loadingContainer,
-      style: {
-        backgroundColor: grey[800]
-      },
-      children: /*#__PURE__*/jsx(LoadingIndicator, {})
-    }), openDeleteDialog && /*#__PURE__*/jsx(ConfirmationDialog, {
-      open: openDeleteDialog,
-      title: "Delete post",
-      text: "Are you sure you want to delete post and all attachments?",
-      handleClose: function handleClose() {
-        return setOpenDeleteDialog(false);
-      },
-      handleOk: handleDelete,
-      okText: "Delete"
-    })]
-  });
-}
-
-FeedItem.propTypes = {
-  feedItem: PropTypes.shape().isRequired,
-  enterEditMode: PropTypes.func,
-  removeFeedItem: PropTypes.func,
-  editableFeedItemTypes: PropTypes.oneOf([FEED_ITEM_TYPES.TRACES_MEMO, FEED_ITEM_TYPES.POST]),
-  currentUser: PropTypes.shape().isRequired,
-  appData: PropTypes.shape().isRequired,
-  customFeedItemTypeTemplates: PropTypes.shape()
-};
-FeedItem.defaultProps = {
-  enterEditMode: noop,
-  // for FEED mode only
-  removeFeedItem: noop,
-  editableFeedItemTypes: [FEED_ITEM_TYPES.POST],
-  customFeedItemTypeTemplates: {}
-};
-
-export default FeedItem;
-//# sourceMappingURL=FeedItem.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import o from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import n from"@babel/runtime/regenerator";import{useState as i}from"react";import a from"prop-types";import s from"classnames";import{makeStyles as m,Paper as p,Divider as c}from"@material-ui/core";import{includes as l,noop as d}from"lodash";import u from"@material-ui/core/colors/grey";import{isNativeDetected as f}from"../../utils/mobileDetect.js";import v from"../ConfirmationDialog.js";import y from"../LoadingIndicator/LoadingIndicator.js";import{FEED_ITEM_TYPES as b,FEED_ITEM_TYPES_BY_KEY as h}from"../../constants/feed.js";import{deleteFeedItem as I,toggleFeedItemLike as g}from"../../clients/jsonApi/index.js";import j from"../../utils/main.js";import T from"./components/Actions.js";import O from"./components/Comments.js";import C from"./components/Content.js";import F from"./components/CreatedAt.js";import P from"./components/Icon.js";import w from"./components/Reactions.js";import D from"./components/RigAndWell.js";import k from"./components/TypeAndAssetTitle.js";import x from"./FeedItem.css.js";import{jsxs as R,jsx as N}from"react/jsx-runtime";var E=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates"];function _(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function A(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?_(Object(r),!0).forEach((function(o){e(t,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var M=m((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:5,backgroundColor:e.palette.background.b8},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"10px 0"}}}));function U(a){var m,d,b,_,U,S,L,q,B,W,G,z=a.feedItem,H=a.editableFeedItemTypes,J=a.removeFeedItem,K=a.enterEditMode,Q=a.router,V=a.currentUser,X=a.appData,Y=a.customFeedItemTypeTemplates,Z=r(a,E),$=l(z.allowed_actions,"destroy"),ee=M(),te=i(!1),oe=o(te,2),re=oe[0],ne=oe[1],ie=i(!0),ae=o(ie,2),se=ae[0],me=ae[1],pe=i(!1),ce=o(pe,2),le=ce[0],de=ce[1],ue=z.type===h.post.type,fe=H.includes(z.type),ve=z.type===h.geosteering_comments.type&&(null===(m=z.context)||void 0===m||null===(d=m.geosteering_comments)||void 0===d||null===(b=d.data)||void 0===b?void 0:b.isRecommendation),ye=h[z.type].label,be=j.getUserFullName(z.user),he=z.type===h.alert.type&&"/alerts/".concat(null===(_=z.context)||void 0===_||null===(U=_.alert)||void 0===U?void 0:U.id),Ie=z.type===h.alert.type&&he,ge=(W=t(n.mark((function e(){return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return ne(!0),e.prev=1,e.next=4,I(z.id);case 4:e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(1),e.abrupt("return");case 9:return e.prev=9,ne(!1),e.finish(9);case 12:j.showSuccessNotification("Item was deleted"),J(z.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return W.apply(this,arguments)}),je=(G=t(n.mark((function e(){var t;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=z.id,e.prev=1,e.next=4,g(t);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:case"end":return e.stop()}}),e,null,[[1,6]])}))),function(){return G.apply(this,arguments)});return R(p,{"data-testid":"".concat("FeedPo","_post_").concat(null===(S=z.context)||void 0===S||null===(L=S.post)||void 0===L?void 0:L.body,"_rigName_").concat(function(e){var t,o,r;return!!e.rig?null===(t=e.rig)||void 0===t?void 0:t.name:null===(o=e.well)||void 0===o||null===(r=o.parent_asset)||void 0===r?void 0:r.name}(z)),className:s(ee.paperRoot,(q={},e(q,ee.clickablePaperRoot,Ie),e(q,x.hideOverflow,re),q)),elevation:0,children:[R("div",{onClick:function(){Ie&&Q.push(he)},className:s(x.mainContainer,(B={},e(B,x.mainContainerClickable,Ie),e(B,x.mainContainerNative,f),B)),children:[N(P,{feedItem:z,classes:ee,displayName:be,isRecommended:ve}),R("div",{className:s(x.mainContainerTop,e({},x.mainContainerTopNative,f)),children:[N(k,{feedItem:z,userFullName:be,typeLabel:ye,classes:ee,isPost:ue}),R("div",{className:x.mainContainerTopMenu,children:[N(F,{feedItem:z,classes:ee}),N(T,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:ue,isEditableItem:fe,canDeleteFeedItem:$,handleEditMenuItem:function(){K(z)},handleDeleteMenuItem:function(){de(!0)},copyFeedItemLink:function(){var e=z.id,t="".concat(window.location.host,"/feed/").concat(e);j.copyToClipboard(t)},feedItem:z,currentUser:V})]}),N(D,{feedItem:z,isPost:ue})]}),N(c,{className:ee.headerDividerRoot}),N(C,A({feedItem:z,appData:X,customFeedItemTypeTemplates:Y,currentUser:V},Z))]}),N(w,{feedItem:z,handleToggleLike:je,setOpenCommentInput:me,openCommentInput:se,currentUser:V}),N(O,{openCommentInput:se,feedItem:z,setOpenCommentInput:me,user:V}),re&&N("div",{className:x.loadingContainer,style:{backgroundColor:u[800]},children:N(y,{})}),le&&N(v,{open:le,title:"Delete post",text:"Are you sure you want to delete post and all attachments?",handleClose:function(){return de(!1)},handleOk:function(){ge()},okText:"Delete"})]})}U.propTypes={feedItem:a.shape().isRequired,enterEditMode:a.func,removeFeedItem:a.func,editableFeedItemTypes:a.oneOf([b.TRACES_MEMO,b.POST]),currentUser:a.shape().isRequired,appData:a.shape().isRequired,customFeedItemTypeTemplates:a.shape()},U.defaultProps={enterEditMode:d,removeFeedItem:d,editableFeedItemTypes:[b.POST],customFeedItemTypeTemplates:{}};export{U as default};

package/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js

@@ -1,69 +1 @@
-import { FEED_ITEM_TYPES } from '../../../constants/feed.js';
-import utils from '../../../utils/main.js';
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-import PostPreviewDialog from '../../PostPreviewDialog/index.js';
-import TracesEditModalContainer from '../../TracesEditModal/TracesEditModalContainer.js';
-
-var FeedItemEditModal = function FeedItemEditModal(_ref) {
-  var _feedItem$context, _feedItem$context$pos, _feedItem$context$pos2, _feedItem$context2, _feedItem$context2$po, _feedItem$context2$po2, _feedItem$context3, _feedItem$context3$po, _feedItem$context3$po2, _feedItem$context4, _feedItem$context4$po;
-
-  var feedItem = _ref.feedItem,
-      onClose = _ref.onClose,
-      onSave = _ref.onSave,
-      tracesMinDateSec = _ref.tracesMinDateSec,
-      tracesMaxDateSec = _ref.tracesMaxDateSec,
-      tracesAssetId = _ref.tracesAssetId;
-  if (feedItem.type === FEED_ITEM_TYPES.POST) return /*#__PURE__*/jsx(PostPreviewDialog, {
-    open: true,
-    title: "Edit",
-    fileUrl: (_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$pos = _feedItem$context.post) === null || _feedItem$context$pos === void 0 ? void 0 : (_feedItem$context$pos2 = _feedItem$context$pos.attachment) === null || _feedItem$context$pos2 === void 0 ? void 0 : _feedItem$context$pos2.url,
-    fileName: ((_feedItem$context2 = feedItem.context) === null || _feedItem$context2 === void 0 ? void 0 : (_feedItem$context2$po = _feedItem$context2.post) === null || _feedItem$context2$po === void 0 ? void 0 : (_feedItem$context2$po2 = _feedItem$context2$po.attachment) === null || _feedItem$context2$po2 === void 0 ? void 0 : _feedItem$context2$po2.url) && utils.getFileNameWithExtensionFromPath((_feedItem$context3 = feedItem.context) === null || _feedItem$context3 === void 0 ? void 0 : (_feedItem$context3$po = _feedItem$context3.post) === null || _feedItem$context3$po === void 0 ? void 0 : (_feedItem$context3$po2 = _feedItem$context3$po.attachment) === null || _feedItem$context3$po2 === void 0 ? void 0 : _feedItem$context3$po2.url),
-    handleClose: onClose,
-    handleShare: function handleShare(body, fileUrl, fileSize, fileName) {
-      return onSave({
-        context: {
-          post: {
-            body: body,
-            attachment: {
-              test: 1,
-              file_name: fileName,
-              url: fileUrl,
-              size: fileSize
-            }
-          }
-        }
-      });
-    },
-    message: (_feedItem$context4 = feedItem.context) === null || _feedItem$context4 === void 0 ? void 0 : (_feedItem$context4$po = _feedItem$context4.post) === null || _feedItem$context4$po === void 0 ? void 0 : _feedItem$context4$po.body,
-    okButtonText: "Save",
-    cancelButtonText: "Discard changes",
-    companyId: feedItem.company_id
-  });
-  if (feedItem.type === FEED_ITEM_TYPES.TRACES_MEMO) return tracesMinDateSec && tracesMaxDateSec && tracesAssetId && /*#__PURE__*/jsx(TracesEditModalContainer, {
-    feedItem: feedItem,
-    onSave: onSave,
-    onClose: onClose,
-    minDateSec: tracesMinDateSec,
-    maxDateSec: tracesMaxDateSec,
-    assetId: tracesAssetId
-  });
-  return null;
-};
-
-FeedItemEditModal.propTypes = {
-  feedItem: PropTypes.shape().isRequired,
-  onClose: PropTypes.func.isRequired,
-  onSave: PropTypes.func.isRequired,
-  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-FeedItemEditModal.defaultProps = {
-  tracesMinDateSec: undefined,
-  tracesMaxDateSec: undefined,
-  tracesAssetId: undefined
-};
-
-export default FeedItemEditModal;
-//# sourceMappingURL=FeedItemEditModal.js.map
+import e from"prop-types";import{FEED_ITEM_TYPES as t}from"../../../constants/feed.js";import o from"../../../utils/main.js";import n from"../../PostPreviewDialog/index.js";import a from"../../TracesEditModal/TracesEditModalContainer.js";import{jsx as i}from"react/jsx-runtime";var s=function(e){var s,r,l,d,c,u,m,p,v,f,x,S=e.feedItem,h=e.onClose,y=e.onSave,D=e.tracesMinDateSec,M=e.tracesMaxDateSec,T=e.tracesAssetId;return S.type===t.POST?i(n,{open:!0,title:"Edit",fileUrl:null===(s=S.context)||void 0===s||null===(r=s.post)||void 0===r||null===(l=r.attachment)||void 0===l?void 0:l.url,fileName:(null===(d=S.context)||void 0===d||null===(c=d.post)||void 0===c||null===(u=c.attachment)||void 0===u?void 0:u.url)&&o.getFileNameWithExtensionFromPath(null===(m=S.context)||void 0===m||null===(p=m.post)||void 0===p||null===(v=p.attachment)||void 0===v?void 0:v.url),handleClose:h,handleShare:function(e,t,o,n){return y({context:{post:{body:e,attachment:{test:1,file_name:n,url:t,size:o}}}})},message:null===(f=S.context)||void 0===f||null===(x=f.post)||void 0===x?void 0:x.body,okButtonText:"Save",cancelButtonText:"Discard changes",companyId:S.company_id}):S.type===t.TRACES_MEMO?D&&M&&T&&i(a,{feedItem:S,onSave:y,onClose:h,minDateSec:D,maxDateSec:M,assetId:T}):null};s.propTypes={feedItem:e.shape().isRequired,onClose:e.func.isRequired,onSave:e.func.isRequired,tracesMinDateSec:e.oneOfType([e.string,e.number]),tracesMaxDateSec:e.oneOfType([e.string,e.number]),tracesAssetId:e.oneOfType([e.string,e.number])},s.defaultProps={tracesMinDateSec:void 0,tracesMaxDateSec:void 0,tracesAssetId:void 0};export{s as default};

package/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js

@@ -1,106 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import { showSuccessNotification } from '../../../utils/notificationToasts.js';
-import { patchFeedItem } from '../../../clients/jsonApi/index.js';
-import '../../../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useState, useContext } from 'react';
-import PropTypes from 'prop-types';
-import FeedItemEditModal from './FeedItemEditModal.js';
-
-var FeedItemEditContext = createContext();
-
-var FeedItemEditProvider = function FeedItemEditProvider(_ref) {
-  var children = _ref.children,
-      tracesMinDateSec = _ref.tracesMinDateSec,
-      tracesMaxDateSec = _ref.tracesMaxDateSec,
-      tracesAssetId = _ref.tracesAssetId;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      editedFeedItem = _useState2[0],
-      setEditedFeedItem = _useState2[1];
-
-  var exitEdit = function exitEdit() {
-    return setEditedFeedItem(null);
-  };
-
-  var handlePatchFeedItem = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newContext) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return patchFeedItem(editedFeedItem.id, {
-                context: newContext
-              });
-
-            case 3:
-              _context.next = 9;
-              break;
-
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              console.error(_context.t0);
-              return _context.abrupt("return");
-
-            case 9:
-              exitEdit();
-              showSuccessNotification('Successfully updated');
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 5]]);
-    }));
-
-    return function handlePatchFeedItem(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var onSave = function onSave(_ref3) {
-    var context = _ref3.context;
-    handlePatchFeedItem(context);
-  };
-
-  return /*#__PURE__*/jsxs(FeedItemEditContext.Provider, {
-    value: {
-      editedFeedItem: editedFeedItem,
-      setEditedFeedItem: setEditedFeedItem
-    },
-    children: [editedFeedItem && /*#__PURE__*/jsx(FeedItemEditModal, {
-      feedItem: editedFeedItem,
-      onClose: exitEdit,
-      onSave: onSave,
-      tracesMinDateSec: tracesMinDateSec,
-      tracesMaxDateSec: tracesMaxDateSec,
-      tracesAssetId: tracesAssetId
-    }), children]
-  });
-};
-
-FeedItemEditProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-FeedItemEditProvider.defaultProps = {
-  tracesMinDateSec: null,
-  tracesMaxDateSec: null,
-  tracesAssetId: null
-};
-
-function useFeedItemEditProvider() {
-  return useContext(FeedItemEditContext);
-}
-
-export { FeedItemEditProvider, useFeedItemEditProvider };
-//# sourceMappingURL=FeedItemEditProvider.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import n from"prop-types";import{createContext as s,useState as a,useContext as o}from"react";import"../../../utils/index.js";import{patchFeedItem as c}from"../../../clients/jsonApi/index.js";import i from"./FeedItemEditModal.js";import{jsxs as u,jsx as p}from"react/jsx-runtime";import{showSuccessNotification as l}from"../../../utils/notificationToasts.js";var m=s(),d=function(n){var s,o=n.children,d=n.tracesMinDateSec,f=n.tracesMaxDateSec,x=n.tracesAssetId,b=a(null),S=r(b,2),v=S[0],y=S[1],M=function(){return y(null)},h=(s=e(t.mark((function e(r){return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c(v.id,{context:r});case 3:e.next=9;break;case 5:return e.prev=5,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 9:M(),l("Successfully updated");case 11:case"end":return e.stop()}}),e,null,[[0,5]])}))),function(e){return s.apply(this,arguments)});return u(m.Provider,{value:{editedFeedItem:v,setEditedFeedItem:y},children:[v&&p(i,{feedItem:v,onClose:M,onSave:function(e){var r=e.context;h(r)},tracesMinDateSec:d,tracesMaxDateSec:f,tracesAssetId:x}),o]})};function f(){return o(m)}d.propTypes={children:n.node.isRequired,tracesMinDateSec:n.oneOfType([n.string,n.number]),tracesMaxDateSec:n.oneOfType([n.string,n.number]),tracesAssetId:n.oneOfType([n.string,n.number])},d.defaultProps={tracesMinDateSec:null,tracesMaxDateSec:null,tracesAssetId:null};export{d as FeedItemEditProvider,f as useFeedItemEditProvider};

package/components/FeedItem/components/Actions.js

@@ -1,104 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { getIsVideo } from '../../../utils/fileExtension.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { makeStyles, useTheme, IconButton, Menu, MenuItem } from '@material-ui/core';
-import { memo, useState } from 'react';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import ReactPlayer from 'react-player';
-
-var PAGE_NAME = 'FeedPo';
-var useStyles = makeStyles({
-  actionsIconButtonRoot: {
-    verticalAlign: 'middle',
-    height: 24,
-    width: 24,
-    padding: 0,
-    marginLeft: 5
-  }
-});
-var Actions = memo(function (_ref) {
-  var _feedItem$user, _feedItem$context, _feedItem$context$pos, _feedItem$context$pos2;
-
-  var feedItem = _ref.feedItem,
-      copyFeedItemLink = _ref.copyFeedItemLink,
-      currentUser = _ref.currentUser,
-      isEditableItem = _ref.isEditableItem,
-      canDeleteFeedItem = _ref.canDeleteFeedItem,
-      handleEditMenuItem = _ref.handleEditMenuItem,
-      handleDeleteMenuItem = _ref.handleDeleteMenuItem,
-      isPost = _ref.isPost;
-  var theme = useTheme();
-  var classes = useStyles();
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      actionsMenuAnchorEl = _useState2[0],
-      setActionsMenuAnchorEl = _useState2[1];
-
-  var isCurrentUserCreator = ((_feedItem$user = feedItem.user) === null || _feedItem$user === void 0 ? void 0 : _feedItem$user.id) === currentUser.id;
-  var postAttachmentUrl = (_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$pos = _feedItem$context.post) === null || _feedItem$context$pos === void 0 ? void 0 : (_feedItem$context$pos2 = _feedItem$context$pos.attachment) === null || _feedItem$context$pos2 === void 0 ? void 0 : _feedItem$context$pos2.url;
-  var isVideo = getIsVideo(postAttachmentUrl);
-  var isVideoAttachment = isVideo && ReactPlayer.canPlay(postAttachmentUrl);
-
-  var handleToggleActionsMenu = function handleToggleActionsMenu(event) {
-    event.stopPropagation();
-    var currentT = event.currentTarget;
-    setActionsMenuAnchorEl(function (prevValue) {
-      return prevValue ? null : currentT;
-    });
-  };
-
-  var showEdit = isEditableItem && isCurrentUserCreator;
-  var showDelete = canDeleteFeedItem;
-  var showDownload = isPost && isVideoAttachment;
-  if (!showEdit && !showDelete && !showDownload) return null;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(IconButton, {
-      "data-testid": "".concat(PAGE_NAME, "_menuButton"),
-      "aria-label": "Actions",
-      "aria-owns": actionsMenuAnchorEl ? 'c-feed-item__actions-menu' : undefined,
-      "aria-haspopup": "true",
-      className: classes.actionsIconButtonRoot,
-      onClick: handleToggleActionsMenu,
-      children: /*#__PURE__*/jsx(MoreVertIcon, {
-        htmlColor: theme.palette.grey[400]
-      })
-    }), /*#__PURE__*/jsxs(Menu, {
-      id: "c-feed-item__actions-menu",
-      anchorOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      anchorEl: actionsMenuAnchorEl,
-      open: !!actionsMenuAnchorEl,
-      onClick: handleToggleActionsMenu,
-      children: [showDownload && /*#__PURE__*/jsx("a", {
-        href: postAttachmentUrl,
-        className: "c-feed-item__download-link",
-        children: /*#__PURE__*/jsx(MenuItem, {
-          "data-testid": "".concat(PAGE_NAME, "_downloadButton"),
-          children: "Download"
-        })
-      }), showEdit && /*#__PURE__*/jsx(MenuItem, {
-        "data-testid": "".concat(PAGE_NAME, "_editButton"),
-        onClick: handleEditMenuItem,
-        children: "Edit"
-      }), showDelete && /*#__PURE__*/jsx(MenuItem, {
-        "data-testid": "".concat(PAGE_NAME, "_deleteButton"),
-        onClick: handleDeleteMenuItem,
-        children: "Delete"
-      }), /*#__PURE__*/jsx(MenuItem, {
-        "data-testid": "".concat(PAGE_NAME, "_copyLinkButton"),
-        onClick: copyFeedItemLink,
-        children: "Copy Link"
-      })]
-    })]
-  });
-});
-
-export default Actions;
-//# sourceMappingURL=Actions.js.map
+import t from"@babel/runtime/helpers/slicedToArray";import{memo as e,useState as o}from"react";import{makeStyles as i,useTheme as n,IconButton as r,Menu as a,MenuItem as l}from"@material-ui/core";import d from"@material-ui/icons/MoreVert";import c from"react-player";import{getIsVideo as m}from"../../../utils/fileExtension.js";import{jsxs as u,Fragment as s,jsx as h}from"react/jsx-runtime";var p=i({actionsIconButtonRoot:{verticalAlign:"middle",height:24,width:24,padding:0,marginLeft:5}}),f=e((function(e){var i,f,v,g,_=e.feedItem,k=e.copyFeedItemLink,I=e.currentUser,P=e.isEditableItem,y=e.canDeleteFeedItem,B=e.handleEditMenuItem,C=e.handleDeleteMenuItem,F=e.isPost,w=n(),E=p(),b=o(null),x=t(b,2),D=x[0],L=x[1],A=(null===(i=_.user)||void 0===i?void 0:i.id)===I.id,M=null===(f=_.context)||void 0===f||null===(v=f.post)||void 0===v||null===(g=v.attachment)||void 0===g?void 0:g.url,j=m(M)&&c.canPlay(M),z=function(t){t.stopPropagation();var e=t.currentTarget;L((function(t){return t?null:e}))},N=P&&A,O=y,R=F&&j;return N||O||R?u(s,{children:[h(r,{"data-testid":"".concat("FeedPo","_menuButton"),"aria-label":"Actions","aria-owns":D?"c-feed-item__actions-menu":void 0,"aria-haspopup":"true",className:E.actionsIconButtonRoot,onClick:z,children:h(d,{htmlColor:w.palette.grey[400]})}),u(a,{id:"c-feed-item__actions-menu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:D,open:!!D,onClick:z,children:[R&&h("a",{href:M,className:"c-feed-item__download-link",children:h(l,{"data-testid":"".concat("FeedPo","_downloadButton"),children:"Download"})}),N&&h(l,{"data-testid":"".concat("FeedPo","_editButton"),onClick:B,children:"Edit"}),O&&h(l,{"data-testid":"".concat("FeedPo","_deleteButton"),onClick:C,children:"Delete"}),h(l,{"data-testid":"".concat("FeedPo","_copyLinkButton"),onClick:k,children:"Copy Link"})]})]}):null}));export{f as default};

package/components/FeedItem/components/AvatarIcon.js

@@ -1,63 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { isNativeDetected } from '../../../utils/mobileDetect.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
-import classNames from 'classnames';
-import Avatar from '../../Avatar/index.js';
-import UserCardPopover from '../../UserCardPopover.js';
-import RecommendationIcon from '../../Icons/RecommendationIcon.js';
-
-var useStyles = makeStyles({
-  avatar: {
-    border: '1.5px solid #FFFFFF'
-  },
-  avatarWrapper: {
-    width: 46,
-    height: 46,
-    backgroundColor: 'grey',
-    borderRadius: 23,
-    position: 'absolute',
-    top: 15,
-    left: -23
-  },
-  avatarWrapperNative: {
-    left: 'auto'
-  },
-  recommendationWrapper: {
-    position: 'absolute',
-    bottom: -8,
-    right: -6
-  }
-});
-
-var AvatarIcon = function AvatarIcon(_ref) {
-  var _feedItem$user, _feedItem$user2;
-
-  var displayName = _ref.displayName,
-      feedItem = _ref.feedItem,
-      isRecommended = _ref.isRecommended;
-  var classes = useStyles();
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(classes.avatarWrapper, _defineProperty({}, classes.avatarWrapperNative, isNativeDetected)),
-    children: [isNativeDetected ? /*#__PURE__*/jsx(Avatar, {
-      displayName: displayName,
-      imgSrc: (_feedItem$user = feedItem.user) === null || _feedItem$user === void 0 ? void 0 : _feedItem$user.profile_photo,
-      size: 46,
-      className: classes.avatar
-    }) : /*#__PURE__*/jsx(UserCardPopover, {
-      user: feedItem.user,
-      children: /*#__PURE__*/jsx(Avatar, {
-        displayName: displayName,
-        imgSrc: (_feedItem$user2 = feedItem.user) === null || _feedItem$user2 === void 0 ? void 0 : _feedItem$user2.profile_photo,
-        size: 46,
-        className: classes.avatar
-      })
-    }), isRecommended && /*#__PURE__*/jsx("div", {
-      className: classes.recommendationWrapper,
-      children: /*#__PURE__*/jsx(RecommendationIcon, {})
-    })]
-  });
-};
-
-export default AvatarIcon;
-//# sourceMappingURL=AvatarIcon.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"classnames";import{makeStyles as a}from"@material-ui/core";import o from"../../Avatar/index.js";import i from"../../UserCardPopover.js";import{isNativeDetected as t}from"../../../utils/mobileDetect.js";import m from"../../Icons/RecommendationIcon.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";var l=a({avatar:{border:"1.5px solid #FFFFFF"},avatarWrapper:{width:46,height:46,backgroundColor:"grey",borderRadius:23,position:"absolute",top:15,left:-23},avatarWrapperNative:{left:"auto"},recommendationWrapper:{position:"absolute",bottom:-8,right:-6}}),d=function(a){var d,n,c=a.displayName,v=a.feedItem,u=a.isRecommended,f=l();return s("div",{className:e(f.avatarWrapper,r({},f.avatarWrapperNative,t)),children:[t?p(o,{displayName:c,imgSrc:null===(d=v.user)||void 0===d?void 0:d.profile_photo,size:46,className:f.avatar}):p(i,{user:v.user,children:p(o,{displayName:c,imgSrc:null===(n=v.user)||void 0===n?void 0:n.profile_photo,size:46,className:f.avatar})}),u&&p("div",{className:f.recommendationWrapper,children:p(m,{})})]})};export{d as default};