@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/FeedItem/components/Actions.js

@@ -1 +1,104 @@
-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};
+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

package/components/FeedItem/components/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/FeedItem/components/Actions.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { memo, useState } from 'react';\nimport { IconButton, Menu, MenuItem, makeStyles, useTheme } from '@material-ui/core';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport ReactPlayer from 'react-player';\nimport { getIsVideo } from '~/utils/fileExtension';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles({\n  actionsIconButtonRoot: {\n    verticalAlign: 'middle',\n    height: 24,\n    width: 24,\n    padding: 0,\n    marginLeft: 5,\n  },\n});\n\nconst Actions = memo(\n  ({\n    feedItem,\n    copyFeedItemLink,\n    currentUser,\n    isEditableItem,\n    canDeleteFeedItem,\n    handleEditMenuItem,\n    handleDeleteMenuItem,\n    isPost,\n  }) => {\n    const theme = useTheme();\n    const classes = useStyles();\n    const [actionsMenuAnchorEl, setActionsMenuAnchorEl] = useState(null);\n\n    const isCurrentUserCreator = feedItem.user?.id === currentUser.id;\n\n    const postAttachmentUrl = feedItem.context?.post?.attachment?.url;\n\n    const isVideo = getIsVideo(postAttachmentUrl);\n\n    const isVideoAttachment = isVideo && ReactPlayer.canPlay(postAttachmentUrl);\n\n    const handleToggleActionsMenu = event => {\n      event.stopPropagation();\n      const currentT = event.currentTarget;\n      setActionsMenuAnchorEl(prevValue => (prevValue ? null : currentT));\n    };\n    const showEdit = isEditableItem && isCurrentUserCreator;\n\n    const showDelete  = canDeleteFeedItem;\n    const showDownload = isPost && isVideoAttachment;\n\n    if (!showEdit && !showDelete && !showDownload) return null;\n\n    return (\n      <>\n        <IconButton\n          data-testid={`${PAGE_NAME}_menuButton`}\n          aria-label=\"Actions\"\n          aria-owns={actionsMenuAnchorEl ? 'c-feed-item__actions-menu' : undefined}\n          aria-haspopup=\"true\"\n          className={classes.actionsIconButtonRoot}\n          onClick={handleToggleActionsMenu}\n        >\n          <MoreVertIcon htmlColor={theme.palette.grey[400]} />\n        </IconButton>\n\n        <Menu\n          id=\"c-feed-item__actions-menu\"\n          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n          anchorEl={actionsMenuAnchorEl}\n          open={!!actionsMenuAnchorEl}\n          onClick={handleToggleActionsMenu}\n        >\n          {showDownload && (\n            <a href={postAttachmentUrl} className=\"c-feed-item__download-link\">\n              <MenuItem data-testid={`${PAGE_NAME}_downloadButton`}>Download</MenuItem>\n            </a>\n          )}\n\n          {showEdit && (\n            <MenuItem data-testid={`${PAGE_NAME}_editButton`} onClick={handleEditMenuItem}>\n              Edit\n            </MenuItem>\n          )}\n\n          {showDelete && (\n            <MenuItem data-testid={`${PAGE_NAME}_deleteButton`} onClick={handleDeleteMenuItem}>\n              Delete\n            </MenuItem>\n          )}\n\n          <MenuItem data-testid={`${PAGE_NAME}_copyLinkButton`} onClick={copyFeedItemLink}>\n            Copy Link\n          </MenuItem>\n        </Menu>\n      </>\n    );\n  }\n);\n\nexport default Actions;\n"],"names":["PAGE_NAME","useStyles","makeStyles","actionsIconButtonRoot","verticalAlign","height","width","padding","marginLeft","Actions","memo","feedItem","copyFeedItemLink","currentUser","isEditableItem","canDeleteFeedItem","handleEditMenuItem","handleDeleteMenuItem","isPost","theme","useTheme","classes","useState","actionsMenuAnchorEl","setActionsMenuAnchorEl","isCurrentUserCreator","user","id","postAttachmentUrl","context","post","attachment","url","isVideo","getIsVideo","isVideoAttachment","ReactPlayer","canPlay","handleToggleActionsMenu","event","stopPropagation","currentT","currentTarget","prevValue","showEdit","showDelete","showDownload","_jsxs","_jsx","undefined","palette","grey","vertical","horizontal"],"mappings":"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"}

package/components/FeedItem/components/AvatarIcon.js

@@ -1 +1,63 @@
-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};
+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

