npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.28 → 0.2.30 - Mend

@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n / list and check box styles /\n .ql-editor ol,\n .ql-editor ul {\n li {\n padding-left: 0;\n\n / Hide React Quill's ::before pseudo-elements /\n &::before {\n content: none;\n }\n\n &[data-list='ordered'] {\n list-style-type: decimal;\n list-style-position: inside;\n }\n\n &[data-list='bullet'] {\n list-style-type: circle;\n list-style-position: inside;\n }\n\n / checkbox data-checked false or true /\n &[data-list='unchecked'],\n &[data-list='checked'] {\n margin-left: 8px;\n min-height: 25px;\n\n &::before {\n font-size: unset;\n top: 7px;\n position: relative;\n }\n\n .ql-ui {\n / tick circle /\n margin-right: 8px;\n }\n }\n\n &[data-list='checked'] {\n &::before {\n / tick circle svg /\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%2323E0A9'%3E%3Cpath d='m427.462-343.692 233.846-232.846L620-617.846 427.462-426.308l-87-86L299.154-471l128.308 127.308ZM480.134-104q-77.313 0-145.89-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.917Q104-402.554 104-479.866q0-78.569 29.418-146.871 29.419-68.303 80.922-119.917 51.503-51.614 119.916-80.48Q402.67-856 479.866-856q78.559 0 146.853 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 119.841Q856-558.639 856-480.05q0 77.589-28.839 145.826-28.84 68.237-80.408 119.786-51.569 51.548-119.81 80.993Q558.702-104 480.134-104Z'/%3E%3C/svg%3E\");\n }\n }\n &[data-list='unchecked'] {\n &::before {\n / open circle svg /\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23F4F5F5'%3E%3Cpath d='M480.409-104q-77.588 0-146.165-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.876Q104-402.471 104-480.325q0-78.11 29.418-146.412 29.419-68.303 80.922-119.917 51.503-51.614 119.875-80.48Q402.587-856 480.325-856q78.1 0 146.394 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 120.065Q856-558.191 856-480.326q0 77.865-28.839 146.102-28.84 68.237-80.408 119.786-51.569 51.548-120.034 80.993Q558.253-104 480.409-104ZM480-162q132.513 0 225.256-92.744Q798-347.487 798-480t-92.744-225.256Q612.513-798 480-798t-225.256 92.744Q162-612.513 162-480t92.744 225.256Q347.487-162 480-162Zm0-318Z'/%3E%3C/svg%3E\");\n }\n }\n }\n }\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n / link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":"qHAEaA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpBC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgUjBE,EAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBG,EAAUH,EAAO;AAAA;AAAA;AAAA,EAKjBI,EAAWJ,EAAO;AAAA;AAAA;AAAA,EAKlBK,EAAWL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BlBM,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":"qHAEaA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpBC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoRjBE,EAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBG,EAAUH,EAAO;AAAA;AAAA;AAAA,EAKjBI,EAAWJ,EAAO;AAAA;AAAA;AAAA,EAKlBK,EAAWL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BlBM,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,5 +1,5 @@
 import o from "styled-components";
-const r = o.div`
+const e = o.div`
   /* use grid tick for auto height transition */
   display: grid;
   height: 100%;
@@ -21,7 +21,7 @@ const r = o.div`
   &.isEditing {
     padding: 0;
   }
-`, i = o.div`
+`, n = o.div`
   display: flex;
   flex-direction: column;
   position: relative;
@@ -79,59 +79,6 @@ const r = o.div`
     }
   }
-  /* list and check box styles */
-  .ql-editor ol,
-  .ql-editor ul {
-    li {
-      padding-left: 0;
-      /* Hide React Quill's ::before pseudo-elements */
-      &::before {
-        content: none;
-      }
-      &[data-list='ordered'] {
-        list-style-type: decimal;
-        list-style-position: inside;
-      }
-      &[data-list='bullet'] {
-        list-style-type: circle;
-        list-style-position: inside;
-      }
-      /* checkbox data-checked false or true */
-      &[data-list='unchecked'],
-      &[data-list='checked'] {
-        margin-left: 8px;
-        min-height: 25px;
-        &::before {
-          font-size: unset;
-          top: 7px;
-          position: relative;
-        }
-        .ql-ui {
-          /* tick circle */
-          margin-right: 8px;
-        }
-      }
-      &[data-list='checked'] {
-        &::before {
-          /* tick circle svg */
-          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%2323E0A9'%3E%3Cpath d='m427.462-343.692 233.846-232.846L620-617.846 427.462-426.308l-87-86L299.154-471l128.308 127.308ZM480.134-104q-77.313 0-145.89-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.917Q104-402.554 104-479.866q0-78.569 29.418-146.871 29.419-68.303 80.922-119.917 51.503-51.614 119.916-80.48Q402.67-856 479.866-856q78.559 0 146.853 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 119.841Q856-558.639 856-480.05q0 77.589-28.839 145.826-28.84 68.237-80.408 119.786-51.569 51.548-119.81 80.993Q558.702-104 480.134-104Z'/%3E%3C/svg%3E");
-        }
-      }
-      &[data-list='unchecked'] {
-        &::before {
-          /* open circle svg */
-          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23F4F5F5'%3E%3Cpath d='M480.409-104q-77.588 0-146.165-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.876Q104-402.471 104-480.325q0-78.11 29.418-146.412 29.419-68.303 80.922-119.917 51.503-51.614 119.875-80.48Q402.587-856 480.325-856q78.1 0 146.394 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 120.065Q856-558.191 856-480.326q0 77.865-28.839 146.102-28.84 68.237-80.408 119.786-51.569 51.548-120.034 80.993Q558.253-104 480.409-104ZM480-162q132.513 0 225.256-92.744Q798-347.487 798-480t-92.744-225.256Q612.513-798 480-798t-225.256 92.744Q162-612.513 162-480t92.744 225.256Q347.487-162 480-162Zm0-318Z'/%3E%3C/svg%3E");
-        }
-      }
-    }
-  }
   /* container styles reset */
   .ql-container.ql-snow {
@@ -140,6 +87,8 @@ const r = o.div`
     height: calc(100% - 41px);
     .ql-editor {
+      max-height: 259px !important;
       /* code block */
       .ql-code-block-container {
         background-color: var(--md-sys-color-surface-container-lowest);
@@ -147,6 +96,13 @@ const r = o.div`
         border-radius: var(--border-radius-m);
       }
+      .ql-code-block-container .ql-code-block,
+      .ql-code-block-container .ql-code-block *,
+      .ql-code-block-container * {
+        font-family: monospace;
+        font-size: var(--md-sys-typescale-body-small-font-size);
+      }
       a {
         &::before,
         &::after {
@@ -339,7 +295,7 @@ const r = o.div`
       }
     }
   }
-`, t = o.footer`
+`, i = o.footer`
   display: flex;
   justify-content: space-between;
   padding: var(--padding-m);
@@ -354,10 +310,10 @@ const r = o.div`
       display: none;
     }
   }
-`, n = o.div`
+`, a = o.div`
   display: flex;
   gap: var(--base-gap-small);
-`, a = o.div`
+`, t = o.div`
   position: fixed;
   visibility: hidden;
 `, s = o.div`
