@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react-quill-ayon"),b=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const y=require("../../../../../context/DetailsPanelContext.cjs.js");require("../../../../../../../_virtual/jsx-runtime.cjs.js");require("react");require("../../../../../../../_virtual/runtime.cjs.js");require("../../../../../../../_virtual/semver.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/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/bundles/getBundles.cjs.js");require("../../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../../api/queries/cloud/cloud.cjs.js");require("../../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../../api/queries/columnStats/groupCounts.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/overview/getOverview.cjs.js");require("../../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.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/folders/getFolderDeleteInfo.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/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("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../../util/pubsub.cjs.js");require("../../../../../context/PowerpackContextInstance.cjs.js");require("../../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../../context/pip/PiPWrapper.cjs.js");require("../../../../../context/AddonProjectContext.cjs.js");require("../../../../../context/AddonContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");require("../../../../../context/GlobalContext.cjs.js");require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../../ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                            */require("clsx");require("../../Tooltips/UserTooltipItem.cjs.js");require("../../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../context/FeedContext.cjs.js");require("../../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Tooltips/EntityTooltip/EntityTooltip.styled.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("../CommentInput.cjs.js");require("../../ReactionContainer/Reactions.styled.cjs.js");require("../../FilesGrid/FilesGrid.styled.cjs.js");require("../../FileUploadCard/FileUploadCard.styled.cjs.js");require("../quillToMarkdown.cjs.js");require("../../ActivityComment/ActivityComment.styled.cjs.js");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/AttributeEditor.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("../../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.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("../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../modules/index.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("../../../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../../components/EnumEditor/EnumEditor.styled.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");require("../../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../../components/Powerpack/FreeTrialLink.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("../../../../Slicer/components/Slicer.cjs.js");require("../../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../../NewEntity/components/NewEntity.cjs.js");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/MarkdownWidget.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/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../ProjectTreeTable/context/CellEditingContext.cjs.js");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/SelectedRowsContext.cjs.js");require("../../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ErrorWidget.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/TableFooterRow.cjs.js");require("../../../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../../../NewEntity/components/NewEntityForm.cjs.js");require("../../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../../components/SearchFilter/CustomDateRangeDialog.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/SyncButton/SyncButton.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/VersionUploadContextInstance.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.cjs.js");require("../../../../../components/ColumnHeaderMenuUI.cjs.js");require("../../ActivityReference/ActivityReference.styled.cjs.js");require("../../ActivityStatus/ActivityStatus.cjs.js");require("../../ActivityHeader/ActivityHeader.styled.cjs.js");require("../../ActivityDate.cjs.js");require("../../ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ActivityCategorySelect/CategoryTag.cjs.js");require("../../ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../ActivityFieldChange/FieldValue.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");require("../../FeedSearchFilter.cjs.js");require("../../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.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/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.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/ViewsMenu/ViewsMenu.cjs.js");require("../../../../Views/context/ViewsContextInstance.cjs.js");require("../../../../Views/Views.styled.cjs.js");require("../../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../../ListTable/ListTableRow.cjs.js");require("../../../../ListTable/ListTable.styled.cjs.js");require("../../../../../context/UriContext.cjs.js");require("../../../../../context/DeleteEntitiesContext.cjs.js");const x=s.Quill.import("blots/inline"),T=({projectName:o})=>{const{openSlideOut:a}=y.useDetailsPanelContext(),[,c]=b();class i extends x{static blotName="mention";static tagName="MENTION";static create(e){if(!e||typeof e!="string")return document.createElement(i.tagName);const r=super.create(e),u=e.split(":").shift(),q=e.split(":").pop();return r.classList.add("mention"),r.classList.add(u),r.setAttribute("id",`ref-${q}`),r.setAttribute("contenteditable","false"),r.setAttribute("data-value",e),r.addEventListener("click",t=>{t.preventDefault(),u!=="user"&&a({entityId:q,entityType:u,projectName:o})}),r.addEventListener("mouseenter",t=>{const n=t.target||{},d=n.innerText.replace("@",""),{x:p,y:f,width:m}=n.getBoundingClientRect(),g={left:p+m/2,top:f};c({id:q,name:q,type:u,label:d,pos:g})}),r||""}static value(e){return e.getAttribute("data-value")}}i.sanitize=l=>l,s.Quill.register(i,!0)};module.exports=T;
+"use strict";const a=require("react-quill-ayon"),y=require("../../../hooks/useReferenceTooltip.cjs.js"),x=require("../../../../../context/DetailsPanelContext.cjs.js"),T=a.Quill.import("blots/inline"),L=({projectName:c})=>{const{openSlideOut:l}=x.useDetailsPanelContext(),[,u]=y();class n extends T{static blotName="mention";static tagName="MENTION";static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const e=super.create(t),i=t.split(":").shift(),s=t.split(":").pop();return e.classList.add("mention"),e.classList.add(i),e.setAttribute("id",`ref-${s}`),e.setAttribute("contenteditable","false"),e.setAttribute("data-value",t),e.addEventListener("click",r=>{r.preventDefault(),i!=="user"&&l({entityId:s,entityType:i,projectName:c})}),e.addEventListener("mouseenter",r=>{const o=r.target||{},p=o.innerText.replace("@",""),{x:f,y:m,width:g}=o.getBoundingClientRect(),b={left:f+g/2,top:m};u({id:s,name:s,type:i,label:p,pos:b})}),e||""}static value(t){return t.getAttribute("data-value")}}n.sanitize=d=>d,a.Quill.register(n,!0)};module.exports=L;
 //# sourceMappingURL=useMentionLink.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":"+8lBAKA,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CAC9D,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACnB,CAAA,CAAGC,CAAa,EAAIC,EAAA,EAI1B,MAAMC,UAAoBR,CAAO,CAC/B,OAAO,SAAW,UAClB,OAAO,QAAU,UAEjB,OAAO,OAAOS,EAAO,CACnB,GAAI,CAACA,GAAS,OAAOA,GAAU,SAAU,OAAO,SAAS,cAAcD,EAAY,OAAO,EAE1F,MAAME,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,EACpCG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA,EAExC,OAAAC,EAAK,UAAU,IAAI,SAAS,EAC5BA,EAAK,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE/CF,EAAK,aAAa,kBAAmB,OAAO,EAG5CA,EAAK,aAAa,aAAcD,CAAK,EAGrCC,EAAK,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAA,EACEF,IAAqB,QAEzBP,EAAa,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CACH,CAAC,EAGDO,EAAK,iBAAiB,aAAeG,GAAwC,CAC3E,MAAMC,EAASD,EAAE,QAAU,CAAA,EACrBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAA,EAAWJ,EAAuB,sBAAA,EAC1CK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAA,EAExCX,EAAc,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CACH,CAAC,EAEMT,GAAQ,EACjB,CAGA,OAAO,MAAMA,EAAW,CACtB,OAAOA,EAAK,aAAa,YAAY,CACvC,CAAA,CAIFF,EAAY,SAAYY,GAAQA,EAEhCnB,QAAM,SAASO,EAAa,EAAI,CAClC"}
