@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/FeedItem/FeedItem.js

@@ -1,327 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { makeStyles, Paper, Divider, Typography } from '@material-ui/core';
-import { includes, noop } from 'lodash';
-import grey from '@material-ui/core/colors/grey';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import ConfirmationDialog from '../ConfirmationDialog.js';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
-import ErrorBoundary from '../ErrorBoundary/ErrorBoundary.js';
-import '../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
-import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
-import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
-import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
-import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '../../constants/feed.js';
-import { toggleFeedItemLike, deleteFeedItem } from '../../clients/jsonApi/index.js';
-import '../../utils/index.js';
-import utils from '../../utils/main.js';
-import Actions from './components/Actions.js';
-import FeedComments from './components/FeedComments.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';
-import { showSuccessNotification } from '../../utils/notificationToasts.js';
-
-var _excluded = ["feedItem", "editableFeedItemTypes", "removeFeedItem", "enterEditMode", "router", "currentUser", "appData", "customFeedItemTypeTemplates", "paperClassName", "getFeedItemMessage"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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: 16,
-      backgroundColor: function backgroundColor(_ref) {
-        var isInsideDcApp = _ref.isInsideDcApp;
-        return isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8;
-      },
-      width: function width(_ref2) {
-        var isInsideDcApp = _ref2.isInsideDcApp;
-        return isInsideDcApp ? 360 : '100%';
-      },
-      boxShadow: function boxShadow(_ref3) {
-        var isInsideDcApp = _ref3.isInsideDcApp;
-        return isInsideDcApp && '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)';
-      }
-    },
-    clickablePaperRoot: {
-      '&:hover': {
-        filter: 'brightness(90%)',
-        transition: 'filter 0.3s'
-      }
-    },
-    headerDividerRoot: {
-      margin: '8px 0 8px 0',
-      backgroundColor: '#595959'
-    }
-  };
-});
-function FeedItem(_ref4) {
-  var _feedItem$context, _feedItem$context$geo, _feedItem$context$geo2, _feedItem$context2, _feedItem$context2$al, _classNames, _classNames2;
-  var feedItem = _ref4.feedItem,
-    editableFeedItemTypes = _ref4.editableFeedItemTypes,
-    removeFeedItem = _ref4.removeFeedItem,
-    enterEditMode = _ref4.enterEditMode,
-    router = _ref4.router,
-    currentUser = _ref4.currentUser,
-    appData = _ref4.appData,
-    customFeedItemTypeTemplates = _ref4.customFeedItemTypeTemplates,
-    paperClassName = _ref4.paperClassName,
-    getFeedItemMessage = _ref4.getFeedItemMessage,
-    props = _objectWithoutProperties(_ref4, _excluded);
-  var canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');
-  var isInsideDcApp = useIsInsideDcApp();
-  var classes = useStyles({
-    isInsideDcApp: isInsideDcApp
-  });
-  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(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    openCommentList = _useState6[0],
-    setOpenCommentList = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    openDeleteDialog = _useState8[0],
-    setOpenDeleteDialog = _useState8[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 typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type].category || 'post';
-  var userFullName = utils.getUserFullName(feedItem.user);
-  var typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type].showCreatorToLabel ? userFullName : FEED_ITEM_TYPES_BY_KEY[feedItem.type].label;
-  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 _ref5 = _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:
-              showSuccessNotification('Item was deleted');
-              removeFeedItem(feedItem.id);
-            case 14:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 6, 9, 12]]);
-    }));
-    return function handleDeleteFeedItem() {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-  var handleToggleLike = /*#__PURE__*/function () {
-    var _ref6 = _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 _ref6.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(getFeedItemMessage(feedItem), "_rigName_").concat(getRigName(feedItem)),
-    className: classNames(classes.paperRoot, paperClassName, (_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,
-        currentUser: currentUser
-      }), /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.mainContainerTop, _defineProperty({}, styles.mainContainerTopNative, isNativeDetected)),
-        children: [/*#__PURE__*/jsxs("div", {
-          className: styles.mainContainerTopLine,
-          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(ErrorBoundary, {
-        ErrorView: function ErrorView() {
-          return /*#__PURE__*/jsx(Typography, {
-            children: "Feed Item loading failed"
-          });
-        },
-        children: /*#__PURE__*/jsx(Content, _objectSpread({
-          feedItem: feedItem,
-          appData: appData,
-          customFeedItemTypeTemplates: customFeedItemTypeTemplates,
-          currentUser: currentUser
-        }, props))
-      })]
-    }), /*#__PURE__*/jsx(Reactions, {
-      feedItem: feedItem,
-      handleToggleLike: handleToggleLike,
-      setOpenCommentInput: setOpenCommentInput,
-      setOpenCommentList: setOpenCommentList,
-      openCommentInput: openCommentInput,
-      openCommentList: openCommentList,
-      currentUser: currentUser
-    }), /*#__PURE__*/jsx(FeedComments, {
-      openCommentInput: openCommentInput,
-      openCommentList: openCommentList,
-      feedItem: feedItem,
-      currentUser: 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 ".concat(typeCategory),
-      text: "Are you sure you want to delete ".concat(typeCategory, " 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,
-  paperClassName: PropTypes.string,
-  customFeedItemTypeTemplates: PropTypes.shape(),
-  getFeedItemMessage: PropTypes.func
-};
-FeedItem.defaultProps = {
-  enterEditMode: noop,
-  // for FEED mode only
-  removeFeedItem: noop,
-  paperClassName: undefined,
-  editableFeedItemTypes: [FEED_ITEM_TYPES.POST],
-  customFeedItemTypeTemplates: {},
-  getFeedItemMessage: function getFeedItemMessage(feedItem) {
-    var _feedItem$context3, _feedItem$context3$po, _feedItem$context4, _feedItem$context4$dv;
-    return ((_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) || ((_feedItem$context4 = feedItem.context) === null || _feedItem$context4 === void 0 ? void 0 : (_feedItem$context4$dv = _feedItem$context4.dvd_comment) === null || _feedItem$context4$dv === void 0 ? void 0 : _feedItem$context4$dv.body);
-  }
-};
-
-export { FeedItem as default };
-//# sourceMappingURL=FeedItem.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import n from"@babel/runtime/regenerator";import{useState as i}from"react";import s from"prop-types";import p from"classnames";import{makeStyles as a,Paper as m,Divider as c,Typography as l}from"@material-ui/core";import{includes as d,noop as u}from"lodash";import f from"@material-ui/core/colors/grey";import{isNativeDetected as v}from"../../utils/mobileDetect.js";import C from"../ConfirmationDialog.js";import g from"../LoadingIndicator/LoadingIndicator.js";import y from"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as D,jsx as b}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as I}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{FEED_ITEM_TYPES as h,FEED_ITEM_TYPES_BY_KEY as j}from"../../constants/feed.js";import{deleteFeedItem as A,toggleFeedItemLike as F}from"../../clients/jsonApi/index.js";import"../../utils/index.js";import T from"../../utils/main.js";import x from"./components/Actions.js";import P from"./components/FeedComments.js";import w from"./components/Content.js";import O from"./components/CreatedAt.js";import E from"./components/Icon.js";import N from"./components/Reactions.js";import k from"./components/RigAndWell.js";import M from"./components/TypeAndAssetTitle.js";import R from"./FeedItem.css.js";import{showSuccessNotification as _}from"../../utils/notificationToasts.js";var L=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates","paperClassName","getFeedItemMessage"];function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function B(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?S(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):S(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var U=a((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:16,backgroundColor:function(t){return t.isInsideDcApp?"rgba(65, 65, 65, 0.9)":e.palette.background.b8},width:function(e){return e.isInsideDcApp?360:"100%"},boxShadow:function(e){return e.isInsideDcApp&&"0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)"}},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"8px 0 8px 0",backgroundColor:"#595959"}}}));function V(s){var a,u,h,S,V,q,W,G,z,H=s.feedItem,J=s.editableFeedItemTypes,K=s.removeFeedItem,Q=s.enterEditMode,X=s.router,Y=s.currentUser,Z=s.appData,$=s.customFeedItemTypeTemplates,ee=s.paperClassName,te=s.getFeedItemMessage,re=o(s,L),oe=d(H.allowed_actions,"destroy"),ne=I(),ie=U({isInsideDcApp:ne}),se=i(!1),pe=r(se,2),ae=pe[0],me=pe[1],ce=i(!0),le=r(ce,2),de=le[0],ue=le[1],fe=i(!0),ve=r(fe,2),Ce=ve[0],ge=ve[1],ye=i(!1),De=r(ye,2),be=De[0],Ie=De[1],he=H.type===j.post.type,je=J.includes(H.type),Ae=H.type===j.geosteering_comments.type&&(null===(a=H.context)||void 0===a||null===(u=a.geosteering_comments)||void 0===u||null===(h=u.data)||void 0===h?void 0:h.isRecommendation),Fe=j[H.type].category||"post",Te=T.getUserFullName(H.user),xe=j[H.type].showCreatorToLabel?Te:j[H.type].label,Pe=H.type===j.alert.type&&"/alerts/".concat(null===(S=H.context)||void 0===S||null===(V=S.alert)||void 0===V?void 0:V.id),we=H.type===j.alert.type&&Pe,Oe=(G=t(n.mark((function e(){return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return me(!0),e.prev=1,e.next=4,A(H.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,me(!1),e.finish(9);case 12:_("Item was deleted"),K(H.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return G.apply(this,arguments)}),Ee=(z=t(n.mark((function e(){var t;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=H.id,e.prev=1,e.next=4,F(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 z.apply(this,arguments)});return D(m,{"data-testid":"".concat("FeedPo","_post_").concat(te(H),"_rigName_").concat(function(e){var t,r,o;return!!e.rig?null===(t=e.rig)||void 0===t?void 0:t.name:null===(r=e.well)||void 0===r||null===(o=r.parent_asset)||void 0===o?void 0:o.name}(H)),className:p(ie.paperRoot,ee,(q={},e(q,ie.clickablePaperRoot,we),e(q,R.hideOverflow,ae),q)),elevation:0,children:[D("div",{onClick:function(){we&&X.push(Pe)},className:p(R.mainContainer,(W={},e(W,R.mainContainerClickable,we),e(W,R.mainContainerNative,v),W)),children:[b(E,{feedItem:H,classes:ie,displayName:Te,isRecommended:Ae,currentUser:Y}),D("div",{className:p(R.mainContainerTop,e({},R.mainContainerTopNative,v)),children:[D("div",{className:R.mainContainerTopLine,children:[b(M,{feedItem:H,userFullName:Te,typeLabel:xe,classes:ie,isPost:he}),D("div",{className:R.mainContainerTopMenu,children:[b(O,{feedItem:H,classes:ie}),b(x,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:he,isEditableItem:je,canDeleteFeedItem:oe,handleEditMenuItem:function(){Q(H)},handleDeleteMenuItem:function(){Ie(!0)},copyFeedItemLink:function(){var e=H.id,t="".concat(window.location.host,"/feed/").concat(e);T.copyToClipboard(t)},feedItem:H,currentUser:Y})]})]}),b(k,{feedItem:H,isPost:he})]}),b(c,{className:ie.headerDividerRoot}),b(y,{ErrorView:function(){return b(l,{children:"Feed Item loading failed"})},children:b(w,B({feedItem:H,appData:Z,customFeedItemTypeTemplates:$,currentUser:Y},re))})]}),b(N,{feedItem:H,handleToggleLike:Ee,setOpenCommentInput:ue,setOpenCommentList:ge,openCommentInput:de,openCommentList:Ce,currentUser:Y}),b(P,{openCommentInput:de,openCommentList:Ce,feedItem:H,currentUser:Y}),ae&&b("div",{className:R.loadingContainer,style:{backgroundColor:f[800]},children:b(g,{})}),be&&b(C,{open:be,title:"Delete ".concat(Fe),text:"Are you sure you want to delete ".concat(Fe," and all attachments?"),handleClose:function(){return Ie(!1)},handleOk:function(){Oe()},okText:"Delete"})]})}V.propTypes={feedItem:s.shape().isRequired,enterEditMode:s.func,removeFeedItem:s.func,editableFeedItemTypes:s.oneOf([h.TRACES_MEMO,h.POST]),currentUser:s.shape().isRequired,appData:s.shape().isRequired,paperClassName:s.string,customFeedItemTypeTemplates:s.shape(),getFeedItemMessage:s.func},V.defaultProps={enterEditMode:u,removeFeedItem:u,paperClassName:void 0,editableFeedItemTypes:[h.POST],customFeedItemTypeTemplates:{},getFeedItemMessage:function(e){var t,r,o,n;return(null===(t=e.context)||void 0===t||null===(r=t.post)||void 0===r?void 0:r.body)||(null===(o=e.context)||void 0===o||null===(n=o.dvd_comment)||void 0===n?void 0:n.body)}};export{V as default};

package/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js

@@ -1,97 +1 @@
-import PropTypes from 'prop-types';
-import { FEED_ITEM_TYPES } from '../../../constants/feed.js';
-import utils from '../../../utils/main.js';
-import PostPreviewDialog from '../../PostPreviewDialog/index.js';
-import TracesEditModalContainer from '../../TracesEditModal/TracesEditModalContainer.js';
-import HookloadCommentEdit from '../editModals/HookloadCommentEdit/HookloadCommentEdit.js';
-import DvdCommentEdit from '../editModals/DvdCommentEdit/DvdCommentEdit.js';
-import PCCommentEdit from '../editModals/PCCommentEdit/PCCommentEdit.js';
-import NptLessonsCommentEdit from '../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js';
-import LessonsLearnedEdit from '../editModals/LessonsLearnedEdit/LessonsLearnedEdit.js';
-import { jsx } from 'react/jsx-runtime';
-
-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 === 'dvd_comment') return /*#__PURE__*/jsx(DvdCommentEdit, {
-    feedItem: feedItem,
-    onClose: onClose,
-    onSave: onSave
-  });
-  if (feedItem.type === 'hookload_broomstick_comment') return /*#__PURE__*/jsx(HookloadCommentEdit, {
-    feedItem: feedItem,
-    onClose: onClose,
-    onSave: onSave
-  });
-  if (feedItem.type === 'pc_comment') return /*#__PURE__*/jsx(PCCommentEdit, {
-    feedItem: feedItem,
-    onClose: onClose,
-    onSave: onSave
-  });
-  if (feedItem.type === 'npt_lessons_comment') return /*#__PURE__*/jsx(NptLessonsCommentEdit, {
-    feedItem: feedItem,
-    onClose: onClose,
-    onSave: onSave
-  });
-  if (feedItem.type === 'lessons_learned') return /*#__PURE__*/jsx(LessonsLearnedEdit, {
-    feedItem: feedItem,
-    onClose: onClose,
-    onSave: onSave
-  });
-  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 { FeedItemEditModal as default };
-//# 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 s from"../../TracesEditModal/TracesEditModalContainer.js";import i from"../editModals/HookloadCommentEdit/HookloadCommentEdit.js";import d from"../editModals/DvdCommentEdit/DvdCommentEdit.js";import a from"../editModals/PCCommentEdit/PCCommentEdit.js";import m from"../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js";import r from"../editModals/LessonsLearnedEdit/LessonsLearnedEdit.js";import{jsx as l}from"react/jsx-runtime";var c=function(e){var c,p,u,v,f,C,S,y,E,x,M,I=e.feedItem,h=e.onClose,D=e.onSave,j=e.tracesMinDateSec,T=e.tracesMaxDateSec,_=e.tracesAssetId;return"dvd_comment"===I.type?l(d,{feedItem:I,onClose:h,onSave:D}):"hookload_broomstick_comment"===I.type?l(i,{feedItem:I,onClose:h,onSave:D}):"pc_comment"===I.type?l(a,{feedItem:I,onClose:h,onSave:D}):"npt_lessons_comment"===I.type?l(m,{feedItem:I,onClose:h,onSave:D}):"lessons_learned"===I.type?l(r,{feedItem:I,onClose:h,onSave:D}):I.type===t.POST?l(n,{open:!0,title:"Edit",fileUrl:null===(c=I.context)||void 0===c||null===(p=c.post)||void 0===p||null===(u=p.attachment)||void 0===u?void 0:u.url,fileName:(null===(v=I.context)||void 0===v||null===(f=v.post)||void 0===f||null===(C=f.attachment)||void 0===C?void 0:C.url)&&o.getFileNameWithExtensionFromPath(null===(S=I.context)||void 0===S||null===(y=S.post)||void 0===y||null===(E=y.attachment)||void 0===E?void 0:E.url),handleClose:h,handleShare:function(e,t,o,n){return D({context:{post:{body:e,attachment:{test:1,file_name:n,url:t,size:o}}}})},message:null===(x=I.context)||void 0===x||null===(M=x.post)||void 0===M?void 0:M.body,okButtonText:"Save",cancelButtonText:"Discard changes",companyId:I.company_id}):I.type===t.TRACES_MEMO?j&&T&&_&&l(s,{feedItem:I,onSave:D,onClose:h,minDateSec:j,maxDateSec:T,assetId:_}):null};c.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])},c.defaultProps={tracesMinDateSec:void 0,tracesMaxDateSec:void 0,tracesAssetId:void 0};export{c as default};

package/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js

@@ -1,99 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import PropTypes from 'prop-types';
-import { createContext, useState, useContext } from 'react';
-import '../../../utils/index.js';
-import { patchFeedItem } from '../../../clients/jsonApi/index.js';
-import FeedItemEditModal from './FeedItemEditModal.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { showSuccessNotification } from '../../../utils/notificationToasts.js';
-
-var FeedItemEditContext = createContext();
-var FeedItemEditProvider = function FeedItemEditProvider(_ref) {
-  var children = _ref.children,
-    tracesMinDateSec = _ref.tracesMinDateSec,
-    tracesMaxDateSec = _ref.tracesMaxDateSec,
-    tracesAssetId = _ref.tracesAssetId,
-    exitFunc = _ref.exitFunc;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    editedFeedItem = _useState2[0],
-    setEditedFeedItem = _useState2[1];
-  var exitEdit = function exitEdit() {
-    exitFunc();
-    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]),
-  exitFunc: PropTypes.func
-};
-FeedItemEditProvider.defaultProps = {
-  tracesMinDateSec: null,
-  tracesMaxDateSec: null,
-  tracesAssetId: null,
-  exitFunc: function exitFunc() {
-    return null;
-  }
-};
-function useFeedItemEditProvider() {
-  return useContext(FeedItemEditContext);
-}
-
-export { FeedItemEditProvider, useFeedItemEditProvider };
-//# sourceMappingURL=FeedItemEditProvider.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import n from"prop-types";import{createContext as s,useState as a,useContext as c}from"react";import"../../../utils/index.js";import{patchFeedItem as o}from"../../../clients/jsonApi/index.js";import i from"./FeedItemEditModal.js";import{jsxs as u,jsx as l}from"react/jsx-runtime";import{showSuccessNotification as p}from"../../../utils/notificationToasts.js";var m=s(),d=function(n){var s,c=n.children,d=n.tracesMinDateSec,f=n.tracesMaxDateSec,x=n.tracesAssetId,b=n.exitFunc,S=a(null),v=t(S,2),y=v[0],M=v[1],h=function(){b(),M(null)},D=(s=e(r.mark((function e(t){return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,o(y.id,{context:t});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:h(),p("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:y,setEditedFeedItem:M},children:[y&&l(i,{feedItem:y,onClose:h,onSave:function(e){var t=e.context;D(t)},tracesMinDateSec:d,tracesMaxDateSec:f,tracesAssetId:x}),c]})};function f(){return c(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]),exitFunc:n.func},d.defaultProps={tracesMinDateSec:null,tracesMaxDateSec:null,tracesAssetId:null,exitFunc:function(){return null}};export{d as FeedItemEditProvider,f as useFeedItemEditProvider};

package/components/FeedItem/components/Actions.js

@@ -1,97 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { memo, useState } from 'react';
-import { makeStyles, Menu, MenuItem } from '@material-ui/core';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import ReactPlayer from 'react-player';
-import IconButton from '../../IconButton/index.js';
-import { getIsVideo } from '../../../utils/fileExtension.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'FeedPo';
-var useStyles = makeStyles(function (theme) {
-  return {
-    actionsIconButtonRoot: {
-      marginLeft: 5,
-      color: theme.palette.primary.text7
-    }
-  };
-});
-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 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 || showEdit;
-  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,
-      size: "small",
-      onClick: handleToggleActionsMenu,
-      children: /*#__PURE__*/jsx(MoreVertIcon, {})
-    }), /*#__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 { Actions as default };
-//# sourceMappingURL=Actions.js.map
+import t from"@babel/runtime/helpers/slicedToArray";import{memo as e,useState as o}from"react";import{makeStyles as n,Menu as i,MenuItem as r}from"@material-ui/core";import a from"@material-ui/icons/MoreVert";import l from"react-player";import c from"../../IconButton/index.js";import{getIsVideo as d}from"../../../utils/fileExtension.js";import{jsxs as m,Fragment as u,jsx as s}from"react/jsx-runtime";var p=n((function(t){return{actionsIconButtonRoot:{marginLeft:5,color:t.palette.primary.text7}}})),f=e((function(e){var n,f,h,v,_=e.feedItem,k=e.copyFeedItemLink,I=e.currentUser,B=e.isEditableItem,P=e.canDeleteFeedItem,g=e.handleEditMenuItem,y=e.handleDeleteMenuItem,F=e.isPost,x=p(),C=o(null),E=t(C,2),b=E[0],w=E[1],D=(null===(n=_.user)||void 0===n?void 0:n.id)===I.id,L=null===(f=_.context)||void 0===f||null===(h=f.post)||void 0===h||null===(v=h.attachment)||void 0===v?void 0:v.url,j=d(L)&&l.canPlay(L),z=function(t){t.stopPropagation();var e=t.currentTarget;w((function(t){return t?null:e}))},M=B&&D,A=P||M,N=F&&j;return M||A||N?m(u,{children:[s(c,{"data-testid":"".concat("FeedPo","_menuButton"),"aria-label":"Actions","aria-owns":b?"c-feed-item__actions-menu":void 0,"aria-haspopup":"true",className:x.actionsIconButtonRoot,size:"small",onClick:z,children:s(a,{})}),m(i,{id:"c-feed-item__actions-menu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:b,open:!!b,onClick:z,children:[N&&s("a",{href:L,className:"c-feed-item__download-link",children:s(r,{"data-testid":"".concat("FeedPo","_downloadButton"),children:"Download"})}),M&&s(r,{"data-testid":"".concat("FeedPo","_editButton"),onClick:g,children:"Edit"}),A&&s(r,{"data-testid":"".concat("FeedPo","_deleteButton"),onClick:y,children:"Delete"}),s(r,{"data-testid":"".concat("FeedPo","_copyLinkButton"),onClick:k,children:"Copy Link"})]})]}):null}));export{f as default};