@@ -384,19 +340,19 @@ const r = o.div`
   .icon {
     font-size: 40px;
   }
-`, l = o.span`
+`, d = o.span`
   padding: 12px 15px;
   /* italic */
   font-style: italic;
   opacity: 0.4;
 `;
 export {
-  r as AutoHeight,
-  n as Buttons,
-  i as Comment,
+  e as AutoHeight,
+  a as Buttons,
+  n as Comment,
   s as Dropzone,
-  t as Footer,
-  a as Markdown,
-  l as Placeholder
+  i as Footer,
+  t as Markdown,
+  d as Placeholder
 };
 //# sourceMappingURL=CommentInput.styled.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n / list and check box styles /\n .ql-editor ol,\n .ql-editor ul {\n li {\n padding-left: 0;\n\n / Hide React Quill's ::before pseudo-elements /\n &::before {\n content: none;\n }\n\n &[data-list='ordered'] {\n list-style-type: decimal;\n list-style-position: inside;\n }\n\n &[data-list='bullet'] {\n list-style-type: circle;\n list-style-position: inside;\n }\n\n / checkbox data-checked false or true /\n &[data-list='unchecked'],\n &[data-list='checked'] {\n margin-left: 8px;\n min-height: 25px;\n\n &::before {\n font-size: unset;\n top: 7px;\n position: relative;\n }\n\n .ql-ui {\n / tick circle /\n margin-right: 8px;\n }\n }\n\n &[data-list='checked'] {\n &::before {\n / tick circle svg /\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%2323E0A9'%3E%3Cpath d='m427.462-343.692 233.846-232.846L620-617.846 427.462-426.308l-87-86L299.154-471l128.308 127.308ZM480.134-104q-77.313 0-145.89-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.917Q104-402.554 104-479.866q0-78.569 29.418-146.871 29.419-68.303 80.922-119.917 51.503-51.614 119.916-80.48Q402.67-856 479.866-856q78.559 0 146.853 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 119.841Q856-558.639 856-480.05q0 77.589-28.839 145.826-28.84 68.237-80.408 119.786-51.569 51.548-119.81 80.993Q558.702-104 480.134-104Z'/%3E%3C/svg%3E\");\n }\n }\n &[data-list='unchecked'] {\n &::before {\n / open circle svg /\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23F4F5F5'%3E%3Cpath d='M480.409-104q-77.588 0-146.165-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.876Q104-402.471 104-480.325q0-78.11 29.418-146.412 29.419-68.303 80.922-119.917 51.503-51.614 119.875-80.48Q402.587-856 480.325-856q78.1 0 146.394 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 120.065Q856-558.191 856-480.326q0 77.865-28.839 146.102-28.84 68.237-80.408 119.786-51.569 51.548-120.034 80.993Q558.253-104 480.409-104ZM480-162q132.513 0 225.256-92.744Q798-347.487 798-480t-92.744-225.256Q612.513-798 480-798t-225.256 92.744Q162-612.513 162-480t92.744 225.256Q347.487-162 480-162Zm0-318Z'/%3E%3C/svg%3E\");\n }\n }\n }\n }\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n / link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":";AAEO,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBpBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgUjBE,IAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBG,IAAUH,EAAO;AAAA;AAAA;AAAA,GAKjBI,IAAWJ,EAAO;AAAA;AAAA;AAAA,GAKlBK,IAAWL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BlBM,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":";AAEO,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBpBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoRjBE,IAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBG,IAAUH,EAAO;AAAA;AAAA;AAAA,GAKjBI,IAAWJ,EAAO;AAAA;AAAA;AAAA,GAKlBK,IAAWL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BlBM,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),u=require("../../../context/FeedContext.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const f=require("../../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");const a=(t,n,o)=>Object.values(t).filter(e=>e.versionId===n&&!o.some(r=>r.name===e.name)).map(e=>({...e,unsavedAnnotation:e})),A=({entityId:t,filesUploading:n})=>{const{editingId:o,setEditingId:e,annotations:r,removeAnnotation:l}=u.useFeedContext(),{onGoToFrame:i}=f.useDetailsPanelContext(),s=a(r||[],t,n);return q.useEffect(()=>{s.length>0&&!o&&e(u.FEED_NEW_COMMENT)},[s]),{annotations:s,goToAnnotation:c=>{const d=c.range[0];i==null||i(d)},removeAnnotation:l}};exports.default=A;exports.filterEntityAnnotations=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),u=require("../../../context/FeedContext.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const f=require("../../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");const a=(t,n,r)=>Object.values(t).filter(e=>e.versionId===n&&!r.some(o=>o.name===e.name)).map(e=>({...e,unsavedAnnotation:e})),A=({entityId:t,filesUploading:n})=>{const{editingId:r,setEditingId:e,annotations:o,removeAnnotation:l}=u.useFeedContext(),{onGoToFrame:i}=f.useDetailsPanelContext(),s=a(o||[],t,n);return q.useEffect(()=>{s.length>0&&!r&&e(u.FEED_NEW_COMMENT)},[s]),{annotations:s,goToAnnotation:c=>{const d=c.range[0];i==null||i(d)},removeAnnotation:l}};exports.default=A;exports.filterEntityAnnotations=a;
 //# sourceMappingURL=useAnnotationsSync.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"~~uyBAcO~~,MAAMA,EAA0B,CACrCC,EACAC,EACAC,IAEO,OAAO,OAAOF,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASD,EAAW,IAAI,CAAA,EAE/D,IAAKE,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,EAGAC,EAAqB,CAAC,CAAE,SAAAL,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAK,EAAW,aAAAC,EAAc,YAAAR,EAAa,iBAAAS,CAAA,EAAqBC,EAAAA,eAAe,EAC5E,CAAE,YAAAC,CAAY,EAAIC,yBAAuB,EAGzCC,EAAsBd,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/FY,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAC/B,EACC,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BV,GAAkC,CACxD,MAAAa,EAAab,EAAW,MAAM,CAAC,EACrCQ,GAAA,MAAAA,EAAcK,EAChB,EAKE,iBAAAP,CACF,CACF"}
