@corva/ui 3.73.0-7 → 3.73.0-8

package/components/FeedItem/FeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedItem.js","sources":["../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport classNames from 'classnames';\nimport { includes, noop, startCase } from 'lodash';\nimport { useRef, useState } from 'react';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport FeedComments from './components/FeedComments';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\n\nimport styles from './FeedItem.css';\n\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  paperRoot: {\n    position: 'relative',\n    marginBottom: 10,\n    paddingBottom: 16,\n    backgroundColor: ({ isInsideDcApp }) =>\n      isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n    width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n    boxShadow: ({ isInsideDcApp }) =>\n      isInsideDcApp &&\n      '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)',\n  },\n  clickablePaperRoot: {\n    '&:hover': {\n      filter: 'brightness(90%)',\n      transition: 'filter 0.3s',\n    },\n  },\n  headerDividerRoot: {\n    margin: '8px 0 8px 0',\n    backgroundColor: '#595959',\n  },\n  dateTimestamp: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n}));\n\n/**\n * @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' | 'destroy' | 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n */\n\n/**\n * @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router] used for alert navigation by host applications\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n * @param {(feedItem: ActivityItem) => void} [props.onFeedItemClick]\n * used to override built-in navigation for clickable alert feed items\n * @param {ReactNode} [props.extraActions] additional action nodes rendered inside the reactions/actions row, after the built-in like and comment buttons\n */\nfunction FeedItem({\n  feedItem,\n  editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n  removeFeedItem = noop,\n  enterEditMode = noop,\n  router,\n  currentUser,\n  appData,\n  customFeedItemTypeTemplates = {},\n  paperClassName,\n  getFeedItemMessage = ({ context }) => context?.post?.body || context?.dvd_comment?.body,\n  onFeedItemClick,\n  extraActions,\n  ...props\n}) {\n  const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ isInsideDcApp });\n  const [isLoading, setIsLoading] = useState(false);\n  const [openCommentInput, setOpenCommentInput] = useState(true);\n  const [openCommentList, setOpenCommentList] = useState(true);\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n  const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n  const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n  const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n  const isRecommended =\n    isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n  const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category || 'post';\n\n  const userFullName = utils.getUserFullName(feedItem.user);\n  const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n    ? userFullName\n    : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label || startCase(feedItem.type);\n\n  const feedItemSourceLink =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n  const isFeedItemClickable =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n  const handleDeleteFeedItem = async () => {\n    setIsLoading(true);\n\n    try {\n      await deleteFeedItem(feedItem.id);\n    } catch (e) {\n      return;\n    } finally {\n      setIsLoading(false);\n    }\n\n    showSuccessNotification('Item was deleted');\n\n    removeFeedItem(feedItem.id);\n  };\n\n  const isBeingLikedRef = useRef(false);\n\n  const handleToggleLike = async () => {\n    if (!isBeingLikedRef.current) {\n      const feedItemId = feedItem.id;\n      isBeingLikedRef.current = true;\n      try {\n        await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n      } catch (e) {\n        // NOTE: Do nothing\n      }\n      isBeingLikedRef.current = false;\n    }\n  };\n\n  const handleEditMenuItem = () => {\n    enterEditMode(feedItem);\n  };\n\n  const handleDeleteMenuItem = () => {\n    setOpenDeleteDialog(true);\n  };\n\n  const copyFeedItemLink = () => {\n    const feedId = feedItem.id;\n    const text = `${window.location.host}/feed/${feedId}`;\n\n    utils.copyToClipboard(text);\n  };\n\n  const handleDelete = () => {\n    handleDeleteFeedItem();\n  };\n\n  const devCenterRouter = useDevCenterRouter();\n\n  const handleMainContainerClick = () => {\n    if (!isFeedItemClickable) return;\n\n    if (onFeedItemClick) {\n      onFeedItemClick(feedItem);\n      return;\n    }\n\n    const alertRouter = router || devCenterRouter;\n\n    if (alertRouter) {\n      alertRouter.push(feedItemSourceLink);\n      return;\n    }\n\n    localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n  };\n\n  const getRigName = feedItem => {\n    const isRigBasedItem = !!feedItem.rig;\n    return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n        feedItem\n      )}`}\n      className={classNames(classes.paperRoot, paperClassName, {\n        [classes.clickablePaperRoot]: isFeedItemClickable,\n        [styles.hideOverflow]: isLoading,\n      })}\n      elevation={0}\n    >\n      <div\n        onClick={handleMainContainerClick}\n        className={classNames(styles.mainContainer, {\n          [styles.mainContainerClickable]: isFeedItemClickable,\n          [styles.mainContainerNative]: isNativeDetected,\n        })}\n      >\n        <Icon\n          feedItem={feedItem}\n          classes={classes}\n          displayName={userFullName}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n        <div\n          className={classNames(styles.mainContainerTop, {\n            [styles.mainContainerTopNative]: isNativeDetected,\n          })}\n        >\n          <div className={styles.mainContainerTopLine}>\n            <TypeAndAssetTitle\n              feedItem={feedItem}\n              userFullName={userFullName}\n              typeLabel={typeLabel}\n              classes={classes}\n              isPost={isPost}\n            />\n            <div className={styles.mainContainerTopMenu}>\n              <CreatedAt feedItem={feedItem} classes={classes} />\n\n              <Actions\n                data-testid={`${PAGE_NAME}_actionsDropdown`}\n                isPost={isPost}\n                isEditableItem={isEditableItem}\n                canDeleteFeedItem={canDeleteFeedItem}\n                handleEditMenuItem={handleEditMenuItem}\n                handleDeleteMenuItem={handleDeleteMenuItem}\n                copyFeedItemLink={copyFeedItemLink}\n                feedItem={feedItem}\n                currentUser={currentUser}\n              />\n            </div>\n          </div>\n\n          <RigAndWell feedItem={feedItem} isPost={isPost} />\n        </div>\n        <Divider className={classes.headerDividerRoot} />\n        <CompletionDateTimestamp feedItem={feedItem} />\n        <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n          <Content\n            feedItem={feedItem}\n            appData={appData}\n            customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n            currentUser={currentUser}\n            onFeedItemClick={onFeedItemClick}\n            {...props}\n          />\n        </ErrorBoundary>\n      </div>\n      <Reactions\n        feedItem={feedItem}\n        handleToggleLike={handleToggleLike}\n        setOpenCommentInput={setOpenCommentInput}\n        setOpenCommentList={setOpenCommentList}\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        currentUser={currentUser}\n        extraActions={extraActions}\n      />\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\n      {openDeleteDialog && (\n        <ConfirmationDialog\n          open={openDeleteDialog}\n          title={`Delete ${typeCategory}`}\n          text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n          handleClose={() => setOpenDeleteDialog(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","FeedItem","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","onFeedItemClick","extraActions","props","_objectWithoutProperties","_excluded","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","onClick","alertRouter","push","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}
+{"version":3,"file":"FeedItem.js","sources":["../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport classNames from 'classnames';\nimport { includes, noop, startCase } from 'lodash';\nimport { useRef, useState } from 'react';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport FeedComments from './components/FeedComments';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\n\nimport styles from './FeedItem.css';\n\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  paperRoot: {\n    position: 'relative',\n    marginBottom: 10,\n    paddingBottom: 16,\n    backgroundColor: ({ isInsideDcApp }) =>\n      isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n    width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n    boxShadow: ({ isInsideDcApp }) =>\n      isInsideDcApp &&\n      '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)',\n  },\n  clickablePaperRoot: {\n    '&:hover': {\n      filter: 'brightness(90%)',\n      transition: 'filter 0.3s',\n    },\n  },\n  headerDividerRoot: {\n    margin: '8px 0 8px 0',\n    backgroundColor: '#595959',\n  },\n  dateTimestamp: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n}));\n\n/**\n * @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' | 'destroy' | 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n */\n\n/**\n * @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router] used for alert navigation by host applications\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n * @param {(feedItem: ActivityItem) => void} [props.onFeedItemClick]\n * used to override built-in navigation for clickable alert feed items\n * @param {ReactNode} [props.extraActions] additional action nodes rendered inside the reactions/actions row, after the built-in like and comment buttons\n */\nfunction FeedItem({\n  feedItem,\n  editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n  removeFeedItem = noop,\n  enterEditMode = noop,\n  router,\n  currentUser,\n  appData,\n  customFeedItemTypeTemplates = {},\n  paperClassName,\n  getFeedItemMessage = ({ context }) => context?.post?.body || context?.dvd_comment?.body,\n  onFeedItemClick,\n  extraActions,\n  ...props\n}) {\n  const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ isInsideDcApp });\n  const [isLoading, setIsLoading] = useState(false);\n  const [openCommentInput, setOpenCommentInput] = useState(true);\n  const [openCommentList, setOpenCommentList] = useState(true);\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n  const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n  const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n  const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n  const isRecommended =\n    isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n  const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category || 'post';\n\n  const userFullName = utils.getUserFullName(feedItem.user);\n  const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n    ? userFullName\n    : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label || startCase(feedItem.type);\n\n  const feedItemSourceLink =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n  const isFeedItemClickable =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n  const handleDeleteFeedItem = async () => {\n    setIsLoading(true);\n\n    try {\n      await deleteFeedItem(feedItem.id);\n    } catch (e) {\n      return;\n    } finally {\n      setIsLoading(false);\n    }\n\n    showSuccessNotification('Item was deleted');\n\n    removeFeedItem(feedItem.id);\n  };\n\n  const isBeingLikedRef = useRef(false);\n\n  const handleToggleLike = async () => {\n    if (!isBeingLikedRef.current) {\n      const feedItemId = feedItem.id;\n      isBeingLikedRef.current = true;\n      try {\n        await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n      } catch (e) {\n        // NOTE: Do nothing\n      }\n      isBeingLikedRef.current = false;\n    }\n  };\n\n  const handleEditMenuItem = () => {\n    enterEditMode(feedItem);\n  };\n\n  const handleDeleteMenuItem = () => {\n    setOpenDeleteDialog(true);\n  };\n\n  const copyFeedItemLink = () => {\n    const feedId = feedItem.id;\n    const text = `${window.location.host}/feed/${feedId}`;\n\n    utils.copyToClipboard(text);\n  };\n\n  const handleDelete = () => {\n    handleDeleteFeedItem();\n  };\n\n  const devCenterRouter = useDevCenterRouter();\n\n  const handleMainContainerClick = () => {\n    if (!isFeedItemClickable) return;\n\n    if (onFeedItemClick) {\n      onFeedItemClick(feedItem);\n      return;\n    }\n\n    const alertRouter = router || devCenterRouter;\n\n    if (alertRouter) {\n      alertRouter.push(feedItemSourceLink);\n      return;\n    }\n\n    localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n  };\n\n  const getRigName = feedItem => {\n    const isRigBasedItem = !!feedItem.rig;\n    return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n        feedItem\n      )}`}\n      className={classNames(classes.paperRoot, paperClassName, {\n        [classes.clickablePaperRoot]: isFeedItemClickable,\n        [styles.hideOverflow]: isLoading,\n      })}\n      elevation={0}\n    >\n      <div\n        onClick={handleMainContainerClick}\n        className={classNames(styles.mainContainer, {\n          [styles.mainContainerClickable]: isFeedItemClickable,\n          [styles.mainContainerNative]: isNativeDetected,\n        })}\n      >\n        <Icon\n          feedItem={feedItem}\n          classes={classes}\n          displayName={userFullName}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n        <div\n          className={classNames(styles.mainContainerTop, {\n            [styles.mainContainerTopNative]: isNativeDetected,\n          })}\n        >\n          <div className={styles.mainContainerTopLine}>\n            <TypeAndAssetTitle\n              feedItem={feedItem}\n              userFullName={userFullName}\n              typeLabel={typeLabel}\n              classes={classes}\n              isPost={isPost}\n            />\n            <div className={styles.mainContainerTopMenu}>\n              <CreatedAt feedItem={feedItem} classes={classes} />\n\n              <Actions\n                data-testid={`${PAGE_NAME}_actionsDropdown`}\n                isPost={isPost}\n                isEditableItem={isEditableItem}\n                canDeleteFeedItem={canDeleteFeedItem}\n                handleEditMenuItem={handleEditMenuItem}\n                handleDeleteMenuItem={handleDeleteMenuItem}\n                copyFeedItemLink={copyFeedItemLink}\n                feedItem={feedItem}\n                currentUser={currentUser}\n              />\n            </div>\n          </div>\n\n          <RigAndWell feedItem={feedItem} isPost={isPost} />\n        </div>\n        <Divider className={classes.headerDividerRoot} />\n        <CompletionDateTimestamp feedItem={feedItem} />\n        <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n          <Content\n            feedItem={feedItem}\n            appData={appData}\n            customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n            currentUser={currentUser}\n            onFeedItemClick={onFeedItemClick}\n            {...props}\n          />\n        </ErrorBoundary>\n      </div>\n      <Reactions\n        feedItem={feedItem}\n        handleToggleLike={handleToggleLike}\n        setOpenCommentInput={setOpenCommentInput}\n        setOpenCommentList={setOpenCommentList}\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        currentUser={currentUser}\n        extraActions={extraActions}\n      />\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\n      {openDeleteDialog && (\n        <ConfirmationDialog\n          open={openDeleteDialog}\n          title={`Delete ${typeCategory}`}\n          text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n          handleClose={() => setOpenDeleteDialog(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","FeedItem","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","onFeedItemClick","extraActions","props","_objectWithoutProperties","_excluded","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","onClick","alertRouter","push","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

package/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.d.ts

@@ -16,11 +16,6 @@ declare namespace FeedItemEditModal {
         tracesMaxDateSec: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         tracesAssetId: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
     };
-    var defaultProps: {
-        tracesMinDateSec: undefined;
-        tracesMaxDateSec: undefined;
-        tracesAssetId: undefined;
-    };
 }
 export default FeedItemEditModal;
 //# sourceMappingURL=FeedItemEditModal.d.ts.map

package/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedItemEditModal.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;mCAaR,EACzB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,GACd;;;;;;;CAAA;;;;;;;;;;;;;;;;eA6Ec,iBAAiB"}
+{"version":3,"file":"FeedItemEditModal.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;mCAaR,EACzB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,GACd;;;;;;;CAAA;;;;;;;;;;;eAuEc,iBAAiB"}

package/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js

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

package/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedItemEditModal.js","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport DvDCommentEdit from '../editModals/DvdCommentEdit';\nimport PCCommentEdit from '../editModals/PCCommentEdit';\nimport NptLessonsCommentEdit from '../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit';\nimport LessonsLearnedEdit from '../editModals/LessonsLearnedEdit/LessonsLearnedEdit';\n\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\nimport utils from '~/utils/main';\nimport PostPreviewDialog from '~/components/PostPreviewDialog';\nimport TracesEditModal from '~/components/TracesEditModal';\nimport HookloadCommentEdit from '~/components/FeedItem/editModals/HookloadCommentEdit';\n\nconst FeedItemEditModal = ({\n  feedItem,\n  onClose,\n  onSave,\n  tracesMinDateSec,\n  tracesMaxDateSec,\n  tracesAssetId,\n}) => {\n  if (feedItem.type === 'dvd_comment')\n    return <DvDCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'hookload_broomstick_comment')\n    return <HookloadCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'pc_comment')\n    return <PCCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'npt_lessons_comment')\n    return <NptLessonsCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'lessons_learned')\n    return <LessonsLearnedEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === FEED_ITEM_TYPES.POST)\n    return (\n      <PostPreviewDialog\n        open\n        title=\"Edit\"\n        fileUrl={feedItem.context?.post?.attachment?.url}\n        fileName={\n          feedItem.context?.post?.attachment?.url &&\n          utils.getFileNameWithExtensionFromPath(feedItem.context?.post?.attachment?.url)\n        }\n        handleClose={onClose}\n        handleShare={(body, fileUrl, fileSize, fileName) =>\n          onSave({\n            context: {\n              post: {\n                body,\n                attachment: {\n                  test: 1,\n                  file_name: fileName,\n                  url: fileUrl,\n                  size: fileSize,\n                },\n              },\n            },\n          })\n        }\n        message={feedItem.context?.post?.body}\n        okButtonText=\"Save\"\n        cancelButtonText=\"Discard changes\"\n        companyId={feedItem.company_id}\n      />\n    );\n  if (feedItem.type === FEED_ITEM_TYPES.TRACES_MEMO)\n    return (\n      tracesMinDateSec &&\n      tracesMaxDateSec &&\n      tracesAssetId && (\n        <TracesEditModal\n          feedItem={feedItem}\n          onSave={onSave}\n          onClose={onClose}\n          minDateSec={tracesMinDateSec}\n          maxDateSec={tracesMaxDateSec}\n          assetId={tracesAssetId}\n        />\n      )\n    );\n\n  return null;\n};\n\nFeedItemEditModal.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nFeedItemEditModal.defaultProps = {\n  tracesMinDateSec: undefined,\n  tracesMaxDateSec: undefined,\n  tracesAssetId: undefined,\n};\n\nexport default FeedItemEditModal;\n"],"names":["FeedItemEditModal","_ref","_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","feedItem","onClose","onSave","tracesMinDateSec","tracesMaxDateSec","tracesAssetId","type","_jsx","DvDCommentEdit","HookloadCommentEdit","PCCommentEdit","NptLessonsCommentEdit","LessonsLearnedEdit","FEED_ITEM_TYPES","POST","PostPreviewDialog","open","title","fileUrl","context","post","attachment","url","fileName","utils","getFileNameWithExtensionFromPath","handleClose","handleShare","body","fileSize","test","file_name","size","message","okButtonText","cancelButtonText","companyId","company_id","TRACES_MEMO","TracesEditModal","minDateSec","maxDateSec","assetId","propTypes","PropTypes","shape","isRequired","func","oneOfType","string","number","defaultProps","undefined"],"mappings":"0mBAaA,IAAMA,EAAoB,SAOpBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,iBACAC,IAAAA,iBACAC,IAAAA,cAEA,MAAsB,gBAAlBL,EAASM,KACJC,EAACC,EAAc,CAACR,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACjD,gCAAlBF,EAASM,KACJC,EAACE,EAAmB,CAACT,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACtD,eAAlBF,EAASM,KACJC,EAACG,EAAa,CAACV,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IAChD,wBAAlBF,EAASM,KACJC,EAACI,EAAqB,CAACX,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACxD,oBAAlBF,EAASM,KACJC,EAACK,EAAkB,CAACZ,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACvEF,EAASM,OAASO,EAAgBC,KAElCP,EAACQ,EAAiB,CAChBC,MAAI,EACJC,MAAM,OACNC,QAAS,QAAAlB,EAAAA,EAASmB,eAAT,IAAA9B,GAAsB,QAAtBC,EAAAD,EAAkB+B,YAAI,IAAA9B,GAAtB,QAAsBC,EAAtBD,EAAwB+B,kBAAxB,IAAA9B,OAAA,EAAAA,EAAoC+B,IAC7CC,UACkB,QAAhB/B,EAAAQ,EAASmB,eAAO,IAAA3B,GAAhB,QAAgBC,EAAhBD,EAAkB4B,YAAlB,IAAA3B,GAAkC,QAAlCC,EAAAD,EAAwB4B,kBAAU,IAAA3B,OAAlB,EAAhBA,EAAoC4B,MACpCE,EAAMC,iCAAiC,QAAD9B,EAACK,EAASmB,eAAT,IAAAxB,GAAsB,QAAtBC,EAAAD,EAAkByB,YAAI,IAAAxB,GAAtB,QAAsBC,EAAtBD,EAAwByB,kBAAxB,IAAAxB,OAAA,EAAAA,EAAoCyB,KAE7EI,YAAazB,EACb0B,YAAa,SAACC,EAAMV,EAASW,EAAUN,GAAQ,OAC7CrB,EAAO,CACLiB,QAAS,CACPC,KAAM,CACJQ,KAAAA,EACAP,WAAY,CACVS,KAAM,EACNC,UAAWR,EACXD,IAAKJ,EACLc,KAAMH,MAKf,EACDI,gBAAOnC,EAAEE,EAASmB,sBAAT,UAAArB,EAAkBsB,YAAlB,IAAArB,SAAAA,EAAwB6B,KACjCM,aAAa,OACbC,iBAAiB,kBACjBC,UAAWpC,EAASqC,aAGtBrC,EAASM,OAASO,EAAgByB,YAElCnC,GACAC,GACAC,GACEE,EAACgC,EAAe,CACdvC,SAAUA,EACVE,OAAQA,EACRD,QAASA,EACTuC,WAAYrC,EACZsC,WAAYrC,EACZsC,QAASrC,IAKV,IACT,EAEAlB,EAAkBwD,UAAY,CAC5B3C,SAAU4C,EAAUC,QAAQC,WAC5B7C,QAAS2C,EAAUG,KAAKD,WACxB5C,OAAQ0C,EAAUG,KAAKD,WACvB3C,iBAAkByC,EAAUI,UAAU,CAACJ,EAAUK,OAAQL,EAAUM,SACnE9C,iBAAkBwC,EAAUI,UAAU,CAACJ,EAAUK,OAAQL,EAAUM,SACnE7C,cAAeuC,EAAUI,UAAU,CAACJ,EAAUK,OAAQL,EAAUM,UAGlE/D,EAAkBgE,aAAe,CAC/BhD,sBAAkBiD,EAClBhD,sBAAkBgD,EAClB/C,mBAAe+C"}
+{"version":3,"file":"FeedItemEditModal.js","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport DvDCommentEdit from '../editModals/DvdCommentEdit';\nimport PCCommentEdit from '../editModals/PCCommentEdit';\nimport NptLessonsCommentEdit from '../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit';\nimport LessonsLearnedEdit from '../editModals/LessonsLearnedEdit/LessonsLearnedEdit';\n\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\nimport utils from '~/utils/main';\nimport PostPreviewDialog from '~/components/PostPreviewDialog';\nimport TracesEditModal from '~/components/TracesEditModal';\nimport HookloadCommentEdit from '~/components/FeedItem/editModals/HookloadCommentEdit';\n\nconst FeedItemEditModal = ({\n  feedItem,\n  onClose,\n  onSave,\n  tracesMinDateSec,\n  tracesMaxDateSec,\n  tracesAssetId,\n}) => {\n  if (feedItem.type === 'dvd_comment')\n    return <DvDCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'hookload_broomstick_comment')\n    return <HookloadCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'pc_comment')\n    return <PCCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'npt_lessons_comment')\n    return <NptLessonsCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'lessons_learned')\n    return <LessonsLearnedEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === FEED_ITEM_TYPES.POST)\n    return (\n      <PostPreviewDialog\n        open\n        title=\"Edit\"\n        fileUrl={feedItem.context?.post?.attachment?.url}\n        fileName={\n          feedItem.context?.post?.attachment?.url &&\n          utils.getFileNameWithExtensionFromPath(feedItem.context?.post?.attachment?.url)\n        }\n        handleClose={onClose}\n        handleShare={(body, fileUrl, fileSize, fileName) =>\n          onSave({\n            context: {\n              post: {\n                body,\n                attachment: {\n                  test: 1,\n                  file_name: fileName,\n                  url: fileUrl,\n                  size: fileSize,\n                },\n              },\n            },\n          })\n        }\n        message={feedItem.context?.post?.body}\n        okButtonText=\"Save\"\n        cancelButtonText=\"Discard changes\"\n        companyId={feedItem.company_id}\n      />\n    );\n  if (feedItem.type === FEED_ITEM_TYPES.TRACES_MEMO)\n    return (\n      tracesMinDateSec &&\n      tracesMaxDateSec &&\n      tracesAssetId && (\n        <TracesEditModal\n          feedItem={feedItem}\n          onSave={onSave}\n          onClose={onClose}\n          minDateSec={tracesMinDateSec}\n          maxDateSec={tracesMaxDateSec}\n          assetId={tracesAssetId}\n        />\n      )\n    );\n\n  return null;\n};\n\nFeedItemEditModal.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport default FeedItemEditModal;\n"],"names":["FeedItemEditModal","_ref","_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","feedItem","onClose","onSave","tracesMinDateSec","tracesMaxDateSec","tracesAssetId","type","_jsx","DvDCommentEdit","HookloadCommentEdit","PCCommentEdit","NptLessonsCommentEdit","LessonsLearnedEdit","FEED_ITEM_TYPES","POST","PostPreviewDialog","open","title","fileUrl","context","post","attachment","url","fileName","utils","getFileNameWithExtensionFromPath","handleClose","handleShare","body","fileSize","test","file_name","size","message","okButtonText","cancelButtonText","companyId","company_id","TRACES_MEMO","TracesEditModal","minDateSec","maxDateSec","assetId","propTypes","PropTypes","shape","isRequired","func","oneOfType","string","number"],"mappings":"0mBAaA,IAAMA,EAAoB,SAOpBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,iBACAC,IAAAA,iBACAC,IAAAA,cAEA,MAAsB,gBAAlBL,EAASM,KACJC,EAACC,EAAc,CAACR,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACjD,gCAAlBF,EAASM,KACJC,EAACE,EAAmB,CAACT,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACtD,eAAlBF,EAASM,KACJC,EAACG,EAAa,CAACV,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IAChD,wBAAlBF,EAASM,KACJC,EAACI,EAAqB,CAACX,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACxD,oBAAlBF,EAASM,KACJC,EAACK,EAAkB,CAACZ,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACvEF,EAASM,OAASO,EAAgBC,KAElCP,EAACQ,EAAiB,CAChBC,MAAI,EACJC,MAAM,OACNC,QAAS,QAAAlB,EAAAA,EAASmB,eAAT,IAAA9B,GAAsB,QAAtBC,EAAAD,EAAkB+B,YAAI,IAAA9B,GAAtB,QAAsBC,EAAtBD,EAAwB+B,kBAAxB,IAAA9B,OAAA,EAAAA,EAAoC+B,IAC7CC,UACkB,QAAhB/B,EAAAQ,EAASmB,eAAO,IAAA3B,GAAhB,QAAgBC,EAAhBD,EAAkB4B,YAAlB,IAAA3B,GAAkC,QAAlCC,EAAAD,EAAwB4B,kBAAU,IAAA3B,OAAlB,EAAhBA,EAAoC4B,MACpCE,EAAMC,iCAAiC,QAAD9B,EAACK,EAASmB,eAAT,IAAAxB,GAAsB,QAAtBC,EAAAD,EAAkByB,YAAI,IAAAxB,GAAtB,QAAsBC,EAAtBD,EAAwByB,kBAAxB,IAAAxB,OAAA,EAAAA,EAAoCyB,KAE7EI,YAAazB,EACb0B,YAAa,SAACC,EAAMV,EAASW,EAAUN,GAAQ,OAC7CrB,EAAO,CACLiB,QAAS,CACPC,KAAM,CACJQ,KAAAA,EACAP,WAAY,CACVS,KAAM,EACNC,UAAWR,EACXD,IAAKJ,EACLc,KAAMH,MAKf,EACDI,gBAAOnC,EAAEE,EAASmB,sBAAT,UAAArB,EAAkBsB,YAAlB,IAAArB,SAAAA,EAAwB6B,KACjCM,aAAa,OACbC,iBAAiB,kBACjBC,UAAWpC,EAASqC,aAGtBrC,EAASM,OAASO,EAAgByB,YAElCnC,GACAC,GACAC,GACEE,EAACgC,EAAe,CACdvC,SAAUA,EACVE,OAAQA,EACRD,QAASA,EACTuC,WAAYrC,EACZsC,WAAYrC,EACZsC,QAASrC,IAKV,IACT,EAEAlB,EAAkBwD,UAAY,CAC5B3C,SAAU4C,EAAUC,QAAQC,WAC5B7C,QAAS2C,EAAUG,KAAKD,WACxB5C,OAAQ0C,EAAUG,KAAKD,WACvB3C,iBAAkByC,EAAUI,UAAU,CAACJ,EAAUK,OAAQL,EAAUM,SACnE9C,iBAAkBwC,EAAUI,UAAU,CAACJ,EAAUK,OAAQL,EAAUM,SACnE7C,cAAeuC,EAAUI,UAAU,CAACJ,EAAUK,OAAQL,EAAUM"}

