npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.24 → 0.3.26 - Mend

@ynput/ayon-frontend-shared 0.3.24 → 0.3.26

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 (926) hide show

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),O=require("clsx"),sr=require("react-toastify"),Te=require("react-quill-ayon"),R=require("@ynput/ayon-react-components"),ur=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),ar=require("./InputMarkdownConvert.cjs.js"),cr=require("../FilesGrid/FilesGrid.cjs.js"),C=require("./CommentInput.styled.cjs.js"),lr=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),qr=require("../../mentionHelpers/getMentionOptions.cjs.js"),dr=require("../../mentionHelpers/getMentionUsers.cjs.js"),mr=require("../../mentionHelpers/getMentionTasks.cjs.js"),pr=require("../../mentionHelpers/getMentionVersions.cjs.js"),xr=require("./quillToMarkdown.cjs.js"),Y=require("./helpers.cjs.js"),Me=require("./modules/index.cjs.js"),hr=require("./hooks/useInitialValue.cjs.js"),fr=require("./hooks/useSetCursorEnd.cjs.js"),gr=require("./hooks/useMentionLink.cjs.js"),yr=require("./hooks/useAnnotationsSync.cjs.js"),Cr=require("./hooks/useBlendedCategoryColor.cjs.js"),jr=require("./hooks/useAnnotationsUpload.cjs.js"),vr=require("../../context/FeedContext.cjs.js");require("react-dom");require("../Tooltips/UserTooltipItem.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const Sr=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");const kr=require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../ReactionContainer/Reactions.styled.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("lodash");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");const w=require("../../../../components/ReviewablesList/useReviewablesUpload.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.styled.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed.styled.cjs.js");const Fe=require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");var Ee=Te.Quill.import("delta");const L=["@","@@","@@@"],U={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},Rr=({initValue:J,initFiles:De=[],initCategory:Ie=null,data:X={},onSubmit:Z,isEditing:c,disabled:M,isLoading:ee,isOpen:l,onOpen:re,onClose:te})=>{const{projectName:v,entities:H,projectInfo:Pe,scope:wr,feedFilter:be,mentionSuggestionsData:Ae,categories:ie,isGuest:h}=vr.useFeedContext(),{hasLicense:Be,onPowerFeature:Le,user:Ue}=Sr.useDetailsPanelContext(),He=Ue?.data?.isAdmin,Ne=kr.useProjectContext(),{users:ne,teams:oe,versions:se,tasks:ue}=Ae||{},[ae,_e]=u.useState(88),[N,D]=u.useState(""),[S,I]=u.useState(De),[_,P]=u.useState([]),[ce,b]=u.useState(!1),[Ke,le]=u.useState(!1),{annotations:A,removeAnnotation:Ve,goToAnnotation:$e}=yr.default({entityId:H[0]?.id,filesUploading:_}),[s,K]=u.useState(null),[V,$]=u.useState(0),[F,qe]=u.useState(""),E=()=>{K(null),$(0),qe("")},[B,Qe]=u.useState(Ie),de=ie.filter(e=>e.accessLevel>=20),me=ie.find(e=>e.name===B),pe=Cr.useBlendedCategoryColor(me?.color),d=u.useRef(null),ze=u.useRef(null),xe=u.useRef(null);hr({markdownRef:xe,initValue:J,setEditorValue:D,setInitHeight:_e,isOpen:l,filter:be}),fr({initHeight:ae,editorRef:d,isEditing:c}),gr({projectName:v}),u.useEffect(()=>{if(l){if(d.current?.getEditor()?.enable(),A.length>0&&S.length===0)return;d.current?.focus()}},[l,d]),L.sort((e,r)=>r.length-e.length);const he=F+(s?.search||""),fe=u.useMemo(()=>qr.default(s?.type,{"@":()=>dr(ne,oe),"@@":()=>pr(se,Ne),"@@@":()=>mr(ue,Pe.taskTypes)},he||void 0),[ue,se,ne,oe,s?.type,he]),T=fe.slice(0,5),[Q,ge]=u.useState();u.useEffect(()=>{Q&&(ge(null),d.current.getEditor().setSelection(Q))},[Q]);const ye=e=>{const r=d.current.getEditor(),t=s.type,n=t+(s.search||""),i=t+e.label,m=U[t],g=`${e.type||m?.id}:${e.id}`,a=(r.getSelection(!0)?.index||0)-n.length;r.deleteText(a,n.length),r.insertText(a,i,"mention",g);const q=a+i.length;r.updateContents(new Ee().retain(q).insert(" ")),r.updateContents(new Ee().retain(q+1).delete(1)),ge(q+1),E()},Ge=e=>{ye(e)},We=(e,r,t,n)=>{let i=r.ops[0]&&r.ops[0].insert||r.ops[1]&&r.ops[1].insert;const m=i===`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),O=require("clsx"),sr=require("react-toastify"),Te=require("react-quill-ayon"),R=require("@ynput/ayon-react-components"),ur=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),ar=require("./InputMarkdownConvert.cjs.js"),cr=require("../FilesGrid/FilesGrid.cjs.js"),C=require("./CommentInput.styled.cjs.js"),lr=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),qr=require("../../mentionHelpers/getMentionOptions.cjs.js"),dr=require("../../mentionHelpers/getMentionUsers.cjs.js"),mr=require("../../mentionHelpers/getMentionTasks.cjs.js"),pr=require("../../mentionHelpers/getMentionVersions.cjs.js"),xr=require("./quillToMarkdown.cjs.js"),Y=require("./helpers.cjs.js"),Me=require("./modules/index.cjs.js"),hr=require("./hooks/useInitialValue.cjs.js"),fr=require("./hooks/useSetCursorEnd.cjs.js"),gr=require("./hooks/useMentionLink.cjs.js"),yr=require("./hooks/useAnnotationsSync.cjs.js"),Cr=require("./hooks/useBlendedCategoryColor.cjs.js"),jr=require("./hooks/useAnnotationsUpload.cjs.js"),vr=require("../../context/FeedContext.cjs.js");require("react-dom");require("../Tooltips/UserTooltipItem.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const Sr=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");const kr=require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../ReactionContainer/Reactions.styled.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("lodash");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");const w=require("../../../../components/ReviewablesList/useReviewablesUpload.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.styled.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed.styled.cjs.js");const Fe=require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");var Ee=Te.Quill.import("delta");const L=["@","@@","@@@"],U={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},Rr=({initValue:J,initFiles:De=[],initCategory:Ie=null,data:X={},onSubmit:Z,isEditing:c,disabled:M,isLoading:ee,isOpen:l,onOpen:re,onClose:te})=>{const{projectName:v,entities:H,projectInfo:Pe,scope:wr,feedFilter:be,mentionSuggestionsData:Ae,categories:ie,isGuest:h}=vr.useFeedContext(),{hasLicense:Be,onPowerFeature:Le,user:Ue}=Sr.useDetailsPanelContext(),He=Ue?.data?.isAdmin,Ne=kr.useProjectContext(),{users:ne,teams:oe,versions:se,tasks:ue}=Ae||{},[ae,_e]=u.useState(88),[N,D]=u.useState(""),[S,I]=u.useState(De),[_,P]=u.useState([]),[ce,b]=u.useState(!1),[Ke,le]=u.useState(!1),{annotations:A,removeAnnotation:Ve,goToAnnotation:$e}=yr.default({entityId:H[0]?.id,filesUploading:_}),[s,K]=u.useState(null),[V,$]=u.useState(0),[F,qe]=u.useState(""),E=()=>{K(null),$(0),qe("")},[B,Qe]=u.useState(Ie),de=ie.filter(e=>e.accessLevel>=20),me=ie.find(e=>e.name===B),pe=Cr.useBlendedCategoryColor(me?.color),d=u.useRef(null),ze=u.useRef(null),xe=u.useRef(null);hr({markdownRef:xe,initValue:J,setEditorValue:D,setInitHeight:_e,isOpen:l,filter:be}),fr({initHeight:ae,editorRef:d,isEditing:c}),gr({projectName:v}),u.useEffect(()=>{if(l){if(d.current?.getEditor()?.enable(),A.length>0&&S.length===0)return;d.current?.focus()}},[l,d]),L.sort((e,r)=>r.length-e.length);const he=F+(s?.search||""),fe=u.useMemo(()=>qr.default(s?.type,{"@":()=>dr(ne,oe),"@@":()=>pr(se,Ne),"@@@":()=>mr(ue,Pe.taskTypes)},he||void 0),[ue,se,ne,oe,s?.type,he]),T=fe.slice(0,5),[Q,ge]=u.useState();u.useEffect(()=>{Q&&(ge(null),d.current.getEditor().setSelection(Q))},[Q]);const ye=e=>{const r=d.current.getEditor(),t=s.type,n=t+(s.search||""),i=t+e.label,m=U[t],g=`${e.type||m?.id}:${e.id}`,a=(r.getSelection(!0)?.index||0)-n.length;r.deleteText(a,n.length),r.insertText(a,i,"mention",g);const q=a+i.length;r.updateContents(new Ee().retain(q).insert(" ")),r.updateContents(new Ee().retain(q+1).delete(1)),ge(q+1),E()},Ge=e=>{ye(e)},We=(e,r,t,n)=>{let i=r.ops[0]&&r.ops[0].insert||r.ops[1]&&r.ops[1].insert;const m=i===`
 `||i==="	",f=fe[V];if(s&&m&&f&&!h){r.ops[0]&&r.ops[0].retain,ye(f);return}D(e);const g=r.ops.length===2&&!!r.ops[1].delete;if(!i&&g&&(i=n.getText(r.ops[0].retain-1,1)),L.includes(i)){const p=r.ops.findIndex(y=>"insert"in y||"delete"in y),a=i;let q=p===0?0:r.ops[p-1].retain;g&&(q=q-1);let j=null;for(const y of L){let k=!0;if(y.endsWith(a))for(let x=y.length-1;x>=0;x--){if(x===0)continue;const nr=y[x-1],or=q-(y.length-x);if(n.getText(or,1)!==nr){k=!1;break}}else k=!1;if(k){j=y;break}}j?K({type:j,retain:q}):E()}else if(s){const p=r.ops[0].retain;if(i===" "||!p){E();return}let a=p-s.retain;g||a++;const q=n.getText(s.retain,a),j=q.replace(s.type.slice(-1),"");q.includes(" ")?E():K({...s,search:j?.toLowerCase()})}else{const p=d.current.getEditor(),a=p.getSelection(!1);if(p.getFormat(a?.index,a?.length).mention){const[j]=p.getLine(a.index-1)||[],k=(j?.cache?.delta?.ops||[]).reverse().find(x=>x.attributes?.mention);if(k){const x=k.insert.length;p.deleteText(a.index-x,x)}}}},Oe=e=>{const r=d.current.getEditor();let t=r.getSelection(!0)?.index||0;const n=r.getText(t-1,1);n!==" "&&n&&(r.insertText(t," "),t++),Y.typeWithDelay(r,t,e)},z=e=>{if(s){const{type:r,retain:t,search:n=""}=s,i=d.current.getEditor(),m=r.length+n.length,f=t-r.length+1;i.deleteText(f,m)}Oe(e)},Ye=()=>{l||M||re&&re()},Ce=()=>{(d.current.getEditor().getText().length<2||c)&&D(""),te&&te()},G=({file:e,data:r})=>{const t=w.parseFilename(e.name),n={id:r.id,name:t,mime:e.type,size:e.size,order:S.length};return I(i=>[...i,n]),P(i=>i.filter(m=>w.parseFilename(m.name)!==t)),n},Je=(e,r,t)=>{t?Ve?.(e):(I(n=>n.filter(i=>i.id!==e)),P(n=>n.filter(i=>w.parseFilename(i.name)!==w.parseFilename(r))))},je=(e,r)=>{const t=Math.round(e.loaded*100/e.total);if(t!==100){const n=w.parseFilename(r.name),i={name:n,progress:t,type:r.type,order:S.length+_.length};P(m=>[...m.filter(g=>w.parseFilename(g.name)!==n),i])}},Xe=e=>{b(!1),Y.handleFileDrop(e,v,je,G)},Ze=e=>{e.preventDefault(),e.stopPropagation(),b(!0)},er=jr({projectName:v,onSuccess:G}),ve=async()=>{try{le(!0);let e=[],r;if(A.length){const{files:f,metadata:g}=await er(A);e=f;const{annotations:W=[]}=X||{};r=[...W,...g]}const[t]=xr.convertToMarkdown(N),n=Y.parseImages(t),i=[...S,...e],m={...X,annotations:r,category:h?null:B};if((n||i.length)&&Z)try{await Z(n,i,m),D(""),I([])}catch{return}}catch(e){console.error(e),sr.toast.error("Something went wrong")}finally{le(!1)}},rr=e=>{if(s){if(e.key==="Escape"){E();return}s&&e.key;const r=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(r){e.preventDefault();let t=V+r;t<0&&(t=T.length-1),t>=T.length&&(t=0),$(t)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&ve(),e.key==="Escape"&&Ce()};let Se=l?ae+41:44;c&&(Se=void 0);const tr=u.useMemo(()=>Me.getModules({imageUploader:{projectName:v,onUpload:G,onUploadProgress:je}}),[v,I,P]),ke=[...A,...S||[],..._].sort((e,r)=>e.order-r.order),ir=ke.length>3;let Re=null;H.length&&H[0].entityType==="folder"&&s?.type==="@@"&&(Re="Version mentions are disabled for folders");const we=e=>M?h?"You do not have permission to comment.":"Commenting is disabled across multiple projects.":h||!e?"Leave a comment":"Comment or mention with @user, @@version, @@@task...";return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(C.AutoHeight,{className:O("comment-container",{isOpen:l,isEditing:c}),onDragOver:Ze,onDragLeave:()=>b(!1),onDrop:Xe,onClick:()=>b(!1),onKeyDown:e=>e.stopPropagation(),children:[o.jsxRuntimeExports.jsxs(C.Comment,{className:O("block-shortcuts",{isOpen:l,isClosed:!l||M,isEditing:c,isDropping:ce,disabled:M,isLoading:ee,isSubmitting:Ke,category:!!B&&!h}),onKeyDown:rr,onClick:Ye,$categoryPrimary:me?.color,$categoryTertiary:pe.primary,$categorySecondary:pe.secondary,children:[o.jsxRuntimeExports.jsx(C.Markdown,{ref:xe,children:o.jsxRuntimeExports.jsx(ar.default,{typeOptions:U,initValue:J})}),l&&o.jsxRuntimeExports.jsx(cr,{files:ke,isCompact:ir||c,onRemove:Je,projectName:v,onAnnotationClick:$e,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)",height:"100%"},isEditing:!0,pt:{file:{style:{height:c?70:void 0}}}}),l&&!M?o.jsxRuntimeExports.jsxs(lr.QuillListStyles,{ref:ze,children:[!h&&o.jsxRuntimeExports.jsx(Fe.ActivityCategorySelect,{value:B,categories:de,onChange:e=>Qe(e),isCompact:c,hasPowerpack:Be,onPowerFeature:Le,isHidden:Fe.isCategoryHidden(de,{isGuest:h,isAdmin:He}),style:{position:c?"relative":"absolute",left:4,top:c?0:4}}),o.jsxRuntimeExports.jsx(Te,{theme:"snow",style:{minHeight:Se,maxHeight:300},ref:d,value:N,onChange:We,readOnly:!l,placeholder:we(!0),modules:tr,formats:Me.quillFormats})]}):o.jsxRuntimeExports.jsx(C.Placeholder,{children:we()}),o.jsxRuntimeExports.jsxs(C.Footer,{children:[!h&&o.jsxRuntimeExports.jsxs(C.Buttons,{children:[o.jsxRuntimeExports.jsx(R.Button,{icon:"person",variant:"text",onClick:()=>z("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),o.jsxRuntimeExports.jsx(R.Button,{icon:"layers",variant:"text",onClick:()=>z("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),o.jsxRuntimeExports.jsx(R.Button,{icon:"check_circle",variant:"text",onClick:()=>z("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),o.jsxRuntimeExports.jsxs(C.Buttons,{style:{marginLeft:"auto"},children:[c&&o.jsxRuntimeExports.jsx(R.Button,{variant:"text",onClick:Ce,children:"Cancel"}),o.jsxRuntimeExports.jsx(R.SaveButton,{label:c?"Save":"Comment",className:"comment",active:!!N||!!S.length,onClick:ve,disabled:ee})]})]}),o.jsxRuntimeExports.jsx(C.Dropzone,{className:O({show:ce&&l}),children:o.jsxRuntimeExports.jsx(R.Icon,{icon:"cloud_upload"})})]}),o.jsxRuntimeExports.jsx(ur,{mention:s,options:T,onChange:Ge,onPrefixFilter:e=>{qe(e),$(0)},activePrefix:F?F.replace(":",""):void 0,types:L,config:U[s?.type],noneFound:!T.length&&(s?.search||F),noneFoundAtAll:!T.length&&!s?.search&&!F,selectedIndex:V,error:Re,isGuest:h})]})})};exports.default=Rr;exports.mentionTypeOptions=U;
 //# sourceMappingURL=CommentInput.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInput.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\nimport { QuillListStyles } from '../../../../components/QuillListStyles'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\nimport { useBlendedCategoryColor } from './hooks/useBlendedCategoryColor'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { ActivityCategorySelect, isCategoryHidden, SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useProjectContext } from '@shared/context'\nimport { parseFilename } from '@shared/components'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n '@@@': {\n id: 'task',\n },\n '@@': {\n id: 'version',\n },\n '@': {\n id: 'user',\n isCircle: true,\n },\n}\n\ninterface CommentInputProps {\n initValue: string \| null\n initFiles?: any[]\n initCategory?: string \| null\n data?: any\n onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n isEditing?: boolean\n disabled?: boolean\n isLoading?: boolean\n isOpen: boolean\n onOpen?: () => void\n onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n initValue,\n initFiles = [],\n initCategory = null,\n data = {},\n onSubmit,\n isEditing,\n disabled,\n isLoading,\n isOpen,\n onOpen,\n onClose,\n}) => {\n const {\n projectName,\n entities,\n projectInfo,\n scope,\n feedFilter,\n mentionSuggestionsData,\n categories,\n isGuest,\n } = useFeedContext()\n\n const { hasLicense, onPowerFeature, user } = useDetailsPanelContext()\n const isAdmin = user?.data?.isAdmin\n\n const project = useProjectContext()\n\n const {\n users: mentionUsers,\n teams: mentionTeams,\n versions: mentionVersions,\n tasks: mentionTasks,\n } = mentionSuggestionsData \|\| {}\n\n const [initHeight, setInitHeight] = useState(88)\n const [editorValue, setEditorValue] = useState('')\n // file uploads\n const [files, setFiles] = useState(initFiles)\n const [filesUploading, setFilesUploading] = useState([])\n const [isDropping, setIsDropping] = useState(false)\n const [isSubmitting, setIsSubmitting] = useState(false)\n\n const { annotations, removeAnnotation, goToAnnotation } = useAnnotationsSync({\n entityId: entities[0]?.id,\n filesUploading,\n })\n\n // MENTION STATES\n const [mention, setMention] = useState<null \| any>(null)\n const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n // Prefix filter for mentions (e.g. 'team:' or 'user:')\n const [mentionPrefix, setMentionPrefix] = useState('')\n\n const clearMention = () => {\n setMention(null)\n setMentionSelectedIndex(0)\n setMentionPrefix('')\n }\n // CATEGORY STATE\n const [category, setCategory] = useState<null \| string>(initCategory)\n const categoryOptions = categories.filter((cat) => cat.accessLevel >= 20)\n const categoryData = categories.find((cat) => cat.name === category)\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n // REFS\n const editorRef = useRef<any>(null)\n const editorContainerRef = useRef<HTMLDivElement>(null)\n\n const markdownRef = useRef<HTMLDivElement>(null)\n\n // if there is an initial value, set it so the editor is prefilled\n useInitialValue({\n markdownRef,\n initValue,\n setEditorValue,\n setInitHeight,\n isOpen: isOpen,\n filter: feedFilter,\n })\n\n // When editing, set selection to the end of the editor\n useSetCursorEnd({ initHeight, editorRef, isEditing })\n // create a new quill format for mentions and registers it\n useMentionLink({ projectName })\n\n // focus on editor when opened\n useEffect(() => {\n if (isOpen) {\n editorRef.current?.getEditor()?.enable()\n // block autofocus if opened from an annotation\n if (annotations.length > 0 && files.length === 0) {\n return\n }\n\n editorRef.current?.focus()\n }\n // We don't set annotations or files as useEffect dependencies, because we don't want to focus\n // the input if it's already open but annotations change (e.g. are removed).\n }, [isOpen, editorRef])\n\n mentionTypes.sort((a, b) => b.length - a.length)\n\n // Combine prefix filter with typed search for options filtering\n const mentionSearchWithPrefix = mentionPrefix + (mention?.search \|\| '')\n\n const mentionOptions = useMemo(\n () =>\n getMentionOptions(\n mention?.type,\n {\n '@': () => getMentionUsers(mentionUsers, mentionTeams),\n '@@': () => getMentionVersions(mentionVersions, project),\n '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n },\n mentionSearchWithPrefix \|\| undefined,\n ),\n [mentionTasks, mentionVersions, mentionUsers, mentionTeams, mention?.type, mentionSearchWithPrefix],\n )\n\n // show first 5 and filter itself out\n const shownMentionOptions = mentionOptions.slice(0, 5)\n\n // triggered when a mention is selected\n const [newSelection, setNewSelection] = useState<null \| number>()\n\n useEffect(() => {\n if (newSelection) {\n setNewSelection(null)\n // now we set selection to the end of the mention\n const quill = editorRef.current.getEditor()\n quill.setSelection(newSelection)\n }\n }, [newSelection])\n\n const handleSelectMention = (selectedOption: any) => {\n // get option text\n const quill = editorRef.current.getEditor()\n\n const typePrefix = mention.type // the type of mention: @, @@, @@@\n const search = typePrefix + (mention.search \|\| '') // the full search string: @Tim\n const mentionLabel = typePrefix + selectedOption.label // the label of the mention: @Tim Bailey\n // @ts-expect-error\n const type = mentionTypeOptions[typePrefix] // the type of mention: user, version, task\n // Use the option's own type (e.g. 'team') if available, otherwise fall back to the mention type config\n const refType = selectedOption.type \|\| type?.id\n const href = `${refType}:${selectedOption.id}` // the href of the mention: user:user.123 or team:Thunder boys\n\n // get selection delta\n const selection = quill.getSelection(true)\n const selectionIndex = selection?.index \|\| 0\n const startIndex = selectionIndex - search.length // the start index of the search\n\n // first delete the search string\n quill.deleteText(startIndex, search.length)\n\n // insert embed link\n quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n const endIndex = startIndex + mentionLabel.length\n\n // insert a space after the mention\n quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n // remove single \\n after mention\n quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n // set selection to the end of the mention + 1\n setNewSelection(endIndex + 1)\n\n // reset mention state\n clearMention()\n }\n\n const handleSelectChange = (option: any) => {\n handleSelectMention(option)\n }\n\n const handleChange = (content: string, delta: any, _: any, editor: any) => {\n let currentCharacter =\n (delta.ops[0] && delta.ops[0].insert) \|\| (delta.ops[1] && delta.ops[1].insert)\n\n const tabOrEnter = currentCharacter === '\\n' \|\| currentCharacter === '\\t'\n // find the first option\n const selectedOption = mentionOptions[mentionSelectedIndex]\n\n if (mention && tabOrEnter && selectedOption && !isGuest) {\n // get option text\n const retain = (delta.ops[0] && delta.ops[0].retain) \|\| 0\n // prevent default\n\n // @ts-ignore\n handleSelectMention(selectedOption, retain)\n\n return\n }\n\n setEditorValue(content)\n\n const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n if (!currentCharacter && isDelete) {\n currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n }\n\n const isMention = mentionTypes.includes(currentCharacter)\n\n if (isMention) {\n const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op \|\| 'delete' in op)\n const mention = currentCharacter\n let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n if (isDelete) retain = retain - 1\n\n // for each mention denotation char, check if it is a mention\n // sort by length of mention denotation char\n let mentionMatch = null\n\n // loop through each mention denotation char, with longest first. First one to match is the one we want\n for (const chars of mentionTypes) {\n let isMatch = true\n // start with the last character\n if (chars.endsWith(mention)) {\n // loop through the chars backwards\n for (let i = chars.length - 1; i >= 0; i--) {\n // skip first character as that's already been checked\n if (i === 0) continue\n const char = chars[i - 1]\n const indexInDelta = retain - (chars.length - i)\n const valueCharAtIndex = editor.getText(indexInDelta, 1)\n if (valueCharAtIndex !== char) {\n isMatch = false\n break\n }\n }\n } else {\n isMatch = false\n }\n\n if (isMatch) {\n // console.log('match!!!', chars)\n mentionMatch = chars\n break\n }\n }\n\n if (mentionMatch) {\n setMention({\n type: mentionMatch,\n retain: retain,\n })\n } else {\n clearMention()\n }\n } else {\n // get full string between mention and new delta\n // This is where SEARCH is handled\n if (mention) {\n const retain = delta.ops[0].retain\n // if space is pressed, remove mention\n if (currentCharacter === ' ' \|\| !retain) {\n clearMention()\n return\n }\n\n let distanceMentionToRetain = retain - mention.retain\n if (!isDelete) distanceMentionToRetain++\n const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n // check for space in mentionFull\n if (mentionFull.includes(' ')) {\n clearMention()\n } else {\n setMention({\n ...mention,\n search: mentionSearch?.toLowerCase(),\n })\n }\n } else {\n // just deleting any text\n const quill = editorRef.current.getEditor()\n const currentSelection = quill.getSelection(false)\n const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n if (currentFormat.mention) {\n // if format is mention, delete the whole mention\n const [lineBlock] = quill.getLine(currentSelection.index - 1) \|\| []\n const ops = lineBlock?.cache?.delta?.ops \|\| []\n // get last op with attributes mention: true\n const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n if (lastMentionOp) {\n const mentionLength = lastMentionOp.insert.length\n quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n }\n }\n }\n }\n }\n\n const addTextToEditor = (type: string) => {\n // get editor retain\n const quill = editorRef.current.getEditor()\n\n let retain = quill.getSelection(true)?.index \|\| 0\n\n // get character at retain\n const currentCharacter = quill.getText(retain - 1, 1)\n\n // if the current character is a character, increment retain\n const addSpace = currentCharacter !== ' ' && currentCharacter\n if (addSpace) {\n quill.insertText(retain, ' ')\n retain++\n }\n\n // This is hack AF, but it works\n typeWithDelay(quill, retain, type)\n }\n\n const handleMentionButton = (type: string) => {\n // first check if mention is already open\n if (mention) {\n const { type, retain, search = '' } = mention\n\n const quill = editorRef.current.getEditor()\n const length = type.length + search.length\n const start = retain - type.length + 1\n // delete the mention\n quill.deleteText(start, length)\n }\n\n addTextToEditor(type)\n }\n\n const handleOpenClick = () => {\n if (isOpen \|\| disabled) return\n\n onOpen && onOpen()\n }\n\n const handleClose = () => {\n // get editor value\n const editor = editorRef.current.getEditor()\n const text = editor.getText()\n if (text.length < 2 \|\| isEditing) {\n setEditorValue('')\n }\n\n // always close editor\n onClose && onClose()\n }\n\n const handleFileUploaded = ({ file, data }: any) => {\n const fileName = parseFilename(file.name)\n const newFile = {\n id: data.id,\n name: fileName,\n mime: file.type,\n size: file.size,\n order: files.length,\n }\n\n setFiles((prev) => [...prev, newFile])\n // remove from uploading\n setFilesUploading((prev) =>\n prev.filter((uploading: any) => parseFilename(uploading.name) !== fileName),\n )\n\n return newFile\n }\n\n const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n if (isUnsavedAnnotation) {\n // remove from annotations (if it's an unsaved annotation)\n removeAnnotation?.(id)\n } else {\n // remove file from files\n setFiles((prev) => prev.filter((file) => file.id !== id))\n // remove from uploading\n setFilesUploading((prev) => {\n return prev.filter((file: any) => parseFilename(file.name) !== parseFilename(name))\n })\n }\n }\n\n const handleFileProgress = (e: any, file: any) => {\n const progress = Math.round((e.loaded * 100) / e.total)\n if (progress !== 100) {\n const fileName = parseFilename(file.name)\n const uploadProgress = {\n name: fileName,\n progress,\n type: file.type,\n order: files.length + filesUploading.length,\n }\n\n // @ts-ignore\n setFilesUploading((prev) => {\n // replace or add new progress\n const newProgress = prev.filter((name: any) => parseFilename(name.name) !== fileName)\n return [...newProgress, uploadProgress]\n })\n }\n }\n\n // when a file is not dropped onto the comment input\n const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n setIsDropping(false)\n // upload file\n handleFileDrop(e, projectName, handleFileProgress, handleFileUploaded)\n }\n\n const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n e.stopPropagation()\n setIsDropping(true)\n }\n\n const uploadAnnotations = useAnnotationsUpload({\n projectName,\n onSuccess: handleFileUploaded,\n })\n\n const handleSubmit = async () => {\n try {\n setIsSubmitting(true)\n\n // upload any annotations first\n let annotationFiles = []\n let annotationMetadata: SavedAnnotationMetadata[] \| undefined = undefined\n if (annotations.length) {\n const { files, metadata } = await uploadAnnotations(annotations)\n annotationFiles = files\n // get current files data\n const { annotations: annotationsData = [] } = data \|\| {}\n // merge existing annotations data with new metadata\n annotationMetadata = [...annotationsData, ...metadata]\n }\n\n // convert to markdown\n const [markdown] = convertToMarkdown(editorValue)\n\n // remove img query params\n const markdownParsed = parseImages(markdown)\n\n const uploadedFiles = [...files, ...annotationFiles]\n\n const newData = {\n ...data,\n annotations: annotationMetadata, // could be undefined\n category: isGuest ? null : category, // guests cannot set category (it is done by default on backend)\n }\n\n if ((markdownParsed \|\| uploadedFiles.length) && onSubmit) {\n try {\n await onSubmit(markdownParsed, uploadedFiles, newData)\n // only clear if onSubmit is successful\n setEditorValue('')\n setFiles([])\n } catch (error) {\n // error is handled in rtk query mutation\n return\n }\n }\n } catch (error) {\n console.error(error)\n toast.error('Something went wrong')\n } finally {\n setIsSubmitting(false)\n }\n }\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (mention) {\n // close mention on escape\n if (e.key === 'Escape') {\n clearMention()\n return\n }\n\n // add top search of mention\n if (mention && e.key === 'Tab') {\n // we handle this in the onChange\n }\n\n const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n if (arrowDirection) {\n // navigate through mentions\n e.preventDefault()\n let newIndex = mentionSelectedIndex + arrowDirection\n if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n if (newIndex >= shownMentionOptions.length) newIndex = 0\n setMentionSelectedIndex(newIndex)\n }\n\n if (e.key === 'Enter') {\n // we handle this in the onChange\n }\n }\n\n if (e.key === 'Enter' && (e.ctrlKey \|\| e.metaKey)) {\n handleSubmit()\n }\n\n if (e.key === 'Escape') {\n handleClose()\n }\n }\n\n let quillMinHeight: number \| undefined = isOpen ? initHeight + 41 : 44\n if (isEditing) quillMinHeight = undefined\n\n // QUILL CONFIG\n const modules = useMemo(\n () =>\n getModules({\n imageUploader: {\n projectName,\n onUpload: handleFileUploaded,\n onUploadProgress: handleFileProgress,\n },\n }),\n [projectName, setFiles, setFilesUploading],\n )\n\n const allFiles = [...annotations, ...(files \|\| []), ...filesUploading].sort(\n (a, b) => a.order - b.order,\n )\n const compactGrid = allFiles.length > 3\n\n // disable version mentions for folders\n let mentionsError = null\n if (entities.length && entities[0].entityType === 'folder') {\n if (mention?.type === '@@') {\n mentionsError = 'Version mentions are disabled for folders'\n }\n }\n\n const getCommentPlaceholder = (isOpen?: boolean) => {\n if (disabled) {\n if (isGuest) return 'You do not have permission to comment.'\n return 'Commenting is disabled across multiple projects.'\n }\n\n if (isGuest \|\| !isOpen) return 'Leave a comment'\n\n return 'Comment or mention with @user, @@version, @@@task...'\n }\n\n return (\n <>\n <Styled.AutoHeight\n className={clsx('comment-container', { isOpen, isEditing })}\n onDragOver={handleDragOver}\n onDragLeave={() => setIsDropping(false)}\n onDrop={handleDrop}\n onClick={() => setIsDropping(false)}\n onKeyDown={(e) => e.stopPropagation()}\n >\n <Styled.Comment\n className={clsx('block-shortcuts', {\n isOpen,\n isClosed: !isOpen \|\| disabled,\n isEditing,\n isDropping,\n disabled,\n isLoading,\n isSubmitting,\n category: !!category && !isGuest,\n })}\n onKeyDown={handleKeyDown}\n onClick={handleOpenClick}\n $categoryPrimary={categoryData?.color}\n $categoryTertiary={blendedCategoryColor.primary}\n $categorySecondary={blendedCategoryColor.secondary}\n >\n <Styled.Markdown ref={markdownRef}>\n {/* this is purely used to translate the markdown into html for Editor /}\n <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n </Styled.Markdown>\n\n {/ file uploads /}\n {isOpen && (\n <FilesGrid\n files={allFiles}\n isCompact={compactGrid \|\| isEditing}\n onRemove={handleFileRemove}\n projectName={projectName}\n onAnnotationClick={goToAnnotation}\n style={{\n borderBottom: '1px solid var(--md-sys-color-outline-variant)',\n height: '100%',\n }}\n isEditing\n pt={{\n file: {\n style: {\n height: isEditing ? 70 : undefined,\n },\n },\n }}\n />\n )}\n {isOpen && !disabled ? (\n <QuillListStyles ref={editorContainerRef}>\n {!isGuest && (\n <ActivityCategorySelect\n value={category}\n categories={categoryOptions}\n onChange={(c) => setCategory(c)}\n isCompact={isEditing}\n hasPowerpack={hasLicense}\n onPowerFeature={onPowerFeature}\n isHidden={isCategoryHidden(categoryOptions, { isGuest, isAdmin })}\n style={{\n position: isEditing ? 'relative' : 'absolute',\n left: 4,\n top: isEditing ? 0 : 4,\n }}\n />\n )}\n\n <ReactQuill\n theme=\"snow\"\n style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n ref={editorRef}\n value={editorValue}\n onChange={handleChange}\n readOnly={!isOpen}\n placeholder={getCommentPlaceholder(true)}\n modules={modules}\n formats={quillFormats}\n />\n </QuillListStyles>\n ) : (\n <Styled.Placeholder>{getCommentPlaceholder()}</Styled.Placeholder>\n )}\n\n <Styled.Footer>\n {!isGuest && (\n <Styled.Buttons>\n {/ mention a user /}\n <Button\n icon=\"person\"\n variant=\"text\"\n onClick={() => handleMentionButton('@')}\n data-tooltip={'Mention user'}\n data-shortcut={'@'}\n />\n {/ mention a version /}\n <Button\n icon=\"layers\"\n variant=\"text\"\n onClick={() => handleMentionButton('@@')}\n data-tooltip={'Mention version'}\n data-shortcut={'@@'}\n />\n {/ mention a task */}\n <Button\n icon=\"check_circle\"\n variant=\"text\"\n onClick={() => handleMentionButton('@@@')}\n data-tooltip={'Mention task'}\n data-shortcut={'@@@'}\n />\n </Styled.Buttons>\n )}\n <Styled.Buttons style={{ marginLeft: 'auto' }}>\n {isEditing && (\n <Button variant=\"text\" onClick={handleClose}>\n Cancel\n </Button>\n )}\n <SaveButton\n label={isEditing ? 'Save' : 'Comment'}\n className=\"comment\"\n active={!!editorValue \|\| !!files.length}\n onClick={handleSubmit}\n disabled={isLoading}\n />\n </Styled.Buttons>\n </Styled.Footer>\n\n <Styled.Dropzone className={clsx({ show: isDropping && isOpen })}>\n <Icon icon=\"cloud_upload\" />\n </Styled.Dropzone>\n </Styled.Comment>\n <CommentMentionSelect\n mention={mention}\n options={shownMentionOptions}\n onChange={handleSelectChange}\n onPrefixFilter={(prefix) => {\n setMentionPrefix(prefix)\n setMentionSelectedIndex(0)\n }}\n activePrefix={mentionPrefix ? mentionPrefix.replace(':', '') : undefined}\n types={mentionTypes}\n // @ts-ignore\n config={mentionTypeOptions[mention?.type]}\n noneFound={!shownMentionOptions.length && (mention?.search \|\| mentionPrefix)}\n noneFoundAtAll={!shownMentionOptions.length && !mention?.search && !mentionPrefix}\n selectedIndex={mentionSelectedIndex}\n // @ts-ignore\n error={mentionsError}\n isGuest={isGuest}\n />\n </Styled.AutoHeight>\n </>\n )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","mentionTypes","mentionTypeOptions","CommentInput","initValue","initFiles","initCategory","data","onSubmit","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","feedFilter","mentionSuggestionsData","categories","isGuest","useFeedContext","hasLicense","onPowerFeature","user","useDetailsPanelContext","isAdmin","project","useProjectContext","mentionUsers","mentionTeams","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","mentionPrefix","setMentionPrefix","clearMention","category","setCategory","categoryOptions","cat","categoryData","blendedCategoryColor","useBlendedCategoryColor","editorRef","useRef","editorContainerRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","a","b","mentionSearchWithPrefix","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","type","href","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","fileName","parseFilename","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","progress","uploadProgress","handleDrop","handleFileDrop","handleDragOver","uploadAnnotations","useAnnotationsUpload","handleSubmit","annotationFiles","annotationMetadata","metadata","annotationsData","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","newData","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","allFiles","compactGrid","mentionsError","getCommentPlaceholder","jsx","Fragment","jsxs","Styled.AutoHeight","clsx","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","QuillListStyles","ActivityCategorySelect","c","isCategoryHidden","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect","prefix"],"mappings":"uyhBA0CA,IAAIA,GAAQC,GAAAA,MAAM,OAAO,OAAO,EAEhC,MAAMC,EAAe,CAAC,IAAK,KAAM,KAAK,EACzBC,EAAqB,CAChC,MAAO,CACL,GAAI,MAAA,EAEN,KAAM,CACJ,GAAI,SAAA,EAEN,IAAK,CACH,GAAI,OACJ,SAAU,EAAA,CAEd,EAgBMC,GAAsC,CAAC,CAC3C,UAAAC,EACA,UAAAC,GAAY,CAAA,EACZ,aAAAC,GAAe,KACf,KAAAC,EAAO,CAAA,EACP,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,GACA,OAAAC,EACA,OAAAC,GACA,QAAAC,EACF,IAAM,CACJ,KAAM,CACJ,YAAAC,EACA,SAAAC,EACA,YAAAC,GACA,MAAAC,GACA,WAAAC,GACA,uBAAAC,GACA,WAAAC,GACA,QAAAC,CAAA,EACEC,kBAAA,EAEE,CAAE,WAAAC,GAAY,eAAAC,GAAgB,KAAAC,EAAA,EAASC,GAAAA,uBAAA,EACvCC,GAAUF,IAAM,MAAM,QAEtBG,GAAUC,GAAAA,kBAAA,EAEV,CACJ,MAAOC,GACP,MAAOC,GACP,SAAUC,GACV,MAAOC,EAAA,EACLd,IAA0B,CAAA,EAExB,CAACe,GAAYC,EAAa,EAAIC,EAAAA,SAAS,EAAE,EACzC,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAE,EAE3C,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAAShC,EAAS,EACtC,CAACqC,EAAgBC,CAAiB,EAAIN,EAAAA,SAAS,CAAA,CAAE,EACjD,CAACO,GAAYC,CAAa,EAAIR,EAAAA,SAAS,EAAK,EAC5C,CAACS,GAAcC,EAAe,EAAIV,EAAAA,SAAS,EAAK,EAEhD,CAAE,YAAAW,EAAa,iBAAAC,GAAkB,eAAAC,EAAA,EAAmBC,GAAAA,QAAmB,CAC3E,SAAUnC,EAAS,CAAC,GAAG,GACvB,eAAA0B,CAAA,CACD,EAGK,CAACU,EAASC,CAAU,EAAIhB,EAAAA,SAAqB,IAAI,EACjD,CAACiB,EAAsBC,CAAuB,EAAIlB,EAAAA,SAAS,CAAC,EAE5D,CAACmB,EAAeC,EAAgB,EAAIpB,EAAAA,SAAS,EAAE,EAE/CqB,EAAe,IAAM,CACzBL,EAAW,IAAI,EACfE,EAAwB,CAAC,EACzBE,GAAiB,EAAE,CACrB,EAEM,CAACE,EAAUC,EAAW,EAAIvB,EAAAA,SAAwB/B,EAAY,EAC9DuD,GAAkBxC,GAAW,OAAQyC,GAAQA,EAAI,aAAe,EAAE,EAClEC,GAAe1C,GAAW,KAAMyC,GAAQA,EAAI,OAASH,CAAQ,EAE7DK,GAAuBC,GAAAA,wBAAwBF,IAAc,KAAK,EAElEG,EAAYC,EAAAA,OAAY,IAAI,EAC5BC,GAAqBD,EAAAA,OAAuB,IAAI,EAEhDE,GAAcF,EAAAA,OAAuB,IAAI,EAG/CG,GAAgB,CACd,YAAAD,GACA,UAAAjE,EACA,eAAAmC,EACA,cAAAH,GACA,OAAAxB,EACA,OAAQO,EAAA,CACT,EAGDoD,GAAgB,CAAE,WAAApC,GAAY,UAAA+B,EAAW,UAAAzD,CAAA,CAAW,EAEpD+D,GAAe,CAAE,YAAAzD,EAAa,EAG9B0D,EAAAA,UAAU,IAAM,CACd,GAAI7D,EAAQ,CAGV,GAFAsD,EAAU,SAAS,UAAA,GAAa,OAAA,EAE5BlB,EAAY,OAAS,GAAKR,EAAM,SAAW,EAC7C,OAGF0B,EAAU,SAAS,MAAA,CACrB,CAGF,EAAG,CAACtD,EAAQsD,CAAS,CAAC,EAEtBjE,EAAa,KAAK,CAACyE,EAAGC,IAAMA,EAAE,OAASD,EAAE,MAAM,EAG/C,MAAME,GAA0BpB,GAAiBJ,GAAS,QAAU,IAE9DyB,GAAiBC,EAAAA,QACrB,IACEC,GAAAA,QACE3B,GAAS,KACT,CACE,IAAK,IAAM4B,GAAgBjD,GAAcC,EAAY,EACrD,KAAM,IAAMiD,GAAmBhD,GAAiBJ,EAAO,EACvD,MAAO,IAAMqD,GAAgBhD,GAAcjB,GAAY,SAAS,CAAA,EAElE2D,IAA2B,MAAA,EAE/B,CAAC1C,GAAcD,GAAiBF,GAAcC,GAAcoB,GAAS,KAAMwB,EAAuB,CAAA,EAI9FO,EAAsBN,GAAe,MAAM,EAAG,CAAC,EAG/C,CAACO,EAAcC,EAAe,EAAIhD,WAAA,EAExCoC,EAAAA,UAAU,IAAM,CACVW,IACFC,GAAgB,IAAI,EAENnB,EAAU,QAAQ,UAAA,EAC1B,aAAakB,CAAY,EAEnC,EAAG,CAACA,CAAY,CAAC,EAEjB,MAAME,GAAuBC,GAAwB,CAEnD,MAAMC,EAAQtB,EAAU,QAAQ,UAAA,EAE1BuB,EAAarC,EAAQ,KACrBsC,EAASD,GAAcrC,EAAQ,QAAU,IACzCuC,EAAeF,EAAaF,EAAe,MAE3CK,EAAO1F,EAAmBuF,CAAU,EAGpCI,EAAO,GADGN,EAAe,MAAQK,GAAM,EACtB,IAAIL,EAAe,EAAE,GAKtCO,GAFYN,EAAM,aAAa,EAAI,GACP,OAAS,GACPE,EAAO,OAG3CF,EAAM,WAAWM,EAAYJ,EAAO,MAAM,EAG1CF,EAAM,WAAWM,EAAYH,EAAc,UAAWE,CAAI,EAE1D,MAAME,EAAWD,EAAaH,EAAa,OAG3CH,EAAM,eAAe,IAAIzF,GAAA,EAAQ,OAAOgG,CAAQ,EAAE,OAAO,GAAG,CAAC,EAG7DP,EAAM,eAAe,IAAIzF,KAAQ,OAAOgG,EAAW,CAAC,EAAE,OAAO,CAAC,CAAC,EAG/DV,GAAgBU,EAAW,CAAC,EAG5BrC,EAAA,CACF,EAEMsC,GAAsBC,GAAgB,CAC1CX,GAAoBW,CAAM,CAC5B,EAEMC,GAAe,CAACC,EAAiBC,EAAYC,EAAQC,IAAgB,CACzE,IAAIC,EACDH,EAAM,IAAI,CAAC,GAAKA,EAAM,IAAI,CAAC,EAAE,QAAYA,EAAM,IAAI,CAAC,GAAKA,EAAM,IAAI,CAAC,EAAE,OAEzE,MAAMI,EAAaD,IAAqB;AAAA,GAAQA,IAAqB,IAE/DhB,EAAiBV,GAAevB,CAAoB,EAE1D,GAAIF,GAAWoD,GAAcjB,GAAkB,CAACjE,EAAS,CAEvC8E,EAAM,IAAI,CAAC,GAAKA,EAAM,IAAI,CAAC,EAAE,OAI7Cd,GAAoBC,CAAsB,EAE1C,MACF,CAEAhD,EAAe4D,CAAO,EAEtB,MAAMM,EAAWL,EAAM,IAAI,SAAW,GAAK,CAAC,CAACA,EAAM,IAAI,CAAC,EAAE,OAQ1D,GANI,CAACG,GAAoBE,IACvBF,EAAmBD,EAAO,QAAQF,EAAM,IAAI,CAAC,EAAE,OAAS,EAAG,CAAC,GAG5CnG,EAAa,SAASsG,CAAgB,EAEzC,CACb,MAAMG,EAAeN,EAAM,IAAI,UAAWO,GAAY,WAAYA,GAAM,WAAYA,CAAE,EAChFvD,EAAUmD,EAChB,IAAIK,EAASF,IAAiB,EAAI,EAAIN,EAAM,IAAIM,EAAe,CAAC,EAAE,OAC9DD,MAAmBG,EAAS,GAIhC,IAAIC,EAAe,KAGnB,UAAWC,KAAS7G,EAAc,CAChC,IAAI8G,EAAU,GAEd,GAAID,EAAM,SAAS1D,CAAO,EAExB,QAAS4D,EAAIF,EAAM,OAAS,EAAGE,GAAK,EAAGA,IAAK,CAE1C,GAAIA,IAAM,EAAG,SACb,MAAMC,GAAOH,EAAME,EAAI,CAAC,EAClBE,GAAeN,GAAUE,EAAM,OAASE,GAE9C,GADyBV,EAAO,QAAQY,GAAc,CAAC,IAC9BD,GAAM,CAC7BF,EAAU,GACV,KACF,CACF,MAEAA,EAAU,GAGZ,GAAIA,EAAS,CAEXF,EAAeC,EACf,KACF,CACF,CAEID,EACFxD,EAAW,CACT,KAAMwD,EACN,OAAAD,CAAA,CACD,EAEDlD,EAAA,CAEJ,SAGMN,EAAS,CACX,MAAMwD,EAASR,EAAM,IAAI,CAAC,EAAE,OAE5B,GAAIG,IAAqB,KAAO,CAACK,EAAQ,CACvClD,EAAA,EACA,MACF,CAEA,IAAIyD,EAA0BP,EAASxD,EAAQ,OAC1CqD,GAAUU,IACf,MAAMC,EAAcd,EAAO,QAAQlD,EAAQ,OAAQ+D,CAAuB,EACpEE,EAAgBD,EAAY,QAAQhE,EAAQ,KAAK,MAAM,EAAE,EAAG,EAAE,EAEhEgE,EAAY,SAAS,GAAG,EAC1B1D,EAAA,EAEAL,EAAW,CACT,GAAGD,EACH,OAAQiE,GAAe,YAAA,CAAY,CACpC,CAEL,KAAO,CAEL,MAAM7B,EAAQtB,EAAU,QAAQ,UAAA,EAC1BoD,EAAmB9B,EAAM,aAAa,EAAK,EAEjD,GADsBA,EAAM,UAAU8B,GAAkB,MAAOA,GAAkB,MAAM,EACrE,QAAS,CAEzB,KAAM,CAACC,CAAS,EAAI/B,EAAM,QAAQ8B,EAAiB,MAAQ,CAAC,GAAK,CAAA,EAG3DE,GAFMD,GAAW,OAAO,OAAO,KAAO,CAAA,GAElB,UAAU,KAAMZ,GAAYA,EAAG,YAAY,OAAO,EAC5E,GAAIa,EAAe,CACjB,MAAMC,EAAgBD,EAAc,OAAO,OAC3ChC,EAAM,WAAW8B,EAAiB,MAAQG,EAAeA,CAAa,CACxE,CACF,CACF,CAEJ,EAEMC,GAAmB9B,GAAiB,CAExC,MAAMJ,EAAQtB,EAAU,QAAQ,UAAA,EAEhC,IAAI0C,EAASpB,EAAM,aAAa,EAAI,GAAG,OAAS,EAGhD,MAAMe,EAAmBf,EAAM,QAAQoB,EAAS,EAAG,CAAC,EAGnCL,IAAqB,KAAOA,IAE3Cf,EAAM,WAAWoB,EAAQ,GAAG,EAC5BA,KAIFe,gBAAcnC,EAAOoB,EAAQhB,CAAI,CACnC,EAEMgC,EAAuBhC,GAAiB,CAE5C,GAAIxC,EAAS,CACX,KAAM,CAAE,KAAAwC,EAAM,OAAAgB,EAAQ,OAAAlB,EAAS,IAAOtC,EAEhCoC,EAAQtB,EAAU,QAAQ,UAAA,EAC1B2D,EAASjC,EAAK,OAASF,EAAO,OAC9BoC,EAAQlB,EAAShB,EAAK,OAAS,EAErCJ,EAAM,WAAWsC,EAAOD,CAAM,CAChC,CAEAH,GAAgB9B,CAAI,CACtB,EAEMmC,GAAkB,IAAM,CACxBnH,GAAUF,GAEdG,IAAUA,GAAA,CACZ,EAEMmH,GAAc,IAAM,EAET9D,EAAU,QAAQ,UAAA,EACb,QAAA,EACX,OAAS,GAAKzD,IACrB8B,EAAe,EAAE,EAInBzB,IAAWA,GAAA,CACb,EAEMmH,EAAqB,CAAC,CAAE,KAAAC,EAAM,KAAA3H,KAAgB,CAClD,MAAM4H,EAAWC,EAAAA,cAAcF,EAAK,IAAI,EAClCG,EAAU,CACd,GAAI9H,EAAK,GACT,KAAM4H,EACN,KAAMD,EAAK,KACX,KAAMA,EAAK,KACX,MAAO1F,EAAM,MAAA,EAGf,OAAAC,EAAU6F,GAAS,CAAC,GAAGA,EAAMD,CAAO,CAAC,EAErC1F,EAAmB2F,GACjBA,EAAK,OAAQC,GAAmBH,gBAAcG,EAAU,IAAI,IAAMJ,CAAQ,CAAA,EAGrEE,CACT,EAEMG,GAAmB,CAACC,EAAYC,EAAcC,IAAiC,CAC/EA,EAEF1F,KAAmBwF,CAAE,GAGrBhG,EAAU6F,GAASA,EAAK,OAAQJ,GAASA,EAAK,KAAOO,CAAE,CAAC,EAExD9F,EAAmB2F,GACVA,EAAK,OAAQJ,GAAcE,EAAAA,cAAcF,EAAK,IAAI,IAAME,gBAAcM,CAAI,CAAC,CACnF,EAEL,EAEME,GAAqB,CAAC,EAAQV,IAAc,CAChD,MAAMW,EAAW,KAAK,MAAO,EAAE,OAAS,IAAO,EAAE,KAAK,EACtD,GAAIA,IAAa,IAAK,CACpB,MAAMV,EAAWC,EAAAA,cAAcF,EAAK,IAAI,EAClCY,EAAiB,CACrB,KAAMX,EACN,SAAAU,EACA,KAAMX,EAAK,KACX,MAAO1F,EAAM,OAASE,EAAe,MAAA,EAIvCC,EAAmB2F,GAGV,CAAC,GADYA,EAAK,OAAQI,GAAcN,EAAAA,cAAcM,EAAK,IAAI,IAAMP,CAAQ,EAC5DW,CAAc,CACvC,CACH,CACF,EAGMC,GAAc,GAAuC,CACzDlG,EAAc,EAAK,EAEnBmG,EAAAA,eAAe,EAAGjI,EAAa6H,GAAoBX,CAAkB,CACvE,EAEMgB,GAAkB,GAAuC,CAC7D,EAAE,eAAA,EACF,EAAE,gBAAA,EACFpG,EAAc,EAAI,CACpB,EAEMqG,GAAoBC,GAAqB,CAC7C,YAAApI,EACA,UAAWkH,CAAA,CACZ,EAEKmB,GAAe,SAAY,CAC/B,GAAI,CACFrG,GAAgB,EAAI,EAGpB,IAAIsG,EAAkB,CAAA,EAClBC,EACJ,GAAItG,EAAY,OAAQ,CACtB,KAAM,CAAE,MAAAR,EAAO,SAAA+G,GAAa,MAAML,GAAkBlG,CAAW,EAC/DqG,EAAkB7G,EAElB,KAAM,CAAE,YAAagH,EAAkB,CAAA,CAAC,EAAMjJ,GAAQ,CAAA,EAEtD+I,EAAqB,CAAC,GAAGE,EAAiB,GAAGD,CAAQ,CACvD,CAGA,KAAM,CAACE,CAAQ,EAAIC,GAAAA,kBAAkBpH,CAAW,EAG1CqH,EAAiBC,EAAAA,YAAYH,CAAQ,EAErCI,EAAgB,CAAC,GAAGrH,EAAO,GAAG6G,CAAe,EAE7CS,EAAU,CACd,GAAGvJ,EACH,YAAa+I,EACb,SAAUhI,EAAU,KAAOqC,CAAA,EAG7B,IAAKgG,GAAkBE,EAAc,SAAWrJ,EAC9C,GAAI,CACF,MAAMA,EAASmJ,EAAgBE,EAAeC,CAAO,EAErDvH,EAAe,EAAE,EACjBE,EAAS,CAAA,CAAE,CACb,MAAgB,CAEd,MACF,CAEJ,OAASsH,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnBC,GAAAA,MAAM,MAAM,sBAAsB,CACpC,QAAA,CACEjH,GAAgB,EAAK,CACvB,CACF,EAEMkH,GAAiB,GAAwC,CAC7D,GAAI7G,EAAS,CAEX,GAAI,EAAE,MAAQ,SAAU,CACtBM,EAAA,EACA,MACF,CAGIN,GAAW,EAAE,IAIjB,MAAM8G,EAAiB,EAAE,MAAQ,UAAY,GAAK,EAAE,MAAQ,YAAc,EAAI,EAE9E,GAAIA,EAAgB,CAElB,EAAE,eAAA,EACF,IAAIC,EAAW7G,EAAuB4G,EAClCC,EAAW,IAAGA,EAAWhF,EAAoB,OAAS,GACtDgF,GAAYhF,EAAoB,SAAQgF,EAAW,GACvD5G,EAAwB4G,CAAQ,CAClC,CAEI,EAAE,GAGR,CAEI,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UACvCf,GAAA,EAGE,EAAE,MAAQ,UACZpB,GAAA,CAEJ,EAEA,IAAIoC,GAAqCxJ,EAASuB,GAAa,GAAK,GAChE1B,IAAW2J,GAAiB,QAGhC,MAAMC,GAAUvF,EAAAA,QACd,IACEwF,cAAW,CACT,cAAe,CACb,YAAAvJ,EACA,SAAUkH,EACV,iBAAkBW,EAAA,CACpB,CACD,EACH,CAAC7H,EAAa0B,EAAUE,CAAiB,CAAA,EAGrC4H,GAAW,CAAC,GAAGvH,EAAa,GAAIR,GAAS,GAAK,GAAGE,CAAc,EAAE,KACrE,CAACgC,EAAGC,IAAMD,EAAE,MAAQC,EAAE,KAAA,EAElB6F,GAAcD,GAAS,OAAS,EAGtC,IAAIE,GAAgB,KAChBzJ,EAAS,QAAUA,EAAS,CAAC,EAAE,aAAe,UAC5CoC,GAAS,OAAS,OACpBqH,GAAgB,6CAIpB,MAAMC,GAAyB9J,GACzBF,EACEY,EAAgB,yCACb,mDAGLA,GAAW,CAACV,EAAe,kBAExB,uDAGT,OACE+J,wBAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAAC,EAAAA,kBAAAA,KAACC,EAAAA,WAAA,CACC,UAAWC,EAAK,oBAAqB,CAAE,OAAAnK,EAAQ,UAAAH,EAAW,EAC1D,WAAYwI,GACZ,YAAa,IAAMpG,EAAc,EAAK,EACtC,OAAQkG,GACR,QAAS,IAAMlG,EAAc,EAAK,EAClC,UAAY,GAAM,EAAE,gBAAA,EAEpB,SAAA,CAAAgI,EAAAA,kBAAAA,KAACG,EAAAA,QAAA,CACC,UAAWD,EAAK,kBAAmB,CACjC,OAAAnK,EACA,SAAU,CAACA,GAAUF,EACrB,UAAAD,EACA,WAAAmC,GACA,SAAAlC,EACA,UAAAC,GACA,aAAAmC,GACA,SAAU,CAAC,CAACa,GAAY,CAACrC,CAAA,CAC1B,EACD,UAAW2I,GACX,QAASlC,GACT,iBAAkBhE,IAAc,MAChC,kBAAmBC,GAAqB,QACxC,mBAAoBA,GAAqB,UAEzC,SAAA,CAAA2G,EAAAA,kBAAAA,IAACM,EAAAA,SAAA,CAAgB,IAAK5G,GAEpB,iCAAC6G,GAAAA,QAAA,CAAqB,YAAahL,EAAoB,UAAAE,CAAA,CAAsB,CAAA,CAC/E,EAGCQ,GACC+J,EAAAA,kBAAAA,IAACQ,GAAA,CACC,MAAOZ,GACP,UAAWC,IAAe/J,EAC1B,SAAU+H,GACV,YAAAzH,EACA,kBAAmBmC,GACnB,MAAO,CACL,aAAc,gDACd,OAAQ,MAAA,EAEV,UAAS,GACT,GAAI,CACF,KAAM,CACJ,MAAO,CACL,OAAQzC,EAAY,GAAK,MAAA,CAC3B,CACF,CACF,CAAA,EAGHG,GAAU,CAACF,EACVmK,EAAAA,kBAAAA,KAACO,GAAAA,gBAAA,CAAgB,IAAKhH,GACnB,SAAA,CAAA,CAAC9C,GACAqJ,EAAAA,kBAAAA,IAACU,GAAAA,uBAAA,CACC,MAAO1H,EACP,WAAYE,GACZ,SAAWyH,GAAM1H,GAAY0H,CAAC,EAC9B,UAAW7K,EACX,aAAce,GACd,eAAAC,GACA,SAAU8J,GAAAA,iBAAiB1H,GAAiB,CAAE,QAAAvC,EAAS,QAAAM,GAAS,EAChE,MAAO,CACL,SAAUnB,EAAY,WAAa,WACnC,KAAM,EACN,IAAKA,EAAY,EAAI,CAAA,CACvB,CAAA,EAIJkK,EAAAA,kBAAAA,IAACa,GAAA,CACC,MAAM,OACN,MAAO,CAAE,UAAWpB,GAAgB,UAAW,GAAA,EAC/C,IAAKlG,EACL,MAAO5B,EACP,SAAU4D,GACV,SAAU,CAACtF,EACX,YAAa8J,GAAsB,EAAI,EACvC,QAAAL,GACA,QAASoB,GAAAA,YAAA,CAAA,CACX,CAAA,CACF,EAEAd,EAAAA,kBAAAA,IAACe,EAAAA,YAAA,CAAoB,cAAwB,EAG/Cb,yBAACc,EAAAA,OAAA,CACE,SAAA,CAAA,CAACrK,GACAuJ,EAAAA,kBAAAA,KAACe,EAAAA,QAAA,CAEC,SAAA,CAAAjB,EAAAA,kBAAAA,IAACkB,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,OACR,QAAS,IAAMjE,EAAoB,GAAG,EACtC,eAAc,eACd,gBAAe,GAAA,CAAA,EAGjB+C,EAAAA,kBAAAA,IAACkB,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,OACR,QAAS,IAAMjE,EAAoB,IAAI,EACvC,eAAc,kBACd,gBAAe,IAAA,CAAA,EAGjB+C,EAAAA,kBAAAA,IAACkB,EAAAA,OAAA,CACC,KAAK,eACL,QAAQ,OACR,QAAS,IAAMjE,EAAoB,KAAK,EACxC,eAAc,eACd,gBAAe,KAAA,CAAA,CACjB,EACF,EAEFiD,EAAAA,kBAAAA,KAACe,EAAAA,QAAA,CAAe,MAAO,CAAE,WAAY,QAClC,SAAA,CAAAnL,2BACEoL,EAAAA,OAAA,CAAO,QAAQ,OAAO,QAAS7D,GAAa,SAAA,SAE7C,EAEF2C,EAAAA,kBAAAA,IAACmB,EAAAA,WAAA,CACC,MAAOrL,EAAY,OAAS,UAC5B,UAAU,UACV,OAAQ,CAAC,CAAC6B,GAAe,CAAC,CAACE,EAAM,OACjC,QAAS4G,GACT,SAAUzI,EAAA,CAAA,CACZ,CAAA,CACF,CAAA,EACF,0BAECoL,EAAAA,SAAA,CAAgB,UAAWhB,EAAK,CAAE,KAAMnI,IAAchC,CAAA,CAAQ,EAC7D,SAAA+J,EAAAA,kBAAAA,IAACqB,EAAAA,KAAA,CAAK,KAAK,eAAe,CAAA,CAC5B,CAAA,CAAA,CAAA,EAEFrB,EAAAA,kBAAAA,IAACsB,GAAA,CACC,QAAA7I,EACA,QAAS+B,EACT,SAAUa,GACV,eAAiBkG,GAAW,CAC1BzI,GAAiByI,CAAM,EACvB3I,EAAwB,CAAC,CAC3B,EACA,aAAcC,EAAgBA,EAAc,QAAQ,IAAK,EAAE,EAAI,OAC/D,MAAOvD,EAEP,OAAQC,EAAmBkD,GAAS,IAAI,EACxC,UAAW,CAAC+B,EAAoB,SAAW/B,GAAS,QAAUI,GAC9D,eAAgB,CAAC2B,EAAoB,QAAU,CAAC/B,GAAS,QAAU,CAACI,EACpE,cAAeF,EAEf,MAAOmH,GACP,QAAAnJ,CAAA,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"CommentInput.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\nimport { QuillListStyles } from '../../../../components/QuillListStyles'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\nimport { useBlendedCategoryColor } from './hooks/useBlendedCategoryColor'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { ActivityCategorySelect, isCategoryHidden, SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useProjectContext } from '@shared/context'\nimport { parseFilename } from '@shared/components'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n '@@@': {\n id: 'task',\n },\n '@@': {\n id: 'version',\n },\n '@': {\n id: 'user',\n isCircle: true,\n },\n}\n\ninterface CommentInputProps {\n initValue: string \| null\n initFiles?: any[]\n initCategory?: string \| null\n data?: any\n onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n isEditing?: boolean\n disabled?: boolean\n isLoading?: boolean\n isOpen: boolean\n onOpen?: () => void\n onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n initValue,\n initFiles = [],\n initCategory = null,\n data = {},\n onSubmit,\n isEditing,\n disabled,\n isLoading,\n isOpen,\n onOpen,\n onClose,\n}) => {\n const {\n projectName,\n entities,\n projectInfo,\n scope,\n feedFilter,\n mentionSuggestionsData,\n categories,\n isGuest,\n } = useFeedContext()\n\n const { hasLicense, onPowerFeature, user } = useDetailsPanelContext()\n const isAdmin = user?.data?.isAdmin\n\n const project = useProjectContext()\n\n const {\n users: mentionUsers,\n teams: mentionTeams,\n versions: mentionVersions,\n tasks: mentionTasks,\n } = mentionSuggestionsData \|\| {}\n\n const [initHeight, setInitHeight] = useState(88)\n const [editorValue, setEditorValue] = useState('')\n // file uploads\n const [files, setFiles] = useState(initFiles)\n const [filesUploading, setFilesUploading] = useState([])\n const [isDropping, setIsDropping] = useState(false)\n const [isSubmitting, setIsSubmitting] = useState(false)\n\n const { annotations, removeAnnotation, goToAnnotation } = useAnnotationsSync({\n entityId: entities[0]?.id,\n filesUploading,\n })\n\n // MENTION STATES\n const [mention, setMention] = useState<null \| any>(null)\n const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n // Prefix filter for mentions (e.g. 'team:' or 'user:')\n const [mentionPrefix, setMentionPrefix] = useState('')\n\n const clearMention = () => {\n setMention(null)\n setMentionSelectedIndex(0)\n setMentionPrefix('')\n }\n // CATEGORY STATE\n const [category, setCategory] = useState<null \| string>(initCategory)\n const categoryOptions = categories.filter((cat) => cat.accessLevel >= 20)\n const categoryData = categories.find((cat) => cat.name === category)\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n // REFS\n const editorRef = useRef<any>(null)\n const editorContainerRef = useRef<HTMLDivElement>(null)\n\n const markdownRef = useRef<HTMLDivElement>(null)\n\n // if there is an initial value, set it so the editor is prefilled\n useInitialValue({\n markdownRef,\n initValue,\n setEditorValue,\n setInitHeight,\n isOpen: isOpen,\n filter: feedFilter,\n })\n\n // When editing, set selection to the end of the editor\n useSetCursorEnd({ initHeight, editorRef, isEditing })\n // create a new quill format for mentions and registers it\n useMentionLink({ projectName })\n\n // focus on editor when opened\n useEffect(() => {\n if (isOpen) {\n editorRef.current?.getEditor()?.enable()\n // block autofocus if opened from an annotation\n if (annotations.length > 0 && files.length === 0) {\n return\n }\n\n editorRef.current?.focus()\n }\n // We don't set annotations or files as useEffect dependencies, because we don't want to focus\n // the input if it's already open but annotations change (e.g. are removed).\n }, [isOpen, editorRef])\n\n mentionTypes.sort((a, b) => b.length - a.length)\n\n // Combine prefix filter with typed search for options filtering\n const mentionSearchWithPrefix = mentionPrefix + (mention?.search \|\| '')\n\n const mentionOptions = useMemo(\n () =>\n getMentionOptions(\n mention?.type,\n {\n '@': () => getMentionUsers(mentionUsers, mentionTeams),\n '@@': () => getMentionVersions(mentionVersions, project),\n '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n },\n mentionSearchWithPrefix \|\| undefined,\n ),\n [mentionTasks, mentionVersions, mentionUsers, mentionTeams, mention?.type, mentionSearchWithPrefix],\n )\n\n // show first 5 and filter itself out\n const shownMentionOptions = mentionOptions.slice(0, 5)\n\n // triggered when a mention is selected\n const [newSelection, setNewSelection] = useState<null \| number>()\n\n useEffect(() => {\n if (newSelection) {\n setNewSelection(null)\n // now we set selection to the end of the mention\n const quill = editorRef.current.getEditor()\n quill.setSelection(newSelection)\n }\n }, [newSelection])\n\n const handleSelectMention = (selectedOption: any) => {\n // get option text\n const quill = editorRef.current.getEditor()\n\n const typePrefix = mention.type // the type of mention: @, @@, @@@\n const search = typePrefix + (mention.search \|\| '') // the full search string: @Tim\n const mentionLabel = typePrefix + selectedOption.label // the label of the mention: @Tim Bailey\n // @ts-expect-error\n const type = mentionTypeOptions[typePrefix] // the type of mention: user, version, task\n // Use the option's own type (e.g. 'team') if available, otherwise fall back to the mention type config\n const refType = selectedOption.type \|\| type?.id\n const href = `${refType}:${selectedOption.id}` // the href of the mention: user:user.123 or team:Thunder boys\n\n // get selection delta\n const selection = quill.getSelection(true)\n const selectionIndex = selection?.index \|\| 0\n const startIndex = selectionIndex - search.length // the start index of the search\n\n // first delete the search string\n quill.deleteText(startIndex, search.length)\n\n // insert embed link\n quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n const endIndex = startIndex + mentionLabel.length\n\n // insert a space after the mention\n quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n // remove single \\n after mention\n quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n // set selection to the end of the mention + 1\n setNewSelection(endIndex + 1)\n\n // reset mention state\n clearMention()\n }\n\n const handleSelectChange = (option: any) => {\n handleSelectMention(option)\n }\n\n const handleChange = (content: string, delta: any, _: any, editor: any) => {\n let currentCharacter =\n (delta.ops[0] && delta.ops[0].insert) \|\| (delta.ops[1] && delta.ops[1].insert)\n\n const tabOrEnter = currentCharacter === '\\n' \|\| currentCharacter === '\\t'\n // find the first option\n const selectedOption = mentionOptions[mentionSelectedIndex]\n\n if (mention && tabOrEnter && selectedOption && !isGuest) {\n // get option text\n const retain = (delta.ops[0] && delta.ops[0].retain) \|\| 0\n // prevent default\n\n // @ts-ignore\n handleSelectMention(selectedOption, retain)\n\n return\n }\n\n setEditorValue(content)\n\n const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n if (!currentCharacter && isDelete) {\n currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n }\n\n const isMention = mentionTypes.includes(currentCharacter)\n\n if (isMention) {\n const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op \|\| 'delete' in op)\n const mention = currentCharacter\n let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n if (isDelete) retain = retain - 1\n\n // for each mention denotation char, check if it is a mention\n // sort by length of mention denotation char\n let mentionMatch = null\n\n // loop through each mention denotation char, with longest first. First one to match is the one we want\n for (const chars of mentionTypes) {\n let isMatch = true\n // start with the last character\n if (chars.endsWith(mention)) {\n // loop through the chars backwards\n for (let i = chars.length - 1; i >= 0; i--) {\n // skip first character as that's already been checked\n if (i === 0) continue\n const char = chars[i - 1]\n const indexInDelta = retain - (chars.length - i)\n const valueCharAtIndex = editor.getText(indexInDelta, 1)\n if (valueCharAtIndex !== char) {\n isMatch = false\n break\n }\n }\n } else {\n isMatch = false\n }\n\n if (isMatch) {\n // console.log('match!!!', chars)\n mentionMatch = chars\n break\n }\n }\n\n if (mentionMatch) {\n setMention({\n type: mentionMatch,\n retain: retain,\n })\n } else {\n clearMention()\n }\n } else {\n // get full string between mention and new delta\n // This is where SEARCH is handled\n if (mention) {\n const retain = delta.ops[0].retain\n // if space is pressed, remove mention\n if (currentCharacter === ' ' \|\| !retain) {\n clearMention()\n return\n }\n\n let distanceMentionToRetain = retain - mention.retain\n if (!isDelete) distanceMentionToRetain++\n const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n // check for space in mentionFull\n if (mentionFull.includes(' ')) {\n clearMention()\n } else {\n setMention({\n ...mention,\n search: mentionSearch?.toLowerCase(),\n })\n }\n } else {\n // just deleting any text\n const quill = editorRef.current.getEditor()\n const currentSelection = quill.getSelection(false)\n const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n if (currentFormat.mention) {\n // if format is mention, delete the whole mention\n const [lineBlock] = quill.getLine(currentSelection.index - 1) \|\| []\n const ops = lineBlock?.cache?.delta?.ops \|\| []\n // get last op with attributes mention: true\n const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n if (lastMentionOp) {\n const mentionLength = lastMentionOp.insert.length\n quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n }\n }\n }\n }\n }\n\n const addTextToEditor = (type: string) => {\n // get editor retain\n const quill = editorRef.current.getEditor()\n\n let retain = quill.getSelection(true)?.index \|\| 0\n\n // get character at retain\n const currentCharacter = quill.getText(retain - 1, 1)\n\n // if the current character is a character, increment retain\n const addSpace = currentCharacter !== ' ' && currentCharacter\n if (addSpace) {\n quill.insertText(retain, ' ')\n retain++\n }\n\n // This is hack AF, but it works\n typeWithDelay(quill, retain, type)\n }\n\n const handleMentionButton = (type: string) => {\n // first check if mention is already open\n if (mention) {\n const { type, retain, search = '' } = mention\n\n const quill = editorRef.current.getEditor()\n const length = type.length + search.length\n const start = retain - type.length + 1\n // delete the mention\n quill.deleteText(start, length)\n }\n\n addTextToEditor(type)\n }\n\n const handleOpenClick = () => {\n if (isOpen \|\| disabled) return\n\n onOpen && onOpen()\n }\n\n const handleClose = () => {\n // get editor value\n const editor = editorRef.current.getEditor()\n const text = editor.getText()\n if (text.length < 2 \|\| isEditing) {\n setEditorValue('')\n }\n\n // always close editor\n onClose && onClose()\n }\n\n const handleFileUploaded = ({ file, data }: any) => {\n const fileName = parseFilename(file.name)\n const newFile = {\n id: data.id,\n name: fileName,\n mime: file.type,\n size: file.size,\n order: files.length,\n }\n\n setFiles((prev) => [...prev, newFile])\n // remove from uploading\n setFilesUploading((prev) =>\n prev.filter((uploading: any) => parseFilename(uploading.name) !== fileName),\n )\n\n return newFile\n }\n\n const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n if (isUnsavedAnnotation) {\n // remove from annotations (if it's an unsaved annotation)\n removeAnnotation?.(id)\n } else {\n // remove file from files\n setFiles((prev) => prev.filter((file) => file.id !== id))\n // remove from uploading\n setFilesUploading((prev) => {\n return prev.filter((file: any) => parseFilename(file.name) !== parseFilename(name))\n })\n }\n }\n\n const handleFileProgress = (e: any, file: any) => {\n const progress = Math.round((e.loaded * 100) / e.total)\n if (progress !== 100) {\n const fileName = parseFilename(file.name)\n const uploadProgress = {\n name: fileName,\n progress,\n type: file.type,\n order: files.length + filesUploading.length,\n }\n\n // @ts-ignore\n setFilesUploading((prev) => {\n // replace or add new progress\n const newProgress = prev.filter((name: any) => parseFilename(name.name) !== fileName)\n return [...newProgress, uploadProgress]\n })\n }\n }\n\n // when a file is not dropped onto the comment input\n const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n setIsDropping(false)\n // upload file\n handleFileDrop(e, projectName, handleFileProgress, handleFileUploaded)\n }\n\n const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n e.stopPropagation()\n setIsDropping(true)\n }\n\n const uploadAnnotations = useAnnotationsUpload({\n projectName,\n onSuccess: handleFileUploaded,\n })\n\n const handleSubmit = async () => {\n try {\n setIsSubmitting(true)\n\n // upload any annotations first\n let annotationFiles = []\n let annotationMetadata: SavedAnnotationMetadata[] \| undefined = undefined\n if (annotations.length) {\n const { files, metadata } = await uploadAnnotations(annotations)\n annotationFiles = files\n // get current files data\n const { annotations: annotationsData = [] } = data \|\| {}\n // merge existing annotations data with new metadata\n annotationMetadata = [...annotationsData, ...metadata]\n }\n\n // convert to markdown\n const [markdown] = convertToMarkdown(editorValue)\n\n // remove img query params\n const markdownParsed = parseImages(markdown)\n\n const uploadedFiles = [...files, ...annotationFiles]\n\n const newData = {\n ...data,\n annotations: annotationMetadata, // could be undefined\n category: isGuest ? null : category, // guests cannot set category (it is done by default on backend)\n }\n\n if ((markdownParsed \|\| uploadedFiles.length) && onSubmit) {\n try {\n await onSubmit(markdownParsed, uploadedFiles, newData)\n // only clear if onSubmit is successful\n setEditorValue('')\n setFiles([])\n } catch (error) {\n // error is handled in rtk query mutation\n return\n }\n }\n } catch (error) {\n console.error(error)\n toast.error('Something went wrong')\n } finally {\n setIsSubmitting(false)\n }\n }\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (mention) {\n // close mention on escape\n if (e.key === 'Escape') {\n clearMention()\n return\n }\n\n // add top search of mention\n if (mention && e.key === 'Tab') {\n // we handle this in the onChange\n }\n\n const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n if (arrowDirection) {\n // navigate through mentions\n e.preventDefault()\n let newIndex = mentionSelectedIndex + arrowDirection\n if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n if (newIndex >= shownMentionOptions.length) newIndex = 0\n setMentionSelectedIndex(newIndex)\n }\n\n if (e.key === 'Enter') {\n // we handle this in the onChange\n }\n }\n\n if (e.key === 'Enter' && (e.ctrlKey \|\| e.metaKey)) {\n handleSubmit()\n }\n\n if (e.key === 'Escape') {\n handleClose()\n }\n }\n\n let quillMinHeight: number \| undefined = isOpen ? initHeight + 41 : 44\n if (isEditing) quillMinHeight = undefined\n\n // QUILL CONFIG\n const modules = useMemo(\n () =>\n getModules({\n imageUploader: {\n projectName,\n onUpload: handleFileUploaded,\n onUploadProgress: handleFileProgress,\n },\n }),\n [projectName, setFiles, setFilesUploading],\n )\n\n const allFiles = [...annotations, ...(files \|\| []), ...filesUploading].sort(\n (a, b) => a.order - b.order,\n )\n const compactGrid = allFiles.length > 3\n\n // disable version mentions for folders\n let mentionsError = null\n if (entities.length && entities[0].entityType === 'folder') {\n if (mention?.type === '@@') {\n mentionsError = 'Version mentions are disabled for folders'\n }\n }\n\n const getCommentPlaceholder = (isOpen?: boolean) => {\n if (disabled) {\n if (isGuest) return 'You do not have permission to comment.'\n return 'Commenting is disabled across multiple projects.'\n }\n\n if (isGuest \|\| !isOpen) return 'Leave a comment'\n\n return 'Comment or mention with @user, @@version, @@@task...'\n }\n\n return (\n <>\n <Styled.AutoHeight\n className={clsx('comment-container', { isOpen, isEditing })}\n onDragOver={handleDragOver}\n onDragLeave={() => setIsDropping(false)}\n onDrop={handleDrop}\n onClick={() => setIsDropping(false)}\n onKeyDown={(e) => e.stopPropagation()}\n >\n <Styled.Comment\n className={clsx('block-shortcuts', {\n isOpen,\n isClosed: !isOpen \|\| disabled,\n isEditing,\n isDropping,\n disabled,\n isLoading,\n isSubmitting,\n category: !!category && !isGuest,\n })}\n onKeyDown={handleKeyDown}\n onClick={handleOpenClick}\n $categoryPrimary={categoryData?.color}\n $categoryTertiary={blendedCategoryColor.primary}\n $categorySecondary={blendedCategoryColor.secondary}\n >\n <Styled.Markdown ref={markdownRef}>\n {/* this is purely used to translate the markdown into html for Editor /}\n <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n </Styled.Markdown>\n\n {/ file uploads /}\n {isOpen && (\n <FilesGrid\n files={allFiles}\n isCompact={compactGrid \|\| isEditing}\n onRemove={handleFileRemove}\n projectName={projectName}\n onAnnotationClick={goToAnnotation}\n style={{\n borderBottom: '1px solid var(--md-sys-color-outline-variant)',\n height: '100%',\n }}\n isEditing\n pt={{\n file: {\n style: {\n height: isEditing ? 70 : undefined,\n },\n },\n }}\n />\n )}\n {isOpen && !disabled ? (\n <QuillListStyles ref={editorContainerRef}>\n {!isGuest && (\n <ActivityCategorySelect\n value={category}\n categories={categoryOptions}\n onChange={(c) => setCategory(c)}\n isCompact={isEditing}\n hasPowerpack={hasLicense}\n onPowerFeature={onPowerFeature}\n isHidden={isCategoryHidden(categoryOptions, { isGuest, isAdmin })}\n style={{\n position: isEditing ? 'relative' : 'absolute',\n left: 4,\n top: isEditing ? 0 : 4,\n }}\n />\n )}\n\n <ReactQuill\n theme=\"snow\"\n style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n ref={editorRef}\n value={editorValue}\n onChange={handleChange}\n readOnly={!isOpen}\n placeholder={getCommentPlaceholder(true)}\n modules={modules}\n formats={quillFormats}\n />\n </QuillListStyles>\n ) : (\n <Styled.Placeholder>{getCommentPlaceholder()}</Styled.Placeholder>\n )}\n\n <Styled.Footer>\n {!isGuest && (\n <Styled.Buttons>\n {/ mention a user /}\n <Button\n icon=\"person\"\n variant=\"text\"\n onClick={() => handleMentionButton('@')}\n data-tooltip={'Mention user'}\n data-shortcut={'@'}\n />\n {/ mention a version /}\n <Button\n icon=\"layers\"\n variant=\"text\"\n onClick={() => handleMentionButton('@@')}\n data-tooltip={'Mention version'}\n data-shortcut={'@@'}\n />\n {/ mention a task */}\n <Button\n icon=\"check_circle\"\n variant=\"text\"\n onClick={() => handleMentionButton('@@@')}\n data-tooltip={'Mention task'}\n data-shortcut={'@@@'}\n />\n </Styled.Buttons>\n )}\n <Styled.Buttons style={{ marginLeft: 'auto' }}>\n {isEditing && (\n <Button variant=\"text\" onClick={handleClose}>\n Cancel\n </Button>\n )}\n <SaveButton\n label={isEditing ? 'Save' : 'Comment'}\n className=\"comment\"\n active={!!editorValue \|\| !!files.length}\n onClick={handleSubmit}\n disabled={isLoading}\n />\n </Styled.Buttons>\n </Styled.Footer>\n\n <Styled.Dropzone className={clsx({ show: isDropping && isOpen })}>\n <Icon icon=\"cloud_upload\" />\n </Styled.Dropzone>\n </Styled.Comment>\n <CommentMentionSelect\n mention={mention}\n options={shownMentionOptions}\n onChange={handleSelectChange}\n onPrefixFilter={(prefix) => {\n setMentionPrefix(prefix)\n setMentionSelectedIndex(0)\n }}\n activePrefix={mentionPrefix ? mentionPrefix.replace(':', '') : undefined}\n types={mentionTypes}\n // @ts-ignore\n config={mentionTypeOptions[mention?.type]}\n noneFound={!shownMentionOptions.length && (mention?.search \|\| mentionPrefix)}\n noneFoundAtAll={!shownMentionOptions.length && !mention?.search && !mentionPrefix}\n selectedIndex={mentionSelectedIndex}\n // @ts-ignore\n error={mentionsError}\n isGuest={isGuest}\n />\n </Styled.AutoHeight>\n </>\n )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","mentionTypes","mentionTypeOptions","CommentInput","initValue","initFiles","initCategory","data","onSubmit","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","feedFilter","mentionSuggestionsData","categories","isGuest","useFeedContext","hasLicense","onPowerFeature","user","useDetailsPanelContext","isAdmin","project","useProjectContext","mentionUsers","mentionTeams","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","mentionPrefix","setMentionPrefix","clearMention","category","setCategory","categoryOptions","cat","categoryData","blendedCategoryColor","useBlendedCategoryColor","editorRef","useRef","editorContainerRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","a","b","mentionSearchWithPrefix","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","type","href","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","fileName","parseFilename","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","progress","uploadProgress","handleDrop","handleFileDrop","handleDragOver","uploadAnnotations","useAnnotationsUpload","handleSubmit","annotationFiles","annotationMetadata","metadata","annotationsData","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","newData","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","allFiles","compactGrid","mentionsError","getCommentPlaceholder","jsx","Fragment","jsxs","Styled.AutoHeight","clsx","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","QuillListStyles","ActivityCategorySelect","c","isCategoryHidden","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect","prefix"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.es.js CHANGED Viewed

@@ -38,6 +38,7 @@ import "../../../../api/generated/attributes.es.js";
 import "../../../../api/generated/authentication.es.js";
 import "../../../../api/generated/bundles.es.js";
 import "../../../../api/generated/configuration.es.js";
+import "../../../../api/generated/dataImport.es.js";
 import "../../../../api/generated/desktop.es.js";
 import "../../../../api/generated/entityLists.es.js";
 import "../../../../api/generated/events.es.js";
@@ -294,7 +295,7 @@ const q = ["@", "@@", "@@@"], Y = {
     id: "user",
     isCircle: !0
   }
-}, np = ({
+}, mp = ({
   initValue: J,
   initFiles: Pt = [],
   initCategory: At = null,
@@ -691,7 +692,7 @@ const q = ["@", "@@", "@@@"], Y = {
   ) });
 };
 export {
-  np as default,
+  mp as default,
   Y as mentionTypeOptions
 };
 //# sourceMappingURL=CommentInput.es.js.map