@corva/ui 3.75.0-1 → 3.75.0-11

package/cjs-bundle/components/FeedCard/useFeedActivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFeedActivity.js","sources":["../../../../src/components/FeedCard/useFeedActivity.tsx"],"sourcesContent":["import { ComponentType, ReactNode } from 'react';\n\nimport { CommentMenuItem, CommentReply } from '../CommentCard/CommentCard.types';\nimport { getReplyAttachments } from '../CommentCard/buildCommentReply';\nimport { CommentReplyInput } from '../CommentComposer/CommentReplyInput';\nimport ConfirmationDialogJs from '../ConfirmationDialog';\nimport { DeleteFourIcon } from '../../icons';\n\nimport { useActivityInteractions } from './useActivityInteractions';\nimport type { InteractionActivity } from './useActivityInteractions';\nimport { useDeleteFeedItem } from './useDeleteFeedItem';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type FeedActivityUser = {\n  id?: string | number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n};\n/* eslint-enable camelcase */\n\nexport type FeedActivityProps = {\n  data: InteractionActivity;\n  currentUser: FeedActivityUser;\n  onChanged?: () => void;\n  loadingState?: { isLoading: boolean; setIsLoading: (isLoading: boolean) => void };\n  canDelete?: boolean;\n  onDeleted?: () => void;\n};\n\nconst ConfirmationDialog = ConfirmationDialogJs as unknown as ComponentType<{\n  open: boolean;\n  title: string;\n  text: string;\n  okText: string;\n  disableOk: boolean;\n  handleOk: () => void;\n  handleClose: () => void;\n}>;\n\nconst getUserName = (user?: FeedActivityUser) =>\n  `${user?.first_name ?? ''} ${user?.last_name ?? ''}`.trim();\n\nexport type FeedActivityBinding = {\n  isDeleted: boolean;\n  isLiked?: boolean;\n  likesCount?: number;\n  commentsCount?: number;\n  isReplyOpen?: boolean;\n  replies?: CommentReply[];\n  hasMoreReplies?: boolean;\n  moreRepliesCount?: number;\n  onLike?: () => void;\n  onReplyToggle?: () => void;\n  onShowMoreReplies?: () => void;\n  replyInput?: ReactNode;\n  menuItems: CommentMenuItem[];\n  deleteDialog: ReactNode;\n};\n\n// Returns `null` without an `activity`, so the card falls back to its presentational props.\nexport const useFeedActivity = (\n  activity: FeedActivityProps | undefined,\n  // What the delete dialog and its notifications call the item: \"comment\", \"item\".\n  subject: string\n): FeedActivityBinding | null => {\n  const interactions = useActivityInteractions({\n    activity: activity?.data ?? {},\n    currentUser: activity?.currentUser ?? {},\n    onChanged: activity?.onChanged,\n    loadingState: activity?.loadingState,\n  });\n\n  const deletion = useDeleteFeedItem({\n    id: activity?.data?.id,\n    successMessage: `${subject[0].toUpperCase()}${subject.slice(1)} was deleted`,\n    errorMessage: `Failed to delete the ${subject}`,\n    onDeleted: () => {\n      activity?.onChanged?.();\n      activity?.onDeleted?.();\n    },\n  });\n\n  if (!activity) return null;\n\n  const replies = interactions.replies.map(reply =>\n    interactions.editingReply && String(reply.id) === String(interactions.editingReply.id)\n      ? {\n          ...reply,\n          editForm: (\n            <CommentReplyInput\n              onSubmit={(body, attachments) =>\n                interactions.updateReply(\n                  interactions.editingReply?.id ?? reply.id,\n                  body,\n                  attachments\n                )\n              }\n              onCancel={interactions.cancelReplyEdit}\n              disabled={interactions.isLoading}\n              initialBody={interactions.editingReply.body ?? ''}\n              initialAttachments={getReplyAttachments(interactions.editingReply)}\n              author={{\n                name: getUserName(interactions.editingReply.user),\n                avatarUrl: interactions.editingReply.user?.profile_photo,\n              }}\n            />\n          ),\n        }\n      : reply\n  );\n\n  return {\n    isDeleted: deletion.isDeleted,\n    isLiked: interactions.isLiked,\n    likesCount: interactions.likesCount,\n    commentsCount: interactions.commentsCount,\n    isReplyOpen: interactions.isReplyOpen,\n    replies,\n    hasMoreReplies: interactions.hasMoreReplies,\n    moreRepliesCount: interactions.moreRepliesCount,\n    onLike: interactions.toggleLike,\n    onReplyToggle: interactions.toggleReplyOpen,\n    onShowMoreReplies: interactions.showMoreReplies,\n    replyInput: (\n      <CommentReplyInput\n        onSubmit={interactions.postReply}\n        disabled={interactions.isLoading}\n        author={{\n          name: getUserName(activity.currentUser),\n          avatarUrl: activity.currentUser?.profile_photo,\n        }}\n      />\n    ),\n    menuItems: activity.canDelete\n      ? [\n          {\n            label: 'Delete',\n            icon: <DeleteFourIcon size={16} />,\n            onClick: deletion.openDeleteDialog,\n          },\n        ]\n      : [],\n    deleteDialog: (\n      <ConfirmationDialog\n        open={deletion.isDialogOpen}\n        title={`Delete ${subject}`}\n        text={`Are you sure you want to delete this ${subject}?`}\n        okText=\"Delete\"\n        disableOk={deletion.isDeleting}\n        handleOk={deletion.confirmDelete}\n        handleClose={deletion.closeDeleteDialog}\n      />\n    ),\n  };\n};\n"],"names":["ConfirmationDialog","ConfirmationDialogJs","getUserName","user","_user$first_name","_user$last_name","concat","first_name","last_name","trim","activity","subject","_activity$data","_activity$currentUser","_activity$data2","_activity$currentUser2","interactions","useActivityInteractions","data","currentUser","onChanged","loadingState","deletion","useDeleteFeedItem","id","successMessage","toUpperCase","slice","errorMessage","onDeleted","_activity$onChanged","_activity$onDeleted","replies","map","reply","_interactions$editing3","_interactions$editing4","editingReply","String","editForm","_jsx","CommentReplyInput","onSubmit","body","attachments","_interactions$editing","_interactions$editing2","updateReply","onCancel","cancelReplyEdit","disabled","isLoading","initialBody","initialAttachments","getReplyAttachments","author","name","avatarUrl","profile_photo","isDeleted","isLiked","likesCount","commentsCount","isReplyOpen","hasMoreReplies","moreRepliesCount","onLike","toggleLike","onReplyToggle","toggleReplyOpen","onShowMoreReplies","showMoreReplies","replyInput","postReply","menuItems","canDelete","label","icon","DeleteFourIcon","size","onClick","openDeleteDialog","deleteDialog","open","isDialogOpen","title","text","okText","disableOk","isDeleting","handleOk","confirmDelete","handleClose","closeDeleteDialog"],"mappings":"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"}
+{"version":3,"file":"useFeedActivity.js","sources":["../../../../src/components/FeedCard/useFeedActivity.tsx"],"sourcesContent":["import { ComponentType, ReactNode } from 'react';\n\nimport { CommentMenuItem, CommentReply } from '../CommentCard/CommentCard.types';\nimport { getReplyAttachments } from '../CommentCard/buildCommentReply';\nimport { CommentReplyInput } from '../CommentComposer/CommentReplyInput';\nimport ConfirmationDialogJs from '../ConfirmationDialog';\nimport { DeleteFourIcon } from '../../icons';\n\nimport { useActivityInteractions } from './useActivityInteractions';\nimport type { InteractionActivity } from './useActivityInteractions';\nimport { useDeleteFeedItem } from './useDeleteFeedItem';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type FeedActivityUser = {\n  id?: string | number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n};\n/* eslint-enable camelcase */\n\nexport type FeedActivityProps = {\n  data: InteractionActivity;\n  currentUser: FeedActivityUser;\n  onChanged?: () => void;\n  loadingState?: { isLoading: boolean; setIsLoading: (isLoading: boolean) => void };\n  canDelete?: boolean;\n  onDeleted?: () => void;\n};\n\nconst ConfirmationDialog = ConfirmationDialogJs as unknown as ComponentType<{\n  open: boolean;\n  title: string;\n  text: string;\n  okText: string;\n  disableOk: boolean;\n  handleOk: () => void;\n  handleClose: () => void;\n}>;\n\nconst getUserName = (user?: FeedActivityUser) =>\n  `${user?.first_name ?? ''} ${user?.last_name ?? ''}`.trim();\n\nexport type FeedActivityBinding = {\n  isDeleted: boolean;\n  isLiked?: boolean;\n  likesCount?: number;\n  commentsCount?: number;\n  isReplyOpen?: boolean;\n  replies?: CommentReply[];\n  hasMoreReplies?: boolean;\n  moreRepliesCount?: number;\n  onLike?: () => void;\n  onReplyToggle?: () => void;\n  onShowMoreReplies?: () => void;\n  replyInput?: ReactNode;\n  menuItems: CommentMenuItem[];\n  deleteDialog: ReactNode;\n};\n\n// Returns `null` without an `activity`, so the card falls back to its presentational props.\nexport const useFeedActivity = (\n  activity: FeedActivityProps | undefined,\n  // What the delete dialog and its notifications call the item: \"comment\", \"item\".\n  subject: string\n): FeedActivityBinding | null => {\n  const interactions = useActivityInteractions({\n    activity: activity?.data ?? {},\n    currentUser: activity?.currentUser ?? {},\n    onChanged: activity?.onChanged,\n    loadingState: activity?.loadingState,\n  });\n\n  const deletion = useDeleteFeedItem({\n    id: activity?.data?.id,\n    successMessage: `${subject[0].toUpperCase()}${subject.slice(1)} was deleted`,\n    errorMessage: `Failed to delete the ${subject}`,\n    onDeleted: () => {\n      activity?.onChanged?.();\n      activity?.onDeleted?.();\n    },\n  });\n\n  if (!activity) return null;\n\n  const replies = interactions.replies.map(reply =>\n    interactions.editingReply && String(reply.id) === String(interactions.editingReply.id)\n      ? {\n          ...reply,\n          editForm: (\n            <CommentReplyInput\n              onSubmit={(body, attachments) =>\n                interactions.updateReply(\n                  interactions.editingReply?.id ?? reply.id,\n                  body,\n                  attachments\n                )\n              }\n              onCancel={interactions.cancelReplyEdit}\n              disabled={interactions.isLoading}\n              initialBody={interactions.editingReply.body ?? ''}\n              initialAttachments={getReplyAttachments(interactions.editingReply)}\n              author={{\n                name: getUserName(interactions.editingReply.user),\n                avatarUrl: interactions.editingReply.user?.profile_photo,\n              }}\n            />\n          ),\n        }\n      : reply\n  );\n\n  return {\n    isDeleted: deletion.isDeleted,\n    isLiked: interactions.isLiked,\n    likesCount: interactions.likesCount,\n    commentsCount: interactions.commentsCount,\n    isReplyOpen: interactions.isReplyOpen,\n    replies,\n    hasMoreReplies: interactions.hasMoreReplies,\n    moreRepliesCount: interactions.moreRepliesCount,\n    onLike: interactions.toggleLike,\n    onReplyToggle: interactions.toggleReplyOpen,\n    onShowMoreReplies: interactions.showMoreReplies,\n    replyInput: (\n      <CommentReplyInput\n        onSubmit={interactions.postReply}\n        disabled={interactions.isLoading}\n        author={{\n          name: getUserName(activity.currentUser),\n          avatarUrl: activity.currentUser?.profile_photo,\n        }}\n      />\n    ),\n    menuItems: activity.canDelete\n      ? [\n          {\n            label: 'Delete',\n            icon: <DeleteFourIcon size={16} />,\n            onClick: deletion.openDeleteDialog,\n          },\n        ]\n      : [],\n    deleteDialog: (\n      <ConfirmationDialog\n        open={deletion.isDialogOpen}\n        title={`Delete ${subject}`}\n        text={`Are you sure you want to delete this ${subject}?`}\n        okText=\"Delete\"\n        disableOk={deletion.isDeleting}\n        handleOk={deletion.confirmDelete}\n        handleClose={deletion.closeDeleteDialog}\n      />\n    ),\n  };\n};\n"],"names":["ConfirmationDialog","ConfirmationDialogJs","getUserName","user","_user$first_name","_user$last_name","concat","first_name","last_name","trim","activity","subject","_activity$data","_activity$currentUser","_activity$data2","_activity$currentUser2","interactions","useActivityInteractions","data","currentUser","onChanged","loadingState","deletion","useDeleteFeedItem","id","successMessage","toUpperCase","slice","errorMessage","onDeleted","_activity$onChanged","_activity$onDeleted","replies","map","reply","_interactions$editing3","_interactions$editing4","editingReply","String","editForm","_jsx","CommentReplyInput","onSubmit","body","attachments","_interactions$editing","_interactions$editing2","updateReply","onCancel","cancelReplyEdit","disabled","isLoading","initialBody","initialAttachments","getReplyAttachments","author","name","avatarUrl","profile_photo","isDeleted","isLiked","likesCount","commentsCount","isReplyOpen","hasMoreReplies","moreRepliesCount","onLike","toggleLike","onReplyToggle","toggleReplyOpen","onShowMoreReplies","showMoreReplies","replyInput","postReply","menuItems","canDelete","label","icon","DeleteFourIcon","size","onClick","openDeleteDialog","deleteDialog","open","isDialogOpen","title","text","okText","disableOk","isDeleting","handleOk","confirmDelete","handleClose","closeDeleteDialog"],"mappings":"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"}