package/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.d.ts

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types';
 declare function FeedItemEditProvider({ children, tracesMinDateSec, tracesMaxDateSec, tracesAssetId, exitFunc, }: {
     children: any;
-    exitFunc: any;
-    tracesAssetId: any;
-    tracesMaxDateSec: any;
-    tracesMinDateSec: any;
+    exitFunc?: typeof DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC | undefined;
+    tracesAssetId?: null | undefined;
+    tracesMaxDateSec?: null | undefined;
+    tracesMinDateSec?: null | undefined;
 }): import("react").JSX.Element;
 declare namespace FeedItemEditProvider {
     var propTypes: {
@@ -14,13 +14,8 @@ declare namespace FeedItemEditProvider {
         tracesAssetId: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         exitFunc: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    var defaultProps: {
-        tracesMinDateSec: null;
-        tracesMaxDateSec: null;
-        tracesAssetId: null;
-        exitFunc: () => null;
-    };
 }
+declare const DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC: () => null;
 declare function useFeedItemEditProvider(): any;
 export { FeedItemEditProvider, useFeedItemEditProvider };
 //# sourceMappingURL=FeedItemEditProvider.d.ts.map

package/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedItemEditProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;sCAUL,EAC5B,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,QAAQ,GACT;;;;;;CAAA;;;;;;;;;;;;;;;;AAwDD,iBAAS,uBAAuB,QAE/B;AAED,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"FeedItemEditProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;sCAUL,EAC5B,QAAQ,EACR,gBAAuB,EACvB,gBAAuB,EACvB,aAAoB,EACpB,QAAoD,GACrD;;;;;;CAAA;;;;;;;;;;AAiDD,QAAA,MAAM,yCAAyC,YAAa,CAAC;AAE7D,iBAAS,uBAAuB,QAE/B;AAED,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC"}

package/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js

@@ -1,2 +1,2 @@
-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 o from"./FeedItemEditModal.js";import"../../../utils/index.js";import{patchFeedItem as i}from"../../../clients/jsonApi/index.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,i(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(o,{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};
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import n from"prop-types";import{createContext as o,useState as i,useContext as s}from"react";import a from"./FeedItemEditModal.js";import"../../../utils/index.js";import{patchFeedItem as c}from"../../../clients/jsonApi/index.js";import{jsxs as u,jsx as l}from"react/jsx-runtime";import{showSuccessNotification as p}from"../../../utils/notificationToasts.js";var m=o(),d=function(n){var o,s=n.children,d=n.tracesMinDateSec,v=void 0===d?null:d,x=n.tracesMaxDateSec,b=void 0===x?null:x,y=n.tracesAssetId,h=void 0===y?null:y,S=n.exitFunc,I=void 0===S?f:S,M=i(null),T=r(M,2),j=T[0],D=T[1],A=function(){I(),D(null)},F=(o=e(t.mark((function e(r){return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c(j.id,{context:r});case 3:e.next=9;break;case 5:return e.prev=5,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 9:A(),p("Successfully updated");case 11:case"end":return e.stop()}}),e,null,[[0,5]])}))),function(e){return o.apply(this,arguments)});return u(m.Provider,{value:{editedFeedItem:j,setEditedFeedItem:D},children:[j&&l(a,{feedItem:j,onClose:A,onSave:function(e){var r=e.context;F(r)},tracesMinDateSec:v,tracesMaxDateSec:b,tracesAssetId:h}),s]})};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};var f=function(){return null};function v(){return s(m)}export{d as FeedItemEditProvider,v as useFeedItemEditProvider};
 //# sourceMappingURL=FeedItemEditProvider.js.map