1	+ {"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"41BAcO,MAAMA,EAA0B,CACrCC,EACAC,EACAC,IAEO,OAAO,OAAOF,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASD,EAAW,IAAI,CAAA,EAE/D,IAAKE,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,EAGAC,EAAqB,CAAC,CAAE,SAAAL,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAK,EAAW,aAAAC,EAAc,YAAAR,EAAa,iBAAAS,CAAA,EAAqBC,EAAAA,eAAe,EAC5E,CAAE,YAAAC,CAAY,EAAIC,yBAAuB,EAGzCC,EAAsBd,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/FY,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAC/B,EACC,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BV,GAAkC,CACxD,MAAAa,EAAab,EAAW,MAAM,CAAC,EACrCQ,GAAA,MAAAA,EAAcK,EAChB,EAKE,iBAAAP,CACF,CACF"}

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

@@ -11,12 +11,13 @@ import "../../../../../context/AddonProjectContext.es.js";
 import "../../../../../context/AddonContext.es.js";
 import "../../../../../context/PowerpackContext.es.js";
 import "../../../../../context/MoveEntityContext.es.js";
+import "../../../../../context/MenuContext.es.js";
 const u = (o, n, e) => Object.values(o).filter(
   (t) => t.versionId === n && !e.some((i) => i.name === t.name)
 ).map((t) => ({
   ...t,
   unsavedAnnotation: t
-})), _ = ({ entityId: o, filesUploading: n }) => {
+})), b = ({ entityId: o, filesUploading: n }) => {
   const { editingId: e, setEditingId: t, annotations: i, removeAnnotation: m } = f(), { onGoToFrame: r } = l(), s = u(i || [], o, n);
   return d(() => {
     s.length > 0 && !e && t(c);
@@ -30,7 +31,7 @@ const u = (o, n, e) => Object.values(o).filter(
   };
 };
 export {
-  _ as default,
+  b as default,
   u as filterEntityAnnotations
 };
 //# sourceMappingURL=useAnnotationsSync.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"~~;;;;;;;;;;;;;~~AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,MAEO,OAAO,OAAOF,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,GAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAe,GAC5E,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GAGzCC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAC/B,GACC,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AACxD,YAAAa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,KAAA,QAAAA,EAAcK;AAAA,IAChB;AAAA,IAKE,kBAAAP;AAAA,EACF;AACF;"}
1	+ {"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;;;;;;;;;;;;AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,MAEO,OAAO,OAAOF,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,GAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAe,GAC5E,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GAGzCC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAC/B,GACC,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AACxD,YAAAa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,KAAA,QAAAA,EAAcK;AAAA,IAChB;AAAA,IAKE,kBAAAP;AAAA,EACF;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";var x=Object.defineProperty;var T=(i,e,s)=>e in i?x(i,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[e]=s;var l=(i,e,s)=>T(i,typeof e!="symbol"?e+"":e,s);const p=require("react-quill-ayon"),N=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const A=require("../../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");const E=p.Quill.import("blots/inline"),I=({projectName:i})=>{const{openSlideOut:e}=A.useDetailsPanelContext(),[,s]=N(),n=class n extends E{static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const r=super.create(t),o=t.split(":").shift(),u=t.split(":").pop();return r.classList.add("mention"),r.classList.add(o),r.setAttribute("id",`ref-${u}`),r.setAttribute("contenteditable","false"),r.setAttribute("data-value",t),r.addEventListener("click",c=>{c.preventDefault(),o!=="user"&&e({entityId:u,entityType:o,projectName:i})}),r.addEventListener("mouseenter",c=>{const d=c.target||{},f=d.innerText.replace("@",""),{x:m,y:g,width:b}=d.getBoundingClientRect(),y={left:m+b/2,top:g};s({id:u,name:u,type:o,label:f,pos:y})}),r||""}static value(t){return t.getAttribute("data-value")}};l(n,"blotName","mention"),l(n,"tagName","MENTION");let a=n;a.sanitize=q=>q,p.Quill.register(a,!0)};module.exports=I;
+"use strict";var x=Object.defineProperty;var T=(i,e,s)=>e in i?x(i,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[e]=s;var l=(i,e,s)=>T(i,typeof e!="symbol"?e+"":e,s);const p=require("react-quill-ayon"),N=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const A=require("../../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");const E=p.Quill.import("blots/inline"),I=({projectName:i})=>{const{openSlideOut:e}=A.useDetailsPanelContext(),[,s]=N(),n=class n extends E{static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const r=super.create(t),u=t.split(":").shift(),o=t.split(":").pop();return r.classList.add("mention"),r.classList.add(u),r.setAttribute("id",`ref-${o}`),r.setAttribute("contenteditable","false"),r.setAttribute("data-value",t),r.addEventListener("click",c=>{c.preventDefault(),u!=="user"&&e({entityId:o,entityType:u,projectName:i})}),r.addEventListener("mouseenter",c=>{const d=c.target||{},f=d.innerText.replace("@",""),{x:m,y:g,width:b}=d.getBoundingClientRect(),y={left:m+b/2,top:g};s({id:o,name:o,type:u,label:f,pos:y})}),r||""}static value(t){return t.getAttribute("data-value")}};l(n,"blotName","mention"),l(n,"tagName","MENTION");let a=n;a.sanitize=q=>q,p.Quill.register(a,!0)};module.exports=I;
 //# sourceMappingURL=useMentionLink.cjs.js.map

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

	@@ -1 +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","__publicField","MentionLink","url"],"mappings":"~~63BAKA~~,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CACxD,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAC1C,CAAG,CAAAC,CAAa,EAAIC,EAAoB,EAIxCC,EAAN,MAAMA,UAAoBR,CAAO,CAI/B,OAAO,OAAOS,EAAO,CACf,GAAA,CAACA,GAAS,OAAOA,GAAU,SAAiB,OAAA,SAAS,cAAcD,EAAY,OAAO,EAEpF,MAAAE,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,EAC1CG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI,EAEvC,OAAAC,EAAA,UAAU,IAAI,SAAS,EACvBA,EAAA,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE1CF,EAAA,aAAa,kBAAmB,OAAO,EAGvCA,EAAA,aAAa,aAAcD,CAAK,EAGhCC,EAAA,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAe,EACbF,IAAqB,QAEZP,EAAA,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CAAA,CACF,EAGIO,EAAA,iBAAiB,aAAeG,GAAwC,CACrE,MAAAC,EAASD,EAAE,QAAU,CAAC,EACtBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAM,EAAKJ,EAAuB,sBAAsB,EAChEK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAE,EAE5BX,EAAA,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CAAA,CACF,EAEMT,GAAQ,EAAA,CAIjB,OAAO,MAAMA,EAAW,CACf,OAAAA,EAAK,aAAa,YAAY,CAAA,CACvC,EAxDAU,EADIZ,EACG,WAAW,WAClBY,EAFIZ,EAEG,UAAU,WAFnB,IAAMa,EAANb,EA6DYa,EAAA,SAAYC,GAAQA,EAE1BrB,QAAA,SAASoB,EAAa,EAAI,CAClC"}
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","__publicField","MentionLink","url"],"mappings":"k7BAKA,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CACxD,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAC1C,CAAG,CAAAC,CAAa,EAAIC,EAAoB,EAIxCC,EAAN,MAAMA,UAAoBR,CAAO,CAI/B,OAAO,OAAOS,EAAO,CACf,GAAA,CAACA,GAAS,OAAOA,GAAU,SAAiB,OAAA,SAAS,cAAcD,EAAY,OAAO,EAEpF,MAAAE,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,EAC1CG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI,EAEvC,OAAAC,EAAA,UAAU,IAAI,SAAS,EACvBA,EAAA,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE1CF,EAAA,aAAa,kBAAmB,OAAO,EAGvCA,EAAA,aAAa,aAAcD,CAAK,EAGhCC,EAAA,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAe,EACbF,IAAqB,QAEZP,EAAA,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CAAA,CACF,EAGIO,EAAA,iBAAiB,aAAeG,GAAwC,CACrE,MAAAC,EAASD,EAAE,QAAU,CAAC,EACtBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAM,EAAKJ,EAAuB,sBAAsB,EAChEK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAE,EAE5BX,EAAA,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CAAA,CACF,EAEMT,GAAQ,EAAA,CAIjB,OAAO,MAAMA,EAAW,CACf,OAAAA,EAAK,aAAa,YAAY,CAAA,CACvC,EAxDAU,EADIZ,EACG,WAAW,WAClBY,EAFIZ,EAEG,UAAU,WAFnB,IAAMa,EAANb,EA6DYa,EAAA,SAAYC,GAAQA,EAE1BrB,QAAA,SAASoB,EAAa,EAAI,CAClC"}

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

@@ -14,7 +14,8 @@ import "../../../../../context/AddonProjectContext.es.js";
 import "../../../../../context/AddonContext.es.js";
 import "../../../../../context/PowerpackContext.es.js";
 import "../../../../../context/MoveEntityContext.es.js";
-const I = d.import("blots/inline"), $ = ({ projectName: r }) => {
+import "../../../../../context/MenuContext.es.js";
+const I = d.import("blots/inline"), j = ({ projectName: r }) => {
   const { openSlideOut: t } = E(), [, o] = A(), n = class n extends I {
     // @ts-ignore
     static create(e) {
@@ -47,6 +48,6 @@ const I = d.import("blots/inline"), $ = ({ projectName: r }) => {
   s.sanitize = (u) => u, d.register(s, !0);
 };
 export {
-  $ as default
+  j as default
 };
 //# sourceMappingURL=useMentionLink.es.js.map

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

	@@ -1 +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","__publicField","MentionLink","url"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AACxD,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB,GAC1C,CAAG,EAAAC,CAAa,IAAIC,EAAoB,GAIxCC,IAAN,MAAMA,UAAoBR,EAAO;AAAA;AAAA,IAI/B,OAAO,OAAOS,GAAO;AACf,UAAA,CAACA,KAAS,OAAOA,KAAU,SAAiB,QAAA,SAAS,cAAcD,EAAY,OAAO;AAEpF,YAAAE,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,GAC1CG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,aAAAC,EAAA,UAAU,IAAI,SAAS,GACvBA,EAAA,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE1CF,EAAA,aAAa,mBAAmB,OAAO,GAGvCA,EAAA,aAAa,cAAcD,CAAK,GAGhCC,EAAA,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAe,GACbF,MAAqB,UAEZP,EAAA;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAGIO,EAAA,iBAAiB,cAAc,CAACG,MAAwC;AACrE,cAAAC,IAASD,EAAE,UAAU,CAAC,GACtBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAM,IAAKJ,EAAuB,sBAAsB,GAChEK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAE;AAE5B,QAAAX,EAAA;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAEMT,KAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAMA,GAAW;AACf,aAAAA,EAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,EAAAU,EADIZ,GACG,YAAW,YAClBY,EAFIZ,GAEG,WAAU;AAFnB,MAAMa,IAANb;AA6DY,EAAAa,EAAA,WAAW,CAACC,MAAQA,GAE1BrB,EAAA,SAASoB,GAAa,EAAI;AAClC;"}
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","__publicField","MentionLink","url"],"mappings":";;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AACxD,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB,GAC1C,CAAG,EAAAC,CAAa,IAAIC,EAAoB,GAIxCC,IAAN,MAAMA,UAAoBR,EAAO;AAAA;AAAA,IAI/B,OAAO,OAAOS,GAAO;AACf,UAAA,CAACA,KAAS,OAAOA,KAAU,SAAiB,QAAA,SAAS,cAAcD,EAAY,OAAO;AAEpF,YAAAE,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,GAC1CG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,aAAAC,EAAA,UAAU,IAAI,SAAS,GACvBA,EAAA,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE1CF,EAAA,aAAa,mBAAmB,OAAO,GAGvCA,EAAA,aAAa,cAAcD,CAAK,GAGhCC,EAAA,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAe,GACbF,MAAqB,UAEZP,EAAA;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAGIO,EAAA,iBAAiB,cAAc,CAACG,MAAwC;AACrE,cAAAC,IAASD,EAAE,UAAU,CAAC,GACtBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAM,IAAKJ,EAAuB,sBAAsB,GAChEK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAE;AAE5B,QAAAX,EAAA;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAEMT,KAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAMA,GAAW;AACf,aAAAA,EAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,EAAAU,EADIZ,GACG,YAAW,YAClBY,EAFIZ,GAEG,WAAU;AAFnB,MAAMa,IAANb;AA6DY,EAAAa,EAAA,WAAW,CAACC,MAAQA,GAE1BrB,EAAA,SAASoB,GAAa,EAAI;AAClC;"}

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

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

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

	@@ -1 +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'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\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('checklist')\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 }) => {\n ~~return~~ ~~{\n~~ toolbar: [\n [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n ['image'],\n ],\n imageUploader,\n magicUrl: true,\n }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","getIcon","icon","icons","quillFormats","getModules","imageUploader"],"mappings":"qLAKAA,EAAAA,MAAM,SAAS,wBAAyBC,CAAa,EACrDD,EAAAA,MAAM,SAAS,mBAAoBE,CAAQ,EAG3C,MAAMC,EAAWC,GAAS,gDAAkDA,EAAO,UAEnF,IAAIC,EAAQL,EAAAA,MAAM,OAAO,UAAU,EACnCK,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,WAAW,EAC5CE,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,~~MACpB~~,~~CACL~~,~~QAAS~~,~~CACP~~,CAAC,CAAE,OAAQ,GAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,~~SAAA~~,~~EAAa,~~CAAE,KAAM,~~UAAY~~,CAAE,KAAM,~~QAAS~~,~~EAC3D~~,CAAC,OAAO,~~CACV~~,EACA,~~cAAAA~~,EACA,SAAU,EACZ"}
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'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\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('checklist')\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, 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 }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","getIcon","icon","icons","quillFormats","getModules","imageUploader","disableImageUpload","toolbar"],"mappings":"qLAKAA,EAAAA,MAAM,SAAS,wBAAyBC,CAAa,EACrDD,EAAAA,MAAM,SAAS,mBAAoBE,CAAQ,EAG3C,MAAMC,EAAWC,GAAS,gDAAkDA,EAAO,UAEnF,IAAIC,EAAQL,EAAAA,MAAM,OAAO,UAAU,EACnCK,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,WAAW,EAC5CE,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,EAAqB,MAAY,CAC3E,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,GAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,WAAa,CAAE,KAAM,QAAY,EAAA,CAAE,KAAM,OAAS,CAAA,CAC7D,EAEA,OAAKD,GACKC,EAAA,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAF,EACA,SAAU,EACZ,CACF"}

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

@@ -1,8 +1,8 @@
 import { Quill as o } from "react-quill-ayon";
-import t from "quill-magic-url";
-import r from "./ImageUploader.es.js";
-o.register("modules/imageUploader", r);
-o.register("modules/magicUrl", t);
+import a from "quill-magic-url";
+import s from "./ImageUploader.es.js";
+o.register("modules/imageUploader", s);
+o.register("modules/magicUrl", a);
 const l = (i) => '<span class="material-symbols-outlined icon">' + i + "</span>";
 var e = o.import("ui/icons");
 e.header[2] = l("format_h1");
@@ -15,7 +15,7 @@ e.list.bullet = l("format_list_bulleted");
 e.list.check = l("checklist");
 e.image = l("attach_file");
 e["code-block"] = l("code");
-const d = [
+const n = [
   "header",
   "bold",
   "italic",
@@ -24,17 +24,19 @@ const d = [
   "link",
   "code-block",
   "mention"
-], m = ({ imageUploader: i }) => ({
-  toolbar: [
+], u = ({ imageUploader: i, disableImageUpload: r = !1 }) => {
+  const t = [
     [{ header: 2 }, "bold", "italic", "link", "code-block"],
-    [{ list: "ordered" }, { list: "bullet" }, { list: "check" }],
-    ["image"]
-  ],
-  imageUploader: i,
-  magicUrl: !0
-});
+    [{ list: "ordered" }, { list: "bullet" }, { list: "check" }]
+  ];
+  return r || t.push(["image"]), {
+    toolbar: t,
+    imageUploader: i,
+    magicUrl: !0
+  };
+};
 export {
-  m as getModules,
-  d as quillFormats
+  u as getModules,
+  n as quillFormats
 };
 //# sourceMappingURL=index.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.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'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\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('checklist')\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 }) => {\n ~~return~~ ~~{\n~~ toolbar: [\n [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n ['image'],\n ],\n imageUploader,\n magicUrl: true,\n }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","getIcon","icon","icons","quillFormats","getModules","imageUploader"],"mappings":";;;AAKAA,EAAM,SAAS,yBAAyBC,CAAa;AACrDD,EAAM,SAAS,oBAAoBE,CAAQ;AAG3C,MAAMC,IAAU,CAACC,MAAS,kDAAkDA,IAAO;AAEnF,IAAIC,IAAQL,EAAM,OAAO,UAAU;AACnCK,EAAM,OAAU,CAAG,IAAIF,EAAQ,WAAW;AAC1CE,EAAM,OAAUF,EAAQ,aAAa;AACrCE,EAAM,SAAYF,EAAQ,eAAe;AACzCE,EAAM,YAAeF,EAAQ,mBAAmB;AAChDE,EAAM,OAAUF,EAAQ,MAAM;AAC9BE,EAAM,KAAQ,UAAaF,EAAQ,sBAAsB;AACzDE,EAAM,KAAQ,SAAYF,EAAQ,sBAAsB;AACxDE,EAAM,KAAQ,QAAWF,EAAQ,WAAW;AAC5CE,EAAM,QAAWF,EAAQ,aAAa;AACtCE,EAAM,YAAY,IAAIF,EAAQ,MAAM;AAE7B,MAAMG,IAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAa,CAAC,EAAE,eAAAC,~~SACpB~~;~~AAAA~~,~~EACL~~,~~SAAS~~;AAAA,~~IACP~~,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU,QAAQ,YAAY;AAAA,IACtD,CAAC,EAAE,MAAM,~~UAAA~~,~~GAAa,~~EAAE,MAAM,~~YAAY~~,EAAE,MAAM,~~SAAS~~;AAAA,~~IAC3D~~,CAAC,OAAO;AAAA,~~EACV~~;AAAA,~~EACA~~,~~eAAAA~~;AAAA,~~EACA~~,UAAU;~~AACZ~~;"}
1	+ {"version":3,"file":"index.es.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'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\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('checklist')\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, 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 }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","getIcon","icon","icons","quillFormats","getModules","imageUploader","disableImageUpload","toolbar"],"mappings":";;;AAKAA,EAAM,SAAS,yBAAyBC,CAAa;AACrDD,EAAM,SAAS,oBAAoBE,CAAQ;AAG3C,MAAMC,IAAU,CAACC,MAAS,kDAAkDA,IAAO;AAEnF,IAAIC,IAAQL,EAAM,OAAO,UAAU;AACnCK,EAAM,OAAU,CAAG,IAAIF,EAAQ,WAAW;AAC1CE,EAAM,OAAUF,EAAQ,aAAa;AACrCE,EAAM,SAAYF,EAAQ,eAAe;AACzCE,EAAM,YAAeF,EAAQ,mBAAmB;AAChDE,EAAM,OAAUF,EAAQ,MAAM;AAC9BE,EAAM,KAAQ,UAAaF,EAAQ,sBAAsB;AACzDE,EAAM,KAAQ,SAAYF,EAAQ,sBAAsB;AACxDE,EAAM,KAAQ,QAAWF,EAAQ,WAAW;AAC5CE,EAAM,QAAWF,EAAQ,aAAa;AACtCE,EAAM,YAAY,IAAIF,EAAQ,MAAM;AAE7B,MAAMG,IAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAa,CAAC,EAAE,eAAAC,GAAe,oBAAAC,IAAqB,SAAY;AAC3E,QAAMC,IAAU;AAAA,IACd,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU,QAAQ,YAAY;AAAA,IACtD,CAAC,EAAE,MAAM,aAAa,EAAE,MAAM,SAAY,GAAA,EAAE,MAAM,QAAS,CAAA;AAAA,EAC7D;AAEA,SAAKD,KACKC,EAAA,KAAK,CAAC,OAAO,CAAC,GAGjB;AAAA,IACL,SAAAA;AAAA,IACA,eAAAF;AAAA,IACA,UAAU;AAAA,EACZ;AACF;"}

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

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("turndown");l.prototype.escape=e=>e;var s=new l;s.addRule("taskListItems",{filter:function(e){return["checked","unchecked"].includes(e.getAttribute("data-list"))},replacement:function(e,t){return(t.getAttribute("data-list")==="checked"?"* [x]":"* [ ]")+" "+e.replace(/(\r\n|\n|\r)/gm,"")+`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("turndown");l.prototype.escape=e=>e;var o=new l;o.addRule("taskListItems",{filter:function(e){return["checked","unchecked"].includes(e.getAttribute("data-list"))},replacement:function(e,t){return(t.getAttribute("data-list")==="checked"?"* [x]":"* [ ]")+" "+e.replace(/(\r\n|\n|\r)/gm,"")+`
-`}});s.addRule("codeblock",{filter:function(e){return e.classList.contains("ql-code-block-container")},replacement:function(e,t){const n=t.children;return"```\n"+Array.from(n).map(r=>r.innerText).join(`
-`)+"\n```"}});s.addRule("doubleBackslash",{filter:function(e){var t;return(t=e.innerText)==null?void 0:t.includes("\\\\")},replacement:function(e){return e.replaceAll("\\\\","\\\\\\\\")}});s.addRule("unOrderedList",{filter:function(e){return e.nodeName==="LI"&&e.getAttribute("data-list")==="bullet"},replacement:function(e){return"- "+e+`
-`}});s.addRule("mention",{filter:function(e){return e.classList.contains("mention")&&e.getAttribute("data-value")},replacement:function(e,t){return`[${e}](${t.getAttribute("data-value")})`}});const f=e=>e.replaceAll("<p>","").replaceAll("</p>",`
-`).replaceAll("```",""),g=e=>{const t=/```(.*?)```/g,n=e.match(t);return n&&n.forEach(c=>{const r=`<pre id='ticks'><code>${f(c)}</code></pre>`;e=e.replace(c,r)}),e},m=e=>{const t=/\n\n>/g,n=e.match(t);return n&&n.forEach(c=>{e=e.replace(c,`
->`)}),e},u=(e="")=>{const t=/\((.*?)\)/g;return(e.match(t)||[]).flatMap(r=>{if(r.includes("http"))return[];{const i=r.match(/\(([^)]+)\)/);let o=[];return i&&(o=i[1].split(":")),{type:o[0],id:o[1]}}})},k=e=>{const t=g(e);let n=s.turndown(t),r=m(n);const i=/\((.*?)\)|\[(.*?)\]/g,o=n.match(i);o&&o.forEach(a=>{if(a.includes("http"))return;const p=a.replaceAll("@","");r=r.replace(a,p)});const d=u(n);return[r,d]};exports.convertToMarkdown=k;exports.getTextRefs=u;
+`}});o.addRule("codeblock",{filter:function(e){return e.classList.contains("ql-code-block-container")},replacement:function(e,t){const n=t.children;return"```\n"+Array.from(n).map(r=>r.innerText).join(`
+`)+"\n```"}});o.addRule("doubleBackslash",{filter:function(e){var t;return(t=e.innerText)==null?void 0:t.includes("\\\\")},replacement:function(e){return e.replaceAll("\\\\","\\\\\\\\")}});o.addRule("unOrderedList",{filter:function(e){return e.nodeName==="LI"&&e.getAttribute("data-list")==="bullet"},replacement:function(e){return"- "+e+`
+`}});o.addRule("orderedList",{filter:function(e){return e.nodeName==="LI"&&e.getAttribute("data-list")==="ordered"},replacement:function(e){return"1. "+e+`
+`}});o.addRule("mention",{filter:function(e){return e.classList.contains("mention")&&e.getAttribute("data-value")},replacement:function(e,t){return`[${e}](${t.getAttribute("data-value")})`}});const f=e=>e.replaceAll("<p>","").replaceAll("</p>",`
+`).replaceAll("```",""),m=e=>{const t=/```(.*?)```/g,n=e.match(t);return n&&n.forEach(c=>{const r=`<pre id='ticks'><code>${f(c)}</code></pre>`;e=e.replace(c,r)}),e},g=e=>{const t=/\n\n>/g,n=e.match(t);return n&&n.forEach(c=>{e=e.replace(c,`
+>`)}),e},u=(e="")=>{const t=/\((.*?)\)/g;return(e.match(t)||[]).flatMap(r=>{if(r.includes("http"))return[];{const i=r.match(/\(([^)]+)\)/);let s=[];return i&&(s=i[1].split(":")),{type:s[0],id:s[1]}}})},k=e=>{const t=m(e);let n=o.turndown(t),r=g(n);const i=/\((.*?)\)|\[(.*?)\]/g,s=n.match(i);s&&s.forEach(a=>{if(a.includes("http"))return;const p=a.replaceAll("@","");r=r.replace(a,p)});const d=u(n);return[r,d]};exports.convertToMarkdown=k;exports.getTextRefs=u;
 //# sourceMappingURL=quillToMarkdown.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"quillToMarkdown.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/quillToMarkdown.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport TurndownService from 'turndown'\n\n// override the escaping of markdown characters\n// https://github.com/mixmark-io/turndown?tab=readme-ov-file#escaping-markdown-characters\nTurndownService.prototype.escape = (string) => string\n\nvar turndownService = new TurndownService()\n\n// support lists with checkboxes\nturndownService.addRule('taskListItems', {\n filter: function (node) {\n return ['checked', 'unchecked'].includes(node.getAttribute('data-list'))\n },\n replacement: function (content, node) {\n return (\n (node.getAttribute('data-list') === 'checked' ? '* [x]' : '* [ ]') +\n ' ' +\n content.replace(/(\\r\\n\|\\n\|\\r)/gm, '') +\n '\\n\\n'\n )\n },\n})\n\nturndownService.addRule('codeblock', {\n filter: function (node) {\n return node.classList.contains('ql-code-block-container')\n },\n replacement: function (content, node) {\n const lines = node.children\n // each child node is a new line so add a newline character\n const codeBlockString = Array.from(lines)\n .map((line) => line.innerText)\n .join('\\n')\n // wrap the content in ``` to create a code block\n return '```\\n' + codeBlockString + '\\n```'\n },\n})\n\n// if there is a double backslash followed by text, \\\\text, replace with \\\\\\ so it resolves to \\\\text\nturndownService.addRule('doubleBackslash', {\n filter: function (node) {\n return node.innerText?.includes('\\\\\\\\')\n },\n replacement: function (content) {\n return content.replaceAll('\\\\\\\\', '\\\\\\\\\\\\\\\\')\n },\n})\n\n// ~~ordered~~ list ~~for~~ ~~both~~ ul ~~and~~ ol\nturndownService.addRule('~~unOrderedList~~', {\n filter: function (node) {\n return node.nodeName === 'LI' && node.getAttribute('data-list') === '~~bullet~~'\n },\n replacement: function (content) {\n return '- ' + content + '\\n'\n },\n})\n\n// convert mention tags to links\nturndownService.addRule('mention', {\n filter: function (node) {\n return node.classList.contains('mention') && node.getAttribute('data-value')\n },\n replacement: function (content, node) {\n return `[${content}](${node.getAttribute('data-value')})`\n },\n})\n\n// replace <p> with <br> for line breaks\nconst replaceLineBreaks = (html) => {\n return html.replaceAll('<p>', '').replaceAll('</p>', '\\n').replaceAll('```', '')\n}\n\n// remove extra lines in ``` code blocks\nconst parseCodeBlocks = (value) => {\n // first get the code blocks\n const regex = /```(.?)```/g\n const matches = value.match(regex)\n\n // for each code block, wrap with <pre><code> tags\n if (matches) {\n matches.forEach((match) => {\n const newMatch = `<pre id='ticks'><code>${replaceLineBreaks(match)}</code></pre>`\n value = value.replace(match, newMatch)\n })\n }\n\n return value\n}\n\n// replace any multi line quotes \\n\\n with a single \\n\n// matching \\n\\n>\nconst parseQuotes = (value) => {\n const regex = /\\n\\n>/g\n const matches = value.match(regex)\n\n if (matches) {\n matches.forEach((match) => {\n value = value.replace(match, '\\n>')\n })\n }\n\n return value\n}\n\nexport const getTextRefs = (text = '') => {\n // inside the markdown, find characters inside ()\n const regex2 = /\$(.?)\$/g\n const links = text.match(regex2) \|\| []\n const entities = links.flatMap((link) => {\n // if https, then it is a link and not an entity\n if (link.includes('http')) {\n return []\n } else {\n // remove the ()\n const match = link.match(/\$([^)]+)\$/)\n let parts = []\n if (match) {\n // split by :\n parts = match[1].split(':')\n }\n return {\n type: parts[0],\n id: parts[1],\n }\n }\n })\n\n return entities\n}\n\nexport const convertToMarkdown = (value) => {\n const codeBlocksParsed = parseCodeBlocks(value)\n\n // convert to markdown\n let markdown = turndownService.turndown(codeBlocksParsed)\n\n const quotesParsedMarkdown = parseQuotes(markdown)\n\n let body = quotesParsedMarkdown\n\n // inside the markdown, find characters inside () or [] and replace @ with nothing\n const regex = /\$(.?)\$\|\\[(.?)\\]/g\n const matches = markdown.match(regex)\n if (matches) {\n matches.forEach((match) => {\n if (match.includes('http')) return\n const newMatch = match.replaceAll('@', '')\n body = body.replace(match, newMatch)\n })\n }\n\n const entities = getTextRefs(markdown)\n\n return [body, entities]\n}\n\n// \"8061b1801dab11ef95ad0242ac180005\"\n"],"names":["TurndownService","string","turndownService","node","content","lines","line","_a","replaceLineBreaks","html","parseCodeBlocks","value","regex","matches","match","newMatch","parseQuotes","getTextRefs","text","regex2","link","parts","convertToMarkdown","codeBlocksParsed","markdown","body","entities"],"mappings":"4GAMAA,EAAgB,UAAU,OAAUC,GAAWA,EAE/C,IAAIC,EAAkB,IAAIF,EAG1BE,EAAgB,QAAQ,gBAAiB,CACvC,OAAQ,SAAUC,EAAM,CACf,MAAA,CAAC,UAAW,WAAW,EAAE,SAASA,EAAK,aAAa,WAAW,CAAC,CACzE,EACA,YAAa,SAAUC,EAASD,EAAM,CACpC,OACGA,EAAK,aAAa,WAAW,IAAM,UAAY,QAAU,SAC1D,IACAC,EAAQ,QAAQ,iBAAkB,EAAE,EACpC;AAAA;AAAA,CAAA,CAGN,CAAC,EAEDF,EAAgB,QAAQ,YAAa,CACnC,OAAQ,SAAUC,EAAM,CACf,OAAAA,EAAK,UAAU,SAAS,yBAAyB,CAC1D,EACA,YAAa,SAAUC,EAASD,EAAM,CACpC,MAAME,EAAQF,EAAK,SAMnB,MAAO,QAJiB,MAAM,KAAKE,CAAK,EACrC,IAAKC,GAASA,EAAK,SAAS,EAC5B,KAAK;AAAA,CAAI,EAEuB,OAAA,CAEvC,CAAC,EAGDJ,EAAgB,QAAQ,kBAAmB,CACzC,OAAQ,SAAUC,EAAM,OACf,OAAAI,EAAAJ,EAAK,YAAL,YAAAI,EAAgB,SAAS,OAClC,EACA,YAAa,SAAUH,EAAS,CACvB,OAAAA,EAAQ,WAAW,OAAQ,UAAU,CAAA,CAEhD,CAAC,EAGDF,EAAgB,QAAQ,gBAAiB,CACvC,OAAQ,SAAUC,EAAM,CACtB,OAAOA,EAAK,WAAa,MAAQA,EAAK,aAAa,WAAW,IAAM,QACtE,EACA,YAAa,SAAUC,EAAS,CAC9B,MAAO,KAAOA,EAAU;AAAA,CAAA,CAE5B,CAAC,EAGDF,EAAgB,QAAQ,UAAW,CACjC,OAAQ,SAAUC,EAAM,CACtB,OAAOA,EAAK,UAAU,SAAS,SAAS,GAAKA,EAAK,aAAa,YAAY,CAC7E,EACA,YAAa,SAAUC,EAASD,EAAM,CACpC,MAAO,IAAIC,CAAO,KAAKD,EAAK,aAAa,YAAY,CAAC,GAAA,CAE1D,CAAC,EAGD,MAAMK,EAAqBC,GAClBA,EAAK,WAAW,MAAO,EAAE,EAAE,WAAW,OAAQ;AAAA,CAAI,EAAE,WAAW,MAAO,EAAE,EAI3EC,EAAmBC,GAAU,CAEjC,MAAMC,EAAQ,eACRC,EAAUF,EAAM,MAAMC,CAAK,EAGjC,OAAIC,GACMA,EAAA,QAASC,GAAU,CACzB,MAAMC,EAAW,yBAAyBP,EAAkBM,CAAK,CAAC,gBAC1DH,EAAAA,EAAM,QAAQG,EAAOC,CAAQ,CAAA,CACtC,EAGIJ,CACT,EAIMK,EAAeL,GAAU,CAC7B,MAAMC,EAAQ,SACRC,EAAUF,EAAM,MAAMC,CAAK,EAEjC,OAAIC,GACMA,EAAA,QAASC,GAAU,CACjBH,EAAAA,EAAM,QAAQG,EAAO;AAAA,EAAK,CAAA,CACnC,EAGIH,CACT,EAEaM,EAAc,CAACC,EAAO,KAAO,CAExC,MAAMC,EAAS,aAqBR,OApBOD,EAAK,MAAMC,CAAM,GAAK,CAAC,GACd,QAASC,GAAS,CAEnC,GAAAA,EAAK,SAAS,MAAM,EACtB,MAAO,CAAC,EACH,CAEC,MAAAN,EAAQM,EAAK,MAAM,aAAa,EACtC,IAAIC,EAAQ,CAAC,EACb,OAAIP,IAEFO,EAAQP,EAAM,CAAC,EAAE,MAAM,GAAG,GAErB,CACL,KAAMO,EAAM,CAAC,EACb,GAAIA,EAAM,CAAC,CACb,CAAA,CACF,CACD,CAGH,EAEaC,EAAqBX,GAAU,CACpC,MAAAY,EAAmBb,EAAgBC,CAAK,EAG1C,IAAAa,EAAWtB,EAAgB,SAASqB,CAAgB,EAIpDE,EAFyBT,EAAYQ,CAAQ,EAKjD,MAAMZ,EAAQ,uBACRC,EAAUW,EAAS,MAAMZ,CAAK,EAChCC,GACMA,EAAA,QAASC,GAAU,CACrB,GAAAA,EAAM,SAAS,MAAM,EAAG,OAC5B,MAAMC,EAAWD,EAAM,WAAW,IAAK,EAAE,EAClCW,EAAAA,EAAK,QAAQX,EAAOC,CAAQ,CAAA,CACpC,EAGG,MAAAW,EAAWT,EAAYO,CAAQ,EAE9B,MAAA,CAACC,EAAMC,CAAQ,CACxB"}
1	+ {"version":3,"file":"quillToMarkdown.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/quillToMarkdown.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport TurndownService from 'turndown'\n\n// override the escaping of markdown characters\n// https://github.com/mixmark-io/turndown?tab=readme-ov-file#escaping-markdown-characters\nTurndownService.prototype.escape = (string) => string\n\nvar turndownService = new TurndownService()\n\n// support lists with checkboxes\nturndownService.addRule('taskListItems', {\n filter: function (node) {\n return ['checked', 'unchecked'].includes(node.getAttribute('data-list'))\n },\n replacement: function (content, node) {\n return (\n (node.getAttribute('data-list') === 'checked' ? '* [x]' : '* [ ]') +\n ' ' +\n content.replace(/(\\r\\n\|\\n\|\\r)/gm, '') +\n '\\n\\n'\n )\n },\n})\n\nturndownService.addRule('codeblock', {\n filter: function (node) {\n return node.classList.contains('ql-code-block-container')\n },\n replacement: function (content, node) {\n const lines = node.children\n // each child node is a new line so add a newline character\n const codeBlockString = Array.from(lines)\n .map((line) => line.innerText)\n .join('\\n')\n // wrap the content in ``` to create a code block\n return '```\\n' + codeBlockString + '\\n```'\n },\n})\n\n// if there is a double backslash followed by text, \\\\text, replace with \\\\\\ so it resolves to \\\\text\nturndownService.addRule('doubleBackslash', {\n filter: function (node) {\n return node.innerText?.includes('\\\\\\\\')\n },\n replacement: function (content) {\n return content.replaceAll('\\\\\\\\', '\\\\\\\\\\\\\\\\')\n },\n})\n\n// unordered list\nturndownService.addRule('unOrderedList', {\n filter: function (node) {\n return node.nodeName === 'LI' && node.getAttribute('data-list') === 'bullet'\n },\n replacement: function (content) {\n return '- ' + content + '\\n'\n },\n})\n\n// ordered list\nturndownService.addRule('orderedList', {\n filter: function (node) {\n return node.nodeName === 'LI' && node.getAttribute('data-list') === 'ordered'\n },\n replacement: function (content) {\n return '1. ' + content + '\\n'\n },\n})\n\n// convert mention tags to links\nturndownService.addRule('mention', {\n filter: function (node) {\n return node.classList.contains('mention') && node.getAttribute('data-value')\n },\n replacement: function (content, node) {\n return `[${content}](${node.getAttribute('data-value')})`\n },\n})\n\n// replace <p> with <br> for line breaks\nconst replaceLineBreaks = (html) => {\n return html.replaceAll('<p>', '').replaceAll('</p>', '\\n').replaceAll('```', '')\n}\n\n// remove extra lines in ``` code blocks\nconst parseCodeBlocks = (value) => {\n // first get the code blocks\n const regex = /```(.?)```/g\n const matches = value.match(regex)\n\n // for each code block, wrap with <pre><code> tags\n if (matches) {\n matches.forEach((match) => {\n const newMatch = `<pre id='ticks'><code>${replaceLineBreaks(match)}</code></pre>`\n value = value.replace(match, newMatch)\n })\n }\n\n return value\n}\n\n// replace any multi line quotes \\n\\n with a single \\n\n// matching \\n\\n>\nconst parseQuotes = (value) => {\n const regex = /\\n\\n>/g\n const matches = value.match(regex)\n\n if (matches) {\n matches.forEach((match) => {\n value = value.replace(match, '\\n>')\n })\n }\n\n return value\n}\n\nexport const getTextRefs = (text = '') => {\n // inside the markdown, find characters inside ()\n const regex2 = /\$(.?)\$/g\n const links = text.match(regex2) \|\| []\n const entities = links.flatMap((link) => {\n // if https, then it is a link and not an entity\n if (link.includes('http')) {\n return []\n } else {\n // remove the ()\n const match = link.match(/\$([^)]+)\$/)\n let parts = []\n if (match) {\n // split by :\n parts = match[1].split(':')\n }\n return {\n type: parts[0],\n id: parts[1],\n }\n }\n })\n\n return entities\n}\n\nexport const convertToMarkdown = (value) => {\n const codeBlocksParsed = parseCodeBlocks(value)\n\n // convert to markdown\n let markdown = turndownService.turndown(codeBlocksParsed)\n\n const quotesParsedMarkdown = parseQuotes(markdown)\n\n let body = quotesParsedMarkdown\n\n // inside the markdown, find characters inside () or [] and replace @ with nothing\n const regex = /\$(.?)\$\|\\[(.?)\\]/g\n const matches = markdown.match(regex)\n if (matches) {\n matches.forEach((match) => {\n if (match.includes('http')) return\n const newMatch = match.replaceAll('@', '')\n body = body.replace(match, newMatch)\n })\n }\n\n const entities = getTextRefs(markdown)\n\n return [body, entities]\n}\n\n// \"8061b1801dab11ef95ad0242ac180005\"\n"],"names":["TurndownService","string","turndownService","node","content","lines","line","_a","replaceLineBreaks","html","parseCodeBlocks","value","regex","matches","match","newMatch","parseQuotes","getTextRefs","text","regex2","link","parts","convertToMarkdown","codeBlocksParsed","markdown","body","entities"],"mappings":"4GAMAA,EAAgB,UAAU,OAAUC,GAAWA,EAE/C,IAAIC,EAAkB,IAAIF,EAG1BE,EAAgB,QAAQ,gBAAiB,CACvC,OAAQ,SAAUC,EAAM,CACf,MAAA,CAAC,UAAW,WAAW,EAAE,SAASA,EAAK,aAAa,WAAW,CAAC,CACzE,EACA,YAAa,SAAUC,EAASD,EAAM,CACpC,OACGA,EAAK,aAAa,WAAW,IAAM,UAAY,QAAU,SAC1D,IACAC,EAAQ,QAAQ,iBAAkB,EAAE,EACpC;AAAA;AAAA,CAAA,CAGN,CAAC,EAEDF,EAAgB,QAAQ,YAAa,CACnC,OAAQ,SAAUC,EAAM,CACf,OAAAA,EAAK,UAAU,SAAS,yBAAyB,CAC1D,EACA,YAAa,SAAUC,EAASD,EAAM,CACpC,MAAME,EAAQF,EAAK,SAMnB,MAAO,QAJiB,MAAM,KAAKE,CAAK,EACrC,IAAKC,GAASA,EAAK,SAAS,EAC5B,KAAK;AAAA,CAAI,EAEuB,OAAA,CAEvC,CAAC,EAGDJ,EAAgB,QAAQ,kBAAmB,CACzC,OAAQ,SAAUC,EAAM,OACf,OAAAI,EAAAJ,EAAK,YAAL,YAAAI,EAAgB,SAAS,OAClC,EACA,YAAa,SAAUH,EAAS,CACvB,OAAAA,EAAQ,WAAW,OAAQ,UAAU,CAAA,CAEhD,CAAC,EAGDF,EAAgB,QAAQ,gBAAiB,CACvC,OAAQ,SAAUC,EAAM,CACtB,OAAOA,EAAK,WAAa,MAAQA,EAAK,aAAa,WAAW,IAAM,QACtE,EACA,YAAa,SAAUC,EAAS,CAC9B,MAAO,KAAOA,EAAU;AAAA,CAAA,CAE5B,CAAC,EAGDF,EAAgB,QAAQ,cAAe,CACrC,OAAQ,SAAUC,EAAM,CACtB,OAAOA,EAAK,WAAa,MAAQA,EAAK,aAAa,WAAW,IAAM,SACtE,EACA,YAAa,SAAUC,EAAS,CAC9B,MAAO,MAAQA,EAAU;AAAA,CAAA,CAE7B,CAAC,EAGDF,EAAgB,QAAQ,UAAW,CACjC,OAAQ,SAAUC,EAAM,CACtB,OAAOA,EAAK,UAAU,SAAS,SAAS,GAAKA,EAAK,aAAa,YAAY,CAC7E,EACA,YAAa,SAAUC,EAASD,EAAM,CACpC,MAAO,IAAIC,CAAO,KAAKD,EAAK,aAAa,YAAY,CAAC,GAAA,CAE1D,CAAC,EAGD,MAAMK,EAAqBC,GAClBA,EAAK,WAAW,MAAO,EAAE,EAAE,WAAW,OAAQ;AAAA,CAAI,EAAE,WAAW,MAAO,EAAE,EAI3EC,EAAmBC,GAAU,CAEjC,MAAMC,EAAQ,eACRC,EAAUF,EAAM,MAAMC,CAAK,EAGjC,OAAIC,GACMA,EAAA,QAASC,GAAU,CACzB,MAAMC,EAAW,yBAAyBP,EAAkBM,CAAK,CAAC,gBAC1DH,EAAAA,EAAM,QAAQG,EAAOC,CAAQ,CAAA,CACtC,EAGIJ,CACT,EAIMK,EAAeL,GAAU,CAC7B,MAAMC,EAAQ,SACRC,EAAUF,EAAM,MAAMC,CAAK,EAEjC,OAAIC,GACMA,EAAA,QAASC,GAAU,CACjBH,EAAAA,EAAM,QAAQG,EAAO;AAAA,EAAK,CAAA,CACnC,EAGIH,CACT,EAEaM,EAAc,CAACC,EAAO,KAAO,CAExC,MAAMC,EAAS,aAqBR,OApBOD,EAAK,MAAMC,CAAM,GAAK,CAAC,GACd,QAASC,GAAS,CAEnC,GAAAA,EAAK,SAAS,MAAM,EACtB,MAAO,CAAC,EACH,CAEC,MAAAN,EAAQM,EAAK,MAAM,aAAa,EACtC,IAAIC,EAAQ,CAAC,EACb,OAAIP,IAEFO,EAAQP,EAAM,CAAC,EAAE,MAAM,GAAG,GAErB,CACL,KAAMO,EAAM,CAAC,EACb,GAAIA,EAAM,CAAC,CACb,CAAA,CACF,CACD,CAGH,EAEaC,EAAqBX,GAAU,CACpC,MAAAY,EAAmBb,EAAgBC,CAAK,EAG1C,IAAAa,EAAWtB,EAAgB,SAASqB,CAAgB,EAIpDE,EAFyBT,EAAYQ,CAAQ,EAKjD,MAAMZ,EAAQ,uBACRC,EAAUW,EAAS,MAAMZ,CAAK,EAChCC,GACMA,EAAA,QAASC,GAAU,CACrB,GAAAA,EAAM,SAAS,MAAM,EAAG,OAC5B,MAAMC,EAAWD,EAAM,WAAW,IAAK,EAAE,EAClCW,EAAAA,EAAK,QAAQX,EAAOC,CAAQ,CAAA,CACpC,EAGG,MAAAW,EAAWT,EAAYO,CAAQ,EAE9B,MAAA,CAACC,EAAMC,CAAQ,CACxB"}