npm - @corva/ui - Versions diffs - 3.79.0-1 → 3.79.0-11 - Mend

@corva/ui 3.79.0-1 → 3.79.0-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

package/cjs-bundle/components/FeedCard/useFeedActivity.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("../CommentCard/buildCommentReply.js"),o=require("../CommentComposer/CommentReplyInput.js"),i=require("../ConfirmationDialog.js"),n=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 c=require("./useActivityInteractions.js"),r=require("./useDeleteFeedItem.js"),t=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(e);function a(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,i)}return o}function m(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?a(Object(o),!0).forEach((function(s){l.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var d=i,j=function(e){var s,o;return"".concat(null!==(s=null==e?void 0:e.first_name)&&void 0!==s?s:""," ").concat(null!==(o=null==e?void 0:e.last_name)&&void 0!==o?o:"").trim()};exports.useFeedActivity=function(e,i){var u,l,a,p,I=c.useActivityInteractions({activity:null!==(u=null==e?void 0:e.data)&&void 0!==u?u:{},currentUser:null!==(l=null==e?void 0:e.currentUser)&&void 0!==l?l:{},onChanged:null==e?void 0:e.onChanged,loadingState:null==e?void 0:e.loadingState}),q=r.useDeleteFeedItem({id:null==e||null===(a=e.data)||void 0===a?void 0:a.id,successMessage:"".concat(i[0].toUpperCase()).concat(i.slice(1)," was deleted"),errorMessage:"Failed to delete the ".concat(i),onDeleted:function(){var s,o;null==e||null===(s=e.onChanged)||void 0===s||s.call(e),null==e||null===(o=e.onDeleted)||void 0===o||o.call(e)}});if(!e)return null;var v=I.replies.map((function(e){var i,n;return I.editingReply&&String(e.id)===String(I.editingReply.id)?m(m({},e),{},{editForm:t.jsx(o.CommentReplyInput,{onSubmit:function(s,o){var i,n;return I.updateReply(null!==(i=null===(n=I.editingReply)||void 0===n?void 0:n.id)&&void 0!==i?i:e.id,s,o)},onCancel:I.cancelReplyEdit,disabled:I.isLoading,initialBody:null!==(i=I.editingReply.body)&&void 0!==i?i:"",initialAttachments:s.getReplyAttachments(I.editingReply),author:{name:j(I.editingReply.user),avatarUrl:null===(n=I.editingReply.user)||void 0===n?void 0:n.profile_photo}})}):e}));return{isDeleted:q.isDeleted,isLiked:I.isLiked,likesCount:I.likesCount,commentsCount:I.commentsCount,isReplyOpen:I.isReplyOpen,replies:v,hasMoreReplies:I.hasMoreReplies,moreRepliesCount:I.moreRepliesCount,onLike:I.toggleLike,onReplyToggle:I.toggleReplyOpen,onShowMoreReplies:I.showMoreReplies,replyInput:t.jsx(o.CommentReplyInput,{onSubmit:I.postReply,disabled:I.isLoading,author:{name:j(e.currentUser),avatarUrl:null===(p=e.currentUser)||void 0===p?void 0:p.profile_photo}}),menuItems:e.canDelete?[{label:"Delete",icon:t.jsx(n.DeleteFourIcon,{size:16}),onClick:q.openDeleteDialog}]:[],deleteDialog:t.jsx(d,{open:q.isDialogOpen,title:"Delete ".concat(i),text:"Are you sure you want to delete this ".concat(i,"?"),okText:"Delete",disableOk:q.isDeleting,handleOk:q.confirmDelete,handleClose:q.closeDeleteDialog})}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("../CommentCard/buildCommentReply.js"),o=require("../CommentComposer/CommentReplyInput.js"),i=require("../CommentComposer/replyDrafts.js"),n=require("../ConfirmationDialog.js"),c=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 r=require("./useActivityInteractions.js"),t=require("./useDeleteFeedItem.js"),u=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(e);function d(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,i)}return o}function m(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?d(Object(o),!0).forEach((function(s){a.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var j=n,p=function(e){var s,o;return"".concat(null!==(s=null==e?void 0:e.first_name)&&void 0!==s?s:""," ").concat(null!==(o=null==e?void 0:e.last_name)&&void 0!==o?o:"").trim()};exports.useFeedActivity=function(e,n){var l,a,d,I,q,v=r.useActivityInteractions({activity:null!==(l=null==e?void 0:e.data)&&void 0!==l?l:{},currentUser:null!==(a=null==e?void 0:e.currentUser)&&void 0!==a?a:{},onChanged:null==e?void 0:e.onChanged,loadingState:null==e?void 0:e.loadingState}),y=t.useDeleteFeedItem({id:null==e||null===(d=e.data)||void 0===d?void 0:d.id,successMessage:"".concat(n[0].toUpperCase()).concat(n.slice(1)," was deleted"),errorMessage:"Failed to delete the ".concat(n),onDeleted:function(){var s,o;null==e||null===(s=e.onChanged)||void 0===s||s.call(e),null==e||null===(o=e.onDeleted)||void 0===o||o.call(e)}});if(!e)return null;var C=v.replies.map((function(e){var i,n;return v.editingReply&&String(e.id)===String(v.editingReply.id)?m(m({},e),{},{editForm:u.jsx(o.CommentReplyInput,{onSubmit:function(s,o){var i,n;return v.updateReply(null!==(i=null===(n=v.editingReply)||void 0===n?void 0:n.id)&&void 0!==i?i:e.id,s,o)},onCancel:v.cancelReplyEdit,disabled:v.isLoading,initialBody:null!==(i=v.editingReply.body)&&void 0!==i?i:"",initialAttachments:s.getReplyAttachments(v.editingReply),author:{name:p(v.editingReply.user),avatarUrl:null===(n=v.editingReply.user)||void 0===n?void 0:n.profile_photo}})}):e}));return{isDeleted:y.isDeleted,isLiked:v.isLiked,likesCount:v.likesCount,commentsCount:v.commentsCount,isReplyOpen:v.isReplyOpen,replies:C,hasMoreReplies:v.hasMoreReplies,moreRepliesCount:v.moreRepliesCount,onLike:v.toggleLike,onReplyToggle:v.toggleReplyOpen,onShowMoreReplies:v.showMoreReplies,replyInput:u.jsx(o.CommentReplyInput,{onSubmit:v.postReply,disabled:v.isLoading,draftKey:void 0!==e.data.id?i.getActivityReplyDraftKey(e.data.id,null===(I=e.currentUser)||void 0===I?void 0:I.id):void 0,author:{name:p(e.currentUser),avatarUrl:null===(q=e.currentUser)||void 0===q?void 0:q.profile_photo}}),menuItems:e.canDelete?[{label:"Delete",icon:u.jsx(c.DeleteFourIcon,{size:16}),onClick:y.openDeleteDialog}]:[],deleteDialog:u.jsx(j,{open:y.isDialogOpen,title:"Delete ".concat(n),text:"Are you sure you want to delete this ".concat(n,"?"),okText:"Delete",disableOk:y.isDeleting,handleOk:y.confirmDelete,handleClose:y.closeDeleteDialog})}};
 //# sourceMappingURL=useFeedActivity.js.map

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

	@@ -1 +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":"+~~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"}
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 { getActivityReplyDraftKey } from '../CommentComposer/replyDrafts';\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 draftKey={\n activity.data.id !== undefined\n ? getActivityReplyDraftKey(activity.data.id, activity.currentUser?.id)\n : undefined\n }\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","_activity$currentUser3","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","draftKey","undefined","getActivityReplyDraftKey","menuItems","canDelete","label","icon","DeleteFourIcon","size","onClick","openDeleteDialog","deleteDialog","open","isDialogOpen","title","text","okText","disableOk","isDeleting","handleOk","confirmDelete","handleClose","closeDeleteDialog"],"mappings":"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"}

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

@@ -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"),a=require("react");require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppContext.js"),require("../DevCenter/AppsDataProvider/effects/utils.js"),require("@babel/runtime/helpers/toConsumableArray"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js");var p=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 l=require("../../constants/feed.js");require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var m=require("react/jsx-runtime");require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var d=require("../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("react-router-dom"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js");var q=require("../../utils/main.js");require("../../utils/metrics/metricsConfig.js");var j=require("../../utils/mobileDetect.js");require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone");var C=require("../../utils/notificationToasts.js");require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona");var v=require("../../clients/jsonApi/index.js");require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.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("../../config/theme/index.js"),require("../../hocs/withAssetEditorLockHOC.js");var A=require("../ErrorBoundary/ErrorBoundary.js");require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../Button/components/Button/index.js"),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 I=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("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.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("../../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("../../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("../../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("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),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("../../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("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.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 D=require("./components/Actions.js"),g=require("./components/CompletionDateTimestamp.js"),h=require("./components/Content.js"),S=require("./components/CreatedAt.js"),f=require("./components/FeedComments.js"),x=require("./components/Icon.js"),T=require("./components/Reactions.js"),P=require("./components/RigAndWell.js"),b=require("./components/TypeAndAssetTitle.js"),y=require("./FeedItem.css.js"),E=require("../LoadingIndicator/LoadingIndicator.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?[l.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=I.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],he=a.useState(!0),Se=L.default(he,2),fe=Se[0],xe=Se[1],Te=a.useState(!1),Pe=L.default(Te,2),be=Pe[0],ye=Pe[1],Ee=K.type===l.FEED_ITEM_TYPES_BY_KEY.post.type,Fe=J.includes(K.type),Be=K.type===l.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=l.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===n?void 0:n.category)||"post",Le=q.default.getUserFullName(K.user),Me=null!==(i=l.FEED_ITEM_TYPES_BY_KEY[K.type])&&void 0!==i&&i.showCreatorToLabel?Le:(null===(c=l.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===c?void 0:c.label)||u.startCase(K.type),Oe=K.type===l.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===l.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,v.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:C.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,v.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=d.useDevCenterRouter();return m.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,y.hideOverflow,ve),U)),elevation:0,children:[m.jsxs("div",{onClick:function(){if(_e)if(ae)ae(K);else{var e=se||Ne;e?e.push(Oe):localStorage.setItem(p.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,K.context.alert.id)}},className:H.default(y.mainContainer,(G={},B.default(G,y.mainContainerClickable,_e),B.default(G,y.mainContainerNative,j.isNativeDetected),G)),children:[m.jsx(x,{feedItem:K,classes:qe,displayName:Le,isRecommended:Be,currentUser:re}),m.jsxs("div",{className:H.default(y.mainContainerTop,B.default({},y.mainContainerTopNative,j.isNativeDetected)),children:[m.jsxs("div",{className:y.mainContainerTopLine,children:[m.jsx(b,{feedItem:K,userFullName:Le,typeLabel:Me,classes:qe,isPost:Ee}),m.jsxs("div",{className:y.mainContainerTopMenu,children:[m.jsx(S,{feedItem:K,classes:qe}),m.jsx(D,{"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);q.default.copyToClipboard(s)},feedItem:K,currentUser:re})]})]}),m.jsx(P,{feedItem:K,isPost:Ee})]}),m.jsx(t.Divider,{className:qe.headerDividerRoot}),m.jsx(g,{feedItem:K}),m.jsx(A,{ErrorView:function(){return m.jsx(t.Typography,{children:"Feed Item loading failed"})},children:m.jsx(h,N({feedItem:K,appData:oe,customFeedItemTypeTemplates:te,currentUser:re,onFeedItemClick:ae},le))})]}),m.jsx(T,{feedItem:K,handleToggleLike:Re,setOpenCommentInput:ge,setOpenCommentList:xe,openCommentInput:De,openCommentList:fe,currentUser:re,extraActions:pe}),m.jsx(f,{openCommentInput:De,openCommentList:fe,feedItem:K,currentUser:re}),ve&&m.jsx("div",{className:y.loadingContainer,style:{backgroundColor:_.default[800]},children:m.jsx(E,{})}),be&&m.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/AppContext.js"),require("../DevCenter/AppsDataProvider/effects/utils.js"),require("@babel/runtime/helpers/toConsumableArray"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js");var p=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 l=require("../../constants/feed.js");require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var m=require("react/jsx-runtime");require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var d=require("../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("react-router-dom"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js");var q=require("../../utils/main.js");require("../../utils/metrics/metricsConfig.js");var j=require("../../utils/mobileDetect.js");require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone");var C=require("../../utils/notificationToasts.js");require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona");var v=require("../../clients/jsonApi/index.js");require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@material-ui/icons/ArrowForward"),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("../../config/theme/index.js"),require("../../hocs/withAssetEditorLockHOC.js");var A=require("../ErrorBoundary/ErrorBoundary.js");require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../Button/components/Button/index.js"),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 I=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("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.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("../../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("../../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("../../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("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),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("../../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("@material-ui/icons/BugReport"),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("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.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("@material-ui/icons/Launch"),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 D=require("./components/Actions.js"),g=require("./components/CompletionDateTimestamp.js"),h=require("./components/Content.js"),S=require("./components/CreatedAt.js"),f=require("./components/FeedComments.js"),x=require("./components/Icon.js"),T=require("./components/Reactions.js"),P=require("./components/RigAndWell.js"),b=require("./components/TypeAndAssetTitle.js"),y=require("./FeedItem.css.js"),E=require("../LoadingIndicator/LoadingIndicator.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),w=F(c),H=["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?[l.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,H),me=u.includes(K.allowed_actions,"destroy"),de=I.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],he=a.useState(!0),Se=L.default(he,2),fe=Se[0],xe=Se[1],Te=a.useState(!1),Pe=L.default(Te,2),be=Pe[0],ye=Pe[1],Ee=K.type===l.FEED_ITEM_TYPES_BY_KEY.post.type,Fe=J.includes(K.type),Be=K.type===l.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=l.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===n?void 0:n.category)||"post",Le=q.default.getUserFullName(K.user),Me=null!==(i=l.FEED_ITEM_TYPES_BY_KEY[K.type])&&void 0!==i&&i.showCreatorToLabel?Le:(null===(c=l.FEED_ITEM_TYPES_BY_KEY[K.type])||void 0===c?void 0:c.label)||u.startCase(K.type),Oe=K.type===l.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===l.FEED_ITEM_TYPES_BY_KEY.alert.type&&Oe,we=(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,v.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:C.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)}),He=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(He.current){e.next=11;break}return s=K.id,He.current=!0,e.prev=3,e.next=6,v.toggleFeedItemLike(s);case 6:e.next=10;break;case 8:e.prev=8,e.t0=e.catch(3);case 10:He.current=!1;case 11:case"end":return e.stop()}}),e,null,[[3,8]])}))),function(){return z.apply(this,arguments)}),Ne=d.useDevCenterRouter();return m.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:w.default(qe.paperRoot,ie,(U={},B.default(U,qe.clickablePaperRoot,_e),B.default(U,y.hideOverflow,ve),U)),elevation:0,children:[m.jsxs("div",{onClick:function(){if(_e)if(ae)ae(K);else{var e=se||Ne;e?e.push(Oe):localStorage.setItem(p.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,K.context.alert.id)}},className:w.default(y.mainContainer,(G={},B.default(G,y.mainContainerClickable,_e),B.default(G,y.mainContainerNative,j.isNativeDetected),G)),children:[m.jsx(x,{feedItem:K,classes:qe,displayName:Le,isRecommended:Be,currentUser:re}),m.jsxs("div",{className:w.default(y.mainContainerTop,B.default({},y.mainContainerTopNative,j.isNativeDetected)),children:[m.jsxs("div",{className:y.mainContainerTopLine,children:[m.jsx(b,{feedItem:K,userFullName:Le,typeLabel:Me,classes:qe,isPost:Ee}),m.jsxs("div",{className:y.mainContainerTopMenu,children:[m.jsx(S,{feedItem:K,classes:qe}),m.jsx(D,{"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);q.default.copyToClipboard(s)},feedItem:K,currentUser:re})]})]}),m.jsx(P,{feedItem:K,isPost:Ee})]}),m.jsx(t.Divider,{className:qe.headerDividerRoot}),m.jsx(g,{feedItem:K}),m.jsx(A,{ErrorView:function(){return m.jsx(t.Typography,{children:"Feed Item loading failed"})},children:m.jsx(h,N({feedItem:K,appData:oe,customFeedItemTypeTemplates:te,currentUser:re,onFeedItemClick:ae},le))})]}),m.jsx(T,{feedItem:K,handleToggleLike:Re,setOpenCommentInput:ge,setOpenCommentList:xe,openCommentInput:De,openCommentList:fe,currentUser:re,extraActions:pe}),m.jsx(f,{openCommentInput:De,openCommentList:fe,feedItem:K,currentUser:re}),ve&&m.jsx("div",{className:y.loadingContainer,style:{backgroundColor:_.default[800]},children:m.jsx(E,{})}),be&&m.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(){we()},okText:"Delete"})]})};
 //# sourceMappingURL=FeedItem.js.map

package/cjs-bundle/components/FeedItem/FeedItem.js.map CHANGED Viewed

	@@ -1 +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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"}
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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"}

package/cjs-bundle/components/IconMenu/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("@material-ui/core"),a=require("@material-ui/icons"),i=require("../IconButton/index.js"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(t),p=s(o);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e){var t=e.classes,o=e["data-testid"],a=e.iconButtonStyle,i=e.color,s=e.disableRipple,u=e.className,p=e.IconElement,d=e.IconButtonComponent,h=e.disabled,m=e.iconButtonProps,b=e.children,g=e.anchorOrigin,O=e.transformOrigin,y=e.marginThreshold,v=e.menuProps,P=e.tooltipProps,j=e.paperClassName,B=r.useState(null),T=c.default(B,2),x=T[0],C=T[1],w=!!x,q=r.useState(!1),I=c.default(q,2),N=I[0],S=I[1];r.useEffect((function(){var e;return w&&setTimeout((function(){e=S(w)}),500),function(){e&&clearTimeout(e)}}),[w]);var E=function(e){e.stopPropagation(),C(null),S(!1)},R=l.jsx(d,f(f({"aria-label":"IconMenu","aria-owns":w?"icon-menu":void 0,"aria-haspopup":"true","data-testid":o,onClick:function(e){e.stopPropagation(),e.preventDefault(),C(e.currentTarget)},classes:{root:t.iconButton},className:u,style:a,color:i,disableRipple:s,disabled:h},m),{},{children:p}));return l.jsxs(l.Fragment,{children:[P?l.jsx(n.Tooltip,f(f({},P),{},{children:R})):R,l.jsx(n.Menu,f(f({id:"icon-menu",anchorEl:x,open:w,MenuListProps:{"data-testid":"".concat(o,"Dropdown")},disableAutoFocus:!N,autoFocus:N,onClose:E,onClick:E,anchorOrigin:g,transformOrigin:O,classes:{paper:t.paper},elevation:0,marginThreshold:y,PaperProps:{className:t[j]}},v),{},{children:b}))]})}h.propTypes={children:p.default.oneOfType([p.default.string,p.default.node,p.default.array]),classes:p.default.shape({iconButton:p.default.string,paper:p.default.string}),className:p.default.string,color:p.default.string,IconElement:p.default.element,IconButtonComponent:p.default.any,iconButtonStyle:p.default.shape({}),anchorOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),transformOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),disableRipple:p.default.bool,"data-testid":p.default.string,marginThreshold:p.default.number,disabled:p.default.bool,tooltipProps:p.default.shape({}),menuProps:p.default.shape({}),iconButtonProps:p.default.shape({}),paperClassName:p.default.string},h.defaultProps={children:void 0,classes:{},className:void 0,color:void 0,"data-testid":void 0,IconElement:l.jsx(a.MoreVert,{}),iconButtonStyle:void 0,IconButtonComponent:i,disableRipple:!1,anchorOrigin:{horizontal:"right",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"},marginThreshold:void 0,disabled:!1,tooltipProps:void 0,menuProps:{},iconButtonProps:{},paperClassName:""};var m=n.withStyles((function(e){return{iconButton:{borderRadius:8,padding:"10px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(h);module.exports=m;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("@material-ui/core"),a=require("@material-ui/icons/MoreVert"),i=require("../IconButton/index.js"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(t),p=s(o),d=s(a);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e){var t=e.classes,o=e["data-testid"],a=e.iconButtonStyle,i=e.color,s=e.disableRipple,u=e.className,p=e.IconElement,d=e.IconButtonComponent,f=e.disabled,m=e.iconButtonProps,b=e.children,g=e.anchorOrigin,O=e.transformOrigin,y=e.marginThreshold,v=e.menuProps,P=e.tooltipProps,j=e.paperClassName,B=r.useState(null),T=c.default(B,2),x=T[0],C=T[1],w=!!x,q=r.useState(!1),I=c.default(q,2),N=I[0],S=I[1];r.useEffect((function(){var e;return w&&setTimeout((function(){e=S(w)}),500),function(){e&&clearTimeout(e)}}),[w]);var E=function(e){e.stopPropagation(),C(null),S(!1)},R=l.jsx(d,h(h({"aria-label":"IconMenu","aria-owns":w?"icon-menu":void 0,"aria-haspopup":"true","data-testid":o,onClick:function(e){e.stopPropagation(),e.preventDefault(),C(e.currentTarget)},classes:{root:t.iconButton},className:u,style:a,color:i,disableRipple:s,disabled:f},m),{},{children:p}));return l.jsxs(l.Fragment,{children:[P?l.jsx(n.Tooltip,h(h({},P),{},{children:R})):R,l.jsx(n.Menu,h(h({id:"icon-menu",anchorEl:x,open:w,MenuListProps:{"data-testid":"".concat(o,"Dropdown")},disableAutoFocus:!N,autoFocus:N,onClose:E,onClick:E,anchorOrigin:g,transformOrigin:O,classes:{paper:t.paper},elevation:0,marginThreshold:y,PaperProps:{className:t[j]}},v),{},{children:b}))]})}m.propTypes={children:p.default.oneOfType([p.default.string,p.default.node,p.default.array]),classes:p.default.shape({iconButton:p.default.string,paper:p.default.string}),className:p.default.string,color:p.default.string,IconElement:p.default.element,IconButtonComponent:p.default.any,iconButtonStyle:p.default.shape({}),anchorOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),transformOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),disableRipple:p.default.bool,"data-testid":p.default.string,marginThreshold:p.default.number,disabled:p.default.bool,tooltipProps:p.default.shape({}),menuProps:p.default.shape({}),iconButtonProps:p.default.shape({}),paperClassName:p.default.string},m.defaultProps={children:void 0,classes:{},className:void 0,color:void 0,"data-testid":void 0,IconElement:l.jsx(d.default,{}),iconButtonStyle:void 0,IconButtonComponent:i,disableRipple:!1,anchorOrigin:{horizontal:"right",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"},marginThreshold:void 0,disabled:!1,tooltipProps:void 0,menuProps:{},iconButtonProps:{},paperClassName:""};var b=n.withStyles((function(e){return{iconButton:{borderRadius:8,padding:"10px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(m);module.exports=b;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/IconMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/IconMenu/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, withStyles, Tooltip } from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\n\nimport IconButton from '../IconButton';\n\nconst muiStyles = theme => ({\n iconButton: {\n borderRadius: 8,\n padding: '10px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n '& .MuiTouchRipple-child': {\n borderRadius: 8,\n },\n },\n paper: {},\n});\n\nfunction IconMenu({\n classes,\n // IconButtonComponentProps\n 'data-testid': testId,\n iconButtonStyle,\n color,\n disableRipple,\n className,\n IconElement,\n IconButtonComponent,\n disabled,\n iconButtonProps,\n // MenuProps\n children,\n anchorOrigin,\n transformOrigin,\n marginThreshold,\n menuProps,\n // Tooltip\n tooltipProps,\n paperClassName,\n}) {\n const [anchorEl, setAnchorEl] = useState(null);\n const isOpen = !!anchorEl;\n\n /\n A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713\n\n When Material Menu is rendered, at first it's displayed at the top of the container\n and only then moves to the anchor element. When the focus is enabled, and the element is\n inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async\n manner, to wait for correct position - and then set focus.\n\n https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331\n /\n const [isMenuAutofocus, setIsMenuAutofocus] = useState(false);\n useEffect(() => {\n let timerId;\n\n if (isOpen) {\n setTimeout(() => {\n timerId = setIsMenuAutofocus(isOpen);\n // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work\n }, 500);\n }\n\n return () => {\n if (timerId) {\n clearTimeout(timerId);\n }\n };\n }, [isOpen]);\n\n const handleClose = event => {\n event.stopPropagation();\n setAnchorEl(null);\n setIsMenuAutofocus(false);\n };\n const handleOpen = event => {\n event.stopPropagation();\n event.preventDefault();\n setAnchorEl(event.currentTarget);\n };\n\n const iconButtonElement = (\n <IconButtonComponent\n aria-label=\"IconMenu\"\n aria-owns={isOpen ? 'icon-menu' : undefined}\n aria-haspopup=\"true\"\n data-testid={testId}\n onClick={handleOpen}\n classes={{ root: classes.iconButton }}\n className={className}\n style={iconButtonStyle}\n color={color}\n disableRipple={disableRipple}\n disabled={disabled}\n {...iconButtonProps}\n >\n {IconElement}\n </IconButtonComponent>\n );\n\n return (\n <>\n {tooltipProps ? <Tooltip {...tooltipProps}>{iconButtonElement}</Tooltip> : iconButtonElement}\n <Menu\n id=\"icon-menu\"\n anchorEl={anchorEl}\n open={isOpen}\n MenuListProps={{ 'data-testid': `${testId}Dropdown` }}\n disableAutoFocus={!isMenuAutofocus}\n autoFocus={isMenuAutofocus}\n onClose={handleClose}\n onClick={handleClose}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n classes={{ paper: classes.paper }}\n elevation={0}\n marginThreshold={marginThreshold}\n PaperProps={{\n className: classes[paperClassName],\n }}\n {...menuProps}\n >\n {children}\n </Menu>\n </>\n );\n}\n\nIconMenu.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n classes: PropTypes.shape({\n iconButton: PropTypes.string,\n paper: PropTypes.string,\n }),\n className: PropTypes.string,\n color: PropTypes.string,\n IconElement: PropTypes.element,\n // eslint-disable-next-line react/forbid-prop-types\n IconButtonComponent: PropTypes.any,\n iconButtonStyle: PropTypes.shape({}),\n anchorOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n transformOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n disableRipple: PropTypes.bool,\n 'data-testid': PropTypes.string,\n marginThreshold: PropTypes.number,\n disabled: PropTypes.bool,\n tooltipProps: PropTypes.shape({}),\n menuProps: PropTypes.shape({}),\n iconButtonProps: PropTypes.shape({}),\n paperClassName: PropTypes.string,\n};\n\nIconMenu.defaultProps = {\n children: undefined,\n classes: {},\n className: undefined,\n color: undefined,\n 'data-testid': undefined,\n IconElement: <MoreVert />,\n iconButtonStyle: undefined,\n IconButtonComponent: IconButton,\n disableRipple: false,\n anchorOrigin: { horizontal: 'right', vertical: 'top' },\n transformOrigin: { horizontal: 'right', vertical: 'bottom' },\n marginThreshold: undefined,\n disabled: false,\n tooltipProps: undefined,\n menuProps: {},\n iconButtonProps: {},\n paperClassName: '',\n};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["IconMenu","_ref","classes","testId","iconButtonStyle","color","disableRipple","className","IconElement","IconButtonComponent","disabled","iconButtonProps","children","anchorOrigin","transformOrigin","marginThreshold","menuProps","tooltipProps","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","defaultProps","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"~~28BAuBA~~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~~EAAQA~~,~~SAAG~~,IACzBxE,qBAAiBqC,EACjBhC,oBAAqBoE,EACrBvE,eAAe,EACfO,aAAc,CAAEyD,WAAY,QAASE,SAAU,OAC/C1D,gBAAiB,CAAEwD,WAAY,QAASE,SAAU,UAClDzD,qBAAiB0B,EACjB/B,UAAU,EACVO,kBAAcwB,EACdzB,UAAW,CAAE,EACbL,gBAAiB,CAAE,EACnBO,eAAgB,IAGlB,IAAA4D,EAAeC,cAjLG,SAAAC,GAAK,MAAK,CAC1BlC,WAAY,CACVmC,aAAc,EACdC,QAAS,OACT7E,MAAO2E,EAAMG,QAAQC,QAAQC,MAC7B,UAAW,CACThF,MAAO2E,EAAMG,QAAQC,QAAQE,MAC7BC,gBAAiB,6BAEnB,0BAA2B,CACzBN,aAAc,IAGlBvB,MAAO,CAAC,EACT,GAmKcqB,CAAsB/E"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/IconMenu/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, withStyles, Tooltip } from '@material-ui/core';\nimport MoreVert from '@material-ui/icons/MoreVert';\n\nimport IconButton from '../IconButton';\n\nconst muiStyles = theme => ({\n iconButton: {\n borderRadius: 8,\n padding: '10px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n '& .MuiTouchRipple-child': {\n borderRadius: 8,\n },\n },\n paper: {},\n});\n\nfunction IconMenu({\n classes,\n // IconButtonComponentProps\n 'data-testid': testId,\n iconButtonStyle,\n color,\n disableRipple,\n className,\n IconElement,\n IconButtonComponent,\n disabled,\n iconButtonProps,\n // MenuProps\n children,\n anchorOrigin,\n transformOrigin,\n marginThreshold,\n menuProps,\n // Tooltip\n tooltipProps,\n paperClassName,\n}) {\n const [anchorEl, setAnchorEl] = useState(null);\n const isOpen = !!anchorEl;\n\n /\n A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713\n\n When Material Menu is rendered, at first it's displayed at the top of the container\n and only then moves to the anchor element. When the focus is enabled, and the element is\n inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async\n manner, to wait for correct position - and then set focus.\n\n https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331\n /\n const [isMenuAutofocus, setIsMenuAutofocus] = useState(false);\n useEffect(() => {\n let timerId;\n\n if (isOpen) {\n setTimeout(() => {\n timerId = setIsMenuAutofocus(isOpen);\n // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work\n }, 500);\n }\n\n return () => {\n if (timerId) {\n clearTimeout(timerId);\n }\n };\n }, [isOpen]);\n\n const handleClose = event => {\n event.stopPropagation();\n setAnchorEl(null);\n setIsMenuAutofocus(false);\n };\n const handleOpen = event => {\n event.stopPropagation();\n event.preventDefault();\n setAnchorEl(event.currentTarget);\n };\n\n const iconButtonElement = (\n <IconButtonComponent\n aria-label=\"IconMenu\"\n aria-owns={isOpen ? 'icon-menu' : undefined}\n aria-haspopup=\"true\"\n data-testid={testId}\n onClick={handleOpen}\n classes={{ root: classes.iconButton }}\n className={className}\n style={iconButtonStyle}\n color={color}\n disableRipple={disableRipple}\n disabled={disabled}\n {...iconButtonProps}\n >\n {IconElement}\n </IconButtonComponent>\n );\n\n return (\n <>\n {tooltipProps ? <Tooltip {...tooltipProps}>{iconButtonElement}</Tooltip> : iconButtonElement}\n <Menu\n id=\"icon-menu\"\n anchorEl={anchorEl}\n open={isOpen}\n MenuListProps={{ 'data-testid': `${testId}Dropdown` }}\n disableAutoFocus={!isMenuAutofocus}\n autoFocus={isMenuAutofocus}\n onClose={handleClose}\n onClick={handleClose}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n classes={{ paper: classes.paper }}\n elevation={0}\n marginThreshold={marginThreshold}\n PaperProps={{\n className: classes[paperClassName],\n }}\n {...menuProps}\n >\n {children}\n </Menu>\n </>\n );\n}\n\nIconMenu.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n classes: PropTypes.shape({\n iconButton: PropTypes.string,\n paper: PropTypes.string,\n }),\n className: PropTypes.string,\n color: PropTypes.string,\n IconElement: PropTypes.element,\n // eslint-disable-next-line react/forbid-prop-types\n IconButtonComponent: PropTypes.any,\n iconButtonStyle: PropTypes.shape({}),\n anchorOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n transformOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n disableRipple: PropTypes.bool,\n 'data-testid': PropTypes.string,\n marginThreshold: PropTypes.number,\n disabled: PropTypes.bool,\n tooltipProps: PropTypes.shape({}),\n menuProps: PropTypes.shape({}),\n iconButtonProps: PropTypes.shape({}),\n paperClassName: PropTypes.string,\n};\n\nIconMenu.defaultProps = {\n children: undefined,\n classes: {},\n className: undefined,\n color: undefined,\n 'data-testid': undefined,\n IconElement: <MoreVert />,\n iconButtonStyle: undefined,\n IconButtonComponent: IconButton,\n disableRipple: false,\n anchorOrigin: { horizontal: 'right', vertical: 'top' },\n transformOrigin: { horizontal: 'right', vertical: 'bottom' },\n marginThreshold: undefined,\n disabled: false,\n tooltipProps: undefined,\n menuProps: {},\n iconButtonProps: {},\n paperClassName: '',\n};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["IconMenu","_ref","classes","testId","iconButtonStyle","color","disableRipple","className","IconElement","IconButtonComponent","disabled","iconButtonProps","children","anchorOrigin","transformOrigin","marginThreshold","menuProps","tooltipProps","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","defaultProps","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellChips/Chip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("@material-ui/core"),o=require("@material-ui/icons"),r=require("../MiddleTruncate/MiddleTruncate.js"),l=require("../../utils/main.js"),a=require("./icons/SubjectIcon.js"),n=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),u=i.makeStyles((function(e){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:e.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:e.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}}));module.exports=function(e){var s=e.title,d=e.onClick,p=void 0===d?null:d,m=e.markColor,h=void 0===m?null:m,x=e.isSubject,g=e.rigName,f=void 0===g?null:g,j=e.maxWidth,b=void 0===j?200:j,v=e.wellId,C=e.onRemoveOffsetWell,k=void 0===C?null:C,y=e.isShowMark,S=void 0===y||y,T=t.useState(null),q=c.default(T,2),N=q[0],R=q[1],w=u({isShowMark:S}),I=!!N,M=f?"".concat(s," | ").concat(f):s,W=h||"#".concat(l.default.getColorFromString(s)),z=n.jsxs("div",{className:w.root,children:[n.jsx(i.Tooltip,{title:I?M:null!=f?f:"",classes:{popper:w.tooltip},children:n.jsxs("div",{className:w.titleContainer,children:[x?n.jsx("span",{className:w.subject,children:n.jsx(a,{})}):n.jsx("span",{style:{backgroundColor:W,display:S?"block":"none"},className:w.mark}),n.jsx(r,{onTruncate:function(e){R(e)},truncatedText:N,maxWidth:b,children:s})]})}),!x&&!!k&&n.jsxs(n.Fragment,{children:[n.jsx(o.Close,{className:w.closeIcon}),n.jsx(i.Tooltip,{title:"Remove",classes:{popper:w.tooltip},children:n.jsx("div",{className:w.closeArea,onClick:function(e){e.stopPropagation(),k&&k(v)}})})]})]});return n.jsx(i.Chip,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:z,classes:{root:w.chipRoot,label:w.label},onClick:function(e){return p&&p(e,v)},"data-testid":"".concat(s,"_offsetWellChip")})};
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("@material-ui/core"),o=require("@material-ui/icons/Close"),r=require("../MiddleTruncate/MiddleTruncate.js"),l=require("../../utils/main.js"),a=require("./icons/SubjectIcon.js"),n=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),u=s(o),d=i.makeStyles((function(e){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:e.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:e.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}}));module.exports=function(e){var o=e.title,s=e.onClick,p=void 0===s?null:s,m=e.markColor,h=void 0===m?null:m,x=e.isSubject,g=e.rigName,f=void 0===g?null:g,j=e.maxWidth,b=void 0===j?200:j,v=e.wellId,C=e.onRemoveOffsetWell,k=void 0===C?null:C,y=e.isShowMark,S=void 0===y||y,T=t.useState(null),q=c.default(T,2),N=q[0],R=q[1],w=d({isShowMark:S}),I=!!N,M=f?"".concat(o," | ").concat(f):o,W=h||"#".concat(l.default.getColorFromString(o)),z=n.jsxs("div",{className:w.root,children:[n.jsx(i.Tooltip,{title:I?M:null!=f?f:"",classes:{popper:w.tooltip},children:n.jsxs("div",{className:w.titleContainer,children:[x?n.jsx("span",{className:w.subject,children:n.jsx(a,{})}):n.jsx("span",{style:{backgroundColor:W,display:S?"block":"none"},className:w.mark}),n.jsx(r,{onTruncate:function(e){R(e)},truncatedText:N,maxWidth:b,children:o})]})}),!x&&!!k&&n.jsxs(n.Fragment,{children:[n.jsx(u.default,{className:w.closeIcon}),n.jsx(i.Tooltip,{title:"Remove",classes:{popper:w.tooltip},children:n.jsx("div",{className:w.closeArea,onClick:function(e){e.stopPropagation(),k&&k(v)}})})]})]});return n.jsx(i.Chip,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:z,classes:{root:w.chipRoot,label:w.label},onClick:function(e){return p&&p(e,v)},"data-testid":"".concat(o,"_offsetWellChip")})};
 //# sourceMappingURL=Chip.js.map

package/cjs-bundle/components/OffsetWellChips/Chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.js","sources":["../../../../src/components/OffsetWellChips/Chip.tsx"],"sourcesContent":["import { type MouseEvent, useState } from 'react';\nimport { Chip, Tooltip, makeStyles } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport MiddleTruncate from '../MiddleTruncate';\nimport { ChipProps } from './types';\nimport utils from '~/utils/main';\nimport SubjectIcon from './icons/SubjectIcon';\n\nconst useStyles = makeStyles(theme => ({\n chipRoot: {\n position: 'relative',\n height: 30,\n padding: '7px 12px',\n fontSize: 12,\n color: theme.palette.primary.text6,\n margin: '2px 4px',\n '&:hover': {\n cursor: 'pointer',\n backgroundColor: 'rgba(255, 255, 255, 0.1)',\n color: theme.palette.primary.contrastText,\n },\n },\n root: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n },\n label: {\n padding: 0,\n },\n mark: {\n marginRight: 4,\n width: 8,\n height: 8,\n borderRadius: 8,\n },\n subject: {\n display: 'flex',\n marginRight: 4,\n },\n closeIcon: {\n fontSize: '1rem',\n marginLeft: '4px',\n },\n closeArea: {\n position: 'absolute',\n top: 0,\n right: 0,\n width: 32,\n height: 30,\n },\n tooltip: {\n marginTop: '8px',\n },\n titleContainer: {\n display: 'flex',\n alignItems: 'center',\n },\n}));\n\nconst OffsetWellChip = <T extends unknown>({\n title,\n onClick = null,\n markColor = null,\n isSubject,\n rigName = null,\n maxWidth = 200,\n wellId,\n onRemoveOffsetWell = null,\n isShowMark = true,\n}: ChipProps<T>): JSX.Element => {\n const [truncatedText, setTruncatedText] = useState<string \| null>(null);\n\n const styles = useStyles({\n isShowMark,\n });\n const isTruncated = !!truncatedText;\n const fullTooltip = rigName ? `${title} \| ${rigName}` : title;\n\n const handleTruncatedText = (truncatedText: string) => {\n setTruncatedText(truncatedText);\n };\n\n const handleRemoveWell = (e: MouseEvent) => {\n e.stopPropagation();\n if (onRemoveOffsetWell) onRemoveOffsetWell(wellId);\n };\n\n const markBackgroundColor = markColor \|\| `#${utils.getColorFromString(title)}`;\n\n const label = (\n <div className={styles.root}>\n <Tooltip\n title={isTruncated ? fullTooltip : rigName ?? ''}\n classes={{ popper: styles.tooltip }}\n >\n <div className={styles.titleContainer}>\n {isSubject ? (\n <span className={styles.subject}>\n <SubjectIcon />\n </span>\n ) : (\n <span\n style={{\n backgroundColor: markBackgroundColor,\n display: isShowMark ? 'block' : 'none',\n }}\n className={styles.mark}\n />\n )}\n <MiddleTruncate\n onTruncate={handleTruncatedText}\n truncatedText={truncatedText}\n maxWidth={maxWidth}\n >\n {title}\n </MiddleTruncate>\n </div>\n </Tooltip>\n {!isSubject && !!onRemoveOffsetWell && (\n <>\n <Close className={styles.closeIcon} />\n <Tooltip title=\"Remove\" classes={{ popper: styles.tooltip }}>\n <div className={styles.closeArea} onClick={handleRemoveWell}></div>\n </Tooltip>\n </>\n )}\n </div>\n );\n\n return (\n <Chip\n data-not-migrated-MuiChip\n variant=\"outlined\"\n size=\"medium\"\n label={label}\n classes={{ root: styles.chipRoot, label: styles.label }}\n onClick={e => onClick && onClick(e, wellId)}\n data-testid={`${title}_offsetWellChip`}\n />\n );\n};\n\nexport default OffsetWellChip;\n"],"names":["useStyles","makeStyles","theme","chipRoot","position","height","padding","fontSize","color","palette","primary","text6","margin","cursor","backgroundColor","contrastText","root","width","display","alignItems","label","mark","marginRight","borderRadius","subject","closeIcon","marginLeft","closeArea","top","right","tooltip","marginTop","titleContainer","_ref","title","_ref$onClick","onClick","_ref$markColor","markColor","isSubject","_ref$rigName","rigName","_ref$maxWidth","maxWidth","wellId","_ref$onRemoveOffsetWe","onRemoveOffsetWell","_ref$isShowMark","isShowMark","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","styles","isTruncated","fullTooltip","concat","markBackgroundColor","utils","getColorFromString","_jsxs","jsxs","className","children","_jsx","Tooltip","classes","popper","jsx","SubjectIcon","style","MiddleTruncate","onTruncate","_Fragment","Close","e","stopPropagation","Chip","variant","size"],"mappings":"~~6XAQMA~~,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACRC,SAAU,WACVC,OAAQ,GACRC,QAAS,WACTC,SAAU,GACVC,MAAON,EAAMO,QAAQC,QAAQC,MAC7BC,OAAQ,UACR,UAAW,CACTC,OAAQ,UACRC,gBAAiB,2BACjBN,MAAON,EAAMO,QAAQC,QAAQK,eAGjCC,KAAM,CACJC,MAAO,OACPC,QAAS,OACTC,WAAY,UAEdC,MAAO,CACLd,QAAS,GAEXe,KAAM,CACJC,YAAa,EACbL,MAAO,EACPZ,OAAQ,EACRkB,aAAc,GAEhBC,QAAS,CACPN,QAAS,OACTI,YAAa,GAEfG,UAAW,CACTlB,SAAU,OACVmB,WAAY,OAEdC,UAAW,CACTvB,SAAU,WACVwB,IAAK,EACLC,MAAO,EACPZ,MAAO,GACPZ,OAAQ,IAEVyB,QAAS,CACPC,UAAW,OAEbC,eAAgB,CACdd,QAAS,OACTC,WAAY,UAEf,mBAEsB,SAUUc,GAAA,IAT/BC,IAAAA,MAAKC,EAAAF,EACLG,QAAAA,aAAU,KAAID,EAAAE,EAAAJ,EACdK,UAAAA,aAAY,KAAID,EAChBE,IAAAA,UAASC,EAAAP,EACTQ,QAAAA,aAAU,KAAID,EAAAE,EAAAT,EACdU,SAAAA,aAAW,IAAGD,EACdE,IAAAA,OAAMC,EAAAZ,EACNa,mBAAAA,aAAqB,KAAID,EAAAE,EAAAd,EACzBe,WAAAA,cAAiBD,EAEyBE,EAAAA,EAAQA,SAAgB,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAASvD,EAAU,CACvBgD,WAAAA,IAEIQ,IAAgBH,EAChBI,EAAchB,EAAO,GAAAiB,OAAMxB,EAAWO,OAAAA,OAAAA,GAAYP,EAWlDyB,EAAsBrB,GAAiBsB,IAAAA,OAAAA,EAAAA,QAAMC,mBAAmB3B,IAEhEd,EACJ0C,EAAAC,KAAA,MAAA,CAAKC,UAAWT,EAAOvC,KAAKiD,SAAA,CAC1BC,MAACC,UAAO,CACNjC,MAAOsB,EAAcC,EAAchB,QAAAA,EAAW,GAC9C2B,QAAS,CAAEC,OAAQd,EAAOzB,SAAUmC,SAEpCH,EAAAC,KAAA,MAAA,CAAKC,UAAWT,EAAOvB,eAAeiC,SAAA,CACnC1B,EACC2B,EAAAI,IAAA,OAAA,CAAMN,UAAWT,EAAO/B,QAAQyC,SAC9BC,EAAAA,IAACK,EAAW,MAGdL,EAAAI,IAAA,OAAA,CACEE,MAAO,CACL1D,gBAAiB6C,EACjBzC,QAAS8B,EAAa,QAAU,QAElCgB,UAAWT,EAAOlC,OAGtB6C,MAACO,EAAc,CACbC,WAhCkB,SAACrB,GAC3BC,EAAiBD,IAgCTA,cAAeA,EACfV,SAAUA,EAASsB,SAElB/B,UAILK,KAAeO,GACfgB,EAAAA,KAAAa,EAAAA,SAAA,CAAAV,SAAA,CACEC,MAACU,~~QAAK~~,CAACZ,UAAWT,EAAO9B,YACzByC,MAACC,UAAO,CAACjC,MAAM,SAASkC,QAAS,CAAEC,OAAQd,EAAOzB,SAAUmC,SAC1DC,EAAAI,IAAA,MAAA,CAAKN,UAAWT,EAAO5B,UAAWS,QAxCnB,SAACyC,GACxBA,EAAEC,kBACEhC,GAAoBA,EAAmBF,cA6C7C,OACEsB,EAAAA,IAACa,EAAAA,KAAI,CACH,6BAAyB,EACzBC,QAAQ,WACRC,KAAK,SACL7D,MAAOA,EACPgD,QAAS,CAAEpD,KAAMuC,EAAOpD,SAAUiB,MAAOmC,EAAOnC,OAChDgB,QAAS,SAAAyC,GAAC,OAAIzC,GAAWA,EAAQyC,EAAGjC,EAAQ,EAC5C,cAAA,GAAAc,OAAgBxB,EAAK,oBAG3B"}
1	+ {"version":3,"file":"Chip.js","sources":["../../../../src/components/OffsetWellChips/Chip.tsx"],"sourcesContent":["import { type MouseEvent, useState } from 'react';\nimport { Chip, Tooltip, makeStyles } from '@material-ui/core';\nimport Close from '@material-ui/icons/Close';\nimport MiddleTruncate from '../MiddleTruncate';\nimport { ChipProps } from './types';\nimport utils from '~/utils/main';\nimport SubjectIcon from './icons/SubjectIcon';\n\nconst useStyles = makeStyles(theme => ({\n chipRoot: {\n position: 'relative',\n height: 30,\n padding: '7px 12px',\n fontSize: 12,\n color: theme.palette.primary.text6,\n margin: '2px 4px',\n '&:hover': {\n cursor: 'pointer',\n backgroundColor: 'rgba(255, 255, 255, 0.1)',\n color: theme.palette.primary.contrastText,\n },\n },\n root: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n },\n label: {\n padding: 0,\n },\n mark: {\n marginRight: 4,\n width: 8,\n height: 8,\n borderRadius: 8,\n },\n subject: {\n display: 'flex',\n marginRight: 4,\n },\n closeIcon: {\n fontSize: '1rem',\n marginLeft: '4px',\n },\n closeArea: {\n position: 'absolute',\n top: 0,\n right: 0,\n width: 32,\n height: 30,\n },\n tooltip: {\n marginTop: '8px',\n },\n titleContainer: {\n display: 'flex',\n alignItems: 'center',\n },\n}));\n\nconst OffsetWellChip = <T extends unknown>({\n title,\n onClick = null,\n markColor = null,\n isSubject,\n rigName = null,\n maxWidth = 200,\n wellId,\n onRemoveOffsetWell = null,\n isShowMark = true,\n}: ChipProps<T>): JSX.Element => {\n const [truncatedText, setTruncatedText] = useState<string \| null>(null);\n\n const styles = useStyles({\n isShowMark,\n });\n const isTruncated = !!truncatedText;\n const fullTooltip = rigName ? `${title} \| ${rigName}` : title;\n\n const handleTruncatedText = (truncatedText: string) => {\n setTruncatedText(truncatedText);\n };\n\n const handleRemoveWell = (e: MouseEvent) => {\n e.stopPropagation();\n if (onRemoveOffsetWell) onRemoveOffsetWell(wellId);\n };\n\n const markBackgroundColor = markColor \|\| `#${utils.getColorFromString(title)}`;\n\n const label = (\n <div className={styles.root}>\n <Tooltip\n title={isTruncated ? fullTooltip : rigName ?? ''}\n classes={{ popper: styles.tooltip }}\n >\n <div className={styles.titleContainer}>\n {isSubject ? (\n <span className={styles.subject}>\n <SubjectIcon />\n </span>\n ) : (\n <span\n style={{\n backgroundColor: markBackgroundColor,\n display: isShowMark ? 'block' : 'none',\n }}\n className={styles.mark}\n />\n )}\n <MiddleTruncate\n onTruncate={handleTruncatedText}\n truncatedText={truncatedText}\n maxWidth={maxWidth}\n >\n {title}\n </MiddleTruncate>\n </div>\n </Tooltip>\n {!isSubject && !!onRemoveOffsetWell && (\n <>\n <Close className={styles.closeIcon} />\n <Tooltip title=\"Remove\" classes={{ popper: styles.tooltip }}>\n <div className={styles.closeArea} onClick={handleRemoveWell}></div>\n </Tooltip>\n </>\n )}\n </div>\n );\n\n return (\n <Chip\n data-not-migrated-MuiChip\n variant=\"outlined\"\n size=\"medium\"\n label={label}\n classes={{ root: styles.chipRoot, label: styles.label }}\n onClick={e => onClick && onClick(e, wellId)}\n data-testid={`${title}_offsetWellChip`}\n />\n );\n};\n\nexport default OffsetWellChip;\n"],"names":["useStyles","makeStyles","theme","chipRoot","position","height","padding","fontSize","color","palette","primary","text6","margin","cursor","backgroundColor","contrastText","root","width","display","alignItems","label","mark","marginRight","borderRadius","subject","closeIcon","marginLeft","closeArea","top","right","tooltip","marginTop","titleContainer","_ref","title","_ref$onClick","onClick","_ref$markColor","markColor","isSubject","_ref$rigName","rigName","_ref$maxWidth","maxWidth","wellId","_ref$onRemoveOffsetWe","onRemoveOffsetWell","_ref$isShowMark","isShowMark","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","styles","isTruncated","fullTooltip","concat","markBackgroundColor","utils","getColorFromString","_jsxs","jsxs","className","children","_jsx","Tooltip","classes","popper","jsx","SubjectIcon","style","MiddleTruncate","onTruncate","_Fragment","Close","e","stopPropagation","Chip","variant","size"],"mappings":"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"}