@corva/ui 3.75.0-16 → 3.75.0-18

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":"+jKA8BA,IAAMA,EAAqBC,EAUrBC,EAAc,SAACC,GAAuB,IAAAC,EAAAC,EAAA,MAC1C,GAAAC,OAAmB,QAAnBF,EAAGD,eAAAA,EAAMI,kBAAU,IAAAH,EAAAA,EAAI,GAAE,KAAAE,OAAuB,QAAvBD,EAAIF,eAAAA,EAAMK,iBAAa,IAAAH,EAAAA,EAAA,IAAKI,MAAM,0BAoB9B,SAC7BC,EAEAC,GAC+B,IAAAC,EAAAC,EAAAC,EAAAC,EACzBC,EAAeC,EAAAA,wBAAwB,CAC3CP,SAA4B,QAApBE,EAAEF,aAAQ,EAARA,EAAUQ,YAAQ,IAAAN,EAAAA,EAAA,CAAE,EAC9BO,YAAsC,QAA3BN,EAAEH,aAAQ,EAARA,EAAUS,mBAAe,IAAAN,EAAAA,EAAA,CAAE,EACxCO,UAAWV,aAAAA,EAAAA,EAAUU,UACrBC,aAAcX,aAAQ,EAARA,EAAUW,eAGpBC,EAAWC,EAAAA,kBAAkB,CACjCC,GAAId,SAAA,QAAQI,EAARJ,EAAUQ,YAAV,IAAAJ,OAAQ,EAARA,EAAgBU,GACpBC,eAAmBd,GAAAA,OAAAA,EAAQ,GAAGe,eAAapB,OAAGK,EAAQgB,MAAM,GAAgB,gBAC5EC,aAAY,wBAAAtB,OAA0BK,GACtCkB,UAAW,WAAM,IAAAC,EAAAC,EACfrB,SAAmB,QAAnBA,EAAAA,EAAUU,iBAAS,IAAAU,GAAnBA,EAAApB,KAAAA,GACAA,SAAmB,QAAnBA,EAAAA,EAAUmB,iBAAS,IAAAE,GAAnBA,EAAArB,KAAAA,EACF,IAGF,IAAKA,EAAU,OAAO,KAEtB,IAAMsB,EAAUhB,EAAagB,QAAQC,KAAI,SAAAC,GAAK,IAAAC,EAAAC,EAAA,OAC5CpB,EAAaqB,cAAgBC,OAAOJ,EAAMV,MAAQc,OAAOtB,EAAaqB,aAAab,WAE1EU,GAAK,GAAA,CACRK,SACEC,MAACC,oBAAiB,CAChBC,SAAU,SAACC,EAAMC,GAAW,IAAAC,EAAAC,EAAA,OAC1B9B,EAAa+B,YACkB,UAA7B,UAAA/B,EAAaqB,oBAAb,IAAAS,OAAA,EAAAA,EAA2BtB,UAAE,IAAAqB,EAAAA,EAAIX,EAAMV,GACvCmB,EACAC,EAEH,EACDI,SAAUhC,EAAaiC,gBACvBC,SAAUlC,EAAamC,UACvBC,sBAAapC,EAAaqB,aAAaM,oBAAQ,GAC/CU,mBAAoBC,EAAAA,oBAAoBtC,EAAaqB,cACrDkB,OAAQ,CACNC,KAAMtD,EAAYc,EAAaqB,aAAalC,MAC5CsD,oBAAWzC,EAAaqB,aAAalC,yBAA1BiC,EAAgCsB,mBAKnDxB,KAGN,MAAO,CACLyB,UAAWrC,EAASqC,UACpBC,QAAS5C,EAAa4C,QACtBC,WAAY7C,EAAa6C,WACzBC,cAAe9C,EAAa8C,cAC5BC,YAAa/C,EAAa+C,YAC1B/B,QAAAA,EACAgC,eAAgBhD,EAAagD,eAC7BC,iBAAkBjD,EAAaiD,iBAC/BC,OAAQlD,EAAamD,WACrBC,cAAepD,EAAaqD,gBAC5BC,kBAAmBtD,EAAauD,gBAChCC,WACEhC,MAACC,oBAAiB,CAChBC,SAAU1B,EAAayD,UACvBvB,SAAUlC,EAAamC,UACvBI,OAAQ,CACNC,KAAMtD,EAAYQ,EAASS,aAC3BsC,kBAAW/C,EAAAA,EAASS,gCAATJ,EAAsB2C,iBAIvCgB,UAAWhE,EAASiE,UAChB,CACE,CACEC,MAAO,SACPC,KAAMrC,MAACsC,iBAAc,CAACC,KAAM,KAC5BC,QAAS1D,EAAS2D,mBAGtB,GACJC,aACE1C,MAACxC,EAAkB,CACjBmF,KAAM7D,EAAS8D,aACfC,MAAK,UAAA/E,OAAYK,GACjB2E,KAAI,wCAAAhF,OAA0CK,EAAW,KACzD4E,OAAO,SACPC,UAAWlE,EAASmE,WACpBC,SAAUpE,EAASqE,cACnBC,YAAatE,EAASuE,oBAI9B"}

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("../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"})]})};
+"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"),a=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 p=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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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/AppPanel/AppPanelsContext.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.constants.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/AppPanel/AppPanel.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"),x=require("./components/CreatedAt.js"),S=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,ae=e.onFeedItemClick,pe=e.extraActions,le=M.default(e,w),me=u.includes(K.allowed_actions,"destroy"),de=C.useIsInsideIsolatedDcApp(),qe=Y({isInsideDcApp:de}),je=a.useState(!1),Ce=L.default(je,2),ve=Ce[0],Ae=Ce[1],Ie=a.useState(!0),Ve=L.default(Ie,2),De=Ve[0],ge=Ve[1],xe=a.useState(!0),Se=L.default(xe,2),he=Se[0],fe=Se[1],Te=a.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=a.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=p.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(ae)ae(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(x,{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:ae},le))})]}),l.jsx(f,{feedItem:K,handleToggleLike:Re,setOpenCommentInput:ge,setOpenCommentList:fe,openCommentInput:De,openCommentList:he,currentUser:re,extraActions:pe}),l.jsx(S,{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/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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"}
+{"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/FilesDropzone/FilesDropzone.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react-dropzone"),e=require("classnames"),c=require("./styles.js"),i=require("../../icons/iconParkIcons.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");var n=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 r=require("../Typography.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../componentsV2/FilesDropzone/utils.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(e);function q(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function I(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?q(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):q(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.FilesDropzone=function(s){var e=s.multiple,m=s.children,l=s.accept,q=s.onDrop,p=s.className,d=s.maxFiles,b=s.maxSize,h=s.errorText,O=s.disabled,f=c.useStyles(),v=a.parseAccept(l),C=v.mimetypes,g=v.extensions,x=C.length||g.length?I({"*/*":g},Object.fromEntries(C.map((function(s){return[s,[]]})))):void 0,y=a.formatDescription(g,b),F=o.useDropzone({onDrop:q,multiple:e,accept:x,maxFiles:d,maxSize:b,disabled:O}),P=F.getRootProps,D=F.getInputProps,A=F.isDragActive;return u.jsxs("div",{className:p,children:[u.jsxs("div",I(I({},P()),{},{className:j.default(f.root,O&&f.disabled,A&&f.active),children:[u.jsx("input",I({},D())),m||u.jsxs(u.Fragment,{children:[u.jsx(i.FileAdditionOne,{size:24,className:f.icon}),u.jsx(r.Regular14,{children:"Drag & Drop your file here or"}),u.jsx(t,{variation:"tertiary",size:"small",disabled:O,className:f.uploadButton,children:"Choose file"})]})]})),!h&&y&&u.jsx(r.Regular14,{className:j.default(f.description,O&&f.disabled),children:y}),h&&u.jsxs(r.Regular14,{className:f.error,children:[u.jsx(n.CautionFilledCustomIcon,{size:20}),h]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react-dropzone"),e=require("classnames"),c=require("./styles.js"),i=require("../../icons/iconParkIcons.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");var n=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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 r=require("../Typography.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../componentsV2/FilesDropzone/utils.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(e);function q(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function I(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?q(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):q(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.FilesDropzone=function(s){var e=s.multiple,m=s.children,l=s.accept,q=s.onDrop,p=s.className,d=s.maxFiles,b=s.maxSize,h=s.errorText,O=s.disabled,f=c.useStyles(),v=a.parseAccept(l),C=v.mimetypes,g=v.extensions,x=C.length||g.length?I({"*/*":g},Object.fromEntries(C.map((function(s){return[s,[]]})))):void 0,y=a.formatDescription(g,b),F=o.useDropzone({onDrop:q,multiple:e,accept:x,maxFiles:d,maxSize:b,disabled:O}),P=F.getRootProps,D=F.getInputProps,A=F.isDragActive;return u.jsxs("div",{className:p,children:[u.jsxs("div",I(I({},P()),{},{className:j.default(f.root,O&&f.disabled,A&&f.active),children:[u.jsx("input",I({},D())),m||u.jsxs(u.Fragment,{children:[u.jsx(i.FileAdditionOne,{size:24,className:f.icon}),u.jsx(r.Regular14,{children:"Drag & Drop your file here or"}),u.jsx(t,{variation:"tertiary",size:"small",disabled:O,className:f.uploadButton,children:"Choose file"})]})]})),!h&&y&&u.jsx(r.Regular14,{className:j.default(f.description,O&&f.disabled),children:y}),h&&u.jsxs(r.Regular14,{className:f.error,children:[u.jsx(n.CautionFilledCustomIcon,{size:20}),h]})]})};
 //# sourceMappingURL=FilesDropzone.js.map

package/cjs-bundle/components/FilesDropzone/FilesDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesDropzone.js","sources":["../../../../src/components/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useStyles } from './styles';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\nimport { Regular14 } from '~/components/Typography';\nimport Button from '~/components/Button';\nimport { formatDescription, parseAccept } from '~/componentsV2/FilesDropzone/utils';\n\nexport type FilesDropzoneProps = {\n  /**\n   * Handles file drop\n   */\n  onDrop?: DropzoneOptions['onDrop'];\n\n  /**\n   * Content to render\n   */\n  children?: ReactNode;\n\n  /**\n   * Controls if dropzone accepts multiple files\n   */\n  multiple?: boolean;\n\n  /**\n   * Array of or comma-separated MIME types/File Extensions to accept\n   *\n   * NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n   * file extensions will be shown below the dropzone in the description\n   *\n   * Example:<br/>\n   * `.xsl,image/*,.csv`<br/>\n   * Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n   */\n  accept?: string[] | string;\n\n  /**\n   * Maximum files to accept\n   */\n  maxFiles?: number;\n\n  /**\n   * Maximum file size to accept\n   */\n  maxSize?: number;\n\n  errorText?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport const FilesDropzone = (props: FilesDropzoneProps) => {\n  const { multiple, children, accept, onDrop, className, maxFiles, maxSize, errorText, disabled } =\n    props;\n  const styles = useStyles();\n  const { mimetypes, extensions } = parseAccept(accept);\n\n  const acceptObject: Accept | undefined =\n    mimetypes.length || extensions.length\n      ? {\n          '*/*': extensions,\n          ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n        }\n      : undefined;\n\n  const description = formatDescription(extensions, maxSize);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    multiple,\n    accept: acceptObject,\n    maxFiles,\n    maxSize,\n    disabled,\n  });\n  return (\n    <div className={className}>\n      <div\n        {...getRootProps()}\n        className={classNames(\n          styles.root,\n          disabled && styles.disabled,\n          isDragActive && styles.active\n        )}\n      >\n        <input {...getInputProps()} />\n        {children || (\n          <>\n            <FileAdditionOne size={24} className={styles.icon} />\n            <Regular14>Drag & Drop your file here or</Regular14>\n            <Button\n              variation=\"tertiary\"\n              size=\"small\"\n              disabled={disabled}\n              className={styles.uploadButton}\n            >\n              Choose file\n            </Button>\n          </>\n        )}\n      </div>\n\n      {!errorText && description && (\n        <Regular14 className={classNames(styles.description, disabled && styles.disabled)}>\n          {description}\n        </Regular14>\n      )}\n\n      {errorText && (\n        <Regular14 className={styles.error}>\n          <CautionFilledCustomIcon size={20} />\n          {errorText}\n        </Regular14>\n      )}\n    </div>\n  );\n};\n"],"names":["props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","jsxs","error","CautionFilledCustomIcon"],"mappings":"mwKAsD6B,SAACA,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,EAAAA,YACmBC,EAAAA,EAAWA,YAACT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAAA,kBAAkBV,EAAYP,GAElDkB,EAAsDC,EAAAA,YAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAAA,KAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,OAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EAAAA,QACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,EAAAA,iBAAWN,MACV1B,GACC4B,EAAAA,KAAAK,EAAAA,SAAA,CAAAjC,SAAA,CACEgC,MAACE,kBAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,MAACK,YAAS,CAAArC,SAAA,kCACVgC,MAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAAAA,IAACK,EAAAA,UAAS,CAAClC,UAAW0B,EAAU,QAACrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAAAa,KAACJ,YAAS,CAAClC,UAAWK,EAAOkC,MAAM1C,SAAA,CACjCgC,MAACW,0BAAuB,CAACR,KAAM,KAC9B7B,OAKX"}
+{"version":3,"file":"FilesDropzone.js","sources":["../../../../src/components/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useStyles } from './styles';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\nimport { Regular14 } from '~/components/Typography';\nimport Button from '~/components/Button';\nimport { formatDescription, parseAccept } from '~/componentsV2/FilesDropzone/utils';\n\nexport type FilesDropzoneProps = {\n  /**\n   * Handles file drop\n   */\n  onDrop?: DropzoneOptions['onDrop'];\n\n  /**\n   * Content to render\n   */\n  children?: ReactNode;\n\n  /**\n   * Controls if dropzone accepts multiple files\n   */\n  multiple?: boolean;\n\n  /**\n   * Array of or comma-separated MIME types/File Extensions to accept\n   *\n   * NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n   * file extensions will be shown below the dropzone in the description\n   *\n   * Example:<br/>\n   * `.xsl,image/*,.csv`<br/>\n   * Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n   */\n  accept?: string[] | string;\n\n  /**\n   * Maximum files to accept\n   */\n  maxFiles?: number;\n\n  /**\n   * Maximum file size to accept\n   */\n  maxSize?: number;\n\n  errorText?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport const FilesDropzone = (props: FilesDropzoneProps) => {\n  const { multiple, children, accept, onDrop, className, maxFiles, maxSize, errorText, disabled } =\n    props;\n  const styles = useStyles();\n  const { mimetypes, extensions } = parseAccept(accept);\n\n  const acceptObject: Accept | undefined =\n    mimetypes.length || extensions.length\n      ? {\n          '*/*': extensions,\n          ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n        }\n      : undefined;\n\n  const description = formatDescription(extensions, maxSize);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    multiple,\n    accept: acceptObject,\n    maxFiles,\n    maxSize,\n    disabled,\n  });\n  return (\n    <div className={className}>\n      <div\n        {...getRootProps()}\n        className={classNames(\n          styles.root,\n          disabled && styles.disabled,\n          isDragActive && styles.active\n        )}\n      >\n        <input {...getInputProps()} />\n        {children || (\n          <>\n            <FileAdditionOne size={24} className={styles.icon} />\n            <Regular14>Drag & Drop your file here or</Regular14>\n            <Button\n              variation=\"tertiary\"\n              size=\"small\"\n              disabled={disabled}\n              className={styles.uploadButton}\n            >\n              Choose file\n            </Button>\n          </>\n        )}\n      </div>\n\n      {!errorText && description && (\n        <Regular14 className={classNames(styles.description, disabled && styles.disabled)}>\n          {description}\n        </Regular14>\n      )}\n\n      {errorText && (\n        <Regular14 className={styles.error}>\n          <CautionFilledCustomIcon size={20} />\n          {errorText}\n        </Regular14>\n      )}\n    </div>\n  );\n};\n"],"names":["props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","jsxs","error","CautionFilledCustomIcon"],"mappings":"g3KAsD6B,SAACA,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,EAAAA,YACmBC,EAAAA,EAAWA,YAACT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAAA,kBAAkBV,EAAYP,GAElDkB,EAAsDC,EAAAA,YAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAAA,KAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,OAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EAAAA,QACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,EAAAA,iBAAWN,MACV1B,GACC4B,EAAAA,KAAAK,EAAAA,SAAA,CAAAjC,SAAA,CACEgC,MAACE,kBAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,MAACK,YAAS,CAAArC,SAAA,kCACVgC,MAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAAAA,IAACK,EAAAA,UAAS,CAAClC,UAAW0B,EAAU,QAACrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAAAa,KAACJ,YAAS,CAAClC,UAAWK,EAAOkC,MAAM1C,SAAA,CACjCgC,MAACW,0BAAuB,CAACR,KAAM,KAC9B7B,OAKX"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("prop-types"),i=require("classnames"),c=require("@material-ui/core"),r=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("../../icons/iconParkIcons.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 a=require("react/jsx-runtime"),l=require("./Icons/IconWarning.js"),d=require("../FileIcon/FileIcon.js"),m=require("./useStyles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=j(e),p=j(s),I=j(n),q=j(i);function h(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function v(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?h(Object(o),!0).forEach((function(s){f.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}function g(e){var s=e.size,n=void 0===s?"small":s,i=e.unit,j=void 0===i?"size":i,I=e.name,h=void 0===I?"":I,g=e.customUnitName,x=void 0===g?"":g,b=e.sizeBytes,y=void 0===b?1:b,C=e.handleCancel,O=void 0===C?null:C,z=e.onReload,S=void 0===z?null:z,P=e.onDelete,B=void 0===P?null:P,F=e.loadedBytes,N=e.error,w=void 0===N?null:N,M=e.errorText,k=void 0===M?"":M,A=e.formatError,E=void 0!==A&&A,L=e.importButtonType,T=void 0===L?"default":L,D=e.isLoadingAnimation,R=void 0!==D&&D,U=e.showActions,W=void 0===U||U,G=m.useStyles(),K=o.useState({}),Z=p.default(K,2),H=Z[0],J=Z[1],Q=o.useState(0),V=p.default(Q,2),X=V[0],Y=V[1],$=o.useState(!0),_=p.default($,2),ee=_[0],se=_[1],oe="large"===n,ne=oe?24:16,ie=oe?"medium":"small";o.useEffect((function(){J(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(null!=y?y:1,null!=j?j:"size",null!=x?x:""))}),[y,j]),o.useEffect((function(){if(F&&y){var e=Math.round(F/y*100);J((function(s){var o;return v(v({},s),{},{downloaded:Math.floor((null!==(o=s.convertedSize)&&void 0!==o?o:0)*e/10)/10})})),Y(e)}}),[F,y]),o.useEffect((function(){var e;return B&&X>=100&&(se(!0),e=setTimeout((function(){se(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[X]),o.useEffect((function(){w&&(Y(0),J((function(e){return v(v({},e),{},{downloaded:0})})))}),[w]);var ce=o.useMemo((function(){return[q.default(G.iconButton,f.default({},G.iconButtonLarge,oe)),q.default(G.actionIcon,f.default({},G.actionIconLarge,oe))]}),[oe]),re=p.default(ce,2),te=re[0],ue=re[1];return a.jsxs("div",{className:G.fileStateWrapper,children:[a.jsx("div",{className:G.fileIconContainer,children:a.jsx(d.FileIcon,{name:null!=h?h:"",style:{fontSize:oe?48:32}})}),a.jsxs("div",{className:G.fileState,children:[a.jsxs("div",{className:G.fileStateProgress,children:[a.jsx("div",{className:G.fileNameWrapper,children:a.jsx(c.Typography,{className:q.default(G.fileName,f.default({},G.fileNameLarge,oe)),children:h&&h.length>7?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:G.firstPart,children:h.slice(0,h.length-7)}),a.jsx("span",{children:h.slice(-7)})]}):h})}),!R&&a.jsx(c.LinearProgress,{className:G.progressBar,variant:"determinate",value:X,classes:{colorPrimary:q.default(G.progressBackground,f.default({},G.progressBarError,w)),barColorPrimary:q.default(G.progressBarColor,f.default({},G.progressBarError,w))}}),a.jsxs("div",{className:G.loaderProgressContainer,children:[!R&&a.jsx(c.Typography,{className:q.default(G.fileSize,f.default({},G.fileSizeLarge,oe)),component:"span",children:"".concat(H.downloaded," of ").concat(H.convertedSize," ").concat(H.unit)}),a.jsxs("div",{className:q.default(G.progressStatus,f.default({},G.fileSizeLarge,oe)),children:[w&&a.jsxs(c.Typography,{component:"div",className:G.errorContainer,children:[a.jsx(l,{size:n}),a.jsx(c.Typography,{component:"span",className:q.default(G.errorText,f.default({},G.fileSizeLarge,oe)),children:E?"Upload Error. Unacceptable file format.":"Upload Error".concat(k&&". ".concat(k))})]}),!w&&!R&&"".concat(X," %")]})]})]}),W&&a.jsxs("div",{className:G.fileActions,children:[X<100&&!w&&a.jsx(a.Fragment,{children:R?a.jsx("div",{className:q.default(G.loadingIcon,f.default({},G.loadingLargeIcon,oe)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):a.jsx(r,{tooltipProps:{title:"Cancel"},className:te,onClick:function(){null==O||O(h),Y(0),J((function(e){return v(v({},e),{},{downloaded:0})}))},size:ie,children:a.jsx(u.CloseSmallIcon,{className:ue,size:ne})})}),100===X&&!w&&(!ee&&B?a.jsx(r,{variant:"contained",tooltipProps:{title:"Delete"},className:te,onClick:B,size:ie,children:a.jsx(u.DeleteFourIcon,{className:ue,size:ne})}):a.jsx(u.CheckOneIcon,{fill:"#75DB29",size:ne,style:{marginLeft:12}})),S&&w&&a.jsx(a.Fragment,{children:E?a.jsx(a.Fragment,{children:"default"===T?a.jsx(t,{size:oe?"medium":"small",variation:"primary",startIcon:a.jsx(u.UploadIcon,{}),onClick:S,children:"Import"}):a.jsx(r,{size:ie,tooltipProps:{title:"Import File"},className:te,onClick:S,children:a.jsx(u.UploadIcon,{size:ne})})}):a.jsx(r,{size:ie,tooltipProps:{title:"Reload"},className:te,onClick:S,children:a.jsx(u.RedoIcon,{size:ne})})})]})]})]})}var x={size:I.default.oneOf(["small","large"]),unit:I.default.oneOf(["size","time","custom"]),customUnitName:I.default.string,onDelete:I.default.func,onReload:I.default.func,handleCancel:I.default.func,name:I.default.string,sizeBytes:I.default.number,error:I.default.bool,errorText:I.default.string,formatError:I.default.bool,importButtonType:I.default.oneOf(["default","icon"]),loadedBytes:I.default.number.isRequired,isLoadingAnimation:I.default.bool,showActions:I.default.bool};g.propTypes=x,module.exports=g;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("prop-types"),i=require("classnames"),c=require("@material-ui/core"),r=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("../../icons/iconParkIcons.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 a=require("react/jsx-runtime"),l=require("./Icons/IconWarning.js"),d=require("../FileIcon/FileIcon.js"),m=require("./useStyles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=j(e),p=j(s),I=j(n),q=j(i);function h(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function v(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?h(Object(o),!0).forEach((function(s){f.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}function g(e){var s=e.size,n=void 0===s?"small":s,i=e.unit,j=void 0===i?"size":i,I=e.name,h=void 0===I?"":I,g=e.customUnitName,x=void 0===g?"":g,b=e.sizeBytes,y=void 0===b?1:b,C=e.handleCancel,O=void 0===C?null:C,z=e.onReload,P=void 0===z?null:z,S=e.onDelete,B=void 0===S?null:S,F=e.loadedBytes,N=e.error,w=void 0===N?null:N,M=e.errorText,k=void 0===M?"":M,A=e.formatError,E=void 0!==A&&A,L=e.importButtonType,T=void 0===L?"default":L,D=e.isLoadingAnimation,R=void 0!==D&&D,U=e.showActions,W=void 0===U||U,G=m.useStyles(),K=o.useState({}),Z=p.default(K,2),H=Z[0],J=Z[1],Q=o.useState(0),V=p.default(Q,2),X=V[0],Y=V[1],$=o.useState(!0),_=p.default($,2),ee=_[0],se=_[1],oe="large"===n,ne=oe?24:16,ie=oe?"medium":"small";o.useEffect((function(){J(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(null!=y?y:1,null!=j?j:"size",null!=x?x:""))}),[y,j]),o.useEffect((function(){if(F&&y){var e=Math.round(F/y*100);J((function(s){var o;return v(v({},s),{},{downloaded:Math.floor((null!==(o=s.convertedSize)&&void 0!==o?o:0)*e/10)/10})})),Y(e)}}),[F,y]),o.useEffect((function(){var e;return B&&X>=100&&(se(!0),e=setTimeout((function(){se(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[X]),o.useEffect((function(){w&&(Y(0),J((function(e){return v(v({},e),{},{downloaded:0})})))}),[w]);var ce=o.useMemo((function(){return[q.default(G.iconButton,f.default({},G.iconButtonLarge,oe)),q.default(G.actionIcon,f.default({},G.actionIconLarge,oe))]}),[oe]),re=p.default(ce,2),te=re[0],ue=re[1];return a.jsxs("div",{className:G.fileStateWrapper,children:[a.jsx("div",{className:G.fileIconContainer,children:a.jsx(d.FileIcon,{name:null!=h?h:"",style:{fontSize:oe?48:32}})}),a.jsxs("div",{className:G.fileState,children:[a.jsxs("div",{className:G.fileStateProgress,children:[a.jsx("div",{className:G.fileNameWrapper,children:a.jsx(c.Typography,{className:q.default(G.fileName,f.default({},G.fileNameLarge,oe)),children:h&&h.length>7?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:G.firstPart,children:h.slice(0,h.length-7)}),a.jsx("span",{children:h.slice(-7)})]}):h})}),!R&&a.jsx(c.LinearProgress,{className:G.progressBar,variant:"determinate",value:X,classes:{colorPrimary:q.default(G.progressBackground,f.default({},G.progressBarError,w)),barColorPrimary:q.default(G.progressBarColor,f.default({},G.progressBarError,w))}}),a.jsxs("div",{className:G.loaderProgressContainer,children:[!R&&a.jsx(c.Typography,{className:q.default(G.fileSize,f.default({},G.fileSizeLarge,oe)),component:"span",children:"".concat(H.downloaded," of ").concat(H.convertedSize," ").concat(H.unit)}),a.jsxs("div",{className:q.default(G.progressStatus,f.default({},G.fileSizeLarge,oe)),children:[w&&a.jsxs(c.Typography,{component:"div",className:G.errorContainer,children:[a.jsx(l,{size:n}),a.jsx(c.Typography,{component:"span",className:q.default(G.errorText,f.default({},G.fileSizeLarge,oe)),children:E?"Upload Error. Unacceptable file format.":"Upload Error".concat(k&&". ".concat(k))})]}),!w&&!R&&"".concat(X," %")]})]})]}),W&&a.jsxs("div",{className:G.fileActions,children:[X<100&&!w&&a.jsx(a.Fragment,{children:R?a.jsx("div",{className:q.default(G.loadingIcon,f.default({},G.loadingLargeIcon,oe)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):a.jsx(r,{tooltipProps:{title:"Cancel"},className:te,onClick:function(){null==O||O(h),Y(0),J((function(e){return v(v({},e),{},{downloaded:0})}))},size:ie,children:a.jsx(u.CloseSmallIcon,{className:ue,size:ne})})}),100===X&&!w&&(!ee&&B?a.jsx(r,{variant:"contained",tooltipProps:{title:"Delete"},className:te,onClick:B,size:ie,children:a.jsx(u.DeleteFourIcon,{className:ue,size:ne})}):a.jsx(u.CheckOneIcon,{fill:"#75DB29",size:ne,style:{marginLeft:12}})),P&&w&&a.jsx(a.Fragment,{children:E?a.jsx(a.Fragment,{children:"default"===T?a.jsx(t,{size:oe?"medium":"small",variation:"primary",startIcon:a.jsx(u.UploadIcon,{}),onClick:P,children:"Import"}):a.jsx(r,{size:ie,tooltipProps:{title:"Import File"},className:te,onClick:P,children:a.jsx(u.UploadIcon,{size:ne})})}):a.jsx(r,{size:ie,tooltipProps:{title:"Reload"},className:te,onClick:P,children:a.jsx(u.RedoIcon,{size:ne})})})]})]})]})}var x={size:I.default.oneOf(["small","large"]),unit:I.default.oneOf(["size","time","custom"]),customUnitName:I.default.string,onDelete:I.default.func,onReload:I.default.func,handleCancel:I.default.func,name:I.default.string,sizeBytes:I.default.number,error:I.default.bool,errorText:I.default.string,formatError:I.default.bool,importButtonType:I.default.oneOf(["default","icon"]),loadedBytes:I.default.number.isRequired,isLoadingAnimation:I.default.bool,showActions:I.default.bool};g.propTypes=x,module.exports=g;
 //# sourceMappingURL=FilesLoader.js.map

package/cjs-bundle/components/FilesLoader/FilesLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesLoader.js","sources":["../../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n  if (unit === 'time') {\n    return {\n      downloaded: 0,\n      unit: 'min',\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (unit === 'custom') {\n    return {\n      downloaded: 0,\n      unit: customUnitName,\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (sizeBytes >= 10 ** 6) {\n    return {\n      downloaded: 0,\n      unit: 'MB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 5) / 10,\n    };\n  }\n  if (sizeBytes >= 10 ** 3) {\n    return {\n      downloaded: 0,\n      unit: 'KB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 2) / 10,\n    };\n  }\n  return {\n    downloaded: 0,\n    unit: 'B',\n    convertedSize: Math.floor(sizeBytes * 10) / 10,\n  };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n  downloaded?: number;\n  convertedSize?: number;\n  unit?: string;\n}\n\n/**\n * @deprecated\n */\nfunction FilesLoader({\n  size = 'small',\n  unit = 'size',\n  name = '',\n  customUnitName = '',\n  sizeBytes = 1,\n  handleCancel = null,\n  onReload = null,\n  onDelete = null,\n  loadedBytes,\n  error = null,\n  errorText = '',\n  formatError = false,\n  importButtonType = 'default',\n  isLoadingAnimation = false,\n  showActions = true,\n}: FilesLoaderProps): JSX.Element {\n  const classes = useStyles();\n  const [sizeParams, setSizeParams] = useState<SizeParams>({});\n  const [progressPercent, setProgressPercent] = useState(0);\n  const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n  const isLarge = size === 'large';\n  const iconSize = isLarge ? 24 : 16;\n  const iconButtonSize = isLarge ? 'medium' : 'small';\n\n  const handleCancelProgress = () => {\n    handleCancel?.(name);\n    setProgressPercent(0);\n    setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n  };\n\n  useEffect(() => {\n    setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n  }, [sizeBytes, unit]);\n\n  useEffect(() => {\n    if (loadedBytes && sizeBytes) {\n      const currentPercent = Math.round((loadedBytes / sizeBytes) * 100);\n      setSizeParams(prev => ({\n        ...prev,\n        downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes, sizeBytes]);\n\n  useEffect(() => {\n    let timerId: ReturnType<typeof setTimeout>;\n    if (onDelete && progressPercent >= 100) {\n      setIsSuccessButtonVisible(true);\n      timerId = setTimeout(() => {\n        setIsSuccessButtonVisible(false);\n      }, 5000);\n    }\n    return () => timerId && clearTimeout(timerId);\n  }, [progressPercent]);\n\n  useEffect(() => {\n    if (error) {\n      setProgressPercent(0);\n      setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n    }\n  }, [error]);\n\n  const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n    const iconButtonStyle = classNames(classes.iconButton, {\n      [classes.iconButtonLarge]: isLarge,\n    });\n    const actionIconStyle = classNames(classes.actionIcon, {\n      [classes.actionIconLarge]: isLarge,\n    });\n    return [iconButtonStyle, actionIconStyle];\n  }, [isLarge]);\n\n  return (\n    <div className={classes.fileStateWrapper}>\n      <div className={classes.fileIconContainer}>\n        <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n      </div>\n      <div className={classes.fileState}>\n        <div className={classes.fileStateProgress}>\n          <div className={classes.fileNameWrapper}>\n            <Typography\n              className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n            >\n              {name && name.length > 7 ? (\n                <>\n                  <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n                  <span>{name.slice(-7)}</span>\n                </>\n              ) : (\n                name\n              )}\n            </Typography>\n          </div>\n          {!isLoadingAnimation && (\n            <LinearProgress\n              className={classes.progressBar}\n              variant=\"determinate\"\n              value={progressPercent}\n              classes={{\n                colorPrimary: classNames(classes.progressBackground, {\n                  [classes.progressBarError]: error,\n                }),\n                barColorPrimary: classNames(classes.progressBarColor, {\n                  [classes.progressBarError]: error,\n                }),\n              }}\n            />\n          )}\n          <div className={classes.loaderProgressContainer}>\n            {!isLoadingAnimation && (\n              <Typography\n                className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n                component=\"span\"\n              >\n                {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n              </Typography>\n            )}\n            <div\n              className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n            >\n              {error && (\n                <Typography component=\"div\" className={classes.errorContainer}>\n                  <IconWarning size={size} />\n                  <Typography\n                    component=\"span\"\n                    className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n                  >\n                    {formatError\n                      ? 'Upload Error. Unacceptable file format.'\n                      : `Upload Error${errorText && `. ${errorText}`}`}\n                  </Typography>\n                </Typography>\n              )}\n              {!error && !isLoadingAnimation && `${progressPercent} %`}\n            </div>\n          </div>\n        </div>\n\n        {showActions && (\n          <div className={classes.fileActions}>\n            {progressPercent < 100 && !error && (\n              <>\n                {isLoadingAnimation ? (\n                  <div\n                    className={classNames(classes.loadingIcon, {\n                      [classes.loadingLargeIcon]: isLarge,\n                    })}\n                    style={{ backgroundImage: `url(${LoaderIcon})` }}\n                  />\n                ) : (\n                  <IconButton\n                    tooltipProps={{ title: 'Cancel' }}\n                    className={iconButtonClassName}\n                    onClick={handleCancelProgress}\n                    size={iconButtonSize}\n                  >\n                    <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n                  </IconButton>\n                )}\n              </>\n            )}\n            {progressPercent === 100 &&\n              !error &&\n              (!isSuccessButtonVisible && onDelete ? (\n                <IconButton\n                  variant=\"contained\"\n                  tooltipProps={{ title: 'Delete' }}\n                  className={iconButtonClassName}\n                  onClick={onDelete}\n                  size={iconButtonSize}\n                >\n                  <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n                </IconButton>\n              ) : (\n                <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n              ))}\n\n            {onReload && error && (\n              <>\n                {!formatError ? (\n                  <IconButton\n                    size={iconButtonSize}\n                    tooltipProps={{ title: 'Reload' }}\n                    className={iconButtonClassName}\n                    onClick={onReload}\n                  >\n                    <RedoIcon size={iconSize} />\n                  </IconButton>\n                ) : (\n                  <>\n                    {importButtonType === 'default' ? (\n                      <Button\n                        size={isLarge ? 'medium' : 'small'}\n                        variation=\"primary\"\n                        startIcon={<UploadIcon />}\n                        onClick={onReload}\n                      >\n                        Import\n                      </Button>\n                    ) : (\n                      <IconButton\n                        size={iconButtonSize}\n                        tooltipProps={{ title: 'Import File' }}\n                        className={iconButtonClassName}\n                        onClick={onReload}\n                      >\n                        <UploadIcon size={iconSize} />\n                      </IconButton>\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst filesLoaderPropTypes = {\n  size: PropTypes.oneOf(['small', 'large']),\n  unit: PropTypes.oneOf(['size', 'time', 'custom']),\n  customUnitName: PropTypes.string,\n  onDelete: PropTypes.func,\n  onReload: PropTypes.func,\n  handleCancel: PropTypes.func,\n  name: PropTypes.string,\n  sizeBytes: PropTypes.number,\n  error: PropTypes.bool,\n  errorText: PropTypes.string,\n  formatError: PropTypes.bool,\n  importButtonType: PropTypes.oneOf(['default', 'icon']),\n  loadedBytes: PropTypes.number.isRequired,\n  isLoadingAnimation: PropTypes.bool,\n  showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","jsx","fileIconContainer","FileIcon","style","fontSize","jsxs","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"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"}
+{"version":3,"file":"FilesLoader.js","sources":["../../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n  if (unit === 'time') {\n    return {\n      downloaded: 0,\n      unit: 'min',\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (unit === 'custom') {\n    return {\n      downloaded: 0,\n      unit: customUnitName,\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (sizeBytes >= 10 ** 6) {\n    return {\n      downloaded: 0,\n      unit: 'MB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 5) / 10,\n    };\n  }\n  if (sizeBytes >= 10 ** 3) {\n    return {\n      downloaded: 0,\n      unit: 'KB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 2) / 10,\n    };\n  }\n  return {\n    downloaded: 0,\n    unit: 'B',\n    convertedSize: Math.floor(sizeBytes * 10) / 10,\n  };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n  downloaded?: number;\n  convertedSize?: number;\n  unit?: string;\n}\n\n/**\n * @deprecated\n */\nfunction FilesLoader({\n  size = 'small',\n  unit = 'size',\n  name = '',\n  customUnitName = '',\n  sizeBytes = 1,\n  handleCancel = null,\n  onReload = null,\n  onDelete = null,\n  loadedBytes,\n  error = null,\n  errorText = '',\n  formatError = false,\n  importButtonType = 'default',\n  isLoadingAnimation = false,\n  showActions = true,\n}: FilesLoaderProps): JSX.Element {\n  const classes = useStyles();\n  const [sizeParams, setSizeParams] = useState<SizeParams>({});\n  const [progressPercent, setProgressPercent] = useState(0);\n  const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n  const isLarge = size === 'large';\n  const iconSize = isLarge ? 24 : 16;\n  const iconButtonSize = isLarge ? 'medium' : 'small';\n\n  const handleCancelProgress = () => {\n    handleCancel?.(name);\n    setProgressPercent(0);\n    setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n  };\n\n  useEffect(() => {\n    setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n  }, [sizeBytes, unit]);\n\n  useEffect(() => {\n    if (loadedBytes && sizeBytes) {\n      const currentPercent = Math.round((loadedBytes / sizeBytes) * 100);\n      setSizeParams(prev => ({\n        ...prev,\n        downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes, sizeBytes]);\n\n  useEffect(() => {\n    let timerId: ReturnType<typeof setTimeout>;\n    if (onDelete && progressPercent >= 100) {\n      setIsSuccessButtonVisible(true);\n      timerId = setTimeout(() => {\n        setIsSuccessButtonVisible(false);\n      }, 5000);\n    }\n    return () => timerId && clearTimeout(timerId);\n  }, [progressPercent]);\n\n  useEffect(() => {\n    if (error) {\n      setProgressPercent(0);\n      setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n    }\n  }, [error]);\n\n  const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n    const iconButtonStyle = classNames(classes.iconButton, {\n      [classes.iconButtonLarge]: isLarge,\n    });\n    const actionIconStyle = classNames(classes.actionIcon, {\n      [classes.actionIconLarge]: isLarge,\n    });\n    return [iconButtonStyle, actionIconStyle];\n  }, [isLarge]);\n\n  return (\n    <div className={classes.fileStateWrapper}>\n      <div className={classes.fileIconContainer}>\n        <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n      </div>\n      <div className={classes.fileState}>\n        <div className={classes.fileStateProgress}>\n          <div className={classes.fileNameWrapper}>\n            <Typography\n              className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n            >\n              {name && name.length > 7 ? (\n                <>\n                  <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n                  <span>{name.slice(-7)}</span>\n                </>\n              ) : (\n                name\n              )}\n            </Typography>\n          </div>\n          {!isLoadingAnimation && (\n            <LinearProgress\n              className={classes.progressBar}\n              variant=\"determinate\"\n              value={progressPercent}\n              classes={{\n                colorPrimary: classNames(classes.progressBackground, {\n                  [classes.progressBarError]: error,\n                }),\n                barColorPrimary: classNames(classes.progressBarColor, {\n                  [classes.progressBarError]: error,\n                }),\n              }}\n            />\n          )}\n          <div className={classes.loaderProgressContainer}>\n            {!isLoadingAnimation && (\n              <Typography\n                className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n                component=\"span\"\n              >\n                {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n              </Typography>\n            )}\n            <div\n              className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n            >\n              {error && (\n                <Typography component=\"div\" className={classes.errorContainer}>\n                  <IconWarning size={size} />\n                  <Typography\n                    component=\"span\"\n                    className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n                  >\n                    {formatError\n                      ? 'Upload Error. Unacceptable file format.'\n                      : `Upload Error${errorText && `. ${errorText}`}`}\n                  </Typography>\n                </Typography>\n              )}\n              {!error && !isLoadingAnimation && `${progressPercent} %`}\n            </div>\n          </div>\n        </div>\n\n        {showActions && (\n          <div className={classes.fileActions}>\n            {progressPercent < 100 && !error && (\n              <>\n                {isLoadingAnimation ? (\n                  <div\n                    className={classNames(classes.loadingIcon, {\n                      [classes.loadingLargeIcon]: isLarge,\n                    })}\n                    style={{ backgroundImage: `url(${LoaderIcon})` }}\n                  />\n                ) : (\n                  <IconButton\n                    tooltipProps={{ title: 'Cancel' }}\n                    className={iconButtonClassName}\n                    onClick={handleCancelProgress}\n                    size={iconButtonSize}\n                  >\n                    <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n                  </IconButton>\n                )}\n              </>\n            )}\n            {progressPercent === 100 &&\n              !error &&\n              (!isSuccessButtonVisible && onDelete ? (\n                <IconButton\n                  variant=\"contained\"\n                  tooltipProps={{ title: 'Delete' }}\n                  className={iconButtonClassName}\n                  onClick={onDelete}\n                  size={iconButtonSize}\n                >\n                  <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n                </IconButton>\n              ) : (\n                <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n              ))}\n\n            {onReload && error && (\n              <>\n                {!formatError ? (\n                  <IconButton\n                    size={iconButtonSize}\n                    tooltipProps={{ title: 'Reload' }}\n                    className={iconButtonClassName}\n                    onClick={onReload}\n                  >\n                    <RedoIcon size={iconSize} />\n                  </IconButton>\n                ) : (\n                  <>\n                    {importButtonType === 'default' ? (\n                      <Button\n                        size={isLarge ? 'medium' : 'small'}\n                        variation=\"primary\"\n                        startIcon={<UploadIcon />}\n                        onClick={onReload}\n                      >\n                        Import\n                      </Button>\n                    ) : (\n                      <IconButton\n                        size={iconButtonSize}\n                        tooltipProps={{ title: 'Import File' }}\n                        className={iconButtonClassName}\n                        onClick={onReload}\n                      >\n                        <UploadIcon size={iconSize} />\n                      </IconButton>\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst filesLoaderPropTypes = {\n  size: PropTypes.oneOf(['small', 'large']),\n  unit: PropTypes.oneOf(['size', 'time', 'custom']),\n  customUnitName: PropTypes.string,\n  onDelete: PropTypes.func,\n  onReload: PropTypes.func,\n  handleCancel: PropTypes.func,\n  name: PropTypes.string,\n  sizeBytes: PropTypes.number,\n  error: PropTypes.bool,\n  errorText: PropTypes.string,\n  formatError: PropTypes.bool,\n  importButtonType: PropTypes.oneOf(['default', 'icon']),\n  loadedBytes: PropTypes.number.isRequired,\n  isLoadingAnimation: PropTypes.bool,\n  showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","jsx","fileIconContainer","FileIcon","style","fontSize","jsxs","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"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"}