package/cjs-bundle/components/FeedItem/FeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("@babel/runtime/regenerator"),t=require("@material-ui/core"),i=require("@material-ui/core/colors/grey"),c=require("classnames"),u=require("lodash"),p=require("react");require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@material-ui/icons"),require("../DevCenter/AppContext.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var a=require("../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("react-router-dom"),require("query-string");var l=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js");var m=require("../../constants/alerts.js");require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js");var d=require("../../constants/feed.js");require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var q=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js");var j=require("../../clients/jsonApi/index.js");require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js");var C=require("../../utils/main.js");require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var v=require("../../utils/mobileDetect.js");require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js");var A=require("../ErrorBoundary/ErrorBoundary.js");require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("../Icons/AnnotationIcon.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../Toaster/Toaster.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var I=require("./components/Actions.js"),V=require("./components/CompletionDateTimestamp.js"),D=require("./components/Content.js"),g=require("./components/CreatedAt.js"),S=require("./components/FeedComments.js"),x=require("./components/Icon.js"),f=require("./components/Reactions.js"),h=require("./components/RigAndWell.js"),T=require("./components/TypeAndAssetTitle.js"),P=require("./FeedItem.css.js"),b=require("../ConfirmationDialog.js"),y=require("../LoadingIndicator/LoadingIndicator.js"),E=require("../../utils/notificationToasts.js");function F(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var k=F(e),B=F(s),L=F(r),M=F(o),O=F(n),_=F(i),H=F(c),w=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates","paperClassName","getFeedItemMessage","onFeedItemClick","extraActions"];function R(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function N(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?R(Object(r),!0).forEach((function(s){k.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var Y=t.makeStyles((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:16,backgroundColor:function(s){return s.isInsideDcApp?"rgba(65, 65, 65, 0.9)":e.palette.background.b8},width:function(e){return e.isInsideDcApp?360:"100%"},boxShadow:function(e){return e.isInsideDcApp&&"0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)"}},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"8px 0 8px 0",backgroundColor:"#595959"},dateTimestamp:{color:e.palette.primary.text6,"& span":{color:e.palette.primary.contrastText}}}}));module.exports=function(e){var s,r,o,n,i,c,F,R,U,G,W,z,K=e.feedItem,Z=e.editableFeedItemTypes,J=void 0===Z?[d.FEED_ITEM_TYPES.POST]:Z,Q=e.removeFeedItem,X=void 0===Q?u.noop:Q,$=e.enterEditMode,ee=void 0===$?u.noop:$,se=e.router,re=e.currentUser,oe=e.appData,ne=e.customFeedItemTypeTemplates,te=void 0===ne?{}:ne,ie=e.paperClassName,ce=e.getFeedItemMessage,ue=void 0===ce?function(e){var s,r,o=e.context;return(null==o||null===(s=o.post)||void 0===s?void 0:s.body)||(null==o||null===(r=o.dvd_comment)||void 0===r?void 0:r.body)}:ce,pe=e.onFeedItemClick,ae=e.extraActions,le=M.default(e,w),me=u.includes(K.allowed_actions,"destroy"),de=q.useIsInsideIsolatedDcApp(),qe=Y({isInsideDcApp:de}),je=p.useState(!1),Ce=L.default(je,2),ve=Ce[0],Ae=Ce[1],Ie=p.useState(!0),Ve=L.default(Ie,2),De=Ve[0],ge=Ve[1],Se=p.useState(!0),xe=L.default(Se,2),fe=xe[0],he=xe[1],Te=p.useState(!1),Pe=L.default(Te,2),be=Pe[0],ye=Pe[1],Ee=K.type===d.FEED_ITEM_TYPES_BY_KEY.post.type,Fe=J.includes(K.type),ke=K.type===d.FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type&&(null===(s=K.context)||void 0===s||null===(r=s.geosteering_comments)||void 0===r||null===(o=r.data)||void 0===o?void 0:o.isRecommendation),Be=(null===(n=d.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===n?void 0:n.category)||"post",Le=C.default.getUserFullName(K.user),Me=null!==(i=d.FEED_ITEM_TYPES_BY_KEY[K.type])&&void 0!==i&&i.showCreatorToLabel?Le:(null===(c=d.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===c?void 0:c.label)||u.startCase(K.type),Oe=K.type===d.FEED_ITEM_TYPES_BY_KEY.alert.type&&"/alerts/".concat(null===(F=K.context)||void 0===F||null===(R=F.alert)||void 0===R?void 0:R.id),_e=K.type===d.FEED_ITEM_TYPES_BY_KEY.alert.type&&Oe,He=(W=B.default(O.default.mark((function e(){return O.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Ae(!0),e.prev=1,e.next=4,j.deleteFeedItem(K.id);case 4:e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(1),e.abrupt("return");case 9:return e.prev=9,Ae(!1),e.finish(9);case 12:E.showSuccessNotification("Item was deleted"),X(K.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return W.apply(this,arguments)}),we=p.useRef(!1),Re=(z=B.default(O.default.mark((function e(){var s;return O.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(we.current){e.next=11;break}return s=K.id,we.current=!0,e.prev=3,e.next=6,j.toggleFeedItemLike(s);case 6:e.next=10;break;case 8:e.prev=8,e.t0=e.catch(3);case 10:we.current=!1;case 11:case"end":return e.stop()}}),e,null,[[3,8]])}))),function(){return z.apply(this,arguments)}),Ne=a.useDevCenterRouter();return l.jsxs(t.Paper,{"data-testid":"".concat("FeedPo","_post_").concat(ue(K),"_rigName_").concat(function(e){var s,r,o;return!!e.rig?null===(s=e.rig)||void 0===s?void 0:s.name:null===(r=e.well)||void 0===r||null===(o=r.parent_asset)||void 0===o?void 0:o.name}(K)),className:H.default(qe.paperRoot,ie,(U={},k.default(U,qe.clickablePaperRoot,_e),k.default(U,P.hideOverflow,ve),U)),elevation:0,children:[l.jsxs("div",{onClick:function(){if(_e)if(pe)pe(K);else{var e=se||Ne;e?e.push(Oe):localStorage.setItem(m.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,K.context.alert.id)}},className:H.default(P.mainContainer,(G={},k.default(G,P.mainContainerClickable,_e),k.default(G,P.mainContainerNative,v.isNativeDetected),G)),children:[l.jsx(x,{feedItem:K,classes:qe,displayName:Le,isRecommended:ke,currentUser:re}),l.jsxs("div",{className:H.default(P.mainContainerTop,k.default({},P.mainContainerTopNative,v.isNativeDetected)),children:[l.jsxs("div",{className:P.mainContainerTopLine,children:[l.jsx(T,{feedItem:K,userFullName:Le,typeLabel:Me,classes:qe,isPost:Ee}),l.jsxs("div",{className:P.mainContainerTopMenu,children:[l.jsx(g,{feedItem:K,classes:qe}),l.jsx(I,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:Ee,isEditableItem:Fe,canDeleteFeedItem:me,handleEditMenuItem:function(){ee(K)},handleDeleteMenuItem:function(){ye(!0)},copyFeedItemLink:function(){var e=K.id,s="".concat(window.location.host,"/feed/").concat(e);C.default.copyToClipboard(s)},feedItem:K,currentUser:re})]})]}),l.jsx(h,{feedItem:K,isPost:Ee})]}),l.jsx(t.Divider,{className:qe.headerDividerRoot}),l.jsx(V,{feedItem:K}),l.jsx(A,{ErrorView:function(){return l.jsx(t.Typography,{children:"Feed Item loading failed"})},children:l.jsx(D,N({feedItem:K,appData:oe,customFeedItemTypeTemplates:te,currentUser:re,onFeedItemClick:pe},le))})]}),l.jsx(f,{feedItem:K,handleToggleLike:Re,setOpenCommentInput:ge,setOpenCommentList:he,openCommentInput:De,openCommentList:fe,currentUser:re,extraActions:ae}),l.jsx(S,{openCommentInput:De,openCommentList:fe,feedItem:K,currentUser:re}),ve&&l.jsx("div",{className:P.loadingContainer,style:{backgroundColor:_.default[800]},children:l.jsx(y,{})}),be&&l.jsx(b,{open:be,title:"Delete ".concat(Be),text:"Are you sure you want to delete ".concat(Be," and all attachments?"),handleClose:function(){return ye(!1)},handleOk:function(){He()},okText:"Delete"})]})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("@babel/runtime/regenerator"),t=require("@material-ui/core"),i=require("@material-ui/core/colors/grey"),c=require("classnames"),u=require("lodash"),p=require("react");require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("../DevCenter/AppContext.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var a=require("../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("react-router-dom"),require("query-string");var l=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js");var m=require("../../constants/alerts.js");require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js");var d=require("../../constants/feed.js");require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/index.js");var q=require("../../utils/mobileDetect.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@material-ui/icons"),require("../EmptyState/EmptyState.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js"),require("@material-ui/pickers"),require("@date-io/moment"),require("moment"),require("../../config/theme/index.js"),require("../../hocs/withAssetEditorLockHOC.js");var j=require("../ErrorBoundary/ErrorBoundary.js");require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../Button/components/Button/index.js"),require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var C=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js");require("../Modal/CorvaModal.scss.js"),require("../IconButton/index.js"),require("uuid"),require("../AssetEditorV2/index.js"),require("../AppVersionsSelect/AppVersionsSelect.js"),require("../DisabledSettingsMessage/DisabledSettingsMessage.js");var v=require("../ConfirmationDialog.js");require("../AppIcon/AppIcon.js"),require("immutable"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js");var A=require("../../clients/jsonApi/index.js");require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/Popover/Popover.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js");var I=require("../../utils/main.js");require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js"),require("../Icons/AnnotationIcon.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("../Toaster/Toaster.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var V=require("./components/Actions.js"),D=require("./components/CompletionDateTimestamp.js"),g=require("./components/Content.js"),S=require("./components/CreatedAt.js"),x=require("./components/FeedComments.js"),h=require("./components/Icon.js"),f=require("./components/Reactions.js"),T=require("./components/RigAndWell.js"),P=require("./components/TypeAndAssetTitle.js"),b=require("./FeedItem.css.js"),y=require("../LoadingIndicator/LoadingIndicator.js"),E=require("../../utils/notificationToasts.js");function F(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var B=F(e),k=F(s),L=F(r),M=F(o),O=F(n),_=F(i),H=F(c),w=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates","paperClassName","getFeedItemMessage","onFeedItemClick","extraActions"];function R(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function N(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?R(Object(r),!0).forEach((function(s){B.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var Y=t.makeStyles((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:16,backgroundColor:function(s){return s.isInsideDcApp?"rgba(65, 65, 65, 0.9)":e.palette.background.b8},width:function(e){return e.isInsideDcApp?360:"100%"},boxShadow:function(e){return e.isInsideDcApp&&"0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)"}},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"8px 0 8px 0",backgroundColor:"#595959"},dateTimestamp:{color:e.palette.primary.text6,"& span":{color:e.palette.primary.contrastText}}}}));module.exports=function(e){var s,r,o,n,i,c,F,R,U,G,W,z,K=e.feedItem,Z=e.editableFeedItemTypes,J=void 0===Z?[d.FEED_ITEM_TYPES.POST]:Z,Q=e.removeFeedItem,X=void 0===Q?u.noop:Q,$=e.enterEditMode,ee=void 0===$?u.noop:$,se=e.router,re=e.currentUser,oe=e.appData,ne=e.customFeedItemTypeTemplates,te=void 0===ne?{}:ne,ie=e.paperClassName,ce=e.getFeedItemMessage,ue=void 0===ce?function(e){var s,r,o=e.context;return(null==o||null===(s=o.post)||void 0===s?void 0:s.body)||(null==o||null===(r=o.dvd_comment)||void 0===r?void 0:r.body)}:ce,pe=e.onFeedItemClick,ae=e.extraActions,le=M.default(e,w),me=u.includes(K.allowed_actions,"destroy"),de=C.useIsInsideIsolatedDcApp(),qe=Y({isInsideDcApp:de}),je=p.useState(!1),Ce=L.default(je,2),ve=Ce[0],Ae=Ce[1],Ie=p.useState(!0),Ve=L.default(Ie,2),De=Ve[0],ge=Ve[1],Se=p.useState(!0),xe=L.default(Se,2),he=xe[0],fe=xe[1],Te=p.useState(!1),Pe=L.default(Te,2),be=Pe[0],ye=Pe[1],Ee=K.type===d.FEED_ITEM_TYPES_BY_KEY.post.type,Fe=J.includes(K.type),Be=K.type===d.FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type&&(null===(s=K.context)||void 0===s||null===(r=s.geosteering_comments)||void 0===r||null===(o=r.data)||void 0===o?void 0:o.isRecommendation),ke=(null===(n=d.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===n?void 0:n.category)||"post",Le=I.default.getUserFullName(K.user),Me=null!==(i=d.FEED_ITEM_TYPES_BY_KEY[K.type])&&void 0!==i&&i.showCreatorToLabel?Le:(null===(c=d.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===c?void 0:c.label)||u.startCase(K.type),Oe=K.type===d.FEED_ITEM_TYPES_BY_KEY.alert.type&&"/alerts/".concat(null===(F=K.context)||void 0===F||null===(R=F.alert)||void 0===R?void 0:R.id),_e=K.type===d.FEED_ITEM_TYPES_BY_KEY.alert.type&&Oe,He=(W=k.default(O.default.mark((function e(){return O.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Ae(!0),e.prev=1,e.next=4,A.deleteFeedItem(K.id);case 4:e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(1),e.abrupt("return");case 9:return e.prev=9,Ae(!1),e.finish(9);case 12:E.showSuccessNotification("Item was deleted"),X(K.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return W.apply(this,arguments)}),we=p.useRef(!1),Re=(z=k.default(O.default.mark((function e(){var s;return O.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(we.current){e.next=11;break}return s=K.id,we.current=!0,e.prev=3,e.next=6,A.toggleFeedItemLike(s);case 6:e.next=10;break;case 8:e.prev=8,e.t0=e.catch(3);case 10:we.current=!1;case 11:case"end":return e.stop()}}),e,null,[[3,8]])}))),function(){return z.apply(this,arguments)}),Ne=a.useDevCenterRouter();return l.jsxs(t.Paper,{"data-testid":"".concat("FeedPo","_post_").concat(ue(K),"_rigName_").concat(function(e){var s,r,o;return!!e.rig?null===(s=e.rig)||void 0===s?void 0:s.name:null===(r=e.well)||void 0===r||null===(o=r.parent_asset)||void 0===o?void 0:o.name}(K)),className:H.default(qe.paperRoot,ie,(U={},B.default(U,qe.clickablePaperRoot,_e),B.default(U,b.hideOverflow,ve),U)),elevation:0,children:[l.jsxs("div",{onClick:function(){if(_e)if(pe)pe(K);else{var e=se||Ne;e?e.push(Oe):localStorage.setItem(m.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,K.context.alert.id)}},className:H.default(b.mainContainer,(G={},B.default(G,b.mainContainerClickable,_e),B.default(G,b.mainContainerNative,q.isNativeDetected),G)),children:[l.jsx(h,{feedItem:K,classes:qe,displayName:Le,isRecommended:Be,currentUser:re}),l.jsxs("div",{className:H.default(b.mainContainerTop,B.default({},b.mainContainerTopNative,q.isNativeDetected)),children:[l.jsxs("div",{className:b.mainContainerTopLine,children:[l.jsx(P,{feedItem:K,userFullName:Le,typeLabel:Me,classes:qe,isPost:Ee}),l.jsxs("div",{className:b.mainContainerTopMenu,children:[l.jsx(S,{feedItem:K,classes:qe}),l.jsx(V,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:Ee,isEditableItem:Fe,canDeleteFeedItem:me,handleEditMenuItem:function(){ee(K)},handleDeleteMenuItem:function(){ye(!0)},copyFeedItemLink:function(){var e=K.id,s="".concat(window.location.host,"/feed/").concat(e);I.default.copyToClipboard(s)},feedItem:K,currentUser:re})]})]}),l.jsx(T,{feedItem:K,isPost:Ee})]}),l.jsx(t.Divider,{className:qe.headerDividerRoot}),l.jsx(D,{feedItem:K}),l.jsx(j,{ErrorView:function(){return l.jsx(t.Typography,{children:"Feed Item loading failed"})},children:l.jsx(g,N({feedItem:K,appData:oe,customFeedItemTypeTemplates:te,currentUser:re,onFeedItemClick:pe},le))})]}),l.jsx(f,{feedItem:K,handleToggleLike:Re,setOpenCommentInput:ge,setOpenCommentList:fe,openCommentInput:De,openCommentList:he,currentUser:re,extraActions:ae}),l.jsx(x,{openCommentInput:De,openCommentList:he,feedItem:K,currentUser:re}),ve&&l.jsx("div",{className:b.loadingContainer,style:{backgroundColor:_.default[800]},children:l.jsx(y,{})}),be&&l.jsx(v,{open:be,title:"Delete ".concat(ke),text:"Are you sure you want to delete ".concat(ke," and all attachments?"),handleClose:function(){return ye(!1)},handleOk:function(){He()},okText:"Delete"})]})};
 //# sourceMappingURL=FeedItem.js.map

package/cjs-bundle/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","_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","jsxs","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","jsx","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/IsInsideIsolatedDcAppProvider';\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","_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","jsxs","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","jsx","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

package/cjs-bundle/components/FeedItem/components/FeedComments.js

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

package/cjs-bundle/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","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}
+{"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/IsInsideIsolatedDcAppProvider';\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","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/cjs-bundle/components/FeedItem/components/Icon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("classnames"),t=require("@material-ui/core"),i=require("./AvatarIcon.js"),s=require("./LessonsLearnedLeafIcon.js"),n=require("../../../utils/mobileDetect.js"),o=require("../../../utils/feed.js"),a=require("../../../constants/feed.js"),c=require("../../../constants/alerts.js"),d=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),m=l(r),f=t.makeStyles({icon:{width:32,height:32,backgroundColor:"grey",borderRadius:23,position:"absolute",top:18,left:-16,padding:6},iconWrapper:{display:"inline-block",height:20,width:20,overflow:"hidden"},iconImg:{height:20,width:20},iconNative:{left:"auto"}}),E=function(e){var r,t=e.feedItem,i=e.feedItemType,s=e.icon,o=f(),l=a.FEED_ITEM_TYPES_BY_KEY[i]?a.FEED_ITEM_TYPES_BY_KEY[i].label:"Other";if(i===a.FEED_ITEM_TYPES_BY_KEY.alert.type){var E,p,_=null===(E=t.context)||void 0===E||null===(p=E.alert)||void 0===p?void 0:p.level;r={backgroundColor:c.ALERT_LEVEL_COLOR[_]}}return d.jsx("div",{className:m.default(o.icon,u.default({},o.iconNative,n.isNativeDetected)),style:r,children:d.jsx("div",{className:o.iconWrapper,children:d.jsx("img",{src:s,alt:"".concat(l," icon"),className:o.iconImg})})})};module.exports=function(e){var r=e.feedItem,t=e.displayName,n=e.isRecommended,c=e.currentUser,l=r.type,u=o.getIconForFeedItemType(l),m=l===a.FEED_ITEM_TYPES.LESSONS_LEARNED;return u===o.AVATAR_ICON||m?d.jsxs(d.Fragment,{children:[d.jsx(i,{displayName:t,feedItem:r,isRecommended:n,currentUser:c}),m&&d.jsx(s,{offsetX:-22,offsetY:32})]}):d.jsx(E,{icon:u,feedItem:r,feedItemType:l})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("classnames"),t=require("@material-ui/core"),i=require("./AvatarIcon.js"),o=require("./LessonsLearnedLeafIcon.js"),s=require("../../../utils/mobileDetect.js"),n=require("../../../utils/feed.js"),a=require("../../../constants/feed.js"),c=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(e),u=d(r),m=t.makeStyles({icon:{width:32,height:32,backgroundColor:"grey",borderRadius:23,position:"absolute",top:18,left:-16,padding:6},iconWrapper:{display:"inline-block",height:20,width:20,overflow:"hidden"},iconImg:{height:20,width:20},iconNative:{left:"auto"}}),f=function(e){var r=e.feedItem,t=e.feedItemType,i=e.icon,o=m(),d=a.FEED_ITEM_TYPES_BY_KEY[t]?a.FEED_ITEM_TYPES_BY_KEY[t].label:"Other",f=t===a.FEED_ITEM_TYPES_BY_KEY.alert.type,E=f?n.getFeedItemCardIconProps(r):{},p=E.Icon,I=E.iconColor,_=E.iconBg;return c.jsx("div",{className:u.default(o.icon,l.default({},o.iconNative,s.isNativeDetected)),style:f?{backgroundColor:_}:void 0,children:c.jsx("div",{className:o.iconWrapper,style:f?{color:I}:void 0,children:p?c.jsx(p,{size:20}):c.jsx("img",{src:i,alt:"".concat(d," icon"),className:o.iconImg})})})};module.exports=function(e){var r=e.feedItem,t=e.displayName,s=e.isRecommended,d=e.currentUser,l=r.type,u=n.getIconForFeedItemType(l),m=l===a.FEED_ITEM_TYPES.LESSONS_LEARNED;return u===n.AVATAR_ICON||m?c.jsxs(c.Fragment,{children:[c.jsx(i,{displayName:t,feedItem:r,isRecommended:s,currentUser:d}),m&&c.jsx(o,{offsetX:-22,offsetY:32})]}):c.jsx(f,{icon:u,feedItem:r,feedItemType:l})};
 //# sourceMappingURL=Icon.js.map

package/cjs-bundle/components/FeedItem/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../src/components/FeedItem/components/Icon.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\n// TODO: Fix styles shit\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport AvatarIcon from './AvatarIcon';\nimport LessonsLearnedLeafIcon from './LessonsLearnedLeafIcon';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIconForFeedItemType, AVATAR_ICON } from '~/utils/feed';\nimport { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '~/constants/feed';\nimport { ALERT_LEVEL_COLOR } from '~/constants/alerts';\n\nconst useStyles = makeStyles({\n  icon: {\n    width: 32,\n    height: 32,\n    backgroundColor: 'grey',\n    borderRadius: 23,\n    position: 'absolute',\n    top: 18,\n    left: -16,\n    padding: 6,\n  },\n  iconWrapper: {\n    display: 'inline-block',\n    height: 20,\n    width: 20,\n    overflow: 'hidden',\n  },\n  iconImg: {\n    height: 20,\n    width: 20,\n  },\n  iconNative: {\n    left: 'auto',\n  },\n});\n\nconst TypeIcon = ({ feedItem, feedItemType, icon }) => {\n  const classes = useStyles();\n\n  const label = FEED_ITEM_TYPES_BY_KEY[feedItemType]\n    ? FEED_ITEM_TYPES_BY_KEY[feedItemType].label\n    : 'Other';\n\n  let backgroundColorContainer;\n  if (feedItemType === FEED_ITEM_TYPES_BY_KEY.alert.type) {\n    const level = feedItem.context?.alert?.level;\n    backgroundColorContainer = { backgroundColor: ALERT_LEVEL_COLOR[level] };\n  }\n\n  return (\n    <div\n      className={classNames(classes.icon, {\n        [classes.iconNative]: isNativeDetected,\n      })}\n      style={backgroundColorContainer}\n    >\n      <div className={classes.iconWrapper}>\n        <img src={icon} alt={`${label} icon`} className={classes.iconImg} />\n      </div>\n    </div>\n  );\n};\n\nconst Icon = ({ feedItem, displayName, isRecommended, currentUser }) => {\n  const feedItemType = feedItem.type;\n  const icon = getIconForFeedItemType(feedItemType);\n  const isLessonsLearned = feedItemType === FEED_ITEM_TYPES.LESSONS_LEARNED;\n\n  // LessonsLearned has a custom icon. However, inside feedItem, we would like to display the avatar icon with a mark\n  if (icon === AVATAR_ICON || isLessonsLearned) {\n    return (\n      <>\n        <AvatarIcon\n          displayName={displayName}\n          feedItem={feedItem}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n\n        {isLessonsLearned && <LessonsLearnedLeafIcon offsetX={-22} offsetY={32} />}\n      </>\n    );\n  }\n\n  return <TypeIcon icon={icon} feedItem={feedItem} feedItemType={feedItemType} />;\n};\n\nexport default Icon;\n"],"names":["useStyles","makeStyles","icon","width","height","backgroundColor","borderRadius","position","top","left","padding","iconWrapper","display","overflow","iconImg","iconNative","TypeIcon","_ref","backgroundColorContainer","feedItem","feedItemType","classes","label","FEED_ITEM_TYPES_BY_KEY","alert","type","_feedItem$context","_feedItem$context$ale","level","context","ALERT_LEVEL_COLOR","_jsx","className","classNames","isNativeDetected","style","children","jsx","src","alt","concat","_ref2","displayName","isRecommended","currentUser","getIconForFeedItemType","isLessonsLearned","FEED_ITEM_TYPES","LESSONS_LEARNED","AVATAR_ICON","_jsxs","_Fragment","AvatarIcon","LessonsLearnedLeafIcon","offsetX","offsetY"],"mappings":"4dAcMA,EAAYC,EAAAA,WAAW,CAC3BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,gBAAiB,OACjBC,aAAc,GACdC,SAAU,WACVC,IAAK,GACLC,MAAO,GACPC,QAAS,GAEXC,YAAa,CACXC,QAAS,eACTR,OAAQ,GACRD,MAAO,GACPU,SAAU,UAEZC,QAAS,CACPV,OAAQ,GACRD,MAAO,IAETY,WAAY,CACVN,KAAM,UAIJO,EAAW,SAAsCC,GAAA,IAOjDC,EAPcC,IAAAA,SAAUC,IAAAA,aAAclB,IAAAA,KACpCmB,EAAUrB,IAEVsB,EAAQC,EAAsBA,uBAACH,GACjCG,EAAsBA,uBAACH,GAAcE,MACrC,QAGJ,GAAIF,IAAiBG,EAAAA,uBAAuBC,MAAMC,KAAM,CAAA,IAAAC,EAAAC,EAChDC,UAAQT,EAAAA,EAASU,sBAAT,UAAAH,EAAkBF,aAAlB,IAAAG,SAAAA,EAAyBC,MACvCV,EAA2B,CAAEb,gBAAiByB,EAAiBA,kBAACF,GAClE,CAEA,OACEG,EAAAA,IAAA,MAAA,CACEC,UAAWC,EAAAA,QAAWZ,EAAQnB,KAC3BmB,EAAAA,QAAAA,CAAAA,EAAAA,EAAQN,WAAamB,EAAAA,mBAExBC,MAAOjB,EAAyBkB,SAEhCL,EAAAM,IAAA,MAAA,CAAKL,UAAWX,EAAQV,YAAYyB,SAClCL,EAAAM,IAAA,MAAA,CAAKC,IAAKpC,EAAMqC,IAAG,GAAAC,OAAKlB,EAAa,SAACU,UAAWX,EAAQP,aAIjE,iBAEa,SAA2D2B,GAAA,IAAxDtB,IAAAA,SAAUuB,IAAAA,YAAaC,IAAAA,cAAeC,IAAAA,YAC9CxB,EAAeD,EAASM,KACxBvB,EAAO2C,yBAAuBzB,GAC9B0B,EAAmB1B,IAAiB2B,EAAeA,gBAACC,gBAG1D,OAAI9C,IAAS+C,EAAWA,aAAIH,EAExBI,EAAAA,KAAAC,EAAAA,SAAA,CAAAf,SAAA,CACEL,MAACqB,EAAU,CACTV,YAAaA,EACbvB,SAAUA,EACVwB,cAAeA,EACfC,YAAaA,IAGdE,GAAoBf,EAAAM,IAACgB,EAAsB,CAACC,SAAU,GAAIC,QAAS,QAKnExB,EAAAA,IAACf,EAAQ,CAACd,KAAMA,EAAMiB,SAAUA,EAAUC,aAAcA,GACjE"}
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/FeedItem/components/Icon.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\n// TODO: Fix styles shit\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport AvatarIcon from './AvatarIcon';\nimport LessonsLearnedLeafIcon from './LessonsLearnedLeafIcon';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIconForFeedItemType, getFeedItemCardIconProps, AVATAR_ICON } from '~/utils/feed';\nimport { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '~/constants/feed';\n\nconst useStyles = makeStyles({\n  icon: {\n    width: 32,\n    height: 32,\n    backgroundColor: 'grey',\n    borderRadius: 23,\n    position: 'absolute',\n    top: 18,\n    left: -16,\n    padding: 6,\n  },\n  iconWrapper: {\n    display: 'inline-block',\n    height: 20,\n    width: 20,\n    overflow: 'hidden',\n  },\n  iconImg: {\n    height: 20,\n    width: 20,\n  },\n  iconNative: {\n    left: 'auto',\n  },\n});\n\nconst TypeIcon = ({ feedItem, feedItemType, icon }) => {\n  const classes = useStyles();\n\n  const label = FEED_ITEM_TYPES_BY_KEY[feedItemType]\n    ? FEED_ITEM_TYPES_BY_KEY[feedItemType].label\n    : 'Other';\n\n  const isAlert = feedItemType === FEED_ITEM_TYPES_BY_KEY.alert.type;\n  const {\n    Icon: AlertLevelIcon,\n    iconColor,\n    iconBg,\n  } = isAlert ? getFeedItemCardIconProps(feedItem) : {};\n\n  return (\n    <div\n      className={classNames(classes.icon, {\n        [classes.iconNative]: isNativeDetected,\n      })}\n      style={isAlert ? { backgroundColor: iconBg } : undefined}\n    >\n      <div className={classes.iconWrapper} style={isAlert ? { color: iconColor } : undefined}>\n        {AlertLevelIcon ? (\n          <AlertLevelIcon size={20} />\n        ) : (\n          <img src={icon} alt={`${label} icon`} className={classes.iconImg} />\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst Icon = ({ feedItem, displayName, isRecommended, currentUser }) => {\n  const feedItemType = feedItem.type;\n  const icon = getIconForFeedItemType(feedItemType);\n  const isLessonsLearned = feedItemType === FEED_ITEM_TYPES.LESSONS_LEARNED;\n\n  // LessonsLearned has a custom icon. However, inside feedItem, we would like to display the avatar icon with a mark\n  if (icon === AVATAR_ICON || isLessonsLearned) {\n    return (\n      <>\n        <AvatarIcon\n          displayName={displayName}\n          feedItem={feedItem}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n\n        {isLessonsLearned && <LessonsLearnedLeafIcon offsetX={-22} offsetY={32} />}\n      </>\n    );\n  }\n\n  return <TypeIcon icon={icon} feedItem={feedItem} feedItemType={feedItemType} />;\n};\n\nexport default Icon;\n"],"names":["useStyles","makeStyles","icon","width","height","backgroundColor","borderRadius","position","top","left","padding","iconWrapper","display","overflow","iconImg","iconNative","TypeIcon","_ref","feedItem","feedItemType","classes","label","FEED_ITEM_TYPES_BY_KEY","isAlert","alert","type","getFeedItemCardIconProps","AlertLevelIcon","Icon","iconColor","iconBg","_jsx","className","classNames","isNativeDetected","style","undefined","children","jsx","color","size","src","alt","concat","_ref3","displayName","isRecommended","currentUser","getIconForFeedItemType","isLessonsLearned","FEED_ITEM_TYPES","LESSONS_LEARNED","AVATAR_ICON","_jsxs","_Fragment","AvatarIcon","LessonsLearnedLeafIcon","offsetX","offsetY"],"mappings":"kbAaMA,EAAYC,EAAAA,WAAW,CAC3BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,gBAAiB,OACjBC,aAAc,GACdC,SAAU,WACVC,IAAK,GACLC,MAAO,GACPC,QAAS,GAEXC,YAAa,CACXC,QAAS,eACTR,OAAQ,GACRD,MAAO,GACPU,SAAU,UAEZC,QAAS,CACPV,OAAQ,GACRD,MAAO,IAETY,WAAY,CACVN,KAAM,UAIJO,EAAW,SAAsCC,GAAA,IAAnCC,IAAAA,SAAUC,IAAAA,aAAcjB,IAAAA,KACpCkB,EAAUpB,IAEVqB,EAAQC,EAAsBA,uBAACH,GACjCG,EAAsBA,uBAACH,GAAcE,MACrC,QAEEE,EAAUJ,IAAiBG,yBAAuBE,MAAMC,KAK1DF,EAAAA,EAAUG,2BAAyBR,GAAY,CAAE,EAH7CS,IAANC,KACAC,IAAAA,UACAC,IAAAA,OAGF,OACEC,EAAAA,IAAA,MAAA,CACEC,UAAWC,EAAAA,QAAWb,EAAQlB,KAC3BkB,EAAAA,QAAAA,CAAAA,EAAAA,EAAQL,WAAamB,EAAAA,mBAExBC,MAAOZ,EAAU,CAAElB,gBAAiByB,QAAWM,EAAUC,SAEzDN,EAAAO,IAAA,MAAA,CAAKN,UAAWZ,EAAQT,YAAawB,MAAOZ,EAAU,CAAEgB,MAAOV,QAAcO,EAAUC,SACpFV,EACCI,EAAAO,IAACX,EAAc,CAACa,KAAM,KAEtBT,EAAAO,IAAA,MAAA,CAAKG,IAAKvC,EAAMwC,IAAG,GAAAC,OAAKtB,EAAa,SAACW,UAAWZ,EAAQN,aAKnE,iBAEa,SAA2D8B,GAAA,IAAxD1B,IAAAA,SAAU2B,IAAAA,YAAaC,IAAAA,cAAeC,IAAAA,YAC9C5B,EAAeD,EAASO,KACxBvB,EAAO8C,yBAAuB7B,GAC9B8B,EAAmB9B,IAAiB+B,EAAeA,gBAACC,gBAG1D,OAAIjD,IAASkD,EAAWA,aAAIH,EAExBI,EAAAA,KAAAC,EAAAA,SAAA,CAAAjB,SAAA,CACEN,MAACwB,EAAU,CACTV,YAAaA,EACb3B,SAAUA,EACV4B,cAAeA,EACfC,YAAaA,IAGdE,GAAoBlB,EAAAO,IAACkB,EAAsB,CAACC,SAAU,GAAIC,QAAS,QAKnE3B,EAAAA,IAACf,EAAQ,CAACd,KAAMA,EAAMgB,SAAUA,EAAUC,aAAcA,GACjE"}

package/cjs-bundle/components/FeedItem/components/LessonsLearnedLeafIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function f(e){var r=e.offsetX,o=void 0===r?0:r,f=e.offsetY,s=void 0===f?0:f;return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",transform:"translate(".concat(o,",").concat(s,")"),children:[t.jsx("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"}),t.jsx("rect",{x:"7",y:"3",width:"2",height:"10",rx:"1",fill:"#212121"})]})}f.propTypes={offsetX:o.default.number,offsetY:o.default.number},module.exports=f;
+"use strict";var e=require("prop-types"),t=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);function o(e){var r=e.offsetX,i=void 0===r?0:r,o=e.offsetY,s=void 0===o?0:o,f=e.size,n=void 0===f?16:f;return t.jsxs("svg",{width:n,height:n,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",transform:"translate(".concat(i,",").concat(s,")"),children:[t.jsx("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"}),t.jsx("rect",{x:"7",y:"3",width:"2",height:"10",rx:"1",fill:"#212121"})]})}o.propTypes={offsetX:i.default.number,offsetY:i.default.number,size:i.default.number},module.exports=o;
 //# sourceMappingURL=LessonsLearnedLeafIcon.js.map

package/cjs-bundle/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 = 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","jsx","d","x","y","rx","propTypes","PropTypes","number"],"mappings":"2JAEA,SAASA,EAAqDC,GAAA,IAAAC,EAAAD,EAA5BE,QAAAA,aAAU,EAACD,EAAAE,EAAAH,EAAEI,QAAAA,aAAU,EAACD,EACxD,OACEE,EAAAA,KAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNC,UAAwBT,aAAAA,OAAAA,EAAWE,KAAAA,OAAAA,EAAW,KAAAQ,SAE9C,CAAAC,EAAAC,IAAA,OAAA,CACEC,EAAE,u7BACFN,KAAK,YAEPI,EAAAC,IAAA,OAAA,CAAME,EAAE,IAAIC,EAAE,IAAIX,MAAM,IAAIC,OAAO,KAAKW,GAAG,IAAIT,KAAK,cAG1D,CAEAV,EAAuBoB,UAAY,CACjCjB,QAASkB,EAAS,QAACC,OACnBjB,QAASgB,EAAS,QAACC"}
+{"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, size = 16 }) {\n  return (\n    <svg\n      width={size}\n      height={size}\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  size: PropTypes.number,\n};\n\nexport default LessonsLearnedLeafIcon;\n"],"names":["LessonsLearnedLeafIcon","_ref","_ref$offsetX","offsetX","_ref$offsetY","offsetY","_ref$size","size","_jsxs","width","height","viewBox","fill","xmlns","transform","children","_jsx","jsx","d","x","y","rx","propTypes","PropTypes","number"],"mappings":"2JAEA,SAASA,EAAgEC,GAAA,IAAAC,EAAAD,EAAvCE,QAAAA,aAAU,EAACD,EAAAE,EAAAH,EAAEI,QAAAA,aAAU,EAACD,EAAAE,EAAAL,EAAEM,KAAAA,aAAO,GAAED,EACnE,OACEE,EAAAA,KAAA,MAAA,CACEC,MAAOF,EACPG,OAAQH,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNC,UAAwBX,aAAAA,OAAAA,EAAWE,KAAAA,OAAAA,EAAW,KAAAU,SAE9C,CAAAC,EAAAC,IAAA,OAAA,CACEC,EAAE,u7BACFN,KAAK,YAEPI,EAAAC,IAAA,OAAA,CAAME,EAAE,IAAIC,EAAE,IAAIX,MAAM,IAAIC,OAAO,KAAKW,GAAG,IAAIT,KAAK,cAG1D,CAEAZ,EAAuBsB,UAAY,CACjCnB,QAASoB,EAAS,QAACC,OACnBnB,QAASkB,EAAS,QAACC,OACnBjB,KAAMgB,EAAS,QAACC"}

package/cjs-bundle/components/FeedItem/feedItemTypes/AlertFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("@material-ui/core"),i=require("react-router-dom"),r=require("@material-ui/icons/Timeline"),a=require("../../../constants/alerts.js"),n=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),s=o(r),d=t.makeStyles((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"}}}})),u=function(e){var r=e.feedItem,o=e.onFeedItemClick,l=d(),u=r.context.alert,c=u.id,m=u.name,p=u.description,f=u.decision_path;return n.jsx("div",{children:n.jsxs("div",{className:l.alertContanier,children:[n.jsx(t.Typography,{variant:"body1",children:n.jsx(i.Link,{className:l.item,to:"/alerts/".concat(c,"/"),onClick:function(e){if(o)return e.preventDefault(),e.stopPropagation(),void o(r);e.preventDefault(),localStorage.setItem(a.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,c)},children:m})}),n.jsx(t.Typography,{variant:"body1",gutterBottom:!0,children:p}),n.jsxs(t.Typography,{variant:"body1",className:l.timelineText,children:[n.jsx(s.default,{className:l.timlineIconRoot,color:"action"}),f]})]})})};u.propTypes={feedItem:l.default.shape({context:l.default.shape({alert:l.default.shape({id:l.default.number.isRequired,name:l.default.string.isRequired,description:l.default.string.isRequired,decision_path:l.default.string.isRequired,level:l.default.string.isRequired}).isRequired}).isRequired}).isRequired,onFeedItemClick:l.default.func},module.exports=u;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),i=require("react-router-dom"),r=require("@material-ui/icons/Timeline"),a=require("../../../constants/alerts.js"),n=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),s=o(r),c=t.makeStyles((function(e){return{alertContanier:{display:"flex",flexDirection:"column",gap:e.spacing(.5),width:"calc(100% - 35px)"},name:{fontSize:12,lineHeight:"16px",color:e.palette.primary.text1,wordBreak:"break-word"},item:{color:e.palette.primary.text1,"&:hover":{textDecoration:"underline"}},description:{fontSize:12,lineHeight:"16px",color:e.palette.primary.text6,wordBreak:"break-word"},decisionPath:{display:"flex",alignItems:"center",gap:e.spacing(1),fontSize:12,lineHeight:"16px",color:e.palette.primary.text6},decisionPathIcon:{fontSize:16}}})),d=function(e){var t=e.feedItem,r=e.onFeedItemClick,o=c(),l=t.context.alert,d=l.id,u=l.name,p=l.description,m=l.decision_path;return n.jsx("div",{children:n.jsxs("div",{className:o.alertContanier,children:[n.jsx("div",{className:o.name,children:n.jsx(i.Link,{className:o.item,to:"/alerts/".concat(d,"/"),onClick:function(e){if(r)return e.preventDefault(),e.stopPropagation(),void r(t);e.preventDefault(),localStorage.setItem(a.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,d)},children:u})}),n.jsx("div",{className:o.description,children:p}),m&&n.jsxs("div",{className:o.decisionPath,children:[n.jsx(s.default,{className:o.decisionPathIcon,color:"action"}),m]})]})})};d.propTypes={feedItem:l.default.shape({context:l.default.shape({alert:l.default.shape({id:l.default.number.isRequired,name:l.default.string.isRequired,description:l.default.string.isRequired,decision_path:l.default.string,level:l.default.string.isRequired}).isRequired}).isRequired}).isRequired,onFeedItemClick:l.default.func},module.exports=d;
 //# sourceMappingURL=AlertFeedItem.js.map