+{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":"uKAKMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CAC9D,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACnB,CAAA,CAAGC,CAAa,EAAIC,EAAA,EAI1B,MAAMC,UAAoBR,CAAO,CAC/B,OAAO,SAAW,UAClB,OAAO,QAAU,UAEjB,OAAO,OAAOS,EAAO,CACnB,GAAI,CAACA,GAAS,OAAOA,GAAU,SAAU,OAAO,SAAS,cAAcD,EAAY,OAAO,EAE1F,MAAME,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,EACpCG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA,EAExC,OAAAC,EAAK,UAAU,IAAI,SAAS,EAC5BA,EAAK,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE/CF,EAAK,aAAa,kBAAmB,OAAO,EAG5CA,EAAK,aAAa,aAAcD,CAAK,EAGrCC,EAAK,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAA,EACEF,IAAqB,QAEzBP,EAAa,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CACH,CAAC,EAGDO,EAAK,iBAAiB,aAAeG,GAAwC,CAC3E,MAAMC,EAASD,EAAE,QAAU,CAAA,EACrBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAA,EAAWJ,EAAuB,sBAAA,EAC1CK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAA,EAExCX,EAAc,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CACH,CAAC,EAEMT,GAAQ,EACjB,CAGA,OAAO,MAAMA,EAAW,CACtB,OAAOA,EAAK,aAAa,YAAY,CACvC,CAAA,CAIFF,EAAY,SAAYY,GAAQA,EAEhCnB,QAAM,SAASO,EAAa,EAAI,CAClC"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js

@@ -1,340 +1,40 @@
-import { Quill as n } from "react-quill-ayon";
+import { Quill as a } from "react-quill-ayon";
 import y from "../../../hooks/useReferenceTooltip.es.js";
-import "../../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as T } from "../../../../../context/DetailsPanelContext.es.js";
-import "../../../../../../../_virtual/jsx-runtime.es.js";
-import "react";
-import "../../../../../../../_virtual/runtime.es.js";
-import "../../../../../../../_virtual/semver.es.js";
-import "../../../../../api/base/client.es.js";
-import "../../../../../api/generated/graphql.es.js";
-import "../../../../../api/generated/graphqlLinks.es.js";
-import "../../../../../api/generated/access.es.js";
-import "../../../../../api/generated/actions.es.js";
-import "../../../../../api/generated/activityFeed.es.js";
-import "../../../../../api/generated/addons.es.js";
-import "../../../../../api/generated/anatomy.es.js";
-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";
-import "../../../../../api/generated/files.es.js";
-import "../../../../../api/generated/folders.es.js";
-import "../../../../../api/generated/inbox.es.js";
-import "../../../../../api/generated/links.es.js";
-import "../../../../../api/generated/market.es.js";
-import "../../../../../api/generated/onboarding.es.js";
-import "../../../../../api/generated/operations.es.js";
-import "../../../../../api/generated/products.es.js";
-import "../../../../../api/generated/projectDashboard.es.js";
-import "../../../../../api/generated/projects.es.js";
-import "../../../../../api/generated/projectFolders.es.js";
-import "../../../../../api/generated/reviewables.es.js";
-import "../../../../../api/generated/services.es.js";
-import "../../../../../api/generated/system.es.js";
-import "../../../../../api/generated/tasks.es.js";
-import "../../../../../api/generated/teams.es.js";
-import "../../../../../api/generated/thumbnails.es.js";
-import "../../../../../api/generated/uRIs.es.js";
-import "../../../../../api/generated/users.es.js";
-import "../../../../../api/generated/versions.es.js";
-import "../../../../../api/generated/workfiles.es.js";
-import "../../../../../api/generated/ynputCloud.es.js";
-import "../../../../../api/generated/grouping.es.js";
-import "../../../../../api/generated/views.es.js";
-import "../../../../../api/queries/actions/getActions.es.js";
-import "../../../../../api/queries/activities/getActivities.es.js";
-import "../../../../../api/queries/activities/updateReaction.es.js";
-import "../../../../../api/queries/activities/getMentions.es.js";
-import "../../../../../api/queries/activities/getCategories.es.js";
-import "../../../../../api/queries/addons/getAddons.es.js";
-import "../../../../../api/queries/addons/updateAddons.es.js";
-import "../../../../../api/queries/attributes/getAttributes.es.js";
-import "../../../../../api/queries/attributes/updateAttributes.es.js";
-import "../../../../../api/queries/authentication/getAuthentication.es.js";
-import "../../../../../api/queries/bundles/getBundles.es.js";
-import "../../../../../api/queries/bundles/updateBundles.es.js";
-import "../../../../../api/queries/cloud/cloud.es.js";
-import "../../../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../../../api/queries/columnStats/groupCounts.es.js";
-import "../../../../../api/queries/config/getConfig.es.js";
-import "../../../../../api/queries/config/updateConfig.es.js";
-import "../../../../../api/queries/entities/getEntity.es.js";
-import "../../../../../api/queries/entities/getEntityPanel.es.js";
-import "../../../../../api/queries/overview/getOverview.es.js";
-import "../../../../../api/queries/overview/updateOverview.es.js";
-import "../../../../../api/queries/versions/getVersionsProducts.es.js";
-import "../../../../../api/queries/links/getEntityLinks.es.js";
-import "../../../../../api/queries/entities/updateEntity.es.js";
-import "../../../../../api/queries/entityLists/getLists.es.js";
-import "../../../../../api/queries/entityLists/updateLists.es.js";
-import "../../../../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../../../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../../../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../../../../api/queries/entityLists/listFolders.es.js";
-import "../../../../../api/queries/folders/getFolders.es.js";
-import "../../../../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../../../../api/queries/grouping/getGrouping.es.js";
-import "../../../../../api/queries/links/updateLinks.es.js";
-import "../../../../../api/queries/links/getLinks.es.js";
-import "../../../../../api/queries/permissions/getPermissions.es.js";
-import "../../../../../api/queries/products/createProduct.es.js";
-import "../../../../../api/queries/products/getFolderProducts.es.js";
-import "../../../../../api/queries/project/getProject.es.js";
-import "../../../../../api/queries/project/updateProject.es.js";
-import "../../../../../api/queries/projectFolders/projectFolders.es.js";
-import "../../../../../api/queries/review/getReview.es.js";
-import "../../../../../api/queries/review/updateReview.es.js";
-import "../../../../../api/queries/share/share.es.js";
-import "../../../../../api/queries/system/getSystem.es.js";
-import "../../../../../api/queries/tasks/getTasks.es.js";
-import "../../../../../api/queries/tasks/updateTasks.es.js";
-import "../../../../../api/queries/teams/getTeams.es.js";
-import "../../../../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../../../../api/queries/users/getUsers.es.js";
-import "../../../../../api/queries/users/updateUsers.es.js";
-import "../../../../../api/queries/users/guests.es.js";
-import "../../../../../api/queries/versions/updateVersions.es.js";
-import "../../../../../api/queries/views/getViews.es.js";
-import "../../../../../api/queries/views/updateViews.es.js";
-import "../../../../../api/queries/watchers/getWatchers.es.js";
-import "../../../../../api/queries/uris/getUris.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../../../../util/pubsub.es.js";
-import "../../../../../context/PowerpackContextInstance.es.js";
-import "../../../../../context/SubtasksModulesContextInstance.es.js";
-import "../../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../../context/SettingsPanelContext.es.js";
-import "../../../../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../../../../context/pip/PiPWrapper.es.js";
-import "../../../../../context/AddonProjectContext.es.js";
-import "../../../../../context/AddonContext.es.js";
-import "../../../../../context/MenuContext.es.js";
-import "../../../../../context/WebsocketContext.es.js";
-import "../../../../../context/GlobalContext.es.js";
-import "../../../../../context/ProjectContext.es.js";
-import "../../../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../../ContextMenu/ContextMenuContext.es.js";
-import "@ynput/ayon-react-components";
-/* empty css                                          */
-import "clsx";
-import "../../Tooltips/UserTooltipItem.es.js";
-import "../../Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../../context/FeedContext.es.js";
-import "../../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../CommentInput.es.js";
-import "../../ReactionContainer/Reactions.styled.es.js";
-import "../../FilesGrid/FilesGrid.styled.es.js";
-import "../../FileUploadCard/FileUploadCard.styled.es.js";
-import "../quillToMarkdown.es.js";
-import "../../ActivityComment/ActivityComment.styled.es.js";
-import "../../ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../../../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../../../../components/Badge/Badge.es.js";
-import "../../../../../components/Chips/Chips.es.js";
-import "date-fns";
-import "../../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../../../components/LinksManager/CellEditingDialog.es.js";
-import "../../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../../../../_virtual/index.es.js";
-import "../../../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                       */
-import "../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../../../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../modules/index.es.js";
-import "../../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../../../components/InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../../../../components/Feedback/SupportBubble.es.js";
-import "../../../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../../components/Powerpack/FreeTrialLink.es.js";
-import "../../../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../../../components/Powerpack/CTAButton.es.js";
-import "../../../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../../../Slicer/components/Slicer.es.js";
-import "../../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../../NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../../../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "short-uuid";
-import "../../../../../components/SearchFilter/filterDates.es.js";
-import "../../../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../../NewEntity/components/NewEntityForm.es.js";
-import "../../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../../../../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../../../components/StyledLink/StyledLink.es.js";
-import "../../../../../components/SyncButton/SyncButton.es.js";
-import "../../../../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../../../../components/Watchers/Watchers.es.js";
-import "../../../../../components/Menu/Menu.styled.es.js";
-import "../../../../../components/Menu/MenuItem.es.js";
-import "../../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../../../components/ColumnHeaderMenuUI.es.js";
-import "../../ActivityReference/ActivityReference.styled.es.js";
-import "../../ActivityStatus/ActivityStatus.es.js";
-import "../../ActivityHeader/ActivityHeader.styled.es.js";
-import "../../ActivityDate.es.js";
-import "../../ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../ActivityCategorySelect/CategoryTag.es.js";
-import "../../ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../ActivityFieldChange/FieldValue.es.js";
-import "../../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../ActivityVersions/ActivityVersions.styled.es.js";
-import "../../ActivityGroup/ActivityGroup.styled.es.js";
-import "../../../Feed.styled.es.js";
-import "../../FeedSearchFilter.es.js";
-import "../../../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../../../Actions/Actions.styled.es.js";
-import "../../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../../../Actions/ActionIcon.es.js";
-import "../../../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../../Views/context/ViewsContextInstance.es.js";
-import "../../../../Views/Views.styled.es.js";
-import "../../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../../ListTable/ListTableRow.es.js";
-import "../../../../ListTable/ListTable.styled.es.js";
-import "../../../../../context/UriContext.es.js";
-import "../../../../../context/DeleteEntitiesContext.es.js";
-const x = n.import("blots/inline"), tm = ({ projectName: s }) => {
-  const { openSlideOut: a } = T(), [, c] = y();
-  class o extends x {
+const x = a.import("blots/inline"), E = ({ projectName: c }) => {
+  const { openSlideOut: l } = T(), [, d] = y();
+  class n extends x {
     static blotName = "mention";
     static tagName = "MENTION";
     // @ts-ignore
     static create(t) {
-      if (!t || typeof t != "string") return document.createElement(o.tagName);
-      const i = super.create(t), r = t.split(":").shift(), p = t.split(":").pop();
-      return i.classList.add("mention"), i.classList.add(r), i.setAttribute("id", `ref-${p}`), i.setAttribute("contenteditable", "false"), i.setAttribute("data-value", t), i.addEventListener("click", (m) => {
-        m.preventDefault(), r !== "user" && a({
-          entityId: p,
-          entityType: r,
-          projectName: s
+      if (!t || typeof t != "string") return document.createElement(n.tagName);
+      const e = super.create(t), i = t.split(":").shift(), s = t.split(":").pop();
+      return e.classList.add("mention"), e.classList.add(i), e.setAttribute("id", `ref-${s}`), e.setAttribute("contenteditable", "false"), e.setAttribute("data-value", t), e.addEventListener("click", (o) => {
+        o.preventDefault(), i !== "user" && l({
+          entityId: s,
+          entityType: i,
+          projectName: c
         });
-      }), i.addEventListener("mouseenter", (m) => {
-        const e = m.target || {}, d = e.innerText.replace("@", ""), { x: u, y: f, width: g } = e.getBoundingClientRect(), b = { left: u + g / 2, top: f };
-        c({
-          id: p,
-          name: p,
-          type: r,
-          label: d,
+      }), e.addEventListener("mouseenter", (o) => {
+        const r = o.target || {}, u = r.innerText.replace("@", ""), { x: m, y: f, width: g } = r.getBoundingClientRect(), b = { left: m + g / 2, top: f };
+        d({
+          id: s,
+          name: s,
+          type: i,
+          label: u,
           pos: b
         });
-      }), i || "";
+      }), e || "";
     }
     // Added value method to retrieve the value from the DOM node
     static value(t) {
       return t.getAttribute("data-value");
     }
   }
-  o.sanitize = (l) => l, n.register(o, !0);
+  n.sanitize = (p) => p, a.register(n, !0);
 };
 export {
-  tm as default
+  E as default
 };
 //# sourceMappingURL=useMentionLink.es.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,KAAiB,CAAC,EAAE,aAAAC,QAAsC;AAC9D,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA;AAAA,EAI1B,MAAMC,UAAoBR,EAAO;AAAA,IAC/B,OAAO,WAAW;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA,IAEjB,OAAO,OAAOS,GAAO;AACnB,UAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,YAAME,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,aAAAC,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE/CF,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcD,CAAK,GAGrCC,EAAK,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBP,EAAa;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAGDO,EAAK,iBAAiB,cAAc,CAACG,MAAwC;AAC3E,cAAMC,IAASD,EAAE,UAAU,CAAA,GACrBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAWJ,EAAuB,sBAAA,GAC1CK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,QAAAX,EAAc;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAEMT,KAAQ;AAAA,IACjB;AAAA;AAAA,IAGA,OAAO,MAAMA,GAAW;AACtB,aAAOA,EAAK,aAAa,YAAY;AAAA,IACvC;AAAA,EAAA;AAIF,EAAAF,EAAY,WAAW,CAACY,MAAQA,GAEhCnB,EAAM,SAASO,GAAa,EAAI;AAClC;"}
+{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":";;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AAC9D,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA;AAAA,EAI1B,MAAMC,UAAoBR,EAAO;AAAA,IAC/B,OAAO,WAAW;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA,IAEjB,OAAO,OAAOS,GAAO;AACnB,UAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,YAAME,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,aAAAC,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE/CF,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcD,CAAK,GAGrCC,EAAK,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBP,EAAa;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAGDO,EAAK,iBAAiB,cAAc,CAACG,MAAwC;AAC3E,cAAMC,IAASD,EAAE,UAAU,CAAA,GACrBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAWJ,EAAuB,sBAAA,GAC1CK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,QAAAX,EAAc;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAEMT,KAAQ;AAAA,IACjB;AAAA;AAAA,IAGA,OAAO,MAAMA,GAAW;AACtB,aAAOA,EAAK,aAAa,YAAY;AAAA,IACvC;AAAA,EAAA;AAIF,EAAAF,EAAY,WAAW,CAACY,MAAQA,GAEhCnB,EAAM,SAASO,GAAa,EAAI;AAClC;"}

package/dist/shared/src/containers/Feed/components/CommentInput/modules/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react-quill-ayon"),a=require("quill-magic-url"),c=require("./ImageUploader.cjs.js"),n=require("./MentionClipboard.cjs.js");i.Quill.register("modules/imageUploader",c);i.Quill.register("modules/magicUrl",a);i.Quill.register("modules/mentionClipboard",n);const e=t=>'<span class="material-symbols-outlined icon">'+t+"</span>";var l=i.Quill.import("ui/icons");l.header[2]=e("format_h1");l.bold=e("format_bold");l.italic=e("format_italic");l.underline=e("format_underlined");l.link=e("link");l.list.ordered=e("format_list_numbered");l.list.bullet=e("format_list_bulleted");l.list.check=e("check_circle");l.image=e("attach_file");l["code-block"]=e("code");const d=["header","bold","italic","strike","list","link","code-block","mention"],u=({imageUploader:t,mentionTypeOptions:r,disableImageUpload:s=!1})=>{const o=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"},{list:"check"}]];return s||o.push(["image"]),{toolbar:o,imageUploader:t,magicUrl:!0,mentionClipboard:{typeOptions:r}}};exports.getModules=u;exports.quillFormats=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react-quill-ayon"),s=require("quill-magic-url"),c=require("./ImageUploader.cjs.js"),n=require("./MentionClipboard.cjs.js");i.Quill.register("modules/imageUploader",c);i.Quill.register("modules/magicUrl",s);i.Quill.register("modules/mentionClipboard",n);const e=t=>'<span class="material-symbols-outlined icon">'+t+"</span>";var l=i.Quill.import("ui/icons");l.header[2]=e("format_h1");l.bold=e("format_bold");l.italic=e("format_italic");l.underline=e("format_underlined");l.link=e("link");l.list.ordered=e("format_list_numbered");l.list.bullet=e("format_list_bulleted");l.list.check=e("check_circle");l.image=e("attach_file");l["code-block"]=e("code");const d=({imageUploader:t,mentionTypeOptions:r,disableImageUpload:a=!1})=>{const o=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"},{list:"check"}]];return a||o.push(["image"]),{toolbar:o,imageUploader:t,magicUrl:!0,mentionClipboard:{typeOptions:r}}};exports.getModules=d;
 //# sourceMappingURL=index.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/modules/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/index.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { Quill } from 'react-quill-ayon'\nimport MagicUrl from 'quill-magic-url'\nimport ImageUploader from './ImageUploader'\nimport MentionClipboard from './MentionClipboard'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\nQuill.register('modules/mentionClipboard', MentionClipboard)\n\n// override icons with material icons\nconst getIcon = (icon) => '<span class=\"material-symbols-outlined icon\">' + icon + '</span>'\n\nvar icons = Quill.import('ui/icons')\nicons['header']['2'] = getIcon('format_h1')\nicons['bold'] = getIcon('format_bold')\nicons['italic'] = getIcon('format_italic')\nicons['underline'] = getIcon('format_underlined')\nicons['link'] = getIcon('link')\nicons['list']['ordered'] = getIcon('format_list_numbered')\nicons['list']['bullet'] = getIcon('format_list_bulleted')\nicons['list']['check'] = getIcon('check_circle')\nicons['image'] = getIcon('attach_file')\nicons['code-block'] = getIcon('code')\n\nexport const quillFormats = [\n  'header',\n  'bold',\n  'italic',\n  'strike',\n  'list',\n  'link',\n  'code-block',\n  'mention',\n]\n\nexport const getModules = ({ imageUploader, mentionTypeOptions, disableImageUpload = false }) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n    mentionClipboard: { typeOptions: mentionTypeOptions },\n  }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","MentionClipboard","getIcon","icon","icons","quillFormats","getModules","imageUploader","mentionTypeOptions","disableImageUpload","toolbar"],"mappings":"4NAMAA,EAAAA,MAAM,SAAS,wBAAyBC,CAAa,EACrDD,EAAAA,MAAM,SAAS,mBAAoBE,CAAQ,EAC3CF,EAAAA,MAAM,SAAS,2BAA4BG,CAAgB,EAG3D,MAAMC,EAAWC,GAAS,gDAAkDA,EAAO,UAEnF,IAAIC,EAAQN,EAAAA,MAAM,OAAO,UAAU,EACnCM,EAAM,OAAU,CAAG,EAAIF,EAAQ,WAAW,EAC1CE,EAAM,KAAUF,EAAQ,aAAa,EACrCE,EAAM,OAAYF,EAAQ,eAAe,EACzCE,EAAM,UAAeF,EAAQ,mBAAmB,EAChDE,EAAM,KAAUF,EAAQ,MAAM,EAC9BE,EAAM,KAAQ,QAAaF,EAAQ,sBAAsB,EACzDE,EAAM,KAAQ,OAAYF,EAAQ,sBAAsB,EACxDE,EAAM,KAAQ,MAAWF,EAAQ,cAAc,EAC/CE,EAAM,MAAWF,EAAQ,aAAa,EACtCE,EAAM,YAAY,EAAIF,EAAQ,MAAM,EAE7B,MAAMG,EAAe,CAC1B,SACA,OACA,SACA,SACA,OACA,OACA,aACA,SACF,EAEaC,EAAa,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAoB,mBAAAC,EAAqB,MAAY,CAC/F,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,CAAA,EAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,WAAa,CAAE,KAAM,QAAA,EAAY,CAAE,KAAM,OAAA,CAAS,CAAA,EAG7D,OAAKD,GACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAH,EACA,SAAU,GACV,iBAAkB,CAAE,YAAaC,CAAA,CAAmB,CAExD"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/index.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { Quill } from 'react-quill-ayon'\nimport MagicUrl from 'quill-magic-url'\nimport ImageUploader from './ImageUploader'\nimport MentionClipboard from './MentionClipboard'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\nQuill.register('modules/mentionClipboard', MentionClipboard)\n\n// override icons with material icons\nconst getIcon = (icon) => '<span class=\"material-symbols-outlined icon\">' + icon + '</span>'\n\nvar icons = Quill.import('ui/icons')\nicons['header']['2'] = getIcon('format_h1')\nicons['bold'] = getIcon('format_bold')\nicons['italic'] = getIcon('format_italic')\nicons['underline'] = getIcon('format_underlined')\nicons['link'] = getIcon('link')\nicons['list']['ordered'] = getIcon('format_list_numbered')\nicons['list']['bullet'] = getIcon('format_list_bulleted')\nicons['list']['check'] = getIcon('check_circle')\nicons['image'] = getIcon('attach_file')\nicons['code-block'] = getIcon('code')\n\nexport { quillFormats } from '../quillFormats'\n\nexport const getModules = ({ imageUploader, mentionTypeOptions, disableImageUpload = false }) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n    mentionClipboard: { typeOptions: mentionTypeOptions },\n  }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","MentionClipboard","getIcon","icon","icons","getModules","imageUploader","mentionTypeOptions","disableImageUpload","toolbar"],"mappings":"4NAMAA,EAAAA,MAAM,SAAS,wBAAyBC,CAAa,EACrDD,EAAAA,MAAM,SAAS,mBAAoBE,CAAQ,EAC3CF,EAAAA,MAAM,SAAS,2BAA4BG,CAAgB,EAG3D,MAAMC,EAAWC,GAAS,gDAAkDA,EAAO,UAEnF,IAAIC,EAAQN,EAAAA,MAAM,OAAO,UAAU,EACnCM,EAAM,OAAU,CAAG,EAAIF,EAAQ,WAAW,EAC1CE,EAAM,KAAUF,EAAQ,aAAa,EACrCE,EAAM,OAAYF,EAAQ,eAAe,EACzCE,EAAM,UAAeF,EAAQ,mBAAmB,EAChDE,EAAM,KAAUF,EAAQ,MAAM,EAC9BE,EAAM,KAAQ,QAAaF,EAAQ,sBAAsB,EACzDE,EAAM,KAAQ,OAAYF,EAAQ,sBAAsB,EACxDE,EAAM,KAAQ,MAAWF,EAAQ,cAAc,EAC/CE,EAAM,MAAWF,EAAQ,aAAa,EACtCE,EAAM,YAAY,EAAIF,EAAQ,MAAM,EAI7B,MAAMG,EAAa,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAoB,mBAAAC,EAAqB,MAAY,CAC/F,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,CAAA,EAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,WAAa,CAAE,KAAM,QAAA,EAAY,CAAE,KAAM,OAAA,CAAS,CAAA,EAG7D,OAAKD,GACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAH,EACA,SAAU,GACV,iBAAkB,CAAE,YAAaC,CAAA,CAAmB,CAExD"}