package/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedItemEditProvider.js","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { createContext, useState, useContext } from 'react';\n\nimport FeedItemEditModal from './FeedItemEditModal';\n\nimport { showSuccessNotification } from '~/utils';\nimport { patchFeedItem } from '~/clients/jsonApi';\n\nconst FeedItemEditContext = createContext();\n\nconst FeedItemEditProvider = ({\n  children,\n  tracesMinDateSec,\n  tracesMaxDateSec,\n  tracesAssetId,\n  exitFunc,\n}) => {\n  const [editedFeedItem, setEditedFeedItem] = useState(null);\n\n  const exitEdit = () => {\n    exitFunc();\n    setEditedFeedItem(null);\n  };\n\n  const handlePatchFeedItem = async newContext => {\n    try {\n      await patchFeedItem(editedFeedItem.id, { context: newContext });\n    } catch (error) {\n      console.error(error);\n      return;\n    }\n\n    exitEdit();\n    showSuccessNotification('Successfully updated');\n  };\n\n  const onSave = ({ context }) => {\n    handlePatchFeedItem(context);\n  };\n\n  return (\n    <FeedItemEditContext.Provider value={{ editedFeedItem, setEditedFeedItem }}>\n      {editedFeedItem && (\n        <FeedItemEditModal\n          feedItem={editedFeedItem}\n          onClose={exitEdit}\n          onSave={onSave}\n          tracesMinDateSec={tracesMinDateSec}\n          tracesMaxDateSec={tracesMaxDateSec}\n          tracesAssetId={tracesAssetId}\n        />\n      )}\n      {children}\n    </FeedItemEditContext.Provider>\n  );\n};\n\nFeedItemEditProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  exitFunc: PropTypes.func,\n};\n\nFeedItemEditProvider.defaultProps = {\n  tracesMinDateSec: null,\n  tracesMaxDateSec: null,\n  tracesAssetId: null,\n  exitFunc: () => null,\n};\n\nfunction useFeedItemEditProvider() {\n  return useContext(FeedItemEditContext);\n}\n\nexport { FeedItemEditProvider, useFeedItemEditProvider };\n"],"names":["FeedItemEditContext","createContext","FeedItemEditProvider","_ref","_ref2","children","tracesMinDateSec","tracesMaxDateSec","tracesAssetId","exitFunc","useState","_useState2","_slicedToArray","_useState","editedFeedItem","setEditedFeedItem","exitEdit","handlePatchFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","newContext","wrap","_context","prev","next","patchFeedItem","id","context","t0","console","error","abrupt","showSuccessNotification","stop","_callee","_x","apply","this","arguments","_jsxs","Provider","value","_jsx","FeedItemEditModal","feedItem","onClose","onSave","_ref3","useFeedItemEditProvider","useContext","propTypes","PropTypes","node","isRequired","oneOfType","string","number","func","defaultProps"],"mappings":"4fAQA,IAAMA,EAAsBC,IAEtBC,EAAuB,SAMvBC,GAAA,IAQqBC,EAbzBC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,iBACAC,IAAAA,cACAC,IAAAA,SAE4CC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GAElCK,EAAW,WACfP,IACAM,EAAkB,OAGdE,GAAmBb,EAAAc,EAAAC,EAAAC,MAAG,WAAMC,GAAU,OAAAF,EAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAElCC,EAAcZ,EAAea,GAAI,CAAEC,QAASP,IAAa,KAAA,EAAAE,EAAAE,KAAA,EAAA,MAAA,KAAA,EAE1C,OAF0CF,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/DO,QAAQC,MAAYR,EAAAM,IAACN,EAAAS,OAAA,UAAA,KAAA,EAIvBhB,IACAiB,EAAwB,wBAAwB,KAAA,GAAA,IAAA,MAAA,OAAAV,EAAAW,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IACjD,KAAA,SAVwBC,GAAA,OAAAhC,EAAAiC,MAAAC,KAAAC,UAAA,GAgBzB,OACEC,EAACxC,EAAoByC,SAAQ,CAACC,MAAO,CAAE5B,eAAAA,EAAgBC,kBAAAA,GAAoBV,SACxES,CAAAA,GACC6B,EAACC,EAAiB,CAChBC,SAAU/B,EACVgC,QAAS9B,EACT+B,OAVO,SAAiBC,GAAA,IAAdpB,IAAAA,QAChBX,EAAoBW,IAUdtB,iBAAkBA,EAClBC,iBAAkBA,EAClBC,cAAeA,IAGlBH,IAGP,EAiBA,SAAS4C,IACP,OAAOC,EAAWlD,EACpB,CAjBAE,EAAqBiD,UAAY,CAC/B9C,SAAU+C,EAAUC,KAAKC,WACzBhD,iBAAkB8C,EAAUG,UAAU,CAACH,EAAUI,OAAQJ,EAAUK,SACnElD,iBAAkB6C,EAAUG,UAAU,CAACH,EAAUI,OAAQJ,EAAUK,SACnEjD,cAAe4C,EAAUG,UAAU,CAACH,EAAUI,OAAQJ,EAAUK,SAChEhD,SAAU2C,EAAUM,MAGtBxD,EAAqByD,aAAe,CAClCrD,iBAAkB,KAClBC,iBAAkB,KAClBC,cAAe,KACfC,SAAU,WAAA,OAAM,IAAI"}
+{"version":3,"file":"FeedItemEditProvider.js","sources":["../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { createContext, useState, useContext } from 'react';\n\nimport FeedItemEditModal from './FeedItemEditModal';\n\nimport { showSuccessNotification } from '~/utils';\nimport { patchFeedItem } from '~/clients/jsonApi';\n\nconst FeedItemEditContext = createContext();\n\nconst FeedItemEditProvider = ({\n  children,\n  tracesMinDateSec = null,\n  tracesMaxDateSec = null,\n  tracesAssetId = null,\n  exitFunc = DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC,\n}) => {\n  const [editedFeedItem, setEditedFeedItem] = useState(null);\n\n  const exitEdit = () => {\n    exitFunc();\n    setEditedFeedItem(null);\n  };\n\n  const handlePatchFeedItem = async newContext => {\n    try {\n      await patchFeedItem(editedFeedItem.id, { context: newContext });\n    } catch (error) {\n      console.error(error);\n      return;\n    }\n\n    exitEdit();\n    showSuccessNotification('Successfully updated');\n  };\n\n  const onSave = ({ context }) => {\n    handlePatchFeedItem(context);\n  };\n\n  return (\n    <FeedItemEditContext.Provider value={{ editedFeedItem, setEditedFeedItem }}>\n      {editedFeedItem && (\n        <FeedItemEditModal\n          feedItem={editedFeedItem}\n          onClose={exitEdit}\n          onSave={onSave}\n          tracesMinDateSec={tracesMinDateSec}\n          tracesMaxDateSec={tracesMaxDateSec}\n          tracesAssetId={tracesAssetId}\n        />\n      )}\n      {children}\n    </FeedItemEditContext.Provider>\n  );\n};\n\nFeedItemEditProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  exitFunc: PropTypes.func,\n};\n\nconst DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC = () => null;\n\nfunction useFeedItemEditProvider() {\n  return useContext(FeedItemEditContext);\n}\n\nexport { FeedItemEditProvider, useFeedItemEditProvider };\n"],"names":["FeedItemEditContext","createContext","FeedItemEditProvider","_ref","_ref2","children","_ref$tracesMinDateSec","tracesMinDateSec","_ref$tracesMaxDateSec","tracesMaxDateSec","_ref$tracesAssetId","tracesAssetId","_ref$exitFunc","exitFunc","DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC","useState","_useState2","_slicedToArray","_useState","editedFeedItem","setEditedFeedItem","exitEdit","handlePatchFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","newContext","wrap","_context","prev","next","patchFeedItem","id","context","t0","console","error","abrupt","showSuccessNotification","stop","_callee","_x","apply","this","arguments","_jsxs","Provider","value","_jsx","FeedItemEditModal","feedItem","onClose","onSave","_ref3","propTypes","PropTypes","node","isRequired","oneOfType","string","number","func","useFeedItemEditProvider","useContext"],"mappings":"4fAQA,IAAMA,EAAsBC,IAEtBC,EAAuB,SAMvBC,GAAA,IAQqBC,EAbzBC,IAAAA,SAAQC,EAAAH,EACRI,iBAAAA,aAAmB,KAAID,EAAAE,EAAAL,EACvBM,iBAAAA,aAAmB,KAAID,EAAAE,EAAAP,EACvBQ,cAAAA,aAAgB,KAAID,EAAAE,EAAAT,EACpBU,SAAAA,aAAWC,EAAyCF,EAERG,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GAElCK,EAAW,WACfR,IACAO,EAAkB,OAGdE,GAAmBlB,EAAAmB,EAAAC,EAAAC,MAAG,WAAMC,GAAU,OAAAF,EAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAElCC,EAAcZ,EAAea,GAAI,CAAEC,QAASP,IAAa,KAAA,EAAAE,EAAAE,KAAA,EAAA,MAAA,KAAA,EAE1C,OAF0CF,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/DO,QAAQC,MAAYR,EAAAM,IAACN,EAAAS,OAAA,UAAA,KAAA,EAIvBhB,IACAiB,EAAwB,wBAAwB,KAAA,GAAA,IAAA,MAAA,OAAAV,EAAAW,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IACjD,KAAA,SAVwBC,GAAA,OAAArC,EAAAsC,MAAAC,KAAAC,UAAA,GAgBzB,OACEC,EAAC7C,EAAoB8C,SAAQ,CAACC,MAAO,CAAE5B,eAAAA,EAAgBC,kBAAAA,GAAoBf,SACxEc,CAAAA,GACC6B,EAACC,EAAiB,CAChBC,SAAU/B,EACVgC,QAAS9B,EACT+B,OAVO,SAAiBC,GAAA,IAAdpB,IAAAA,QAChBX,EAAoBW,IAUd1B,iBAAkBA,EAClBE,iBAAkBA,EAClBE,cAAeA,IAGlBN,IAGP,EAEAH,EAAqBoD,UAAY,CAC/BjD,SAAUkD,EAAUC,KAAKC,WACzBlD,iBAAkBgD,EAAUG,UAAU,CAACH,EAAUI,OAAQJ,EAAUK,SACnEnD,iBAAkB8C,EAAUG,UAAU,CAACH,EAAUI,OAAQJ,EAAUK,SACnEjD,cAAe4C,EAAUG,UAAU,CAACH,EAAUI,OAAQJ,EAAUK,SAChE/C,SAAU0C,EAAUM,MAGtB,IAAM/C,EAA4C,WAAH,OAAS,IAAI,EAE5D,SAASgD,IACP,OAAOC,EAAW/D,EACpB"}