package/components/FeedItem/components/AvatarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.js","sources":["../../../../src/components/FeedItem/components/AvatarIcon.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\n\nimport { isNativeDetected } from '~utils/mobileDetect';\nimport RecommendationIcon from '~components/Icons/RecommendationIcon';\n\nconst useStyles = makeStyles({\n  avatar: {\n    border: '1.5px solid #FFFFFF',\n  },\n  avatarWrapper: {\n    width: 46,\n    height: 46,\n    backgroundColor: 'grey',\n    borderRadius: 23,\n    position: 'absolute',\n    top: 15,\n    left: -23,\n  },\n  avatarWrapperNative: {\n    left: 'auto',\n  },\n  recommendationWrapper: {\n    position: 'absolute',\n    bottom: -8,\n    right: -6,\n  },\n});\n\nconst AvatarIcon = ({ displayName, feedItem, isRecommended }) => {\n  const classes = useStyles();\n  return (\n    <div\n      className={classNames(classes.avatarWrapper, {\n        [classes.avatarWrapperNative]: isNativeDetected,\n      })}\n    >\n      {isNativeDetected ? (\n        <Avatar\n          displayName={displayName}\n          imgSrc={feedItem.user?.profile_photo}\n          size={46}\n          className={classes.avatar}\n        />\n      ) : (\n        <UserCardPopover user={feedItem.user}>\n          <Avatar\n            displayName={displayName}\n            imgSrc={feedItem.user?.profile_photo}\n            size={46}\n            className={classes.avatar}\n          />\n        </UserCardPopover>\n      )}\n      {isRecommended && (\n        <div className={classes.recommendationWrapper}>\n          <RecommendationIcon />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default AvatarIcon;\n"],"names":["useStyles","makeStyles","avatar","border","avatarWrapper","width","height","backgroundColor","borderRadius","position","top","left","avatarWrapperNative","recommendationWrapper","bottom","right","AvatarIcon","displayName","feedItem","isRecommended","classes","_jsxs","classNames","isNativeDetected","_jsx","user","profile_photo"],"mappings":";;;;;;;;;AASA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GADmB;AAI3BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,KAAK,EAAE,EADM;AAEbC,IAAAA,MAAM,EAAE,EAFK;AAGbC,IAAAA,eAAe,EAAE,MAHJ;AAIbC,IAAAA,YAAY,EAAE,EAJD;AAKbC,IAAAA,QAAQ,EAAE,UALG;AAMbC,IAAAA,GAAG,EAAE,EANQ;AAObC,IAAAA,IAAI,EAAE,CAAC;AAPM,GAJY;AAa3BC,EAAAA,mBAAmB,EAAE;AACnBD,IAAAA,IAAI,EAAE;AADa,GAbM;AAgB3BE,EAAAA,qBAAqB,EAAE;AACrBJ,IAAAA,QAAQ,EAAE,UADW;AAErBK,IAAAA,MAAM,EAAE,CAAC,CAFY;AAGrBC,IAAAA,KAAK,EAAE,CAAC;AAHa;AAhBI,CAAD,CAA5B;;IAuBMC,UAAU,GAAG,SAAbA,UAAa,OAA8C;AAAA;;AAAA,MAA3CC,WAA2C,QAA3CA,WAA2C;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAApBC,aAAoB,QAApBA,aAAoB;AAC/D,MAAMC,OAAO,GAAGpB,SAAS,EAAzB;AACA,sBACEqB;AACE,IAAA,SAAS,EAAEC,UAAU,CAACF,OAAO,CAAChB,aAAT,sBAClBgB,OAAO,CAACR,mBADU,EACYW,gBADZ,EADvB;AAAA,eAKGA,gBAAgB,gBACfC,IAAC,MAAD;AACE,MAAA,WAAW,EAAEP,WADf;AAEE,MAAA,MAAM,oBAAEC,QAAQ,CAACO,IAAX,mDAAE,eAAeC,aAFzB;AAGE,MAAA,IAAI,EAAE,EAHR;AAIE,MAAA,SAAS,EAAEN,OAAO,CAAClB;AAJrB,MADe,gBAQfsB,IAAC,eAAD;AAAiB,MAAA,IAAI,EAAEN,QAAQ,CAACO,IAAhC;AAAA,6BACED,IAAC,MAAD;AACE,QAAA,WAAW,EAAEP,WADf;AAEE,QAAA,MAAM,qBAAEC,QAAQ,CAACO,IAAX,oDAAE,gBAAeC,aAFzB;AAGE,QAAA,IAAI,EAAE,EAHR;AAIE,QAAA,SAAS,EAAEN,OAAO,CAAClB;AAJrB;AADF,MAbJ,EAsBGiB,aAAa,iBACZK;AAAK,MAAA,SAAS,EAAEJ,OAAO,CAACP,qBAAxB;AAAA,6BACEW,IAAC,kBAAD;AADF,MAvBJ;AAAA,IADF;AA8BD;;;;"}

package/components/FeedItem/components/Comments.js

@@ -1 +1,35 @@
-import{makeStyles as e,Divider as t}from"@material-ui/core";import{isNativeDetected as m}from"../../../utils/mobileDetect.js";import o from"./FeedComments.js";import{jsxs as i,jsx as r}from"react/jsx-runtime";var n=e({commentsDividerRoot:{margin:"5px 16px 10px 33px"},commentsDividerRootNative:{margin:"5px 16px 10px 16px"}}),p=function(e){var p=e.feedItem,s=e.openCommentInput,a=e.user,c=n(),d=p.comments.length;return i("div",{children:[(!!d||s)&&r(t,{className:m?c.commentsDividerRootNative:c.commentsDividerRoot}),r(o,{openCommentInput:s,feedItem:p,isNative:m,user:a})]})};export{p as default};
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Divider } from '@material-ui/core';
+import FeedComments from './FeedComments.js';
+
+var useStyles = makeStyles({
+  commentsDividerRoot: {
+    margin: '5px 16px 10px 33px'
+  },
+  commentsDividerRootNative: {
+    margin: '5px 16px 10px 16px'
+  }
+});
+
+var Comments = function Comments(_ref) {
+  var feedItem = _ref.feedItem,
+      openCommentInput = _ref.openCommentInput,
+      user = _ref.user;
+  var classes = useStyles();
+  var commentsCount = feedItem.comments.length;
+  var showDivider = !!commentsCount;
+  return /*#__PURE__*/jsxs("div", {
+    children: [(showDivider || openCommentInput) && /*#__PURE__*/jsx(Divider, {
+      className: isNativeDetected ? classes.commentsDividerRootNative : classes.commentsDividerRoot
+    }), /*#__PURE__*/jsx(FeedComments, {
+      openCommentInput: openCommentInput,
+      feedItem: feedItem,
+      isNative: isNativeDetected,
+      user: user
+    })]
+  });
+};
+
+export default Comments;
+//# sourceMappingURL=Comments.js.map

package/components/FeedItem/components/Comments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comments.js","sources":["../../../../src/components/FeedItem/components/Comments.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { Divider, makeStyles } from '@material-ui/core';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nimport FeedComments from './FeedComments';\n\nconst useStyles = makeStyles({\n  commentsDividerRoot: {\n    margin: '5px 16px 10px 33px',\n  },\n  commentsDividerRootNative: {\n    margin: '5px 16px 10px 16px',\n  },\n});\n\nconst Comments = ({ feedItem, openCommentInput, user }) => {\n  const classes = useStyles();\n  const commentsCount = feedItem.comments.length;\n  const showDivider = !!commentsCount;\n\n  return (\n    <div>\n      {(showDivider || openCommentInput) && (\n        <Divider\n          className={\n            isNativeDetected ? classes.commentsDividerRootNative : classes.commentsDividerRoot\n          }\n        />\n      )}\n\n      <FeedComments\n        openCommentInput={openCommentInput}\n        feedItem={feedItem}\n        isNative={isNativeDetected}\n        user={user}\n      />\n    </div>\n  );\n};\n\nexport default Comments;\n"],"names":["useStyles","makeStyles","commentsDividerRoot","margin","commentsDividerRootNative","Comments","feedItem","openCommentInput","user","classes","commentsCount","comments","length","showDivider","_jsxs","_jsx","isNativeDetected"],"mappings":";;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,MAAM,EAAE;AADW,GADM;AAI3BC,EAAAA,yBAAyB,EAAE;AACzBD,IAAAA,MAAM,EAAE;AADiB;AAJA,CAAD,CAA5B;;IASME,QAAQ,GAAG,SAAXA,QAAW,OAA0C;AAAA,MAAvCC,QAAuC,QAAvCA,QAAuC;AAAA,MAA7BC,gBAA6B,QAA7BA,gBAA6B;AAAA,MAAXC,IAAW,QAAXA,IAAW;AACzD,MAAMC,OAAO,GAAGT,SAAS,EAAzB;AACA,MAAMU,aAAa,GAAGJ,QAAQ,CAACK,QAAT,CAAkBC,MAAxC;AACA,MAAMC,WAAW,GAAG,CAAC,CAACH,aAAtB;AAEA,sBACEI;AAAA,eACG,CAACD,WAAW,IAAIN,gBAAhB,kBACCQ,IAAC,OAAD;AACE,MAAA,SAAS,EACPC,gBAAgB,GAAGP,OAAO,CAACL,yBAAX,GAAuCK,OAAO,CAACP;AAFnE,MAFJ,eASEa,IAAC,YAAD;AACE,MAAA,gBAAgB,EAAER,gBADpB;AAEE,MAAA,QAAQ,EAAED,QAFZ;AAGE,MAAA,QAAQ,EAAEU,gBAHZ;AAIE,MAAA,IAAI,EAAER;AAJR,MATF;AAAA,IADF;AAkBD;;;;"}

package/components/FeedItem/components/Content.js

@@ -1 +1,182 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{get as r}from"lodash";import{fromJS as m}from"immutable";import{FEED_ITEM_TYPES_BY_KEY as o,FEED_ITEM_TYPES as p}from"../../../constants/feed.js";import{THEMES as n}from"../../../constants/theme.js";import s from"../feedItemTypes/AlertFeedItem.js";import a from"../feedItemTypes/PostFeedItem.js";import i from"../feedItemTypes/GeosteeringFeedItem.js";import d from"../feedItemTypes/DrillingOperationalNoteFeedItem.js";import f from"../feedItemTypes/DrillingOperationSummaryFeedItem.js";import I from"../feedItemTypes/DrillingDailyCostFeedItem.js";import c from"../feedItemTypes/DocumentFeedItem.js";import y from"../feedItemTypes/DrillerMemoFeedItem.js";import l from"../feedItemTypes/NptFeedItem.js";import u from"../feedItemTypes/SurveyStationFeedItem/index.js";import j from"../feedItemTypes/LessonsLearnedFeedItem/index.js";import T from"../feedItemTypes/TracesMemoFeedItem.js";import F from"../feedItemTypes/CompletionOperationalNoteFeedItem.js";import _ from"../feedItemTypes/CompletionOperationSummaryFeedItem.js";import O from"../feedItemTypes/CompletionDailyCostFeedItem.js";import b from"../feedItemTypes/CompletionDocumentFeedItem.js";import D from"../feedItemTypes/CompletionNptFeedItem.js";import g from"../feedItemTypes/StageOverviewFeedItem/index.js";import v from"../feedItemTypes/AppAnnotationFeedItem/index.js";import h from"../feedItemTypes/WellPlanFeedItem/index.js";import C from"../feedItemTypes/FluidReportFeedItem.js";import P from"../feedItemTypes/BhaFeedItem/BhaFeedItem.js";import{jsx as w}from"react/jsx-runtime";var x=["feedItem","appData","customFeedItemTypeTemplates","currentUser"];function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);t&&(m=m.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,m)}return r}function A(t){for(var r=1;r<arguments.length;r++){var m=null!=arguments[r]?arguments[r]:{};r%2?S(Object(m),!0).forEach((function(r){e(t,r,m[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(m)):S(Object(m)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(m,e))}))}return t}var E={view:"feedItem",theme:n.DARK},M=function(e){var n=e.feedItem,S=e.appData,M=e.customFeedItemTypeTemplates,N=e.currentUser,R=t(e,x);if(n.type in M){var U=M[n.type];return w(U,{"data-testid":"".concat("Feed_Content","_template"),feedItem:m(n),appData:m(S),appContext:m(E)})}switch(n.type){case r(o,"alert.type"):return w(s,{feedItem:n});case r(o,"post.type"):return w(a,{feedItem:n});case r(o,"geosteering_comments.type"):return w(i,{feedItem:n});case r(o,"operational_note.type"):return w(d,{feedItem:n});case r(o,"operation_summary.type"):return w(f,{feedItem:n});case r(o,"daily_cost.type"):return w(I,{feedItem:n});case r(o,"document.type"):return w(c,{feedItem:n});case r(o,"driller_memo.type"):return w(y,{feedItem:n});case r(o,"npt_event.type"):return w(l,{feedItem:n});case r(o,"survey_station.type"):return w(u,{feedItem:n});case r(o,"completion_operational_note.type"):return w(F,{feedItem:n});case r(o,"completion_operation_summary.type"):return w(_,{feedItem:n});case r(o,"completion_daily_cost.type"):return w(O,{feedItem:n});case r(o,"completion_document.type"):return w(b,{feedItem:n});case r(o,"completion_npt_event.type"):return w(D,{feedItem:n});case r(o,"completion_actual_stage.type"):return w(g,{feedItem:n});case p.TRACES_MEMO:return w(T,{feedItem:n});case r(o,"lessons_learned.type"):return w(j,{feedItem:n});case r(o,"bha.type"):return w(P,{feedItem:n});case r(o,"fluid_report.type"):return w(C,{feedItem:n});case r(o,"app_annotation.type"):return w(v,A({feedItem:n,appData:S,appContext:E,currentUser:N},R));case r(o,"well_plan.type"):return w(h,A({feedItem:n,appData:S,appContext:E},R));default:return null}};export{M as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get } from 'lodash';
+import { fromJS } from 'immutable';
+import { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '../../../constants/feed.js';
+import { jsx } from 'react/jsx-runtime';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { THEMES } from '../../../constants/theme.js';
+import AlertFeedItem from '../feedItemTypes/AlertFeedItem.js';
+import PostFeedItem from '../feedItemTypes/PostFeedItem.js';
+import GeosteeringFeedItem from '../feedItemTypes/GeosteeringFeedItem.js';
+import OperationalNoteFeedItem$1 from '../feedItemTypes/DrillingOperationalNoteFeedItem.js';
+import OperationSummaryFeedItem$1 from '../feedItemTypes/DrillingOperationSummaryFeedItem.js';
+import DrillingDailyCostFeedItem from '../feedItemTypes/DrillingDailyCostFeedItem.js';
+import DocumentFeedItem from '../feedItemTypes/DocumentFeedItem.js';
+import DrillerMemoFeedItem from '../feedItemTypes/DrillerMemoFeedItem.js';
+import NptFeedItem from '../feedItemTypes/NptFeedItem.js';
+import SurveyStationFeedItem from '../feedItemTypes/SurveyStationFeedItem/index.js';
+import DrillingLessonsLearnedFeedItem from '../feedItemTypes/LessonsLearnedFeedItem/index.js';
+import TracesMemoFeedItem from '../feedItemTypes/TracesMemoFeedItem.js';
+import OperationalNoteFeedItem from '../feedItemTypes/CompletionOperationalNoteFeedItem.js';
+import OperationSummaryFeedItem from '../feedItemTypes/CompletionOperationSummaryFeedItem.js';
+import CompletionDailyCostFeedItem from '../feedItemTypes/CompletionDailyCostFeedItem.js';
+import CompletionDocumentFeedItem from '../feedItemTypes/CompletionDocumentFeedItem.js';
+import CompletionNptFeedItem from '../feedItemTypes/CompletionNptFeedItem.js';
+import StageOverviewFeedItem from '../feedItemTypes/StageOverviewFeedItem/index.js';
+import AppAnnotationFeedItem from '../feedItemTypes/AppAnnotationFeedItem/index.js';
+import WellPlanFeedItem from '../feedItemTypes/WellPlanFeedItem/index.js';
+import FluidReportFeedItem from '../feedItemTypes/FluidReportFeedItem.js';
+import BhaFeedItem from '../feedItemTypes/BhaFeedItem/BhaFeedItem.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 = 'Feed_Content'; // NOTE: Some feed items uses embedded apps inside
+
+var APP_CONTEXT = {
+  view: 'feedItem',
+  theme: THEMES.DARK
+};
+
+var Content = function Content(_ref) {
+  var feedItem = _ref.feedItem,
+      appData = _ref.appData,
+      customFeedItemTypeTemplates = _ref.customFeedItemTypeTemplates,
+      currentUser = _ref.currentUser,
+      props = _objectWithoutProperties(_ref, ["feedItem", "appData", "customFeedItemTypeTemplates", "currentUser"]);
+
+  // Temporary solution for the feed items
+  // whose implementation is in progress
+  if (feedItem.type in customFeedItemTypeTemplates) {
+    var Template = customFeedItemTypeTemplates[feedItem.type];
+    return /*#__PURE__*/jsx(Template, {
+      "data-testid": "".concat(PAGE_NAME, "_template"),
+      feedItem: fromJS(feedItem),
+      appData: fromJS(appData),
+      appContext: fromJS(APP_CONTEXT)
+    });
+  }
+
+  switch (feedItem.type) {
+    case get(FEED_ITEM_TYPES_BY_KEY, 'alert.type'):
+      return /*#__PURE__*/jsx(AlertFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'post.type'):
+      return /*#__PURE__*/jsx(PostFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'geosteering_comments.type'):
+      return /*#__PURE__*/jsx(GeosteeringFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'operational_note.type'):
+      return /*#__PURE__*/jsx(OperationalNoteFeedItem$1, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'operation_summary.type'):
+      return /*#__PURE__*/jsx(OperationSummaryFeedItem$1, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'daily_cost.type'):
+      return /*#__PURE__*/jsx(DrillingDailyCostFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'document.type'):
+      return /*#__PURE__*/jsx(DocumentFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'driller_memo.type'):
+      return /*#__PURE__*/jsx(DrillerMemoFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'npt_event.type'):
+      return /*#__PURE__*/jsx(NptFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'survey_station.type'):
+      return /*#__PURE__*/jsx(SurveyStationFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_operational_note.type'):
+      return /*#__PURE__*/jsx(OperationalNoteFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_operation_summary.type'):
+      return /*#__PURE__*/jsx(OperationSummaryFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_daily_cost.type'):
+      return /*#__PURE__*/jsx(CompletionDailyCostFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_document.type'):
+      return /*#__PURE__*/jsx(CompletionDocumentFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_npt_event.type'):
+      return /*#__PURE__*/jsx(CompletionNptFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_actual_stage.type'):
+      return /*#__PURE__*/jsx(StageOverviewFeedItem, {
+        feedItem: feedItem
+      });
+
+    case FEED_ITEM_TYPES.TRACES_MEMO:
+      return /*#__PURE__*/jsx(TracesMemoFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'lessons_learned.type'):
+      return /*#__PURE__*/jsx(DrillingLessonsLearnedFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'bha.type'):
+      return /*#__PURE__*/jsx(BhaFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'fluid_report.type'):
+      return /*#__PURE__*/jsx(FluidReportFeedItem, {
+        feedItem: feedItem
+      });
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'app_annotation.type'):
+      return /*#__PURE__*/jsx(AppAnnotationFeedItem, _objectSpread({
+        feedItem: feedItem,
+        appData: appData,
+        appContext: APP_CONTEXT,
+        currentUser: currentUser
+      }, props));
+
+    case get(FEED_ITEM_TYPES_BY_KEY, 'well_plan.type'):
+      return /*#__PURE__*/jsx(WellPlanFeedItem, _objectSpread({
+        feedItem: feedItem,
+        appData: appData,
+        appContext: APP_CONTEXT
+      }, props));
+
+    default:
+      return null;
+  }
+};
+
+export default Content;
+//# sourceMappingURL=Content.js.map

package/components/FeedItem/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../src/components/FeedItem/components/Content.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { get } from 'lodash';\nimport { fromJS } from 'immutable';\nimport { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '~/constants/feed';\nimport { THEMES } from '~/constants/theme';\n\nimport AlertFeedItem from '../feedItemTypes/AlertFeedItem';\nimport PostFeedItem from '../feedItemTypes/PostFeedItem';\nimport GeosteeringFeedItem from '../feedItemTypes/GeosteeringFeedItem';\nimport DrillingOperationalNoteFeedItem from '../feedItemTypes/DrillingOperationalNoteFeedItem';\nimport DrillingOperationSummaryFeedItem from '../feedItemTypes/DrillingOperationSummaryFeedItem';\nimport DrillingDailyCostFeedItem from '../feedItemTypes/DrillingDailyCostFeedItem';\nimport DrillingDocumentFeedItem from '../feedItemTypes/DocumentFeedItem';\nimport DrillingDrillerMemoFeedItem from '../feedItemTypes/DrillerMemoFeedItem';\nimport DrillingNptFeedItem from '../feedItemTypes/NptFeedItem';\nimport DrillingSurveyStationFeedItem from '../feedItemTypes/SurveyStationFeedItem';\nimport DrillingLessonsLearnedFeedItem from '../feedItemTypes/LessonsLearnedFeedItem';\nimport TracesMemoFeedItem from '../feedItemTypes/TracesMemoFeedItem';\nimport CompletionOperationalNoteFeedItem from '../feedItemTypes/CompletionOperationalNoteFeedItem';\nimport CompletionOperationSummaryFeedItem from '../feedItemTypes/CompletionOperationSummaryFeedItem';\nimport CompletionDailyCostFeedItem from '../feedItemTypes/CompletionDailyCostFeedItem';\nimport CompletionDocumentFeedItem from '../feedItemTypes/CompletionDocumentFeedItem';\nimport CompletionNptFeedItem from '../feedItemTypes/CompletionNptFeedItem';\nimport CompletionStageOverviewFeedItem from '../feedItemTypes/StageOverviewFeedItem';\nimport AppAnnotationFeedItem from '../feedItemTypes/AppAnnotationFeedItem';\nimport WellPlanFeedItem from '../feedItemTypes/WellPlanFeedItem';\nimport FluidReportFeedItem from '../feedItemTypes/FluidReportFeedItem';\nimport BhaFeedItem from '../feedItemTypes/BhaFeedItem';\n\nconst PAGE_NAME = 'Feed_Content';\n\n// NOTE: Some feed items uses embedded apps inside\nconst APP_CONTEXT = {\n  view: 'feedItem',\n  theme: THEMES.DARK,\n};\n\nconst Content = ({ feedItem, appData, customFeedItemTypeTemplates, currentUser, ...props }) => {\n  // Temporary solution for the feed items\n  // whose implementation is in progress\n  if (feedItem.type in customFeedItemTypeTemplates) {\n    const Template = customFeedItemTypeTemplates[feedItem.type];\n    return (\n      <Template\n        data-testid={`${PAGE_NAME}_template`}\n        feedItem={fromJS(feedItem)}\n        appData={fromJS(appData)}\n        appContext={fromJS(APP_CONTEXT)}\n      />\n    );\n  }\n\n  switch (feedItem.type) {\n    case get(FEED_ITEM_TYPES_BY_KEY, 'alert.type'):\n      return <AlertFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'post.type'):\n      return <PostFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'geosteering_comments.type'):\n      return <GeosteeringFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'operational_note.type'):\n      return <DrillingOperationalNoteFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'operation_summary.type'):\n      return <DrillingOperationSummaryFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'daily_cost.type'):\n      return <DrillingDailyCostFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'document.type'):\n      return <DrillingDocumentFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'driller_memo.type'):\n      return <DrillingDrillerMemoFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'npt_event.type'):\n      return <DrillingNptFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'survey_station.type'):\n      return <DrillingSurveyStationFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_operational_note.type'):\n      return <CompletionOperationalNoteFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_operation_summary.type'):\n      return <CompletionOperationSummaryFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_daily_cost.type'):\n      return <CompletionDailyCostFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_document.type'):\n      return <CompletionDocumentFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_npt_event.type'):\n      return <CompletionNptFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_actual_stage.type'):\n      return <CompletionStageOverviewFeedItem feedItem={feedItem} />;\n    case FEED_ITEM_TYPES.TRACES_MEMO:\n      return <TracesMemoFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'lessons_learned.type'):\n      return <DrillingLessonsLearnedFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'bha.type'):\n      return <BhaFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'fluid_report.type'):\n      return <FluidReportFeedItem feedItem={feedItem} />;\n    case get(FEED_ITEM_TYPES_BY_KEY, 'app_annotation.type'):\n      return (\n        <AppAnnotationFeedItem\n          feedItem={feedItem}\n          appData={appData}\n          appContext={APP_CONTEXT}\n          currentUser={currentUser}\n          {...props}\n        />\n      );\n    case get(FEED_ITEM_TYPES_BY_KEY, 'well_plan.type'):\n      return (\n        <WellPlanFeedItem\n          feedItem={feedItem}\n          appData={appData}\n          appContext={APP_CONTEXT}\n          {...props}\n        />\n      );\n    default:\n      return null;\n  }\n};\n\nexport default Content;\n"],"names":["PAGE_NAME","APP_CONTEXT","view","theme","THEMES","DARK","Content","feedItem","appData","customFeedItemTypeTemplates","currentUser","props","type","Template","_jsx","fromJS","get","FEED_ITEM_TYPES_BY_KEY","DrillingOperationalNoteFeedItem","DrillingOperationSummaryFeedItem","DrillingDocumentFeedItem","DrillingDrillerMemoFeedItem","DrillingNptFeedItem","DrillingSurveyStationFeedItem","CompletionOperationalNoteFeedItem","CompletionOperationSummaryFeedItem","CompletionStageOverviewFeedItem","FEED_ITEM_TYPES","TRACES_MEMO"],"mappings":"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"}

package/components/FeedItem/components/CreatedAt.js

@@ -1 +1,24 @@
-import t from"moment";import{makeStyles as e,Typography as r}from"@material-ui/core";import{jsx as a}from"react/jsx-runtime";var o=e({flexShrink:0,marginLeft:"auto"}),m=function(e){var m=e.feedItem,i=o();return a(r,{variant:"body2","data-testid":"".concat("FeedPo","_createdPostDate"),className:i.createdAtRoot,children:t(m.created_at).format("MM/DD/YY H:mm")})};export{m as default};
+import moment from 'moment';
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+
+var PAGE_NAME = 'FeedPo';
+var useStyles = makeStyles({
+  flexShrink: 0,
+  marginLeft: 'auto'
+});
+var CREATED_AT_FORMAT = 'MM/DD/YY H:mm';
+
+var CreatedAt = function CreatedAt(_ref) {
+  var feedItem = _ref.feedItem;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    "data-testid": "".concat(PAGE_NAME, "_createdPostDate"),
+    className: classes.createdAtRoot,
+    children: moment(feedItem.created_at).format(CREATED_AT_FORMAT)
+  });
+};
+
+export default CreatedAt;
+//# sourceMappingURL=CreatedAt.js.map

package/components/FeedItem/components/CreatedAt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatedAt.js","sources":["../../../../src/components/FeedItem/components/CreatedAt.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles({\n  flexShrink: 0,\n  marginLeft: 'auto',\n});\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY H:mm';\n\nconst CreatedAt = ({ feedItem }) => {\n  const classes = useStyles();\n  return (\n    <Typography\n      variant=\"body2\"\n      data-testid={`${PAGE_NAME}_createdPostDate`}\n      className={classes.createdAtRoot}\n    >\n      {moment(feedItem.created_at).format(CREATED_AT_FORMAT)}\n    </Typography>\n  );\n};\n\nexport default CreatedAt;\n"],"names":["PAGE_NAME","useStyles","makeStyles","flexShrink","marginLeft","CREATED_AT_FORMAT","CreatedAt","feedItem","classes","_jsx","createdAtRoot","moment","created_at","format"],"mappings":";;;;AAIA,IAAMA,SAAS,GAAG,QAAlB;AAEA,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,UAAU,EAAE,CADe;AAE3BC,EAAAA,UAAU,EAAE;AAFe,CAAD,CAA5B;AAKA,IAAMC,iBAAiB,GAAG,eAA1B;;IAEMC,SAAS,GAAG,SAAZA,SAAY,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAClC,MAAMC,OAAO,GAAGP,SAAS,EAAzB;AACA,sBACEQ,IAAC,UAAD;AACE,IAAA,OAAO,EAAC,OADV;AAEE,6BAAgBT,SAAhB,qBAFF;AAGE,IAAA,SAAS,EAAEQ,OAAO,CAACE,aAHrB;AAAA,cAKGC,MAAM,CAACJ,QAAQ,CAACK,UAAV,CAAN,CAA4BC,MAA5B,CAAmCR,iBAAnC;AALH,IADF;AASD;;;;"}

package/components/FeedItem/components/FeedComments.js

@@ -1 +1,100 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as o,useRef as t}from"react";import r from"prop-types";import n from"lodash/noop";import m from"moment";import{makeStyles as i,Button as s,Typography as a}from"@material-ui/core";import p from"../../Comment/index.js";import c from"../../CommentLoader.js";import d from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import{jsxs as l,jsx as f}from"react/jsx-runtime";var C=i({showMoreButtonRoot:{textTransform:"none",backgroundColor:"transparent!important"},feedCommentsContainer:{padding:"0 16px 0 33px"}});function h(r){var i=r.openCommentInput,h=r.feedItem,x=r.isNative,v=r.user,y=o(!1),I=e(y,2),b=I[0],R=I[1],j=o(3),g=e(j,2),k=g[0],q=g[1],w=t(),_=C(),M=h.comments.length,N=M>k;return l("div",{className:(i||!!M)&&_.feedCommentsContainer,children:[i&&!x&&f(d,{inputRef:w,postComment:function(e){u(h.id,e)},setIsPosting:R,companyId:h.company_id,autoFocus:!1}),N&&f(s,{"data-testid":"".concat("FeedComments","_viewMoreComments"),classes:_.showMoreButtonRoot,onClick:function(){q((function(e){return 3===e?e+7:e+10}))},children:f(a,{variant:"caption",color:"primary",children:"View more comments"})}),h.comments.sort((function(e){return-m(e.created_at).unix()})).slice(0,k).reverse().map((function(e){return f(p,{comment:e,handleDeleteCallback:n,patchCommentCallback:n,companyId:h.company_id,user:v},e.id)})),b&&f(c,{})]})}h.propTypes={openCommentInput:r.bool.isRequired,feedItem:r.shape().isRequired,user:r.shape().isRequired,isNative:r.bool.isRequired};export{h as default};
+import moment from 'moment';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { postFeedItemComment } from '../../../clients/jsonApi/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Button, Typography } from '@material-ui/core';
+import { useState, useRef } from 'react';
+import noop from 'lodash/noop';
+import PropTypes from 'prop-types';
+import CommentInput from '../../CommentInput/index.js';
+import CommentLoader from '../../CommentLoader.js';
+import Comment from '../../Comment/index.js';
+
+var PAGE_NAME = 'FeedComments';
+var useStyles = makeStyles({
+  showMoreButtonRoot: {
+    textTransform: 'none',
+    backgroundColor: 'transparent!important'
+  },
+  feedCommentsContainer: {
+    padding: '0 16px 0 33px'
+  }
+});
+var INITIAL_VISIBLE_COMMENTS_COUNT = 3;
+
+function FeedComments(_ref) {
+  var openCommentInput = _ref.openCommentInput,
+      feedItem = _ref.feedItem,
+      isNative = _ref.isNative,
+      user = _ref.user;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isPosting = _useState2[0],
+      setIsPosting = _useState2[1];
+
+  var _useState3 = useState(INITIAL_VISIBLE_COMMENTS_COUNT),
+      _useState4 = _slicedToArray(_useState3, 2),
+      visibleComments = _useState4[0],
+      setVisibleComments = _useState4[1];
+
+  var inputEl = useRef();
+  var classes = useStyles();
+
+  var handleShowMoreComments = function handleShowMoreComments() {
+    var MORE_COMMENTS_FIRST_INCREMENT = 7;
+    var MORE_COMMENTS_INCREMENT = 10;
+    setVisibleComments(function (prevVisibleComments) {
+      return prevVisibleComments === INITIAL_VISIBLE_COMMENTS_COUNT ? prevVisibleComments + MORE_COMMENTS_FIRST_INCREMENT : prevVisibleComments + MORE_COMMENTS_INCREMENT;
+    });
+  };
+
+  var postComment = function postComment(comment) {
+    postFeedItemComment(feedItem.id, comment);
+  };
+
+  var commentsCount = feedItem.comments.length;
+  var showShowMore = commentsCount > visibleComments;
+  return /*#__PURE__*/jsxs("div", {
+    className: (openCommentInput || !!commentsCount) && classes.feedCommentsContainer,
+    children: [openCommentInput && !isNative && /*#__PURE__*/jsx(CommentInput, {
+      inputRef: inputEl,
+      postComment: postComment,
+      setIsPosting: setIsPosting,
+      companyId: feedItem.company_id,
+      autoFocus: false
+    }), showShowMore && /*#__PURE__*/jsx(Button, {
+      "data-testid": "".concat(PAGE_NAME, "_viewMoreComments"),
+      classes: classes.showMoreButtonRoot,
+      onClick: handleShowMoreComments,
+      children: /*#__PURE__*/jsx(Typography, {
+        variant: "caption",
+        color: "primary",
+        children: "View more comments"
+      })
+    }), feedItem.comments.sort(function (item) {
+      return -moment(item.created_at).unix();
+    }).slice(0, visibleComments).reverse() // NOTE: Show recent comments first
+    .map(function (comment) {
+      return /*#__PURE__*/jsx(Comment, {
+        comment: comment,
+        handleDeleteCallback: noop
+        /* NOTE: Received through subscription */
+        ,
+        patchCommentCallback: noop,
+        companyId: feedItem.company_id,
+        user: user
+      }, comment.id);
+    }), isPosting && /*#__PURE__*/jsx(CommentLoader, {})]
+  });
+}
+
+FeedComments.propTypes = {
+  openCommentInput: PropTypes.bool.isRequired,
+  feedItem: PropTypes.shape().isRequired,
+  user: PropTypes.shape().isRequired,
+  isNative: PropTypes.bool.isRequired
+};
+
+export default FeedComments;
+//# sourceMappingURL=FeedComments.js.map

package/components/FeedItem/components/FeedComments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport noop from 'lodash/noop';\nimport moment from 'moment';\nimport { Button, Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMoreButtonRoot: {\n    textTransform: 'none',\n    backgroundColor: 'transparent!important',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 33px' },\n});\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\n\nfunction FeedComments({ openCommentInput, feedItem, isNative, user }) {\n  const [isPosting, setIsPosting] = useState(false);\n  const [visibleComments, setVisibleComments] = useState(INITIAL_VISIBLE_COMMENTS_COUNT);\n\n  const inputEl = useRef();\n  const classes = useStyles();\n\n  const handleShowMoreComments = () => {\n    const MORE_COMMENTS_FIRST_INCREMENT = 7;\n    const MORE_COMMENTS_INCREMENT = 10;\n\n    setVisibleComments(prevVisibleComments =>\n      prevVisibleComments === INITIAL_VISIBLE_COMMENTS_COUNT\n        ? prevVisibleComments + MORE_COMMENTS_FIRST_INCREMENT\n        : prevVisibleComments + MORE_COMMENTS_INCREMENT\n    );\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const commentsCount = feedItem.comments.length;\n  const showShowMore = commentsCount > visibleComments;\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNative && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n        />\n      )}\n      {showShowMore && (\n        <Button\n          data-testid={`${PAGE_NAME}_viewMoreComments`}\n          classes={classes.showMoreButtonRoot}\n          onClick={handleShowMoreComments}\n        >\n          <Typography variant=\"caption\" color=\"primary\">\n            View more comments\n          </Typography>\n        </Button>\n      )}\n      {feedItem.comments\n        .sort(item => -moment(item.created_at).unix())\n        .slice(0, visibleComments)\n        .reverse() // NOTE: Show recent comments first\n        .map(comment => (\n          <Comment\n            key={comment.id}\n            comment={comment}\n            handleDeleteCallback={noop /* NOTE: Received through subscription */}\n            patchCommentCallback={noop}\n            companyId={feedItem.company_id}\n            user={user}\n          />\n        ))}\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  user: PropTypes.shape().isRequired,\n  isNative: PropTypes.bool.isRequired,\n};\n\nexport default FeedComments;\n"],"names":["PAGE_NAME","useStyles","makeStyles","showMoreButtonRoot","textTransform","backgroundColor","feedCommentsContainer","padding","INITIAL_VISIBLE_COMMENTS_COUNT","FeedComments","openCommentInput","feedItem","isNative","user","useState","isPosting","setIsPosting","visibleComments","setVisibleComments","inputEl","useRef","classes","handleShowMoreComments","MORE_COMMENTS_FIRST_INCREMENT","MORE_COMMENTS_INCREMENT","prevVisibleComments","postComment","comment","postFeedItemComment","id","commentsCount","comments","length","showShowMore","_jsxs","_jsx","company_id","sort","item","moment","created_at","unix","slice","reverse","map","noop","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}