package/dist/shared/src/containers/Feed/components/CommentInput/modules/index.es.js

@@ -1,12 +1,12 @@
-import { Quill as l } from "react-quill-ayon";
-import s from "quill-magic-url";
-import c from "./ImageUploader.es.js";
-import m from "./MentionClipboard.es.js";
-l.register("modules/imageUploader", c);
-l.register("modules/magicUrl", s);
-l.register("modules/mentionClipboard", m);
-const e = (o) => '<span class="material-symbols-outlined icon">' + o + "</span>";
-var i = l.import("ui/icons");
+import { Quill as o } from "react-quill-ayon";
+import m from "quill-magic-url";
+import s from "./ImageUploader.es.js";
+import c from "./MentionClipboard.es.js";
+o.register("modules/imageUploader", s);
+o.register("modules/magicUrl", m);
+o.register("modules/mentionClipboard", c);
+const e = (l) => '<span class="material-symbols-outlined icon">' + l + "</span>";
+var i = o.import("ui/icons");
 i.header[2] = e("format_h1");
 i.bold = e("format_bold");
 i.italic = e("format_italic");
@@ -17,29 +17,19 @@ i.list.bullet = e("format_list_bulleted");
 i.list.check = e("check_circle");
 i.image = e("attach_file");
 i["code-block"] = e("code");
-const p = [
-  "header",
-  "bold",
-  "italic",
-  "strike",
-  "list",
-  "link",
-  "code-block",
-  "mention"
-], f = ({ imageUploader: o, mentionTypeOptions: r, disableImageUpload: a = !1 }) => {
-  const t = [
+const b = ({ imageUploader: l, mentionTypeOptions: t, disableImageUpload: a = !1 }) => {
+  const r = [
     [{ header: 2 }, "bold", "italic", "link", "code-block"],
     [{ list: "ordered" }, { list: "bullet" }, { list: "check" }]
   ];
-  return a || t.push(["image"]), {
-    toolbar: t,
-    imageUploader: o,
+  return a || r.push(["image"]), {
+    toolbar: r,
+    imageUploader: l,
     magicUrl: !0,
-    mentionClipboard: { typeOptions: r }
+    mentionClipboard: { typeOptions: t }
   };
 };
 export {
-  f as getModules,
-  p as quillFormats
+  b as getModules
 };
 //# sourceMappingURL=index.es.js.map