package/components/FeedItem/components/FeedComments.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as p,noop as r}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as C,jsx as A}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{isNativeDetected as I}from"../../../utils/mobileDetect.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";var v=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,h=i.openCommentList,D=i.feedItem,S=i.currentUser,P=D.comments,b=P.length,f=b>3,x=s(!1),T=o(x,2),H=T[0],L=T[1],k=s(!1),B=o(k,2),F=B[0],M=B[1],y=s(!1),q=o(y,2),O=q[0],E=q[1],R=s(null),w=o(R,2),G=w[0],W=w[1],U=t(),z=t(),N=e((function(){var o=p(D.comments,(function(o){return-c(o.created_at).unix()}));return O?O&&!F?o.slice(0,5):O&&F?o:[]:o.slice(0,3)}),[P,F,O]);n((function(){if(5===N.length&&!G){var o=z.current.clientHeight;W(o),M(!0)}G&&!O&&(W(null),M(!1))}),[N.length,G,O]);var _=V(),K=v({commentsListHeight:G,isAllCommentsVisibleKeyPressed:O,isInsideDcApp:_});return C("div",{className:(g||!!b)&&K.feedCommentsContainer,children:[g&&!I&&A(j,{inputRef:U,postComment:function(o){u(D.id,o)},setIsPosting:L,companyId:D.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(D.id,"-").concat(null===(m=D.comments)||void 0===m?void 0:m.size)}),h&&C("div",{className:K.feedCommentsList,children:[A("div",{className:K.feedCommentsListContentWrapper,children:C("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return A(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:D.company_id,currentUser:S},o.id)})),G&&A("div",{className:K.gradient})]})}),f&&A(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){E(!O)},children:O?"Hide older comments":"See all comments"})]}),H&&A(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as r,noop as p}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as C,jsx as A}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{isNativeDetected as I}from"../../../utils/mobileDetect.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";var v=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,h=i.openCommentList,D=i.feedItem,S=i.currentUser,P=D.comments,b=P.length,f=b>3,x=s(!1),T=o(x,2),H=T[0],B=T[1],L=s(!1),k=o(L,2),y=k[0],F=k[1],M=s(!1),q=o(M,2),E=q[0],O=q[1],w=s(null),R=o(w,2),G=R[0],W=R[1],U=t(),z=t(),N=e((function(){var o=r(D.comments,(function(o){return-c(o.created_at).unix()}));return E?E&&!y?o.slice(0,5):E&&y?o:[]:o.slice(0,3)}),[P,y,E]);n((function(){if(5===N.length&&!G){var o=z.current.clientHeight;W(o),F(!0)}G&&!E&&(W(null),F(!1))}),[N.length,G,E]);var _=V(),K=v({commentsListHeight:G,isAllCommentsVisibleKeyPressed:E,isInsideDcApp:_});return C("div",{className:(g||!!b)&&K.feedCommentsContainer,children:[g&&!I&&A(j,{inputRef:U,postComment:function(o){u(D.id,o)},setIsPosting:B,companyId:D.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(D.id,"-").concat(null===(m=D.comments)||void 0===m?void 0:m.size)}),h&&C("div",{className:K.feedCommentsList,children:[A("div",{className:K.feedCommentsListContentWrapper,children:C("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return A(l,{comment:o,handleDeleteCallback:p,patchCommentCallback:p,companyId:D.company_id,currentUser:S},o.id)})),G&&A("div",{className:K.gradient})]})}),f&&A(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){O(!E)},children:E?"Hide older comments":"See all comments"})]}),H&&A(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
 //# sourceMappingURL=FeedComments.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { 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';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.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                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"6keAaA,IAEMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,OAAQ,WAEVC,sBAAuB,CAAEC,QAAS,iBAClCC,iBAAkB,CAAEC,UAAW,IAC/BC,wBAAyB,CACvBC,OAAQ,SAAAC,GAAA,IAAGC,IAAAA,mBAAkB,OAAOA,GAAsBA,EAAqB,CAAC,EAChFC,SAAU,SAAAC,GAAqB,SAAlBF,oBAA+C,QAAQ,GAEtEG,+BAAgC,CAC9BC,SAAU,YAEZC,SAAU,CACRD,SAAU,WACVE,OAAQ,EACRC,KAAM,EACNC,MAAO,OACPV,OAAQ,GACRW,WAAY,SAAAC,GAAA,IAAGC,IAAAA,cAAa,MAAA,mDAAAC,OAExBD,EAAgB,UAAY,SAAQ,SAAA,KAgB5C,SAASE,EAA2EC,GAAA,IAAAC,EAA5DC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,SAAUC,IAAAA,YAC3DC,EAAaF,EAAbE,SAEFC,EAAgBD,EAASE,OACzBC,EAAoBF,EANW,EAQHG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACoCD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1EC,EAAyBF,EAAA,GAAEG,EAA4BH,EAAA,GACcN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAApFC,EAA8BF,EAAA,GAAEG,EAAiCH,EAAA,GACpBV,EAAAA,EAAS,MAAKc,EAAAZ,EAAAa,EAAA,GAA3DvC,EAAkBsC,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAUC,IACVC,EAAkBD,IAUlBE,EAAkBC,GAAQ,WAC9B,IAAMC,EAAiBC,EAAO7B,EAASE,UAAU,SAAA4B,GAAI,OAAKC,EAAOD,EAAKE,YAAYC,UAElF,OAAKf,EAGDA,IAAmCJ,EAC9Bc,EAAeM,MAAM,EA9BgB,GAiC1ChB,GAAkCJ,EAAkCc,EAEjE,GAREA,EAAeM,MAAM,EA5BK,EAqCpC,GAAE,CAAChC,EAAUY,EAA2BI,IAEzCiB,GAAU,WACR,GAvC8C,IAwC5CT,EAAgBtB,SACftB,EACD,CACA,IAAMsD,EAAYX,EAAgBY,QAAQC,aAC1ChB,EAAsBc,GACtBrB,GAA6B,EAC/B,CAEIjC,IAAuBoC,IACzBI,EAAsB,MACtBP,GAA6B,GAEhC,GAAE,CAACW,EAAgBtB,OAAQtB,EAAoBoC,IAEhD,IAAMzB,EAAgB8C,IAChBC,EAAUrE,EAAU,CAAEW,mBAAAA,EAAoBoC,+BAAAA,EAAgCzB,cAAAA,IAEhF,OACEgD,EAAA,MAAA,CAAKC,WAAY5C,KAAsBK,IAAkBqC,EAAQjE,sBAAsBoE,SAAA,CACpF7C,IAAqB8C,GACpBC,EAACC,EAAY,CACXC,SAAUxB,EACVyB,YA3CY,SAAAC,GAClBC,EAAoBlD,EAASmD,GAAIF,IA2C3BtC,aAAcA,EACdyC,UAAWpD,EAASqD,WACpBC,WAAW,EACXrD,YAAaA,EACbsD,SAAQ,GAAA7D,OAAKM,EAASmD,GAAE,KAAAzD,OAAI,QAAJG,EAAIG,EAASE,gBAAT,IAAAL,OAAA,EAAAA,EAAmB2D,QAGlDzD,GACC0C,EAAA,MAAA,CAAKC,UAAWF,EAAQ/D,iBAAiBkE,SACvC,CAAAE,EAAA,MAAA,CAAKH,UAAWF,EAAQvD,+BAA+B0D,SACrDF,EAAA,MAAA,CAAKC,UAAWF,EAAQ7D,wBAAyB8E,IAAKhC,EAAgBkB,SAAA,CACnEjB,EAAgBgC,KAAI,SAAAT,GAAO,OAC1BJ,EAACc,EAAO,CAENV,QAASA,EACTW,qBAAsBC,EACtBC,qBAAsBD,EACtBT,UAAWpD,EAASqD,WACpBpD,YAAaA,GALRgD,EAAQE,OAQhBrE,GAAsB+D,EAAA,MAAA,CAAKH,UAAWF,EAAQrD,gBAGlDkB,GACCwC,EAACkB,EAAU,CACTC,QAAQ,UACRC,MAAM,UACN,cAAA,GAAAvE,OAjII,eAiIyC,qBAC7CgD,UAAWF,EAAQnE,SACnB6F,QA9EkB,WAC5B/C,GAAmCD,IA6EMyB,SAE9BzB,EAAiC,sBAAwB,wBAMjER,GAAamC,EAACsB,EAAgB,CAAA,KAGrC,CAEAxE,EAAayE,UAAY,CACvBtE,iBAAkBuE,EAAUC,KAAKC,WACjCvE,SAAUqE,EAAUG,QAAQD,WAC5BtE,YAAaoE,EAAUG,QAAQD"}
+{"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { 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';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.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                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/components/FeedItem/components/LessonsLearnedLeafIcon.d.ts

@@ -1,17 +1,13 @@
 import PropTypes from 'prop-types';
 declare function LessonsLearnedLeafIcon({ offsetX, offsetY }: {
-    offsetX: any;
-    offsetY: any;
+    offsetX?: number | undefined;
+    offsetY?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace LessonsLearnedLeafIcon {
     var propTypes: {
         offsetX: PropTypes.Requireable<number>;
         offsetY: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        offsetX: number;
-        offsetY: number;
-    };
 }
 export default LessonsLearnedLeafIcon;
 //# sourceMappingURL=LessonsLearnedLeafIcon.d.ts.map

package/components/FeedItem/components/LessonsLearnedLeafIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LessonsLearnedLeafIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/components/LessonsLearnedLeafIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,sBAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE;;;CAAA,+BAiBnD;kBAjBQ,sBAAsB;;;;;;;;;;eA6BhB,sBAAsB"}
+{"version":3,"file":"LessonsLearnedLeafIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/components/LessonsLearnedLeafIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,sBAAsB,CAAC,EAAE,OAAW,EAAE,OAAW,EAAE;;;CAAA,+BAiB3D;kBAjBQ,sBAAsB;;;;;;eAwBhB,sBAAsB"}

package/components/FeedItem/components/LessonsLearnedLeafIcon.js

@@ -1,2 +1,2 @@
-import t from"prop-types";import{jsxs as e,jsx as r}from"react/jsx-runtime";function f(t){var f=t.offsetX,o=t.offsetY;return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",transform:"translate(".concat(f,",").concat(o,")"),children:[r("path",{d:"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z",fill:"#63EFFF"}),r("rect",{x:"7",y:"3",width:"2",height:"10",rx:"1",fill:"#212121"})]})}f.propTypes={offsetX:t.number,offsetY:t.number},f.defaultProps={offsetX:0,offsetY:0};export{f as default};
+import t from"prop-types";import{jsxs as e,jsx as r}from"react/jsx-runtime";function o(t){var o=t.offsetX,C=void 0===o?0:o,f=t.offsetY,i=void 0===f?0:f;return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",transform:"translate(".concat(C,",").concat(i,")"),children:[r("path",{d:"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z",fill:"#63EFFF"}),r("rect",{x:"7",y:"3",width:"2",height:"10",rx:"1",fill:"#212121"})]})}o.propTypes={offsetX:t.number,offsetY:t.number};export{o as default};
 //# sourceMappingURL=LessonsLearnedLeafIcon.js.map

package/components/FeedItem/components/LessonsLearnedLeafIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LessonsLearnedLeafIcon.js","sources":["../../../../src/components/FeedItem/components/LessonsLearnedLeafIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction LessonsLearnedLeafIcon({ offsetX, offsetY }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      transform={`translate(${offsetX},${offsetY})`}\n    >\n      <path\n        d=\"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z\"\n        fill=\"#63EFFF\"\n      />\n      <rect x=\"7\" y=\"3\" width=\"2\" height=\"10\" rx=\"1\" fill=\"#212121\" />\n    </svg>\n  );\n}\n\nLessonsLearnedLeafIcon.propTypes = {\n  offsetX: PropTypes.number,\n  offsetY: PropTypes.number,\n};\n\nLessonsLearnedLeafIcon.defaultProps = {\n  offsetX: 0,\n  offsetY: 0,\n};\n\nexport default LessonsLearnedLeafIcon;\n"],"names":["LessonsLearnedLeafIcon","_ref","offsetX","offsetY","_jsxs","width","height","viewBox","fill","xmlns","transform","children","_jsx","d","x","y","rx","propTypes","PropTypes","number","defaultProps"],"mappings":"4EAEA,SAASA,EAA6CC,GAAA,IAApBC,IAAAA,QAASC,IAAAA,QACzC,OACEC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNC,UAAwBR,aAAAA,OAAAA,EAAWC,KAAAA,OAAAA,EAAW,KAAAQ,SAE9C,CAAAC,EAAA,OAAA,CACEC,EAAE,u7BACFL,KAAK,YAEPI,EAAA,OAAA,CAAME,EAAE,IAAIC,EAAE,IAAIV,MAAM,IAAIC,OAAO,KAAKU,GAAG,IAAIR,KAAK,cAG1D,CAEAR,EAAuBiB,UAAY,CACjCf,QAASgB,EAAUC,OACnBhB,QAASe,EAAUC,QAGrBnB,EAAuBoB,aAAe,CACpClB,QAAS,EACTC,QAAS"}
+{"version":3,"file":"LessonsLearnedLeafIcon.js","sources":["../../../../src/components/FeedItem/components/LessonsLearnedLeafIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction LessonsLearnedLeafIcon({ offsetX = 0, offsetY = 0 }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      transform={`translate(${offsetX},${offsetY})`}\n    >\n      <path\n        d=\"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z\"\n        fill=\"#63EFFF\"\n      />\n      <rect x=\"7\" y=\"3\" width=\"2\" height=\"10\" rx=\"1\" fill=\"#212121\" />\n    </svg>\n  );\n}\n\nLessonsLearnedLeafIcon.propTypes = {\n  offsetX: PropTypes.number,\n  offsetY: PropTypes.number,\n};\n\nexport default LessonsLearnedLeafIcon;\n"],"names":["LessonsLearnedLeafIcon","_ref","_ref$offsetX","offsetX","_ref$offsetY","offsetY","_jsxs","width","height","viewBox","fill","xmlns","transform","children","_jsx","d","x","y","rx","propTypes","PropTypes","number"],"mappings":"4EAEA,SAASA,EAAqDC,GAAA,IAAAC,EAAAD,EAA5BE,QAAAA,aAAU,EAACD,EAAAE,EAAAH,EAAEI,QAAAA,aAAU,EAACD,EACxD,OACEE,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNC,UAAwBT,aAAAA,OAAAA,EAAWE,KAAAA,OAAAA,EAAW,KAAAQ,SAE9C,CAAAC,EAAA,OAAA,CACEC,EAAE,u7BACFL,KAAK,YAEPI,EAAA,OAAA,CAAME,EAAE,IAAIC,EAAE,IAAIV,MAAM,IAAIC,OAAO,KAAKU,GAAG,IAAIR,KAAK,cAG1D,CAEAV,EAAuBmB,UAAY,CACjChB,QAASiB,EAAUC,OACnBhB,QAASe,EAAUC"}

package/components/FeedItem/feedItemTypes/AlertFeedItem.d.ts

@@ -18,9 +18,6 @@ declare namespace AlertFeedItem {
         }>>>;
         onFeedItemClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    var defaultProps: {
-        onFeedItemClick: undefined;
-    };
 }
 export default AlertFeedItem;
 //# sourceMappingURL=AlertFeedItem.d.ts.map

package/components/FeedItem/feedItemTypes/AlertFeedItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertFeedItem.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;+BA2BZ,EAAE,QAAQ,EAAE,eAAe,EAAE;;;CAAA;;;;;;;;;;;;;;;;;;;;eA6DrC,aAAa"}
+{"version":3,"file":"AlertFeedItem.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;+BA2BZ,EAAE,QAAQ,EAAE,eAAe,EAAE;;;CAAA;;;;;;;;;;;;;;;;;eAyDrC,aAAa"}

package/components/FeedItem/feedItemTypes/AlertFeedItem.js

@@ -1,2 +1,2 @@
-import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router-dom";import o from"@material-ui/icons/Timeline";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as n}from"../../../constants/alerts.js";import{jsx as a,jsxs as l}from"react/jsx-runtime";var c=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),s=function(e){var i=e.feedItem,s=e.onFeedItemClick,m=c(),d=i.context.alert,p=d.id,u=d.name,f=d.description,h=d.decision_path;return a("div",{children:l("div",{className:m.alertContanier,children:[a(t,{variant:"body1",children:a(r,{className:m.item,to:"/alerts/".concat(p,"/"),onClick:function(e){if(s)return e.preventDefault(),e.stopPropagation(),void s(i);e.preventDefault(),localStorage.setItem(n,p)},children:u})}),a(t,{variant:"body1",gutterBottom:!0,children:f}),l(t,{variant:"body1",className:m.timelineText,children:[a(o,{className:m.timlineIconRoot,color:"action"}),h]})]})})};s.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired,onFeedItemClick:e.func},s.defaultProps={onFeedItemClick:void 0};export{s as default};
+import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router-dom";import o from"@material-ui/icons/Timeline";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as n}from"../../../constants/alerts.js";import{jsx as a,jsxs as l}from"react/jsx-runtime";var c=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),s=function(e){var i=e.feedItem,s=e.onFeedItemClick,m=c(),d=i.context.alert,p=d.id,u=d.name,f=d.description,h=d.decision_path;return a("div",{children:l("div",{className:m.alertContanier,children:[a(t,{variant:"body1",children:a(r,{className:m.item,to:"/alerts/".concat(p,"/"),onClick:function(e){if(s)return e.preventDefault(),e.stopPropagation(),void s(i);e.preventDefault(),localStorage.setItem(n,p)},children:u})}),a(t,{variant:"body1",gutterBottom:!0,children:f}),l(t,{variant:"body1",className:m.timelineText,children:[a(o,{className:m.timlineIconRoot,color:"action"}),h]})]})})};s.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired,onFeedItemClick:e.func};export{s as default};
 //# sourceMappingURL=AlertFeedItem.js.map

package/components/FeedItem/feedItemTypes/AlertFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport TimelineIcon from '@material-ui/icons/Timeline';\n\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst useStyles = makeStyles(theme => ({\n  alertContanier: {\n    display: 'inline-block',\n    width: 'calc(100% - 35px)',\n  },\n  timlineIconRoot: {\n    verticalAlign: 'bottom',\n    marginRight: 15,\n  },\n  timelineText: {\n    color: theme.palette.grey[400],\n  },\n  item: {\n    color: '#fff',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nconst AlertFeedItem = ({ feedItem, onFeedItemClick }) => {\n  const classes = useStyles();\n  const {\n    context: {\n      alert: { id, name, description, decision_path: decisionPath },\n    },\n  } = feedItem;\n\n  const handleAlertClick = e => {\n    if (onFeedItemClick) {\n      e.preventDefault();\n      e.stopPropagation();\n      onFeedItemClick(feedItem);\n      return;\n    }\n\n    e.preventDefault();\n    localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, id);\n  };\n\n  return (\n    <div>\n      <div className={classes.alertContanier}>\n        <Typography variant=\"body1\">\n          <Link className={classes.item} to={`/alerts/${id}/`} onClick={handleAlertClick}>\n            {name}\n          </Link>\n        </Typography>\n\n        <Typography variant=\"body1\" gutterBottom>\n          {description}\n        </Typography>\n\n        <Typography variant=\"body1\" className={classes.timelineText}>\n          <TimelineIcon className={classes.timlineIconRoot} color=\"action\" />\n          {decisionPath}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nAlertFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      alert: PropTypes.shape({\n        id: PropTypes.number.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string.isRequired,\n        decision_path: PropTypes.string.isRequired,\n        level: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n  onFeedItemClick: PropTypes.func,\n};\n\nAlertFeedItem.defaultProps = {\n  onFeedItemClick: undefined,\n};\n\nexport default AlertFeedItem;\n"],"names":["useStyles","makeStyles","theme","alertContanier","display","width","timlineIconRoot","verticalAlign","marginRight","timelineText","color","palette","grey","item","textDecoration","AlertFeedItem","_ref","feedItem","onFeedItemClick","classes","_feedItem$context$ale","context","alert","id","name","description","decisionPath","decision_path","_jsx","children","_jsxs","className","Typography","variant","Link","to","concat","onClick","e","preventDefault","stopPropagation","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","gutterBottom","TimelineIcon","propTypes","PropTypes","shape","number","isRequired","string","level","func","defaultProps","undefined"],"mappings":"+SAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,QAAS,eACTC,MAAO,qBAETC,gBAAiB,CACfC,cAAe,SACfC,YAAa,IAEfC,aAAc,CACZC,MAAOR,EAAMS,QAAQC,KAAK,MAE5BC,KAAM,CACJH,MAAO,OACP,UAAW,CACTI,eAAgB,cAGrB,IAEKC,EAAgB,SAAmCC,GAAA,IAAhCC,IAAAA,SAAUC,IAAAA,gBAC3BC,EAAUnB,IAChBoB,EAIIH,EAHFI,QACEC,MAASC,IAAAA,GAAIC,IAAAA,KAAMC,IAAAA,YAA4BC,IAAfC,cAgBpC,OACEC,EAAA,MAAA,CAAAC,SACEC,EAAA,MAAA,CAAKC,UAAWZ,EAAQhB,eAAe0B,SAAA,CACrCD,EAACI,EAAU,CAACC,QAAQ,QAAOJ,SACzBD,EAACM,EAAI,CAACH,UAAWZ,EAAQN,KAAMsB,GAAE,WAAAC,OAAab,EAAM,KAACc,QAhBpC,SAAAC,GACvB,GAAIpB,EAIF,OAHAoB,EAAEC,iBACFD,EAAEE,uBACFtB,EAAgBD,GAIlBqB,EAAEC,iBACFE,aAAaC,QAAQC,EAAmCpB,IAO6BM,SAC5EL,MAILI,EAACI,EAAU,CAACC,QAAQ,QAAQW,cAAY,EAAAf,SACrCJ,IAGHK,EAACE,EAAU,CAACC,QAAQ,QAAQF,UAAWZ,EAAQV,aAAaoB,SAAA,CAC1DD,EAACiB,EAAY,CAACd,UAAWZ,EAAQb,gBAAiBI,MAAM,WACvDgB,SAKX,EAEAX,EAAc+B,UAAY,CACxB7B,SAAU8B,EAAUC,MAAM,CACxB3B,QAAS0B,EAAUC,MAAM,CACvB1B,MAAOyB,EAAUC,MAAM,CACrBzB,GAAIwB,EAAUE,OAAOC,WACrB1B,KAAMuB,EAAUI,OAAOD,WACvBzB,YAAasB,EAAUI,OAAOD,WAC9BvB,cAAeoB,EAAUI,OAAOD,WAChCE,MAAOL,EAAUI,OAAOD,aACvBA,aACFA,aACFA,WACHhC,gBAAiB6B,EAAUM,MAG7BtC,EAAcuC,aAAe,CAC3BpC,qBAAiBqC"}
+{"version":3,"file":"AlertFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport TimelineIcon from '@material-ui/icons/Timeline';\n\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst useStyles = makeStyles(theme => ({\n  alertContanier: {\n    display: 'inline-block',\n    width: 'calc(100% - 35px)',\n  },\n  timlineIconRoot: {\n    verticalAlign: 'bottom',\n    marginRight: 15,\n  },\n  timelineText: {\n    color: theme.palette.grey[400],\n  },\n  item: {\n    color: '#fff',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nconst AlertFeedItem = ({ feedItem, onFeedItemClick }) => {\n  const classes = useStyles();\n  const {\n    context: {\n      alert: { id, name, description, decision_path: decisionPath },\n    },\n  } = feedItem;\n\n  const handleAlertClick = e => {\n    if (onFeedItemClick) {\n      e.preventDefault();\n      e.stopPropagation();\n      onFeedItemClick(feedItem);\n      return;\n    }\n\n    e.preventDefault();\n    localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, id);\n  };\n\n  return (\n    <div>\n      <div className={classes.alertContanier}>\n        <Typography variant=\"body1\">\n          <Link className={classes.item} to={`/alerts/${id}/`} onClick={handleAlertClick}>\n            {name}\n          </Link>\n        </Typography>\n\n        <Typography variant=\"body1\" gutterBottom>\n          {description}\n        </Typography>\n\n        <Typography variant=\"body1\" className={classes.timelineText}>\n          <TimelineIcon className={classes.timlineIconRoot} color=\"action\" />\n          {decisionPath}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nAlertFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      alert: PropTypes.shape({\n        id: PropTypes.number.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string.isRequired,\n        decision_path: PropTypes.string.isRequired,\n        level: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n  onFeedItemClick: PropTypes.func,\n};\n\nexport default AlertFeedItem;\n"],"names":["useStyles","makeStyles","theme","alertContanier","display","width","timlineIconRoot","verticalAlign","marginRight","timelineText","color","palette","grey","item","textDecoration","AlertFeedItem","_ref","feedItem","onFeedItemClick","classes","_feedItem$context$ale","context","alert","id","name","description","decisionPath","decision_path","_jsx","children","_jsxs","className","Typography","variant","Link","to","concat","onClick","e","preventDefault","stopPropagation","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","gutterBottom","TimelineIcon","propTypes","PropTypes","shape","number","isRequired","string","level","func"],"mappings":"+SAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,QAAS,eACTC,MAAO,qBAETC,gBAAiB,CACfC,cAAe,SACfC,YAAa,IAEfC,aAAc,CACZC,MAAOR,EAAMS,QAAQC,KAAK,MAE5BC,KAAM,CACJH,MAAO,OACP,UAAW,CACTI,eAAgB,cAGrB,IAEKC,EAAgB,SAAmCC,GAAA,IAAhCC,IAAAA,SAAUC,IAAAA,gBAC3BC,EAAUnB,IAChBoB,EAIIH,EAHFI,QACEC,MAASC,IAAAA,GAAIC,IAAAA,KAAMC,IAAAA,YAA4BC,IAAfC,cAgBpC,OACEC,EAAA,MAAA,CAAAC,SACEC,EAAA,MAAA,CAAKC,UAAWZ,EAAQhB,eAAe0B,SAAA,CACrCD,EAACI,EAAU,CAACC,QAAQ,QAAOJ,SACzBD,EAACM,EAAI,CAACH,UAAWZ,EAAQN,KAAMsB,GAAE,WAAAC,OAAab,EAAM,KAACc,QAhBpC,SAAAC,GACvB,GAAIpB,EAIF,OAHAoB,EAAEC,iBACFD,EAAEE,uBACFtB,EAAgBD,GAIlBqB,EAAEC,iBACFE,aAAaC,QAAQC,EAAmCpB,IAO6BM,SAC5EL,MAILI,EAACI,EAAU,CAACC,QAAQ,QAAQW,cAAY,EAAAf,SACrCJ,IAGHK,EAACE,EAAU,CAACC,QAAQ,QAAQF,UAAWZ,EAAQV,aAAaoB,SAAA,CAC1DD,EAACiB,EAAY,CAACd,UAAWZ,EAAQb,gBAAiBI,MAAM,WACvDgB,SAKX,EAEAX,EAAc+B,UAAY,CACxB7B,SAAU8B,EAAUC,MAAM,CACxB3B,QAAS0B,EAAUC,MAAM,CACvB1B,MAAOyB,EAAUC,MAAM,CACrBzB,GAAIwB,EAAUE,OAAOC,WACrB1B,KAAMuB,EAAUI,OAAOD,WACvBzB,YAAasB,EAAUI,OAAOD,WAC9BvB,cAAeoB,EAAUI,OAAOD,WAChCE,MAAOL,EAAUI,OAAOD,aACvBA,aACFA,aACFA,WACHhC,gBAAiB6B,EAAUM"}

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.d.ts

@@ -30,9 +30,6 @@ declare namespace AppAnnotationFeedItem {
         isSubDataEmpty: import("prop-types").Validator<(...args: any[]) => any>;
         showAppPreview: import("prop-types").Requireable<boolean>;
     };
-    var defaultProps: {
-        showAppPreview: boolean;
-    };
 }
 export default AppAnnotationFeedItem;
 //# sourceMappingURL=index.d.ts.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"names":[],"mappings":"uCAuB8B,KAAK,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAmKpB,qBAAqB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"names":[],"mappings":"uCAuB8B,KAAK,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgKpB,qBAAqB"}